/* KOKO usability v160: simplified navigation and unified campaign workflow */
.navigation-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:9px;padding:4px;border:1px solid var(--border,#dfe4ea);border-radius:10px;background:var(--surface,#f3f5f8)}
.navigation-mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:34px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:var(--muted,#6b7280);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.navigation-mode-switch button.active{background:var(--card-bg,#fff);color:var(--primary,#0d8370);box-shadow:0 2px 8px rgba(18,32,47,.1)}
.sidebar.is-collapsed .navigation-mode-switch{display:none}
.campaign-center-page{display:grid;gap:18px;max-width:1540px;margin:0 auto}
.campaign-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(13,131,112,.25);border-radius:18px;background:linear-gradient(135deg,rgba(13,131,112,.15),rgba(13,131,112,.035) 62%,transparent);box-shadow:0 12px 30px rgba(18,32,47,.07)}
.campaign-hero>div:first-child{max-width:760px}.campaign-eyebrow{display:block;margin-bottom:8px;color:var(--primary,#0d8370);font-size:11px;font-weight:900;letter-spacing:.13em}.campaign-hero h2{margin:0;color:var(--text,#172033);font-size:clamp(24px,2.3vw,36px);line-height:1.1}.campaign-hero p{margin:12px 0 0;color:var(--muted,#697386);font-size:14px;line-height:1.65}
.campaign-live-stats{display:grid;grid-template-columns:repeat(3,minmax(94px,1fr));gap:8px}.campaign-live-stats span{display:grid;gap:4px;min-width:100px;padding:14px;border:1px solid var(--border,#dfe4ea);border-radius:12px;background:var(--card-bg,#fff);color:var(--muted,#697386);font-size:11px;text-align:center}.campaign-live-stats b{color:var(--text,#172033);font-size:23px}
.campaign-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--border,#dfe4ea);border-radius:14px;background:var(--card-bg,#fff)}
.campaign-flow>span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0}.campaign-flow>span>b{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(13,131,112,.12);color:var(--primary,#0d8370)}.campaign-flow strong,.campaign-flow small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-flow strong{color:var(--text,#172033);font-size:12px}.campaign-flow small{color:var(--muted,#697386);font-size:10px}.campaign-flow>i{color:var(--muted,#9aa2ad);font-size:10px}
.campaign-builder{overflow:hidden;border:1px solid var(--border,#dfe4ea);border-radius:18px;background:var(--card-bg,#fff);box-shadow:0 14px 38px rgba(18,32,47,.08)}
.campaign-builder-head,.campaign-publish-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;background:var(--surface,#f7f9fb)}.campaign-builder-head{border-bottom:1px solid var(--border,#dfe4ea)}.campaign-builder-head>div{display:flex;align-items:center;gap:10px}.campaign-builder-head>div:first-child>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(13,131,112,.12);color:var(--primary,#0d8370)}.campaign-builder-head span,.campaign-publish-bar span{display:grid;gap:2px}.campaign-builder-head strong,.campaign-publish-bar strong{color:var(--text,#172033);font-size:13px}.campaign-builder-head small,.campaign-publish-bar small{color:var(--muted,#697386);font-size:11px}.campaign-builder-head select{min-width:210px}
.campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.campaign-section{min-width:0;padding:18px;border:1px solid var(--border,#dfe4ea);border-radius:14px;background:var(--card-bg,#fff)}.campaign-section>header{display:flex;align-items:center;gap:11px;margin-bottom:16px}.campaign-section>header>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--primary,#0d8370);color:#fff;font-size:14px;font-weight:900}.campaign-section>header>div{display:grid;gap:3px}.campaign-section>header strong{color:var(--text,#172033);font-size:14px}.campaign-section>header small{color:var(--muted,#697386);font-size:11px}.campaign-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.campaign-section textarea{min-height:82px;resize:vertical}
.campaign-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campaign-upload-card{position:relative;display:grid;gap:6px;min-width:0;padding:10px;border:1px dashed rgba(13,131,112,.45);border-radius:13px;background:rgba(13,131,112,.035);cursor:pointer;transition:.16s}.campaign-upload-card:hover{border-color:var(--primary,#0d8370);background:rgba(13,131,112,.07)}.campaign-upload-card.is-loading{opacity:.55;pointer-events:none}.campaign-upload-card.has-image{border-style:solid}.campaign-upload-card>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.campaign-upload-preview{display:grid;place-items:center;width:100%;aspect-ratio:3/1;border-radius:9px;background:#101722;color:#7f8a9a;font-size:26px;overflow:hidden}.campaign-upload-preview img{width:100%;height:100%;object-fit:contain}.campaign-upload-card>strong{color:var(--text,#172033);font-size:12px}.campaign-upload-card>small{min-height:30px;color:var(--muted,#697386);font-size:10px;line-height:1.45}.campaign-upload-card>em{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:8px;background:var(--primary,#0d8370);color:#fff;font-size:11px;font-style:normal;font-weight:800}
.campaign-page-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.campaign-page-choices label,.campaign-toggle-row label{position:relative;min-width:0;cursor:pointer}.campaign-page-choices input,.campaign-toggle-row input{position:absolute;opacity:0;pointer-events:none}.campaign-page-choices span{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid var(--border,#dfe4ea);border-radius:10px;color:var(--muted,#697386)}.campaign-page-choices input:checked+span{border-color:rgba(13,131,112,.55);background:rgba(13,131,112,.1);color:var(--primary,#0d8370)}.campaign-page-choices i{width:18px;text-align:center}.campaign-info{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(58,134,255,.08);color:#4f6f9f;font-size:11px;line-height:1.5}
.campaign-toggle-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.campaign-toggle-row label>span{display:grid;gap:3px;min-height:66px;padding:11px 12px 11px 39px;border:1px solid var(--border,#dfe4ea);border-radius:10px}.campaign-toggle-row label>span:before{content:"";position:absolute;left:12px;top:18px;width:16px;height:16px;border:1px solid #a8b0bc;border-radius:5px;background:#fff}.campaign-toggle-row input:checked+span{border-color:rgba(13,131,112,.5);background:rgba(13,131,112,.07)}.campaign-toggle-row input:checked+span:before{border-color:var(--primary,#0d8370);background:var(--primary,#0d8370);box-shadow:inset 0 0 0 3px #fff}.campaign-toggle-row strong{color:var(--text,#172033);font-size:11px}.campaign-toggle-row small{color:var(--muted,#697386);font-size:10px;line-height:1.35}
.campaign-advanced{border:1px solid var(--border,#dfe4ea);border-radius:11px}.campaign-advanced>summary{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;list-style:none}.campaign-advanced>summary::-webkit-details-marker{display:none}.campaign-advanced>summary>span{display:grid;flex:1;gap:2px}.campaign-advanced>summary strong{color:var(--text,#172033);font-size:12px}.campaign-advanced>summary small{color:var(--muted,#697386);font-size:10px}.campaign-advanced[open]>summary{border-bottom:1px solid var(--border,#dfe4ea)}.campaign-advanced[open]>summary>i:last-child{transform:rotate(180deg)}.campaign-advanced>.campaign-fields{padding:14px}
.campaign-publish-bar{border-top:1px solid var(--border,#dfe4ea)}.campaign-publish-bar>div{display:flex;align-items:center;gap:10px}.campaign-publish-bar>div>i{color:var(--primary,#0d8370);font-size:20px}.campaign-publish-bar .btn{min-height:44px;padding-inline:20px}.campaign-notice,.campaign-success{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid rgba(225,72,72,.32);border-radius:12px;background:rgba(225,72,72,.07);color:#b43a3a;font-size:12px;font-weight:700}.campaign-notice.info{border-color:rgba(58,134,255,.3);background:rgba(58,134,255,.08);color:#3c69a0}.campaign-notice.success,.campaign-success{border-color:rgba(13,131,112,.3);background:rgba(13,131,112,.08);color:var(--primary,#0d8370)}.campaign-success>div{display:grid;flex:1;gap:3px}.campaign-success strong{color:var(--text,#172033)}.campaign-success span{color:var(--muted,#697386);font-weight:500}.campaign-confirm-summary{display:grid;gap:7px;padding:12px;border-radius:10px;background:var(--surface,#f5f7fa)}.campaign-confirm-summary strong{font-size:14px}.campaign-confirm-summary span{color:var(--muted,#697386);font-size:12px}
@media(max-width:1180px){.campaign-grid{grid-template-columns:1fr}.campaign-hero{align-items:flex-start;flex-direction:column}.campaign-live-stats{width:100%}}
@media(max-width:760px){.campaign-flow{grid-template-columns:1fr 1fr}.campaign-flow>i{display:none}.campaign-live-stats{grid-template-columns:1fr}.campaign-builder-head,.campaign-publish-bar{align-items:stretch;flex-direction:column}.campaign-builder-head>div:last-child{display:grid;grid-template-columns:1fr auto}.campaign-builder-head select{min-width:0}.campaign-upload-grid,.campaign-page-choices,.campaign-toggle-row,.campaign-fields{grid-template-columns:1fr!important}.campaign-grid{padding:10px}.campaign-section{padding:14px}}