:root{--ink:#142620;--muted:#77827d;--line:#e8ecea;--paper:#f6f8f7;--white:#fff;--green:#178665;--green2:#21ad80;--dark:#0f322a;--chip:#eff7f2;--red:#db5252;--radius:16px;font-family:'Noto Sans Arabic','Noto Kufi Arabic',Tahoma,system-ui,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,select{outline:none}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #7dd6b1;outline-offset:2px}.hidden{display:none!important}.app{display:grid;grid-template-columns:254px minmax(0,1fr);direction:rtl;min-height:100vh}.sidebar{background:#10362c;color:#eef7f1;min-height:100vh;position:sticky;top:0;height:100vh;padding:28px 17px 16px;display:flex;flex-direction:column;z-index:30}.sidebar:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 40% -20%,#28674c77,transparent 36%)}.sidebar>*{position:relative}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:2px 12px 26px}.brand-mark,.login-icon{display:grid;place-items:center;position:relative;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#f3f3df,#cae2a9);color:#123e2f;font-size:25px;font-weight:900;line-height:1;box-shadow:0 9px 24px #0624197d}.brand-mark span,.login-icon span{font-size:9px;position:absolute;top:9px;right:7px;color:#1f9c6c}.brand-names{display:flex;flex-direction:column;direction:ltr;align-items:flex-start;gap:0}.brand-names b{font-size:19px;letter-spacing:2.5px;line-height:1.2}.brand-names small{font-size:9px;letter-spacing:1.2px;opacity:.66}.workspace-label{background:#235041;color:#e6faf0;border:1px solid #40705c;padding:12px 13px;border-radius:12px;font-size:11px;display:flex;align-items:center;gap:9px;white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6ae3a8;box-shadow:0 0 0 4px #52ca901d}.workspace-tag{margin-right:auto;font-family:Arial,sans-serif;font-size:10px;background:#37654e;padding:3px 6px;border-radius:5px;color:#c8e9d4}.nav-caption{font-size:11px;letter-spacing:.2px;color:#9fb9aa;padding:29px 15px 8px;margin:0}.nav-group{display:flex;flex-direction:column;gap:6px}.nav-btn{color:#b8d3c8;background:transparent;border:0;display:flex;align-items:center;text-align:right;width:100%;gap:12px;padding:12px 14px;border-radius:11px;font-size:13px;font-weight:650;transition:background .16s ease}.nav-btn:hover{background:#204b3c;color:white}.nav-btn.active{background:#f5faf5;color:#145440;box-shadow:0 4px 12px #081d1333}.nav-ico{font-family:Arial,sans-serif;font-size:20px;width:27px;display:inline-flex;justify-content:center;font-weight:400}.nav-chevron{margin-right:auto;font-size:23px;font-family:Arial,sans-serif;opacity:.46}.side-bottom{margin-top:auto}.side-tip{border:1px solid #3b6452;background:#1c4636;padding:15px;border-radius:13px;margin-bottom:19px;font-size:12px}.side-tip-icon{display:block;font-size:17px;color:#ddedab;margin-bottom:6px}.side-tip b{font-size:12px}.side-tip p{margin:8px 0 0;line-height:1.9;color:#aecbbb;font-size:11px}.side-user{display:flex;gap:9px;align-items:center;padding:14px 3px 2px;border-top:1px solid #3d6554}.user-avatar,.top-avatar{width:36px;height:36px;background:#e6f1c6;color:#214a37;display:grid;place-items:center;border-radius:11px;font:700 17px Arial}.side-user-text{display:flex;flex:1;flex-direction:column;min-width:0}.side-user-text strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-text small{font-size:10px;opacity:.55}.icon-action{background:transparent;border:0;color:#dceee5;font-size:22px;padding:6px}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 43px;position:sticky;top:0;z-index:12}.bread{display:flex;align-items:center;gap:12px;color:#87918d;font-size:12px}.bread strong{color:#293b33;font-weight:750}.slash{color:#c8d1cd}.top-actions{display:flex;align-items:center;gap:16px}.secure-chip{direction:ltr;display:flex;align-items:center;gap:7px;background:#edf8f1;color:#226e4c;border:1px solid #dbebde;padding:7px 12px;border-radius:30px;font-size:10px;font-family:Arial}.secure-chip span{height:6px;width:6px;border-radius:50%;background:#45b980}.top-avatar{height:33px;width:33px;border-radius:50%;font-size:13px}.content{max-width:1560px;margin:auto;padding:37px 42px 60px}.eyebrow{font-family:Arial,'Noto Sans Arabic',sans-serif;font-weight:750;letter-spacing:2px;color:#429471;font-size:10px;margin:0 0 10px;direction:ltr;text-align:right}.v-tag{background:#e7f6ee;border-radius:4px;padding:3px 6px;margin-left:4px;letter-spacing:0}.headline{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:27px}.headline h1{margin:0;font-size:clamp(23px,2.3vw,32px);line-height:1.6;letter-spacing:-.5px;font-weight:850}.sparkle{color:#efb450;font-size:21px}.headline-sub{margin:5px 0 0;color:#84908a;font-size:12px;line-height:2}.btn{border:1px solid transparent;padding:12px 18px;min-height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;white-space:nowrap;transition:filter .15s,transform .15s}.btn:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}.btn-primary{background:#176c51;color:white;box-shadow:0 4px 9px #19705420}.btn-outline{background:white;border-color:#dce6df;color:#32463b}.btn-soft{background:#e9f6ef;color:#177755}.btn-full{width:100%}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e8eeea;border-radius:15px;padding:17px 20px 15px;box-shadow:0 2px 5px #182a2004}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7f8d84;font-size:11px;font-weight:700}.stat-symbol{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;font:700 19px Arial}.stat-symbol.green{background:#e5f5e9;color:#19835e}.stat-symbol.purple{background:#f2ebfd;color:#7c61b3}.stat-symbol.amber{background:#fff5de;color:#d49c30}.stat-value{display:flex;align-items:baseline;gap:10px;margin-top:4px}.stat-value strong{font:750 30px 'Noto Sans Arabic',sans-serif;letter-spacing:-1px}.stat-value small{font-size:11px;color:#9aa7a0}.stat-foot{font-size:10px;color:#9da8a1;margin-top:5px;min-height:9px}.progress{width:100%;height:5px;border-radius:10px;overflow:hidden;background:#edf2ee;margin:7px 0 5px}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#21ac7d,#98d6ab);border-radius:inherit;transition:width .3s}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.editor-primary,.editor-side{min-width:0}.panel{background:#fff;border:1px solid #e5ebe7;border-radius:15px;box-shadow:0 3px 9px #13221a05;margin-bottom:17px;overflow:visible}.product-panel{padding:24px 26px 22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.section-title{display:flex;align-items:center;gap:12px;min-width:0}.step{width:32px;height:32px;border-radius:10px;background:#ecf6ef;display:grid;place-items:center;color:#25875e;font:700 11px Arial;flex-shrink:0}.section-title h2{margin:0;font-size:15px;font-weight:850;line-height:1.7}.section-title p{margin:1px 0 0;font-size:10px;color:#9aa59e;line-height:1.7}.tiny-chip{border:1px solid #e4ede6;border-radius:7px;background:#f5f8f5;color:#7d9785;padding:6px 9px;font-size:10px;white-space:nowrap}.search-wrap{position:relative}.search-box{border:1px solid #d5e4da;border-radius:11px;display:flex;align-items:center;gap:13px;background:#fbfdfa;height:53px;padding:0 13px 0 17px;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#61bd93;box-shadow:0 0 0 4px #b9e6cc50;background:#fff}.search-icon{font-size:29px;color:#559679;line-height:1}.search-box input{flex:1;width:100%;border:0;background:transparent;color:#243c2f;font-size:12px;min-width:0}.search-box input::placeholder{color:#abbab0}.search-box kbd{border:1px solid #e4eae7;border-radius:5px;padding:1px 7px;background:white;font:12px Arial;color:#9ba5a0;direction:ltr}.search-help{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;color:#8c9b91;font-size:10px}.search-help b{color:#587965}.text-link{color:#0e8a65;background:transparent;border:0;font-weight:800;font-size:10px}.search-results{z-index:25;position:absolute;top:calc(100% + 7px);right:0;left:0;max-height:315px;overflow:auto;background:white;border:1px solid #dce7de;box-shadow:0 20px 45px #162b2130;border-radius:13px;padding:6px}.search-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:right;padding:9px 11px;border-radius:9px;color:#183a2b}.search-item:hover,.search-item.active{background:#f1f8f2}.search-item .item-name{font-size:12px;flex:1;line-height:1.7}.search-item .item-meta{font-size:9px;color:#84a091;white-space:nowrap}.photo-small{width:42px;height:42px;border-radius:10px;background:#e8f2ec;display:grid;place-items:center;color:#559074;font-family:Arial;font-weight:700;font-size:17px;flex-shrink:0;border:1px solid #e0eae2}.photo-small.no-photo{background:#f3f4f2;color:#aab3ad}.items-panel{overflow:hidden}.items-panel .section-head{padding:23px 26px 0;margin-bottom:21px}.section-tools{display:flex;gap:8px}.mini-btn{border:1px solid #e0e9e3;border-radius:8px;background:#fff;color:#487361;padding:8px 11px;font-size:10px;font-weight:750;white-space:nowrap}.mini-btn:hover{background:#edf8f1}.count-badge{font-size:10px;background:#e8f4eb;color:#26865b;padding:2px 8px;border-radius:20px;margin-right:6px;vertical-align:middle}.empty-state{text-align:center;padding:29px 14px 44px}.empty-art{position:relative;width:88px;height:85px;margin:0 auto 15px}.empty-square{position:absolute;border-radius:12px}.empty-square.back{width:50px;height:60px;transform:rotate(20deg);background:#e1f1e7;right:18px;top:8px}.empty-square.front{width:55px;height:58px;background:#b5e1c8;border:3px solid white;display:grid;place-items:center;color:#2c8562;font-size:28px;right:30px;top:19px;box-shadow:0 7px 14px #abcdb757}.empty-art span{position:absolute;top:1px;right:5px;color:#eac067}.empty-state h3{font-size:13px;margin:0 0 6px}.empty-state p{font-size:11px;color:#9daaa0;margin:0 0 20px}.table-scroll{overflow-x:auto}.item-table{width:100%;border-collapse:collapse;table-layout:auto;text-align:right}.item-table th{background:#f8faf8;color:#84938a;padding:12px 12px;border-block:1px solid #ecf1ec;font-size:10px;font-weight:750;white-space:nowrap}.item-table th:first-child{padding-right:24px}.item-table th:last-child{padding-left:20px}.item-table th small{font:9px Arial;color:#a2a9a2}.item-table td{border-bottom:1px solid #edf1ed;padding:10px 11px;vertical-align:middle}.item-table tr:last-child td{border-bottom:0}.product-cell{display:flex;align-items:center;gap:9px;min-width:192px}.product-cell .p-title{font-size:11px;font-weight:750;line-height:1.7;max-width:270px}.product-cell .p-barcode{font:10px Arial;color:#9dab9f;direction:ltr;text-align:right;margin-top:1px}.product-cell .photo-small{width:38px;height:38px;border-radius:9px;font-size:14px}.row-input{width:100%;min-width:74px;max-width:130px;border:1px solid #e1e9e3;padding:10px 7px;background:white;border-radius:8px;text-align:center;font:12px Arial;color:#20362a;direction:ltr}.row-input.after{border-color:#cfe5d9;background:#f7fcf8;color:#167252;font-weight:750}.row-input.invalid{border-color:#ee9999;background:#fff5f5}.row-input.limit{width:72px;min-width:60px}.discount-pill{display:inline-flex;align-items:center;justify-content:center;background:#e6f7ed;color:#16875b;padding:6px 8px;border-radius:7px;font:700 11px Arial;min-width:48px;direction:ltr}.discount-pill.blank{background:#f2f5f2;color:#9ba9a0}.remove-btn{border:0;background:#fff0f0;color:#d66b6b;border-radius:7px;padding:5px 9px;font-size:15px}.remove-btn:hover{background:#ffe1e1}.items-footer{padding:14px 20px;border-top:1px solid #edf1ec;color:#8fa095;font-size:10px;display:flex;align-items:center;justify-content:space-between}.setup-panel{padding:23px 21px}.setup-panel .section-head{margin-bottom:23px}.setup-panel .section-title h2{font-size:13px}.form-fields{display:flex;flex-direction:column;gap:15px}.form-fields label,.staff-form label,.list-controls label{font-size:11px;color:#536458;display:flex;flex-direction:column;gap:7px;font-weight:750}.form-fields input,.form-fields select,.staff-form input,.staff-form select,.list-controls select,.catalog-search{border:1px solid #dee8e1;border-radius:9px;padding:11px 12px;width:100%;background:#fff;min-width:0;font-size:11px;color:#244330;min-height:43px}.form-fields input::placeholder{color:#b7c1b9}.form-fields select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#779386 50%),linear-gradient(135deg,#779386 50%,transparent 50%);background-position:15px 50%,10px 50%;background-size:5px 5px;background-repeat:no-repeat}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-fields input[type=date]{direction:ltr;text-align:right;padding:9px 8px;font:10px Arial;letter-spacing:-.3px}.date-notice{background:#f6f9f3;color:#819887;font-size:10px;line-height:2;padding:12px;border-radius:8px;margin-top:19px}.tip-panel{background:#154936;color:#e6fff0;padding:22px;border-radius:15px;box-shadow:0 11px 25px #15493616}.tip-head{display:flex;gap:9px;color:#f1edb2;font-size:13px;align-items:center}.tip-head strong{color:#eef9ee}.tip-panel p{font-size:10px;line-height:2.1;color:#aed8c1;margin:10px 0 20px}.tip-progress{display:flex;align-items:center;justify-content:space-between;font:11px Arial;color:#cbedd8}.tip-progress span:last-child{font-family:inherit;font-size:10px}.progress.dark{background:#356b53;margin-top:10px}.progress.dark>div{background:#d8df90}.actionbar{position:sticky;bottom:14px;z-index:8;margin-top:14px;background:#fff;border:1px solid #dfe9e1;box-shadow:0 8px 34px #1539271e;border-radius:13px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.save-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#84948a}.save-pulse{width:8px;height:8px;background:#d5b876;border-radius:50%}.save-pulse.saved{background:#35b479}.action-buttons{display:flex;gap:9px}.listing,.catalog-panel,.staff-panel{padding:24px}.list-controls{display:flex;align-items:end;gap:12px;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.list-controls select{width:170px}.campaign-row{padding:18px 8px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.campaign-row:last-child{border-bottom:0}.campaign-row h3{font-size:13px;margin:0 0 4px}.campaign-row p{font-size:10px;color:#899a90;margin:0}.badge{font:700 10px Arial;padding:6px 9px;background:#e6f5eb;color:#2d9b6b;border-radius:20px}.badge.ready{background:#fff5dc;color:#a56f0e}.campaign-row .mini-btn{margin-right:10px}.catalog-search{font-size:12px;margin-bottom:20px;max-width:450px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-card{border:1px solid #e5ede8;border-radius:11px;padding:13px;display:flex;align-items:center;gap:11px;min-width:0}.catalog-card .name{font-size:11px;line-height:1.7;font-weight:700;overflow:hidden;text-overflow:ellipsis}.catalog-card .meta{font-size:9px;color:#91a398;margin-top:4px}.catalog-panel #catalogMore{display:block;margin:20px auto 0}.staff-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:20px}.staff-form label{min-width:0}.staff-secret{border:1px solid #eedbad;background:#fff9e5;color:#80662b;padding:15px;border-radius:10px;font:12px Arial;direction:ltr;overflow-wrap:anywhere}.staff-row{padding:12px;border-bottom:1px solid var(--line);font-size:11px}.staff-row strong{font-size:12px}.toast{position:fixed;bottom:22px;left:28px;z-index:80;max-width:min(400px,calc(100vw - 40px));padding:14px 18px;border-radius:12px;background:#183f31;color:#fff;font-size:12px;box-shadow:0 12px 32px #0e2a2440}.toast.error{background:#7b2f33}.menu-toggle{display:none;background:none;border:0;color:#204a35;font-size:20px}.mask{position:fixed;inset:0;background:#0007;z-index:20}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 0%,#e4f2de,transparent 45%),linear-gradient(120deg,#f4f8f4,#edf2ef);padding:25px}.login-card{background:white;border:1px solid #e5eee7;border-radius:24px;padding:35px;max-width:420px;width:100%;box-shadow:0 25px 70px #1638291b}.login-icon{width:61px;height:61px;font-size:38px;border-radius:17px;margin-bottom:24px}.login-icon span{font-size:10px}.login-card h1{font-size:24px;margin:10px 0}.muted{color:#93a297;font-size:12px;line-height:2}.login-form{display:flex;flex-direction:column;margin-top:27px}.login-form label{font-size:12px;font-weight:700;margin-bottom:8px}.login-form input{padding:13px 15px;border:1px solid #dfe9e2;border-radius:10px;margin-bottom:16px;direction:ltr;text-align:left;font:13px Arial}.login-foot{text-align:center;color:#a5b3a8;font-size:10px;margin-top:24px}.form-error{color:#c63d41;font-size:11px;min-height:15px;margin:5px 0}.mobile-row{display:none}
@media(max-width:1200px){.content{padding:28px 25px}.topbar{padding:0 25px}.editor-layout{grid-template-columns:minmax(0,1fr) 278px}.product-panel{padding:20px}.items-panel .section-head{padding:20px 18px 0}.item-table td{padding:9px 6px}.product-cell{min-width:170px}}
@media(max-width:990px){.app{grid-template-columns:1fr}.sidebar{position:fixed;right:0;top:0;bottom:0;width:260px;transform:translateX(105%);transition:transform .2s;box-shadow:0 10px 30px #071c0d31}.sidebar.open{transform:translateX(0)}.menu-toggle{display:block}.editor-layout{grid-template-columns:1fr}.editor-side{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.tip-panel{align-self:start}.topbar{height:64px}.content{padding:26px 20px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.topbar{padding:0 17px;height:60px}.top-actions{gap:9px}.secure-chip{font-size:0;padding:7px;gap:0}.secure-chip span{height:7px;width:7px}.content{padding:23px 12px 100px}.headline{align-items:flex-start;flex-direction:column;margin-bottom:18px;padding:0 4px}.headline h1{font-size:22px}.headline-sub{font-size:11px}.headline>.btn{align-self:flex-start;font-size:11px;padding:8px 14px;min-height:38px}.stats{gap:8px;margin-bottom:12px}.stat-card{padding:11px 10px;border-radius:11px}.stat-top{font-size:9px;min-height:24px}.stat-symbol{display:none}.stat-value{margin-top:7px;gap:4px}.stat-value strong{font-size:20px}.stat-value small{font-size:9px}.stat-foot{font-size:8px;min-height:24px}.panel{border-radius:13px;margin-bottom:12px}.product-panel{padding:17px 15px}.section-title{gap:10px}.section-title h2{font-size:13px}.section-title p{font-size:9px}.section-head{margin-bottom:17px}.step{height:29px;width:29px}.tiny-chip{font-size:8px;padding:5px}.search-box{height:48px}.search-box input{font-size:11px}.search-help{flex-wrap:wrap;gap:5px;font-size:9px}.search-results{max-height:270px}.editor-side{display:block}.setup-panel{padding:17px}.tip-panel{padding:17px}.items-panel .section-head{padding:17px 13px 0;flex-wrap:wrap}.section-tools{width:100%;justify-content:flex-end}.item-table{display:block}.item-table thead{display:none}.item-table tbody{display:grid;gap:10px;padding:0 11px 11px}.item-table tr{border:1px solid #e5eee7;border-radius:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:12px}.item-table td{border:0;padding:0}.item-table td.product-td{grid-column:1 / -1}.item-table .product-cell{min-width:0}.item-table td:before{display:block;font-size:9px;color:#8e9d93;margin-bottom:5px}.item-table td[data-label]:before{content:attr(data-label)}.item-table td.discount-td{grid-column:1;display:flex;flex-direction:column;align-items:flex-start}.item-table td.limit-td{grid-column:2}.item-table td.remove-td{grid-column:1 / -1;text-align:left;display:flex;justify-content:flex-end}.row-input{max-width:none;min-height:41px}.row-input.limit{width:100%}.actionbar{position:fixed;bottom:0;left:0;right:0;margin:0;border-radius:14px 14px 0 0;box-shadow:0 -8px 28px #152e2320;flex-direction:column;align-items:stretch;padding:10px 13px calc(10px + env(safe-area-inset-bottom));z-index:11;gap:8px}.save-status{font-size:9px}.action-buttons{width:100%;display:grid;grid-template-columns:1fr 1.3fr}.action-buttons .btn{font-size:10px;min-height:42px;padding:9px}.action-buttons #downloadJson{display:none}.catalog-grid{grid-template-columns:1fr}.catalog-panel,.staff-panel,.listing{padding:14px}.staff-form{grid-template-columns:1fr}.campaign-row{align-items:flex-start;flex-direction:column}.login-card{padding:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.photo-small{overflow:hidden}.photo-small img{width:100%;height:100%;object-fit:contain;display:block;padding:2px;image-rendering:auto}

.barcode-inline{font:10px Arial;direction:ltr;text-align:right;color:#6f8a7a;background:#f7faf8;border:1px solid #edf1ed;border-radius:6px;width:100%;max-width:200px;padding:5px 7px;margin-top:3px}.barcode-inline:focus{background:white;border-color:#6dc399}.barcode-inline.invalid{border-color:#e18b8b;background:#fff5f5}

/* Private Hub connection is explicit; never suggest unpublished drafts are live. */
.hub-indicator{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #b6dfc9;border-radius:8px;color:#137149;background:#f0faf3;font-size:11px;white-space:nowrap;font-weight:700}
.hub-indicator.offline{background:#fff8e8;color:#9a6d1c;border-color:#f1e2bf}
@media(max-width:600px){.hub-indicator{font-size:10px;padding:4px 6px}}
/* v25: keep all review/publish controls inside the viewport on tablets and phones. */
.actionbar{min-width:0;flex-wrap:wrap}
.save-status{min-width:0;flex-wrap:wrap}
.action-buttons{min-width:0;flex-wrap:wrap;justify-content:flex-end}
@media(min-width:661px) and (max-width:1020px){
  .actionbar{flex-direction:column;align-items:stretch}
  .action-buttons{justify-content:flex-end}
  .action-buttons .btn{flex:0 1 auto}
}
@media(max-width:660px){
  .content{padding-bottom:190px}
  .actionbar{flex-wrap:nowrap}
  .action-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
  .action-buttons .btn{min-width:0;white-space:normal;line-height:1.5;min-height:39px;padding:8px 5px;font-size:10px}
  .action-buttons #publishCampaign{grid-column:1/-1;min-height:36px}
  .save-status{font-size:9px;gap:5px}
}