:root{
  --navy:#0f1f35;
  --navy-2:#162c49;
  --gold:#f5b800;
  --bg:#f4f7fb;
  --text:#162033;
  --muted:#6b7585;
  --line:#e5e9f0;
  --white:#ffffff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
.shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr;direction:rtl}
.sidebar{background:var(--navy);color:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;align-self:start}
.brand{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.brand img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#fff}
.brand strong{display:block;font-size:20px}.brand span{display:block;font-size:12px;color:#cbd5e1;margin-top:4px}
nav{display:flex;flex-direction:column;gap:7px}
nav a{padding:12px 14px;border-radius:12px;color:#e7edf5}
nav a:hover{background:var(--navy-2)}
nav a.muted{opacity:.55}
.stage{margin-top:auto;color:#bac6d5;font-size:12px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px}
.main{padding:28px 34px;min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.topbar h1{margin:0;font-size:28px}.topbar p{margin:6px 0 0;color:var(--muted)}
.primary,button{background:var(--gold);color:#1c2635;border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}
.primary:hover,button:hover{filter:brightness(.96)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.card,.panel{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 24px rgba(15,31,53,.05)}
.card{padding:20px}.card span{display:block;color:var(--muted);font-size:13px}.card strong{display:block;font-size:24px;margin-top:9px}
.panel{padding:20px;margin-bottom:20px}.panel h2{margin-top:0}
.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-title h2{margin:0}.panel-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.panel-title a{color:#a06f00;font-weight:700}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:680px}
th,td{text-align:right;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:12px;color:var(--muted);font-weight:700}td{font-size:14px}
td small{display:block;color:var(--muted);margin-top:4px}.mono{font-family:Consolas,monospace;direction:ltr;text-align:right}
.badge{display:inline-block;background:#eef3f8;color:#334155;padding:6px 10px;border-radius:999px;font-size:12px}
.status-delivered,.status-settled{background:#e7f7ee;color:#17663c}.status-refused,.status-returned{background:#fff0f0;color:#a22a2a}.status-supplier_ready{background:#fff6d8;color:#755500}
.empty{text-align:center;color:var(--muted);padding:28px}.done{color:#2d6a4f;font-weight:700}
.flash{padding:12px 14px;border-radius:10px;margin-bottom:14px}.flash.success{background:#e7f7ee;color:#17663c}.flash.error{background:#fff0f0;color:#a22a2a}
.grid-2{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:18px}
.form{display:grid;gap:13px}.form label{display:grid;gap:7px;font-size:13px;color:#475569;font-weight:700}
.form input,.form select,td select{width:100%;background:#fff;border:1px solid #d7dde6;border-radius:10px;padding:10px 12px;color:var(--text)}
td form{display:flex;gap:8px;align-items:center}td form select{min-width:120px}
.grid-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-form .wide{grid-column:1/-1}
.notice{background:#fff8dc;border:1px solid #f0d777;border-radius:12px;padding:12px;color:#725a00}
.narrow{max-width:850px;margin-inline:auto}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;top:auto;height:auto;overflow:visible;overscroll-behavior:auto;align-self:stretch}.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.main{padding:20px}.topbar{align-items:flex-start;gap:14px}.grid-form{grid-template-columns:1fr}.grid-form .wide{grid-column:auto}}
@media(max-width:560px){.cards{grid-template-columns:1fr}.topbar{flex-direction:column}.primary{width:100%;text-align:center}}

.text-link{color:#9a6d00;font-weight:700}
.detail-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.facts>div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px}
.facts span,.money-list span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.facts strong,.money-list strong{display:block}
.facts .wide{grid-column:1/-1}
.money-list{display:grid;gap:10px}
.money-list>div,.mini-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}
.money-list .total{background:#fff7d6;border:1px solid #f1d36b;border-radius:12px;padding:12px}
.inline-button{display:inline-block;margin-top:12px}
.outcome-actions{display:flex;gap:10px;flex-wrap:wrap}
.secondary-danger{background:#fff1f1;color:#9f2222;border:1px solid #f3c9c9}
.done-box{background:#e9f8ef;color:#17663c;border:1px solid #bfe7ce;border-radius:12px;padding:14px}
.timeline{display:grid;gap:10px}
.timeline-item{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.timeline-item span{color:var(--muted);font-size:12px;direction:ltr;text-align:right}
.mini-list{display:grid}
@media(max-width:900px){.detail-head{grid-template-columns:1fr}}
@media(max-width:560px){.facts{grid-template-columns:1fr}.facts .wide{grid-column:auto}.timeline-item{grid-template-columns:1fr}}

.release-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#fff6cf,#fffdf4);border:1px solid #efd36d;border-radius:18px;padding:16px 18px;margin-bottom:16px}
.release-banner strong{display:block;font-size:18px;margin-bottom:5px;color:#6b4c00}
.release-banner span{color:#6b7280;font-size:13px}
.release-actions{display:flex;gap:10px;flex-wrap:wrap}
.release-actions a{background:var(--navy);color:#fff;padding:9px 12px;border-radius:10px;font-weight:700;font-size:13px}
.flow-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.flow-strip>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center;font-size:18px;font-weight:800;color:#a16f00}
.flow-strip span{display:block;font-size:12px;font-weight:700;color:#475569;margin-top:4px}
@media(max-width:800px){.release-banner{flex-direction:column;align-items:flex-start}.flow-strip{grid-template-columns:1fr 1fr}.flow-strip>div:last-child{grid-column:1/-1}}

.product-card{border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px;background:#fbfcfe}
.product-main{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.product-cover{width:110px;height:110px;border-radius:14px;overflow:hidden;background:#eef2f7;display:grid;place-items:center}
.product-cover img{width:100%;height:100%;object-fit:cover}.media-placeholder{font-size:34px}
.product-title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.product-title-row h3{margin:5px 0 0;font-size:18px}.product-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:13px;color:var(--muted);font-size:13px}
.media-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.media-tile{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#0f172a}
.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover;display:block}
.media-delete{position:absolute;top:5px;left:5px;width:27px;height:27px;padding:0;border-radius:50%;background:rgba(150,20,20,.9);color:#fff}
.media-upload-inline{display:flex;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.media-upload-inline input{flex:1;min-width:0}.form small{font-weight:400;color:var(--muted);line-height:1.6}
@media(max-width:700px){.product-main{grid-template-columns:80px 1fr}.product-cover{width:80px;height:80px}.media-gallery{grid-template-columns:repeat(3,1fr)}.media-upload-inline{flex-direction:column;align-items:stretch}}

.content-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:18px}
.channel-box{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:14px;flex-wrap:wrap}
.channel-box legend{padding:0 6px;color:#475569;font-weight:700}
.channel-box label{display:flex;align-items:center;gap:6px;font-weight:600;color:#334155}
.channel-box input{width:auto}
.form textarea{width:100%;background:#fff;border:1px solid #d7dde6;border-radius:10px;padding:10px 12px;color:var(--text);resize:vertical;font:inherit}
.field-heading{display:block;margin-bottom:4px}.field-help{margin:0 0 10px;color:var(--muted);font-size:12px}
.content-media-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.selectable-media{position:relative;display:block!important;cursor:pointer}
.selectable-media>input{position:absolute;top:7px;right:7px;width:20px;height:20px;z-index:2;accent-color:var(--gold)}
.selectable-media>span{display:block;aspect-ratio:1/1;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#0f172a;position:relative}
.selectable-media input:checked+span{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,184,0,.18)}
.selectable-media img,.selectable-media video{width:100%;height:100%;object-fit:cover;display:block}
.selectable-media b{position:absolute;bottom:5px;left:5px;background:rgba(0,0,0,.65);color:#fff;padding:3px 6px;border-radius:6px;font-size:10px}
.compact{padding:14px}.draft-card{border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px;background:#fbfcfe}
.draft-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.draft-head h3{margin:4px 0}.draft-head p{margin:0;color:var(--muted);font-size:12px}
.draft-caption{white-space:pre-wrap;line-height:1.8;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:12px}
.draft-media{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.draft-media>div{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#0f172a}
.draft-media img,.draft-media video{width:100%;height:100%;object-fit:cover}
.delivery-offer-preview{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:12px;padding:12px;border:1px solid #efcc6e;border-radius:12px;background:#fff9e9}
.delivery-offer-preview>strong{color:#172b45;font-size:14px;line-height:1.5}
.delivery-offer-preview-links{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.delivery-offer-preview-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;max-width:100%;padding:10px 14px;border:1px solid #d99f00;border-radius:10px;background:#f5b800;color:#152439!important;text-align:center;font-weight:700;text-decoration:none;line-height:1.5;overflow-wrap:anywhere}
.delivery-offer-preview-link:hover{background:#ffd34c}
.delivery-offer-preview-link:focus-visible{outline:3px solid #264668;outline-offset:3px}
.delivery-offer-preview>small{color:#50637a;font-size:12px;line-height:1.6}
.draft-actions{display:flex;gap:8px;margin-top:12px}.draft-actions form{margin:0}
.status-approved{background:#e7f7ee;color:#17663c}
@media(max-width:1000px){.content-layout{grid-template-columns:1fr}}
@media(max-width:650px){.content-media-picker,.draft-media{grid-template-columns:repeat(2,1fr)}}

.media-product-tag{position:absolute;right:5px;left:5px;bottom:5px;background:rgba(8,25,47,.86);color:#fff;border-radius:8px;padding:5px 7px;line-height:1.25;pointer-events:none}
.media-product-tag b,.media-product-tag span,.media-product-tag small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-product-tag b{font-size:10px}.media-product-tag span{font-size:9px;color:#ffe08a}.media-product-tag small{font-size:8px;direction:ltr;text-align:right;color:#dbeafe;margin-top:2px}

.status-scheduled{background:#fff3cd;color:#7a5400}.status-published{background:#e7f7ee;color:#17663c}
.content-timestamp{margin:10px 0 0;color:#475569;font-size:12px}
.content-actions{flex-wrap:wrap;align-items:center}.schedule-form,.publish-record-form{display:flex!important;gap:6px;align-items:center}
.publish-channel-form{width:100%;display:grid!important;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.publish-channel-box{width:100%;box-sizing:border-box;background:#fff}
.publish-channel-box label{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:150px}
.publish-channel-box input[type="checkbox"]{width:20px;height:20px;accent-color:#166534}
.publish-channel-box label small{font-size:11px;color:var(--muted)}
.publish-channel-box .channel-unavailable{opacity:.55;background:#f1f5f9}
.publish-media-box{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}
.publish-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.publish-media-choice{display:grid;gap:6px;align-items:start;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff;cursor:pointer}
.publish-media-choice input[type="checkbox"]{width:20px;height:20px;accent-color:#166534}
.publish-media-choice img,.publish-media-choice video{width:100%;height:140px;object-fit:cover;border-radius:8px;background:#eef2f7}
.publish-media-choice small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.schedule-form input,.publish-record-form input{border:1px solid var(--line);border-radius:9px;padding:8px 9px;background:#fff;font:inherit}

.accounts-cards{grid-template-columns:repeat(3,1fr)}
.section-help{color:var(--muted);font-size:12px;margin-top:-8px;margin-bottom:14px}
.money-positive{color:#17663c;font-weight:700}.money-negative{color:#a22a2a;font-weight:700}
@media(max-width:850px){.accounts-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.accounts-cards{grid-template-columns:1fr}}

.sla-list{display:grid;gap:10px}
.sla-alert{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #f0c8c8;background:#fff6f6;border-radius:13px;padding:12px 14px}
.sla-alert strong{display:block;color:#9b2020;margin-bottom:4px}.sla-alert span{font-size:12px;color:#6b7280}
.sla-age{min-width:90px;text-align:center;font-weight:800;color:#9b2020}.sla-age small{display:block;font-size:10px;color:#6b7280;margin-top:3px}
.sla-explain{display:grid;gap:10px}.sla-explain>div{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafbfd}
.sla-explain strong{display:block;margin-bottom:4px}.sla-explain span{font-size:12px;color:var(--muted)}

.supplier-link-box{margin:14px 0;padding:14px;border:1px solid #d6e2f0;border-radius:14px;background:#f8fbff}
.supplier-link-box>strong{display:block;margin-bottom:4px}.supplier-link-box p{margin:0 0 10px;color:var(--muted);font-size:12px}
.supplier-link-box small{display:block;margin-top:8px;color:var(--muted);line-height:1.6}
.copy-row{display:flex;gap:8px}.copy-row input{flex:1;min-width:0;border:1px solid #d7dde6;border-radius:10px;padding:10px;direction:ltr}
.manual-fallback{margin-top:14px}.manual-fallback summary{cursor:pointer;color:#6b7280;font-size:12px}.manual-fallback form{margin-top:10px}
.danger-notice{background:#fff2f2;border-color:#efc8c8;color:#8f2020}.danger-notice span{display:block;margin-top:5px}
.secondary-warn{background:#fff3cd;color:#735400;border:1px solid #ead28c}

.supplier-page{background:#eef3f8;min-height:100vh;padding:24px}
.supplier-shell{max-width:850px;margin:0 auto}
.supplier-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.supplier-brand img{width:58px;height:58px;border-radius:15px;object-fit:cover;background:#fff}
.supplier-brand strong{display:block;font-size:21px;color:var(--navy)}.supplier-brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.supplier-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(15,31,53,.06)}
.supplier-order-head{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.supplier-order-head>div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px}
.supplier-order-head span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}
.supplier-table-wrap{overflow:auto}.supplier-table{min-width:650px}
.supplier-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;background:#fff7d6;border:1px solid #efd36d;border-radius:12px;padding:13px}
.supplier-confirm-form{display:grid;gap:12px;margin-top:18px}.supplier-confirm-form label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#475569}
.supplier-confirm-form input,.supplier-confirm-form textarea{border:1px solid #d7dde6;border-radius:10px;padding:10px;font:inherit}
.supplier-actions{display:flex;gap:8px;flex-wrap:wrap}.supplier-expiry{font-size:11px;color:var(--muted);margin:12px 0 0}
.supplier-result{display:grid;gap:6px;margin-top:18px;border-radius:12px;padding:14px}.success-result{background:#e9f8ef;color:#17663c}.error-result{background:#fff1f1;color:#9f2222}.warn-result{background:#fff8df;color:#735400}
.privacy-note{margin-top:12px;color:#6b7280;font-size:11px;text-align:center;line-height:1.7}
@media(max-width:620px){.supplier-page{padding:14px}.supplier-order-head{grid-template-columns:1fr}.supplier-actions{flex-direction:column}.supplier-actions button{width:100%}.copy-row{flex-direction:column}}

.readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.readiness-item{display:flex;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fafbfd}
.readiness-icon{font-size:24px;line-height:1}.readiness-item strong{display:block;margin-bottom:5px}.readiness-item span{display:block;color:var(--muted);font-size:12px;line-height:1.6}.readiness-item small{display:block;margin-top:7px;font-size:10px;color:#64748b}
.ready-item{border-color:#bfe7ce;background:#f3fbf6}.blocker-item{border-color:#efc1c1;background:#fff5f5}.warning-item{border-color:#ead28c;background:#fffaf0}
.blocker-list{display:grid;gap:10px}.blocker-list>div{border-right:4px solid #b42318;background:#fff5f5;border-radius:10px;padding:12px}.blocker-list strong{display:block;color:#8f2020}.blocker-list span{display:block;color:#6b7280;font-size:12px;margin-top:4px}
.live-flow{margin:0;padding-right:22px;line-height:2;color:#334155}
@media(max-width:700px){.readiness-grid{grid-template-columns:1fr}}

.supplier-message-label{display:grid;gap:6px;margin-top:10px;font-size:12px;font-weight:700;color:#475569}
.supplier-message-label textarea{width:100%;min-height:74px;border:1px solid #d7dde6;border-radius:10px;padding:10px;font:inherit;line-height:1.6;background:#fff;resize:vertical}

.delivery-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rate-company-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfcfe}
.rate-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rate-card-head strong{display:block;font-size:17px}.rate-card-head span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.rate-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:12px}
.rate-form label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#475569}.rate-form input,.rate-form select{border:1px solid #d7dde6;border-radius:9px;padding:9px;font:inherit;background:#fff}
.rate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
.rate-list>div{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff;font-size:12px}
@media(max-width:900px){.delivery-rate-grid{grid-template-columns:1fr}.rate-form{grid-template-columns:1fr}.rate-list{grid-template-columns:1fr}}

.actions-cell{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;min-width:150px}
.inline-editor{position:relative}.inline-editor>summary{cursor:pointer;list-style:none;border:1px solid #d8dee8;background:#fff;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700;color:#334155}
.inline-editor>summary::-webkit-details-marker{display:none}
.inline-editor[open]>.mini-edit-form{margin-top:8px}
.mini-edit-form{display:grid;gap:8px;min-width:250px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.mini-edit-form label{display:grid;gap:4px;font-size:11px;font-weight:700;color:#475569}
.mini-edit-form input,.mini-edit-form select,.mini-edit-form textarea{width:100%;border:1px solid #d7dde6;border-radius:8px;padding:8px;font:inherit;background:#fff}
.check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important}.check-row input{width:auto!important}
.record-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-top:12px}
.product-editor{flex:1;min-width:280px}.grid-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-edit-form .wide{grid-column:1/-1}
.rate-row{display:grid!important;grid-template-columns:minmax(80px,.8fr) minmax(180px,1.5fr) auto;align-items:center!important;gap:8px!important}
.rate-edit-inline{display:flex;gap:6px;align-items:center}.rate-edit-inline input{width:100%;min-width:90px;border:1px solid #d7dde6;border-radius:8px;padding:7px 8px}
@media(max-width:720px){.grid-edit-form{grid-template-columns:1fr}.rate-row{grid-template-columns:1fr}.actions-cell{min-width:220px}}

.customer-confirm-box{margin-bottom:14px;padding:14px;border:1px solid #cfe0f3;border-radius:14px;background:#f8fbff}
.customer-confirm-box>strong{display:block;margin-bottom:4px}.customer-confirm-box p{margin:0 0 9px;color:var(--muted);font-size:12px}
.customer-confirm-box textarea{width:100%;min-height:190px;border:1px solid #d7dde6;border-radius:10px;padding:10px;font:inherit;line-height:1.7;background:#fff;resize:vertical}
.customer-ack-form{display:grid;gap:10px;margin:12px 0;padding:12px;border:1px solid #cfe8d8;border-radius:12px;background:#f5fbf7}
.customer-ack-form label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#475569}.customer-ack-form input{border:1px solid #d7dde6;border-radius:9px;padding:8px;font:inherit}
.ack-check{display:flex!important;align-items:flex-start;gap:8px!important;line-height:1.7}.ack-check input{width:auto;margin-top:4px}
.draft-editor{margin:14px 0}.draft-editor>summary{cursor:pointer;font-weight:800;color:#334155}
.draft-edit-form{margin-top:10px}.cancel-order-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.cancel-order-form input{flex:1;min-width:220px;border:1px solid #e2c7c7;border-radius:9px;padding:9px;font:inherit}
.status-cancelled{background:#f3f4f6;color:#475569}
.done-box span{display:block;margin-top:5px;font-size:12px}

.rate-manage-link{display:inline-flex;flex-direction:column;gap:2px;padding:7px 10px;border:1px solid #d9e3ef;border-radius:10px;background:#f8fbff;font-weight:800}
.rate-manage-link small{font-size:10px;color:var(--muted);font-weight:500}
.company-rate-header .notice{margin-top:10px}

.reconciliation-grid{align-items:start}.reconciliation-box{display:grid;gap:12px}
.reconciliation-box h3{margin:0;font-size:17px}
.reconciliation-item{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fafbfd}
.reconciliation-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.reconciliation-head>div:first-child strong{display:block}.reconciliation-head>div:first-child span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.reconciliation-head>div:last-child{display:grid;grid-template-columns:auto auto;gap:3px 8px;text-align:left}
.reconciliation-head small{color:var(--muted);font-size:10px}.reconciliation-head b{font-size:12px}
.reconciliation-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.reconciliation-form label{display:grid;gap:4px;font-size:11px;font-weight:700;color:#475569}
.reconciliation-form input{border:1px solid #d7dde6;border-radius:8px;padding:8px;font:inherit;background:#fff}
.reconciliation-form .wide{grid-column:1/-1}
@media(max-width:760px){.reconciliation-form{grid-template-columns:1fr}.reconciliation-head{flex-direction:column}.reconciliation-form .wide{grid-column:auto}}

.human-gate-form{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid #e8cf8a;border-radius:13px;background:#fffaf0}

.public-store-page{margin:0;min-height:100vh;background:#f4f7fb;color:#172033}
.public-store-shell{max-width:1120px;margin:0 auto;padding:22px}
.public-store-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.public-store-brand img{width:62px;height:62px;border-radius:16px;object-fit:cover;background:#fff;box-shadow:0 6px 18px rgba(15,31,53,.08)}
.public-store-brand strong{display:block;font-size:22px;color:var(--navy)}.public-store-brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.public-product-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px;align-items:start}
.public-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(15,31,53,.05)}
.public-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.public-media-grid img,.public-media-grid video{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#eef2f7}
.public-media-grid>*:first-child{grid-column:1/-1;aspect-ratio:4/3}.public-media-empty{grid-column:1/-1;padding:55px;text-align:center;background:#f4f6f9;border-radius:14px;color:var(--muted)}
.public-product-info{padding-top:16px}.public-sku{font-size:11px;color:#64748b;font-family:monospace}.public-product-info h1{font-size:28px;margin:7px 0}.public-price{font-size:27px;font-weight:900;color:var(--navy)}.public-product-info p{color:var(--muted);line-height:1.8;font-size:13px}
.public-product-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.public-product-specs>div{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.public-product-specs span{color:var(--muted);font-size:11px}.public-product-specs strong{font-size:12px;text-align:left}
.public-order-card h2{margin-top:0}.public-help{color:var(--muted);font-size:12px;margin-top:-6px}
.public-order-form{display:grid;gap:11px}.public-order-form label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#475569}
.public-order-form input,.public-order-form select,.public-order-form textarea{border:1px solid #d7dde6;border-radius:10px;padding:10px;font:inherit;background:#fff}
.public-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.optional{font-weight:400;color:#94a3b8}
.public-total-box{display:grid;gap:7px;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:13px}
.public-total-box>div{display:flex;justify-content:space-between;gap:10px}.public-grand-total{border-top:1px solid var(--line);padding-top:9px;margin-top:2px}.public-grand-total strong{font-size:20px;color:var(--navy)}
.public-ack{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:8px!important;line-height:1.7;background:#fff8e3;border:1px solid #ead28c;border-radius:11px;padding:10px}.public-ack input{width:auto!important;margin-top:4px}
.public-buy-button{width:100%;font-size:17px;padding:13px}.public-buy-button:disabled{opacity:.45;cursor:not-allowed}.public-policy{color:var(--muted);line-height:1.6;text-align:center}
.public-unavailable{padding:22px;border-radius:14px;background:#fff3f3;border:1px solid #efc7c7;color:#8f2020;text-align:center;font-weight:800}
.public-thanks-shell{max-width:680px}.public-thanks-card{text-align:center}.public-thanks-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#e9f8ef;color:#17663c;font-size:38px;font-weight:900}
.public-thanks-card h1{margin:0 0 8px}.public-thanks-card>p{color:var(--muted)}
.public-order-summary{display:grid;gap:8px;margin-top:18px;text-align:right}.public-order-summary>div{display:flex;justify-content:space-between;gap:12px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:10px}.public-order-summary span{color:var(--muted);font-size:12px}.public-order-total{border-color:#efd36d!important;background:#fff8dd!important}
.public-next-step{margin-top:16px;background:#f2f7ff;border:1px solid #cfdef0;border-radius:12px;padding:12px;line-height:1.7;color:#475569;font-size:12px}
@media(max-width:820px){.public-product-layout{grid-template-columns:1fr}.public-store-shell{padding:14px}}
@media(max-width:520px){.public-media-grid{grid-template-columns:1fr}.public-media-grid>*:first-child{grid-column:auto}.public-row,.public-product-specs{grid-template-columns:1fr}.public-product-info h1{font-size:24px}}

.dispatch-list{display:grid;gap:12px}.dispatch-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fafbfd}.dispatch-ready{border-color:#d8c57b;background:#fffdf5}
.dispatch-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.dispatch-head strong{display:block}.dispatch-head span.mono{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.dispatch-card textarea{width:100%;min-height:110px;border:1px solid #d7dde6;border-radius:10px;padding:10px;background:#fff;font:inherit;line-height:1.7}
.dispatch-actions{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.dispatch-confirm-form{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.dispatch-confirm-form input{border:1px solid #d7dde6;border-radius:9px;padding:9px;font:inherit}.delivery-request-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-bottom:10px}
.delivery-request-grid>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.delivery-request-grid span,.delivery-request-grid small{display:block;color:var(--muted);font-size:11px}.delivery-request-grid strong{display:block;margin:4px 0}
@media(max-width:760px){.delivery-request-grid{grid-template-columns:1fr}.dispatch-head{flex-direction:column}}

.content-order-link{margin:12px 0;padding:12px;border:1px solid #d9e3ef;border-radius:12px;background:#f8fbff}
.content-order-link>strong{display:block;margin-bottom:7px}.content-order-link small{display:block;margin-top:7px;color:var(--muted);line-height:1.6}

.admin-auth-page{min-height:100vh;margin:0;display:grid;place-items:center;background:#eef3f8;padding:18px}
.admin-auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 18px 50px rgba(15,31,53,.08)}
.admin-auth-card>img{display:block;width:76px;height:76px;object-fit:cover;border-radius:18px;margin:0 auto 12px}.admin-auth-card h1{text-align:center;margin:0 0 7px}.admin-auth-card>p{text-align:center;color:var(--muted);line-height:1.7;margin-bottom:18px}
.sidebar-logout{margin-top:10px}.sidebar-logout button{width:100%;background:transparent;border:1px solid rgba(255,255,255,.16);color:inherit;border-radius:9px;padding:8px;cursor:pointer}

.social-readiness-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.social-channel-card{display:grid;gap:8px}.social-channel-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.social-channel-card small{color:var(--muted);line-height:1.6}
.compact-checklist{display:grid;gap:8px}.compact-checklist>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fafbfd}.compact-checklist strong{display:block}.compact-checklist span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.publication-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.publication-status-item{display:grid;gap:5px;border:1px solid var(--line);border-radius:10px;padding:9px;background:#fafbfd}.publication-status-item small{font-size:10px;word-break:break-word}.publication-error{max-width:320px;white-space:normal;word-break:break-word;color:#9f2d2d}
.status-publishing{background:#fff3cd;color:#7a5a00}.status-failed,.status-publish_failed,.status-partial_failed{background:#ffe6e6;color:#8e2525}.status-published{background:#e8f7ee;color:#17663c}
.manual-fallback{border:1px dashed #d3dae5;border-radius:9px;padding:7px 9px}.manual-fallback>summary{cursor:pointer;font-size:11px;color:var(--muted);font-weight:700}.manual-fallback form{margin-top:8px}
@media(max-width:900px){.social-readiness-cards,.publication-status-grid{grid-template-columns:1fr}}

/* Intelligent Agent — Stage A Observer */
.agent-guard{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#eef7ff;border:1px solid #c9def4;border-radius:16px;padding:16px 18px;margin-bottom:18px}
.agent-guard strong{display:block;color:#174f79}.agent-guard span{display:block;color:#506174;font-size:12px;line-height:1.7;margin-top:4px}
.agent-mode{background:#dbeafe!important;color:#174f79!important;font-family:Consolas,monospace;letter-spacing:.6px}
.agent-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.agent-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.agent-attention-list{display:grid;gap:9px}
.agent-attention{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafbfd}
.agent-attention strong{display:block}.agent-attention span{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:3px}.agent-attention b{font-size:20px}
.agent-high{border-inline-start:4px solid #c53a3a}.agent-medium{border-inline-start:4px solid #d59b18}.agent-info{border-inline-start:4px solid #3d79b8}
.agent-empty-good{background:#e9f8ef;border:1px solid #c2e6d0;color:#17663c;padding:14px;border-radius:12px}
.agent-question-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}
.agent-question-form textarea{resize:vertical;width:100%;border:1px solid #d7dde6;border-radius:12px;padding:12px;font:inherit;line-height:1.7;background:#fff}
.agent-question-form button{height:44px}
.agent-quick{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.agent-quick form{margin:0}.agent-quick button{background:#f1f5f9;border:1px solid #d9e1eb;color:#344256;padding:7px 10px;font-size:11px;font-weight:700}
.agent-answer{margin-top:14px;border:1px solid #d7e2ef;background:#fbfdff;border-radius:14px;padding:15px}
.agent-answer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.agent-answer-head strong{font-size:17px}.agent-answer-head span{font-size:10px;color:var(--muted);background:#eef3f8;border-radius:999px;padding:5px 8px}
.agent-answer p{color:#475569;line-height:1.7}.agent-answer ul{margin:8px 0 0;padding-inline-start:20px;display:grid;gap:7px;line-height:1.7}
.agent-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.agent-status-grid>div{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f8fafc;border:1px solid var(--line);border-radius:11px;padding:10px}
.agent-status-grid span{color:var(--muted);font-size:12px}.agent-status-grid strong{font-size:18px}
@media(max-width:1050px){.agent-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-main-grid{grid-template-columns:1fr}}
@media(max-width:620px){.agent-kpis{grid-template-columns:1fr}.agent-question-form{grid-template-columns:1fr}.agent-question-form button{width:100%}.agent-answer-head{flex-direction:column}.agent-status-grid{grid-template-columns:1fr}.agent-guard{align-items:flex-start;flex-direction:column}}

/* Intelligent Agent — Stage B Recommendations */
.agent-recommendations-panel{border-color:#d8e4ef}
.agent-rec-summary{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.agent-rec-summary span{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}
.agent-priority-high{background:#ffe8e8;color:#982b2b}.agent-priority-medium{background:#fff4d6;color:#7a5700}.agent-priority-info{background:#eaf3ff;color:#285f95}
.agent-recommendations{display:grid;gap:10px}
.agent-recommendation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfcfe}
.agent-rec-high{border-inline-start:5px solid #c53a3a}.agent-rec-medium{border-inline-start:5px solid #d59b18}.agent-rec-info{border-inline-start:5px solid #3d79b8}
.agent-rec-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.agent-rec-head strong{font-size:15px}
.agent-recommendation p{margin:7px 0;color:#44536a;line-height:1.65}.agent-recommendation small{display:block;color:var(--muted);line-height:1.6}
.agent-risk{font:700 10px Consolas,monospace;padding:4px 7px;border-radius:999px}.agent-risk-green{background:#e7f7ee;color:#17663c}.agent-risk-yellow{background:#fff4d6;color:#7a5700}.agent-risk-red{background:#ffe8e8;color:#982b2b}
.agent-rec-action{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid var(--line);font-size:11px;color:#526174}.agent-rec-action b{color:#26384d}
.agent-review-link{display:inline-block;white-space:nowrap;border:1px solid #d3dce7;border-radius:9px;padding:8px 10px;color:#6d5500;font-weight:800;background:#fff}
.agent-table table{min-width:520px}
@media(max-width:760px){.agent-recommendation{grid-template-columns:1fr}.agent-review-link{justify-self:start}.agent-rec-summary{justify-content:flex-start}.agent-table table{min-width:480px}}

/* Stage B video review refinements */
.agent-table{overflow-x:visible}
.agent-table table{min-width:0!important;width:100%;table-layout:fixed}
.agent-table th,.agent-table td{white-space:normal!important;overflow-wrap:anywhere;word-break:normal;vertical-align:top}
.agent-table th{font-size:11px}.agent-table td{font-size:12px}
@media(max-width:760px){.agent-table{overflow-x:auto}.agent-table table{min-width:460px!important;table-layout:auto}}

/* Intelligent Agent — Stage B human feedback learning */
.agent-feedback-box{margin-top:12px;padding:10px 12px;border:1px dashed #ccd8e6;border-radius:12px;background:#f8fbff}
.agent-feedback-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.agent-feedback-head strong{font-size:12px}.agent-feedback-current{font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px}
.agent-feedback-actions{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 6px}.agent-feedback-actions form{margin:0}
.agent-feedback-btn{border:1px solid #d7e0ea;background:#fff;color:#334155;padding:6px 9px;font-size:11px;font-weight:800;border-radius:8px}
.agent-feedback-btn.useful:hover{background:#eaf8ef}.agent-feedback-btn.defer:hover{background:#fff7dc}.agent-feedback-btn.not-relevant:hover{background:#fff0f0}
.agent-feedback-useful{background:#eaf8ef!important;color:#17663c!important}.agent-feedback-defer{background:#fff4d6!important;color:#7a5700!important}.agent-feedback-not_relevant{background:#ffe8e8!important;color:#982b2b!important}
.agent-feedback-current.agent-feedback-useful{background:#eaf8ef;color:#17663c}.agent-feedback-current.agent-feedback-defer{background:#fff4d6;color:#7a5700}.agent-feedback-current.agent-feedback-not_relevant{background:#ffe8e8;color:#982b2b}
.agent-learning-panel{border-style:dashed}.agent-feedback-history{display:grid;gap:7px}.agent-feedback-history>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line)}
.agent-feedback-history strong{font-size:12px}.agent-feedback-history span{font-size:10px;color:var(--muted);white-space:nowrap}.agent-empty-neutral{color:var(--muted);font-size:12px;padding:8px 0}
@media(max-width:760px){.agent-feedback-history>div{align-items:flex-start;flex-direction:column}.agent-feedback-history span{white-space:normal}}

/* Intelligent Agent — Stage C Controlled Actions */
.agent-execute-box{margin-top:12px;padding:12px;border:1px solid #cfe3d5;border-radius:12px;background:#f3fbf6}
.agent-execute-box label{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:700;line-height:1.6;color:#24583a}
.agent-execute-box input[type="checkbox"]{margin-top:3px}
.agent-execute-btn{margin-top:9px;background:#1f7a4d;color:#fff;border:0;padding:8px 12px;border-radius:9px;font-weight:800}
.agent-execute-box small{display:block;margin-top:7px;color:#5e6f64;line-height:1.6}
.agent-execution-blocked{margin-top:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#64748b;font-size:11px;line-height:1.6}
.agent-actions-history{border-inline-start:4px solid #2d7a54}

/* Stage C workflow continuity and execution evidence */
.agent-action-history-row{display:flex!important;justify-content:space-between;gap:16px;align-items:flex-start!important}
.agent-action-history-row>div:first-child{min-width:0;flex:1}
.agent-action-history-row small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.agent-action-history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.agent-action-history-meta a{font-size:10px;font-weight:800;color:#6d5500}
@media(max-width:760px){.agent-action-history-row{flex-direction:column}.agent-action-history-meta{align-items:flex-start}}

/* Stage D customer service + Stage E marketing intelligence */
.digital-confirm-control{border:1px solid #cfe0f4;background:#f6faff;border-radius:14px;padding:14px;margin-bottom:14px}
.digital-confirm-control>strong{font-size:15px;color:#174f79}.digital-confirm-control>p{color:var(--muted);font-size:12px;line-height:1.7}
.public-confirm-body{margin:0;background:#f3f6fa;min-height:100vh;padding:24px;font-family:inherit}
.public-confirm-card{max-width:620px;margin:0 auto;background:#fff;border:1px solid #dfe6ee;border-radius:22px;padding:22px;box-shadow:0 10px 35px rgba(15,23,42,.06)}
.public-confirm-brand{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #e7edf3;margin-bottom:18px}
.public-confirm-brand img{width:62px;height:62px;object-fit:contain;border-radius:50%}
.public-confirm-brand strong,.public-confirm-brand span{display:block}.public-confirm-brand strong{font-size:20px}.public-confirm-brand span{font-size:12px;color:#64748b;margin-top:3px}
.confirmation-items{display:grid;gap:8px;margin:12px 0}.confirmation-items>div{display:flex;justify-content:space-between;gap:14px;padding:10px;border:1px solid #e6ebf1;border-radius:10px;background:#fbfcfd}
.customer-digital-confirm{display:grid;gap:12px;border:1px solid #d5e6da;background:#f7fcf8;border-radius:16px;padding:15px}
.customer-digital-confirm form{display:grid;gap:10px}.customer-confirm-button{width:100%;border:0;padding:12px;border-radius:10px;font-weight:900}
.customer-service-guard{border-color:#cfe0f4}.marketing-intelligence-guard{border-color:#d9e7d5;background:#f5fbf3}
.customer-service-guard .badge,.marketing-intelligence-guard .badge{white-space:nowrap}
@media(max-width:640px){.public-confirm-body{padding:10px}.public-confirm-card{padding:15px;border-radius:16px}.confirmation-items>div{flex-direction:column;gap:4px}}


/* 2026-09-30 — simplified operations navigation */
.primary-nav{gap:6px}
.nav-section-title{display:block;padding:0 12px 7px;color:#8fa1b8;font-size:10px;font-weight:800;letter-spacing:.4px}
.primary-nav>a.active{background:rgba(245,184,0,.16);color:#fff;border-inline-start:3px solid var(--gold)}
.nav-advanced{margin-top:7px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}
.nav-advanced>summary{cursor:pointer;list-style:none;padding:11px 14px;border-radius:12px;color:#cbd5e1;font-weight:800;font-size:12px}
.nav-advanced>summary::-webkit-details-marker{display:none}
.nav-advanced>summary:hover,.nav-advanced[open]>summary{background:var(--navy-2);color:#fff}
.nav-advanced>div{display:grid;gap:4px;margin-top:5px;padding-inline-start:8px}
.nav-advanced a{padding:9px 12px;font-size:12px;color:#cbd5e1}
.nav-advanced a:hover{color:#fff}
@media(max-width:860px){
  .shell{grid-template-columns:1fr}
  .sidebar{position:static;padding:14px;gap:12px}
  .brand{padding-bottom:10px}
  .brand img{width:46px;height:46px}
  .primary-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-section-title,.nav-advanced{grid-column:1/-1}
  .nav-advanced>div{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline-start:0}
  .stage{display:none}
  .main{padding:18px}
}


/* 2026-09-30 — simplified intelligent operations surface */
.ops-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;margin-bottom:18px;border:1px solid #d9e4ef;border-radius:18px;background:linear-gradient(135deg,#fff,#f6f9fd)}
.ops-hero h2{margin:5px 0 7px;font-size:24px}.ops-hero p{margin:0;color:var(--muted);line-height:1.7;max-width:760px}
.ops-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.1px;color:#64748b}
.ops-hero-status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ops-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.ops-dashboard-grid{align-items:start}
.advanced-entry{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding:14px 16px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}
.advanced-entry strong{display:block}.advanced-entry span{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.6}
@media(max-width:900px){.ops-hero{align-items:flex-start;flex-direction:column}.ops-hero-status{justify-content:flex-start}.ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ops-kpis{grid-template-columns:1fr}.advanced-entry{align-items:flex-start;flex-direction:column}}


/* 2026-09-30 — consolidated marketing cockpit */
.marketing-cockpit{display:grid;gap:14px;margin-bottom:18px}
.marketing-cockpit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;border:1px solid #dce5ef;border-radius:17px;background:#fff}
.marketing-cockpit-head h2{margin:4px 0 6px}.marketing-cockpit-head p{margin:0;color:var(--muted);line-height:1.6}
.marketing-cockpit-links{display:flex;gap:8px;flex-wrap:wrap}
.marketing-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.marketing-cockpit-head{flex-direction:column}.marketing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.marketing-kpis{grid-template-columns:1fr}}


/* 2026-09-30 — production dashboard welcome */
.dashboard-welcome{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;margin-bottom:14px;border:1px solid #dce5ef;border-radius:17px;background:#fff}
.dashboard-welcome h2{margin:4px 0 6px;font-size:23px}.dashboard-welcome p{margin:0;color:var(--muted);line-height:1.6}
.dashboard-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.dashboard-shortcuts a{padding:9px 12px;border:1px solid #d8e1eb;border-radius:10px;background:#f8fafc;font-size:12px;font-weight:800}
.dashboard-shortcuts a:hover{background:#eef4fa}
@media(max-width:760px){.dashboard-welcome{align-items:flex-start;flex-direction:column}}


/* 2026-09-30 — conversation operations */
.conversation-list{display:grid;gap:9px}
.conversation-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:12px 14px;background:#fbfcfe}
.conversation-main{min-width:0}.conversation-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:12px}.conversation-main p{margin:7px 0 0;line-height:1.7;color:#334155;word-break:break-word}
.conversation-side{display:grid;gap:4px;text-align:left;color:var(--muted);font-size:11px;white-space:nowrap}
.risk-green{background:#e8f7ee;color:#17663c}.risk-yellow{background:#fff4d6;color:#7a5700}.risk-red{background:#ffe6e6;color:#8e2525}
.policy-details{margin-top:16px;border:1px dashed #d7dee8;border-radius:12px;padding:10px 12px;background:#fafbfd}.policy-details>summary{cursor:pointer;font-weight:800;color:#64748b}
.policy-details .notice{margin-top:10px}
@media(max-width:700px){.conversation-row{flex-direction:column}.conversation-side{text-align:right}}


/* 2026-09-30 — progressive disclosure on order screen */
.customer-manual-fallback{margin-top:14px}
.customer-manual-fallback[open]{padding:12px}
.order-history-panel>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;list-style:none}
.order-history-panel>summary::-webkit-details-marker{display:none}
.order-history-panel>summary span{color:var(--muted);font-size:11px}
.order-history-panel[open]>summary{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}


/* Daily command center */
.command-list{display:grid;gap:10px}
.command-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;text-decoration:none;background:var(--surface);color:inherit}
.command-item:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.06)}
.command-item>div{display:flex;flex-direction:column;gap:4px}
.command-item strong{font-size:1rem}
.command-item span{font-size:.9rem;color:var(--muted)}
.command-item small{white-space:nowrap}
.command-item.priority-high{border-inline-start:5px solid #d9534f}
.command-item.priority-medium{border-inline-start:5px solid #d79a23}
.command-item.priority-normal{border-inline-start:5px solid #6b7280}
.command-item.priority-low{border-inline-start:5px solid #8a94a6}
.dependency-panel{opacity:.94}
.dashboard-secondary>summary{font-weight:700;cursor:pointer}
.dashboard-secondary[open]>summary{margin-bottom:16px}
.compact-state-cards{margin-top:14px}
.nested-panel{margin-top:16px;box-shadow:none}


/* 2026-09-30 — action-first catalog / marketing / accounts */
.details-body{margin-top:16px}
.details-grid{margin-top:14px}
.content-workspace{display:grid;gap:16px}
.product-create-details>summary,
.marketing-create-details>summary,
.marketing-channel-details>summary,
.marketing-history>summary,
.accounts-kpi-details>summary,
.accounts-order-analysis>summary{
  cursor:pointer;
  list-style:none;
  font-weight:850;
  color:#334155;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.product-create-details>summary::-webkit-details-marker,
.marketing-create-details>summary::-webkit-details-marker,
.marketing-channel-details>summary::-webkit-details-marker,
.marketing-history>summary::-webkit-details-marker,
.accounts-kpi-details>summary::-webkit-details-marker,
.accounts-order-analysis>summary::-webkit-details-marker{display:none}
.product-create-details>summary::after,
.marketing-create-details>summary::after,
.marketing-channel-details>summary::after,
.marketing-history>summary::after,
.accounts-kpi-details>summary::after,
.accounts-order-analysis>summary::after{content:"+";font-size:18px;color:#64748b}
.product-create-details[open]>summary::after,
.marketing-create-details[open]>summary::after,
.marketing-channel-details[open]>summary::after,
.marketing-history[open]>summary::after,
.accounts-kpi-details[open]>summary::after,
.accounts-order-analysis[open]>summary::after{content:"–"}
.product-create-details[open]>summary,
.marketing-create-details[open]>summary,
.marketing-channel-details[open]>summary,
.marketing-history[open]>summary,
.accounts-kpi-details[open]>summary,
.accounts-order-analysis[open]>summary{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.product-catalog{margin-top:16px}
.marketing-active-drafts{margin:0}
.marketing-history .badge{margin:2px}
.accounts-primary-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.accounts-primary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.accounts-primary-kpis{grid-template-columns:1fr}}

/* 2026-10-06 — visual order journey */
.orders-summary{
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;
  margin-bottom:18px;padding:18px 20px;border:1px solid #dce5ef;
  border-radius:18px;background:#fff
}
.orders-summary h2{margin:4px 0 6px;font-size:22px}
.orders-summary p{margin:0;color:var(--muted);line-height:1.6}
.orders-legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:11px;color:#536174}
.orders-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%}
.legend-dot.complete{background:#2f855a}.legend-dot.current{background:#e5ad00}
.legend-dot.next{background:#2f6fbd}.legend-dot.problem{background:#c53a3a}

.orders-board{display:grid;gap:12px}
.order-list-card{
  display:grid;gap:13px;background:#fff;border:1px solid var(--line);
  border-radius:17px;padding:16px 18px;box-shadow:0 6px 22px rgba(15,31,53,.04);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease
}
.order-list-card:hover{transform:translateY(-1px);box-shadow:0 9px 28px rgba(15,31,53,.08);border-color:#cfd9e5}
.order-list-card.order-list-problem{border-inline-start:5px solid #c53a3a}
.order-list-main,.order-list-state,.order-list-footer{display:flex;justify-content:space-between;gap:16px;align-items:center}
.order-list-id strong{display:block;font-size:15px}.order-list-id span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.order-list-total{text-align:left}.order-list-total span{display:block;color:var(--muted);font-size:10px}.order-list-total strong{display:block;margin-top:3px}
.order-phase-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}
.order-phase-badge.active{background:#fff4d6;color:#765500}.order-phase-badge.problem{background:#ffe8e8;color:#982b2b}
.order-progress-value{font:800 12px Consolas,monospace;color:#344256}
.order-progress-track{height:8px;border-radius:999px;background:#e8edf3;overflow:hidden}
.order-progress-track>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1f7a4d,#5aa775)}
.order-progress-track.large{height:10px;margin:14px 0}
.order-list-footer{align-items:flex-end}
.order-list-footer>div{min-width:0}.order-list-footer small{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.order-list-footer strong{font-size:12px}
.order-open-link{color:#8a6400;font-size:11px;font-weight:850;white-space:nowrap}

.order-command-hero{
  display:flex;justify-content:space-between;gap:20px;align-items:center;
  padding:20px 22px;margin-bottom:16px;border:1px solid #d9e4ef;border-radius:19px;
  background:linear-gradient(135deg,#fff,#f7faff)
}
.order-command-hero.has-problem{border-inline-start:5px solid #c53a3a;background:linear-gradient(135deg,#fff,#fff8f8)}
.order-command-main h2{margin:5px 0 7px;font-size:24px}.order-command-main p{margin:0;color:var(--muted)}
.order-command-progress{min-width:150px;text-align:center;border:1px solid #d9e4ef;border-radius:15px;padding:13px;background:#fff}
.order-command-progress strong{display:block;font-size:28px;color:#1f5e43}.order-command-progress span{display:block;margin-top:3px;color:var(--muted);font-size:10px}

.order-overview-grid{display:grid;grid-template-columns:1.05fr 1.15fr .9fr;gap:14px;margin-bottom:16px}
.order-overview-card{margin:0;min-width:0}
.order-card-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.5px;color:#748197;margin-bottom:9px}
.order-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.order-card-head h2,.order-overview-card>h2{margin:0 0 12px;font-size:18px}
.order-quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.order-quick-facts>div{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fafbfd}
.order-quick-facts span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.order-quick-facts strong{font-size:12px}
.order-next-action-mini{border-inline-start:3px solid #2f6fbd;padding:8px 10px;margin:12px 0;background:#f5f9ff;border-radius:8px}
.order-next-action-mini span{display:block;color:#66758a;font-size:10px}.order-next-action-mini strong{display:block;margin-top:4px;font-size:13px}
.compact-money{gap:4px}.compact-money>div{padding:7px 0}.compact-money span{font-size:10px}.compact-money strong{font-size:12px}
.order-finance-state{margin-top:10px;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}
.order-finance-state.done{background:#e9f8ef;color:#17663c}.order-finance-state.waiting{background:#fff4d6;color:#765500}.order-finance-state.neutral{background:#f1f5f9;color:#64748b}

.order-journey-panel{overflow:hidden}
.order-journey-title{align-items:flex-start}
.order-journey{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;position:relative}
.journey-stage{min-width:0;border:1px solid var(--line);border-radius:13px;padding:11px 9px;background:#f8fafc;display:flex;gap:8px;align-items:flex-start}
.journey-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;font-weight:900;background:#e5eaf0;color:#7a8797}
.journey-copy{min-width:0}.journey-copy strong{display:block;font-size:11px;line-height:1.35}.journey-copy span{display:block;font-size:9px;color:#64748b;margin-top:4px}.journey-copy small{display:block;font-size:9px;color:#8a96a6;margin-top:6px;line-height:1.35}
.journey-complete{background:#f3fbf6;border-color:#bfe7ce}.journey-complete .journey-icon{background:#d9f2e2;color:#17663c}
.journey-current{background:#fffaf0;border-color:#ead28c;box-shadow:0 0 0 2px rgba(229,173,0,.08)}.journey-current .journey-icon{background:#ffe59a;color:#765500}
.journey-next{background:#f5f9ff;border-color:#bfd2eb}.journey-next .journey-icon{background:#dbeafe;color:#285f95}
.journey-problem{background:#fff5f5;border-color:#efc1c1}.journey-problem .journey-icon{background:#ffe0e0;color:#982b2b}
.journey-pending{opacity:.72}

.order-proof-details>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;list-style:none}
.order-proof-details>summary::-webkit-details-marker{display:none}.order-proof-details>summary span{font-size:11px;color:var(--muted)}
.order-proof-details[open]>summary{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.proof-details-body{display:grid;gap:12px}.proof-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.proof-stage-grid>div{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:9px;font-size:11px}
.proof-done{background:#f3fbf6;color:#17663c}.proof-pending{background:#fafbfd;color:#657386}

@media(max-width:1100px){
  .order-overview-grid{grid-template-columns:1fr 1fr}.order-finance-card{grid-column:1/-1}
  .order-journey{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .orders-summary,.order-command-hero{flex-direction:column;align-items:flex-start}
  .orders-legend{justify-content:flex-start}
  .order-list-main,.order-list-state,.order-list-footer{align-items:flex-start;flex-direction:column}
  .order-list-total{text-align:right}
  .order-overview-grid{grid-template-columns:1fr}.order-finance-card{grid-column:auto}
  .order-command-progress{width:100%}
  .order-journey{grid-template-columns:1fr 1fr}
  .proof-stage-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .order-quick-facts,.order-journey,.proof-stage-grid{grid-template-columns:1fr}
}

/* 2026-10-06 — automation waiting state */
.order-waiting-box{
  display:grid;gap:5px;margin:12px 0;padding:13px 14px;
  border:1px solid #bdd4ee;border-inline-start:4px solid #2f6fbd;
  border-radius:12px;background:#f4f9ff;color:#244d78
}
.order-waiting-box strong{font-size:13px}
.order-waiting-box span{font-size:11px;line-height:1.7;color:#536a83}
.supplier-manual-fallback{margin-top:12px}

/* 2026-10-06 — order filters and dashboard flow */
.order-filter-bar{
  display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px
}
.order-filter-chip{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;
  border:1px solid #d8e1eb;border-radius:999px;background:#fff;
  color:#455468;font-size:11px;font-weight:800
}
.order-filter-chip strong{
  min-width:22px;height:22px;padding:0 6px;border-radius:999px;
  display:grid;place-items:center;background:#eef3f8;color:#334155;
  font:800 10px Consolas,monospace
}
.order-filter-chip:hover{border-color:#b9c8d8;background:#f8fbff}
.order-filter-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}
.order-filter-chip.active strong{background:rgba(255,255,255,.16);color:#fff}
.order-filter-chip.danger:not(.active){border-color:#efc1c1;color:#982b2b;background:#fff8f8}
.order-filter-chip.danger:not(.active) strong{background:#ffe8e8;color:#982b2b}
.order-filter-context{
  display:flex;align-items:center;gap:7px;margin:0 0 12px;
  color:#66758a;font-size:11px
}
.order-filter-context a{color:#8a6400;font-weight:800}

.dashboard-order-flow{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;margin-bottom:16px
}
.dashboard-flow-card{
  display:grid;gap:5px;padding:14px;border:1px solid var(--line);
  border-radius:15px;background:#fff;min-width:0;
  transition:transform .15s ease,box-shadow .15s ease
}
.dashboard-flow-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,31,53,.07)}
.dashboard-flow-card span{font-size:11px;font-weight:850;color:#526174}
.dashboard-flow-card strong{font-size:25px;color:#17243a}
.dashboard-flow-card small{font-size:9px;color:#8290a2;line-height:1.5}
.dashboard-flow-card.flow-attention{border-inline-start:4px solid #c53a3a;background:#fffafa}
.dashboard-flow-card.flow-attention strong{color:#982b2b}
.dashboard-flow-card.flow-complete{border-inline-start:4px solid #2f855a;background:#f8fcf9}
.dashboard-flow-card.flow-complete strong{color:#17663c}

.dashboard-attention-panel{border-color:#efcaca;background:#fffafa}
.dashboard-attention-list{display:grid;gap:7px}
.dashboard-attention-list>a{
  display:flex;justify-content:space-between;gap:14px;align-items:center;
  padding:10px 12px;border:1px solid #f0d7d7;border-radius:11px;background:#fff
}
.dashboard-attention-list strong{display:block;font-size:12px}
.dashboard-attention-list span{display:block;color:#7b6670;font-size:10px;margin-top:3px}
.dashboard-attention-list small{font:800 11px Consolas,monospace;color:#982b2b;white-space:nowrap}
.recent-order-progress{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}

@media(max-width:1150px){
  .dashboard-order-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .dashboard-order-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .order-filter-chip{white-space:nowrap;flex:0 0 auto}
}
@media(max-width:440px){
  .dashboard-order-flow{grid-template-columns:1fr 1fr}
}


/* 2026-10-06 — unified WhatsApp human inbox */
.whatsapp-human-inbox{padding:0;overflow:hidden}
.inbox-title{padding:16px 18px;margin:0;border-bottom:1px solid var(--line)}
.inbox-layout{
  display:grid;grid-template-columns:320px minmax(0,1fr);
  min-height:620px;background:#f7f9fc
}
.inbox-thread-list{
  border-inline-end:1px solid var(--line);
  background:#fff;overflow:auto;max-height:760px
}
.inbox-thread-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 14px;border-bottom:1px solid var(--line);
  position:sticky;top:0;background:#fff;z-index:2
}
.inbox-thread-head span{
  min-width:26px;height:26px;display:grid;place-items:center;
  border-radius:999px;background:#eef3f8;font:800 10px Consolas,monospace
}
.inbox-thread{
  display:block;padding:12px 14px;border-bottom:1px solid #edf1f5;
  color:inherit;background:#fff
}
.inbox-thread:hover{background:#f8fbff}
.inbox-thread.active{
  background:#eef6ff;border-inline-start:4px solid #2f6fbd
}
.inbox-thread-row{display:flex;justify-content:space-between;gap:8px;align-items:center}
.inbox-thread-row strong{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-thread>small{display:block;color:#8793a3;font-size:9px;margin-top:3px}
.inbox-thread>p{
  margin:7px 0 6px;font-size:10px;color:#5f6d7f;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.inbox-thread-state{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#7c8796}
.inbox-thread-state .human-state{color:#9a3d26;font-weight:800}
.inbox-thread-state .bot-state{color:#17663c;font-weight:800}

.inbox-chat{display:flex;flex-direction:column;min-width:0;background:#f4f7fa}
.inbox-chat-header{
  display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
  padding:14px 16px;background:#fff;border-bottom:1px solid var(--line)
}
.inbox-chat-name{display:flex;gap:8px;align-items:center}
.inbox-chat-name h3{margin:0;font-size:16px}
.inbox-chat-header p{margin:4px 0;color:var(--muted);font-size:10px}
.inbox-chat-controls{
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end
}
.inbox-chat-controls form{margin:0}
.inbox-call-strip{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  margin:10px 12px 0;padding:10px 12px;border:1px solid #d9e4ef;
  border-radius:12px;background:#fff
}
.inbox-call-strip strong{display:block;font-size:11px}
.inbox-call-strip span{display:block;margin-top:3px;font-size:9px;color:#788598}
.call-probe-ok{color:#17663c!important}
.call-probe-warn{color:#9a3d26!important}

.inbox-messages{
  flex:1;min-height:360px;max-height:560px;overflow:auto;
  padding:16px;display:flex;flex-direction:column;gap:8px
}
.chat-bubble-wrap{display:flex}
.chat-bubble-wrap.inbound{justify-content:flex-start}
.chat-bubble-wrap.outbound{justify-content:flex-end}
.chat-bubble{
  max-width:min(72%,620px);border-radius:14px;padding:9px 11px;
  box-shadow:0 2px 8px rgba(17,34,51,.05)
}
.inbound .chat-bubble{background:#fff;border:1px solid #e0e6ed;border-bottom-left-radius:4px}
.outbound .chat-bubble{background:#e4f4ea;border:1px solid #c8e7d3;border-bottom-right-radius:4px}
.chat-bubble p{margin:0;white-space:pre-wrap;font-size:12px;line-height:1.7}
.chat-bubble small{display:block;margin-top:5px;color:#7f8a98;font-size:8px}
.voice-message{display:grid;gap:7px;min-width:260px}
.voice-message span{font-size:10px;font-weight:800}
.voice-message audio{width:100%;height:36px}

.inbox-compose{
  display:grid;gap:10px;padding:12px 14px;background:#fff;
  border-top:1px solid var(--line)
}
.inbox-text-form{display:flex;gap:8px;align-items:stretch}
.inbox-text-form textarea{
  flex:1;min-height:62px;max-height:150px;resize:vertical;
  border:1px solid #cfd9e5;border-radius:11px;padding:10px 12px;
  font:inherit;line-height:1.6
}
.inbox-text-form button{min-width:84px}
.inbox-audio-form{
  display:grid;gap:7px;padding:9px;border:1px solid #e2e8f0;
  border-radius:11px;background:#f9fbfd
}
.inbox-audio-form input[type=file]{font-size:10px}
.voice-controls{display:flex;gap:7px;flex-wrap:wrap}
.inbox-audio-form small{color:#7a8797;font-size:9px;line-height:1.5}
.inbox-empty{margin:auto;padding:40px}

@media(max-width:900px){
  .inbox-layout{grid-template-columns:240px minmax(0,1fr)}
  .chat-bubble{max-width:84%}
}
@media(max-width:700px){
  .inbox-layout{grid-template-columns:1fr;min-height:0}
  .inbox-thread-list{max-height:260px;border-inline-end:0;border-bottom:1px solid var(--line)}
  .inbox-chat-header,.inbox-call-strip{flex-direction:column;align-items:flex-start}
  .inbox-chat-controls{justify-content:flex-start}
  .inbox-messages{min-height:320px;max-height:480px}
  .chat-bubble{max-width:92%}
  .inbox-text-form{flex-direction:column}
}


/* 2026-10-06 — WhatsApp live calling controls */
.call-strip-main{display:grid;gap:3px;min-width:0}
.live-call-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.live-call-actions button[hidden]{display:none}
#remoteCallAudio{width:1px;height:1px;opacity:.01;position:absolute;pointer-events:none}
#callStateText{font-weight:800;color:#344456!important}
#callPermissionState{font-family:inherit}
.inbox-call-strip:has(#acceptLiveCall:not([hidden])){
  border-color:#8bc5a2;
  box-shadow:0 0 0 2px rgba(48,132,83,.08)
}
@media(max-width:700px){
  .live-call-actions{justify-content:flex-start;width:100%}
  .live-call-actions button{flex:1 1 auto}
}


/* RBAC / user administration */
.sidebar-user{margin-top:14px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);display:flex;flex-direction:column;gap:3px}
.sidebar-user span{font-size:.82rem;opacity:.72}
.access-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.mini-card{padding:14px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--card,#fff)}
.access-user-card{margin-top:18px}
.access-user-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.access-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:14px 0}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:12px 0 18px}
.permission-grid fieldset{border:1px solid var(--line,#ddd);border-radius:12px;padding:12px}
.permission-grid legend{font-weight:700;padding:0 7px}
.checkbox-line{display:flex!important;align-items:center;gap:8px;margin:7px 0}
.checkbox-line input[type=checkbox]{width:auto;min-width:auto}


/* RBAC account action controls */
.access-user-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.access-user-actions form{margin:0}
button.danger,.danger{background:#a61b1b;color:#fff;border:1px solid #8f1717}
button.danger:hover,.danger:hover{background:#8f1717}
@media(max-width:700px){
  .access-user-head{align-items:flex-start;flex-direction:column}
  .access-user-actions{justify-content:flex-start;width:100%}
}


/* WhatsApp human attention escalation */
.global-human-attention{
  position:fixed;top:14px;left:50%;transform:translateX(-50%);
  z-index:9999;display:flex;align-items:center;gap:12px;
  width:min(620px,calc(100vw - 28px));padding:13px 16px;
  border:2px solid #b42318;border-radius:16px;
  background:#fff1f0;color:#7a1712;
  box-shadow:0 14px 38px rgba(180,35,24,.28);
  animation:attentionPulse 1.5s ease-in-out infinite;
}
.global-human-attention[hidden]{display:none}
.global-human-attention .attention-icon{font-size:28px}
.global-human-attention strong{display:block;font-size:15px}
.global-human-attention small{display:block;margin-top:3px;color:#8d332b;line-height:1.45}
.attention-kpi{border-color:#efb2ac;background:#fff7f6}
.attention-kpi strong{color:#b42318}
.inbox-thread.needs-human{
  border:2px solid #d92d20!important;
  background:#fff4f2!important;
  box-shadow:0 0 0 3px rgba(217,45,32,.08);
}
.inbox-thread.needs-human .thread-name{color:#9f1f17}
.human-attention-state{
  display:inline-flex;align-items:center;gap:5px;
  background:#d92d20;color:#fff!important;
  border-radius:999px;padding:4px 8px;font-weight:800;
}
.human-attention-banner{
  margin:10px 0 14px;padding:13px 15px;border-radius:13px;
  border:2px solid #d92d20;background:#fff1f0;color:#8c1d17;
  box-shadow:0 8px 24px rgba(217,45,32,.12);
}
.human-attention-banner[hidden]{display:none}
.human-attention-banner strong{display:block;font-size:16px}
.human-attention-banner span{display:block;margin-top:4px;font-size:12px;line-height:1.6}
@keyframes attentionPulse{
  0%,100%{box-shadow:0 12px 34px rgba(180,35,24,.20)}
  50%{box-shadow:0 14px 42px rgba(180,35,24,.42)}
}
@media(max-width:700px){
  .global-human-attention{top:8px;width:calc(100vw - 16px)}
}


.required-mark {
  color: #b42318;
  font-weight: 800;
  margin-inline: .2rem;
}

.required-help {
  margin: 0 0 .8rem;
  font-size: .9rem;
  color: #6b7280;
}

.required-pair-title {
  display: flex;
  gap: .35rem;
  align-items: baseline;
  flex-wrap: wrap;
  font-weight: 700;
  margin-top: .25rem;
}

.required-pair-title small {
  font-weight: 400;
  color: #6b7280;
}


/* Conversation queue lifecycle: urgent -> replied -> archived */
.inbox-view-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.inbox-view-tabs a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 10px;border:1px solid #d8dee8;border-radius:999px;
  background:#fff;color:#475569;font-size:11px;font-weight:800
}
.inbox-view-tabs a.active{background:#172b45;color:#fff;border-color:#172b45}
.inbox-thread.human-replied{
  border-inline-start:4px solid #18864b;
  background:#f1fbf5
}
.inbox-thread.human-replied.active{
  background:#eaf8f0;border-inline-start-color:#18864b
}
.inbox-thread.human-replied .thread-name{color:#17663c}
.human-replied-state{
  display:inline-flex;align-items:center;gap:4px;
  background:#e3f6eb;color:#17663c!important;
  border:1px solid #b8e3c8;border-radius:999px;
  padding:4px 8px;font-weight:800
}
.human-replied-state[hidden]{display:none}
.human-resolved-banner{
  margin:10px 0 14px;padding:13px 15px;border-radius:13px;
  border:2px solid #55b77a;background:#effbf4;color:#17663c;
  box-shadow:0 8px 24px rgba(23,102,60,.09)
}
.human-resolved-banner[hidden]{display:none}
.human-resolved-banner strong{display:block;font-size:15px}
.human-resolved-banner span{display:block;margin-top:4px;font-size:12px;line-height:1.6}
.inbox-thread.idle-archived{
  opacity:.66;background:#f8fafc
}
.inbox-thread.idle-archived .thread-name::after{
  content:" · سجل";font-size:9px;font-weight:600;color:#7c8796
}


.public-cart-brand{justify-content:flex-start}.public-cart-brand>div{flex:1}
.public-cart-pill{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid #d7e2ef;border-radius:999px;background:#fff;color:var(--navy);font-weight:800;white-space:nowrap}
.public-cart-add-box{margin-top:16px;padding:14px;border:1px solid #d6e2f0;border-radius:15px;background:#f8fbff}
.public-cart-add-box>div strong{display:block;font-size:17px;color:var(--navy)}.public-cart-add-box>div span{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.6}
.public-cart-add-form{display:grid;grid-template-columns:120px minmax(180px,1fr) auto;gap:9px;align-items:end;margin-top:12px}
.public-cart-add-form label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#475569}
.public-cart-add-form input,.public-cart-add-form select{width:100%;box-sizing:border-box;border:1px solid #d7dde6;border-radius:10px;padding:10px;font:inherit;background:#fff}
.public-cart-add-button{min-height:42px;padding:10px 16px;white-space:nowrap}
.public-cart-add-box>small{display:block;margin-top:9px;color:var(--muted);line-height:1.6}
.public-cart-empty{text-align:center;max-width:680px;margin:0 auto}.public-cart-empty p{color:var(--muted);line-height:1.8}
.public-cart-issues{border-color:#efc7c7;background:#fff7f7;margin-bottom:16px}.public-cart-issues h2{margin-top:0;color:#8f2020}.public-cart-issues>div{padding:8px 0;border-bottom:1px solid #f1d2d2;color:#8f2020}.public-cart-issues>div:last-child{border-bottom:0}
.public-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.public-cart-packages{display:grid;gap:16px}.public-package-card{padding:16px}
.public-package-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.public-package-head h2{margin:5px 0 3px}.public-package-head p{margin:0;color:var(--muted);font-size:12px}
.public-package-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#fff3c4;color:#735400;font-size:11px;font-weight:800}
.public-package-delivery-rule{min-width:150px;text-align:center;border:1px solid #bfe7ce;background:#effaf3;border-radius:13px;padding:10px}.public-package-delivery-rule strong{display:block;color:#17663c}.public-package-delivery-rule span{display:block;margin-top:3px;color:#4b6b58;font-size:10px}
.public-cart-lines{display:grid;gap:10px;margin-top:14px}.public-cart-line{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fafbfd}
.public-cart-thumb{width:72px;height:72px;border-radius:11px;overflow:hidden;background:#eef2f7;display:grid;place-items:center;font-size:28px}.public-cart-thumb img{width:100%;height:100%;object-fit:cover}
.public-cart-line-main{display:grid;gap:4px}.public-cart-line-main a{color:var(--navy)}.public-cart-line-main span{font-size:11px;color:var(--muted)}.public-cart-line-main b{font-size:12px}
.public-cart-line-actions{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.public-cart-line-actions form{display:flex;gap:6px;align-items:end}.public-cart-line-actions label{display:grid;gap:3px;font-size:10px;color:var(--muted)}.public-cart-line-actions input{width:72px;border:1px solid #d7dde6;border-radius:8px;padding:7px}
.public-package-summary{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 12px;border-radius:11px;background:#fff8dd;border:1px solid #efd36d}.public-package-summary span{color:#735400}.public-package-summary strong{color:#5b4300}
.public-cart-summary-card{position:sticky;top:18px}.public-cart-summary-card h2{margin-top:0}.public-cart-checkout-link{display:block;box-sizing:border-box;text-align:center;margin-top:14px}
.public-checkout-form{display:grid;gap:16px}.public-checkout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-checkout-grid label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#475569}.public-checkout-grid .wide{grid-column:1/-1}.public-checkout-grid input,.public-checkout-grid select,.public-checkout-grid textarea,.public-package-carrier select{width:100%;box-sizing:border-box;border:1px solid #d7dde6;border-radius:10px;padding:10px;font:inherit;background:#fff}
.public-checkout-package{display:grid;gap:13px}.public-package-subtotal{font-size:19px;color:var(--navy)}.public-checkout-items{display:grid;gap:7px}.public-checkout-items>div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}.public-checkout-items span{font-size:12px}.public-checkout-items strong{font-size:12px;white-space:nowrap}
.public-package-carrier{display:grid;gap:5px;font-size:12px;font-weight:800;color:#475569}.public-package-total-box{margin-top:0}
.public-checkout-final{max-width:760px;margin:0 auto;width:100%;box-sizing:border-box}.public-checkout-final h2{margin-top:0}.public-thanks-package{display:grid;gap:13px;margin-top:14px}
@media(max-width:850px){.public-cart-layout{grid-template-columns:1fr}.public-cart-summary-card{position:static}.public-cart-add-form{grid-template-columns:1fr 1fr}.public-cart-add-button{grid-column:1/-1}.public-checkout-grid{grid-template-columns:1fr}.public-checkout-grid .wide{grid-column:auto}}
@media(max-width:620px){.public-cart-brand{flex-wrap:wrap}.public-cart-pill{margin-inline-start:0}.public-package-head{flex-direction:column}.public-package-delivery-rule{width:100%;box-sizing:border-box}.public-cart-line{grid-template-columns:58px 1fr}.public-cart-thumb{width:58px;height:58px}.public-cart-line-actions{grid-column:1/-1}.public-cart-add-form{grid-template-columns:1fr}.public-cart-add-button{grid-column:auto}.public-checkout-items>div{align-items:flex-start;flex-direction:column}}


.public-store-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.public-shop-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid #d7e2ef;border-radius:999px;background:#f8fbff;color:var(--navy);font-weight:800;white-space:nowrap}
.public-cart-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.public-cart-inline-actions a{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border:1px solid #d7e2ef;border-radius:10px;background:#fff;color:var(--navy);font-size:12px;font-weight:800}
.public-cart-primary-actions{display:grid;gap:9px;margin-top:14px}
.public-continue-shopping{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid #c9d6e6;border-radius:11px;background:#f8fbff;color:var(--navy);font-weight:800;text-align:center}
.public-shop-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.public-shop-hero h1{margin:7px 0 6px}.public-shop-hero p{margin:0;color:var(--muted);line-height:1.7;max-width:720px}
.public-shop-cart-cta{display:inline-flex;align-items:center;justify-content:center;min-width:150px;text-align:center}
.public-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.public-shop-product{overflow:hidden;padding:0;display:flex;flex-direction:column}
.public-shop-product.is-unavailable{opacity:.72}
.public-shop-image{display:grid;place-items:center;aspect-ratio:1/1;background:#eef2f7;overflow:hidden;font-size:46px}
.public-shop-image img{width:100%;height:100%;object-fit:cover;display:block}
.public-shop-product-body{display:grid;gap:7px;padding:14px}
.public-shop-product-body h2{margin:0;font-size:18px;line-height:1.45}
.public-shop-product-body h2 a{color:var(--navy)}
.public-shop-product-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.public-shop-stock{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:#effaf3;color:#17663c;font-size:10px;font-weight:800}
.public-shop-stock.unavailable{background:#fff1f0;color:#8f2020}
.public-shop-product-link{display:flex;align-items:center;justify-content:center;margin-top:3px;padding:9px 11px;border-radius:10px;border:1px solid #d7e2ef;background:#fff;color:var(--navy);font-weight:800;font-size:12px}
@media(max-width:900px){.public-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.public-store-actions{width:100%;margin-inline-start:0}.public-store-actions a{flex:1}.public-shop-hero{align-items:stretch;flex-direction:column}.public-shop-cart-cta{width:100%;box-sizing:border-box}.public-shop-grid{grid-template-columns:1fr 1fr;gap:10px}.public-shop-product-body{padding:10px}.public-shop-product-body h2{font-size:15px}.public-shop-product .public-price{font-size:20px}}
@media(max-width:430px){.public-shop-grid{grid-template-columns:1fr}}


/* Wanasa AI Media Studio */
.media-studio-hero{background:linear-gradient(135deg,#f7fbff,#fff9e8)}
.media-studio-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.media-studio-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.media-studio-product-card{display:grid;grid-template-columns:96px 1fr;gap:12px;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fbfcfe}
.media-studio-product-card.selected{border-color:#d6a600;box-shadow:0 0 0 3px rgba(214,166,0,.12)}
.media-studio-product-cover{width:96px;height:96px;border-radius:14px;overflow:hidden;background:#eef2f7;display:grid;place-items:center}
.media-studio-product-cover img{width:100%;height:100%;object-fit:cover}
.media-studio-product-body h3{margin:4px 0 6px}.media-studio-product-body>strong{display:block;margin-bottom:8px}
.media-studio-mini-stats{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.media-studio-mini-stats span,.media-studio-source-chips span{font-size:11px;background:#eef3f8;border-radius:999px;padding:5px 8px;color:#475569}
.media-studio-selected{scroll-margin-top:16px}.media-studio-source-gallery{margin-bottom:20px}
.media-studio-versions-title{margin-top:22px}.media-studio-version-list{display:grid;gap:10px}
.media-studio-version-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fbfcfe}
.media-studio-version-card h4{margin:4px 0}.media-studio-version-card small{color:var(--muted)}
.media-studio-source-chips{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:1050px){.media-studio-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-studio-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.media-studio-product-grid{grid-template-columns:1fr}.media-studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.media-studio-product-card{grid-template-columns:78px 1fr}.media-studio-product-cover{width:78px;height:78px}.media-studio-version-card{grid-template-columns:1fr}}

.media-studio-composer{margin:18px 0;padding:16px;border:1px solid #d9e4ef;border-radius:16px;background:#f8fbff}
.media-studio-composer-form{gap:16px}.media-studio-composer-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.media-studio-price-option{grid-column:1/-1;display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;border:1px solid #ead28c;background:#fffaf0;border-radius:12px;padding:11px 12px}
.media-studio-price-option input{width:auto!important}.media-studio-picker{margin-top:8px}
@media(max-width:760px){.media-studio-composer-fields{grid-template-columns:1fr}.media-studio-price-option{grid-column:auto}}

.media-studio-source-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,140px));gap:10px;justify-content:start}
.media-studio-source-gallery .media-tile{aspect-ratio:1/1;max-width:140px}

.media-studio-output-preview{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.media-studio-output-link,.media-studio-output-media{display:block;width:112px;height:140px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff}
.media-studio-output-preview img,.media-studio-output-preview video{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.media-studio-output-preview video{background:#111}
.media-studio-output-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.media-studio-preview-button{text-decoration:none}
.media-studio-preview-status{text-decoration:none;cursor:pointer}
.media-studio-render-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.media-studio-render-actions form{margin:0}

.media-studio-version-card{align-items:start}
@media(max-width:760px){
  .media-studio-source-gallery{grid-template-columns:repeat(3,minmax(88px,1fr))}
  .media-studio-source-gallery .media-tile{max-width:none}
  .media-studio-output-link,.media-studio-output-media{width:96px;height:120px}
}


/* Media Studio compact workspace v2 */
.media-studio-source-picker-shell{
  border:1px solid #d9e4ef;
  border-radius:14px;
  background:#fff;
  padding:12px;
}
.media-studio-source-picker-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.media-studio-source-picker-head .field-help{margin-bottom:0}
.content-media-picker.media-studio-picker{
  display:grid;
  grid-template-columns:repeat(auto-fill,104px);
  gap:10px;
  justify-content:start;
  align-items:start;
  margin-top:8px;
  max-height:252px;
  overflow:auto;
  padding:4px;
}
.media-studio-picker .selectable-media{
  display:block!important;
  width:104px;
  margin:0;
}
.media-studio-picker .selectable-media>span{
  width:104px;
  height:104px;
  aspect-ratio:auto;
  border-radius:10px;
}
.media-studio-picker .selectable-media img,
.media-studio-picker .selectable-media video{
  width:100%;
  height:100%;
  object-fit:cover;
}
.media-studio-picker .selectable-media>input{
  top:6px;
  right:6px;
  width:18px;
  height:18px;
}
.media-studio-picker .selectable-media b{
  right:5px;
  left:auto;
  max-width:88px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.media-studio-originals{
  margin:14px 0 4px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfcfe;
  overflow:hidden;
}
.media-studio-originals>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  list-style:none;
  padding:11px 13px;
  font-weight:800;
  color:var(--navy);
  background:#f7f9fc;
}
.media-studio-originals>summary::-webkit-details-marker{display:none}
.media-studio-originals>summary::after{
  content:"▾";
  margin-inline-start:8px;
  color:var(--muted);
  transition:transform .15s ease;
}
.media-studio-originals[open]>summary::after{transform:rotate(180deg)}
.media-studio-originals .media-studio-source-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fill,96px);
  gap:9px;
  justify-content:start;
  margin:0;
  padding:12px;
}
.media-studio-originals .media-studio-source-gallery .media-tile{
  width:96px;
  height:96px;
  max-width:none;
  aspect-ratio:auto;
  border-radius:10px;
}
.media-studio-originals .media-product-tag{padding:4px 5px}
.media-studio-originals .media-product-tag b{font-size:9px}
.media-studio-originals .media-product-tag span,
.media-studio-originals .media-product-tag small{font-size:8px}

.media-studio-version-list{gap:8px}
.media-studio-version-card{
  padding:11px 12px;
  border-radius:12px;
  background:#fff;
}
.media-studio-version-card h4{margin:2px 0 3px}
.media-studio-output-preview{gap:8px;margin-top:2px}
.media-studio-output-link,
.media-studio-output-media{
  width:88px;
  height:110px;
  border-radius:10px;
}
.media-studio-output-meta{gap:6px}
.media-studio-render-actions{gap:6px}
.media-studio-source-chips{gap:5px}

@media(max-width:760px){
  .media-studio-source-picker-head{align-items:center}
  .content-media-picker.media-studio-picker{
    grid-template-columns:repeat(auto-fill,88px);
    gap:8px;
    max-height:220px;
  }
  .media-studio-picker .selectable-media,
  .media-studio-picker .selectable-media>span{
    width:88px;
  }
  .media-studio-picker .selectable-media>span{height:88px}
  .media-studio-originals .media-studio-source-gallery{
    grid-template-columns:repeat(auto-fill,82px);
  }
  .media-studio-originals .media-studio-source-gallery .media-tile{
    width:82px;
    height:82px;
  }
  .media-studio-output-link,
  .media-studio-output-media{
    width:78px;
    height:98px;
  }
}


.media-studio-creative-tags{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:7px;
}
.media-studio-composer-fields label small{
  color:var(--muted);
  font-weight:400;
  line-height:1.45;
}


/* 2026-10-07 — simplified Arabic marketing operator UI */
.marketing-operator-hero{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:22px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(135deg,#fff,#f8fbff)
}
.marketing-operator-hero h2{margin:4px 0 7px;font-size:24px}
.marketing-operator-hero p{margin:0;max-width:720px;color:var(--muted);line-height:1.8}
.marketing-operator-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.marketing-operator-actions form{margin:0}
.marketing-primary-action,.marketing-secondary-action,.marketing-study-button{
  border:0;border-radius:11px;padding:10px 14px;font-weight:900;cursor:pointer
}
.marketing-primary-action,.marketing-study-button{background:var(--navy);color:#fff}
.marketing-secondary-action{background:#eef3f8;color:#27364a;border:1px solid #d8e1eb}
.marketing-operator-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px
}
.marketing-operator-stats article{
  padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;min-height:86px
}
.marketing-operator-stats span{display:block;color:var(--muted);font-size:12px}
.marketing-operator-stats strong{display:block;margin-top:7px;font-size:22px;line-height:1.25}
.marketing-operator-stats .best-candidate strong{font-size:16px}
.marketing-operator-stats .needs-attention{border-inline-start:4px solid #d59b18;background:#fffaf0}

.marketing-products-panel .panel-title{margin-bottom:12px}
.promotion-product-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px
}
.promotion-product-card{
  display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff
}
.promotion-product-card.recommended{border-color:#e3bd4d;box-shadow:0 0 0 2px rgba(227,189,77,.08)}
.promotion-product-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.promotion-product-head strong{display:block;font-size:15px}
.promotion-product-head small{display:block;color:var(--muted);margin-top:3px}
.promotion-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;white-space:nowrap}
.status-ready{background:#e8f7ee;color:#17663c}
.status-human{background:#fff2d6;color:#7a5700}
.status-preparing{background:#eaf3ff;color:#285f95}
.status-hold{background:#f1f3f5;color:#596273}
.promotion-recommended-note{font-size:11px;font-weight:800;color:#7a5a00;background:#fff7da;border-radius:9px;padding:8px 9px}
.promotion-product-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.promotion-product-summary>div{padding:9px;border:1px solid #e8edf2;border-radius:10px;background:#fafbfd}
.promotion-product-summary span{display:block;color:var(--muted);font-size:10px}
.promotion-product-summary strong{display:block;margin-top:4px;font-size:12px;line-height:1.45}
.promotion-budget-preview,.promotion-simple-note{padding:9px 10px;border-radius:10px;background:#f7fafc;font-size:11px;line-height:1.6}
.promotion-budget-preview strong{display:block;margin-top:3px;font-size:14px}
.promotion-budget-preview small{display:block;color:var(--muted);margin-top:2px}
.marketing-study-button{width:100%}
.marketing-multi-select{margin-top:14px;border-top:1px dashed var(--line);padding-top:12px}
.marketing-multi-select>summary,.marketing-mission-history>summary,.marketing-advanced-details>summary{
  cursor:pointer;font-weight:900;list-style:none
}
.marketing-multi-select>summary::-webkit-details-marker,
.marketing-mission-history>summary::-webkit-details-marker,
.marketing-advanced-details>summary::-webkit-details-marker{display:none}
.marketing-multi-select[open]>summary{margin-bottom:12px}
.marketing-product-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:12px 0}
.marketing-product-checks label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fafbfd}

.marketing-human-review-panel{border-inline-start:5px solid #d59b18}
.marketing-review-grid{display:grid;gap:12px}
.marketing-review-card{padding:16px;border:1px solid #ead8ac;border-radius:15px;background:#fffdf8}
.marketing-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.marketing-review-head strong{display:block;font-size:17px}
.marketing-review-head small{display:block;color:var(--muted);margin-top:3px}
.marketing-review-card h3{margin:8px 0 5px;font-size:16px}
.marketing-review-explain{margin:0 0 12px;color:#5c6470;line-height:1.7}
.marketing-economics-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.marketing-economics-summary>div{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.marketing-economics-summary span{display:block;color:var(--muted);font-size:10px}
.marketing-economics-summary strong{display:block;margin-top:4px}
.marketing-simple-warning{margin:10px 0}
.marketing-budget-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0}
.marketing-budget-card{display:grid;gap:9px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff}
.marketing-budget-card.recommended{border-color:#d6b046;background:#fffdf5}
.marketing-budget-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.marketing-budget-title span{font-size:10px;font-weight:900;color:#725400;background:#fff1b8;padding:4px 6px;border-radius:999px}
.marketing-budget-total{font-size:20px;font-weight:900}
.marketing-budget-meta{display:grid;gap:4px;font-size:11px;color:#596273}
.marketing-budget-card form{margin:0}
.marketing-budget-card button,.marketing-pilot-approve button,.marketing-manual-budget button{width:100%}
.marketing-manual-budget{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}
.marketing-manual-budget>summary{cursor:pointer;font-weight:800;color:#526174}
.marketing-manual-budget[open]>summary{margin-bottom:10px}
.marketing-pilot-approve{display:grid;gap:10px}
.marketing-pilot-approve label{display:flex;gap:8px;align-items:flex-start;line-height:1.6}

.marketing-mission-history{margin-bottom:16px}
.marketing-mission-history>summary{display:flex;justify-content:space-between;align-items:center;gap:10px}
.marketing-mission-history>summary span{font-size:11px;color:var(--muted)}
.marketing-mission-history[open]>summary{margin-bottom:12px}
.marketing-mission-list{display:grid;gap:8px}
.marketing-mission-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}
.marketing-mission-row strong{display:block}
.marketing-mission-row small{display:block;color:var(--muted);margin-top:3px}
.marketing-safety-note{margin-bottom:16px}

.marketing-advanced-details{margin-top:16px;border:1px dashed #cbd5e1;border-radius:15px;background:#fafbfd;padding:13px 15px}
.marketing-advanced-details>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#475569}
.marketing-advanced-details>summary small{font-weight:600;color:var(--muted)}
.marketing-advanced-details[open]>summary{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.marketing-advanced-body{display:grid;gap:16px}
.marketing-advanced-body>.panel,
.marketing-advanced-body>.grid-2,
.marketing-advanced-body>.cards,
.marketing-advanced-body>.notice{margin-bottom:0}

@media(max-width:980px){
  .marketing-operator-hero{align-items:flex-start;flex-direction:column}
  .marketing-operator-actions{justify-content:flex-start}
  .marketing-operator-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .marketing-operator-stats{grid-template-columns:1fr}
  .promotion-product-grid{grid-template-columns:1fr}
  .promotion-product-summary{grid-template-columns:1fr 1fr}
  .marketing-economics-summary{grid-template-columns:1fr}
  .marketing-budget-options{grid-template-columns:1fr}
  .marketing-review-head,.marketing-mission-row,.marketing-advanced-details>summary{align-items:flex-start;flex-direction:column}
}


/* Media Studio live render state */
.media-studio-live-spinner{
  width:16px;
  height:16px;
  border:2px solid rgba(8,25,47,.16);
  border-top-color:var(--navy);
  border-radius:50%;
  display:inline-block;
  animation:mediaStudioSpin .8s linear infinite;
}
@keyframes mediaStudioSpin{
  to{transform:rotate(360deg)}
}
.media-studio-live-toast{
  position:fixed;
  inset-inline-start:24px;
  bottom:24px;
  z-index:1200;
  max-width:min(420px,calc(100vw - 48px));
  padding:12px 16px;
  border-radius:12px;
  background:#0b2038;
  color:#fff;
  box-shadow:0 12px 30px rgba(8,25,47,.22);
  font-weight:700;
  line-height:1.5;
}
.media-studio-live-toast[data-tone="error"]{
  background:#7f1d1d;
}
.media-studio-live-toast[hidden]{
  display:none;
}


/* Unified Arabic page actions */
.topbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
.secondary,.topbar-back{
  background:#fff;
  color:var(--navy);
  border:1px solid var(--line);
}
.topbar-back{
  min-width:84px;
}
button:disabled{
  opacity:.55;
  cursor:not-allowed;
  filter:none;
}
.media-studio-record-actions{
  grid-column:1 / -1;
  display:flex;
  align-items:flex-start;
  gap:8px;
  flex-wrap:wrap;
  padding-top:9px;
  border-top:1px solid var(--line);
}
.media-studio-revision-editor{
  min-width:120px;
}
.media-studio-revision-editor[open]{
  width:min(430px,100%);
}
.media-studio-revision-editor .mini-edit-form{
  min-width:min(390px,calc(100vw - 64px));
}
@media(max-width:560px){
  .topbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .topbar-actions .primary,.topbar-actions .secondary,.topbar-actions .topbar-back{width:100%;text-align:center}
  .media-studio-record-actions{display:grid;grid-template-columns:1fr}
  .media-studio-record-actions form,.media-studio-record-actions details{width:100%}
}


/* Operator predictive search and local list filters */
.topbar{gap:18px;flex-wrap:wrap}
.topbar-heading{min-width:220px}
.global-search-shell{
  position:relative;
  flex:1 1 360px;
  max-width:540px;
  min-width:280px;
}
.global-search-shell input{
  width:100%;
  border:1px solid #d6dde8;
  border-radius:14px;
  background:#fff;
  color:var(--text);
  padding:12px 42px 12px 14px;
  box-shadow:0 5px 18px rgba(15,31,53,.05);
  outline:none;
}
.global-search-shell input:focus{
  border-color:#d5a300;
  box-shadow:0 0 0 3px rgba(245,184,0,.15);
}
.global-search-icon{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:#7a8492;
  font-size:20px;
  pointer-events:none;
}
.global-search-results{
  position:absolute;
  z-index:80;
  top:calc(100% + 8px);
  right:0;
  left:0;
  max-height:520px;
  overflow:auto;
  border:1px solid #dce3ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 50px rgba(15,31,53,.18);
  padding:8px;
}
.global-search-group+.global-search-group{
  border-top:1px solid var(--line);
  margin-top:6px;
  padding-top:6px;
}
.global-search-group-title{
  padding:7px 10px;
  font-size:11px;
  font-weight:800;
  color:var(--muted);
}
.global-search-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 11px;
  border-radius:11px;
}
.global-search-result:hover,
.global-search-result.active{background:#f3f6fa}
.global-search-result-main{min-width:0;display:grid;gap:3px}
.global-search-result-main strong{
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.global-search-result-main small{
  color:var(--muted);
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.global-search-result-code{
  flex:0 0 auto;
  font-family:Consolas,monospace;
  direction:ltr;
  font-size:10px;
  color:#64748b;
  background:#f1f5f9;
  padding:5px 7px;
  border-radius:8px;
}
.global-search-message{
  padding:18px 12px;
  text-align:center;
  color:var(--muted);
  font-size:13px;
}
.list-search-bar{
  display:flex;
  align-items:end;
  gap:10px;
  flex-wrap:wrap;
  padding:12px;
  margin:0 0 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}
.list-search-field{display:grid;gap:5px;flex:1 1 280px}
.list-search-field span,
.list-filter-field span{font-size:11px;font-weight:800;color:#64748b}
.list-search-field input,
.list-filter-field select{
  width:100%;
  border:1px solid #d7dde6;
  border-radius:10px;
  padding:10px 11px;
  background:#fff;
  color:var(--text);
  font:inherit;
}
.list-filter-field{display:grid;gap:5px;min-width:170px}
.list-search-count{
  margin-inline-start:auto;
  align-self:center;
  font-size:12px;
  color:var(--muted);
  white-space:nowrap;
}
.local-search-empty{
  padding:22px;
  text-align:center;
  color:var(--muted);
  border:1px dashed #cfd7e3;
  border-radius:12px;
  background:#fafbfd;
}
.search-primary-reference strong{display:block}
.search-primary-reference .mono{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:var(--muted);
}
.search-secondary-line{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}
:target{
  scroll-margin-top:18px;
}
.product-card:target,
table tr:target{
  outline:3px solid rgba(245,184,0,.35);
  outline-offset:3px;
}
@media(max-width:900px){
  .topbar{align-items:stretch}
  .topbar-heading{width:100%}
  .global-search-shell{order:3;max-width:none;min-width:0;width:100%}
  .topbar-actions{margin-inline-start:auto}
}
@media(max-width:620px){
  .list-search-bar{align-items:stretch}
  .list-search-field,.list-filter-field{min-width:100%;flex-basis:100%}
  .list-search-count{margin-inline-start:0}
  .global-search-results{position:fixed;top:132px;right:14px;left:14px;max-height:62vh}
}


/* Phase 2 operator search refinements */
.inbox-search-bar{
  margin:0 0 8px;
  padding:8px;
  gap:7px;
  border-radius:11px;
}
.inbox-search-bar .list-search-field,
.inbox-search-bar .list-filter-field{
  min-width:0;
  flex:1 1 100%;
}
.inbox-search-bar .list-search-field input,
.inbox-search-bar .list-filter-field select{
  padding:8px 9px;
  font-size:12px;
}
.marketing-active-drafts:target,
.access-user-card:target,
.media-studio-version-card:target{
  outline:3px solid rgba(245,184,0,.35);
  outline-offset:3px;
}


/* Accessible, opt-in scene motion controls: CSS alone never sets the submitted plan. */
.media-studio-scene-motions [data-reel-motion-controls]{margin-top:12px;display:grid;gap:10px}
.media-studio-scene-motions [data-reel-motion-controls][hidden]{display:none}
.media-reel-motion-scene-list{display:grid;gap:9px}
.media-reel-motion-row{display:grid;grid-template-columns:minmax(125px,1fr) minmax(140px,1fr);align-items:center;gap:10px;padding:10px;border:1px solid #d7dde6;border-radius:10px;background:#fff}
.media-reel-motion-row label{margin:0}
.media-reel-motion-row select{width:100%}
.media-reel-motion-scene-list:empty{display:none}
[data-reel-motion-message]{display:block;color:#53627b;line-height:1.6}
@media(max-width:540px){.media-reel-motion-row{grid-template-columns:minmax(0,1fr)}}

.media-studio-scene-motions [data-reel-motion-fallback][hidden]{display:none!important}

/* Read-only until the operator presses a move control. The server still
   validates source count, order, identity and immutable source lineage. */
.media-reel-source-order{display:grid;gap:10px;margin-top:12px;padding:12px;border:1px solid #d8c17b;border-radius:12px;background:#fff9e9}
.media-reel-source-order[hidden]{display:none!important}
.media-reel-source-order-heading{display:grid;gap:4px}
.media-reel-source-order-heading strong{font-size:14px;color:#1d2f48}
.media-reel-source-order-heading small,.media-reel-source-order>[data-reel-source-order-status]{color:#58687d;line-height:1.7}
.media-reel-source-order-rows{display:grid;gap:8px}
.media-reel-source-order-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 10px;border:1px solid #ded8ca;border-radius:9px;background:#fff}
.media-reel-source-order-row>span{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.5}
.media-reel-source-order-row>div{display:flex;flex-wrap:wrap;gap:6px}
.media-reel-source-order-row button{padding:7px 10px;min-height:38px;white-space:nowrap}
.media-reel-source-order-row button:focus-visible{outline:3px solid #274d77;outline-offset:2px}
@media(max-width:540px){.media-reel-source-order-row{align-items:flex-start;flex-direction:column}.media-reel-source-order-row>div{width:100%}}

/* Progressive, accessible duration editor; the server remains authoritative. */
.media-studio-scene-durations [data-reel-duration-controls]{display:grid;gap:10px;margin-top:12px}
.media-studio-scene-durations [data-reel-duration-controls][hidden],
.media-studio-scene-durations [data-reel-duration-fallback][hidden]{display:none!important}
.media-reel-duration-scene-list{display:grid;gap:9px}
.media-reel-duration-row{display:grid;grid-template-columns:minmax(125px,1fr) minmax(140px,1fr);gap:10px;align-items:center;padding:10px;border:1px solid #d7dde6;border-radius:10px;background:#fff}
.media-reel-duration-row label{margin:0}
.media-reel-duration-row select{width:100%}
[data-reel-duration-message]{display:block;color:#53627b;line-height:1.6}
@media(max-width:540px){.media-reel-duration-row{grid-template-columns:minmax(0,1fr)}}


/* DW Storefront category navigation, responsive filters and related products */
.store-category-nav{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}
.store-category-chip{padding:10px 15px;border:1px solid #d8e4ef;border-radius:99px;background:#fff;color:#18324b;font-weight:700;text-decoration:none}
.store-category-chip.selected,.store-category-chip:hover{background:#183b60;color:white}
.store-breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0;color:#52627a}
.store-breadcrumbs a,.store-category-label{color:#125f91;text-decoration:none}
.store-filter-form{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:10px;align-items:end;background:white;border:1px solid #e0e9f2;border-radius:15px;padding:15px;margin:15px 0}
.store-filter-form label{display:grid;gap:5px;font-weight:700;font-size:13px}
.store-filter-form input,.store-filter-form select{min-width:0;width:100%;box-sizing:border-box;border:1px solid #cad7e4;border-radius:8px;padding:10px}
.store-filter-form button{padding:11px 15px;border-radius:9px;background:#193b60;color:white;border:0;cursor:pointer}
.store-count{font-size:13px;color:#52627a}
.store-related{margin-top:30px}
.store-related h2,.store-section-title{font-size:22px}
@media(max-width:750px){.store-filter-form{grid-template-columns:1fr 1fr}.store-filter-form label:first-child{grid-column:1/-1}.store-filter-form button{grid-column:1/-1}}


/* Store category discovery visible before product filters on mobile and desktop */
.store-discovery{padding:19px 22px;margin:0 0 18px}
.store-discovery-intro h2{margin:9px 0 6px;font-size:25px}
.store-discovery-intro p{margin:0 0 17px;color:#52627a;line-height:1.7}
.store-category-picker{display:grid;gap:8px;margin-bottom:15px}
.store-category-picker>label{font-size:14px;font-weight:800}
.store-category-picker-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.store-category-picker-controls select{width:100%;min-width:0;background:#fff;border:1px solid #cbd9e9;border-radius:12px;padding:12px 14px;font:inherit;color:#18324b}
.store-category-picker-controls button{border:0;background:#193b60;color:#fff;padding:12px 18px;border-radius:12px;font:inherit;font-weight:800;cursor:pointer}
.store-discovery .store-category-nav{margin-bottom:0}
.store-discovery-empty{font-size:13px;color:#52627a;background:#f3f7fb;border-radius:10px;padding:11px}
@media(max-width:620px){.store-discovery{padding:15px}.store-discovery-intro h2{font-size:21px}.store-category-picker-controls{grid-template-columns:1fr}.store-category-picker-controls button{width:100%}}

/* Storefront entry affordances for the operator catalog and category admin */
.store-admin-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;border-color:#d0e2f4}
.store-admin-entry h2{margin:0 0 7px;font-size:19px}
.store-admin-entry p{margin:0;line-height:1.7;color:#52627a}
.store-admin-preview-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:6px;flex-shrink:0;min-height:43px;padding:10px 15px;border-radius:11px;background:#193b60;color:#fff!important;text-decoration:none;font-weight:800}
.store-admin-preview-link:hover,.store-admin-preview-link:focus-visible{background:#28577f;outline:2px solid #f5b800;outline-offset:2px}
.store-admin-product-shortcut{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin:0 0 15px;padding:12px 15px;background:#eaf2fb;border:1px solid #d5e4f3;border-radius:13px}
.store-admin-product-shortcut span{color:#304860;font-size:13px}
@media(max-width:660px){.store-admin-entry{flex-direction:column;align-items:stretch}.store-admin-preview-link{width:100%;box-sizing:border-box}.store-admin-product-shortcut{align-items:stretch}}


/* 2026-10-09 - Storefront administration: parent menu + collapsed category tree */
.nav-store{border:1px solid rgba(245,184,0,.26);border-radius:13px;background:rgba(255,255,255,.035);margin:4px 0}
.nav-store>summary{cursor:pointer;padding:12px 14px;color:#fff;font-size:13px;font-weight:900;list-style:none;display:flex;align-items:center;justify-content:space-between}
.nav-store>summary::-webkit-details-marker{display:none}
.nav-store>summary::after{content:"⌄";font-size:18px;color:#f5b800;transition:transform .18s}
.nav-store[open]>summary::after{transform:rotate(180deg)}
.nav-store[open]{background:rgba(245,184,0,.08);border-color:rgba(245,184,0,.48)}
.nav-store-links{display:grid;gap:5px;padding:4px 9px 10px;border-top:1px solid rgba(255,255,255,.1)}
.nav-store-links>a{display:block;color:#dbe6f3;padding:11px 12px;border-radius:9px;font-size:12px;font-weight:800;text-decoration:none;line-height:1.5}
.nav-store-links>a:hover,.nav-store-links>a:focus-visible{background:rgba(255,255,255,.12);color:#fff}
.nav-store-links>a.active{background:rgba(245,184,0,.18);color:#fff;border-inline-start:3px solid var(--gold)}

.store-category-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}
.store-category-create{display:flex;flex-direction:column;gap:15px;min-width:0}
.store-category-create .form{display:grid;gap:13px;margin-top:auto}
.store-category-create .form label{display:grid;gap:7px;font-weight:800;font-size:13px}
.store-category-create .form input,.store-category-create .form select{box-sizing:border-box;max-width:100%;width:100%}
.store-category-create .form button{min-height:43px}
.store-category-card-heading h2{font-size:21px;margin:5px 0}
.store-category-card-heading p{font-size:12px;color:#62748c;line-height:1.8;margin:3px 0}
.store-category-form-step{font-size:11px;color:#8b6500;font-weight:900}
.store-category-inline-hint{font-size:12px;color:#7e5f21;background:#fff7df;padding:10px;border-radius:10px;margin:0}
.store-category-tree-intro{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:18px}
.store-category-tree-intro h2{margin:0 0 6px}
.store-category-tree-intro p{color:#5b6d85;font-size:12px;line-height:1.8;margin:0}
.store-category-total{white-space:nowrap;background:#e8f1fb;color:#1b476d;border-radius:24px;font-size:12px;font-weight:900;padding:9px 12px}
.store-category-root-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}
.store-category-group{min-width:0;border:1px solid #d9e4f2;border-radius:15px;background:#fff;overflow:hidden}
.store-category-group[open]{grid-column:1/-1;border-color:#c3d8ee;box-shadow:0 8px 24px rgba(23,51,81,.08)}
.store-category-root-summary{display:flex;gap:11px;align-items:center;cursor:pointer;list-style:none;padding:16px 17px;min-height:53px}
.store-category-root-summary::-webkit-details-marker{display:none}
.store-category-root-summary:hover,.store-category-group[open]>.store-category-root-summary{background:#f1f7fe}
.store-category-root-summary:focus-visible{outline:3px solid #e4a900;outline-offset:-3px}
.store-category-root-icon{font-size:22px}
.store-category-root-title{display:grid;gap:5px;min-width:0;flex:1}
.store-category-root-title strong{color:#092440;font-size:15px;overflow-wrap:anywhere}
.store-category-root-title small{font-size:11px;color:#667b91}
.store-category-expand-arrow{font-size:24px;color:#597697;transition:transform .18s}
.store-category-group[open] .store-category-expand-arrow{transform:rotate(180deg)}
.store-category-inactive-label{font-size:11px;color:#7f5454;background:#fbeaea;padding:6px 9px;border-radius:20px;white-space:nowrap}
.store-category-group-content{padding:17px;background:#f8fbff;border-top:1px solid #dbe7f3;display:grid;gap:22px}
.store-category-group-content h3{font-size:15px;color:#152b44;margin:0 0 12px}
.store-category-parent-editor{padding:13px;background:white;border:1px solid #e2e9f2;border-radius:12px}
.store-category-edit-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:10px;align-items:end}
.store-category-edit-form label,.store-category-child-edit label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#374b61}
.store-category-edit-form input,.store-category-edit-form select,.store-category-child-edit input,.store-category-child-edit select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border-radius:9px;border:1px solid #cedae8;padding:10px 11px;font:inherit;background:white}
.store-category-edit-form button{padding:11px 15px;font-weight:800}
.store-category-child-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.store-category-child-heading a{font-size:12px;color:#0c5788;font-weight:800}
.store-category-child-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.store-category-child-card{background:#fff;border:1px solid #d7e2ed;border-radius:13px;min-width:0;padding:13px;display:grid;align-content:start;gap:14px}
.store-category-child-card-title{display:grid;gap:6px}
.store-category-child-card-title strong{overflow-wrap:anywhere;font-size:13px;color:#183c5d}
.store-category-child-card-title small{font-size:11px;color:#718297}
.store-category-child-edit{display:grid;gap:11px}
.store-category-child-edit button{background:#eaf2fc;color:#123b60;border:1px solid #cadbed;border-radius:9px;font-size:12px;font-weight:900;padding:10px}
.store-category-child-edit button:hover{background:#d8eafb}
.store-category-no-children{padding:17px;background:#eef5fc;color:#5c7490;border-radius:11px;font-size:12px;line-height:1.8}
.store-category-orphan-warning{margin-top:16px;border:1px solid #e4c099;background:#fff8ec;padding:14px;border-radius:11px;font-size:12px}
@media(max-width:1040px){.store-category-child-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.nav-store{grid-column:1/-1}.nav-store-links{grid-template-columns:repeat(2,minmax(0,1fr))}.store-category-edit-form{grid-template-columns:1fr 1fr}.store-category-edit-form button{grid-column:1/-1}}
@media(max-width:660px){.store-category-create-grid,.store-category-root-grid,.store-category-child-grid{grid-template-columns:1fr}.store-category-group[open]{grid-column:auto}.store-category-tree-intro{align-items:flex-start;flex-direction:column}.store-category-edit-form,.nav-store-links{grid-template-columns:1fr}.store-category-edit-form button{grid-column:auto}.store-category-group-content{padding:11px}.store-category-total{white-space:normal}}

/* Social-entry category landing: default category, highlighted originating product */
.store-campaign-landing{display:flex;align-items:center;gap:13px;flex-wrap:wrap;background:#fff8e6;border:1px solid #e7ce92;border-radius:15px;padding:15px 17px;margin:12px 0 17px;color:#173654}
.store-campaign-icon{font-size:25px}
.store-campaign-landing>div{flex:1;min-width:180px}
.store-campaign-landing strong{font-size:15px}
.store-campaign-landing p{font-size:12px;line-height:1.8;margin:5px 0 0;color:#55677b}
.store-campaign-landing>a{font-size:13px;text-decoration:none;font-weight:800;color:#fff;background:#193b60;border-radius:10px;padding:12px 14px;white-space:nowrap}
.store-campaign-landing>a:hover{background:#28577f}
.store-pinned-product{border:2px solid #e1b043!important;box-shadow:0 6px 22px rgba(189,132,20,.14)}
.store-pinned-product::before{content:"المنتج الذي شاهدته";display:block;text-align:center;font-size:11px;font-weight:900;color:#5c4205;background:#fff1c7;border-bottom:1px solid #e7ce92;padding:6px}
@media(max-width:600px){.store-campaign-landing>a{width:100%;box-sizing:border-box;text-align:center}}

/* Supplier contact directory: optional, editable, RTL-friendly fields. */
.supplier-extra-contacts{min-width:0;width:100%;box-sizing:border-box}
.supplier-extra-contacts>legend{font-weight:800}
.supplier-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.supplier-contact-fields label{min-width:0}
.supplier-contact-fields input,.supplier-contact-fields textarea{max-width:100%;width:100%;box-sizing:border-box}
.supplier-contact-fields .wide{grid-column:1/-1}
.supplier-contact-links{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.supplier-contact-links>a{display:inline-block;color:#174f79;background:#eef5ff;border:1px solid #d4e3f3;border-radius:8px;padding:5px 7px;font-size:12px;text-decoration:none;white-space:nowrap}
.supplier-contact-links>a:hover,.supplier-contact-links>a:focus-visible{background:#dfeefe;text-decoration:underline}
.supplier-email{overflow-wrap:anywhere}
.supplier-extra-phone{display:block;color:#64748b;margin-top:4px}
.supplier-notes{margin-top:8px;max-width:360px}
.supplier-notes>summary{cursor:pointer;font-size:12px;font-weight:700;color:#475569}
.supplier-notes>p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;font-size:12px;line-height:1.6}
.supplier-no-contact{color:#94a3b8}
@media(max-width:720px){.supplier-contact-fields{grid-template-columns:minmax(0,1fr)}}

.supplier-avatar-pair{display:flex;gap:8px;align-items:center;margin-bottom:5px}
.supplier-avatar-pair img{width:60px;height:60px;object-fit:contain;border-radius:10px;border:1px solid #d6dfe9;background:#f8fafc}
.supplier-avatar-pair .supplier-avatar-company{object-fit:cover}
.supplier-edit-media{display:flex;align-items:center;gap:10px;padding:6px;border:1px solid #dde7f1;border-radius:10px;margin:8px 0}
.supplier-edit-media img{height:66px;width:90px;object-fit:contain;border-radius:8px;background:white}
.supplier-edit-media label{display:flex;align-items:center;gap:6px}
.supplier-edit-media input[type=checkbox]{width:auto}
.supplier-extra-contacts small{display:block;margin:5px 0 10px;line-height:1.5;color:#64748b}


/* Read-only, per-parcel carrier status timeline in admin order details. */
.carrier-timeline-panel { margin-block: 16px; }
.carrier-timeline-title { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.carrier-timeline-title h2 { margin: 0 0 6px; }
.carrier-timeline-mode { display:inline-flex; align-items:center; color:#175f4a; border:1px solid #a3dbc3; background:#ebf8f1; border-radius:999px; font-size:.82rem; padding:5px 10px; }
.carrier-timeline-list { display:grid; gap:14px; margin-top:16px; }
.carrier-timeline-parcel { border:1px solid #dfe6ed; background:#fcfdff; border-radius:14px; padding:16px; min-width:0; }
.carrier-timeline-head { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:12px; }
.carrier-timeline-head h3 { margin:4px 0 6px; font-size:1.06rem; }
.carrier-timeline-head h3 small { font-weight:400; color:#53657b; font-size:.86rem; }
.carrier-timeline-head p { font-size:.88rem; margin:0 0 8px; color:#53657b; }
.carrier-timeline-kicker { color:#687990; font-size:.82rem; }
.carrier-timeline-status { display:inline-block; max-width:min(100%,360px); text-align:right; padding:7px 10px; font-size:.86rem; font-weight:600; border-radius:10px; }
.carrier-timeline-status-pending { background:#eef3f8; color:#405675; }
.carrier-timeline-status-in-progress { background:#e7f1fc; color:#174e83; }
.carrier-timeline-status-observed { background:#e6f7eb; color:#18613f; }
.carrier-timeline-status-attention { background:#fff1e6; color:#8a4b10; }
.carrier-timeline-reference { display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; margin:10px 0 12px; font-size:.84rem; color:#485970; }
.carrier-timeline-events { margin:0; padding:0 19px 0 0; border-right:2px solid #dae5ee; list-style:none; }
.carrier-timeline-event { position:relative; padding:0 12px 13px 4px; }
.carrier-timeline-event::before { content:""; position:absolute; right:-25px; top:6px; height:10px; width:10px; border-radius:50%; background:#a3b4c5; border:2px solid white; box-shadow:0 0 0 1px #a3b4c5; }
.carrier-timeline-event-in-progress::before { background:#3678bb; box-shadow:0 0 0 1px #3678bb; }
.carrier-timeline-event-observed::before, .carrier-timeline-event-verified::before { background:#209568; box-shadow:0 0 0 1px #209568; }
.carrier-timeline-event-attention::before { background:#d48123; box-shadow:0 0 0 1px #d48123; }
.carrier-timeline-event strong { display:block; font-size:.91rem; color:#24354a; }
.carrier-timeline-event small { display:block; color:#64748b; font-size:.79rem; margin-top:4px; }
.carrier-timeline-footnote, .carrier-timeline-disclaimer, .carrier-timeline-refresh { color:#67788d; font-size:.82rem; line-height:1.7; margin:9px 0 0; }
.carrier-timeline-disclaimer { border-top:1px solid #e4ebf1; padding-top:11px; }
.carrier-timeline-empty { display:flex; flex-direction:column; gap:6px; background:#f3f7fb; border:1px dashed #bccbda; border-radius:12px; padding:16px; margin-top:12px; }
.carrier-timeline-empty strong { color:#253951; }
.carrier-timeline-empty span { color:#66788f; font-size:.9rem; }
@media (max-width:650px) {
  .carrier-timeline-parcel { padding:12px; }
  .carrier-timeline-head { flex-direction:column; gap:7px; }
  .carrier-timeline-status { max-width:100%; }
  .carrier-timeline-events { margin-right:2px; }
}

/* Supplier brand photos: thumbnail -> accessible, dismissible full-size preview */
.supplier-image-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  cursor: zoom-in;
  vertical-align: middle;
}
.supplier-image-trigger:hover img { outline: 2px solid #8bb9e8; outline-offset: 2px; }
.supplier-image-trigger:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.supplier-image-trigger img { display: block; }
.supplier-image-lightbox {
  box-sizing: border-box;
  width: min(960px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  padding: 50px 16px 16px;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #172436;
  box-shadow: 0 24px 72px rgba(0, 0, 0, .32);
  overflow: auto;
}
.supplier-image-lightbox[open] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.supplier-image-lightbox::backdrop { background: rgba(9, 16, 30, .82); }
.supplier-image-lightbox-close {
  position: absolute;
  top: 8px;
  left: 12px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #e8eef5;
  color: #1f2937;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.supplier-image-lightbox-close:hover,
.supplier-image-lightbox-close:focus-visible { background: #d5e4fa; outline-color: #2563eb; }
.supplier-image-lightbox-picture {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(100vh - 168px);
  max-height: calc(100dvh - 168px);
  object-fit: contain;
}
.supplier-image-lightbox-caption { margin: 4px 0 0; font-weight: 700; text-align: center; }
.supplier-image-lightbox-help { margin: 0; font-size: 12px; color: #64748b; text-align: center; }
@media (max-width: 600px) {
  .supplier-image-lightbox { padding: 50px 10px 12px; border-radius: 12px; }
}


/* 2026-10-24 — operator-only channel tabs for WhatsApp, Instagram, Messenger */
.primary-nav>a.nav-social-inbox{padding-inline-start:24px;font-size:12px;color:#d7e6f5;border-inline-start:2px solid rgba(245,184,0,.33);margin-inline:12px 0;border-radius:8px;line-height:1.5}
.primary-nav>a.nav-social-inbox.active{background:rgba(245,184,0,.16);color:#fff;border-inline-start:3px solid var(--gold)}
.inbox-channel-tabs{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:10px;padding:12px;border:1px solid var(--line);background:#fff;border-radius:16px;margin:0 0 18px}
.inbox-channel-tabs>a,.inbox-channel-tabs>.channel-disabled{display:flex;flex:1 1 190px;align-items:center;justify-content:center;gap:8px;min-height:64px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:11px;color:#334155;text-align:center;text-decoration:none;flex-wrap:wrap}
.inbox-channel-tabs>a:hover,.inbox-channel-tabs>a:focus-visible{background:#eaf3ff;border-color:#9ac6eb;outline-offset:2px}
.inbox-channel-tabs>a.active{background:#18334f;color:white;border-color:#18334f}
.inbox-channel-tabs strong{font-size:14px}
.inbox-channel-tabs small{font-size:11px;width:100%;opacity:.75;line-height:1.45}
.inbox-channel-tabs .channel-disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}
.social-inbox-open-button{display:inline-flex;align-items:center;gap:7px;background:#18334f;color:#fff!important;text-decoration:none;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:800;margin-top:10px}
.social-inbox-open-button:hover,.social-inbox-open-button:focus-visible{background:#28547a}
@media(max-width:600px){
  .inbox-channel-tabs{gap:7px;padding:9px}
  .inbox-channel-tabs>a,.inbox-channel-tabs>.channel-disabled{flex:1 1 calc(50% - 8px);padding:9px 6px;min-height:67px}
  .inbox-channel-tabs strong{font-size:12px}
  .inbox-channel-tabs small{font-size:10px}
}


/* 2026-10-25: Instagram and Messenger inside the actual WhatsApp operator pane */
#unified-inbox{scroll-margin-top:16px}
.social-operator-thread{border-inline-start:4px solid transparent}
.social-operator-thread.needs-human{border-inline-start-color:#b45309;background:#fffaf0}
.social-operator-thread.active{border-inline-start-color:#276cbb;background:#eef6ff}
.social-operator-thread .thread-name{overflow-wrap:anywhere;white-space:normal}
.social-operator-thread .badge{flex-shrink:0}
.social-operator-header .social-customer-id{overflow-wrap:anywhere}
.social-operator-form button{white-space:nowrap}
.social-chat-notice{display:grid;gap:5px;margin:12px 14px 0;padding:10px 12px;
  border:1px solid #cbddeb;background:#edf6ff;border-radius:11px;color:#22486d}
.social-chat-notice strong{font-size:13px}
.social-chat-notice span{font-size:11px;line-height:1.6}
.social-compose-label{font-weight:800;color:#334155;font-size:12px}
.social-send-help{color:#8a5500;font-size:11px;line-height:1.7}
.social-compose .inbox-text-form textarea:disabled{background:#f4f5f8;color:#677386}
.social-compose button:disabled{opacity:.5;cursor:not-allowed}
.social-operator-header .notice{font-size:11px}
@media(max-width:700px){
 .social-operator-thread .badge{font-size:10px}
 .social-operator-header{gap:9px}
}

/* Instagram human-supervised learning review — data is manager-only. */
.knowledge-manager-link{display:inline-flex;margin-top:7px;color:#255e9f;font-size:12px;font-weight:700}
.learning-stats{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}
.learning-stats span{padding:9px 14px;background:#f0f4fa;border-radius:12px;font-size:13px}
.learning-stats strong{color:#1f4f81}
.learning-guidance{font-size:13px;line-height:1.85;color:#425466}
.learning-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:16px}
.learning-example{margin-bottom:0;min-width:0}
.learning-example-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.learning-example-head h3{font-size:15px;margin:0}
.learning-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.learning-pair>div{background:#f3f7fb;border:1px solid #e2e9f2;border-radius:12px;padding:12px;overflow-wrap:anywhere}
.learning-pair strong{font-size:12px;color:#465568}
.learning-pair p{font-size:13px;line-height:1.8;white-space:pre-wrap;margin:8px 0 0}
.learning-example small{color:#687589;font-size:11px}
.learning-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-top:14px}
.learning-actions form{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}
.learning-actions label{display:grid;gap:4px;font-size:12px;font-weight:700}
.learning-actions select{max-width:240px;padding:10px;border:1px solid #bdc8d8;border-radius:9px;background:white}
.learning-reject{background:#eef1f4!important;color:#394454!important;border:1px solid #d9dfe8!important}
@media(max-width:700px){.learning-pair{grid-template-columns:1fr}.learning-cards{grid-template-columns:1fr}}

/* Keep the manager's agent memory visible, instead of hiding it in Settings. */
.primary-nav>a.nav-agent-memory{display:flex;align-items:center;gap:8px;font-weight:800;
  background:rgba(245,184,0,.12);border-inline-start:3px solid var(--gold)}
.primary-nav>a.nav-agent-memory:hover,
.primary-nav>a.nav-agent-memory:focus-visible,
.primary-nav>a.nav-agent-memory.active{background:rgba(245,184,0,.24);color:#fff}
.inbox-channel-tabs>a.inbox-learning-tab{background:#fff9e8;border-color:#e5c56b;color:#283850}
.inbox-channel-tabs>a.inbox-learning-tab:hover,
.inbox-channel-tabs>a.inbox-learning-tab:focus-visible{
  background:#fff0c4;border-color:#d6a62a;color:#192b42}
.inbox-channel-tabs>a.inbox-learning-tab strong{font-weight:900}
.social-chat-notice .knowledge-manager-link{display:inline-flex;align-items:center;justify-content:center;
  justify-self:start;margin-top:8px;padding:10px 14px;border-radius:10px;
  font-size:13px;font-weight:800;text-decoration:none;color:#fff;background:#18334f}
.social-chat-notice .knowledge-manager-link:hover,
.social-chat-notice .knowledge-manager-link:focus-visible{background:#28547a}

/* One conversation parent, five operational workspaces (RTL + mobile). */
.primary-nav details.nav-conversations{border:1px solid #cbd7e5;border-radius:12px;
  margin:5px 0 8px;background:rgba(255,255,255,.055);overflow:hidden}
.primary-nav .nav-conversations>summary{display:flex;align-items:center;
  gap:9px;padding:13px 14px;color:#fff;font-weight:900;cursor:pointer;list-style:none}
.primary-nav .nav-conversations>summary::-webkit-details-marker{display:none}
.primary-nav .nav-conversations>summary::after{content:"⌄";margin-inline-start:auto;color:#f5b800}
.primary-nav .nav-conversations[open]>summary::after{content:"⌃"}
.primary-nav .nav-conversations[open]>summary{background:rgba(245,184,0,.15)}
.primary-nav .nav-conversation-links{display:grid;gap:4px;padding:5px 10px 12px}
.primary-nav .nav-conversation-links a{display:block;padding:10px 11px;
  border-radius:8px;color:#e5edf7;text-decoration:none;font-size:13px;font-weight:650}
.primary-nav .nav-conversation-links a:hover,.primary-nav .nav-conversation-links a:focus-visible,
.primary-nav .nav-conversation-links a.active{background:rgba(245,184,0,.18);color:#fff;
  border-inline-start:3px solid #f5b800}
.conversation-work-tabs{display:flex;gap:9px;flex-wrap:wrap;padding:12px;
  background:#fff;border:1px solid var(--line);border-radius:15px;margin:0 0 12px}
.conversation-work-tabs>a{display:inline-flex;gap:8px;align-items:center;justify-content:center;
  flex:1 1 160px;text-decoration:none;text-align:center;
  min-height:44px;padding:10px 11px;border:1px solid #e2e8f0;border-radius:10px;
  color:#1c3550;background:#f8fafc;font-size:13px;font-weight:800}
.conversation-work-tabs>a:hover,.conversation-work-tabs>a:focus-visible{background:#edf5ff;border-color:#6f9cc7}
.conversation-work-tabs>a.active{background:#18334f;color:#fff;border-color:#18334f}
.conversation-tab-count{font-variant-numeric:tabular-nums;
  border-radius:50px;background:#fff0be;color:#594211;padding:2px 7px;font-size:11px}
.conversation-section-hint{font-size:12px;color:#53667d;margin:10px 0}
.conversation-suggestions .panel-title{gap:15px}
.suggestion-customer-question{background:#eff6ff;border:1px solid #cfe1f9;
  border-radius:10px;padding:11px 13px;line-height:1.8;overflow-wrap:anywhere}
.conversation-suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:12px}
.conversation-suggestion-card{display:flex;flex-direction:column;align-items:flex-start;
  gap:9px;border:1px solid #d7e4ef;background:#f9fcff;border-radius:13px;padding:14px;min-width:0}
.conversation-suggestion-card>strong{color:#20476c}
.conversation-suggestion-text{white-space:pre-wrap;overflow-wrap:anywhere;
  line-height:1.9;font-size:14px;margin:0;color:#142c44}
.conversation-suggestion-card>small{font-size:12px;color:#53677f;line-height:1.7}
.conversation-suggestion-card button{padding:9px 12px;border-radius:9px;background:#193c5e;
  color:#fff;border:0;font-weight:800;cursor:pointer}
.conversation-suggestion-card button:focus-visible{outline:3px solid #e3a729}
.conversation-suggestion-help{font-size:12px;color:#455971;margin-top:10px}
@media(max-width:650px){
  .conversation-work-tabs{gap:6px;padding:8px}
  .conversation-work-tabs>a{flex:1 1 calc(50% - 6px);font-size:12px;padding:9px 6px}
  .conversation-suggestion-grid{grid-template-columns:1fr}
}

/* Product publication library: original + edited + rendered reel chooser. */
.content-asset-choice .content-asset-label{display:block;font-size:11px;overflow-wrap:anywhere;padding:4px}
.content-asset-choice b{max-width:95%;text-wrap:balance}
.content-asset-unavailable{opacity:.55;cursor:not-allowed!important}
.content-asset-warning{color:#ad2929;font-weight:700;font-size:11px}
.content-selection-count{display:block;color:#09623a;font-weight:700;margin:8px 0}
.content-configure{width:100%;border:1px solid #a9b9cd;border-radius:12px;padding:12px;background:#f8fafc;box-sizing:border-box}
.content-configure>summary{cursor:pointer;font-weight:750;min-height:36px}
.content-configure-form{display:grid;gap:13px;margin-top:12px}
.content-configure-form .channel-box{display:flex;gap:12px;flex-wrap:wrap}
.content-configure-form .publish-media-grid{max-height:395px;overflow-y:auto}
.content-configure-form .publish-media-choice{min-width:0}
.content-configure-form .publish-media-choice input:checked~small{color:#065f46;font-weight:750}
.content-configure-form button.primary{max-width:100%}
@media(max-width:650px){.content-configure-form .publish-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.content-asset-entry{display:flex;flex-direction:column;gap:5px;min-width:0}
.content-asset-entry .selectable-media,.content-asset-entry .publish-media-choice{width:100%;box-sizing:border-box}
.content-asset-review{font-size:11px;color:#0759a1;text-decoration:underline;padding:3px 4px;overflow-wrap:anywhere}
.content-asset-review:focus-visible{outline:2px solid #b38325}

/* Unconnected social platforms are selectable while preparing a draft. */
.publish-channel-box .channel-unavailable{opacity:1;background:#fff7df;border-color:#d4a951}
.publish-channel-box .channel-unavailable small{color:#6f5209}

.content-group-hint{font-size:11px;color:#165d78;line-height:1.6;display:block}
.content-arabic-repair{font-size:11px;line-height:1.4;padding:8px 9px;color:#8c350c}
.content-repair-action{display:none!important}
.content-asset-entry{gap:4px}

/* Read-only owner publication readiness: no setup controls or secret values. */
.content-publish-gate-report {margin:12px 0}
.content-publish-gate-report > summary {cursor:pointer;min-height:36px}
.content-publish-gate-report > summary small {font-weight:500;display:block}
.content-gate-list {display:grid;gap:7px;margin:12px 0}
.content-gate-row {display:flex;gap:14px;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid #d8dee9;border-radius:8px}
.content-gate-row strong {min-width:92px;text-align:center}

.content-gate-row > div {flex:1;min-width:0}
.content-gate-row > div small {display:block;color:#67788b;line-height:1.5;margin-top:4px}
.content-catalog-direct-approval {padding:12px;margin:12px 0;border:1px solid #b8cbe3;border-radius:10px}
.content-catalog-direct-approval .ack-check {display:flex;align-items:flex-start;gap:8px}
.content-catalog-direct-approval .ack-check input {margin-top:5px}

/* Direct, independently authorized publication gate actions. */
.content-gate-approval-row {align-items:flex-start;gap:16px}
.content-gate-description {flex:1;min-width:0}
.content-gate-description>strong {display:block;font-size:14px}
.content-gate-description>small {display:block;color:#58657a;margin-top:6px;line-height:1.65}
.content-gate-interaction {display:flex;align-items:flex-start;flex-direction:column;gap:8px;min-width:210px;max-width:44%}
.content-gate-status {font-weight:700;font-size:12px}
.content-gate-action-form {display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:400px}
.content-gate-action-form .ack-check {display:flex;gap:8px;align-items:flex-start;line-height:1.65;font-size:12px}
.content-gate-action-form .ack-check input {margin-top:5px;flex:none}
.content-gate-action-form button {width:100%;min-height:38px}
.content-gate-action-form button:disabled {opacity:.45;cursor:not-allowed}
.content-gate-action-form>small {line-height:1.55;color:#64748b}
.content-gate-recorded {color:#225c80;font-size:12px}
@media(max-width:750px) {
 .content-gate-approval-row {flex-direction:column;gap:9px}
 .content-gate-interaction {min-width:0;max-width:100%;width:100%}
}

.content-immediate-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}
.content-immediate-actions button {min-height:43px}
@media(max-width:580px){.content-immediate-actions {flex-direction:column;align-items:stretch}}

/* Contextual product remediation after a safe, blocked publishing attempt. */
.content-product-remediation {margin:0 0 14px;padding:18px 20px}
.content-product-remediation > strong {display:block;font-size:1.05rem}
.content-product-remediation .marketing-cockpit-links {display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.content-missing-fields {display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.content-missing-fields span {border:1px solid var(--line,#d9dfe9);border-radius:8px;padding:6px 10px}
.product-editor[open] .content-field-required {outline:2px solid #ce9b2c;outline-offset:3px;border-radius:6px}
.content-edit-product-link {margin-bottom:10px}
@media(max-width:580px){.content-product-remediation .marketing-cockpit-links a{width:100%;text-align:center}}

/* Prevent an oversized grid min-content width from shifting mobile tap targets. */
@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.main{width:100%;min-width:0}}

/* Required publish-ready product fields, consistent add/edit forms. */
.product-required-star {color:#c62828;font-weight:900;font-size:1.15em;display:inline}
.product-required-note {border-inline-start:3px solid #c62828;padding:10px;background:rgba(198,40,40,.06);line-height:1.8}
.product-editor :is(input,textarea):required:invalid,.product-create-details :is(input,textarea):required:invalid {border-inline-start:3px solid #c62828}

.content-media-format-control {display:block;margin:10px 0;padding:11px 13px;border:1px solid #d4dae6;border-radius:10px}
.content-media-format-control select {width:100%;min-height:40px;margin-top:6px}
.content-media-format-control small {display:block;margin-top:7px;color:#64748b}
.content-format-muted {opacity:.32;pointer-events:none}


/* Owner-visible CRUD affordances; public shoppers never receive the admin markup. */
.product-title-quick-actions,.store-category-quick-actions,
.store-admin-product-actions,.content-history-actions {
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
}
.product-title-quick-actions{margin-inline-start:auto;justify-content:flex-end}
.product-title-quick-actions form,.store-category-quick-actions form,
.store-admin-product-actions form,.content-history-actions form,
.store-admin-toolbar form {margin:0;display:inline-flex}
.product-title-quick-actions :is(button,a),
.store-category-quick-actions :is(button,a),
.store-admin-product-actions :is(button,a),
.content-history-actions :is(button,a),
.store-admin-toolbar :is(button,a) {
  display:inline-flex;align-items:center;justify-content:center;
  gap:4px;min-height:36px;padding:7px 10px;
  border:1px solid #bfcbdb;border-radius:8px;
  background:#fff;color:#17406b;font-weight:700;
  font-size:12px;text-decoration:none;cursor:pointer;line-height:1.5;
}
.product-title-quick-actions .secondary-danger,
.store-category-quick-actions .secondary-danger,
.store-admin-product-actions .secondary-danger,
.content-history-actions .secondary-danger,
.store-admin-toolbar .secondary-danger,
.store-category-child-delete .secondary-danger {
  color:#9f2028;border-color:#dfb5b8;background:#fff6f6;
}
:is(.product-title-quick-actions,.store-category-quick-actions,
.store-admin-product-actions,.content-history-actions,.store-admin-toolbar)
:is(button,a):focus-visible {
  outline:3px solid #d5a900;outline-offset:2px;
}
.store-admin-toolbar {
  display:flex;align-items:center;flex-wrap:wrap;gap:9px;
  padding:12px;margin:12px 0;border:2px dashed #98aec5;
  border-radius:11px;background:#f3f8fd;color:#163c64;
}
.store-admin-toolbar small{flex-basis:100%;font-size:11px;color:#51657a}
.store-admin-product-actions {
  border-top:1px solid #dee6ee;padding-top:9px;margin-top:10px;
}
.store-category-quick-actions{margin-inline-start:auto;position:relative;z-index:1}
.store-category-child-delete{margin:8px 0}
.store-category-child-delete button{width:100%;min-height:36px;cursor:pointer}
.store-category-root-summary{flex-wrap:wrap}
.store-category-root-title{flex:1;min-width:130px}
.content-history-actions {flex-direction:column;align-items:stretch;min-width:155px}
.content-history-actions :is(form,button,a){width:100%}
.content-history-actions small{max-width:255px;line-height:1.7}
.content-text-editor{border:1px solid #ccdaea;border-radius:9px;margin:12px 0;padding:9px}
.content-text-editor summary{font-weight:750;cursor:pointer}
.content-text-editor form{padding:10px 0 0}
#product-archive td form,#content-archive td form{display:inline-block;margin:0}
@media(max-width:640px){
  .product-title-row{flex-wrap:wrap}
  .product-title-quick-actions{width:100%;justify-content:flex-start;margin-inline-start:0}
  .store-category-quick-actions{width:100%;margin-inline-start:0}
  .store-category-quick-actions :is(button,a){flex:1}
  .store-admin-toolbar :is(a,button){flex:1;min-width:100px}
  .store-admin-product-actions :is(form,a){flex:1}
  .content-history-actions{min-width:120px}
}

/* Quick actions are placed near the record name, before wide-table scrolling. */
.table-row-quick-actions,.order-quick-admin-actions{
  display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px;
}
.table-row-quick-actions :is(button,a),.order-quick-admin-actions :is(button,a){
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:6px 9px;border-radius:8px;
  border:1px solid #b7cadd;background:#f7fbff;color:#18456d;
  font-weight:700;font-size:12px;cursor:pointer;text-decoration:none;
}
.table-row-quick-actions .secondary-danger,.order-quick-admin-actions .secondary-danger{
  background:#fff7f7;border-color:#dbb4b4;color:#95212c;
}
.order-quick-admin-actions{margin:12px 0;padding:12px;}
.order-quick-admin-actions small{flex:1;min-width:175px;color:#64748b;}

.quick-content-admin-nav{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:10px 14px;margin-bottom:15px;border:1px solid #b9cbe0;background:#f5f9ff;border-radius:12px}
.quick-content-admin-nav a{display:inline-flex;padding:9px 12px;min-height:38px;border:1px solid #bccedf;border-radius:8px;text-decoration:none;font-weight:750;font-size:12px}
.quick-content-admin-nav a.primary{color:#fff}
@media(max-width:650px){.quick-content-admin-nav a{flex:1;justify-content:center}}