/* Code Title: Marassi Operations Interface — responsive RTL */
@font-face{font-family:MarassiArabic;src:url('/assets/noto-arabic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:MarassiArabic,Tahoma,Arial,sans-serif;font-synthesis:none;color:#182d3b;background:#f3f5f7;--ink:#182d3b;--muted:#687783;--line:#dce2e7;--navy:#142d3e;--accent:#b4813e;--red:#9e3e35}
*{box-sizing:border-box}body{margin:0;font-size:13px;line-height:1.75}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.6}button,input,select,textarea{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #b4813e;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #cbd3da;border-radius:4px;background:#fff;color:#182d3b;padding:11px 13px}input:focus,textarea:focus,select:focus{border-color:#345d77}input::placeholder,textarea::placeholder{color:#85929b}textarea{resize:vertical}button,input,textarea,select{-webkit-tap-highlight-color:transparent}.icon{width:19px;height:19px;flex:0 0 auto;vertical-align:middle}.subtle{color:#687783;font-size:11px}.skip-link{position:fixed;top:-70px;right:20px;background:#142d3e;color:#fff;padding:10px 18px;z-index:99}.skip-link:focus{top:10px}[hidden]{display:none!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border:1px solid transparent;border-radius:4px;padding:8px 13px;font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap;transition:background .12s}.btn .icon{width:16px;height:16px}.btn-primary{background:#17384d;border-color:#17384d;color:#fff}.btn-primary:hover:not(:disabled){background:#0d2637}.btn-secondary{background:#fff;border-color:#cfd8df;color:#29495f}.btn-secondary:hover:not(:disabled){background:#edf2f6}.btn-icon{min-width:37px;padding:8px;background:transparent;border-color:#d7dfe5}.btn-icon:hover:not(:disabled){background:#edf2f6}.btn-text,.btn-danger-text{background:transparent;color:#28526d;padding:5px 7px;min-height:34px;font-size:11px}.btn-text:hover,.btn-danger-text:hover{background:#edf2f5}.btn-danger-text{color:#a23f36}.btn-danger,.btn-danger-icon{background:#fff4f2;border-color:#e9c9c3;color:#9b3c32}.btn-danger:hover,.btn-danger-icon:hover{background:#fde7e3}.btn-danger-icon{padding:8px;min-width:37px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:39px;height:39px;flex-shrink:0}.brand>div{display:flex;flex-direction:column}.brand .wordmark{font-family:MarassiArabic,Tahoma,sans-serif;font-size:25px;font-weight:750;line-height:1.4;letter-spacing:-.8px}.brand span{font-size:10px;font-weight:400;color:#6c7a85;line-height:1.5}.brand-light{color:white}.brand-light span{color:#9eafbb}
.login-page{min-height:100svh;display:flex;flex-direction:column;background:#f3f5f7}.login-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce2e7;padding:18px 5vw}.login-header-label{font-size:12px;color:#687783;border-right:1px solid #d5dde3;padding-right:18px}.login-main{width:430px;max-width:calc(100% - 32px);background:#fff;border:1px solid #d6dfe5;border-top:3px solid #b4813e;border-radius:5px;box-shadow:0 8px 28px #142d3e06;padding:32px 35px 21px;margin:64px auto 46px}.login-title{margin-bottom:29px}.login-key{color:#b4813e;display:inline-flex;margin-bottom:13px}.login-key .icon{width:24px;height:24px}.login-title h1{font-size:23px;font-weight:700;margin-bottom:6px;letter-spacing:-.5px}.login-title p{font-size:12px;color:#687783}.login-form{display:grid;gap:20px}.field{display:grid;gap:8px}.field label,.field-label{display:block;font-size:12px;font-weight:600}.field input{height:45px;font-size:13px}.password-wrap{position:relative}.password-wrap input{padding-left:45px}.password-wrap .btn-icon{border:0;position:absolute;left:3px;top:3px;min-height:39px;padding:9px;color:#71818d}.login-submit{width:100%;min-height:45px;margin-top:5px;justify-content:space-between}.login-note{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.8;color:#6f7d88;padding-top:17px}.login-note .icon{width:13px;height:13px}.login-preview{border-top:1px solid #e4e9ed;margin-top:23px;padding-top:12px;text-align:center}.login-preview>.btn{color:#526d80;font-weight:500}.demo-note{font-size:9px;color:#7c8a95;line-height:1.9}.login-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7f8b94;padding:20px 5vw;margin-top:auto}.inline-error{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;background:#fff1ed;border:1px solid #edc9c2;border-radius:4px;font-size:11px;color:#994336}.inline-error .icon{width:16px;height:16px;margin-top:2px}
.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:7px 24px;background:#fbf4e5;border-bottom:1px solid #e7d8b7;font-size:11px;color:#785e2d}.demo-banner-copy{display:flex;align-items:center;gap:9px}.demo-banner-copy .icon{width:16px;height:16px}.role-switch{display:flex;gap:2px;border:1px solid #d8c9a8;background:#fffaf0;border-radius:4px;padding:2px}.role-switch button{border:0;background:transparent;color:#816e48;font-size:11px;padding:4px 15px;min-height:29px;border-radius:2px}.role-switch button.selected{background:#253e50;color:#fff}.shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100svh}.demo-banner+.shell{min-height:calc(100svh - 48px)}.sidebar{display:flex;flex-direction:column;background:#142b3b;color:#b8c7d1;padding:24px 14px 18px;border-left:1px solid #17384d}.sidebar>.brand{padding:0 12px 31px;color:#fff}.sidebar .brand span{color:#8fa6b5}.sidebar .brand img{width:34px;height:34px}.sidebar .wordmark{font-size:25px}.nav-group-label{font-size:9px;color:#748e9f;padding:0 13px 12px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 13px;border:0;border-right:3px solid transparent;border-radius:3px;background:transparent;color:#afc0cb;text-align:right;font-size:12px}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#1c394d}.nav-item.active{background:#25475d;color:#fff;border-right-color:#c39a5e;font-weight:600}.nav-count{font:11px/21px Arial,sans-serif;min-width:23px;text-align:center;background:#345c74;color:#dce6ed;border-radius:3px;margin-right:auto}.sidebar-bottom{padding-top:65px;margin-top:auto}.restaurant-card{display:flex;align-items:center;gap:10px;padding:14px 12px;border-top:1px solid #315064;border-bottom:1px solid #315064;margin:0 4px 19px}.restaurant-card .icon{width:17px;height:17px;color:#b39158}.restaurant-card b{display:block;font-size:11px;font-weight:500;color:#cfdae2}.restaurant-card small{display:block;font-size:9px;color:#8ba1b0;margin-top:3px}.btn-account{display:flex;width:100%;border:0;background:transparent;justify-content:flex-start;text-align:right;gap:9px;padding:7px 4px;color:#d6e1e9}.avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#dfe7ed;color:#34536a;border-radius:4px;flex-shrink:0;font-size:13px;font-weight:600}.sidebar .avatar{background:#345367;color:#dce6ed}.account-copy{display:flex;flex-direction:column;flex:1;overflow:hidden}.account-copy b{font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.account-copy small{font-size:9px;color:#8ca4b3}.btn-account>.icon{width:12px;height:12px;transform:rotate(180deg)}.workspace{min-width:0;padding:25px 29px 20px;max-width:1800px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:10px;color:#7e8b95;margin-bottom:7px}.breadcrumb>span{color:#a9b4bc}.topbar h1{font-size:23px;font-weight:700;letter-spacing:-.6px}.topbar p{font-size:11px;color:#6f7d88;margin-top:5px}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-actions .btn{font-size:11px;min-height:38px}.topbar-actions .btn-icon{min-width:37px}.role-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#586f80;border-left:1px solid #d4dde4;padding-left:15px;margin-left:5px}.role-tag .icon{width:15px;height:15px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid #d9e1e7;border-radius:4px;margin-bottom:23px;overflow:hidden}.stat{padding:15px 18px 12px;min-width:0;border-left:1px solid #e3e8ec;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px}.stat:last-child{border-left:0}.stat-top{display:flex;align-items:center;gap:8px;font-size:11px;color:#637583;grid-column:1}.stat-icon{display:none}.stat>strong{grid-column:2;grid-row:1/3;font:500 27px/1.4 Arial,sans-serif;color:#25465c;padding-right:12px}.stat>small{font-size:8px;color:#8a98a3;grid-column:1}.stat:before{content:'';position:absolute;top:15px;right:0;height:23px;width:3px;background:#b79a5e}.stat-blue:before{background:#5b7e99}.stat-orange:before{background:#c38d48}.stat-green:before{background:#608b75}.orders-section{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2{font-size:15px;margin-bottom:3px;font-weight:650}.section-heading .subtle{font-size:10px}.search-wrap{display:block;position:relative;width:min(315px,45%)}.search-wrap .icon{width:17px;height:17px;color:#8b9aa4;position:absolute;right:12px;top:12px}.search-wrap input{font-size:11px;height:42px;padding:10px 38px 10px 12px;background:#fff}.filters{display:flex;gap:5px;align-items:center;overflow-x:auto;padding:0 0 13px;margin-bottom:0;scrollbar-width:thin}.filters>button{display:flex;align-items:center;gap:7px;min-height:37px;white-space:nowrap;border:1px solid transparent;background:transparent;color:#607381;border-radius:4px;padding:6px 10px;font-size:11px}.filters>button.on{background:#e4ebf0;border-color:#c9d6df;color:#203e53;font-weight:600}.filters>button:hover{background:#e8edf1}.filters>button span{font:10px/18px Arial,sans-serif;min-width:18px;text-align:center;border-radius:2px;background:#e4e9ed;color:#6f8290}.filters>button.on span{background:#cbd9e3;color:#34566e}#order-area{border:1px solid #d9e1e7;background:white;border-radius:4px;overflow:hidden}.orders-grid{display:flex;flex-direction:column;gap:0}.order-list-head,.order-row{display:grid;grid-template-columns:124px minmax(145px,1fr) 115px 95px 223px;gap:16px;align-items:center}.order-list-head{background:#edf1f4;border-bottom:1px solid #d9e1e7;padding:11px 17px;color:#6e808e;font-size:10px}.order-row{padding:16px 17px;border-bottom:1px solid #e4e9ed;min-height:94px;min-width:0;background:#fff}.order-row:hover{background:#fcfdfe}.order-row:last-child{border-bottom:0}.row-primary{display:flex;flex-direction:column;gap:6px}.row-number{font:600 14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;align-self:flex-start;color:#27485e}.row-table{display:flex;align-items:center;gap:5px;color:#7a8b96;font-size:10px}.row-table .icon{width:13px;height:13px}.row-items{font-size:11px;color:#354f61;min-width:0}.row-items>div{display:flex;gap:6px;align-items:baseline;line-height:1.95}.row-items>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-qty{font:500 10px/1.6 Arial,sans-serif;color:#8b9aa4;flex-shrink:0}.row-items>small{display:block;font-size:9px;color:#8b9aa4}.row-items .row-note{color:#a77f43;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-state{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.row-state>small{display:flex;align-items:center;gap:4px;font-size:9px;color:#82949f}.row-state .icon{width:11px;height:11px}.row-total>b{font-family:Arial,MarassiArabic,sans-serif;font-weight:600;font-size:12px;color:#426073;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:6px}.row-actions .btn-primary{font-size:10px;min-height:34px;padding:7px 9px;min-width:120px}.row-actions .btn-primary .icon{width:13px;height:13px}.row-actions .btn-icon,.row-actions .btn-danger-icon{padding:7px;min-width:32px;min-height:34px}.row-actions .btn-danger-icon{background:transparent;color:#ad7b6f;border-color:transparent}.row-actions .btn-danger-icon:hover{background:#fcf0ed;border-color:#edcfc7}.row-actions .btn-icon{border-color:transparent;color:#7b8e9c}.row-actions .icon{width:15px;height:15px}.row-waiting{font-size:10px;min-width:120px;color:#8c9ca7}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;font-weight:500;line-height:1.6;padding:4px 6px;border-radius:3px;border:1px solid transparent}.badge-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor}.badge-amber{color:#986e25;background:#fcf6e6;border-color:#f0e2be}.badge-blue{color:#537b9b;background:#eef4f8;border-color:#dce7ef}.badge-orange{color:#a77339;background:#fcf2e6;border-color:#f0dfc8}.badge-green{color:#4c8067;background:#edf6f0;border-color:#dcebe2}.badge-teal{color:#4d7a7b;background:#edf5f5;border-color:#deeaeb}.badge-gray{color:#7d8e99;background:#f2f5f7;border-color:#e4eaee}.badge-red{color:#aa6456;background:#fff2ef;border-color:#f0d9d3}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;color:#8796a1;font-size:9px;line-height:1.8}.workspace-footer>span{display:flex;align-items:center;gap:5px}.workspace-footer .icon{width:11px;height:11px}.kitchen-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;padding:16px;background:#f8fafb}.kitchen-column{min-width:0}.column-heading{display:flex;justify-content:space-between;align-items:center;padding:0 1px 15px}.column-heading .badge{font-size:11px;border:0;background:transparent;padding:0}.column-heading>b{font:12px/1.6 Arial,sans-serif;color:#7b909e}.kitchen-column .order-card{padding:18px;border:1px solid #dce4e9;border-radius:4px;background:#fff;margin-bottom:14px;border-top:3px solid #7e9db2}.kitchen-column .order-preparing{border-top-color:#c79c61}.kitchen-column .order-ready{border-top-color:#719781}.order-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.table-title{display:flex;align-items:center;gap:7px}.table-title strong{font-size:13px;font-weight:600}.table-title .icon{width:17px;height:17px;color:#8ba0ae}.order-number{display:flex;align-items:center;gap:6px;font-size:10px;color:#899aa6;margin-top:8px}.order-number>span:first-child{color:#c5d0d7}.order-items{display:grid;gap:15px;padding:23px 0 17px}.order-item{display:flex;align-items:flex-start;gap:10px}.qty{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:26px;height:26px;padding:0 6px;border:1px solid #d7e1e8;border-radius:3px;color:#6b8495;background:#f6f9fb;font:11px/1 Arial,sans-serif}.order-item strong{display:block;font-size:13px;font-weight:550;line-height:1.8}.order-item small{display:block;font-size:10px;color:#8c9faa;margin-top:4px}.order-item .item-note{color:#a47d43}.more-items{font-size:10px;color:#8599a6;margin-bottom:15px}.order-note{display:flex;gap:7px;align-items:flex-start;background:#fff9eb;border:1px solid #f0e3bf;border-radius:3px;padding:9px 10px;font-size:10px;color:#9d793b;margin-bottom:12px}.order-note .icon{width:14px;height:14px;margin-top:2px}.order-summary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8edf0;padding-top:8px}.order-summary .subtle{font-size:10px}.order-summary .btn{min-height:31px;font-size:10px}.order-actions{display:flex;gap:7px;margin-top:11px}.order-actions .btn-primary{flex:1;min-height:39px;font-size:11px}.order-actions .btn-danger-icon{min-height:39px;min-width:37px}.order-finished,.waiting{display:flex;align-items:center;justify-content:center;gap:7px;background:#f3f7f9;color:#8a9da9;font-size:10px;padding:9px;margin-top:10px;border-radius:3px}.order-finished .icon{width:13px;height:13px}.waiting{flex:1;margin:0}.column-empty{border:1px dashed #ccd9e1;border-radius:4px;padding:38px 15px;text-align:center;font-size:11px;color:#91a4b0}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:250px;text-align:center;padding:25px}.empty-icon{color:#8ba0ae;margin-bottom:8px}.empty-icon .icon{width:32px;height:32px}.empty-state h3{font-size:15px;color:#587184}.empty-state p{font-size:11px;color:#8b9ca8}.load-more{padding:17px;text-align:center;border-top:1px solid #e2e9ee}.load-more .btn{font-size:11px}.stale-banner{display:flex;align-items:flex-start;gap:10px;border:1px solid #e9d5aa;background:#fff9eb;color:#94713b;border-radius:4px;padding:12px 15px;font-size:11px;margin-bottom:19px}.is-loading>.icon{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(-360deg)}}
.staff-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.staff-intro h2{font-size:18px}.staff-intro p{font-size:11px;color:#7e909d;margin-top:5px}.staff-total{padding:7px 10px;border:1px solid #d4dfe6;background:#fff;font-size:10px;color:#678093;border-radius:4px;white-space:nowrap}.notice{display:flex;align-items:flex-start;gap:9px;background:#f1f5f8;border:1px solid #dae4eb;padding:12px 14px;color:#617b8d;font-size:11px;border-radius:4px;line-height:1.9}.notice .icon{width:16px;height:16px;margin-top:3px}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.staff-card{padding:20px;border:1px solid #d9e3e9;background:#fff;border-radius:4px}.staff-person{display:flex;align-items:center;gap:11px}.staff-person h3{font-size:12px;overflow-wrap:anywhere;font-weight:600}.staff-person small{font-size:9px;color:#8da0ad}.status-dot{height:6px;width:6px;border-radius:50%;background:#c0cdd6;margin-right:auto;flex-shrink:0}.status-dot.active{background:#5b9276;box-shadow:0 0 0 4px #ecf4ef}.staff-role{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid #e8eef2;padding:14px 0;margin-top:19px}.staff-role>span{font-size:11px;color:#879ba8}.staff-role select{width:145px;padding:6px 9px;font-size:11px}.staff-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;min-height:42px}.staff-card-foot .subtle{font-size:9px}.protected-owner{display:flex;align-items:center;gap:5px;font-size:10px;color:#8296a3}.protected-owner .icon{width:13px;height:13px}.staff-onboarding-note{font-size:10px;color:#899ba8;margin-top:20px;line-height:2}
.dialog{padding:0;border:1px solid #bdcdd7;border-radius:7px;width:min(550px,calc(100% - 28px));max-height:89svh;overflow:auto;background:white;color:#233d50;box-shadow:0 25px 90px #132d3f33}.dialog::backdrop{background:#102b3dab;backdrop-filter:blur(2px)}.dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;border-bottom:1px solid #e2eaf0;background:#fff}.dialog-head h2{font-size:16px}.dialog-head .btn{min-height:32px;min-width:32px;padding:5px;border:0}.dialog-body{padding:21px 22px;line-height:2}.dialog-body>div>p{font-size:12px;color:#7a909f;margin-bottom:17px}.dialog-body .field-label{margin-top:16px;margin-bottom:7px}.dialog-foot{display:flex;gap:8px;justify-content:flex-end;padding:15px 22px;border-top:1px solid #e2eaf0;background:#f9fbfc}.dialog-foot .btn{font-size:11px}.detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.detail-heading>span{display:flex;align-items:center;gap:8px;font-size:13px}.detail-heading .badge{font-size:10px}.detail-items{display:grid;gap:16px}.detail-item{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid #e8eef2;padding-bottom:16px}.detail-item>div{flex:1}.detail-item b{font-size:12px}.detail-item p{font-size:10px;color:#ae8a51}.detail-item small{font-size:10px;display:block;color:#8da2af}.detail-note{padding:13px;background:#fff9ed;border:1px solid #eddfbc;border-radius:3px;color:#a3854a;font-size:11px;margin-top:18px}.detail-note p{margin-top:5px}.totals{display:grid;gap:6px;margin-top:20px}.totals>div{display:flex;justify-content:space-between;font-size:11px;color:#7e95a4}.totals .total-row{font-size:14px;color:#355a73;border-top:1px solid #dae5ec;padding-top:11px;margin-top:6px}.payment-note{font-size:10px!important;color:#8ea2b0!important;margin-top:15px}.field-error{font-size:11px;color:#ad5545;margin-top:5px}.account-detail{text-align:center}.large-avatar{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border:1px solid #d4e1e9;background:#f0f6fa;border-radius:6px;color:#5c7e96;margin:7px 0 15px}.large-avatar .icon{width:28px;height:28px}.account-detail h3{font-size:20px}.account-detail>p{margin:8px 0 22px!important}.account-detail .notice{text-align:right}.change-summary{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid #d8e4eb;background:#f5f9fc;border-radius:4px;margin:14px 0;font-size:12px;color:#6d8aa0}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:10px;background:#203e53;color:white;box-shadow:0 4px 20px #112d3d2b;border:1px solid #3b6079;border-radius:5px;padding:13px 18px;font-size:12px;max-width:calc(100% - 28px);width:max-content}.toast-error{background:#834c3d;border-color:#9c6a57}
@media(min-width:1500px){.workspace{padding:30px 38px}.order-list-head,.order-row{grid-template-columns:140px minmax(190px,1fr) 130px 110px 238px;gap:20px}.row-items{font-size:12px}.row-number{font-size:15px}.row-actions .btn-primary{min-width:132px}.row-state>small{font-size:10px}.kitchen-board .order-card{padding:22px}}
@media(max-width:1180px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:10px}.sidebar>.brand{padding-inline:10px}.workspace{padding:23px}.order-list-head,.order-row{grid-template-columns:105px minmax(125px,1fr) 110px 80px 177px;gap:10px;padding-inline:13px}.row-actions{gap:3px}.row-actions .btn-primary{font-size:9px;min-width:104px;padding:7px 6px}.row-actions .btn-primary .icon{display:none}.row-actions .btn-icon,.row-actions .btn-danger-icon{min-width:29px;padding:5px}.row-waiting{min-width:104px;font-size:9px}.stat{padding-inline:13px}.stat-top{font-size:10px}.stat>strong{font-size:25px}.kitchen-board{gap:12px;padding:12px}.kitchen-column .order-card{padding:14px}.kitchen-column .order-head{align-items:flex-start;flex-direction:column}.staff-grid{grid-template-columns:1fr}}
@media(max-width:960px){.shell{grid-template-columns:170px minmax(0,1fr)}.workspace{padding:20px 17px}.sidebar{padding-inline:8px}.sidebar .brand img{width:30px;height:30px}.sidebar .wordmark{font-size:22px}.sidebar .brand span{font-size:8px}.nav-item{font-size:11px;padding-inline:10px;gap:8px}.nav-count{min-width:20px;font-size:10px}.role-tag{display:none}.order-list-head{display:none}.orders-grid{background:transparent;gap:12px;padding:0}.order-row{grid-template-columns:100px minmax(0,1fr) 100px;gap:11px;border:1px solid #d9e3e9;border-radius:4px;padding:16px;background:white}.order-row:last-child{border-bottom:1px solid #d9e3e9}.row-primary{grid-column:1;grid-row:1}.row-items{grid-column:2;grid-row:1/3}.row-state{grid-column:3;grid-row:1;align-items:flex-end}.row-total{grid-column:1;grid-row:2}.row-actions{grid-column:1/4;grid-row:3;border-top:1px solid #e6edf1;padding-top:11px;justify-content:flex-start}.row-actions .btn-primary{font-size:11px;min-width:135px;min-height:38px}.row-actions .btn-primary .icon{display:block}.row-actions .btn-icon,.row-actions .btn-danger-icon{min-width:37px;min-height:38px}.row-waiting{flex:1;font-size:10px}#order-area{border:0;background:transparent;overflow:visible}.kitchen-board{grid-template-columns:1fr;padding:0;background:transparent}.kitchen-column .order-head{flex-direction:row;align-items:center}.kitchen-column .order-card{padding:18px}.column-heading{padding-bottom:12px}.kitchen-column{margin-bottom:10px}.stats{margin-bottom:24px}.stat{display:flex;align-items:flex-start;flex-direction:column;padding:11px 14px;gap:4px}.stat>strong{font-size:25px;line-height:1.25;padding:0;order:2}.stat>small{order:3;font-size:7px}.stat-top{order:1;font-size:9px}.stat:before{top:12px;height:17px}.section-heading{align-items:flex-start}.search-wrap{width:48%}.search-wrap input{font-size:10px}.topbar p{font-size:10px}}
@media(max-width:700px){.login-header{padding:16px 21px}.login-header-label{font-size:10px}.login-header .brand img{width:34px;height:34px}.login-header .wordmark{font-size:23px}.login-header .brand span{font-size:8px}.login-main{margin:39px auto 30px;padding:27px 25px 20px;max-width:calc(100% - 30px)}.login-title h1{font-size:22px}.login-title p{font-size:11px}.login-footer{font-size:9px;padding:17px 20px}.login-footer>span:last-child{display:none}.login-note{font-size:9px}.login-form{gap:19px}.field input{height:46px}.demo-banner{flex-direction:column;align-items:stretch;gap:9px;padding:10px 16px;font-size:9px}.demo-banner-copy{line-height:1.9;gap:7px}.role-switch{align-self:stretch}.role-switch button{flex:1;font-size:10px;min-height:32px}.shell{display:block}.sidebar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:13px;padding:14px 15px;border:0}.sidebar>.brand{padding:0;gap:9px}.sidebar .brand span{display:none}.sidebar .brand img{width:29px;height:29px}.sidebar .wordmark{font-size:22px}.nav-group-label,.sidebar-bottom{display:none}.nav{flex-direction:row;gap:6px}.nav-item{min-height:36px;font-size:10px;padding:7px 10px;border-right:0;border-bottom:2px solid transparent;border-radius:3px}.nav-item.active{border-bottom-color:#c39a5e}.nav-item .icon{width:15px;height:15px}.nav-count{min-width:18px;line-height:19px;font-size:9px}.workspace{padding:21px 15px 17px}.topbar{align-items:flex-start;gap:12px;margin-bottom:20px}.breadcrumb{font-size:9px;margin-bottom:5px}.topbar h1{font-size:22px}.topbar p{font-size:10px;max-width:225px;line-height:1.9}.topbar-actions{padding-top:19px;gap:6px}.topbar-actions .btn{min-height:36px;font-size:10px;padding:7px 9px}.topbar-actions .btn-icon{min-width:34px;padding:8px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.stat{padding:12px 10px 10px;gap:5px}.stat-top{font-size:8px}.stat>strong{font-size:24px}.stat>small{display:none}.section-heading{flex-direction:column;gap:13px;margin-bottom:16px}.section-heading h2{font-size:15px}.section-heading .subtle{font-size:9px}.search-wrap{width:100%}.search-wrap input{height:43px;font-size:11px}.search-wrap .icon{top:13px}.filters{gap:4px;padding-bottom:14px}.filters>button{min-height:40px;font-size:10px;padding:7px 9px}.order-row{grid-template-columns:105px minmax(0,1fr) 105px;gap:12px 7px;padding:16px 14px}.row-primary{grid-column:1/3}.row-items{grid-column:1/4;grid-row:2;font-size:12px;border-top:1px solid #e7edf1;padding-top:11px}.row-items>div{line-height:2}.row-items>div>span{white-space:normal}.row-items>small{font-size:10px}.row-state{grid-row:1;grid-column:3}.row-state>small{font-size:9px}.row-total{grid-column:1;grid-row:3;padding-top:10px}.row-total>b{font-size:14px}.row-actions{grid-column:2/4;grid-row:3;justify-content:flex-end;padding-top:10px;border-top:0;gap:4px}.row-actions .btn-primary{min-width:106px;min-height:39px;font-size:10px;padding:7px 8px}.row-actions .btn-primary .icon{display:none}.row-actions .btn-icon,.row-actions .btn-danger-icon{min-width:32px;min-height:39px;padding:7px}.row-waiting{font-size:9px;min-width:auto;text-align:left}.row-number{font-size:15px}.row-table{font-size:10px}.row-state>.badge{font-size:9px}.row-note{white-space:normal!important}.kitchen-board{gap:16px}.kitchen-column .order-card{padding:18px}.kitchen-column .order-head{gap:7px}.kitchen-column .order-head .badge{font-size:9px}.kitchen-column .order-actions .btn-primary{min-height:42px;font-size:12px}.kitchen-column .order-item strong{font-size:14px}.kitchen-column .order-item small{font-size:11px}.column-heading .badge{font-size:12px}.column-heading>b{font-size:13px}.workspace-footer{font-size:8px;align-items:flex-start;flex-direction:column;gap:6px}.staff-intro{gap:13px}.staff-intro h2{font-size:17px}.staff-intro p{font-size:10px;line-height:1.9}.staff-total{font-size:9px;padding:6px 8px}.staff-card{padding:18px}.staff-role select{width:130px}.staff-person h3{font-size:12px}.staff-person small{font-size:10px}.notice{font-size:10px;padding:11px}.staff-onboarding-note{font-size:9px}.stale-banner{font-size:10px;line-height:1.9;padding:11px}.dialog{max-height:91svh}.dialog-head{padding:17px 18px}.dialog-head h2{font-size:15px}.dialog-body{padding:18px}.dialog-foot{flex-wrap:wrap;padding:14px 18px}.dialog-foot .btn{flex-grow:1}.detail-item b{font-size:11px}.detail-item p,.detail-item small{font-size:10px}.toast{font-size:11px;line-height:1.9;padding:12px 15px;bottom:17px}.field-error{font-size:10px}}
@media(max-width:370px){.row-actions .btn-primary{min-width:90px;font-size:9px}.row-actions .btn-icon,.row-actions .btn-danger-icon{min-width:28px;padding:5px}.order-row{grid-template-columns:88px minmax(0,1fr) 100px}.row-total>b{font-size:12px}.nav-item{padding-inline:7px}.sidebar{gap:8px}.login-main{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}