/* ADIFY TV / Campaign Studio v0.6 – added on top of original MCT theme.
 * Uses only CSS; original MCT logo remains unchanged. */
:root{--studio-white:#effaff;--studio-muted:#a7c9dc;--studio-cyan:#55dff3;--studio-mint:#96ffd1;--studio-violet:#b39aff;--studio-border:#38657a;--studio-surface:#0b2336}
.customer-page{background:
 radial-gradient(ellipse at 79% 2%,rgba(112,71,206,.22),transparent 33%),
 radial-gradient(ellipse at 12% 20%,rgba(35,142,169,.14),transparent 37%),#04111e;
 min-height:100vh}
.customer-page .shell{max-width:1320px;padding-left:clamp(14px,3vw,34px);padding-right:clamp(14px,3vw,34px)}
.customer-page .topbar{border-bottom:1px solid #2f5365;background:rgba(5,19,31,.5)}
.customer-page .topbar .brand{letter-spacing:.11em}
.customer-page .topbar .brand img{width:57px;height:57px;filter:drop-shadow(0 0 12px #60dbe455)}
.customer-page .studio-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,.7fr);align-items:center;min-height:270px;padding:clamp(22px,3vw,37px);margin:24px 0 16px;border:1px solid #44849c;border-radius:24px;overflow:hidden;
 background:radial-gradient(ellipse at 87% 25%,rgba(107,60,221,.35),transparent 45%),radial-gradient(ellipse at 25% 80%,rgba(54,202,210,.14),transparent 56%),linear-gradient(115deg,#0c293c 0%,#0b1e33 50%,#141a3c 100%);
 box-shadow:0 14px 64px #0007, inset 0 1px 0 #d7eaff15}
.customer-page .studio-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#c6fff00a 1px,transparent 1px),linear-gradient(90deg,#c6fff00a 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to right,#0004,#000);pointer-events:none}
.customer-page .studio-hero-content{position:relative;z-index:2}
.customer-page .studio-hero .eyebrow{display:flex;align-items:center;gap:9px;color:#91ffe1;letter-spacing:.19em;font-size:11px}
.customer-page .studio-live-dot{width:8px;height:8px;border-radius:99px;background:#7dffc9;box-shadow:0 0 0 4px #50e6a525,0 0 14px #65fce8}
.customer-page .studio-hero h1{font-size:clamp(36px,5.3vw,66px);font-weight:900;line-height:1.03;letter-spacing:-.058em;margin:12px 0 14px;max-width:740px}
.customer-page .studio-gradient-word{background:linear-gradient(92deg,#80e9fa 0%,#b2ffe2 45%,#d8bcff 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
.customer-page .studio-hero .lead{font-size:clamp(14px,1.4vw,17px);line-height:1.7;color:#c4e1e9;max-width:620px;margin-bottom:14px}
.customer-page .studio-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 17px}
.customer-page .studio-hero-actions .primary-link{font-size:13px;min-height:43px;box-shadow:0 6px 28px #63e5d72e}
.customer-page .studio-hero-actions .secondary-link{min-height:43px}
.customer-page .studio-hero-steps{display:flex;gap:8px;flex-wrap:wrap}
.customer-page .studio-hero-steps a{color:#cce7ed;font-size:11px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #427283;border-radius:999px;background:#071b2a99}
.customer-page .studio-hero-steps b{color:#91ffcf;font-weight:900}
.customer-page .studio-hero-steps a:hover{border-color:#a2ffe1}
.customer-page .studio-hero-art{height:230px;display:grid;place-items:center;position:relative;isolation:isolate}
.customer-page .studio-hero-art::before{content:"";position:absolute;z-index:-2;width:210px;height:210px;border-radius:50%;background:conic-gradient(from 20deg,#44eef188,#8761ffcc,#ef67df99,#44eef188);filter:blur(55px);opacity:.45}
.customer-page .studio-hero-art img{position:relative;z-index:2;width:min(64%,180px);max-height:185px;object-fit:contain;filter:drop-shadow(0 16px 25px #0009) drop-shadow(0 0 13px #5a8ef86b)}
.customer-page .studio-orbit{position:absolute;z-index:-1;border:1px solid #8cdaeb6b;border-radius:50%;transform:rotate(-18deg)}
.customer-page .studio-orbit-one{width:235px;height:175px}
.customer-page .studio-orbit-two{width:260px;height:210px;transform:rotate(38deg);border-color:#bd9ef652}
.customer-page .studio-art-caption{position:absolute;bottom:3px;font-size:10px;font-weight:850;color:#95ddee;letter-spacing:.35em}
.customer-page .studio-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px}
.customer-page .studio-stat{min-width:0;display:flex;align-items:center;gap:13px;border:1px solid #386e7e;border-radius:17px;background:linear-gradient(125deg,#102e40,#0a2134);padding:17px 18px;box-shadow:0 7px 22px #0003}
.customer-page .studio-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;background:#124d4e;border:1px solid #479389;color:#a0ffdd;font-size:25px}
.customer-page .studio-icon-blue{background:#173b5c;border-color:#466fa6;color:#99d3ff}
.customer-page .studio-icon-violet{background:#382659;border-color:#8060a9;color:#e2b7ff}
.customer-page .studio-stat small,.customer-page .studio-stat span{display:block;font-size:11px;color:#a8c4d0}
.customer-page .studio-stat strong{display:block;font-size:clamp(18px,2vw,24px);line-height:1.25;color:#f2ffff;margin:3px 0 1px;font-variant-numeric:tabular-nums}
.customer-page .studio-stats+ .notice.studio-sandbox-note{margin:0 0 18px;background:#42361855;border-color:#997f34;color:#ffe6a6}
.customer-page .studio-section,.customer-page .studio-form-panel,.customer-page .studio-preview-panel,.customer-page .studio-campaigns-panel{border-radius:20px;border:1px solid #3a6b7e;background:linear-gradient(145deg,#102d40,#0a2031 76%);box-shadow:0 12px 36px #0003;position:relative}
.customer-page .studio-section::before,.customer-page .studio-form-panel::before,.customer-page .studio-preview-panel::before,.customer-page .studio-campaigns-panel::before{content:"";position:absolute;height:3px;left:20px;right:20px;top:-1px;background:linear-gradient(90deg,#83ffe05e,#8e9aff7a,transparent);border-radius:3px}
.customer-page .studio-section h2,.customer-page .studio-form-panel h2,.customer-page .studio-preview-panel h2,.customer-page .studio-campaigns-panel h2{font-weight:850;letter-spacing:-.035em}
.customer-page .studio-credits-panel{margin-bottom:18px}
.customer-page .studio-credits-panel .credit-balance{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.customer-page .studio-credits-panel .credit-stat{border-radius:13px;border-color:#396c78;background:linear-gradient(140deg,#0e3a46,#0b293b);padding:16px}
.customer-page .studio-credits-panel .credit-stat strong{font-size:25px}
.customer-page .studio-credits-panel .credit-stat small{font-size:12px}
.customer-page .studio-credits-panel .package-choice{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.customer-page .studio-credits-panel .package-choice:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0005}
.customer-page .studio-editor-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr);align-items:start}
.customer-page .studio-form-panel{padding:clamp(18px,2.6vw,29px)}
.customer-page .studio-preview-panel{position:sticky;top:18px}
.customer-page .studio-preview-panel .customer-preview{border-radius:15px;border-color:#589ab0;box-shadow:0 16px 40px #0005}
.customer-page .studio-preview-panel .ad-cover{min-height:220px;background:radial-gradient(ellipse at 50% 35%,#2876a477,transparent 70%),linear-gradient(130deg,#122d50,#2a1854)}
.customer-page .studio-preview-panel .ad-cover img{filter:drop-shadow(0 9px 14px #0007)}
.customer-page .studio-preview-panel .tile-reward strong{color:#a7ffbb;font-size:30px}
.customer-page .studio-editor-health{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #478c78;background:#123930;color:#adefcf;font-size:12px;font-weight:800;border-radius:999px;margin-top:15px}
.customer-page .studio-editor-health.error{background:#42271e;border-color:#a06055;color:#ffd4b4}
.customer-page .studio-health-dot{width:7px;height:7px;border-radius:50%;background:#82fabc;box-shadow:0 0 10px #82fabc}
.customer-page .studio-editor-health.error .studio-health-dot{background:#f5b085}
.customer-page .studio-form-panel .form-grid{gap:15px}
.customer-page .studio-form-panel .field label{font-size:12px;text-transform:none;color:#e3f5fa}
.customer-page .studio-form-panel input,.customer-page .studio-form-panel textarea,.customer-page .studio-form-panel select{background:#061c2b;border-color:#44738b;transition:border-color .16s,box-shadow .16s}
.customer-page .studio-form-panel input:focus,.customer-page .studio-form-panel select:focus,.customer-page .studio-form-panel textarea:focus{border-color:#82eedb;box-shadow:0 0 0 3px #4de9c81c;outline:0}
.customer-page .studio-form-panel input[aria-invalid=true]{border-color:#ffaf79;box-shadow:0 0 0 2px #ed91532b}
.customer-page .studio-form-panel .booking-balance-banner{margin:15px 0;background:linear-gradient(100deg,#13434e,#223254);border-color:#6ca7ac}
.customer-page .studio-form-panel .allocation-balance{background:linear-gradient(115deg,#134d50,#143350)}
.customer-page .studio-form-panel .allocation-balance strong{font-size:17px}
.customer-page .studio-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.customer-page .studio-form-actions button{min-height:51px}
.customer-page .studio-form-actions button:first-child{background:linear-gradient(125deg,#6ceadb,#a8ffb9);color:#082b32;box-shadow:0 7px 23px #64edbd24;border-color:#a3ffd8}
.customer-page .studio-form-actions button:nth-child(2){background:linear-gradient(125deg,#3665d3,#8d53b9);color:white;border-color:#9985e5}
.customer-page .studio-form-actions button:nth-child(3){grid-column:1/-1;justify-self:start;background:transparent;border:1px solid #4c7887;color:#acc9d6;min-height:38px}
.customer-page .studio-form-actions button:not(:disabled):hover{filter:brightness(1.14);transform:translateY(-1px)}
.customer-page .studio-form-actions button:focus-visible{outline:3px solid #afffca;outline-offset:2px}
.customer-page .save-outcome{margin:14px 0 0;border-radius:14px;padding:13px 14px;display:flex;align-items:flex-start;gap:12px;border:1px solid #4ca88a;background:linear-gradient(110deg,#16483b,#0a333d);box-shadow:0 7px 21px #002d2650}
.customer-page .save-outcome[hidden]{display:none}
.customer-page .save-outcome.is-error{border-color:#c09055;background:linear-gradient(110deg,#49311f,#2b2827)}
.customer-page .save-outcome-icon{width:31px;height:31px;background:#83ffd1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#09362f;font-size:19px;flex-shrink:0;font-weight:900}
.customer-page .save-outcome.is-error .save-outcome-icon{background:#f5c387;color:#49260b}
.customer-page .save-outcome strong{display:block;color:#ddffef;font-size:14px}
.customer-page .save-outcome p{color:#c8e7dd;font-size:12px;margin:3px 0 6px}
.customer-page .save-outcome-link{font-size:12px;color:#a1f5ec;text-decoration:underline;font-weight:850}
.customer-page .studio-form-panel #formMessage{padding-top:5px;margin:11px 0 3px;font-size:12px;color:#afdaeb}
.customer-page .studio-form-panel #formMessage[hidden]{display:none}
.customer-page .studio-campaigns-panel{scroll-margin-top:15px}
.customer-page .studio-campaigns-panel .draft{transition:border-color .18s,background .18s}
.customer-page .studio-campaigns-panel .draft:hover{border-color:#70acbb;background:#102e44}
.customer-page .studio-campaigns-panel .draft strong{font-size:15px}
.customer-page .studio-campaigns-panel .draft small{color:#a0c6d6}
@media(max-width:980px){
 .customer-page .studio-editor-layout{grid-template-columns:1fr}
 .customer-page .studio-preview-panel{position:static}
 .customer-page .studio-hero{grid-template-columns:minmax(0,1.3fr) minmax(130px,.5fr)}
 .customer-page .studio-hero-art{height:200px}
}
@media(max-width:680px){
 .customer-page .studio-hero{grid-template-columns:1fr;margin-top:12px}
 .customer-page .studio-hero-art{position:absolute;right:-75px;top:-20px;width:190px;height:180px;opacity:.19;pointer-events:none}
 .customer-page .studio-hero-content{z-index:2}
 .customer-page .studio-hero h1{font-size:39px}
 .customer-page .studio-hero-actions .primary-link,.customer-page .studio-hero-actions .secondary-link{min-height:42px}
 .customer-page .studio-stats{grid-template-columns:1fr;gap:9px}
 .customer-page .studio-stat{padding:13px 15px}
 .customer-page .studio-credits-panel .credit-balance{grid-template-columns:1fr}
 .customer-page .studio-form-actions{grid-template-columns:1fr}
 .customer-page .studio-form-actions button:nth-child(3){grid-column:auto}
 .customer-page .studio-hero-steps a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.customer-page *{transition:none!important;scroll-behavior:auto!important}}