/* Expanded operations workspaces, scoped to the demo. */
.demo-shell{border-radius:18px;box-shadow:0 18px 70px #2027230b;align-items:start;background:#f4f6f8}.demo-sidebar{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}.demo-sidebar nav{gap:3px}.demo-sidebar nav button{padding:10px 13px;font-size:12px;border-radius:8px}.demo-sidebar nav button.active{background:var(--accent);color:white}.demo-main{min-width:0;background:#f4f6f8}.demo-content{padding:28px;min-height:720px}.demo-topbar{background:white;border-bottom:1px solid #e2e7e9}.demo-notice{background:#eef3f6;color:#51616b;padding:11px 28px;font-size:10px}.demo-viewhead h3{font-size:clamp(23px,2.2vw,33px);letter-spacing:-1px;line-height:1.15}.demo-viewhead p{max-width:650px;line-height:1.65;color:#65727b}.demo-panel,.demo-kpi{border:1px solid #e1e6eb;box-shadow:0 3px 12px #1d2b3b03;border-radius:13px;background:white}.demo-kpi{position:relative;overflow:hidden;min-height:127px;padding:20px}.demo-kpi:before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent);opacity:.65}.demo-kpi strong{font-size:clamp(21px,2vw,29px);letter-spacing:-1px}.demo-kpi em{line-height:1.4}.demo-panel h4{font-size:14px;font-weight:700;letter-spacing:-.2px}.demo-tablewrap{background:white;border:1px solid #e1e6eb;border-radius:12px}.demo-table th{background:#edf1f5;text-transform:uppercase;letter-spacing:.55px;font-size:9px;color:#607080}.demo-table td{font-size:12px;line-height:1.5;padding:16px 13px;border-color:#edf0f4}.demo-table td small{font-size:10px;line-height:1.65;color:#7b8791}.demo-table tbody tr:hover{background:#f8fafd}.demo-table td .badge{margin:2px}.d-btn{border-radius:8px;font-size:12px;font-weight:600}.d-btn.micro{font-size:10px;padding:7px 10px}.toolbar{background:transparent;padding:0;border:0}.toolbar input,.toolbar select{background:white;border-color:#dce3e9;border-radius:8px}.suite-period{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 22px;font-size:11px;color:#71808a}.suite-period label{display:flex;align-items:center;gap:10px;font-weight:600;color:#4f606e}.suite-period input{font:inherit;border:1px solid #d9e1e7;background:white;border-radius:7px;padding:8px;color:#243442}.suite-dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:22px}.suite-dashboard-grid .demo-panel{margin:0}.suite-room-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.suite-room-mini button{appearance:none;border:1px solid #e1e6e3;background:linear-gradient(145deg,#f4f8f2,#fff);border-radius:12px;display:flex;flex-direction:column;text-align:left;padding:18px 14px;cursor:pointer;color:#264732}.suite-room-mini button span{font-size:25px;padding-bottom:16px}.suite-room-mini button b{text-transform:capitalize;font-size:11px}.suite-room-mini button strong{font-size:27px;letter-spacing:-1px}.suite-room-mini button small{font-size:9px;color:#718274}.suite-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.suite-module-grid button{appearance:none;display:flex;flex-direction:column;align-items:start;text-align:left;gap:10px;padding:20px 17px;background:white;border:1px solid #e1e6eb;border-radius:12px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;color:#253641}.suite-module-grid button:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 28px #2030400b}.suite-module-grid button>span{font-size:22px;color:var(--accent);background:var(--tint);width:38px;height:38px;display:grid;place-items:center;border-radius:10px;margin-bottom:3px}.suite-module-grid b{font-size:12px;line-height:1.35}.suite-module-grid small{font-size:10px;line-height:1.65;color:#71808a;flex:1}.suite-module-grid em{font-style:normal;font-size:9px;font-weight:700;color:var(--accent);margin-top:4px}.suite-chart{display:flex;align-items:stretch;gap:18px;height:178px;padding:16px 9px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 38px,#edf1f5 39px,#edf1f5 40px);margin:15px 0}.suite-chart>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}.suite-column{display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%;height:140px}.suite-column i{background:var(--accent);display:block;border-radius:5px 5px 0 0;min-width:8px;width:35%;max-width:36px}.suite-column i.out{background:#b9cbdc}.suite-chart small{font-size:9px;color:#7b8791;white-space:nowrap}.suite-legend{display:flex;gap:16px;font-size:10px;color:var(--accent);margin:12px 0}.suite-legend span+span{color:#819bb3}.suite-result{background:var(--tint);padding:23px;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin:15px 0}.suite-result small{font-size:10px;color:#5a6f84}.suite-result strong{font-size:34px;line-height:1.2;color:var(--accent);letter-spacing:-1px}.suite-result span{font-size:11px}.suite-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #edf1f5}.suite-action-row:last-child{border:0}.suite-action-row b{display:block;font-size:12px}.suite-action-row small{display:block;font-size:10px;color:#7b8791;line-height:1.6;margin-top:4px}.suite-product{display:flex;align-items:center;gap:10px;min-width:155px}.suite-product img{width:42px;height:49px;object-fit:cover;border-radius:7px;background:#f1f0eb}.suite-view-switch{display:flex;align-items:center;gap:7px;margin:0 0 15px}.suite-view-switch .d-btn{padding:8px 14px;font-size:10px}.suite-view-switch span{font-size:10px;margin-left:auto;color:#71808a}.suite-room-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.suite-room-cards button{appearance:none;padding:22px;display:flex;flex-direction:column;gap:9px;align-items:start;color:#3b5145;background:white;border:1px solid #dce4df;border-radius:14px;cursor:pointer}.suite-room-cards button.selected{background:var(--accent);color:white;border-color:var(--accent)}.suite-room-cards span{font-size:29px}.suite-room-cards small{text-transform:capitalize;font-weight:600;font-size:13px}.suite-room-cards strong{font-size:36px;letter-spacing:-1px}.suite-room-cards em{font-style:normal;font-size:10px;opacity:.7}.suite-scanner{display:flex;align-items:end;gap:10px;padding:25px;background:var(--tint);border-radius:12px;margin:0 0 20px}.suite-scanner label{display:flex;flex-direction:column;gap:10px;flex:1;font-size:12px;font-weight:600}.suite-scanner input{width:100%;font:inherit;border:1px solid #cedbd1;background:white;border-radius:8px;padding:13px}.suite-scan-result{display:grid;grid-template-columns:230px 1fr;gap:28px;padding:25px;border:1px solid #e1e6eb;border-radius:15px;background:white}.suite-scan-result>img{width:100%;border-radius:12px}.suite-scan-result .demo-kpis{grid-template-columns:repeat(3,1fr)}.suite-scan-result h3{font-size:27px;letter-spacing:-.7px;margin:10px 0}.suite-scan-result p{font-size:12px;color:#728078}.suite-label-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.suite-label{background:white;border:1px solid #dce3e8;border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.suite-label>b:first-child{letter-spacing:4px;font-size:12px}.suite-label strong{font-size:13px}.suite-label small{font-size:10px;color:#6f7f88}.suite-barcode{height:42px;max-width:100%;width:100%;fill:#111;background:white}.suite-label .d-btn{margin-top:10px}.suite-label-preview{max-width:430px;margin:auto}.suite-label-preview>svg{width:100%;height:auto;border:1px solid #ddd}.suite-campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.suite-campaign-grid article{border:1px solid #e1e6eb;padding:24px;border-radius:13px;background:white}.suite-campaign-grid h4{font-size:17px;letter-spacing:-.5px;margin:15px 0}.suite-campaign-grid strong{font-size:27px;display:block;color:var(--accent);letter-spacing:-1px}.suite-campaign-grid small{display:block;font-size:11px;margin:8px 0 20px;color:#72808a}.suite-campaign-grid p{font-size:11px;line-height:1.6}.demo-guided{background:white;border:1px solid #e0e6ec;padding:20px}.demo-guided h4{font-size:14px}.demo-guided .d-btn{font-size:10px}.demo-modal .d-form{column-gap:20px;row-gap:18px}.demo-modal input,.demo-modal select{background:#f9fafc;border-color:#dae2e8;padding:11px;font-size:13px}.demo-modal label{font-size:11px;font-weight:600}.demo-modal .demo-note{font-weight:400}.demo-modal .modal-head{padding:23px 27px}.demo-modal .modal-head h3{font-size:22px;letter-spacing:-.6px}.demo-modal .modal-body{padding:25px 27px}.demo-modal .form-actions{border-top:1px solid #e3e8ed;padding-top:20px}.full-demo-main{max-width:1620px}.full-demo .demo-shell{grid-template-columns:214px minmax(0,1fr)}.full-demo .demo-content{min-height:850px}.full-demo .demo-viewhead{margin-bottom:22px}.full-demo .demo-guided{margin-bottom:24px}.full-demo .demo-logo{max-width:145px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #294bea66;outline-offset:3px}
@media(min-width:1500px){.full-demo .demo-content{padding:35px}.full-demo .demo-sidebar nav button{padding:11px 15px;font-size:12px}}
@media(max-width:1100px){.suite-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-dashboard-grid{grid-template-columns:1fr}.suite-label-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-campaign-grid{grid-template-columns:1fr}.demo-content{padding:22px}.suite-scan-result{grid-template-columns:155px 1fr;gap:18px}.demo-kpi{padding:17px}.suite-room-cards{gap:10px}.suite-room-cards button{padding:18px}}
@media(max-width:750px){.full-demo .demo-shell{grid-template-columns:1fr}.demo-sidebar{position:static;max-height:none;overflow:visible}.demo-sidebar nav{display:flex;overflow:auto;flex-wrap:nowrap;padding-bottom:8px}.demo-sidebar nav button{flex-shrink:0;padding:10px 14px;min-height:38px}.demo-sidebar .sidebar-bottom{display:none}.demo-sidebar .demo-logo{max-height:28px}.demo-content{padding:18px 14px}.demo-notice{padding:10px 14px;font-size:9px}.suite-period{align-items:start;flex-direction:column;gap:9px}.suite-room-cards{gap:7px}.suite-room-cards button{padding:15px 10px;gap:7px}.suite-room-cards small{font-size:11px}.suite-room-cards strong{font-size:27px}.suite-room-cards em{font-size:9px;line-height:1.5}.suite-scan-result{grid-template-columns:1fr}.suite-scan-result>img{max-height:180px;object-fit:contain;background:#efeee9}.suite-scanner{padding:18px;flex-direction:column;align-items:stretch}.suite-module-grid{gap:10px}.suite-module-grid button{padding:16px 13px}.suite-label-grid{grid-template-columns:1fr}.suite-room-mini button{padding:14px 9px}.suite-room-mini button strong{font-size:24px}.suite-room-mini button small{font-size:8px}.suite-result strong{font-size:28px}.demo-viewhead h3{font-size:25px}.demo-topbar .demo-controls{flex-wrap:wrap}.suite-chart{gap:12px}.suite-action-row{gap:10px}.demo-modal .modal-body,.demo-modal .modal-head{padding:20px}.demo-kpi{min-height:115px}.suite-scan-result .demo-kpis{grid-template-columns:repeat(3,1fr)}.suite-scan-result .demo-kpi{padding:10px;min-height:85px}.suite-scan-result .demo-kpi strong{font-size:20px}.suite-scan-result .demo-kpi em{font-size:8px}}
.demo-shell .demo-guided{margin-bottom:26px!important}.demo-shell .d-btn:not(.secondary):not(.quiet){background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.demo-shell .d-btn.secondary,.demo-shell .d-btn.quiet{background:white!important;color:var(--accent)!important}.demo-shell .demo-panel h4{font-size:15px}.demo-shell .suite-module-grid b{font-size:14px}.demo-shell .suite-module-grid small{font-size:12px}.demo-shell .suite-module-grid em{font-size:11px}.demo-shell .suite-period,.demo-shell .suite-period label{font-size:12px}.demo-shell .suite-product b{font-size:12px}.demo-shell .suite-action-row small{font-size:12px}.demo-shell .suite-room-mini button small{font-size:10px}.demo-shell .suite-campaign-grid p,.demo-shell .suite-campaign-grid small{font-size:12px}
@media(prefers-reduced-motion:reduce){.suite-module-grid button{transition:none}}