:root{--ink:#172328;--muted:#7c898d;--line:#e8edeb;--paper:#fff;--canvas:#f6f8f7;--green:#1d765d;--green-dark:#145c48;--green-soft:#e9f5ef;--orange:#ed8d56;--orange-soft:#fff1e7;--red:#d65d55;--red-soft:#fff0ee;--blue:#568bb8;--blue-soft:#edf5fb;--shadow:0 8px 24px rgba(28,50,44,.045);font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#101b21;color:#d6e0dd;padding:22px 16px 14px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 23px;color:white}.brand-mark{height:38px;width:38px;border-radius:13px;background:#e9915e;color:#fff;display:grid;place-items:center;font-family:serif;font-size:22px;box-shadow:0 5px 14px #e9915e33}.brand strong{display:block;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:.1px}.brand span{display:block;margin-top:2px;color:#829394;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.restaurant-switch{height:56px;background:#1a292e;border:1px solid #2b3b3e;border-radius:12px;display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:22px}.switch-icon{width:34px;height:34px;background:#2b4842;border-radius:9px;display:grid;place-items:center;color:#d5b391;font-family:serif;font-size:18px}.restaurant-switch small,.restaurant-switch b{display:block}.restaurant-switch small{font-size:9px;color:#79908b;letter-spacing:.9px;margin-bottom:3px}.restaurant-switch b{font-size:12px;color:#ecf1ee;font-weight:600}.chevron{margin-left:auto;color:#8ca09b}.main-nav{overflow:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-label{padding:0 11px;margin:4px 0 8px;font-size:9px;letter-spacing:1.2px;font-weight:700;color:#71827f}.nav-label-spaced{margin-top:23px}.nav-item{width:100%;border:0;background:transparent;color:#aab8b5;display:flex;align-items:center;text-align:left;height:40px;border-radius:9px;padding:0 11px;gap:12px;font-size:12px;margin:2px 0;transition:.16s}.nav-item:hover{background:#1d2d32;color:#f1f5f3}.nav-item.active{background:#224239;color:#f2faf6;font-weight:600;box-shadow:inset 3px 0 #e99564}.nav-icon{font-size:18px;width:19px;text-align:center;color:#8ea29c}.nav-item.active .nav-icon{color:#f1a06e}.nav-count{font-style:normal;margin-left:auto;background:#31574d;color:#bde0d1;border-radius:12px;padding:2px 7px;font-size:10px}.nav-count.muted{background:#28383c;color:#a2b1ad}.nav-dot{width:6px;height:6px;border-radius:10px;background:#f19a65;margin-left:auto}.sidebar-bottom{margin-top:auto}.help-card{background:linear-gradient(145deg,#1c3431,#203d37);border:1px solid #2d4941;border-radius:12px;padding:13px 13px 12px;margin:12px 1px}.help-spark{color:#f1a06e;font-size:18px}.help-card b{display:block;font-size:12px;margin-top:4px;color:#eef5f0}.help-card p{font-size:10px;color:#9db0aa;line-height:1.5;margin:5px 0 10px}.help-card button{padding:0;border:0;background:none;color:#e9a274;font-size:10px;font-weight:700}.help-card button span{margin-left:7px}.user-card{border-top:1px solid #29383b;padding:14px 3px 0;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f1c5a8;color:#794b38;font-size:10px;font-weight:700}.user-card b,.user-card span{display:block}.user-card b{font-size:11px;color:#eaf0ed}.user-card span{font-size:10px;color:#81918e;margin-top:2px}.user-card button{margin-left:auto;background:transparent;color:#94a39f;border:0}.main-area{margin-left:250px;min-height:100vh}.topbar{height:64px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#96a09f;font-size:11px}.breadcrumbs b{color:#29393b;font-weight:600}.crumb-sep{color:#ccd4d1}.top-actions{display:flex;align-items:center;gap:17px}.service-status{color:#6e7c7c;font-size:10px;display:flex;align-items:center;gap:7px}.service-status i{width:7px;height:7px;background:#49a77a;border-radius:50%;box-shadow:0 0 0 3px #e4f4eb}.icon-button{width:29px;height:29px;border:0;background:transparent;color:#647375;font-size:19px;position:relative;border-radius:8px}.icon-button:hover{background:#f1f5f3}.notification-button i{position:absolute;width:5px;height:5px;background:#ea885c;border-radius:50%;right:5px;top:4px}.top-avatar{width:29px;height:29px;font-size:9px}.mobile-menu{display:none;border:0;background:none;font-size:18px}.page-content{max-width:1500px;padding:29px 34px 50px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.eyebrow{font-size:10px;color:#919d9c;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;margin-bottom:6px}.page-heading h1{font:700 24px Manrope,sans-serif;letter-spacing:-.7px;margin:0;color:#1b2b2d}.page-heading p{font-size:12px;color:#85918f;margin:7px 0 0}.heading-actions{display:flex;align-items:center;gap:9px}.button{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 13px;color:#465556;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:7px;box-shadow:0 2px 4px #1b393608;transition:.15s}.button:hover{border-color:#bfcfc8;transform:translateY(-1px)}.button.primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 4px 10px #1d765d25}.button.primary:hover{background:var(--green-dark)}.button.ghost{background:transparent;box-shadow:none}.button.small{padding:7px 10px;font-size:10px}.button.icon-plus{font-size:17px;line-height:10px}.period-select{background:white;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:10px;color:#5c6b6b}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{background:white;border:1px solid #edf0ee;border-radius:12px;padding:16px 17px;box-shadow:var(--shadow);min-height:110px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#778582;font-size:10px;font-weight:600}.stat-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:15px}.stat-icon.green{background:#eaf5ef;color:#398367}.stat-icon.orange{background:#fff2e8;color:#dd8956}.stat-icon.blue{background:#edf5fa;color:#628dae}.stat-icon.purple{background:#f4effb;color:#9873bd}.stat-value{font:700 23px Manrope,sans-serif;letter-spacing:-1px;margin-top:11px;color:#1c3031}.stat-foot{font-size:9px;color:#9aa4a2;margin-top:4px}.stat-foot strong{color:#559278;font-weight:600}.stat-foot .warn{color:#d58455}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.92fr);gap:17px}.panel{background:white;border:1px solid #edf0ee;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.panel-header{padding:16px 18px;border-bottom:1px solid #eef1ef;display:flex;justify-content:space-between;align-items:center}.panel-title{font:700 13px Manrope,sans-serif;color:#243537}.panel-subtitle{color:#96a19f;font-size:10px;margin-top:4px}.text-link{border:0;background:none;color:var(--green);font-size:10px;font-weight:700;padding:4px}.floor-body{padding:17px 19px 13px}.floor-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.floor-meta strong{font-size:10px;color:#445352}.legend{display:flex;gap:13px;color:#879391;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.legend .free{background:#6bb18d}.legend .occupied{background:#e58e5b}.legend .reserved{background:#6190b1}.floor-map{height:242px;background:#f7f9f7;border:1px dashed #dce5df;border-radius:10px;position:relative;overflow:hidden}.floor-map:before{content:"";position:absolute;left:9%;right:9%;top:50%;height:1px;background:#e6ece8}.floor-map:after{content:"";position:absolute;top:12%;bottom:12%;left:50%;width:1px;background:#e6ece8}.floor-zone{position:absolute;font-size:8px;text-transform:uppercase;color:#aeb9b5;letter-spacing:1px}.zone-window{top:11px;left:15px}.zone-bar{right:14px;top:11px}.zone-door{right:17px;bottom:10px}.table-node{position:absolute;width:68px;height:62px;border:1px solid #cfe2d7;background:#eff8f2;border-radius:12px;display:grid;place-items:center;cursor:pointer;z-index:1;transition:.16s;color:#416d59}.table-node:hover{transform:scale(1.05);box-shadow:0 5px 12px #244c3a14}.table-node.occupied{background:#fff4ec;border-color:#f0cfb5;color:#9c6442}.table-node.reserved{background:#edf5fb;border-color:#c9ddec;color:#557c98}.table-node.selected{box-shadow:0 0 0 3px #1d765d2a;border-color:var(--green)}.table-node b{font:700 13px Manrope,sans-serif}.table-node small{font-size:8px;margin-top:-11px}.t1{left:12%;top:25%}.t2{left:34%;top:25%}.t3{right:33%;top:25%}.t4{right:11%;top:25%}.t5{left:22%;bottom:14%}.t6{left:47%;bottom:14%}.t7{right:20%;bottom:14%}.map-caption{display:flex;align-items:center;justify-content:space-between;padding-top:12px;color:#8e9a97;font-size:9px}.map-caption b{color:#556562}.reservations-panel .panel-header{padding-bottom:13px}.reservation-date{display:flex;align-items:center;gap:7px;font-size:9px;color:#768582}.reservation-date strong{color:#384846;font-size:10px}.booking-list{padding:0 16px}.booking-row{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:10px;padding:13px 2px;border-bottom:1px solid #f0f2f0}.booking-row:last-child{border:0}.booking-time{font:700 11px Manrope,sans-serif;color:#526360}.guest-name{font-weight:600;font-size:10px;color:#334341}.guest-detail{font-size:9px;color:#99a3a0;margin-top:3px}.booking-status{border-radius:20px;padding:5px 7px;font-size:8px;font-weight:700;white-space:nowrap}.status-confirmed{background:#eaf5ef;color:#468368}.status-arrived{background:#fff1e6;color:#bf7647}.status-pending{background:#edf4f9;color:#64839c}.status-preparing{background:#fff1e6;color:#bd754a}.status-ready{background:#eaf5ef;color:#468368}.status-new{background:#f0ecf9;color:#896bb0}.status-done{background:#f0f2f1;color:#74817d}.lower-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:17px;margin-top:17px}.mini-order,.activity-row{display:flex;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid #f0f2f0}.mini-order:last-child,.activity-row:last-child{border:0}.order-icon{width:30px;height:30px;border-radius:9px;background:#fff3e9;display:grid;place-items:center;color:#ca8050;font-size:15px}.order-info{flex:1}.order-info b,.activity-copy b{display:block;font-size:10px;color:#334341}.order-info span,.activity-copy span{display:block;margin-top:3px;font-size:9px;color:#9aa4a1}.order-price{font-size:10px;font-weight:700;color:#556561}.activity-dot{width:29px;height:29px;border-radius:50%;background:#e9f5ef;color:#559478;display:grid;place-items:center;font-size:13px}.activity-dot.call{background:#edf4f9;color:#6488a3}.activity-dot.note{background:#fff1e6;color:#c48255}.activity-copy{flex:1}.activity-time{font-size:9px;color:#a1aaa8}.page-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px}.toolbar{display:flex;gap:8px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.search-box{flex:1;position:relative}.search-box input{width:100%;border:1px solid var(--line);border-radius:7px;padding:9px 10px 9px 31px;font-size:10px;outline:none;background:#fff}.search-box:before{content:'⌕';position:absolute;left:11px;top:5px;font-size:17px;color:#94a09d}.filter-select{border:1px solid var(--line);border-radius:7px;padding:9px 10px;background:white;font-size:10px;color:#667470}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;background:#fafbfa;color:#929d99;font-size:9px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;padding:11px 15px;border-bottom:1px solid #edf0ee;white-space:nowrap}.data-table td{padding:13px 15px;border-bottom:1px solid #f0f2f1;font-size:10px;color:#53615f;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#fbfdfb}.table-primary{font-weight:700;color:#2d403e!important}.table-secondary{font-size:9px;color:#9aa4a1;margin-top:3px}.detail-card{padding:16px}.detail-kicker{font-size:9px;color:#98a39f;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.detail-card h3{font:700 15px Manrope,sans-serif;margin:8px 0 4px}.detail-card>p{font-size:10px;color:#899592;margin:0 0 15px}.detail-line{padding:11px 0;border-top:1px solid #eef1ef;display:flex;justify-content:space-between;font-size:10px;color:#7e8a87}.detail-line b{color:#3e504d;font-weight:600;text-align:right}.detail-actions{display:flex;gap:7px;margin-top:13px}.detail-actions .button{flex:1;justify-content:center}.section-panel{margin-bottom:16px}.panel-pad{padding:17px}.empty-state{text-align:center;padding:48px 20px;color:#8d9996;font-size:11px}.empty-state b{display:block;color:#495956;margin:9px 0 4px}.request-card{padding:15px 17px;border-bottom:1px solid #eef1ef;display:flex;gap:12px;align-items:flex-start}.request-card:last-child{border:0}.request-avatar{width:33px;height:33px;border-radius:10px;background:#f7eee7;color:#b5774d;display:grid;place-items:center}.request-main{flex:1}.request-main b{font-size:11px;color:#344542}.request-main p{font-size:10px;color:#74827e;line-height:1.5;margin:5px 0 8px}.request-meta{font-size:9px;color:#a0aaa7;display:flex;gap:10px}.call-summary{display:flex;align-items:center;gap:11px}.call-summary .activity-dot{flex-shrink:0}.call-type{font-size:9px;color:#95a09d;margin-top:3px}.tag{font-size:8px;border-radius:12px;padding:5px 8px;background:#f1f4f2;color:#71807b}.tag.ai{color:#42826b;background:#eaf5ef}.menu-category{display:inline-block;font-size:8px;color:#71827d;background:#f1f5f2;border-radius:5px;padding:4px 6px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setting-row{padding:12px 0;border-bottom:1px solid #edf0ee;display:flex;align-items:center;justify-content:space-between}.setting-row:last-child{border:0}.setting-row b{font-size:10px;display:block;color:#3b4d49}.setting-row span{font-size:9px;color:#98a39f;display:block;margin-top:4px}.toggle{width:33px;height:18px;background:#dbe3df;border-radius:20px;border:0;padding:2px;transition:.15s}.toggle:after{content:'';width:14px;height:14px;display:block;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transition:.15s}.toggle.on{background:#43856c}.toggle.on:after{transform:translateX(15px)}.modal-backdrop{position:fixed;inset:0;background:#10201eb8;z-index:30;display:grid;place-items:center;padding:16px}.modal{width:min(500px,100%);background:white;border-radius:14px;box-shadow:0 20px 60px #07100f44;overflow:hidden}.modal-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font:700 15px Manrope,sans-serif;margin:0}.close-modal{border:0;background:none;color:#85918e;font-size:20px}.modal-body{padding:18px 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}.field label{display:block;font-size:9px;font-weight:700;color:#71807c;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #e2e9e5;border-radius:7px;font-size:11px;color:#364642;outline:none;background:white}.field input:focus,.field select:focus,.field textarea:focus{border-color:#69a58b;box-shadow:0 0 0 3px #eaf5ef}.field textarea{resize:vertical;min-height:65px}.modal-footer{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast-region{position:fixed;right:22px;bottom:20px;z-index:50;display:grid;gap:8px}.toast{background:#183a31;color:#f5fbf6;border-radius:9px;padding:12px 15px;box-shadow:0 7px 25px #152c2540;font-size:11px;animation:toastin .2s ease}.toast.error{background:#8d3c38}@keyframes toastin{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.empty-icon{font-size:26px;color:#a9b6b1} @media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.page-content{padding-left:22px;padding-right:22px}.dashboard-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr 1fr}.page-columns{grid-template-columns:1fr}.detail-card{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:250px}.sidebar.open{transform:translateX(0);box-shadow:8px 0 30px #07100f35}.main-area{margin-left:0}.topbar{height:56px;padding:0 15px}.mobile-menu{display:block;color:#41524e}.breadcrumbs{margin-right:auto;margin-left:10px}.top-actions{gap:9px}.service-status{display:none}.page-content{padding:22px 14px 35px}.page-heading{align-items:flex-start;gap:12px;flex-direction:column}.page-heading h1{font-size:22px}.heading-actions{width:100%;flex-wrap:wrap}.stats-grid{gap:9px}.stat-card{padding:13px;min-height:100px}.stat-value{font-size:21px}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.floor-map{height:225px}.table-node{width:57px;height:54px}.legend{gap:8px}.data-table{min-width:680px}.panel.table-wrap{overflow-x:auto}.toolbar{flex-wrap:wrap}.search-box{min-width:100%}.settings-grid{grid-template-columns:1fr}.top-avatar{display:none}} /* Sakura House visual direction: warm rice paper, deep matcha and a restrained persimmon accent. */ :root{--canvas:#f6f4ef;--green:#28624e;--green-dark:#174c3c;--green-soft:#e9f2eb;--orange:#df8255;--orange-soft:#fff0e5;--shadow:0 8px 26px rgba(43,55,44,.055)} body{background:var(--canvas)} .page-content{max-width:1540px} .page-heading{margin-bottom:20px} .page-heading h1{font-size:25px;letter-spacing:-.9px} .panel,.stat-card{border-color:#ecebe5;border-radius:14px;box-shadow:0 5px 22px rgba(43,55,44,.045)} .panel-header{padding:17px 19px} .stat-card{padding:17px 18px} .service-hero{position:relative;min-height:176px;margin:0 0 17px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 190px 220px;align-items:center;padding:20px 25px;border-radius:16px;color:#f8f5ed;background:radial-gradient(ellipse at 69% 48%,rgba(100,141,112,.38),transparent 27%),linear-gradient(112deg,#193b32 0%,#234b3e 54%,#193b32 100%);box-shadow:0 10px 28px rgba(27,68,53,.13)} .service-hero:before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle at 1px 1px,#dfe9d7 1px,transparent 0);background-size:17px 17px;mask-image:linear-gradient(90deg,transparent 36%,#000 100%)} .hero-copy,.hero-orbit,.hero-metrics{position:relative;z-index:1}.hero-eyebrow{font-size:8px;letter-spacing:1.4px;color:#b8d0c0;font-weight:700;display:flex;align-items:center;gap:7px}.hero-eyebrow i,.hero-live i{height:6px;width:6px;border-radius:50%;background:#a6d8ac;box-shadow:0 0 0 3px #a6d8ac22}.hero-copy h2{font:700 21px/1.18 Manrope,sans-serif;letter-spacing:-.55px;margin:10px 0 6px;color:#fff}.hero-copy h2 em{font-style:normal;color:#f1b58d}.hero-copy p{font-size:10px;color:#c5d5cc;margin:0 0 10px}.hero-link{border:0;padding:0;background:none;color:#f6c4a2;font-size:9px;font-weight:700}.hero-link span{margin-left:6px}.hero-orbit{height:145px;width:170px;display:grid;place-items:center;justify-self:center}.orbit-ring{position:absolute;border:1px solid #b7d2bb38;border-radius:50%;transform:rotate(-23deg)}.ring-one{width:145px;height:65px}.ring-two{width:118px;height:107px;transform:rotate(43deg)}.orbit-core{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f0b48b,#d87f55);color:#fff9ef;font:28px Georgia,serif;box-shadow:0 8px 22px #102b2477,0 0 0 8px #d6e8d314}.orbit-leaf{position:absolute;color:#d4dfbb;font-size:13px}.leaf-one{top:14px;right:38px}.leaf-two{bottom:14px;left:32px;color:#f4bc95}.hero-metrics{align-self:stretch;border-left:1px solid #ffffff24;padding:10px 0 8px 20px;display:flex;flex-direction:column;justify-content:center;gap:11px}.hero-metrics>div:not(.hero-live){display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-metrics span{font-size:7px;letter-spacing:.85px;color:#b9cec1;font-weight:700}.hero-metrics b{font:700 16px Manrope,sans-serif;color:#fff}.hero-live{display:flex;align-items:center;gap:7px;color:#d4ead5;font-size:9px;font-weight:600;padding-top:8px;border-top:1px solid #ffffff20}.floor-map{background-color:#fbfaf6;background-image:radial-gradient(#dce5dc 1px,transparent 1px);background-size:18px 18px;border-style:solid;border-color:#e9ece4}.table-node{box-shadow:0 3px 8px rgba(52,72,58,.06);border-radius:15px}.table-node.selected{box-shadow:0 0 0 3px #28624e26,0 5px 14px #244c3a12}.button{border-radius:9px}.button.primary{background:var(--green);border-color:var(--green)}.button.primary:hover{background:var(--green-dark)}.booking-row{padding:14px 2px}.topbar{background:rgba(255,255,255,.92)} @media(max-width:1100px){.service-hero{grid-template-columns:minmax(0,1fr) 150px 195px;padding-left:21px;padding-right:20px}.orbit-core{width:50px;height:50px}} @media(max-width:720px){.service-hero{grid-template-columns:1fr auto;min-height:154px;padding:17px}.hero-orbit{width:84px;height:92px;transform:scale(.72);transform-origin:center}.hero-metrics{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff24;padding:10px 0 0;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.hero-live{border-top:0;padding-top:0}.hero-copy h2{font-size:19px}.hero-copy p{max-width:230px;line-height:1.45}.page-heading h1{font-size:22px}} /* Calm, fast micro-interactions: feedback without slowing down service. */ :focus-visible{outline:3px solid #de956c;outline-offset:2px} .nav-item,.button,.icon-button,.text-link,.table-node,.toggle{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .18s ease,transform .18s ease} .button:active,.icon-button:active{transform:scale(.97)} .nav-item:active{transform:translateX(1px)} .page-content>.page-heading,.page-content>.service-hero,.page-content>.stats-grid,.page-content>.dashboard-grid,.page-content>.lower-grid,.page-content>.page-columns,.page-content>section.panel,.page-content>.settings-grid{animation:soft-rise .32s cubic-bezier(.2,.75,.3,1) both} .page-content>.service-hero{animation-delay:.035s} .page-content>.stats-grid{animation-delay:.07s} .page-content>.dashboard-grid,.page-content>.page-columns{animation-delay:.11s} .page-content>.lower-grid,.page-content>section.panel,.page-content>.settings-grid{animation-delay:.15s} .stat-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} .stat-card:hover{transform:translateY(-2px);box-shadow:0 11px 27px rgba(43,55,44,.09);border-color:#e0e5dc} .table-node:hover{transform:translateY(-2px) scale(1.035)} .table-node.occupied:not(.selected):after{content:"";position:absolute;inset:-4px;border:1px solid #e58e5b55;border-radius:17px;animation:quiet-pulse 2.6s ease-out infinite;pointer-events:none} .data-table tbody tr{transition:background-color .15s ease} .booking-row{transition:background .15s ease} .booking-row:hover{background:#fafaf6} .hero-orbit .ring-one{animation:orbit-one 28s linear infinite} .hero-orbit .ring-two{animation:orbit-two 34s linear infinite} .hero-orbit .orbit-core{animation:core-glow 4s ease-in-out infinite} .hero-live i,.service-status i{animation:live-pulse 2.2s ease-in-out infinite} .modal-backdrop{animation:fade-in .16s ease both} .modal{animation:modal-in .22s cubic-bezier(.2,.8,.25,1) both} @keyframes soft-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} @keyframes fade-in{from{opacity:0}to{opacity:1}} @keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}} @keyframes live-pulse{0%,100%{box-shadow:0 0 0 3px #a6d8ac22}50%{box-shadow:0 0 0 6px #a6d8ac0c}} @keyframes quiet-pulse{0%{opacity:.55;transform:scale(.98)}100%{opacity:0;transform:scale(1.12)}} @keyframes orbit-one{to{transform:rotate(337deg)}} @keyframes orbit-two{to{transform:rotate(403deg)}} @keyframes core-glow{0%,100%{box-shadow:0 8px 22px #102b2477,0 0 0 8px #d6e8d314}50%{box-shadow:0 8px 26px #102b2490,0 0 0 11px #d6e8d30c}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} /* Sakura on ink: black-plum base, blush accents and warm rice-paper text. */ :root{--ink:#f5eee9;--muted:#ada1a6;--line:var(--tenant-342a32,#342a32);--paper:#1c191e;--canvas:#100e12;--green:var(--tenant-e493ae,#e493ae);--green-dark:#d47d9c;--green-soft:var(--tenant-38252e,#38252e);--orange:#efac8b;--orange-soft:#3a2927;--blue:#9aafd0;--blue-soft:#252a36;--shadow:0 9px 28px rgba(0,0,0,.24)} body,.main-area{background:#100e12;color:#f5eee9}.sidebar{background:#09080b;border-right:1px solid #251f25}.brand-mark{background:#dc88a2;box-shadow:0 6px 18px #df92aa30}.restaurant-switch{background:#171419;border-color:#2b242c}.switch-icon{background:var(--tenant-38252e,#38252e);color:#f3c8d5}.nav-item.active{background:#302129;box-shadow:inset 3px 0 #e99bb4;color:#fff5f2}.nav-item.active .nav-icon{color:#f2acc0}.topbar{background:rgba(20,17,22,.94);border-color:#2b242c}.breadcrumbs{color:#8f858a}.breadcrumbs b{color:#f4eae5}.crumb-sep{color:#534951}.service-status{color:#b5a9ae}.icon-button{color:#c5b6bc}.top-avatar{background:#e8a5b7;color:#39202a}.page-heading h1{color:#f6eee8}.page-heading p,.eyebrow{color:#b0a3a6}.eyebrow{color:#ca9bab}.panel,.stat-card{background:#1b181e;border-color:var(--tenant-342a32,#342a32);box-shadow:0 8px 27px rgba(0,0,0,.22)}.panel-header{border-color:var(--tenant-30272e,#30272e)}.panel-title{color:#f4eae5}.panel-subtitle,.stat-top{color:#aa9fa3}.stat-value{color:#fff5ef}.stat-foot{color:#9d9296}.stat-icon.green{background:var(--tenant-38252e,#38252e);color:#eea6bd}.stat-icon.orange{background:#382924;color:#f0b293}.stat-icon.blue{background:#262b38;color:#b0c4e0}.stat-icon.purple{background:#30243a;color:#d2a7e6}.stat-foot strong{color:#efa9bf}.stat-foot .warn{color:#f0b293}.button{background:#201c22;border-color:#3a3038;color:#eee3df;box-shadow:0 2px 6px #0002}.button:hover{border-color:#876073;background:#292229}.button.primary{background:var(--tenant-e99ab4,#e99ab4);border-color:var(--tenant-e99ab4,#e99ab4);color:#22151b;box-shadow:0 5px 15px #e99ab426}.button.primary:hover{background:#f0aec2}.text-link{color:#efa8be}.floor-meta strong{color:#e9ded9}.floor-meta strong span{color:#a79ba0!important}.legend{color:#b6a9ad}.legend .free{background:#9ebca0}.legend .reserved{background:var(--tenant-e99ab4,#e99ab4)}.legend .occupied{background:#efac8b}.floor-map{background-color:#201c23;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:24px 24px;border-color:#453640}.floor-map:before,.floor-map:after{background:#ffffff10}.floor-zone{color:#c5aeb8}.table-node{background:#2c3a32;border-color:#617464;color:#d7ebd9}.table-node.occupied{background:#47302b;border-color:#9c6b59;color:#f2c0a3}.table-node.reserved{background:#462c38;border-color:#ad657f;color:#ffd8e4}.table-node.selected{border-color:#f1a9c0;box-shadow:0 0 0 3px #e99ab42b,0 8px 0 #8f5b6e}.booking-row{border-color:var(--tenant-30272e,#30272e)}.booking-row:hover{background:#231e24}.booking-time,.guest-name{color:#f0e4df}.guest-detail{color:var(--tenant-a99da1,#a99da1)}.status-confirmed{background:#25382d;color:#b9d8bc}.status-arrived{background:#493127;color:#f2bd9a}.status-pending{background:#392631;color:#f1b2c5}.status-preparing{background:#493127;color:#f2bd9a}.status-ready{background:#25382d;color:#b9d8bc}.status-new{background:#362844;color:#d6b3ec}.status-done{background:#2a272c;color:#c0b5b9}.order-info b,.activity-copy b{color:#eee4df}.order-info span,.activity-copy span,.activity-time{color:var(--tenant-a99da1,#a99da1)}.order-icon{background:#3c2b2a;color:#f1ac8b}.activity-dot{background:#28382e;color:#b4d5bb}.activity-dot.call{background:#272d39;color:#b0c5e0}.activity-dot.note{background:#412b2a;color:#efb195}.toolbar{border-color:var(--tenant-30272e,#30272e)}.search-box input,.filter-select,.field input,.field select,.field textarea{background:var(--tenant-211d23,#211d23);border-color:var(--tenant-40343d,#40343d);color:#f1e7e2}.search-box input::placeholder,.field input::placeholder,.field textarea::placeholder{color:#8d8187}.search-box:before{color:#b4a5ab}.filter-select{color:#d2c5c8}.data-table th{background:var(--tenant-211d23,#211d23);color:#b9aab0;border-color:var(--tenant-30272e,#30272e)}.data-table td{color:#d4c7c6;border-color:var(--tenant-30272e,#30272e)}.data-table tbody tr:hover{background:#231e24}.table-primary{color:#f2e6e1!important}.table-secondary{color:#ac9fa3}.detail-card h3,.detail-line b{color:#f2e7e2}.detail-card>p,.detail-line,.detail-kicker{color:#b5a8ac}.detail-line{border-color:var(--tenant-30272e,#30272e)}.request-card{border-color:var(--tenant-30272e,#30272e)}.request-main b{color:#f2e7e2}.request-main p{color:#c0b3b6}.request-meta{color:var(--tenant-a99da1,#a99da1)}.request-avatar{background:#3a2931;color:#f0a7be}.tag{background:#2d282e;color:#c8babd}.tag.ai{background:#33252c;color:var(--tenant-f0a9c0,#f0a9c0)}.menu-category{background:#332a31;color:#d6bdc7}.setting-row{border-color:#332a31}.setting-row b{color:#eee3df}.setting-row span{color:#ada1a6}.toggle{background:#4a4147}.toggle.on{background:#d984a0}.toggle:after{background:#fff5f0}.modal{background:#1c191e;color:#f4eae5}.modal-head,.modal-footer{border-color:var(--tenant-342a32,#342a32)}.modal-head h2{color:#f7eee9}.close-modal{color:#b8a9af}.field label{color:#c4b6bb}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--tenant-e493ae,#e493ae);box-shadow:0 0 0 3px #e493ae22}.toast{background:#392731;color:#fff3f0}.toast.error{background:#772f3d}.empty-state{color:#ada1a6}.empty-state b{color:#eee3df}.service-hero{background:radial-gradient(ellipse at 69% 48%,rgba(214,130,158,.22),transparent 27%),linear-gradient(112deg,#22171e 0%,#37232d 54%,#21171e 100%);border:1px solid #4a303d;box-shadow:0 12px 35px rgba(0,0,0,.28)}.service-hero:before{opacity:.08}.hero-eyebrow{color:#e5afc0}.hero-copy h2{color:#fff2ed}.hero-copy h2 em{color:#f0aac0}.hero-copy p{color:#d0bdc3}.hero-link{color:#f1b1c5}.hero-metrics{border-color:#ffffff20}.hero-metrics span{color:#d2b9c2}.hero-metrics b{color:#fff1ed}.hero-live{color:#e5c6d0;border-color:#ffffff20}.hero-live i{background:var(--tenant-f0a9c0,#f0a9c0)} .room-wall{position:absolute;z-index:0;pointer-events:none}.wall-top{left:5%;right:5%;top:6%;height:10px;background:linear-gradient(#6a515c,#473841);border-radius:8px;box-shadow:0 5px 0 #100e12}.room-counter{position:absolute;z-index:0;right:7%;top:10%;width:25%;height:21px;border-radius:8px;background:linear-gradient(180deg,#5b3c4b,#392631);border:1px solid #86576a;color:#d9a7b8;display:grid;place-items:center;font-size:7px;font-weight:700;letter-spacing:1.2px;box-shadow:0 5px 0 #100e12}.room-window{position:absolute;left:17%;top:5%;height:7px;width:27%;border-radius:9px;background:#806a6a;box-shadow:0 2px 8px #d7a9b020}.room-entry{position:absolute;bottom:5%;right:8%;z-index:0;border:1px solid #79616c;border-radius:8px;color:#c6aab6;background:#2a2229;padding:5px 11px;font-size:7px;letter-spacing:1px} .allergen-list{display:flex;flex-wrap:wrap;gap:4px;max-width:210px}.allergen-list span{padding:3px 6px;border-radius:5px;background:#352630;color:#e8b4c5;font-size:8px}.allergen-list .no-allergens{background:transparent;color:#968990}.availability-pill{border:1px solid #47624e;border-radius:20px;background:#26382d;color:#c7dfc7;padding:5px 8px;font-size:8px;font-weight:700;white-space:nowrap}.availability-pill.low{background:#453126;border-color:#755443;color:#f0c19d}.menu-category{white-space:nowrap}.order-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 0 10px}.order-heading label{display:block;margin:0;color:#c4b6bb;font-size:9px;font-weight:700}.order-heading span{display:block;margin-top:5px;color:#94868c;font-size:9px}.order-line{padding:10px;background:var(--tenant-211d23,#211d23);border:1px solid #3a3038;border-radius:10px;margin-bottom:8px}.order-line-main{display:grid;grid-template-columns:minmax(0,1fr) 70px 28px;gap:7px}.order-product,.order-quantity{min-width:0;width:100%;border:1px solid var(--tenant-40343d,#40343d);border-radius:7px;padding:9px;background:var(--tenant-18151a,#18151a);color:#f1e7e2;font-size:10px}.remove-line{border:0;border-radius:7px;background:#39252d;color:#efadc1;font-size:18px}.order-modification{margin-top:7px;width:100%;border:1px solid #3c3038;border-radius:7px;padding:8px 9px;background:#1a171c;color:#f1e7e2;font-size:9px}.order-modification::placeholder{color:#92858b}.order-total-box{padding:9px 11px;background:#34252d;border:1px solid #62404e;border-radius:7px;color:#f6c4d3;font:700 13px Manrope,sans-serif}.remove-line:hover{background:#56313e}.order-product:focus,.order-quantity:focus,.order-modification:focus{outline:2px solid var(--tenant-e493ae,#e493ae);outline-offset:1px} @media(max-width:720px){.floor-meta{flex-wrap:wrap;gap:8px}.floor-meta .legend{width:100%}.wall-top{left:4%;right:4%}.room-counter{right:5%;width:32%}.data-table{background:#1b181e}.order-line-main{grid-template-columns:minmax(0,1fr) 60px 28px}} /* Warm cream room surface balances the ink-black workspace and makes table states easy to scan. */ .floor-map{background-color:#e9dfd3;background-image:linear-gradient(#85776f18 1px,transparent 1px),linear-gradient(90deg,#85776f18 1px,transparent 1px);border-color:#cdbeb4} .floor-map:before,.floor-map:after{background:#a99a911f}.floor-zone{color:#82756e}.room-wall{background:linear-gradient(#86716c,#66514f);box-shadow:0 5px 0 #c4b3a6}.room-counter{background:linear-gradient(180deg,#674251,#442934);border-color:#a36b80;color:#f1c6d2;box-shadow:0 5px 0 #bba99c}.room-window{background:#9e807e;box-shadow:0 2px 9px #fff8}.room-entry{background:#43343a;border-color:#76616a;color:#f4e4da;box-shadow:0 4px 0 #c2b1a4} /* Layout refinement: keep dense operational text readable at every width. */ .data-table{table-layout:auto} .data-table th,.data-table td{white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.45;vertical-align:top} .data-table td .booking-status,.data-table td .availability-pill{white-space:normal;display:inline-flex;max-width:100%} .table-wrap{overflow-x:auto;overscroll-behavior-inline:contain} .booking-row{grid-template-columns:43px minmax(0,1fr) auto;gap:9px} .booking-row>div:nth-child(2),.guest-name,.guest-detail,.order-info,.activity-copy,.request-main{min-width:0;overflow-wrap:anywhere} .booking-status{max-width:145px;white-space:normal;line-height:1.25;text-align:center} .mini-order,.activity-row{flex-wrap:wrap} .mini-order .order-info,.activity-row .activity-copy{flex:1 1 45%;min-width:140px} .request-card{align-items:flex-start;flex-wrap:wrap} .request-main{flex:1 1 65%;max-width:calc(100% - 55px)} .request-card>.booking-status{margin-left:46px} .request-card>.button{margin-left:auto} .setting-row>div{min-width:0;overflow-wrap:anywhere} /* Sakura House room planner */ .floor-body{position:relative} .floor-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .floor-meta>strong{color:#57484e} .floor-meta>strong span{color:#8b7c80;font-weight:400} .map-tools{display:flex;align-items:center;gap:5px;margin-left:auto} .map-control{height:27px;min-width:29px;border:1px solid #4a3841;background:#211a20;color:#f0d7df;border-radius:7px;font-size:11px;font-weight:700;padding:0 8px} .map-control:hover{background:#392630;border-color:#d887a2} .map-expand{font-size:9px;white-space:nowrap} .floor-body>.floor-meta .legend{order:4;width:100%;gap:15px;color:#74686b} .floor-body .legend .free{background:#29965b;box-shadow:0 0 0 3px #29965b22} .floor-body .legend .reserved{background:var(--tenant-d584a1,#d584a1);box-shadow:0 0 0 3px #d584a122} .floor-body .legend .occupied{background:#d73d49;box-shadow:0 0 0 3px #d73d4922} .map-stage-wrapper{height:330px;position:relative;isolation:isolate} .room-map{position:absolute;inset:0;overflow:hidden;border:1px solid #bfaea5;border-radius:12px;background-color:#eee5dc;background-image:linear-gradient(#85776f1b 1px,transparent 1px),linear-gradient(90deg,#85776f1b 1px,transparent 1px);background-size:26px 26px;transition:filter .25s ease,box-shadow .25s ease} .room-map.flat{box-shadow:inset 0 0 0 7px #dbcbbd,inset 0 0 0 9px #fff9f2} .room-map.flat .room-boundary{position:absolute;inset:14px;border:2px solid #8f786f;border-radius:13px;background:linear-gradient(90deg,transparent 0 66%,#c5b3a530 66% 67%,transparent 67%),linear-gradient(0deg,transparent 0 38%,#c5b3a530 38% 39%,transparent 39%)} .room-map.flat .room-boundary{transform:scale(var(--map-scale));transform-origin:center center;transition:transform .3s ease} .room-wall{left:7%;right:7%;top:3%;height:13px;border-radius:8px;background:linear-gradient(#9d847c,#705c57);box-shadow:0 5px 0 #c0ada1;z-index:1} .room-window{position:absolute;left:14%;top:2%;height:9px;width:29%;border:2px solid #947d77;border-radius:9px;background:#b3d2ce;color:#536e6c;text-align:center;font-size:6px;letter-spacing:1.4px;line-height:5px;z-index:2} .room-counter{position:absolute;left:38%;top:9%;width:24%;height:28px;border-radius:8px;background:linear-gradient(180deg,#694554,#3f2833);border:1px solid #9e657b;color:#f6d4df;display:grid;place-items:center;font-size:8px;font-weight:700;letter-spacing:1.2px;box-shadow:0 6px 0 #b9a69b,0 8px 10px #58403930;z-index:2} .room-aisle{position:absolute;left:39%;top:29%;width:22%;height:6%;border-top:1px dashed #a8948b;border-bottom:1px dashed #a8948b;color:#927e78;font-size:6px;letter-spacing:1px;text-align:center;padding-top:3px;z-index:0} .room-entry{position:absolute;right:5%;bottom:4%;z-index:1;border:1px solid #866f69;border-radius:8px;color:#5e4b4a;background:#f2e8df;padding:5px 11px;font-size:7px;letter-spacing:1px} .room-plan-label{position:absolute;color:#7c6a66;font-size:7px;font-weight:700;letter-spacing:1.3px;pointer-events:none;white-space:nowrap} .label-sala{left:4%;top:22%}.label-privata{left:4%;bottom:8%}.label-pickup{right:4%;top:19%;text-align:right} .table-node{position:absolute;left:50%;top:50%;width:76px;height:66px;z-index:3;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 3px;transform:translate(-50%,-50%);transition:box-shadow .18s ease,filter .18s ease,border-color .18s ease;user-select:none;cursor:pointer;box-shadow:0 4px 0 #b7a398,0 7px 12px #6e52411c} .table-node b{font:700 13px Manrope,sans-serif;line-height:1.1} .table-node small{font-size:8px;line-height:1.15;margin:0} .table-node em{font-style:normal;font-size:6px;line-height:1.1;text-transform:uppercase;letter-spacing:.5px;font-weight:700} .table-node.free{background:#d5f1dc;border:2px solid #269255;color:#155d38} .table-node.reserved{background:#f9dce7;border:2px solid #d87798;color:#7b2f4a} .table-node.occupied{background:#f6c4c7;border:2px solid #cf3442;color:#781d28;box-shadow:0 5px 0 #a9212d,0 8px 13px #8d233633} .table-node:hover{filter:brightness(1.04);z-index:5} .table-node.selected{outline:3px solid #d885a0;outline-offset:3px;z-index:6} .map-caption{gap:10px;flex-wrap:wrap;color:#766a6e}.map-caption b{color:#4e3d43} .map-stage-wrapper.expanded{position:fixed;inset:5vh 4vw;z-index:80;height:90vh;padding:14px;border:1px solid #6a4957;border-radius:18px;background:#1b171c;box-shadow:0 20px 100px #000b} .map-stage-wrapper.expanded:before{content:"";position:fixed;inset:0;background:#09070bc9;z-index:-1;backdrop-filter:blur(7px)} .map-stage-wrapper.expanded .room-map{height:100%;border-radius:14px} .map-stage-wrapper.expanded .table-node{width:88px;height:78px} .map-stage-wrapper.expanded .map-stage-wrapper.expanded+.map-caption{display:none} .order-modal{width:min(1120px,96vw);max-height:94vh} .order-modal .modal-body{padding:16px;max-height:calc(94vh - 125px);overflow:auto} .order-builder{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:16px;min-height:500px} .catalog-pane,.cart-pane{min-width:0;border:1px solid #3b3038;background:var(--tenant-211d23,#211d23);border-radius:13px;padding:14px} .catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px} .catalog-toolbar b,.cart-title b{display:block;color:#f4e9e4;font:700 13px Manrope,sans-serif} .catalog-toolbar span,.cart-title span{display:block;color:#a99ba1;font-size:9px;margin-top:4px} .catalog-toolbar input{width:min(240px,48%);padding:8px 10px;border:1px solid #463740;border-radius:8px;background:var(--tenant-18151a,#18151a);color:#f2e9e4;font-size:10px} .catalog-categories{display:flex;gap:6px;overflow-x:auto;padding:13px 0 11px;scrollbar-width:thin} .catalog-category{white-space:nowrap;border:1px solid #44343d;background:#19161b;color:#c4b4bb;border-radius:20px;padding:6px 9px;font-size:8px;font-weight:700} .catalog-category.active{background:#e9a2b9;border-color:#e9a2b9;color:#27191e} .catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:390px;overflow:auto;padding:2px} .catalog-item{min-width:0;border:1px solid #40343c;border-radius:10px;padding:10px;background:linear-gradient(150deg,#29232a,var(--tenant-211d23,#211d23));display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s,border-color .18s} .catalog-item:hover{transform:translateY(-2px);border-color:#916074} .catalog-item.unavailable{opacity:.55} .catalog-item-top{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;color:#d990aa;font-size:7px;letter-spacing:.7px} .catalog-item-top b{color:#f1d4dc;font-size:10px;letter-spacing:0;white-space:nowrap} .catalog-item h3{font:700 11px Manrope,sans-serif;color:#f4e9e4;margin:8px 0 4px;line-height:1.35} .catalog-item p{font-size:8px;color:#b5a7ac;line-height:1.45;margin:0 0 7px;overflow-wrap:anywhere} .catalog-allergens{font-size:7px;color:#d7b0bd;line-height:1.4;margin-top:auto;padding-bottom:8px} .catalog-add{margin-top:7px;background:var(--tenant-38252e,#38252e);color:#f0bbcb;border-color:#684452} .catalog-add:disabled{cursor:not-allowed;color:var(--tenant-a99da1,#a99da1)} .cart-pane{display:flex;flex-direction:column;background:linear-gradient(160deg,#2a2028,var(--tenant-211d23,#211d23))} .cart-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--tenant-40313a,#40313a)} .cart-bag{width:30px;height:30px;border-radius:9px;background:#39262f;color:var(--tenant-f0a9c0,#f0a9c0);display:grid!important;place-items:center;font-size:16px!important;margin:0!important} .customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0} .customer-fields .field:first-child{grid-column:1/-1} .customer-fields .field{margin:0} .customer-fields .field label,.cart-note label{font-size:8px} .customer-fields .field input{padding:8px;font-size:10px} .cart-lines{flex:1;min-height:150px;max-height:250px;overflow:auto;border-top:1px solid var(--tenant-40313a,#40313a);border-bottom:1px solid var(--tenant-40313a,#40313a)} .cart-empty{height:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#cbbac1} .cart-empty span{font-size:23px;color:#de94ad} .cart-empty b{font-size:10px;color:#eee2e5} .cart-empty small{font-size:8px;color:#a99ba1} .cart-line{padding:10px 2px;border-bottom:1px solid #3a2e36} .cart-line:last-child{border:0} .cart-line-heading,.cart-line-controls{display:flex;align-items:center;justify-content:space-between;gap:8px} .cart-line-heading>div{min-width:0} .cart-line-heading b{display:block;color:#f1e5e2;font-size:9px;overflow-wrap:anywhere} .cart-line-heading span{display:block;color:#aa9ba2;font-size:8px;margin-top:3px} .cart-remove{border:0;background:transparent;color:#eaa2b8;font-size:17px} .cart-line-controls{margin-top:8px} .quantity-stepper{display:flex;align-items:center;gap:10px;border:1px solid var(--tenant-493943,#493943);border-radius:7px;padding:3px 5px;color:#f1e5e2} .quantity-stepper button{width:20px;height:19px;border:0;border-radius:5px;background:#392731;color:#f0b3c5} .quantity-stepper b{font-size:9px;min-width:10px;text-align:center} .edit-modification{border:0;background:transparent;color:#e8a2b7;font-size:8px;font-weight:700;text-align:right} .modification-editor{margin-top:8px;display:grid;gap:6px} .modification-editor label{color:#c8b6bc;font-size:8px} .modification-editor textarea{min-height:55px;resize:vertical;border:1px solid var(--tenant-493943,#493943);background:var(--tenant-18151a,#18151a);color:#f2e9e4;border-radius:7px;padding:8px;font:9px 'DM Sans',sans-serif} .modification-summary{margin:7px 0 0;padding:6px 8px;border-left:2px solid #d7839f;background:#30232b;color:#d9bec8;font-size:8px;overflow-wrap:anywhere} .cart-note{margin-top:10px} .cart-note textarea{min-height:55px;font-size:9px} .cart-total{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:auto;color:#d4c2c8;font-size:10px} .cart-total b{font:700 18px Manrope,sans-serif;color:#f4bfd0} @media(max-width:800px){.map-stage-wrapper{height:300px}.floor-meta>strong{width:100%}.map-tools{margin-left:0}.floor-body>.floor-meta .legend{width:auto;order:0;margin-left:auto}.order-builder{grid-template-columns:1fr}.catalog-grid{max-height:280px}.cart-lines{max-height:260px}.order-modal .modal-body{max-height:calc(94vh - 125px)}} @media(max-width:560px){.floor-body{padding:13px 11px}.map-stage-wrapper{height:275px}.map-tools{width:100%;justify-content:flex-start}.floor-body>.floor-meta .legend{width:100%;margin-left:0;order:4}.table-node{width:58px;height:54px}.table-node b{font-size:11px}.table-node small{font-size:7px}.table-node em{font-size:5px}.room-plan-label{font-size:6px}.room-counter{height:23px;font-size:6px}.map-caption{font-size:8px}.map-caption b{font-size:8px}.map-stage-wrapper.expanded{inset:2vh 2vw;height:96vh;padding:9px}.map-stage-wrapper.expanded .table-node{width:68px;height:62px}.map-stage-wrapper.expanded .order-modal{width:96vw}.order-modal .modal-body{padding:10px;max-height:calc(94vh - 115px)}.order-builder{gap:10px}.catalog-pane,.cart-pane{padding:10px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-toolbar input{width:100%}.catalog-grid{grid-template-columns:1fr 1fr;gap:6px}.catalog-item{padding:8px}.catalog-item h3{font-size:10px}.customer-fields{grid-template-columns:1fr 1fr}.booking-row{grid-template-columns:39px minmax(0,1fr)}.booking-row>.booking-status{grid-column:2;justify-self:start}.mini-order .booking-status{margin-left:40px}} /* Stable 2D floor plan: hover feedback never changes a table's anchor position. */ .room-map.plan-mode{background:#e8dfd5;background-image:linear-gradient(#85776f1b 1px,transparent 1px),linear-gradient(90deg,#85776f1b 1px,transparent 1px);background-size:25px 25px;border-color:#bfaea5;overflow:hidden} .plan-view{position:absolute;inset:14px;border:2px solid #8f786f;border-radius:13px;background:linear-gradient(90deg,transparent 0 66%,#c5b3a530 66% 67%,transparent 67%),linear-gradient(0deg,transparent 0 38%,#c5b3a530 38% 39%,transparent 39%);overflow:hidden;transform:scale(var(--map-scale));transform-origin:center center;transition:transform .22s ease} .plan-boundary{position:absolute;inset:0} .plan-window{position:absolute;left:13%;top:0;width:27%;height:8px;background:#abd0ca;border:2px solid #88716a;border-radius:8px;transform:translateY(-45%);color:#506967;text-align:center;font-size:6px;letter-spacing:1px;line-height:4px} .plan-wall{position:absolute;left:5%;right:5%;top:0;height:12px;border-radius:0 0 8px 8px;background:linear-gradient(#9d847c,#705c57);box-shadow:0 4px 0 #c0ada1} .plan-counter{position:absolute;left:38%;top:8%;width:24%;height:26px;border-radius:7px;background:linear-gradient(180deg,#694554,#3f2833);border:1px solid #9e657b;color:#f6d4df;display:grid;place-items:center;font-size:7px;font-weight:700;letter-spacing:1px;box-shadow:0 4px 0 #b9a69b} .plan-aisle{position:absolute;left:39%;top:29%;width:22%;height:7%;border-top:1px dashed #a8948b;border-bottom:1px dashed #a8948b;color:#927e78;font-size:6px;letter-spacing:1px;text-align:center;padding-top:4px} .plan-takeaway{position:absolute;border:1px dashed #bda69b;border-radius:9px;color:#83716a;font-size:7px;font-weight:700;letter-spacing:1px;padding:8px;background:#fff7edcc} .plan-takeaway{right:3%;top:20%;width:18%;height:14%;font-size:6px} .plan-entry{position:absolute;right:4%;bottom:3%;border:1px solid #866f69;border-radius:7px;background:#f2e8df;color:#5e4b4a;padding:4px 9px;font-size:6px;letter-spacing:1px} .plan-view .table-node{z-index:3} .table-node{transform:translate(-50%,-50%);transition:box-shadow .16s ease,filter .16s ease;cursor:pointer} .table-node:hover{transform:translate(-50%,-50%);filter:brightness(1.04);z-index:7;box-shadow:0 8px 16px #20131730} .table-node:active{transform:translate(-50%,-50%)} .table-node.selected{transform:translate(-50%,-50%);z-index:6} .map-stage-wrapper.expanded{position:fixed;inset:3vh 3vw;z-index:80;height:94vh;padding:12px;border:1px solid #6a4957;border-radius:18px;background:#1b171c;box-shadow:0 20px 100px #000b} .map-stage-wrapper.expanded .room-map{height:100%;border-radius:14px} .map-stage-wrapper.expanded .plan-view{inset:18px} .map-stage-wrapper.expanded+.map-caption{display:none} .expanded-exit{position:absolute;z-index:20;right:16px;top:15px;border:1px solid #edacc0;background:#251920;color:#ffe9ef;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:700;box-shadow:0 5px 18px #0006;cursor:pointer;transition:background .18s,transform .18s} .expanded-exit:hover{background:#54303e;transform:translateY(-1px)} @media(max-width:560px){.plan-view{inset:11px}.plan-counter{height:22px;font-size:6px}.plan-takeaway{padding:5px;font-size:6px}.table-node{width:58px;height:54px}.table-node b{font-size:11px}.table-node small{font-size:7px}.table-node em{font-size:5px}.map-stage-wrapper.expanded{inset:2vh 2vw;height:96vh;padding:8px}.map-stage-wrapper.expanded .plan-view{inset:11px}.expanded-exit{right:9px;top:9px;padding:8px 9px;font-size:9px}} /* Operational room layout and kitchen display */ .plan-view{background-color:#f0e6dc;background-image:linear-gradient(#806e6511 1px,transparent 1px),linear-gradient(90deg,#806e6511 1px,transparent 1px)} .plan-counter{left:37%;width:26%;height:30px} .plan-aisle{left:19%;top:40%;width:62%;height:6%;padding-top:5px;font-size:7px;pointer-events:none} .plan-takeaway{right:4%;top:5%;width:auto;height:auto;padding:5px 9px;font-size:7px} .plan-entry{bottom:4%;right:4%;font-size:7px} .table-node{width:72px;height:62px;transform:translate(-50%,-50%);transition:box-shadow .18s ease,filter .18s ease;touch-action:manipulation} .table-node:hover,.table-node:active,.table-node.selected{transform:translate(-50%,-50%)} .table-node:hover{filter:brightness(1.04);box-shadow:0 6px 14px #25151d24} .table-node:active{filter:brightness(.98)} .table-node.occupied{background:#f8d5d6;border-color:#d73d49;color:#8d2632;box-shadow:inset 0 -4px #d73d49} .table-node.reserved{background:#f8e2e9;border-color:var(--tenant-d584a1,#d584a1);color:#894461} .table-node.free{background:#ddf1e3;border-color:#29965b;color:#22693f} .table-node.selected{outline:3px solid #d584a155;outline-offset:3px;z-index:6} .map-stage-wrapper{height:390px} .map-stage-wrapper.expanded .plan-view{inset:18px} .kds-topline{display:flex;align-items:center;gap:12px;margin:-5px 0 16px;padding:12px 15px;border:1px solid var(--tenant-eadde2,#eadde2);border-radius:12px;background:#fffaf9;color:#665962;font-size:12px} .kds-topline>span{display:flex;align-items:center;gap:8px;font-weight:700;color:#412b37} .kds-topline>b{margin-left:auto;color:#7d5364} .kds-topline small{color:#91858a} .kds-live-dot{width:8px;height:8px;border-radius:50%;background:#32a66b;box-shadow:0 0 0 4px #32a66b20} .kds-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start} .kds-column{min-width:0;min-height:210px;border:1px solid var(--tenant-eadde2,#eadde2);border-radius:14px;background:#faf6f5;overflow:hidden} .kds-column>header{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid var(--tenant-eadde2,#eadde2);background:#fff} .kds-column>header>div{display:flex;align-items:center;gap:9px} .kds-column>header i{width:9px;height:9px;border-radius:50%;background:var(--tenant-d584a1,#d584a1)} .kds-column.preparing>header i{background:#dd9457}.kds-column.ready>header i{background:#29965b} .kds-column h2{margin:0;font:700 13px Manrope,sans-serif;color:var(--tenant-382b32,#382b32)} .kds-column>header>b{min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f2e5e9;color:#814e61;font-size:11px} .kds-orders{display:grid;gap:11px;padding:11px} .kds-ticket{background:#fff;border:1px solid var(--tenant-eadde2,#eadde2);border-radius:12px;padding:13px;box-shadow:0 4px 12px #28131b08;animation:ticket-in .24s ease both} .kds-ticket.kds-ticket-stable,.kds-ready-ticket.kds-ticket-stable{animation:none} .kds-ticket.kds-ticket-updated,.kds-ready-ticket.kds-ticket-updated{animation:kds-order-update .42s ease both} @keyframes kds-order-update{0%{transform:translateY(5px);opacity:.72;box-shadow:0 0 0 0 #55a87800}55%{box-shadow:0 0 0 4px #55a87835}100%{transform:translateY(0);opacity:1;box-shadow:0 4px 12px #28131b08}} @media(prefers-reduced-motion:reduce){.kds-ticket,.kds-ready-ticket{animation:none!important;scroll-behavior:auto!important}} .kds-ticket-head,.kds-ticket-head>div,.kds-ticket-meta,.kds-ticket-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px} .kds-ticket-head strong{display:block;color:#392633;font:700 14px Manrope,sans-serif} .kds-ticket-head span,.kds-ticket-meta{font-size:10px;color:#7f7278} .kds-ticket-head time{font-size:14px;font-weight:700;color:#523846;white-space:nowrap} .kds-ticket-meta{justify-content:flex-start;margin-top:8px;flex-wrap:wrap} .kds-ticket-meta span{padding:4px 7px;border-radius:20px;background:#f8edf1;color:#885468} .kds-ticket ul{list-style:none;margin:12px 0;padding:0;display:grid;gap:9px} .kds-ticket li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px;align-items:start;font-size:12px;color:#33272d;line-height:1.4} .kds-ticket li>b{color:#a24462}.kds-ticket li small{grid-column:2;color:#a04d5d;font-size:10px;background:#fff4f0;padding:4px 6px;border-radius:6px} .kds-items-summary{margin:12px 0;padding:10px;border-radius:8px;background:#faf6f5;color:#382d33;font-size:12px;line-height:1.5;overflow-wrap:anywhere} .kds-note{display:grid;gap:3px;padding:8px 9px;border-left:3px solid var(--tenant-d584a1,#d584a1);background:#fff6f8;color:#715260;font-size:10px;line-height:1.45} .kds-note b{font-size:9px;text-transform:uppercase;letter-spacing:.5px} .kds-ticket-bottom{border-top:1px solid #f0e8eb;margin-top:12px;padding-top:10px} .kds-ticket-bottom>b{font-size:12px;color:#55434b} .kds-ticket-bottom .button{white-space:nowrap} .kds-empty{padding:22px 10px;text-align:center;color:#a0959a;font-size:11px} .kds-footnote{margin:14px 0 0;color:#8f858a;font-size:10px;line-height:1.5} @keyframes ticket-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @media(max-width:980px){.kds-board{grid-template-columns:1fr}.kds-column{min-height:0}.kds-orders{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.kds-topline{flex-wrap:wrap}.kds-topline small{width:100%}} @media(max-width:560px){.map-stage-wrapper{height:320px}.plan-view{inset:10px}.plan-counter{left:34%;width:32%;font-size:6px}.plan-aisle{top:41%;font-size:5px}.plan-takeaway{top:5%;right:3%;font-size:5px}.table-node{width:52px;height:48px}.table-node b{font-size:11px}.table-node small{font-size:7px}.table-node em{font-size:6px}.kds-topline{gap:8px;font-size:11px}.kds-topline>b{font-size:10px}.kds-orders{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.kds-ticket{animation:none}.table-node,.map-control{transition:none}} /* Kitchen station routing and expanded table workflow */ .floor-body .legend{display:flex;flex-wrap:wrap;gap:10px 14px} .floor-body .legend .bill{background:#e29348;box-shadow:0 0 0 3px #e2934822} .floor-body .legend .reset{background:#8b9294;box-shadow:0 0 0 3px #8b929422} .table-node.bill{background:#fae6ce;border-color:#d98b3d;color:#80511f;box-shadow:inset 0 -4px #d98b3d} .table-node.reset{background:#e8e8e6;border-color:#8b9294;color:#51595a;box-shadow:inset 0 -4px #8b9294} #table-state-select{min-width:145px} .station-tag{display:inline-flex;max-width:140px;padding:4px 8px;border-radius:20px;background:#f5e8ed;color:#96506a;font-size:10px;line-height:1.2;white-space:normal} .station-board{grid-template-columns:repeat(3,minmax(0,1fr))} .station-column.station-0>header i{background:#d47a9a}.station-column.station-1>header i{background:#df944c}.station-column.station-2>header i{background:#73a890} .kds-line{grid-template-columns:28px minmax(0,1fr) auto;gap:5px 7px;align-items:center} .kds-line small{grid-column:2/-1} .kds-line .button{grid-column:2/-1;justify-self:start;padding:5px 8px;font-size:9px} .kds-ready-section{margin-top:18px;border:1px solid var(--tenant-eadde2,#eadde2);border-radius:14px;background:#faf6f5;overflow:hidden} .kds-ready-section>header{display:flex;align-items:center;gap:9px;padding:13px 14px;background:#fff;border-bottom:1px solid var(--tenant-eadde2,#eadde2)} .kds-ready-section>header>div{display:flex;align-items:center;gap:9px} .kds-ready-section>header i{width:9px;height:9px;border-radius:50%;background:#29965b} .kds-ready-section h2{margin:0;font:700 13px Manrope,sans-serif;color:var(--tenant-382b32,#382b32)} .kds-ready-section>header>b{margin-left:auto;min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e4f2e8;color:#326c46;font-size:11px} .kds-ready-grid{display:grid;gap:9px;padding:10px} .kds-ready-ticket{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e7dce0;border-radius:10px;background:#fff} .kds-ready-ticket>div{display:grid;gap:4px;min-width:0} .kds-ready-ticket strong{font:700 12px Manrope,sans-serif;color:#392633} .kds-ready-ticket span,.kds-ready-ticket small{color:#83777c;font-size:10px;line-height:1.4;overflow-wrap:anywhere} .kds-ready-ticket time{font-size:13px;font-weight:700;color:#523846;white-space:nowrap} @media(max-width:980px){.station-board{grid-template-columns:1fr}.kds-ready-ticket{grid-template-columns:minmax(0,1fr) auto}.kds-ready-ticket .button{grid-column:1/-1;justify-self:start}} @media(max-width:560px){.floor-body .legend{gap:7px 10px}.floor-body .legend span{font-size:8px}#table-state-select{min-width:0;width:100%}.detail-actions{align-items:stretch}.kds-line{grid-template-columns:24px minmax(0,1fr)}.kds-line .button{grid-column:2}.kds-ready-ticket{grid-template-columns:1fr}.kds-ready-ticket time{justify-self:start}} /* Unified sushi KDS: whole tickets on one horizontal lane, with a monitor mode. */ .kds-screen{min-width:0} .kds-screen .page-heading{align-items:center} .kds-screen .heading-actions{flex-wrap:wrap} .kds-screen .heading-actions .button{white-space:nowrap} .kds-lane-section{margin-top:4px;min-width:0} .kds-lane-heading,.kds-ready-section>header{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid var(--tenant-eadde2,#eadde2);border-radius:12px 12px 0 0;background:#fff} .kds-lane-heading>div,.kds-ready-section>header>div{display:flex;align-items:center;gap:9px} .kds-lane-heading i,.kds-ready-section>header i{width:9px;height:9px;border-radius:50%;background:var(--tenant-d584a1,#d584a1)} .kds-lane-heading h2,.kds-ready-section h2{margin:0;font:700 13px Manrope,sans-serif;color:var(--tenant-382b32,#382b32)} .kds-lane-heading>b,.kds-ready-section>header>b{margin-left:auto;min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f2e5e9;color:#814e61;font-size:11px} .kds-order-lane,.kds-ready-lane{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d6b7c2 #f7eff1;padding:12px 3px 14px;align-items:stretch} .kds-order-lane{min-height:225px;border:1px solid var(--tenant-eadde2,#eadde2);border-top:0;border-radius:0 0 12px 12px;background:#faf6f5} .kds-ticket{flex:0 0 min(350px,84vw);width:min(350px,84vw);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column} .kds-ticket-head{align-items:flex-start} .kds-ticket-head>div{align-items:flex-start;flex-direction:column} .kds-service-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;line-height:1.2;white-space:normal} .kds-service-badge.dine-in{background:#edf5fb;color:#386b91} .kds-service-badge.takeaway{background:#fff1e7;color:#9b582e} .kds-ticket ul{flex:1} .kds-line{grid-template-columns:27px minmax(0,1fr) auto;gap:6px 8px;align-items:center} .kds-line small{grid-column:2/-1} .kds-line .button{justify-self:end;white-space:nowrap;padding:6px 8px;font-size:9px} .kds-line.is-ready>span{text-decoration:line-through;color:#7a9380} .kds-line.is-ready>b{color:#29965b} .kds-line .button:disabled{opacity:.7;cursor:default} .kds-empty.kds-lane-empty{border:1px solid var(--tenant-eadde2,#eadde2);border-top:0;border-radius:0 0 12px 12px;background:#faf6f5} .kds-ready-section{margin-top:14px;border:1px solid var(--tenant-eadde2,#eadde2);border-radius:14px;background:#faf6f5;overflow:hidden} .kds-ready-section>header{border:0;border-bottom:1px solid var(--tenant-eadde2,#eadde2);border-radius:0} .kds-ready-section>header i{background:#29965b} .kds-ready-section>header>b{background:#e4f2e8;color:#326c46} .kds-ready-lane{padding:10px} .kds-ready-ticket{flex:0 0 min(420px,88vw);min-width:0;scroll-snap-align:start} .kds-ready-ticket>div{min-width:0} .kds-ready-ticket .kds-service-badge{margin-top:2px} .kds-footnote{margin:8px 0 0} .kds-screen:fullscreen,.kds-screen:-webkit-full-screen{position:fixed;inset:0;z-index:9999;box-sizing:border-box;width:100vw;height:100vh;max-width:none;margin:0;padding:22px 28px;display:flex;flex-direction:column;gap:12px;overflow:hidden;background:#f6f8f7} .kds-screen:fullscreen .page-heading,.kds-screen:-webkit-full-screen .page-heading{flex:0 0 auto;margin:0} .kds-screen:fullscreen .page-heading h1,.kds-screen:-webkit-full-screen .page-heading h1{font-size:25px} .kds-screen:fullscreen .kds-topline,.kds-screen:-webkit-full-screen .kds-topline{flex:0 0 auto;margin:0} .kds-screen:fullscreen .kds-lane-section,.kds-screen:-webkit-full-screen .kds-lane-section{flex:1 1 55%;min-height:0;display:flex;flex-direction:column} .kds-screen:fullscreen .kds-order-lane,.kds-screen:-webkit-full-screen .kds-order-lane{flex:1;min-height:0} .kds-screen:fullscreen .kds-ticket,.kds-screen:-webkit-full-screen .kds-ticket{max-height:100%;overflow-y:auto} .kds-screen:fullscreen .kds-ready-section,.kds-screen:-webkit-full-screen .kds-ready-section{flex:0 1 26vh;min-height:110px;margin:0;display:flex;flex-direction:column} .kds-screen:fullscreen .kds-ready-lane,.kds-screen:-webkit-full-screen .kds-ready-lane{flex:1;min-height:0;overflow-y:auto} .kds-screen:fullscreen .kds-footnote,.kds-screen:-webkit-full-screen .kds-footnote{flex:0 0 auto;margin:0} @media(max-width:720px){.kds-screen .page-heading{align-items:flex-start;gap:12px}.kds-screen .heading-actions{justify-content:flex-start}.kds-order-lane{min-height:190px}.kds-line{grid-template-columns:22px minmax(0,1fr)}.kds-line .button{grid-column:2;justify-self:start}.kds-ready-ticket{grid-template-columns:minmax(0,1fr) auto}.kds-ready-ticket .button{grid-column:1/-1;justify-self:start}} @media(max-width:560px){.kds-screen:fullscreen,.kds-screen:-webkit-full-screen{padding:12px;gap:8px}.kds-screen:fullscreen .page-heading h1,.kds-screen:-webkit-full-screen .page-heading h1{font-size:19px}.kds-screen:fullscreen .page-heading p,.kds-screen:-webkit-full-screen .page-heading p{display:none}.kds-screen:fullscreen .kds-ready-section,.kds-screen:-webkit-full-screen .kds-ready-section{flex-basis:24vh}} /* Hide secondary title notes throughout the application as requested. */ .page-heading p,.panel-subtitle{display:none!important} .service-status{border:1px solid #cfe7d8;background:#eaf5ef;color:#276c4c;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s} .service-status:hover{transform:translateY(-1px)} .service-status i{flex:0 0 7px} .service-status.is-closed{background:#fff0ee;border-color:#f0cbc7;color:#a8473e} .service-status.is-closed i{background:#d65d55;box-shadow:0 0 0 3px #d65d5520} .kds-screen:fullscreen,.kds-screen:-webkit-full-screen{background:#110f12;color:var(--tenant-f4edf1,#f4edf1)} .kds-screen:fullscreen .eyebrow,.kds-screen:-webkit-full-screen .eyebrow{color:#e4a7bc} .kds-screen:fullscreen .page-heading h1,.kds-screen:-webkit-full-screen .page-heading h1{color:#fff7fa} .kds-screen:fullscreen .kds-topline,.kds-screen:-webkit-full-screen .kds-topline{background:#fffaf8;color:#4f4148;border-color:#e7dce1} .kds-screen:fullscreen .kds-topline>span,.kds-screen:-webkit-full-screen .kds-topline>span{color:#3b2d34} .kds-screen:fullscreen .kds-topline>b,.kds-screen:-webkit-full-screen .kds-topline>b{color:#754858} .kds-screen:fullscreen .kds-topline small,.kds-screen:-webkit-full-screen .kds-topline small{color:#685e63} .kds-screen:fullscreen .kds-lane-heading,.kds-screen:fullscreen .kds-ready-section>header,.kds-screen:-webkit-full-screen .kds-lane-heading,.kds-screen:-webkit-full-screen .kds-ready-section>header{background:#fffaf8;color:#31252b;border-color:#493941} .kds-screen:fullscreen .kds-lane-heading h2,.kds-screen:fullscreen .kds-ready-section h2,.kds-screen:-webkit-full-screen .kds-lane-heading h2,.kds-screen:-webkit-full-screen .kds-ready-section h2{color:#31252b} .kds-screen:fullscreen .kds-order-lane,.kds-screen:fullscreen .kds-ready-section,.kds-screen:-webkit-full-screen .kds-order-lane,.kds-screen:-webkit-full-screen .kds-ready-section{background:#221c21;border-color:#493941} .kds-screen:fullscreen .kds-ticket,.kds-screen:fullscreen .kds-ready-ticket,.kds-screen:-webkit-full-screen .kds-ticket,.kds-screen:-webkit-full-screen .kds-ready-ticket{background:#fffaf8;color:#30252b;border-color:#dfcfd6} .kds-screen:fullscreen .kds-ticket-head strong,.kds-screen:fullscreen .kds-ticket-head time,.kds-screen:fullscreen .kds-ticket li,.kds-screen:fullscreen .kds-ready-ticket strong,.kds-screen:fullscreen .kds-ready-ticket time,.kds-screen:-webkit-full-screen .kds-ticket-head strong,.kds-screen:-webkit-full-screen .kds-ticket-head time,.kds-screen:-webkit-full-screen .kds-ticket li,.kds-screen:-webkit-full-screen .kds-ready-ticket strong,.kds-screen:-webkit-full-screen .kds-ready-ticket time{color:#30252b} .kds-screen:fullscreen .kds-ticket-meta,.kds-screen:fullscreen .kds-ready-ticket span,.kds-screen:fullscreen .kds-ready-ticket small,.kds-screen:-webkit-full-screen .kds-ticket-meta,.kds-screen:-webkit-full-screen .kds-ready-ticket span,.kds-screen:-webkit-full-screen .kds-ready-ticket small{color:#5a4c52} .kds-screen:fullscreen .kds-empty,.kds-screen:-webkit-full-screen .kds-empty{color:#55474d} .kds-screen:fullscreen .kds-footnote,.kds-screen:-webkit-full-screen .kds-footnote{color:#ded3d8} .kds-screen:fullscreen .button:not(.primary),.kds-screen:-webkit-full-screen .button:not(.primary){background:#fffaf8;color:#33272e;border-color:#ddd0d6} .kds-screen:fullscreen .button.primary,.kds-screen:-webkit-full-screen .button.primary{background:#245d4c;color:#fff;border-color:#245d4c} /* Ingredient inventory and recipe editor */ .inventory-stats{margin-bottom:18px} .inventory-table-panel{overflow:hidden} .inventory-table-panel .toolbar{padding:14px 16px} .stock-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750;white-space:nowrap} .stock-ok{background:#203c2d;color:#b8e2c2;border:1px solid #345d44} .stock-low{background:#493722;color:#f5d39d;border:1px solid #76552e} .stock-out{background:#4a292e;color:#ffc0c6;border:1px solid #79434a} .stock-actions{display:flex;gap:6px;flex-wrap:wrap} .stock-actions .button{white-space:nowrap} .inventory-history{margin-top:16px;overflow:hidden} .inventory-note,.recipe-hint{display:block;color:#c6b7bd;font-size:11px;line-height:1.5;margin:10px 2px 0} .recipe-hint{margin:4px 0 0} #menu-recipe{min-height:100px;resize:vertical} @media(max-width:720px){.inventory-table-panel{overflow-x:auto}.inventory-table-panel .data-table{min-width:760px}.inventory-history{overflow-x:auto}.inventory-history .data-table{min-width:580px}} /* Staff roster and weekly shift planner */ .staff-stats{margin-bottom:16px} .coverage-banner{display:flex;align-items:center;gap:10px;padding:13px 16px;margin-bottom:16px;border:1px solid #345d44;border-radius:12px;background:#1d3028;color:#d1ead8;font-size:12px} .coverage-banner b{font-size:13px;color:#e9f8ed}.coverage-banner.warning{border-color:#76552e;background:#382d21;color:#eed9b5}.coverage-banner.warning b{color:#ffe2ad} .staff-schedule,.staff-roster{overflow:hidden;margin-bottom:16px}.week-controls{display:flex;gap:6px;align-items:center}.staff-week-grid{display:grid;grid-template-columns:repeat(7,minmax(126px,1fr));gap:8px;padding:0 14px 14px;overflow-x:auto}.staff-day{min-height:186px;padding:10px;border:1px solid var(--tenant-423840,#423840);border-radius:11px;background:var(--tenant-211c21,#211c21)}.staff-day.is-today{border-color:var(--tenant-bb7e9c,#bb7e9c);box-shadow:inset 0 0 0 1px var(--tenant-bb7e9c,#bb7e9c)}.staff-day>header{display:flex;justify-content:space-between;gap:5px;padding-bottom:9px;border-bottom:1px solid var(--tenant-393139,#393139);font-size:11px;text-transform:capitalize}.staff-day>header b{color:var(--tenant-f4e7ed,#f4e7ed)}.staff-day>header span{color:var(--tenant-bcaeb5,#bcaeb5)}.staff-day-shifts{display:grid;gap:6px;padding-top:8px}.staff-shift{position:relative;display:grid;gap:2px;padding:7px 22px 7px 8px;border-radius:8px;background:var(--tenant-30272e,#30272e);font-size:10px}.staff-shift b{color:var(--tenant-f1e8ec,#f1e8ec);font-size:11px}.staff-shift span{color:#d7c7cf}.staff-shift small{color:var(--tenant-bcaeb5,#bcaeb5)}.staff-shift button{position:absolute;right:5px;top:4px;border:0;background:transparent;color:#c9b9c1;font-size:16px;cursor:pointer}.staff-day-empty{padding:10px 2px;color:#93858c;font-size:10px}.staff-add-day{margin-top:8px;width:100%;padding:6px;border:1px dashed #52454d;border-radius:7px;background:transparent;color:var(--tenant-cbbbc3,#cbbbc3);font-size:10px;cursor:pointer}.staff-add-day:hover{border-color:var(--tenant-bb7e9c,#bb7e9c);color:#f4dce7}.staff-roster .table-wrap{overflow-x:auto}.staff-roster .data-table{min-width:520px} @media(max-width:900px){.staff-week-grid{grid-template-columns:repeat(7,minmax(145px,1fr))}.coverage-banner{align-items:flex-start;flex-direction:column;gap:3px}} @media(max-width:560px){.week-controls .button{padding:7px}.staff-day{min-height:170px}} .staff-schedule-header{gap:14px;flex-wrap:wrap}.staff-schedule-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.staff-view-tabs{display:flex;gap:4px;padding:3px;border:1px solid var(--tenant-423840,#423840);border-radius:10px;background:var(--tenant-211c21,#211c21)}.staff-view-tabs .button{border-color:transparent}.staff-date-picker{min-width:138px;padding:7px 9px;border:1px solid #51454d;border-radius:8px;background:var(--tenant-211c21,#211c21);color:var(--tenant-f1e8ec,#f1e8ec);font:inherit;font-size:11px;color-scheme:dark}.staff-day-view{padding:0 18px 18px}.staff-day-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--tenant-423840,#423840);border-radius:10px;background:var(--tenant-211c21,#211c21);text-transform:capitalize}.staff-day-summary b{color:var(--tenant-f4e7ed,#f4e7ed)}.staff-day-summary span{color:var(--tenant-bcaeb5,#bcaeb5);font-size:11px}.staff-timeline{display:grid;gap:9px;padding-top:12px}.staff-timeline-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:stretch}.staff-timeline-time{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding-top:12px;color:var(--tenant-cbbbc3,#cbbbc3);font-size:12px}.staff-timeline-time b{color:#f0dce5;font-size:14px}.staff-timeline-card{display:flex;align-items:center;gap:14px;min-height:66px;padding:11px 13px;border:1px solid var(--tenant-423840,#423840);border-left:3px solid var(--tenant-bb7e9c,#bb7e9c);border-radius:10px;background:var(--tenant-211c21,#211c21)}.staff-timeline-card>div{display:grid;gap:4px;min-width:0;flex:1}.staff-timeline-card>div b{color:var(--tenant-f4e7ed,#f4e7ed);font-size:13px}.staff-timeline-card>div span{color:var(--tenant-bcaeb5,#bcaeb5);font-size:11px}.staff-department-chip{padding:5px 8px;border:1px solid #53404a;border-radius:999px;background:var(--tenant-30272e,#30272e);color:#e7c9d7;font-size:10px;white-space:nowrap}.staff-day-empty-large{display:grid;justify-items:center;gap:12px;padding:42px 12px;color:var(--tenant-bcaeb5,#bcaeb5);text-align:center;font-size:12px} @media(max-width:720px){.staff-schedule-tools{width:100%;justify-content:space-between;gap:7px}.staff-timeline-row{grid-template-columns:56px minmax(0,1fr);gap:8px}.staff-timeline-card{gap:8px;flex-wrap:wrap}.staff-day-summary{align-items:flex-start;flex-direction:column}} /* Staff analytics, shift editing, and absence planner */ .staff-analytics-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin:0 0 16px}.staff-chart-panel{min-width:0;overflow:hidden}.staff-hours-chart{display:grid;gap:13px;padding:2px 16px 17px}.staff-hours-row{display:grid;gap:6px}.staff-hours-label{display:flex;justify-content:space-between;gap:12px;color:#e7dce1;font-size:11px}.staff-hours-label b{font-weight:650}.staff-hours-label span{color:var(--tenant-cbbbc3,#cbbbc3);font-variant-numeric:tabular-nums}.staff-hours-track{height:8px;overflow:hidden;border-radius:99px;background:#3a3037}.staff-hours-track span{display:block;height:100%;min-width:2px;border-radius:99px;background:linear-gradient(90deg,var(--tenant-bb7e9c,#bb7e9c),#e9a36e)}.staff-department-chart{display:flex;align-items:center;justify-content:center;gap:20px;padding:2px 16px 17px}.staff-donut{width:128px;height:128px;flex:none;display:grid;place-items:center;border-radius:50%;position:relative}.staff-donut:before{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--tenant-211c21,#211c21)}.staff-donut>span{position:relative;display:grid;justify-items:center;color:var(--tenant-f4e7ed,#f4e7ed);font-weight:750;font-size:18px}.staff-donut small{color:var(--tenant-bcaeb5,#bcaeb5);font-size:9px;font-weight:500}.staff-chart-legend{display:grid;gap:9px;min-width:130px}.staff-chart-legend>div{display:grid;grid-template-columns:9px minmax(70px,1fr) auto;align-items:center;gap:7px;color:#d5c8ce;font-size:10px}.staff-chart-legend i{width:8px;height:8px;border-radius:50%}.staff-chart-legend b{color:var(--tenant-f4e7ed,#f4e7ed);font-variant-numeric:tabular-nums}.staff-absence-panel{overflow:hidden;margin-bottom:16px}.staff-absence-list{display:grid;padding:0 16px 12px}.staff-absence-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid var(--tenant-393139,#393139)}.staff-absence-row>div{display:grid;gap:4px}.staff-absence-row b{color:var(--tenant-f2e8ed,#f2e8ed);font-size:12px}.staff-absence-row span,.staff-absence-row small{color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px}.staff-absence-empty{padding:13px 16px 17px;color:var(--tenant-bcaeb5,#bcaeb5);font-size:11px}.staff-shift.has-absence,.staff-timeline-row.has-absence .staff-timeline-card{border-color:#8d5736;background:#382d26}.absence-chip{padding:4px 7px;border:1px solid #875b3c;border-radius:999px;background:#4c3729;color:#ffdfb8;font-size:9px;white-space:nowrap}.staff-timeline-card button{white-space:nowrap}.staff-shift button.shift-delete{right:22px}.staff-shift button:not(.shift-delete){right:3px}.staff-day-view .staff-timeline-row.has-absence .staff-timeline-time b{color:#ffd19b} @media(max-width:850px){.staff-analytics-grid{grid-template-columns:1fr}.staff-department-chart{justify-content:flex-start}.staff-schedule-tools{width:100%;justify-content:space-between}} @media(max-width:560px){.staff-department-chart{gap:14px}.staff-donut{width:104px;height:104px}.staff-donut:before{inset:14px}.staff-chart-legend{min-width:120px}.staff-timeline-card button{padding:6px}.staff-absence-row{align-items:flex-start}} /* Table selection, reservation availability, staff profiles, and integrations */ .table-node{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.table-list-row{cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.table-list-row:hover,.table-list-row.selected-row{background:rgba(218,139,173,.09)}.table-list-row.selected-row td:first-child{box-shadow:inset 3px 0 #d68aad}.table-detail-enter{animation:table-detail-in .24s ease-out both}@keyframes table-detail-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.availability-none{color:#ffb09a!important}.row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.staff-roster-row{cursor:pointer;transition:background .16s}.staff-roster-row:hover{background:#282128}.staff-roster-row:focus-visible{outline:2px solid var(--tenant-bb7e9c,#bb7e9c);outline-offset:-2px}.staff-profile-summary{display:flex;align-items:center;gap:12px;padding:8px 0 16px;border-bottom:1px solid var(--tenant-40363e,#40363e)}.staff-profile-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#493543;color:#f4dce7;font-size:15px;font-weight:700}.staff-profile-summary>div:nth-child(2){display:grid;gap:4px;flex:1}.staff-profile-summary>div b{color:var(--tenant-f4e7ed,#f4e7ed);font-size:14px}.staff-profile-summary>div span{color:var(--tenant-bcaeb5,#bcaeb5);font-size:11px}.staff-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0}.staff-profile-stats>div{display:grid;gap:6px;padding:10px;border:1px solid var(--tenant-40363e,#40363e);border-radius:9px;background:var(--tenant-211c21,#211c21)}.staff-profile-stats small{color:var(--tenant-bcaeb5,#bcaeb5);font-size:9px}.staff-profile-stats b{color:var(--tenant-f4e7ed,#f4e7ed);font-size:15px}.staff-profile-heading{margin:15px 0 8px;color:var(--tenant-f4e7ed,#f4e7ed);font-size:12px}.staff-profile-list{display:grid;gap:0}.staff-profile-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--tenant-393139,#393139);font-size:10px}.staff-profile-list b{color:#e9dfe4;text-transform:capitalize}.staff-profile-list span{color:var(--tenant-bcaeb5,#bcaeb5);text-align:right}.staff-profile-export{margin-top:16px}.integration-center{grid-column:1/-1}.integrations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.integration-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid var(--tenant-40363e,#40363e);border-radius:10px;background:var(--tenant-211c21,#211c21)}.integration-card>div{display:grid;gap:5px}.integration-card b{color:var(--tenant-f4e7ed,#f4e7ed);font-size:11px}.integration-card span{color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px}.integration-card .button{flex:none}.integration-security{grid-column:1/-1;margin:4px 0 0;color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px;line-height:1.5}.staff-schedule:fullscreen{width:100vw;height:100vh;max-height:100vh;overflow:auto;margin:0;padding:12px;border:0;border-radius:0;background:#19161b;color:var(--tenant-f4e7ed,#f4e7ed)}.staff-schedule:fullscreen .panel-header{position:sticky;top:0;z-index:3;background:var(--tenant-211c21,#211c21)}.staff-schedule:fullscreen .staff-week-grid{grid-template-columns:repeat(7,minmax(160px,1fr));overflow:visible}.staff-schedule:fullscreen .staff-day{min-height:230px}.staff-schedule:fullscreen .staff-day-view{max-width:1100px;margin:auto}.staff-schedule:fullscreen .staff-timeline-card{min-height:76px} @media(max-width:720px){.integrations-grid{grid-template-columns:1fr}.integration-security{grid-column:1}.staff-profile-stats{grid-template-columns:1fr 1fr}.staff-profile-list>div{flex-direction:column;gap:4px}.staff-profile-list span{text-align:left}.staff-schedule:fullscreen .staff-week-grid{grid-template-columns:repeat(7,minmax(145px,1fr));overflow-x:auto}} html:fullscreen .staff-fullscreen-mode{background:#141116}.staff-fullscreen-mode .sidebar,.staff-fullscreen-mode .topbar{display:none}.staff-fullscreen-mode .main-area{margin-left:0}.staff-fullscreen-mode .page-content{max-width:none;padding:12px}.staff-fullscreen-mode .page-content>*:not(#staff-calendar){display:none!important}.staff-fullscreen-mode #staff-calendar{display:block;width:100%;height:calc(100vh - 24px);min-height:500px;overflow:auto;border-radius:14px}.staff-fullscreen-mode #staff-calendar .staff-week-grid{grid-template-columns:repeat(7,minmax(170px,1fr));overflow-x:auto}.staff-fullscreen-mode #staff-calendar .staff-day{min-height:calc(100vh - 190px)}.staff-fullscreen-mode #staff-calendar .staff-day-view{max-width:1200px;margin:auto} @media(max-width:720px){.staff-fullscreen-mode .page-content{padding:6px}.staff-fullscreen-mode #staff-calendar{height:calc(100vh - 12px);min-height:460px}.staff-fullscreen-mode #staff-calendar .staff-week-grid{grid-template-columns:repeat(7,minmax(150px,1fr))}.staff-fullscreen-mode #staff-calendar .staff-day{min-height:300px}} .staff-profile-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.staff-profile-actions .button{flex:1}.staff-profile-contact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0 2px;color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px}.staff-profile-contact span{padding-right:7px;border-right:1px solid #51464e}.staff-attendance-panel{margin:14px 0}.staff-attendance-panel .data-table td{vertical-align:middle}.staff-attendance-panel .row-actions{flex-wrap:wrap}.attendance-state{font-size:9px;color:var(--tenant-bcaeb5,#bcaeb5);white-space:nowrap}.attendance-state.is-working{color:#8ed5b0}.attendance-overtime{color:#ffc07d}.staff-attendance-panel .inventory-note{margin:10px 16px 14px}.staff-profile-actions{margin-top:16px}.staff-profile-actions+#staff-profile-send{margin-top:0} .waitlist-panel{margin:12px 0}.waitlist-list{display:grid}.waitlist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--tenant-393139,#393139)}.waitlist-row>div:first-child{display:grid;gap:4px}.waitlist-row b{color:var(--tenant-f4e7ed,#f4e7ed);font-size:11px}.waitlist-row span,.waitlist-row small{color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px}.waitlist-add[hidden]{display:none!important}.staff-attendance-panel .button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:720px){.waitlist-row{align-items:flex-start;flex-direction:column}.waitlist-row .row-actions{flex-wrap:wrap}} .status-no-show{background:#4b3928;color:#f3ca9a}.status-cancelled{background:#4a2629;color:#f5b6b0} .supplier-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:14px 16px}.supplier-card{display:grid;gap:6px;padding:14px;border:1px solid var(--tenant-40363e,#40363e);border-radius:12px;background:#211b21}.supplier-card b{color:var(--tenant-f4e7ed,#f4e7ed);font-size:12px}.supplier-card span,.supplier-card small{color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px}.supplier-card small{line-height:1.5}.report-controls{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;margin-bottom:14px}.report-controls>div{display:grid;gap:5px}.report-controls b{color:var(--tenant-f4e7ed,#f4e7ed);font-size:13px}.report-controls span{color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px}.report-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin:14px 0}.report-bars{height:210px;padding:18px 16px 12px;display:flex;align-items:stretch;gap:5px}.report-bar-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.report-bar-track{height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 25%}.report-bar-track i{display:block;width:min(22px,75%);min-height:0;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#e5af8b,#9c6b7e);transition:height .2s}.report-bar-col small{font-size:8px;color:#a99da4;white-space:nowrap}.channel-list{padding:12px 18px 20px;display:grid;gap:15px}.channel-row{display:grid;grid-template-columns:10px minmax(75px,1fr) auto;align-items:center;gap:8px;color:var(--tenant-d8cbd1,#d8cbd1);font-size:10px}.channel-row b{color:#f2e6ed}.channel-dot{width:8px;height:8px;border-radius:50%;background:#d89e7d}.channel-dot.c1{background:#a783ba}.channel-dot.c2{background:#88b7a2}.channel-dot.c3{background:#e0c374}.channel-dot.c4{background:#8ea9ca}.channel-track{grid-column:2/4;height:5px;border-radius:4px;background:#39313a;overflow:hidden}.channel-track i{height:100%;display:block;border-radius:4px;background:linear-gradient(90deg,#c58c75,#a783ba)}.report-controls .filter-select{min-width:130px}.report-grid .panel{min-width:0}@media(max-width:850px){.report-grid{grid-template-columns:1fr}.report-controls{align-items:flex-start;gap:12px;flex-wrap:wrap}.report-bars{gap:3px}.report-bar-col small{font-size:7px}} .table-bill-summary{display:grid;gap:8px;margin:12px 0;padding:12px;border:1px solid #5b4351;border-radius:12px;background:#241b23}.table-bill-summary>strong{font-size:22px;color:#f2c5a7}.table-bill-summary>small{font-size:10px;color:#c8b9c0}.bill-ticket-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--tenant-40343d,#40343d);color:var(--tenant-d8cbd1,#d8cbd1);font-size:10px}.bill-ticket-row span{max-width:75%}.split-preview{padding:12px;border-radius:8px;background:#30232e;color:#ffd4b6;font-size:16px;font-weight:700}.split-saved{color:#9dd8b4!important}.allergen-alert{color:#ffc47d!important;font-weight:700}.role-audit-panel{margin-top:14px}.audit-heading{margin:20px 0 8px;color:#e8d6df}.audit-row{display:grid;grid-template-columns:155px 1fr 2fr 100px;gap:12px;padding:10px 0;border-top:1px solid #3a3139;align-items:center;font-size:10px}.audit-row time,.audit-row span,.audit-row small{color:var(--tenant-bcaeb5,#bcaeb5)}.audit-row b{color:#efe2e8}.margin-panel{margin-top:14px}.margin-panel .data-table+.data-table{margin-top:16px}.margin-panel .inventory-note{padding:12px 16px}.margin-panel .panel-header{padding:14px 16px}.audit-row small{text-align:right}@media(max-width:760px){.audit-row{grid-template-columns:1fr;gap:4px}.audit-row small{text-align:left}.table-bill-summary .row-actions{flex-wrap:wrap}} /* Configurable business profiles and cross-module action center */ .nav-item[hidden],.nav-label[hidden]{display:none!important} .operational-queue{margin:0 0 16px;overflow:hidden}.operational-queue .tag{white-space:nowrap}.operational-task-list{display:grid}.operational-task{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 16px;border-top:1px solid var(--tenant-393139,#393139)}.operational-task-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-weight:800}.operational-task-icon.orange{background:#463426;color:#f5c895}.operational-task-icon.green{background:#243c30;color:#aee1bc}.operational-task-icon.purple{background:#362d45;color:#d6b6ed}.operational-task-icon.blue{background:#26384a;color:#afd2ef}.operational-task>div{display:grid;gap:4px;min-width:0}.operational-task b{color:var(--tenant-f2e8ed,#f2e8ed);font-size:12px}.operational-task small{color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px}.operational-clear{display:grid;gap:5px;padding:16px;color:var(--tenant-d8cbd1,#d8cbd1);font-size:11px}.operational-clear span{color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px} .kds-topline{flex-wrap:wrap}.kds-delay-summary{font-size:11px;color:#f0c580;background:#392d24;border:1px solid #71533a;border-radius:999px;padding:6px 10px}.kds-delay-summary.is-urgent{color:#ffd4d4;background:#4b292c;border-color:#a95159;animation:orderPulse 1.8s ease-in-out infinite}.kds-delay-summary.is-clear{color:#b9e4c8;background:#25382e;border-color:#486a54}.order-age-chip{display:inline-flex;align-items:center;margin-top:4px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;background:#2b3438;color:#d4dedf}.order-age-chip.warning{background:#493925;color:#ffd18b}.order-age-chip.critical{background:#522c30;color:#ffc0c0;animation:orderPulse 1.8s ease-in-out infinite}.kds-ticket.kds-time-warning{border-color:#b58a4d;box-shadow:0 0 0 1px #b58a4d inset}.kds-ticket.kds-time-critical{border-color:#d36870;box-shadow:0 0 0 2px #d36870 inset}.kds-ticket-time{display:grid;justify-items:end;gap:4px}.order-row-warning td:first-child{box-shadow:inset 3px 0 #d49c55}.order-row-critical td:first-child{box-shadow:inset 3px 0 #d36870}.checklist-panel{overflow:hidden}.checklist-tabs{display:flex;gap:8px;padding:0 18px 14px}.checklist-progress{height:5px;background:#302b30;margin:0 18px 8px;border-radius:9px;overflow:hidden}.checklist-progress span{display:block;height:100%;background:linear-gradient(90deg,#74c49a,#a1ddb9);border-radius:inherit;transition:width .2s ease}.checklist-items{padding:8px 18px 18px}.checklist-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid #332e33}.checklist-item label{display:flex;align-items:center;gap:11px;cursor:pointer;min-height:32px}.checklist-item input{position:absolute;opacity:0;pointer-events:none}.checklist-item b{font-size:12px;color:#e7dfe3;font-weight:600}.checklist-item.is-complete b{color:#9d9ba0;text-decoration:line-through}.checklist-check{width:20px;height:20px;border:1px solid #685d65;border-radius:6px;display:grid;place-items:center;flex:0 0 auto}.checklist-item.is-complete .checklist-check{background:#397453;border-color:#63a77d}.checklist-item.is-complete .checklist-check:after{content:'✓';color:#f4fff6;font-size:13px;font-weight:800}.checklist-remove{opacity:.65}.checklist-alert-settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #3a3439;padding:16px 18px}.checklist-alert-settings>div{display:grid;gap:4px;flex:1 1 220px}.checklist-alert-settings>div b{font-size:12px;color:#eee4e9}.checklist-alert-settings>div span{font-size:10px;color:#b4a8af}.checklist-alert-settings label{font-size:10px;color:#cabdc4;display:flex;align-items:center;gap:6px}.checklist-alert-settings input{width:62px;background:#211d21;border:1px solid #51464e;border-radius:6px;padding:7px;color:var(--tenant-f2e8ed,#f2e8ed)}.checklist-alert-settings~.inventory-note{padding:0 18px 14px;margin:0} @keyframes orderPulse{50%{filter:brightness(1.28)}} @media(max-width:720px){.checklist-alert-settings{align-items:flex-start}.checklist-alert-settings>div{flex-basis:100%}.kds-topline{align-items:flex-start}} .business-setup-panel{margin:14px 0;overflow:hidden}.business-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.business-profile-fields>.button{justify-self:start}.business-section-title{margin:20px 0 4px;color:var(--tenant-f2e8ed,#f2e8ed);font-size:13px;font-weight:750}.business-help{margin:0 0 12px;color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px;line-height:1.5}.business-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.business-module-option{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--tenant-40363e,#40363e);border-radius:10px;background:var(--tenant-211c21,#211c21);cursor:pointer}.business-module-option:has(input:checked){border-color:#735264;background:#2b2229}.business-module-option input,.business-chip input{accent-color:#c987a5}.business-module-option span{display:grid;gap:4px}.business-module-option b{color:#eee1e7;font-size:11px}.business-module-option small{color:#a99ba3;font-size:9px}.business-advanced-fields{margin-top:16px}.business-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.business-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #4a3e46;border-radius:999px;background:var(--tenant-211c21,#211c21);color:#e6d9df;font-size:10px;cursor:pointer}.business-chip:has(input:checked){border-color:#a9708b;background:#392b35}.business-chip input{margin:0}.business-config-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--tenant-40363e,#40363e)}.business-config-footer span{max-width:640px;color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px;line-height:1.5}.business-config-footer .button{flex:none} @media(max-width:680px){.business-profile-fields,.business-module-grid{grid-template-columns:1fr}.business-config-footer{align-items:flex-start;flex-direction:column}.operational-task{grid-template-columns:32px minmax(0,1fr)}.operational-task>.button{grid-column:2;justify-self:start}} /* Menu photography */ .menu-name-cell{display:flex;align-items:center;gap:9px;min-width:190px}.menu-thumb{width:42px;height:42px;object-fit:cover;border-radius:8px;border:1px solid var(--tenant-493943,#493943);flex:none}.menu-thumb-empty{display:grid;place-items:center;background:#2b232a;font-size:19px}.menu-photo-editor{display:flex;align-items:center;gap:14px;padding:11px;border:1px solid var(--tenant-40343d,#40343d);border-radius:10px;background:var(--tenant-211d23,#211d23)}.menu-photo-preview{width:108px;height:92px;display:grid;place-items:center;flex:none;border-radius:8px;overflow:hidden;background:#30262e;color:#e7a8bc;font-size:28px}.menu-photo-preview img{width:100%;height:100%;object-fit:cover}.menu-photo-controls{display:grid;gap:8px;align-content:center}.menu-photo-controls input{max-width:100%;color:#eee3df;font-size:10px}.menu-photo-controls small{color:#b5a7ac;font-size:9px;line-height:1.4}.catalog-item-photo{width:calc(100% + 20px);height:100px;object-fit:cover;margin:-10px -10px 9px;border-radius:10px 10px 0 0}.catalog-item-photo-empty{display:grid;place-items:center;background:linear-gradient(135deg,#47313c,#29232a);color:#e7a8bc;font-size:32px}.catalog-item{overflow:hidden} @media(max-width:560px){.menu-photo-editor{align-items:flex-start;flex-direction:column}.catalog-item-photo{height:80px}} .tablet-launch-panel{margin-top:16px}.tablet-table-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}.tablet-table-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid var(--tenant-40343d,#40343d);background:var(--tenant-211d23,#211d23);border-radius:9px;color:#f0e6e1;text-decoration:none}.tablet-table-link:hover{border-color:var(--tenant-e493ae,#e493ae);background:#292129}.tablet-table-link b{font-size:11px}.tablet-table-link span{font-size:9px;color:#e5a0b8;white-space:nowrap} .ayce-toggle{display:flex;align-items:center;gap:8px;color:#e8d9df;font-size:10px;font-weight:700}.ayce-toggle input{accent-color:var(--tenant-e99ab4,#e99ab4)}.ayce-price-grid{display:grid;gap:8px;max-width:700px}.ayce-price-grid>div{display:grid;grid-template-columns:minmax(110px,1fr) repeat(2,minmax(90px,150px));gap:8px;align-items:center}.ayce-price-grid>div>span,.ayce-price-head{color:#c7b8bd;font-size:10px}.ayce-price-grid input,.ayce-limits input{width:100%;padding:9px;border:1px solid var(--tenant-40343d,#40343d);border-radius:7px;background:var(--tenant-211d23,#211d23);color:#f1e7e2}.ayce-price-head{font-weight:700}.ayce-price-head b{text-align:center;color:#e9a8bd}.ayce-limits{display:flex;gap:18px;margin-top:16px;flex-wrap:wrap}.ayce-limits label{display:grid;gap:6px;width:210px;font-size:10px;font-weight:600;color:#e5d7dc}.ayce-limits small,.ayce-config-footer small{font-size:9px;color:#b5a7ac;font-weight:400;line-height:1.45}.ayce-config-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.ayce-config-footer>small{max-width:540px}.kds-ayce-badge{display:inline-flex;align-items:center;background:#3b2c38;color:#f1b5c7;border:1px solid #684556;border-radius:99px;padding:4px 8px;font-size:8px;font-weight:800;white-space:nowrap}@media(max-width:560px){.ayce-config-footer{align-items:flex-start;flex-direction:column}.ayce-limits{gap:12px}.ayce-price-grid>div{grid-template-columns:minmax(85px,1fr) repeat(2,minmax(70px,1fr))}} .booking-floor-card{grid-column:1/-1;background:#f8faf8;border:1px solid #e8eeea;border-radius:11px;padding:12px;margin-top:2px}.booking-floor-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:10px;color:#40534c}.booking-floor-heading span{font-size:9px;color:#899791}.booking-floor-map{height:180px;margin-top:9px;border:1px solid #e2e9e3;border-radius:9px;background-color:#fff;background-image:radial-gradient(#e3e9e4 1px,transparent 1px);background-size:14px 14px;overflow:hidden}.booking-floor-room{height:100%;position:relative;margin:0 5%;background:linear-gradient(90deg,transparent 49.8%,#edf1ed 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#edf1ed 50%,transparent 50.2%)}.booking-map-table{position:absolute;transform:translate(-50%,-50%);width:68px;height:52px;border:1px solid #cfe2d7;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#edf7f1;color:#386650;box-shadow:0 2px 5px #1b39220d}.booking-map-table b{font-size:11px}.booking-map-table small{font-size:8px}.booking-map-table.busy{background:#fff0ed;border-color:#edc4bc;color:#9b5549;opacity:.72}.booking-map-table.small-table{background:#f2f3f2;border-color:#d9dfdc;color:#929a96;opacity:.6}.booking-map-table.selected{outline:3px solid #1d765d55;outline-offset:1px;z-index:1}.booking-map-table:disabled{cursor:not-allowed}.booking-floor-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:9px;font-size:9px;color:#687772}.booking-floor-legend span{display:flex;align-items:center;gap:5px}.booking-floor-legend i{width:8px;height:8px;border-radius:50%;background:#68a782}.booking-floor-legend .busy{background:#d88b76}.booking-floor-legend .small-table{background:#aab2ae}.active-party-card{display:grid;gap:4px;padding:11px 12px;margin:12px 0;background:#f1f7f3;border:1px solid #dcebe0;border-radius:9px}.active-party-card b{font-size:10px;color:#47735b}.active-party-card span{font-size:12px;font-weight:700;color:#2c4036}.active-party-card small{font-size:10px;line-height:1.45;color:#718078}.live-clock{font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;color:#52645e;padding:0 5px;min-width:44px} @media(max-width:720px){.booking-floor-map{height:154px}.booking-map-table{width:56px;height:46px}.booking-floor-heading{align-items:flex-start;flex-direction:column;gap:3px}.booking-floor-legend{gap:9px}} /* Walk-in seating modal: dedicated space for the live floor map. */ .walkin-modal{width:min(700px,96vw);max-height:92vh;max-height:92dvh;display:flex;flex-direction:column} .walkin-modal .modal-body{min-height:0;overflow-y:auto;max-height:calc(92vh - 124px);max-height:calc(92dvh - 124px);padding:16px 20px} .walkin-modal .modal-footer{flex:0 0 auto} .walkin-modal .booking-floor-card{padding:10px} .walkin-modal .booking-floor-map{height:156px} .walkin-modal .booking-map-table{width:72px;height:48px} @media(max-width:720px){.walkin-modal{width:calc(100vw - 20px);max-height:94vh;max-height:94dvh}.walkin-modal .modal-body{max-height:calc(94vh - 120px);max-height:calc(94dvh - 120px);padding:12px}.walkin-modal .booking-floor-map{height:144px}.walkin-modal .booking-map-table{width:58px;height:44px}.walkin-modal .booking-map-table small{font-size:7px;white-space:nowrap}.walkin-modal .form-grid{gap:9px}} @media(max-width:390px){.walkin-modal .booking-map-table{width:50px;height:42px}.walkin-modal .booking-map-table b{font-size:9px}.walkin-modal .booking-map-table small{font-size:6px}} /* KDS contrast and hierarchy: ink-first tickets with clear service and urgency cues. */ .kds-lane-heading,.kds-ready-section>header{background:#f1f5f2;border-color:#d8e1dc} .kds-lane-heading h2,.kds-ready-section h2{color:#172923} .kds-lane-heading i{background:#d58b37} .kds-lane-heading>b{background:#e8eee9;color:#213d30} .kds-order-lane{background:#e9eeea;border-color:#d3ddd6;scrollbar-color:#7b9284 #e2e9e4} .kds-ticket{background:#fff;border-color:#d3ddd7;box-shadow:0 5px 16px rgba(24,44,34,.1)} .kds-ticket-head strong{color:#172923;font-size:16px;letter-spacing:.15px} .kds-ticket-head time{color:#203a30;font-size:15px} .kds-service-badge.dine-in{background:#e5f1fa;color:#174b70} .kds-service-badge.takeaway{background:#fff0d8;color:#704108} .kds-service-badge.delivery{background:#eeeafe;color:#493589} .kds-ticket-meta span{background:#eef2ef;color:#334940;border:1px solid #e0e7e2;font-weight:600} .kds-ticket li{color:#1e2c27;padding:7px 8px;border:1px solid #e5ebe7;border-radius:8px;background:#fcfdfc} .kds-ticket li>b{color:#763e59;font-size:13px} .kds-ticket .order-age-chip{background:#edf1ef;color:#243a30;border:1px solid #d6e0d9} .kds-ticket .order-age-chip.warning{background:#fff0d2;color:#704b0c;border-color:#e9ca82} .kds-ticket .order-age-chip.critical{background:#fde7e5;color:#8b2423;border-color:#e7a19a;animation:orderPulse 1.8s ease-in-out infinite} .kds-ticket.kds-time-warning{border-left:5px solid #d18a2d;box-shadow:0 5px 16px rgba(24,44,34,.1)} .kds-ticket.kds-time-critical{border-left:5px solid #cf4747;box-shadow:0 5px 16px rgba(126,35,31,.15)} .kds-line .button.secondary{background:#edf3ef;color:#214e3b;border-color:#c7d8cc;font-weight:700} .kds-line .button.primary{background:#205f49;border-color:#205f49;color:#fff;font-weight:700} .kds-line .button:disabled{background:#e2f0e7;color:#24633e;border-color:#b9d7c1;opacity:1} .kds-note{background:#fff3e9;color:#55361e;border-left-color:#d1813d} .kds-ready-section{background:#f0f6f1;border-color:#ccdfd0} .kds-ready-section>header{background:#e6f1e8} .kds-ready-section>header i{background:#21804b} .kds-ready-section>header>b{background:#d7eadb;color:#205c36} .kds-ready-lane{background:#edf4ee} .kds-ready-ticket{background:#fff;border:1px solid #d1e1d4;border-radius:10px;padding:12px;box-shadow:0 4px 12px rgba(24,44,34,.08)} .kds-ready-ticket strong,.kds-ready-ticket time{color:#172923} .kds-ready-ticket .button.primary{background:#205f49;border-color:#205f49} .kds-empty{color:#42574c} .kds-empty.kds-lane-empty{background:#f7faf8;color:#42574c;border-color:#d8e1dc} .kds-footnote{color:#45574e} .kds-screen:fullscreen,.kds-screen:-webkit-full-screen{background:#14211b;color:#f4f8f5} .kds-screen:fullscreen .eyebrow,.kds-screen:-webkit-full-screen .eyebrow{color:#b8d2c0} .kds-screen:fullscreen .page-heading h1,.kds-screen:-webkit-full-screen .page-heading h1{color:#fff} .kds-screen:fullscreen .kds-topline,.kds-screen:-webkit-full-screen .kds-topline{background:#edf4ef;color:#173026;border-color:#cbdacf} .kds-screen:fullscreen .kds-topline>span,.kds-screen:-webkit-full-screen .kds-topline>span,.kds-screen:fullscreen .kds-topline>b,.kds-screen:-webkit-full-screen .kds-topline>b,.kds-screen:fullscreen .kds-topline small,.kds-screen:-webkit-full-screen .kds-topline small{color:#243c30} .kds-screen:fullscreen .kds-lane-heading,.kds-screen:fullscreen .kds-ready-section>header,.kds-screen:-webkit-full-screen .kds-lane-heading,.kds-screen:-webkit-full-screen .kds-ready-section>header{background:#f1f5f2;color:#172923;border-color:#ccd8d0} .kds-screen:fullscreen .kds-lane-heading h2,.kds-screen:fullscreen .kds-ready-section h2,.kds-screen:-webkit-full-screen .kds-lane-heading h2,.kds-screen:-webkit-full-screen .kds-ready-section h2{color:#172923} .kds-screen:fullscreen .kds-order-lane,.kds-screen:-webkit-full-screen .kds-order-lane{background:#233129;border-color:#405349} .kds-screen:fullscreen .kds-ready-section,.kds-screen:-webkit-full-screen .kds-ready-section{background:#233629;border-color:#42644b} .kds-screen:fullscreen .kds-ready-lane,.kds-screen:-webkit-full-screen .kds-ready-lane{background:#eaf2eb} .kds-screen:fullscreen .kds-ticket,.kds-screen:fullscreen .kds-ready-ticket,.kds-screen:-webkit-full-screen .kds-ticket,.kds-screen:-webkit-full-screen .kds-ready-ticket{background:#fff;color:#1e2c27;border-color:#cddbd1} .kds-screen:fullscreen .kds-ticket-head strong,.kds-screen:fullscreen .kds-ticket-head time,.kds-screen:fullscreen .kds-ticket li,.kds-screen:fullscreen .kds-ready-ticket strong,.kds-screen:fullscreen .kds-ready-ticket time,.kds-screen:-webkit-full-screen .kds-ticket-head strong,.kds-screen:-webkit-full-screen .kds-ticket-head time,.kds-screen:-webkit-full-screen .kds-ticket li,.kds-screen:-webkit-full-screen .kds-ready-ticket strong,.kds-screen:-webkit-full-screen .kds-ready-ticket time{color:#172923} .kds-screen:fullscreen .kds-ticket-meta,.kds-screen:fullscreen .kds-ready-ticket span,.kds-screen:fullscreen .kds-ready-ticket small,.kds-screen:-webkit-full-screen .kds-ticket-meta,.kds-screen:-webkit-full-screen .kds-ready-ticket span,.kds-screen:-webkit-full-screen .kds-ready-ticket small{color:#344a3f} .kds-screen:fullscreen .kds-empty,.kds-screen:-webkit-full-screen .kds-empty{color:#344a3f} .kds-screen:fullscreen .kds-footnote,.kds-screen:-webkit-full-screen .kds-footnote{color:#d7e5db} .kds-screen:fullscreen .button:not(.primary),.kds-screen:-webkit-full-screen .button:not(.primary){background:#fff;color:#20372c;border-color:#bdcfc2} .kds-screen:fullscreen .button.primary,.kds-screen:-webkit-full-screen .button.primary{background:#205f49;color:#fff;border-color:#205f49} .kds-screen:fullscreen .kds-delay-summary,.kds-screen:-webkit-full-screen .kds-delay-summary{font-weight:800} @media(max-width:560px){.kds-screen:fullscreen,.kds-screen:-webkit-full-screen{padding:10px}.kds-screen:fullscreen .kds-ticket,.kds-screen:-webkit-full-screen .kds-ticket{flex-basis:min(330px,88vw)}} /* KDS: every open ticket shares one horizontal lane; ready tickets stay visible in the same flow. */ .kds-screen:fullscreen .kds-lane-section,.kds-screen:-webkit-full-screen .kds-lane-section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column} .kds-screen:fullscreen .kds-order-lane,.kds-screen:-webkit-full-screen .kds-order-lane{flex:1;min-height:0;overflow-y:auto;align-items:stretch} .kds-screen:fullscreen .kds-ticket,.kds-screen:-webkit-full-screen .kds-ticket{height:100%;max-height:none;overflow-y:auto} .kds-order-state{display:inline-flex;margin:5px 5px 0 0;padding:4px 7px;border-radius:6px;background:#fff0d8;color:#704108;font-size:9px;font-weight:900;letter-spacing:.04em} .kds-order-state.ready{background:#dff2e4;color:#17613a} .kds-ticket.is-order-ready{border-top:5px solid #27804b;background:#fbfffc} .kds-ticket.is-order-ready .kds-ticket-head{margin-top:-4px} .kds-ready-count{padding:5px 8px;border-radius:7px;background:#e3f2e6;color:#205c36;font-size:11px} .kds-overflow-alert{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #e5b85e;border-radius:10px;background:#fff4d8;color:#553b0a;font-size:11px} .kds-overflow-alert[hidden]{display:none} .kds-overflow-icon{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:#e4a92e;color:#fff;font-weight:900} .kds-overflow-alert .button{margin-left:auto;white-space:nowrap} .kds-complete-order{width:100%;margin-top:auto;min-height:42px} .kds-ticket.is-order-ready .kds-line .button:disabled{color:#1f6439;background:#dff1e4;border-color:#b4d5bd} .communications-compose,.communications-log{margin:14px 0} .communications-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .communications-form .field{display:grid;gap:6px;color:#eadfe4;font-size:10px;font-weight:650} .communications-form input,.communications-form select,.communications-form textarea{width:100%;padding:10px;border:1px solid #493c45;border-radius:8px;background:var(--tenant-211d23,#211d23);color:var(--tenant-f4edf1,#f4edf1);font:inherit} .communications-form textarea{resize:vertical;line-height:1.5} .communications-message{grid-column:1/-1} .communications-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px} .communications-actions small{max-width:560px;color:var(--tenant-bcaeb5,#bcaeb5);font-size:10px;line-height:1.5} .communication-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #3a3138} .communication-row:last-child{border-bottom:0} .communication-channel{min-width:90px;color:#e6a3ba;font-size:10px;font-weight:750} .communication-row>div{display:grid;gap:4px;min-width:0} .communication-row b{color:#f1e7eb;font-size:11px} .communication-row small{color:var(--tenant-bcaeb5,#bcaeb5);font-size:9px} @media(max-width:600px){.communications-form{grid-template-columns:1fr}.communications-message{grid-column:auto}.communications-actions{align-items:flex-start;flex-direction:column}.kds-overflow-alert{align-items:flex-start;flex-wrap:wrap}.kds-overflow-alert .button{margin-left:31px}.kds-topline{align-items:flex-start}.kds-topline>b{margin-left:auto}} /* KDS layout correction: active tickets scroll horizontally, completed tickets form a vertical rail on the right. */ .kds-board-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,25%);gap:12px;min-height:340px;align-items:stretch} .kds-board-columns .kds-lane-section,.kds-board-columns .kds-ready-section{min-width:0;min-height:0;margin:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d8e1dc;border-radius:12px;background:#f7faf8} .kds-board-columns .kds-lane-heading,.kds-board-columns .kds-ready-section>header{flex:none} .kds-board-columns .kds-order-lane{flex:1;min-height:280px;border:0;border-radius:0 0 12px 12px;align-items:stretch;overflow-x:auto;overflow-y:auto} .kds-board-columns .kds-ready-section{background:#eff6f0;border-color:#cddfd1} .kds-board-columns .kds-ready-section>header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#e5f0e7;border-bottom:1px solid #d2e2d5} .kds-board-columns .kds-ready-section>header>div{display:flex;align-items:center;gap:8px} .kds-board-columns .kds-ready-section>header i{width:9px;height:9px;border-radius:50%;background:#24824c} .kds-board-columns .kds-ready-section h2{margin:0;color:#172923;font-size:12px} .kds-board-columns .kds-ready-section>header>b{padding:4px 8px;border-radius:7px;background:#d7eadb;color:#205c36;font-size:11px} .kds-board-columns .kds-ready-lane{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;overflow-x:hidden;overflow-y:auto;padding:10px;background:#eff6f0;scroll-snap-type:y proximity} .kds-ready-ticket{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;background:#fff;border:1px solid #d1e1d4;border-radius:10px;box-shadow:0 3px 10px rgba(24,44,34,.07);scroll-snap-align:start} .kds-ready-ticket>div{display:grid;gap:4px;min-width:0} .kds-ready-ticket strong{color:#172923;font-size:13px} .kds-ready-ticket .kds-service-badge{width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis} .kds-ready-ticket small{grid-column:1/-1;color:#42574c;font-size:10px;line-height:1.4} .kds-ready-ticket time{color:#203a30;font-size:11px;font-weight:750;white-space:nowrap} .kds-ready-ticket .button{grid-column:1/-1;justify-self:stretch;white-space:nowrap} .kds-board-columns .kds-empty{margin:10px} .kds-screen:fullscreen .kds-board-columns,.kds-screen:-webkit-full-screen .kds-board-columns{flex:1;min-height:0} .kds-screen:fullscreen .kds-board-columns .kds-order-lane,.kds-screen:-webkit-full-screen .kds-board-columns .kds-order-lane{min-height:0} .kds-screen:fullscreen .kds-board-columns .kds-ready-lane,.kds-screen:-webkit-full-screen .kds-board-columns .kds-ready-lane{overflow-y:auto;min-height:0} @media(max-width:900px){.kds-board-columns{grid-template-columns:1fr;min-height:0}.kds-board-columns .kds-ready-section{max-height:38vh;min-height:180px}.kds-board-columns .kds-order-lane{min-height:220px}} @media(max-width:560px){.kds-board-columns .kds-ready-section{max-height:34vh}.kds-screen:fullscreen .kds-board-columns,.kds-screen:-webkit-full-screen .kds-board-columns{grid-template-rows:minmax(0,1fr) minmax(150px,30vh)}} /* Inbox for AI assisted email and WhatsApp replies. */ .communications-connection-strip{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 12px;padding:11px 13px;border:1px solid #443a42;border-radius:10px;background:var(--tenant-211d23,#211d23);color:#e9dfe4;font-size:10px} .communications-connection-strip>span{display:flex;align-items:center;gap:7px;font-weight:700} .communications-connection-strip i{width:8px;height:8px;border-radius:50%;background:#d49a42} .communications-connection-strip small{margin-left:auto;color:var(--tenant-bcaeb5,#bcaeb5)} .communications-inbox{display:grid;grid-template-columns:minmax(260px,32%) minmax(0,1fr);gap:12px;min-height:500px} .communications-list,.communication-detail{min-width:0;overflow:hidden} .communications-list .panel-header{align-items:center} .communications-threads{max-height:650px;overflow:auto;padding:5px} .communication-thread{display:grid;width:100%;gap:5px;padding:12px;text-align:left;border:0;border-bottom:1px solid #3c333a;background:transparent;color:var(--tenant-f1e8ec,#f1e8ec);cursor:pointer} .communication-thread:hover,.communication-thread.selected{background:#31262e} .communication-thread.selected{box-shadow:inset 3px 0 #dc8eac} .communication-thread .communication-channel{min-width:0;color:#e6a3ba} .communication-thread>b{font-size:11px} .communication-thread>small{overflow:hidden;color:var(--tenant-bcaeb5,#bcaeb5);font-size:9px;text-overflow:ellipsis;white-space:nowrap} .communication-thread-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center} .communication-thread-bottom i{font-size:8px;font-style:normal;color:#9eabb0} .communication-thread-bottom i.pending{color:#f0bf60;font-weight:750} .communication-detail{display:flex;flex-direction:column} .communication-detail .panel-header{flex:none} .communication-conversation{display:flex;flex:1;flex-direction:column;gap:10px;min-height:180px;max-height:42vh;overflow:auto;padding:16px;background:#19171b} .communication-message{align-self:flex-start;max-width:min(88%,620px);padding:10px 12px;border:1px solid #494049;border-radius:10px 10px 10px 3px;background:#29242a;color:#eee5e9} .communication-message.outgoing{align-self:flex-end;border-color:#5a3948;border-radius:10px 10px 3px 10px;background:#3b2933} .communication-message small{color:#d7a1b5;font-size:9px;font-weight:750} .communication-message p{margin:5px 0 0;font-size:11px;line-height:1.5;white-space:pre-wrap} .communication-reply{display:grid;gap:9px;padding:14px} .communication-ai-label{display:flex;gap:8px;align-items:center;color:#efb2c6;font-size:11px;font-weight:800} .communication-ai-label span{color:var(--tenant-bcaeb5,#bcaeb5);font-size:9px;font-weight:400} .communication-reply textarea{width:100%;padding:11px;border:1px solid #4b3b45;border-radius:9px;background:var(--tenant-211d23,#211d23);color:var(--tenant-f4edf1,#f4edf1);font:inherit;font-size:11px;line-height:1.5;resize:vertical} .communication-reply-actions{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap} .communication-demo-note{color:var(--tenant-bcaeb5,#bcaeb5);font-size:9px;line-height:1.5} @media(max-width:760px){.communications-inbox{grid-template-columns:1fr}.communications-list{max-height:300px}.communications-threads{max-height:230px}.communications-connection-strip small{width:100%;margin:0}.communication-conversation{max-height:36vh}} /* Business presets and optional modules. */ .business-module-group{margin:12px 0 18px;padding:12px;border:1px solid #3e343c;border-radius:12px;background:#1d1a1f} .business-module-group>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 9px} .business-module-group>header b{color:#eadde3;font-size:11px} .business-module-group>header small{color:#a99ba3;font-size:9px} .business-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .business-module-option{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:start;gap:9px;padding:11px;border:1px solid var(--tenant-40363e,#40363e);border-radius:10px;background:var(--tenant-211c21,#211c21);cursor:pointer} .business-module-option:has(input:checked){border-color:#735264;background:#2b2229} .business-module-option input{margin:2px 0 0;accent-color:#c987a5} .business-module-option span{display:grid;gap:4px} .business-module-option b{color:#eee1e7;font-size:10px} .business-module-option small{color:#a99ba3;font-size:9px;line-height:1.45} .business-module-option em{padding:3px 6px;border-radius:99px;background:#302831;color:var(--tenant-bcaeb5,#bcaeb5);font-size:8px;font-style:normal;white-space:nowrap} .business-module-option:has(input:checked) em{background:#3b2b35;color:#f0b5c7} .profile-preset-preview{grid-column:1/-1;display:grid;gap:4px;padding:10px 12px;border:1px solid #493843;border-radius:9px;background:#251e25} .profile-preset-preview b{color:#f0b4c7;font-size:10px} .profile-preset-preview span{color:#e4d9df;font-size:9px} .profile-preset-preview small{color:var(--tenant-bcaeb5,#bcaeb5);font-size:9px;line-height:1.45} @media(max-width:680px){.business-module-grid{grid-template-columns:1fr}.business-module-group>header{align-items:flex-start;flex-direction:column;gap:4px}} /* Bruma workspace: tenant theme, resilient detail actions and account tools. */ :root{--workspace-primary:#24080f;--workspace-accent:#d7837b;--workspace-background:#100e12;--workspace-surface:#1b181e} body,.main-area,.topbar{background:var(--workspace-background)} .panel,.detail-card,.restaurant-switch,.modal{background:var(--workspace-surface)} .main-area,.page-content,.page-columns>*,.detail-card,.table-bill-summary,.ticket-row>span:first-child{min-width:0} .page-columns{grid-template-columns:minmax(0,1fr) minmax(280px,330px)} .table-bill-summary{overflow-wrap:anywhere} .table-bill-summary .row-actions{display:flex;flex-wrap:wrap;gap:8px} .table-bill-summary .row-actions .button{flex:1 1 120px;white-space:normal;min-width:0;justify-content:center} .table-bill-summary .ticket-row{display:flex;gap:10px;align-items:flex-start} .table-bill-summary .ticket-row>span:first-child{flex:1;overflow-wrap:anywhere} .table-bill-summary .ticket-row>span:last-child{flex:none} .detail-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px}.detail-actions>.button{min-width:0;min-height:40px;white-space:normal;overflow-wrap:anywhere;text-align:center}.detail-actions>#table-state-select{min-width:0;width:100%} .restaurant-switch{text-decoration:none;color:inherit;cursor:pointer}.restaurant-switch>span:nth-child(2){min-width:0}.restaurant-switch b,.brand strong{white-space:normal;overflow-wrap:anywhere} .brand>div{min-width:0}.brand-icon,.top-avatar,.avatar{background:var(--workspace-accent);color:var(--workspace-primary)} .nav-item.active{border-left-color:var(--workspace-accent);background:color-mix(in srgb,var(--workspace-accent) 18%,var(--workspace-surface))} .button.primary{background:var(--workspace-accent);border-color:var(--workspace-accent);color:var(--workspace-primary)} .account-popover{position:fixed;z-index:150;width:min(280px,calc(100vw - 24px));padding:12px;border:1px solid #ffffff24;border-radius:18px;background:var(--workspace-surface);box-shadow:0 18px 65px #0009;color:#f6eee8;animation:bruma-pop .16s ease-out} .account-popover[hidden]{display:none!important}.account-popover>strong,.account-popover>small{display:block;padding:5px 10px;overflow-wrap:anywhere}.account-popover>small{color:#b6aeb7;margin-bottom:8px}.account-popover a,.account-popover button{display:block;width:100%;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;padding:12px 10px;text-decoration:none;font:inherit;cursor:pointer}.account-popover form{margin:0}.account-popover a:hover,.account-popover button:hover{background:#ffffff0c}.account-popover :focus-visible,.restaurant-switch:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:2px}.account-popover form:last-child button{color:#f4b3a6}.top-avatar{border:0;cursor:pointer}.sidebar-user button{cursor:pointer} .workspace-search-label{display:block;color:#b9afb9;font-size:13px;margin-bottom:12px}.workspace-search-input{width:100%;padding:15px;border:1px solid #ffffff30;border-radius:12px;background:#0003;color:#fff;font:inherit}.workspace-search-results{max-height:min(52vh,450px);overflow:auto;margin-top:12px}.workspace-search-results>button{width:100%;display:flex;justify-content:space-between;gap:12px;padding:14px 10px;border:0;border-bottom:1px solid #ffffff14;background:transparent;color:inherit;text-align:left;cursor:pointer}.workspace-search-results>button:hover,.workspace-search-results>button:focus-visible{background:#ffffff09;outline:1px solid var(--workspace-accent);outline-offset:-1px}.workspace-search-results b,.workspace-search-results small{display:block}.workspace-search-results small{color:#b9afb9;margin-top:5px}.security-copy{line-height:1.7;color:#c8c0c9}.security-copy li{margin-bottom:10px} .opening-hours-panel{margin-bottom:24px}.opening-hours-grid{display:grid;gap:12px;margin:24px 0}.opening-day{display:grid;grid-template-columns:110px repeat(2,minmax(0,1fr));gap:14px;align-items:center;border-bottom:1px solid #ffffff10;padding-bottom:12px}.opening-slot{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.opening-slot label{display:flex;align-items:center;gap:5px;font-size:12px}.opening-slot input[type=time]{min-width:0;width:102px;color:#eee;background:#0002;border:1px solid #ffffff26;border-radius:8px;padding:9px;color-scheme:dark}.opening-hours-panel .business-config-footer{gap:14px;flex-wrap:wrap}.opening-hours-panel .row-actions{flex-wrap:wrap} @keyframes bruma-pop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @media(max-width:1200px){.page-columns{grid-template-columns:minmax(0,1fr)}.opening-day{grid-template-columns:100px minmax(0,1fr)}.opening-slot:last-child{grid-column:2}.top-actions{gap:8px}} @media(max-width:600px){.opening-day{grid-template-columns:1fr}.opening-slot:last-child{grid-column:auto}.top-actions .service-status{font-size:11px;padding:7px}.topbar .breadcrumbs{min-width:0}.live-clock{display:none}.page-header{flex-wrap:wrap}.page-header .row-actions{flex-wrap:wrap}.table-bill-summary .row-actions .button{flex-basis:130px}} @media(prefers-reduced-motion:reduce){.account-popover{animation:none}} .brand-mark{background:var(--workspace-accent);color:var(--workspace-primary)}.account-popover>p{margin:4px 10px 10px;overflow-wrap:anywhere}.account-popover>p small{display:block;margin-top:5px;color:#b6aeb7}.user-card>div:nth-child(2){min-width:0}.user-card b{overflow-wrap:anywhere} /* Pizzeria napoletana: forno, pomodoro, crema e basilico. */ html[data-workspace-type="pizzeria"]{--pizzeria-cream:#fff0d6;--pizzeria-basil:#47765a} html[data-workspace-type="pizzeria"] .brand-mark{background:#bc3929;color:var(--pizzeria-cream);border:2px solid var(--pizzeria-cream);border-radius:50%;font:bold 23px Georgia,serif;box-shadow:0 0 0 4px #47765a55} html[data-workspace-type="pizzeria"] .brand strong{font-family:Georgia,serif;color:var(--pizzeria-cream);font-size:23px;line-height:1.15} html[data-workspace-type="pizzeria"] .brand span{color:#b6c2a9} html[data-workspace-type="pizzeria"] .nav-item.active{background:#47765a30;border-left-color:#719c78;color:var(--pizzeria-cream)} html[data-workspace-type="pizzeria"] .button.primary{background:#bc3929;color:var(--pizzeria-cream);border-color:#df634f} html[data-workspace-type="pizzeria"] .restaurant-switch{border-color:#fff0d62b;background:linear-gradient(110deg,#47765a20,#291e18)} html[data-workspace-type="pizzeria"] .help-card{background:#263e2e;border-color:#719c7844} html[data-workspace-type="pizzeria"] .panel-title{color:var(--pizzeria-cream)} html[data-workspace-type="pizzeria"] .page-heading h1{font-family:Georgia,serif} /* Restaurant identity must keep its proportions even with a long business name. */ .brand{align-items:center;gap:12px;padding-bottom:22px}.brand .brand-mark{flex:0 0 54px;width:54px;height:54px;min-width:54px;padding:0;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:50%}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand>div:last-child{flex:1;min-width:0}.brand strong,html[data-workspace-type="pizzeria"] .brand strong{font-size:17px!important;line-height:1.22;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:normal}.brand span{font-size:9px;margin-top:7px}.workspace-logo{display:block;width:100%;height:100%;object-fit:contain}.orbit-core{width:80px;height:80px;padding:0;background:transparent;box-shadow:none}.orbit-core .workspace-logo{filter:drop-shadow(0 8px 18px #0005)}.floor-meta strong .workspace-logo{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:5px} .restaurant-picker{position:relative;flex-shrink:0;margin-bottom:22px}.restaurant-picker .restaurant-switch{width:100%;height:auto;min-height:72px;margin-bottom:0;text-align:left;font:inherit;color:inherit}.restaurant-switch .switch-icon{flex:0 0 42px;width:42px;height:42px;background:transparent;border-radius:50%}.switch-icon img{width:100%;height:100%;object-fit:contain;display:block}.restaurant-switch>span:nth-child(2){flex:1}.restaurant-switch b{font-size:12px;line-height:1.35}.restaurant-switch .chevron{flex:none;transition:transform .18s}.restaurant-switch[aria-expanded=true] .chevron{transform:rotate(180deg)} .restaurant-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;max-height:55vh;overflow-y:auto;z-index:35;border:1px solid #ffffff29;border-radius:16px;background:var(--workspace-surface);padding:8px;box-shadow:0 18px 50px #0009;animation:bruma-pop .16s ease-out}.restaurant-menu[hidden]{display:none!important}.restaurant-menu>p{font-size:9px;letter-spacing:.12em;color:#c1b4ad;margin:8px}.restaurant-menu a{display:flex;align-items:center;gap:9px;padding:11px 8px;border-radius:10px;color:#f7ede3;text-decoration:none}.restaurant-menu a:hover,.restaurant-menu a:focus-visible{background:#ffffff0a;outline:1px solid var(--workspace-accent);outline-offset:-1px}.restaurant-menu a[aria-current=true]{background:color-mix(in srgb,var(--workspace-accent) 16%,transparent)}.restaurant-menu a>img,.restaurant-menu .tenant-symbol{width:36px;height:36px;flex:none;object-fit:contain}.restaurant-menu a>span:not(.tenant-symbol){min-width:0;flex:1}.restaurant-menu b{font-size:11px;display:block;line-height:1.3}.restaurant-menu small{font-size:9px;color:#b8aaa3;display:block;margin-top:4px}.restaurant-menu i{font-style:normal;color:#d6bcb0}.restaurant-menu a:last-child{border-top:1px solid #ffffff14;font-size:11px;margin-top:5px;border-radius:0} .workspace-transition{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;pointer-events:all;background:radial-gradient(ellipse at 25% 30%,color-mix(in srgb,var(--workspace-accent) 30%,transparent),transparent 60%),var(--workspace-background);animation:workspace-fade .24s ease both}.workspace-transition[hidden]{display:none!important}.workspace-transition-content{text-align:center;max-width:550px;animation:workspace-lift .32s cubic-bezier(.2,.7,.3,1) both}.workspace-transition-content .workspace-logo{width:86px;height:86px;margin:0 auto 25px}.workspace-transition p{font-size:10px;letter-spacing:.22em;color:#d1b8aa}.workspace-transition h2{font-size:clamp(28px,4vw,46px);color:#fff0df;line-height:1.15;margin:18px 0 26px}.transition-bruma{font-size:28px;font-weight:800;color:#fff0df}.transition-track{display:block;max-width:180px;height:2px;background:#ffffff20;margin:auto;overflow:hidden}.transition-track i{height:100%;display:block;background:var(--workspace-accent);transform-origin:left;animation:workspace-progress .4s ease both}.workspace-leaving .app-shell{pointer-events:none;opacity:0;transform:translateY(-5px);transition:opacity .2s,transform .25s} @keyframes workspace-fade{from{opacity:0}to{opacity:1}}@keyframes workspace-lift{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes workspace-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}} html[data-workspace-type="pizzeria"]{--ink:#fff0df;--muted:#bdac9c;--line:#49382b;--paper:#291e18;--canvas:#19120f;--green:#e25b47;--green-dark:#bc3929;--green-soft:#47251b;--orange:#e9ad60;--orange-soft:#473322} html[data-workspace-type="pizzeria"] .sidebar{background:#17130f} html[data-workspace-type="pizzeria"] .service-hero{background:radial-gradient(ellipse at 75% 40%,#47765a38,transparent 38%),linear-gradient(115deg,#48251a,#261e16);border-color:#78503b} html[data-workspace-type="pizzeria"] .hero-copy h2 em{color:#efb46b}html[data-workspace-type="pizzeria"] .hero-eyebrow{color:#c5d5b5}html[data-workspace-type="pizzeria"] .hero-link,html[data-workspace-type="pizzeria"] .text-link{color:#efb46b}html[data-workspace-type="pizzeria"] .hero-copy p{color:#d4c7b8} html[data-workspace-type="pizzeria"] .stat-card{background:#291e18;border-color:#49382b}html[data-workspace-type="pizzeria"] .stat-icon.green{color:#9dc49d;background:#263e2e}html[data-workspace-type="pizzeria"] .nav-count{background:#47765a;color:#fff0d6}html[data-workspace-type="pizzeria"] .eyebrow{color:#e9ad60} @media(max-width:720px){.brand .brand-mark{flex-basis:46px;width:46px;height:46px;min-width:46px}.orbit-core{width:80px;height:80px}.restaurant-menu{max-height:45vh}} @media(prefers-reduced-motion:reduce){.workspace-transition,.workspace-transition-content,.transition-track i,.restaurant-menu{animation:none}.workspace-leaving .app-shell{transition:none}.restaurant-switch .chevron{transition:none}} html[data-workspace-type="pizzeria"]{--tenant-bcaeb5:#c7b7a3;--tenant-f4e7ed:#fff0df;--tenant-211d23:#261d17;--tenant-211c21:#261d17;--tenant-eadde2:#efdfca;--tenant-30272e:#34271f;--tenant-40363e:#514033;--tenant-40343d:#514033;--tenant-bb7e9c:#bc7057;--tenant-d584a1:#dfab61;--tenant-393139:#49392d;--tenant-e493ae:#e8a260;--tenant-38252e:#42271c;--tenant-e99ab4:#e98f6a;--tenant-a99da1:#b9a995;--tenant-423840:#534232;--tenant-f2e8ed:#fff0df;--tenant-342a32:#49382b;--tenant-f0a9c0:#efb46b;--tenant-18151a:#211811;--tenant-40313a:#503826;--tenant-493943:#5a4230;--tenant-382b32:#443124;--tenant-f4edf1:#fff3e2;--tenant-f1e8ec:#f5e8d5;--tenant-cbbbc3:#cfbda3;--tenant-d8cbd1:#dfceb6;} .ui-icon{display:inline-block;vertical-align:middle;width:19px;height:19px;flex:0 0 19px}.chevron .ui-icon{width:16px;height:16px}.restaurant-menu i{display:flex;align-items:center}.restaurant-menu a:last-child{gap:9px}.account-popover>button,.account-popover>a,.account-popover form>button{display:flex;align-items:center;gap:10px}.account-popover svg{color:var(--workspace-accent)} .form-help{font-size:12px;line-height:1.65;color:#bdb2aa;margin:0 0 16px}.form-feedback{font-size:13px;line-height:1.5;color:#ffbd9a}.procurement-panel{margin-top:24px}.procurement-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 20px;border-block:1px solid var(--line);font-size:12px;color:var(--muted)}.procurement-steps span{display:flex;align-items:center;gap:9px}.procurement-steps b{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;color:var(--ink);background:var(--green-soft)}.procurement-panel .supplier-card .row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.procurement-reorder{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;font-size:12px;color:var(--muted)}.procurement-panel .row-actions{flex-wrap:wrap}.purchase-lines{margin:16px 0;border-block:1px solid var(--line)}.purchase-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.purchase-line span{min-width:0}.purchase-line b,.purchase-line small{display:block}.purchase-line b{font-size:13px;overflow-wrap:anywhere}.purchase-line small{font-size:11px;color:var(--muted);margin-top:5px}.purchase-channels{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.purchase-channels a{text-decoration:none}.purchase-channels a[aria-disabled=true]{opacity:.45;cursor:not-allowed}.purchase-confirm{display:flex;gap:12px;align-items:flex-start;line-height:1.6;font-size:13px}.purchase-confirm input{margin-top:5px;flex:none}.stock-actions{flex-wrap:wrap}.modal-body .field small{display:block;margin-top:6px;font-size:11px;line-height:1.5;color:var(--muted)} @media(max-width:700px){.procurement-steps{grid-template-columns:1fr}.procurement-panel .panel-header{align-items:flex-start;flex-wrap:wrap}.purchase-channels>*{flex:1 1 130px;justify-content:center}.supplier-cards{grid-template-columns:1fr}} .workspace-sync-notice{margin:18px 34px 0;padding:14px 18px;border:1px solid #ffffff20;border-radius:14px;background:var(--workspace-surface);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.workspace-sync-notice[hidden]{display:none!important}.workspace-sync-notice b,.workspace-sync-notice span{display:block}.workspace-sync-notice b{font-size:12px;color:var(--ink);margin-bottom:5px}.workspace-sync-notice span{color:var(--muted);line-height:1.5}.workspace-sync-notice[data-kind=error]{border-color:#db775f99;background:color-mix(in srgb,#9a4125 14%,var(--workspace-surface))}.workspace-sync-notice[data-kind=saved]{border-color:#47765a99}.workspace-sync-notice .row-actions{flex-shrink:0;flex-wrap:wrap}@media(max-width:700px){.workspace-sync-notice{margin:12px 14px 0;align-items:flex-start;flex-direction:column}} /* Labels stay whole; dense tables scroll instead of squeezing actions. */ .button,.availability-pill{white-space:nowrap;overflow-wrap:normal;word-break:normal;flex-shrink:0;justify-content:center} .heading-actions{flex-wrap:wrap} .page-heading{flex-wrap:wrap;gap:16px} .data-table th{word-break:normal;overflow-wrap:normal} .data-table td .button{min-width:max-content} .menu-table-wrap{width:100%;container-type:inline-size;overflow-x:clip} .menu-table-wrap:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:-2px} .menu-data-table{width:100%;min-width:0;table-layout:fixed} .menu-data-table th,.menu-data-table td{padding:14px 10px;vertical-align:middle} .menu-data-table th:nth-child(1){width:34%} .menu-data-table th:nth-child(2){width:17%} .menu-data-table th:nth-child(3){width:10%} .menu-data-table th:nth-child(4){width:12%} .menu-data-table th:nth-child(5){width:16%} .menu-data-table th:nth-child(6){width:11%} .menu-data-table td:nth-child(3),.menu-data-table td:nth-child(4){white-space:nowrap} .menu-data-table .menu-name-cell{min-width:0;align-items:flex-start} .menu-item-copy{min-width:0;overflow-wrap:break-word} .menu-item-note{line-height:1.55;margin-top:5px} .menu-item-allergens{margin-top:7px;gap:4px} .menu-routing{display:flex;align-items:flex-start;gap:7px;flex-direction:column} .menu-routing .menu-category{white-space:normal;overflow-wrap:break-word;max-width:100%} .menu-data-table td .availability-pill{white-space:normal;overflow-wrap:normal;max-width:100%;line-height:1.35} .menu-data-table td:last-child{text-align:right} .menu-data-table td .button{min-width:0;padding-inline:10px} .kds-ticket-time small{display:block;margin-top:5px;font-size:10px;color:var(--muted)} @container(max-width:740px){ .menu-data-table,.menu-data-table tbody{display:block;width:100%} .menu-data-table thead{display:none} .menu-data-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;border-bottom:1px solid var(--line)} .menu-data-table td{display:block;width:auto!important;padding:0;border:0;min-width:0;white-space:normal!important} .menu-data-table td:before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:6px} .menu-data-table td:first-child{grid-column:1/-1} .menu-data-table td:first-child:before,.menu-data-table td:last-child:before{display:none} .menu-data-table .menu-routing{flex-direction:row;flex-wrap:wrap} .menu-data-table td:last-child{display:flex;align-items:end;justify-content:flex-end} .menu-data-table .button{min-height:40px} } /* Kitchen planning: future orders stay out of the working queue. */ .kds-scheduled{margin-top:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden;flex-shrink:0} .kds-scheduled-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:10px;padding:14px;max-height:240px;overflow:auto} .kds-scheduled-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)} .kds-scheduled-list article>div{display:grid;gap:6px;min-width:0} .kds-scheduled-list b{font-size:12px}.kds-scheduled-list span,.kds-scheduled-list small{font-size:11px;color:var(--muted);line-height:1.5} .kds-waiting-label{color:#245b39!important;font-size:11px!important;font-weight:700} .kds-line .kds-line-timing{grid-column:2/-1;color:#776254;font-size:11px;line-height:1.4} .kitchen-timing-settings{margin-bottom:18px}.kitchen-timing-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0} .kitchen-timing-fields label{display:grid;gap:9px;font-size:13px}.kitchen-timing-fields span{display:flex;gap:9px;align-items:center;color:var(--muted)} .kitchen-timing-fields input{width:88px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink)} .kds-screen:fullscreen .kds-scheduled{max-height:23vh;overflow:auto} /* Department access and support use the same workspace palette. */ [hidden]{display:none!important} .service-status:disabled{cursor:default;opacity:.85} .team-access-panel{margin-bottom:18px}.team-access-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap} .team-access-row>div{flex:1;min-width:180px}.team-access-row b,.team-access-row small{display:block;overflow-wrap:anywhere}.team-access-row small{color:var(--muted);margin-top:5px}.team-access-row select{padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink)} .support-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}.support-ticket{padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px} .support-ticket header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.support-ticket header div{min-width:0}.support-ticket small{display:block;color:var(--muted);line-height:1.6;margin-top:5px}.support-ticket p,.support-success p{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.support-response{padding:12px;background:var(--green-soft);border-radius:8px;margin:12px 0}.support-response b{font-size:12px}.support-success{padding:18px;border:1px solid var(--green);border-radius:12px} @media(max-width:550px){.support-ticket header{flex-direction:column}.team-access-panel .panel-header{align-items:flex-start;flex-direction:column;gap:12px}} /* Personal staff space: private records stay in memory and come from the staff API. */ .staff-space-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px;border:1px solid var(--line);border-radius:18px;margin-bottom:18px;background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--workspace-accent) 18%,transparent),transparent 65%),var(--paper)} .staff-space-hero h2{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;margin:12px 0}.staff-space-hero p{color:var(--muted);font-size:13px;line-height:1.7;max-width:560px;margin:0}.staff-workstations{display:flex;flex-wrap:wrap;gap:9px} .staff-personal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.staff-personal-summary>div{display:grid;align-content:start;gap:9px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.staff-personal-summary small{color:var(--muted);font-size:10px;letter-spacing:1px}.staff-personal-summary b{font-size:22px;letter-spacing:-.5px}.staff-personal-summary span{font-size:12px;color:var(--muted);line-height:1.5} .staff-space-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.staff-space-grid .panel-header{gap:12px;flex-wrap:wrap}.staff-space-empty{font-size:13px;line-height:1.7;padding:14px;color:var(--muted)} .staff-personal-shift{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.staff-personal-shift:last-child{border-bottom:0}.staff-shift-date{display:grid;justify-items:center;gap:4px;min-width:62px;padding:10px;border-radius:10px;background:var(--green-soft)}.staff-shift-date b{font-size:24px}.staff-shift-date span{font-size:10px;text-transform:uppercase}.staff-personal-shift>div:nth-child(2){display:grid;gap:6px;flex:1;min-width:0}.staff-personal-shift span,.staff-personal-shift small{color:var(--muted)}.staff-personal-shift small{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.staff-personal-shift>div:nth-child(2)>b{font-size:13px;line-height:1.6} .staff-personal-task{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.staff-personal-task>div:first-child{flex:1;min-width:180px}.staff-personal-task .tag{margin-right:9px}.staff-personal-task small{font-size:11px;color:var(--muted)}.staff-personal-task b{display:block;font-size:14px;margin-top:11px}.staff-personal-task p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.staff-personal-task.is-complete b{color:var(--muted)}.staff-personal-task .row-actions{align-self:flex-end} .staff-private-pay{margin-top:18px}.staff-private-pay summary{padding:20px 22px;cursor:pointer;font-weight:700;font-size:14px}.staff-private-pay summary span{display:block;margin:8px 0 0 16px;color:var(--muted);font-weight:400;font-size:12px}.staff-pay-row{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.staff-pay-row div{display:grid;gap:7px;min-width:0}.staff-pay-row span,.staff-pay-row small{font-size:12px;color:var(--muted);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.staff-pay-row strong{white-space:nowrap;font-size:20px} .staff-team-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:18px;margin:22px 0}.staff-team-toolbar .field{flex:1;min-width:220px;max-width:500px}.staff-team-toolbar select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)} @media(max-width:1100px){.staff-space-grid{grid-template-columns:1fr}.staff-space-hero{align-items:flex-start;flex-direction:column}.staff-personal-summary>div{padding:16px}.staff-personal-summary b{font-size:18px}} @media(max-width:600px){.staff-personal-summary{grid-template-columns:1fr}.staff-space-hero{padding:22px}.staff-space-hero h2{font-size:24px}.staff-personal-shift{flex-wrap:wrap}.staff-personal-shift .button{margin-left:78px}.staff-pay-row{flex-direction:column}} /* Staff home: a useful welcome, today's service and clear station entry points. */ .staff-space-hero{padding:32px 36px;min-height:200px;background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--workspace-accent) 22%,transparent),transparent 64%),linear-gradient(115deg,var(--paper),var(--canvas));position:relative;overflow:hidden} .staff-space-hero h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-1.5px;line-height:1.15;margin:17px 0 14px}.staff-space-hero>div:first-child{position:relative;z-index:1;min-width:0}.staff-space-hero .detail-kicker{letter-spacing:1.4px;font-size:10px}.staff-hero-emblem{display:grid;place-items:center;flex:none;width:100px;height:100px;border-radius:50%;border:1px solid color-mix(in srgb,var(--workspace-accent) 30%,transparent);background:color-mix(in srgb,var(--workspace-accent) 6%,transparent);color:var(--workspace-accent);box-shadow:0 0 55px color-mix(in srgb,var(--workspace-accent) 9%,transparent)}.staff-hero-emblem svg{width:70px;height:70px} .staff-station-section{margin:26px 0}.staff-station-section h2{font:700 18px Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 7px}.staff-station-section>div:first-child>p{font-size:12px;color:var(--muted);margin:0 0 16px}.staff-workstations{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px} .staff-station-card{display:flex;align-items:center;gap:18px;padding:25px;text-align:left;min-height:140px;width:100%;color:var(--ink);border:1px solid color-mix(in srgb,var(--workspace-accent) 32%,var(--line));border-radius:15px;background:linear-gradient(125deg,color-mix(in srgb,var(--workspace-accent) 9%,var(--paper)),var(--paper));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;cursor:pointer} .staff-station-card:hover{transform:translateY(-2px);border-color:var(--workspace-accent);box-shadow:0 8px 28px #0002}.staff-station-card:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:4px}.staff-station-icon{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:13px;background:color-mix(in srgb,var(--workspace-accent) 13%,transparent);color:var(--workspace-accent)}.staff-station-icon svg{width:30px;height:30px}.staff-station-card>span:nth-child(2){display:grid;gap:8px;min-width:0}.staff-station-card b{font-size:18px;letter-spacing:-.4px;line-height:1.3}.staff-station-card small{font-size:12px;line-height:1.5;color:var(--muted)}.staff-station-card em{font-size:11px;font-style:normal;font-weight:700;color:var(--workspace-accent);margin-top:3px}.staff-station-arrow{margin-left:auto;font-size:22px;flex:none;color:var(--workspace-accent)} .staff-today-summary{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin:22px 0}.staff-today-summary>section{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--paper)}.staff-today-summary h3{font:700 clamp(21px,2.4vw,30px) Manrope,sans-serif;letter-spacing:-.8px;margin:15px 0 12px;line-height:1.4}.staff-today-summary p{font-size:13px;color:var(--muted);line-height:1.6}.staff-today-summary small{display:block;font-size:11px;color:var(--muted);line-height:1.65}.staff-task-recap>div{display:flex;gap:12px;align-items:baseline;margin-top:12px}.staff-task-recap strong{font-size:38px;line-height:1.2;letter-spacing:-1px}.staff-task-recap>div>span{font-size:13px;color:var(--muted)}.staff-task-recap.has-overdue{border-color:color-mix(in srgb,var(--workspace-accent) 55%,var(--line))}.staff-personal-task small.staff-deadline-overdue{color:var(--workspace-accent);font-weight:700}#staff-my-tasks{scroll-margin-top:88px}#staff-my-tasks:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:3px} @media(max-width:1100px){.staff-space-hero{flex-direction:row;align-items:center}.staff-workstations{grid-template-columns:1fr}.staff-station-card{min-height:120px}.staff-today-summary{grid-template-columns:1fr}} @media(max-width:600px){.staff-space-hero{padding:26px 22px;min-height:190px}.staff-hero-emblem{position:absolute;right:-25px;top:14px;width:112px;height:112px;opacity:.16}.staff-space-hero>div:first-child{max-width:100%}.staff-station-card{padding:20px;gap:14px}.staff-station-icon{width:46px;height:46px}.staff-station-card b{font-size:17px}.staff-today-summary>section{padding:20px}} @media(prefers-reduced-motion:reduce){.staff-station-card{transition:none}.staff-station-card:hover{transform:none}} .workspace-station-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 34px;border-bottom:1px solid var(--line);background:var(--paper)}.workspace-station-nav>b{font-size:11px;letter-spacing:.5px;margin-right:10px;color:var(--muted)}.workspace-station-nav button{padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);cursor:pointer;font-size:12px}.workspace-station-nav button.active{border-color:var(--workspace-accent);background:color-mix(in srgb,var(--workspace-accent) 13%,transparent)}.staff-station-card:disabled{opacity:.6;cursor:default;transform:none}.staff-station-card:disabled:hover{box-shadow:none} .member-station-options{display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}.member-station-options legend{font-size:11px;color:var(--muted)}.member-station-options label{display:flex;align-items:center;gap:7px;font-size:12px}.member-station-options input{accent-color:var(--workspace-accent)} .staff-coverage-panel,.staff-roster,.staff-absence-panel,.staff-invitation-panel{margin:18px 0}.staff-coverage-controls{display:flex;flex-wrap:wrap;gap:18px;padding-bottom:4px}.staff-coverage-controls label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.staff-coverage-controls input,.staff-coverage-setting input,.staff-day-view>input{padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.staff-coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;padding:18px}.staff-coverage-grid>div{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}.staff-coverage-grid b{font-size:12px}.staff-coverage-grid strong{font-size:25px}.staff-coverage-grid strong small{font-size:15px;font-weight:400;color:var(--muted)}.staff-coverage-grid span{font-size:11px;color:var(--muted)}.staff-coverage-grid .is-short{border-color:color-mix(in srgb,var(--workspace-accent) 55%,var(--line))}.staff-coverage-grid .is-short span{color:var(--workspace-accent)}.staff-coverage-setting{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:12px 0}.staff-coverage-setting input{width:80px} .staff-member-detail{margin-top:34px;scroll-margin-top:90px}.staff-member-detail>h2{font-size:23px;letter-spacing:-.7px}.staff-person-calendar{margin:20px 0}.staff-schedule{margin:20px 0}.staff-shift>button>svg{display:block;width:14px;height:14px}.staff-hours-track{background:var(--canvas);border:1px solid var(--line);overflow:hidden}.staff-schedule .staff-week-grid,.staff-person-calendar .staff-week-grid{grid-template-columns:repeat(7,minmax(135px,1fr));overflow:auto}.staff-schedule .staff-shift,.staff-person-calendar .staff-shift{padding-right:32px}.staff-day-view>.staff-day{max-width:700px;margin:16px auto}.staff-day-view>input{margin:16px} .staff-batch-calendar{margin:18px 0;border:1px solid var(--line);border-radius:12px;padding:16px}.staff-batch-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.staff-batch-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px}.staff-batch-toolbar input{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.staff-batch-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.staff-batch-grid>span{text-align:center;padding:5px;font-size:11px;color:var(--muted)}.staff-batch-grid>button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink);cursor:pointer}.staff-batch-grid>button[aria-pressed=true]{border-color:var(--workspace-accent);background:color-mix(in srgb,var(--workspace-accent) 25%,var(--paper));font-weight:700}.staff-batch-grid>button:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:2px}#staff-batch-count{margin:14px 0 0;line-height:1.7}.staff-add-options{display:grid;gap:12px}.staff-add-options .staff-station-card{min-height:110px} .staff-planner-fullscreen .sidebar,.staff-planner-fullscreen .topbar,.staff-planner-fullscreen .workspace-sync-notice,.staff-planner-fullscreen .workspace-station-nav{display:none!important}.staff-planner-fullscreen .main-area{margin-left:0}.staff-planner-fullscreen .page-content{padding:12px;max-width:none}.staff-planner-fullscreen #page-content>*:not(#staff-space-content){display:none!important}.staff-planner-fullscreen #staff-space-content>*:not(#staff-calendar){display:none!important}.staff-planner-fullscreen #staff-calendar{margin:0;min-height:calc(100vh - 24px)}.staff-planner-fullscreen .staff-week-grid{min-height:calc(100vh - 120px)} @media(max-width:600px){.workspace-station-nav{padding:12px 18px;gap:6px}.workspace-station-nav b{width:100%}.workspace-station-nav button{font-size:11px;padding:8px}.staff-coverage-controls{flex-direction:column;align-items:flex-start}.staff-schedule-tools{flex-wrap:wrap}} .staff-member-contacts{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.staff-member-contacts>div:first-child{display:grid;gap:7px}.staff-member-contacts span{font-size:12px;color:var(--muted)}.staff-member-contacts a{text-decoration:none}.staff-summary-copy{width:100%;box-sizing:border-box;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--ink);font:inherit;font-size:12px;line-height:1.8;margin-bottom:16px;resize:vertical} /* Owner staff workspace: progressive sections, not one long dashboard. */ .staff-subnav{margin:4px 0 12px 30px;padding:5px 0 5px 13px;border-left:1px solid var(--line);display:grid;gap:4px}.staff-subnav[hidden],#staff-space-content>[hidden]{display:none!important}.staff-subnav button{appearance:none;border:1px solid transparent;background:rgba(255,255,255,.035);color:var(--muted);font:inherit;font-size:12px;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer;transition:background .16s,color .16s}.staff-subnav button:hover{background:rgba(255,255,255,.07);color:var(--ink)}.staff-subnav button.active{background:color-mix(in srgb,var(--workspace-accent) 14%,#09090b);border-color:color-mix(in srgb,var(--workspace-accent) 25%,transparent);color:var(--ink);font-weight:700}.staff-subnav button:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:2px}.staff-section-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:-8px 0 20px}.staff-section-intro>p{color:var(--muted);line-height:1.6;max-width:720px;margin:0}.staff-section-picker{display:none}.staff-period-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px;flex-wrap:wrap}.staff-period-toolbar>div:first-child{display:grid;gap:5px}.staff-period-toolbar span{color:var(--muted);font-size:12px}.staff-period-toolbar input,.staff-section-picker select{background:var(--workspace-surface);color:var(--ink);border:1px solid var(--line);padding:10px;border-radius:9px;font:inherit}.staff-section-picker{color:var(--muted);font-size:12px;gap:7px}.staff-coverage-trend{margin-bottom:24px}.staff-trend-scroll{padding:10px 20px 0;overflow-x:auto}.staff-trend-scroll svg{width:100%;min-width:520px;max-height:300px;display:block}.staff-trend-scroll text{fill:var(--muted);font-size:11px;font-family:inherit}.staff-trend-legend{display:flex;flex-wrap:wrap;gap:20px;padding:0 24px 20px;color:var(--muted);font-size:12px}.staff-trend-legend span{display:flex;align-items:center;gap:8px}.staff-trend-legend i{width:20px;border-top:3px solid #75bbaa}.staff-trend-legend .target{border-top:2px dashed #eda674}.staff-trend-values{margin:0 24px 20px;font-size:12px;color:var(--muted)}.staff-trend-values summary{cursor:pointer}.staff-trend-value-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding-top:14px}.staff-trend-value-grid span{display:grid;gap:4px}.staff-present-summary{border-top:1px solid var(--line);padding:20px 24px;display:flex;gap:16px;justify-content:space-between;align-items:center}.staff-present-summary>div{display:grid;gap:7px}.staff-present-summary span{font-size:12px;color:var(--muted)}.staff-department-presence{display:flex;gap:12px;flex-wrap:wrap;padding:0 24px 24px}.staff-department-presence>div{display:grid;gap:5px;border:1px solid var(--line);border-radius:10px;padding:12px;min-width:135px}.staff-department-presence span{font-size:12px;color:var(--muted)}.staff-planner-fullscreen{overflow:hidden}.staff-planner-fullscreen #staff-calendar{position:fixed;inset:10px;z-index:90;overflow:auto;background:var(--workspace-surface);min-height:0;border-radius:14px}.staff-planner-fullscreen .staff-schedule-header{position:sticky;top:0;background:var(--workspace-surface);z-index:2}.staff-planner-fullscreen #modal-root{position:relative;z-index:100}.staff-planner-fullscreen .staff-week-grid{min-height:calc(100dvh - 140px)} @media(max-width:900px){.staff-section-intro{align-items:flex-start;flex-direction:column;gap:14px}.staff-section-picker{display:grid;width:100%}.staff-trend-value-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-present-summary{align-items:flex-start;flex-direction:column}.staff-planner-fullscreen #staff-calendar{inset:0;border-radius:0}.staff-planner-fullscreen .staff-schedule-tools{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){.staff-subnav button{transition:none}} .staff-people-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.staff-calendar-person{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.staff-calendar-person select{max-width:220px;background:var(--workspace-surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:9px;font:inherit}.staff-time-presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}.staff-time-presets>span{width:100%;font-size:12px;color:var(--muted)}.staff-batch-grid button{min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 2px!important}.staff-batch-grid button small{font-size:9px;line-height:1.2;letter-spacing:-.2px}.staff-batch-review{display:grid;gap:9px;padding:16px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--workspace-accent) 7%,var(--workspace-surface));margin-top:14px}.staff-batch-review span{font-size:14px}.staff-batch-review small{font-size:12px;color:var(--muted);line-height:1.7}.staff-repeat-row{border-top:1px solid var(--line);padding-top:12px}.staff-account-advanced summary,.staff-shift-list>summary{padding:12px;cursor:pointer;color:var(--muted);font-size:12px}.staff-account-advanced[open] summary{padding-left:0}.staff-account-advanced select{width:100%}.staff-shift-list{align-self:start}.staff-schedule-header{flex-wrap:wrap;gap:16px}.staff-schedule-tools{flex-wrap:wrap} /* Keep long staff forms scrollable, with the confirmation footer always visible. */ .modal-backdrop:has(.simple-modal){z-index:200;overflow:hidden;padding:12px}.simple-modal{display:flex;flex-direction:column;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);width:min(660px,100%);min-height:0}.simple-modal .modal-head,.simple-modal .modal-footer{flex:0 0 auto}.simple-modal .modal-head{padding:16px 20px}.simple-modal .modal-head h2{margin:0;font-size:19px}.simple-modal .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 20px;max-height:none}.simple-modal .modal-footer{background:var(--workspace-surface);padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.simple-modal .modal-footer .button{min-height:42px;white-space:nowrap}.simple-modal .staff-batch-grid button{min-height:46px} .staff-calendar-step,.staff-calendar-views,.staff-calendar-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.staff-calendar-views{border:1px solid var(--line);border-radius:10px;padding:3px}.staff-calendar-views .button{border-color:transparent;box-shadow:none;min-width:68px;justify-content:center}.staff-schedule-tools{width:100%;gap:12px;justify-content:flex-start}.staff-calendar-actions{margin-left:auto}.staff-schedule-tools .button{min-height:36px;white-space:nowrap}.staff-month-scroll{overflow:auto}.staff-month-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));min-width:875px;gap:1px;background:var(--line)}.staff-month-label{background:var(--workspace-surface);padding:12px;font-size:11px;color:var(--muted)}.staff-month-day{background:var(--workspace-surface);min-height:145px;padding:8px;display:flex;flex-direction:column;gap:5px}.staff-month-day>header{display:flex;align-items:center;justify-content:space-between}.staff-month-day>header>.button{min-height:26px;padding:3px 7px}.staff-month-day.outside-month{background:color-mix(in srgb,var(--workspace-surface) 70%,#09090b);color:var(--muted)}.staff-month-day.is-today{box-shadow:inset 0 3px var(--workspace-accent)}.staff-month-shift{border:1px solid color-mix(in srgb,var(--workspace-accent) 25%,var(--line));background:color-mix(in srgb,var(--workspace-accent) 10%,var(--workspace-surface));border-radius:7px;color:var(--ink);padding:8px;text-align:left;display:grid;gap:3px}.staff-month-shift b{font-size:11px}.staff-month-shift span,.staff-month-shift small{font-size:10px;color:var(--muted)}.staff-month-empty{padding:20px;color:var(--muted)}.staff-overview-recap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.staff-overview-recap article{border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;flex-direction:column;gap:10px;background:var(--workspace-surface)}.staff-overview-recap strong{font-size:28px}.staff-overview-recap span,.staff-overview-recap small{font-size:12px;line-height:1.5;color:var(--muted)}.staff-next-shift{display:flex;flex-wrap:wrap;gap:16px;padding:18px;margin-bottom:20px}.staff-next-shift span{color:var(--muted)} @media(max-width:900px){.staff-overview-recap{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-calendar-actions{margin-left:0}.staff-calendar-person{width:100%}.staff-calendar-person select{flex:1;max-width:none}}@media(max-height:600px){.simple-modal .modal-head{padding:10px 16px}.simple-modal .modal-body{padding:12px 16px}.simple-modal .modal-footer{padding:8px 16px}.simple-modal .staff-batch-grid button{min-height:36px}}@media(max-width:480px){.modal-backdrop:has(.simple-modal){padding:6px}.simple-modal{max-height:calc(100dvh - 12px)}.simple-modal .modal-body{padding:14px}.staff-overview-recap{gap:8px}.staff-overview-recap article{padding:12px}} .staff-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;margin:0 0 20px}.staff-demo-banner.is-demo{border-color:#c99754;background:#c9975410}.staff-demo-banner>div{display:grid;gap:7px}.staff-demo-banner span{font-size:12px;color:var(--muted);line-height:1.6}.staff-demo-banner .button{flex:none}@media(max-width:700px){.staff-demo-banner{align-items:flex-start;flex-direction:column}} .staff-publication{margin:18px 0}.staff-publication .panel-header{flex-wrap:wrap;gap:14px}.staff-delivery-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.staff-delivery-row span,.staff-delivery-row small{color:var(--muted)}.staff-publication details{margin-bottom:16px}.staff-publication summary{cursor:pointer}.staff-member-overview{margin:20px 0}.staff-requests-panel{margin:20px 0}.staff-requests-panel .panel-header{flex-wrap:wrap;gap:12px}.staff-request-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.staff-request-row>div:first-child{display:grid;gap:8px}.staff-request-row small,.staff-request-row span{font-size:12px;color:var(--muted)}.staff-personal-extras{margin-top:20px}.staff-shift:has(small){line-height:1.45}.staff-publication .form-help{margin-top:12px}@media(max-width:650px){.staff-request-row{align-items:flex-start;flex-direction:column}.staff-publication .row-actions{flex-wrap:wrap}} .notification-total{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;border-radius:12px;background:var(--workspace-accent);color:#150d10;font-size:10px;display:grid;place-items:center;padding:2px}.notification-list{display:grid;gap:10px}.notification-entry{border:1px solid var(--line);background:var(--workspace-surface);color:var(--ink);text-align:left;border-radius:10px;padding:14px;display:grid;gap:8px}.notification-entry.unread{border-left:3px solid var(--workspace-accent)}.notification-entry span,.notification-entry small{color:var(--muted);line-height:1.5;font-size:12px} /* Spacious service composer; viewport expansion keeps the same live form. */ body.order-composer-open{overflow:hidden} .modal-backdrop:has(.order-modal){padding:16px;background:#08070bd9;backdrop-filter:blur(8px)} .simple-modal.order-modal{width:min(1600px,calc(100vw - 32px));height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);border-radius:22px;overflow:hidden} .order-modal .modal-head{gap:12px;min-height:68px} .order-modal .modal-head h2{flex:1;font-size:22px} .order-modal .close-modal{order:3;flex-shrink:0} .order-modal .order-expand{display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap} .order-modal .modal-body{padding:20px;max-height:none;overflow:auto} .order-modal .order-builder{grid-template-columns:minmax(0,1.7fr) minmax(350px,1fr);gap:20px;min-height:100%;align-items:start} .order-modal .catalog-pane,.order-modal .cart-pane{padding:20px;border-radius:18px} .order-modal .catalog-toolbar{gap:20px;flex-wrap:wrap} .order-modal .catalog-toolbar b,.order-modal .cart-title b{font-size:18px} .order-modal .catalog-toolbar span,.order-modal .cart-title span{font-size:13px;line-height:1.5} .order-modal .catalog-toolbar input{font-size:15px;min-height:46px;width:min(320px,100%)} .order-modal .catalog-categories{gap:8px;padding:20px 0;flex-wrap:wrap;overflow:visible} .order-modal .catalog-category{padding:11px 16px;font-size:13px;min-height:44px} .order-modal .catalog-category.active{background:var(--workspace-accent,#e9a2b9);border-color:var(--workspace-accent,#e9a2b9);color:#21151b} .order-modal .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px;max-height:none;overflow:visible} .order-modal .catalog-item{padding:14px;border-radius:14px} .order-modal .catalog-item-photo{width:100%;height:112px;object-fit:cover;border-radius:9px;margin:0 0 9px} .order-modal .catalog-item-top{font-size:10px;letter-spacing:.3px;flex-wrap:wrap;margin-top:10px} .order-modal .catalog-item-top b{font-size:16px} .order-modal .catalog-item h3{font-size:16px;line-height:1.4;margin:10px 0 6px} .order-modal .catalog-item p{font-size:12px;line-height:1.5} .order-modal .catalog-allergens{font-size:11px;line-height:1.5} .order-modal .catalog-add{width:100%;min-height:44px;font-size:14px;justify-content:center;white-space:nowrap} .order-modal .cart-pane{position:sticky;top:0;gap:14px} .order-modal .cart-title{padding-bottom:16px} .order-modal .field{margin:0} .order-modal .field label{font-size:13px;line-height:1.5;display:block;margin-bottom:6px} .order-modal input,.order-modal select,.order-modal textarea{font-size:15px;min-height:44px} .order-modal .customer-fields{gap:14px;padding:0} .order-modal .customer-fields input{font-size:15px;padding:11px} .order-modal .cart-lines{flex:none;min-height:180px;max-height:340px;overflow:auto;overscroll-behavior:contain} .order-modal .cart-empty b{font-size:15px}.order-modal .cart-empty small{font-size:13px} .order-modal .cart-line{padding:16px 0}.order-modal .cart-line-heading b{font-size:15px}.order-modal .cart-line-heading span{font-size:12px} .order-modal .cart-line-controls{flex-wrap:wrap;gap:12px;margin-top:12px} .order-modal .quantity-stepper button,.order-modal .cart-remove{min-width:44px;min-height:44px;font-size:20px} .order-modal .quantity-stepper b{font-size:16px}.order-modal .edit-modification{font-size:13px;min-height:44px} .order-modal .cart-total{margin-top:0;padding-top:14px}.order-modal .cart-total b{font-size:27px} .order-modal .modal-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 20px max(14px,env(safe-area-inset-bottom))} .order-modal .modal-footer .button{min-height:48px;padding:12px 24px;font-size:15px} .modal-backdrop:has(.order-modal.is-expanded){padding:0} .simple-modal.order-modal.is-expanded{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0} /* Explicit action contrast, also outside browser fullscreen and across tenant themes. */ .kds-screen .kds-ticket .button.primary,.kds-screen .kds-ready-ticket .button.primary{background:#205f49;border-color:#367c60;color:#fff;font-weight:750;min-height:44px} .kds-screen .kds-ticket .button.primary:hover,.kds-screen .kds-ready-ticket .button.primary:hover{background:#174b39;color:#fff;border-color:#73af91} .kds-screen .kds-line .button{min-height:44px;padding:10px 14px;font-size:13px} .kds-screen .kds-ticket .button:focus-visible{outline:3px solid #efb26f;outline-offset:3px} .kds-screen .kds-line .button:disabled{background:#dff1e4;color:#20583a;border-color:#b4d5bd;opacity:1} @media(min-width:1100px){.order-modal .catalog-pane{max-height:calc(100dvh - 190px);overflow:auto;overscroll-behavior:contain}} @media(max-width:1099px){.order-modal .order-builder{grid-template-columns:minmax(0,1fr) minmax(310px,.85fr);gap:14px}.order-modal .catalog-pane,.order-modal .cart-pane{padding:16px}.order-modal .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.modal-backdrop:has(.order-modal){padding:6px}.simple-modal.order-modal{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:16px}.order-modal .modal-body{padding:12px}.order-modal .order-builder{grid-template-columns:1fr;min-height:0}.order-modal .cart-pane{position:static}.order-modal .catalog-grid{max-height:48dvh;overflow:auto}.order-modal .modal-head{padding:12px;min-height:60px}.order-modal .modal-head h2{font-size:18px}.order-modal .order-expand{padding:8px}.order-modal .order-expand span{display:none}.order-modal .modal-footer{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.order-modal .modal-footer .button{padding:10px 14px;font-size:14px}.order-modal .customer-fields{grid-template-columns:1fr 1fr}} @media(prefers-reduced-motion:reduce){.order-modal .catalog-item{transition:none;transform:none}} .staff-mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.staff-mail-toolbar .form-help{margin:6px 0}.staff-mail-toolbar .button{min-height:44px;white-space:nowrap}.mail-readiness-summary{padding:18px;border-radius:14px;border:1px solid #a77845;background:#a7784514}.mail-readiness-summary.ready{border-color:#548e71;background:#548e7114}.mail-readiness-summary b{font-size:18px}.mail-readiness-summary p,.mail-checks p,.mail-how-it-works p{font-size:14px;line-height:1.65;color:var(--muted);margin:8px 0 0}.mail-checks{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}.mail-checks li{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px}.mail-checks li>span{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#aa77422b;color:#efbf8c;font-weight:800}.mail-checks li[data-state=ok]>span{background:#548e7126;color:#92d5ad}.mail-checks li>div{min-width:0;overflow-wrap:anywhere}.mail-how-it-works{padding:14px 0;margin-bottom:14px}.mail-how-it-works summary{cursor:pointer;font-weight:700}#mail-readiness-retry{min-height:44px} /* Mobile navigation: visible entry points and dismissible drawer. */ .mobile-nav-close,.mobile-nav-backdrop{display:none}.mobile-nav-backdrop[hidden]{display:none!important} @media(max-width:720px){ body.mobile-navigation-open{overflow:hidden} .mobile-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:9;border:0;padding:0;background:#0009;backdrop-filter:blur(3px)} .sidebar{padding-top:68px;width:min(300px,calc(100vw - 44px));overflow-y:auto;overscroll-behavior:contain} .mobile-nav-close{display:flex;align-items:center;gap:8px;position:absolute;right:14px;top:12px;padding:8px 12px;min-height:44px;border:1px solid #ffffff29;border-radius:10px;background:#ffffff09;color:#f7f1e7;font-size:22px} .mobile-nav-close span{font-size:13px} .topbar{padding:0 12px;gap:10px;min-height:64px;height:auto;padding-top:8px;padding-bottom:8px} .topbar .mobile-menu{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid #ffffff29;border-radius:10px;background:#ffffff09;color:#f7f1e7;flex-shrink:0} .mobile-menu span:last-child{font-size:13px;font-weight:700} .topbar .breadcrumbs{flex:1;margin:0;gap:0;overflow:hidden}.topbar .breadcrumbs>span{display:none}.topbar .breadcrumbs b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px} .top-actions{gap:5px;flex-shrink:0}.top-actions .icon-button{width:40px;height:44px;display:grid;place-items:center} .top-actions .top-avatar{display:grid;place-items:center;min-width:40px;width:40px;height:40px;flex-shrink:0;border:1px solid #ffffff38} .mobile-menu:focus-visible,.mobile-nav-close:focus-visible,.top-avatar:focus-visible{outline:2px solid var(--workspace-accent);outline-offset:3px} } @media(max-width:420px){.topbar .live-clock{display:none}.topbar .breadcrumbs{display:none}.topbar .top-actions{margin-left:auto}} .account-photo-editor{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.profile-photo-preview{width:96px;height:96px;flex:0 0 96px;border-radius:50%;display:grid;place-items:center;background:var(--workspace-accent);color:#24151b;font-size:28px;font-weight:800;overflow:hidden;border:2px solid #ffffff30}.profile-photo-preview img,[data-account-initials] img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.account-photo-editor .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0 6px 8px 0;cursor:pointer}.account-photo-editor input[hidden]{display:none}.avatar,.top-avatar{overflow:hidden}.mobile-nav-backdrop:not([hidden]){touch-action:manipulation}.mobile-nav-close{touch-action:manipulation} /* Clear draft review, repeat selections and personal calendar. */ .staff-batch-grid button.is-repeated[aria-pressed=true]{background:color-mix(in srgb,var(--workspace-accent) 20%,var(--workspace-surface));border:2px dashed var(--workspace-accent);color:var(--ink)} .staff-batch-grid button.is-repeated small{color:var(--workspace-accent);font-weight:700}.staff-batch-toolbar>button{min-width:44px;min-height:44px} .staff-draft-review h3{margin-top:0;font-size:18px}.draft-change{border:1px solid var(--line);border-radius:12px;margin:12px 0;overflow:hidden}.draft-change>header{padding:12px 16px;background:color-mix(in srgb,var(--workspace-accent) 10%,transparent);font-size:13px;font-weight:700}.draft-before-after{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;padding:16px}.draft-before-after>div{display:grid;gap:7px}.draft-before-after em{font-size:11px;text-transform:uppercase;color:var(--muted);font-style:normal;letter-spacing:1px}.draft-before-after span{font-size:14px;line-height:1.6}.draft-before-after small{line-height:1.5;color:var(--muted)}.staff-recipient{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 0}.staff-recipient span{font-size:12px;line-height:1.6;color:var(--muted)} .personal-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:20px 0}.personal-month-grid>span{text-align:center;color:var(--muted);padding:5px}.personal-month-grid button{min-width:0;min-height:65px;background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:7px 2px;display:flex;flex-direction:column;align-items:center;gap:6px}.personal-month-grid button small{font-size:10px}.personal-month-grid button.has-shift{background:color-mix(in srgb,var(--workspace-accent) 14%,transparent);border-color:color-mix(in srgb,var(--workspace-accent) 45%,transparent)}.personal-month-grid button[aria-pressed=true]{outline:2px solid var(--workspace-accent);outline-offset:1px}.personal-month-grid button.is-today b{text-decoration:underline;text-underline-offset:4px}.personal-calendar .row-actions{flex-wrap:wrap}.personal-calendar .row-actions button{min-height:44px}.personal-calendar .panel-header{flex-wrap:wrap;gap:12px} @media(max-width:560px){.draft-before-after{grid-template-columns:1fr}.personal-calendar .panel-pad{padding:14px}.personal-month-grid{gap:4px}.personal-month-grid button{min-height:54px}.staff-batch-toolbar{gap:8px}} /* Rider workspace */ .delivery-feedback{margin-bottom:18px;color:var(--muted);font-size:13px}.delivery-summary{display:flex;gap:20px;flex-wrap:wrap;padding:18px 0 24px}.delivery-summary span{color:var(--muted)}.delivery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:20px}.delivery-card{padding:24px;align-self:start}.delivery-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.delivery-card h2{font-size:22px;margin:6px 0 20px}.delivery-card small{color:var(--muted);display:block;font-size:12px}.delivery-destination{display:flex;gap:14px;padding:18px;border-radius:14px;background:var(--canvas);border:1px solid var(--line);line-height:1.6}.delivery-destination>span{font-size:28px}.delivery-destination b{display:block;overflow-wrap:anywhere}.delivery-meta{display:grid;grid-template-columns:1fr auto;gap:10px;padding:20px 0;font-size:13px}.delivery-meta>span{color:var(--muted)}.delivery-note{padding:14px 16px;border-left:3px solid var(--workspace-accent);background:var(--canvas);font-size:13px;white-space:pre-wrap}.delivery-note p{margin:8px 0 0;line-height:1.6;overflow-wrap:anywhere}.delivery-card details{padding:18px 0}.delivery-card summary{cursor:pointer;font-size:13px}.delivery-card ul{padding-left:20px;line-height:1.7;font-size:13px}.delivery-card li span{display:block;color:var(--muted)}.delivery-links{display:flex;gap:8px;flex-wrap:wrap}.delivery-links a{text-decoration:none}.delivery-assignment{display:grid;gap:10px;grid-template-columns:1fr auto;margin-top:20px}.delivery-assignment label{grid-column:1/-1;font-size:12px;color:var(--muted)}.delivery-assignment select{min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink)}.delivery-card footer{margin-top:18px}.delivery-card footer button{width:100%;min-height:46px}@media(max-width:560px){.delivery-card{padding:18px}.delivery-assignment{grid-template-columns:1fr}.delivery-links .button{flex:1;text-align:center;min-height:42px}.delivery-card header .tag{max-width:45%;white-space:normal}} /* Staff-only dining setup. */ .dining-config{margin:20px 0;padding:14px;border:1px solid var(--border,#deded9);border-radius:12px}.dining-config summary,.dining-inclusions summary{cursor:pointer;padding:8px 0;font-weight:650}.dining-config .button{margin:8px 8px 0 0}.dining-inclusions{max-height:320px;overflow:auto;border:1px solid var(--border,#deded9);padding:12px;border-radius:12px}.dining-inclusions label{display:flex!important;align-items:center;gap:10px;padding:8px 0}.dining-inclusions input[type=checkbox]{width:20px!important;height:20px;margin:0!important;flex-shrink:0} /* Keep operational table controls reachable on phones and small tablets. */ @media(max-width:1200px){.page-columns>#table-detail-card{display:block;position:static;width:100%;margin-top:16px}} /* Accessible, touch-sized controls in dining setup dialogs. */ .modal label:has(>[id^="dining-"]){display:block;font-size:13px;font-weight:600;line-height:1.5;margin:12px 0;color:inherit} .modal input[id^="dining-"]:not([type=checkbox]),.modal select[id^="dining-"]{display:block;width:100%;min-height:46px;margin-top:7px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--workspace-surface,var(--paper));color:inherit;font:inherit} .modal label:has(>#dining-enabled){display:flex;gap:10px;align-items:center}.modal #dining-enabled{width:20px;height:20px;accent-color:var(--green)} .modal [id^="dining-"]:focus-visible{outline:3px solid var(--green);outline-offset:3px} /* Counter kiosk administration */ .kiosk-device-list{display:grid;gap:12px;margin:24px 0}.kiosk-device-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;border:1px solid var(--border,#ffffff20);border-radius:16px}.kiosk-device-card>div{flex:1;min-width:170px}.kiosk-device-card small{display:block;opacity:.65;margin-top:8px}.kiosk-option-row{padding:18px;border:1px solid #8884;border-radius:14px;margin:16px 0}.kiosk-option-row label{display:block;margin:12px 0} .reservation-day-nav { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; max-width: 100%; } .reservation-day-nav .button { min-width: 40px; min-height: 40px; } .reservation-day-nav [data-reservation-day="-1"], .reservation-day-nav [data-reservation-day="1"] { padding-inline: 0; font-size: 20px; line-height: 1; }