:root{--bg:#f6f7f9;--ink:#202126;--muted:#8b9099;--line:#e8ebef;--soft:#f5f6f8;--black:#232426;--shadow:0 3px 12px rgba(17,24,39,.035);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5b646d;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.layout{min-height:100vh;display:flex}.sidebar{width:230px;flex:none;position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30;padding:17px 10px 14px}.brand{min-height:122px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;border-bottom:1px solid #f2f3f4;margin:0 6px 15px;letter-spacing:1.4px}.brand-symbol{font-size:34px;line-height:1.1;color:#242424}.brand strong{font-family:Georgia,serif;font-size:13px;max-width:200px;line-height:1.3}.brand small{font-size:8px;letter-spacing:2px;color:#999}.side-nav{display:grid;gap:4px;overflow-y:auto;align-content:start;padding-right:2px}.side-link{height:39px;display:flex;align-items:center;gap:11px;padding:0 13px;border-radius:8px;color:#616872;font-size:13px;transition:background .15s}.side-link:hover{background:#f5f6f8}.side-link.active{background:#292b2d;color:#fff;font-weight:600}.side-link svg{width:17px;height:17px}.side-user{display:flex;align-items:center;gap:9px;padding:12px 6px 4px;margin-top:auto;border-top:1px solid var(--line)}.side-user>span:nth-child(2){min-width:0;flex:1}.side-user strong,.side-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user strong{font-size:12px}.side-user small{font-size:10px;color:#9da2a9;margin-top:3px}.avatar{background:#eff1f4;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#3f444b;font-weight:650;flex:none}.avatar.dark{background:#232527;color:white}.content{flex:1;min-width:0}.topbar{height:71px;background:#fff;border-bottom:1px solid #e9ebef;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.topbar .heading{display:flex;align-items:center;gap:12px}.topbar h1{font-size:22px;letter-spacing:-.45px;margin:0;font-weight:750}.header-user{display:flex;align-items:center;gap:13px}.header-name{font-weight:600}.header-logout{color:#8c919a}.live-dot{width:8px;height:8px;border-radius:50%;background:#b7bbc1}.live-dot.connected{background:#39bb6d}.notification{border:0;background:transparent;color:#4c5056;font-size:24px}.mobile-toggle{display:none;border:0;background:#f2f3f5;border-radius:8px;padding:8px}.main-inner{max-width:1550px;margin:0 auto;padding:24px 27px 50px;display:grid;gap:18px}.panel{background:#fff;border:1px solid #e9ebf0;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #f2f3f4}.panel-head h2{font-size:14px;margin:0;font-weight:700}.panel-head a{font-size:11px;color:#9297a0}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 17px;border-bottom:1px solid #f0f1f3}.filters input,.filters select,.dialog-fields input,.dialog-fields textarea,.dialog-fields select,.settings-form input,.settings-form select,.settings-form textarea{background:#fff;border:1px solid var(--line);border-radius:7px;min-height:37px;color:#353942;outline:0;padding:8px 11px}.filters input:focus,.filters select:focus,.dialog-fields input:focus,.settings-form input:focus{border-color:#9ba1aa;box-shadow:0 0 0 3px #dce1e966}.filters .search-field{max-width:330px;flex:1;min-width:175px}.filters .btn:last-child{margin-left:auto}.filters select{min-width:120px}.btn{border:1px solid #e3e5e9;background:white;color:#42464f;border-radius:7px;min-height:36px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:550;text-align:center;white-space:nowrap}.btn:hover{background:#f5f6f7}.btn.primary{background:#202123;color:#fff;border-color:#202123}.btn.primary:hover{background:#414348}.btn.compact{min-height:29px;padding:5px 10px;font-size:11px}.btn.dots{font-size:14px;letter-spacing:1px;min-height:27px;padding:2px 6px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px;text-align:left}th{padding:13px 15px;color:#8a8f99;font-size:10.5px;font-weight:650;background:#fcfcfd;white-space:nowrap;border-bottom:1px solid #e9ebef}td{padding:11px 15px;border-bottom:1px solid #f0f2f4;white-space:nowrap;color:#545a64;font-size:11.5px}td b,td strong{color:#25282d;font-weight:650}tr:hover td{background:#fcfcfd}tr:last-child td{border-bottom:0}.products-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis}.name-cell{display:flex;align-items:center;gap:10px;min-width:145px}.thumb{width:38px;height:38px;border-radius:7px;object-fit:cover;display:inline-grid;place-items:center}.thumb.placeholder{background:#eff1f5;color:#acb0b8}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:600;white-space:nowrap;background:#eef0f3;color:#59616c}.status i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.status.green{background:#ddf7e8;color:#269958}.status.blue{background:#e7f2ff;color:#358ce8}.status.orange{background:#ffeddf;color:#ed8536}.status.red{background:#ffe6e9;color:#d95360}.status.gray{background:#eff0f2;color:#78808d}.switch{display:inline-block;width:30px;height:16px;background:#ccd0d5;border-radius:40px;position:relative}.switch:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:2px;top:2px}.switch.on{background:#38c475}.switch.on:after{left:16px}.row-actions{display:flex;align-items:center;gap:5px}.delete-form{display:inline}.danger-link{background:transparent;border:0;color:#c15d67;font-size:11px;padding:5px}.tiny-text{font-size:11px}.under-note{font-size:11px;color:#87909b;padding:0 16px 14px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpis.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px 18px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow);gap:5px;min-height:142px}.kpi-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;margin-bottom:2px;font-size:18px}.kpi-icon.blue{color:#418cff;background:#eef4ff}.kpi-icon.green{color:#20b96b;background:#e8fff2}.kpi-icon.orange{color:#f78632;background:#fff0e5}.kpi small{font-size:11px;font-weight:550;color:#666d76}.kpi strong{font-size:27px;letter-spacing:-.75px;color:#191b1d}.light-hint{color:#a5aab2;font-size:10px}.dashboard-two{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:15px}.chart-shell{height:290px;padding:15px}.chart-shell svg{width:100%;height:100%}.occupancy{padding:25px 22px;display:flex;align-items:center;justify-content:center;gap:22px}.donut{width:170px;height:170px;background:conic-gradient(#ff8736 0 var(--percent),#ebedf2 var(--percent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;flex:none}.donut:before{content:'';position:absolute;inset:26px;background:#fff;border-radius:50%}.donut strong,.donut small{position:relative;z-index:1}.donut strong{font-size:24px}.donut small{font-size:10px;color:#8f97a0;margin-top:45px;margin-left:-36px}.legend{min-width:120px}.legend p{display:flex;align-items:center;gap:8px;color:#7c838b;font-size:11px}.legend p b{margin-left:auto;color:#272930}.dot{width:9px;height:9px}.dot.orange{background:#ff8736}.dot.green{background:#37b875}.dot.gray{background:#c5cbd4}.leaderboard{padding:12px 22px}.leaderboard li{padding:9px 5px;border-bottom:1px solid var(--line)}.leaderboard li strong{float:right}.alert{padding:13px 16px;border:1px solid #ffd3d6;border-radius:8px;background:#fff0f1;color:#ad4650}.alert.success{background:#ecfaf1;border-color:#bee6c9;color:#218246}.mini-tags{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.tag-edit{border:1px solid #dfe1e5;border-radius:100px;background:#fff;padding:9px 14px}.inline-translation{min-width:135px;width:100%;border:1px solid #e9ebef;border-radius:6px;padding:8px;color:#444}.lang-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lang-tabs button,.settings-tabs button{border:1px solid #e8ebef;border-radius:7px;background:#fff;padding:9px 12px}.lang-tabs button.active,.settings-tabs button.active{background:#292b2d;color:#fff;border-color:#292b2d}.settings-form{padding:16px}.settings-tabs{display:flex;gap:10px;padding:0 0 20px}.settings-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.settings-col{display:grid;gap:14px;align-content:start}.settings-col>label,.image-preview label,.dialog-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#555b65;font-weight:550}.settings-form textarea{min-height:90px}.settings-form input:not([type=checkbox]),.settings-form select,.settings-form textarea{width:100%}.settings-col .checkline{display:flex;flex-direction:row;align-items:center}.settings-col .checkline input{min-height:auto;width:auto}.settings-thumb{width:135px;max-height:130px;object-fit:contain}.settings-hero{width:100%;height:115px;object-fit:cover;border-radius:8px}.image-preview{display:grid;gap:8px}.save-settings{margin-top:22px;float:right}.dialog-overlay{position:fixed;inset:0;background:rgba(15,19,25,.47);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{background:#fff;border:1px solid #e2e4e8;border-radius:15px;box-shadow:0 25px 70px #0002;width:min(580px,100%);max-height:90vh;overflow:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 21px;z-index:2}.dialog-header h2{margin:0;font-size:19px}.dialog-header button{border:0;background:#f0f1f3;border-radius:50%;width:30px;height:30px}.dialog-fields{padding:17px 21px 8px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.dialog-fields label.full{grid-column:1/-1}.dialog-fields textarea{min-height:90px;resize:vertical}.dialog-fields input,.dialog-fields select,.dialog-fields textarea{width:100%}.dialog-fields input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:#292b2d}.dialog-fields .checklabel{display:flex;align-items:center;flex-direction:row}.dialog-save{margin:10px 21px 22px;width:calc(100% - 42px)}.notify-stack{position:fixed;bottom:22px;right:20px;z-index:150;display:grid;gap:10px}.notify-toast{border-radius:9px;background:#25262a;color:#fff;padding:13px 18px;box-shadow:0 12px 35px #0003;max-width:300px}.login-body{min-height:100vh;display:grid;place-items:center;background:#f4f5f7;padding:25px}.login-card{background:#fff;border-radius:17px;box-shadow:0 15px 45px #00000010;max-width:440px;width:100%;padding:35px}.login-logo{font-family:Georgia,serif;letter-spacing:2px;font-size:22px;text-align:center}.login-logo small{display:block;font:9px Arial;letter-spacing:3px;color:#898e96;margin:5px 0 24px}.login-card h1{font-size:24px;letter-spacing:-.4px;margin:0 0 9px}.login-card p{color:#888e96;margin:0 0 22px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:7px;color:#555d65}.login-card input{border-radius:8px;border:1px solid #e0e4e8;min-height:45px;padding:10px 12px}.login-card .btn{height:45px;margin-top:7px}
@media(max-width:1050px){.sidebar{width:205px}.main-inner{padding:18px}.dashboard-two{grid-template-columns:1fr}.settings-columns{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{position:fixed;transform:translateX(-110%);transition:transform .2s;box-shadow:12px 0 60px #0002}.sidebar.open{transform:translateX(0)}.mobile-toggle{display:inline-flex}.topbar{padding:0 15px;height:61px}.topbar h1{font-size:18px}.header-name{display:none}.main-inner{padding:14px;gap:12px}.filters{padding:11px}.filters .btn:last-child{margin-left:0}.kpis{gap:10px}.kpi{min-height:130px;padding:15px}.kpi strong{font-size:22px}.settings-columns{grid-template-columns:1fr}.dashboard-two{gap:12px}.dialog-fields{grid-template-columns:1fr}.dialog-fields label.full{grid-column:1}.occupancy{flex-wrap:wrap}.settings-tabs{overflow:auto;white-space:nowrap}}
@media(max-width:410px){.kpis{grid-template-columns:1fr 1fr}.kpi small{font-size:10px}.kpi strong{font-size:18px}.topbar h1{font-size:17px}.kpi-icon{height:29px;width:29px}.filters select{flex:1;min-width:100px}.filters .search-field{min-width:100%}}

.detail-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr);gap:16px}.detail-back{display:inline-block;color:#747981;font-size:12px;margin:4px 0}.order-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px}.order-info-grid>div{border:1px solid var(--line);border-radius:9px;padding:12px;display:grid;gap:7px}.order-info-grid small{color:#9399a2}.order-info-grid b{font-size:16px}.detail-subtitle{font-size:15px;padding:0 20px}.line-addons{display:block;margin-top:5px;white-space:normal;color:#999}.order-final-total{margin:10px 20px 20px;background:#f7f8f9;border:1px solid var(--line);border-radius:9px;padding:18px;display:flex;justify-content:space-between}.order-final-total b{font-size:20px}.status-history{padding:22px 20px}.history-event{display:flex;gap:12px;position:relative;padding:0 0 28px}.history-event>i{width:11px;height:11px;background:#37b973;border-radius:50%;flex:none;margin-top:2px}.history-event:not(:last-child):before{content:'';position:absolute;left:5px;top:15px;height:calc(100% - 10px);border-left:2px solid #e9ecf0}.history-event span{display:grid;gap:8px}.history-event small{color:#999}.detail-actions{display:grid;gap:9px;padding:0 20px 20px}.settings-col{display:none}.settings-col.panel-active{display:grid}.settings-columns{display:block}.settings-columns .settings-col{max-width:790px}.settings-col[data-settings-panel=identity]{grid-template-columns:1fr 1fr}.settings-col[data-settings-panel=other]{grid-template-columns:1fr 1fr}@media(max-width:950px){.detail-layout{grid-template-columns:1fr}}@media(max-width:650px){.order-info-grid{grid-template-columns:1fr 1fr}.settings-col[data-settings-panel=identity],.settings-col[data-settings-panel=other]{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.detail-back,.detail-actions,.notification{display:none!important}.content{width:100%}.main-inner{padding:0}.detail-layout{display:block}.panel{break-inside:avoid;margin:0 0 20px}.status-history{padding:10px}}

tr[draggable=true]{cursor:grab}tr[draggable=true]:active{cursor:grabbing}

/* CMS refinement: consistent vector iconography & polished controls */
.brand-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #e5e7eb;border-radius:50%;background:#fafafb;margin-bottom:8px}
.brand-symbol svg{width:27px;height:27px;stroke-width:1.5}
.kpi-icon svg{width:19px;height:19px;stroke-width:1.75}
.notification,.mobile-toggle,.header-logout,.side-user a{display:inline-grid;place-items:center}
.notification{width:38px;height:38px;border:1px solid #eceef1;border-radius:10px;background:#fff}
.notification:hover,.mobile-toggle:hover{background:#f5f6f7}
.notification svg,.header-logout svg,.mobile-toggle svg{width:19px;height:19px}
.btn svg,.btn.dots svg{width:16px;height:16px;stroke-width:1.8}
.btn.dots{width:34px;height:32px;border-radius:9px}
.settings-col .image-remove-option,.image-remove-option{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:12px;color:#7b3340;font-weight:600;cursor:pointer;background:#fff6f7;border:1px solid #f4dfe2;padding:10px 12px;border-radius:10px;line-height:1.4}
.image-remove-option input{width:17px!important;height:17px;min-height:0!important;accent-color:#242629;flex:none}
.existing-image{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:9px 0 0}
.existing-image img{width:72px;height:72px;object-fit:cover;border:1px solid #e7e9ee;border-radius:10px}
.existing-image .image-remove-option{flex:1;min-width:160px}
.addon-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;background:#f8f9fb;border:1px solid #e9ecf0;border-radius:11px;padding:12px;max-height:190px;overflow-y:auto}
.addon-choice{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;background:#fff;padding:10px;border:1px solid #ebedf0;border-radius:9px;cursor:pointer;font-weight:500!important;min-width:0}
.addon-choice:has(input:checked){border-color:#88929a;background:#f1f4f5}
.addon-choice input{width:17px!important;height:17px;min-height:0!important;flex:none;accent-color:#2b2c30}
.addon-choice span{overflow-wrap:anywhere}
.muted-help{font-size:12px;color:#8b9199;margin:0}
.image-preview{border:1px solid #ebedf0;padding:14px;border-radius:12px;background:#fcfcfd;align-content:start}
.settings-col[data-settings-panel=base]{max-width:810px}
.settings-col[data-settings-panel=identity]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.settings-col .image-preview label:not(.image-remove-option){line-height:1.4}
@media(max-width:620px){.addon-picker{grid-template-columns:1fr}.settings-col[data-settings-panel=identity]{grid-template-columns:1fr}}
/* Wider forms in the Settings section, without dead space on desktop. */
.settings-columns .settings-col{max-width:1120px}
.settings-col[data-settings-panel=base]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px;gap:17px 22px}
.settings-col[data-settings-panel=base]>label:nth-child(2),.settings-col[data-settings-panel=base]>label:nth-child(3){grid-column:1/-1}
.settings-form input[type="file"],.dialog-fields input[type="file"]{min-height:46px;padding:7px;background:#f9fafb;border:1px dashed #ced2d9}
.settings-form input[type="file"]::file-selector-button,.dialog-fields input[type="file"]::file-selector-button{background:#25272b;color:white;border:0;border-radius:7px;padding:8px 12px;cursor:pointer;margin-right:12px}
@media(max-width:620px){.settings-col[data-settings-panel=base]{grid-template-columns:1fr}.settings-col[data-settings-panel=base]>label:nth-child(2),.settings-col[data-settings-panel=base]>label:nth-child(3){grid-column:auto}}


/* Interactive availability switch: same design as the previous static indicator. */
button.product-availability{display:inline-block;vertical-align:middle;margin:0;padding:0;border:0;min-width:30px;width:30px;min-height:16px;height:16px;appearance:none;cursor:pointer;transition:background .16s ease;outline-offset:4px}
button.product-availability:focus-visible{outline:2px solid #42464e;outline-offset:4px}
button.product-availability:hover:not(:disabled){box-shadow:0 0 0 4px rgba(39,43,49,.09)}
button.product-availability.is-saving{opacity:.65;cursor:wait}
button.product-availability:disabled{cursor:wait}
@media(prefers-reduced-motion:reduce){button.product-availability{transition:none}}

/* Separate identity logos; social fields are optional. */
.settings-col .settings-social-help{grid-column:1/-1;line-height:1.5;padding:9px 0 1px;color:#747b85}
.settings-col .image-preview .muted-help{line-height:1.5}