/* Adify TV v0.7: customer usage dashboard based on the original Free-Traffic
 * "Meine Seiten": used / assigned, today, status and editing.
 */
.customer-page .studio-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.customer-page .studio-stat strong{font-variant-numeric:tabular-nums}
.customer-page .campaign-table-head{display:grid;grid-template-columns:minmax(190px,1.45fr) minmax(210px,1.45fr) minmax(115px,.75fr) minmax(75px,.65fr) minmax(290px,2fr);gap:12px;padding:10px 16px;margin-top:15px;color:#afccdb;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;border:1px solid #396476;border-radius:12px 12px 0 0;background:#0b2537}
.customer-page #draftList{display:grid;gap:0}
.customer-page .campaign-usage-row{display:grid;grid-template-columns:minmax(190px,1.45fr) minmax(210px,1.45fr) minmax(115px,.75fr) minmax(75px,.65fr) minmax(290px,2fr);gap:12px;align-items:center;min-width:0;padding:17px 16px;border:1px solid #375f72;border-top:0;background:linear-gradient(110deg,#0a2737,#0b1e32);transition:border-color .18s,background .18s}
.customer-page .campaign-usage-row:hover{background:linear-gradient(105deg,#11344a,#14263d);border-color:#488399}
.customer-page .usage-identity{display:flex;align-items:center;gap:11px;min-width:0}
.customer-page .usage-thumbnail{height:61px;width:86px;flex:0 0 auto;object-fit:contain;background:linear-gradient(120deg,#154255,#181d40);border:1px solid #417688;border-radius:9px;padding:5px}
.customer-page .usage-identity-text{min-width:0}
.customer-page .usage-identity strong{display:block;color:#f0fdff;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.customer-page .usage-identity small{display:block;color:#98b7c8;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px;margin-top:5px}
.customer-page .usage-consumption{display:flex;flex-direction:column;gap:4px;min-width:0}
.customer-page .usage-used-number{font-size:23px;color:#a0ffcf;line-height:1.2;font-variant-numeric:tabular-nums}
.customer-page .usage-consumption small{font-size:11px;color:#aacad7}
.customer-page .usage-progress{height:9px;width:100%;max-width:260px;border-radius:15px;overflow:hidden;background:#10394b;border:1px solid #447283}
.customer-page .usage-progress-bar{height:100%;background:linear-gradient(90deg,#5bcbec,#97f3af);transition:width .16s ease}
.customer-page .usage-cost{font-variant-numeric:tabular-nums}
.customer-page .usage-returned{color:#d0b4ff!important}
.customer-page .usage-remaining{display:flex;flex-direction:column;gap:4px;min-width:0}
.customer-page .usage-remaining strong{font-size:17px;color:#f0fdff;font-variant-numeric:tabular-nums}
.customer-page .usage-remaining small{color:#9ec6d5;font-size:12px}
.customer-page .usage-status-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;font-size:11px;padding:6px 9px;font-weight:800;color:#d8e7ff;background:#213751;border:1px solid #53778d}
.customer-page .usage-status-pill.is-active{color:#a2ffd0;background:#14443b;border-color:#4a9c79}
.customer-page .usage-status-pill.is-paused{color:#ffd5a6;background:#3b3320;border-color:#9b7449}
.customer-page .usage-status-pill.is-draft{color:#c5d9e8;background:#1d3040;border-color:#58748a}
.customer-page .usage-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.customer-page .usage-actions button,.customer-page .usage-actions .secondary-link{display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center;font-size:11px;min-height:36px;padding:7px 10px;border-radius:9px}
.customer-page .usage-actions .usage-assign{display:flex;align-items:center;gap:5px}
.customer-page .usage-actions .usage-assign .inline-credit{height:36px;min-height:36px;width:62px;padding:5px 7px;font-size:12px}
.customer-page .usage-actions .secondary-link{color:#b6f6e8}
.customer-page .usage-actions button:hover,.customer-page .usage-actions .secondary-link:hover{border-color:#9be7df}
.customer-page .usage-actions button:focus-visible,.customer-page .usage-actions a:focus-visible{outline:2px solid #b1ffcd;outline-offset:2px}
.customer-page .preview-usage-panel{margin-top:15px;padding:16px;background:linear-gradient(115deg,#10333e,#132b43);border-radius:12px;border:1px solid #467f88}
.customer-page .preview-usage-title{font-size:12px;letter-spacing:.05em;color:#a7e6e3;font-weight:820;text-transform:uppercase}
.customer-page .preview-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.customer-page .preview-usage-grid>div{background:#081f2c;border:1px solid #2a5264;border-radius:10px;padding:10px;min-width:0}
.customer-page .preview-usage-grid small{font-size:10px;color:#9ebec9;display:block}
.customer-page .preview-usage-grid strong{font-size:14px;color:#91ffd0;display:block;margin-top:3px;font-variant-numeric:tabular-nums}
.customer-page .preview-usage-caption{font-size:11px;color:#a7c4d4;line-height:1.5}
.customer-page .preview-usage-panel[hidden]{display:none}
@media(max-width:1180px){
 .customer-page .campaign-table-head{grid-template-columns:1.5fr 1.3fr .8fr .7fr}
 .customer-page .campaign-table-head span:last-child{display:none}
 .customer-page .campaign-usage-row{grid-template-columns:minmax(170px,1.5fr) minmax(190px,1.3fr) minmax(110px,.8fr) minmax(80px,.7fr)}
 .customer-page .usage-actions{grid-column:1/-1;border-top:1px solid #345a6b;padding-top:10px}
 .customer-page .studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:730px){
 .customer-page .campaign-table-head{display:none}
 .customer-page .campaign-usage-row{grid-template-columns:minmax(0,1fr) minmax(110px,.65fr);border-top:1px solid #375f72;border-radius:12px;margin-top:10px;gap:12px}
 .customer-page .usage-identity{grid-column:1/-1}
 .customer-page .usage-consumption{grid-column:1}
 .customer-page .usage-remaining{grid-column:2}
 .customer-page .usage-status{grid-column:1/-1}
 .customer-page .usage-actions{grid-column:1/-1}
 .customer-page .studio-stats{grid-template-columns:1fr}
 .customer-page .preview-usage-grid{grid-template-columns:1fr}
}