/* Shared workspace design. Login and customer storefront retain their own themes. */
#workspace{--green:#174b3d;--ink:#203e34;--muted:#73827b;--line:#e2e9e4;--cream:#f6f8f5;--yellow:#ebca75;background:#f5f7f4;font-weight:400}#workspace .admin-body{background:#f5f7f4}#workspace .sidebar{background:linear-gradient(175deg,#163f34,#102e27);padding:32px 18px;color:#f7f7e9;border-right:1px solid #ffffff0d}#workspace .sidebar .brand{font-family:Poppins,sans-serif;font-style:normal;font-size:25px;font-weight:500;letter-spacing:-1px}#workspace .sidebar .brand small{font-size:9px;letter-spacing:1.7px;color:#b4c8ba;margin-top:9px;line-height:1.6}#workspace .sidebar .brand-row{padding:0 12px;margin-bottom:38px}#workspace .sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:4px 0;border-radius:10px;font-size:12px;font-weight:400;color:#c9d8ce;transition:background .15s}#workspace .sidebar nav a .ui-icon{color:#a7c4b2;width:18px;height:18px}#workspace .sidebar nav a.active{background:#eaca7520;color:#ffe2a0;border-left:0;box-shadow:inset 3px 0 #ebca75}#workspace .sidebar nav a.active .ui-icon{color:#ffe2a0}#workspace .sidebar nav a:hover{background:#ffffff0c}#workspace .sidebar-group{padding-bottom:16px;border-bottom:1px solid #ffffff0d;margin-bottom:18px}#workspace .sidebar-group summary{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#97b3a1;padding:10px 14px;font-weight:500}#workspace .sidebar-submenu{border-left:1px solid #ffffff12;margin:10px 0 0 20px;padding-left:8px}#workspace .restaurant-switch{border:1px solid #ffffff15;background:#ffffff05;border-radius:12px;padding:15px;color:#e1e9dc;line-height:1.8}#workspace .restaurant-switch small{color:#91b09c}#workspace .admin-topbar{background:#ffffffdb;backdrop-filter:blur(14px);border-bottom:1px solid #e3eae4;min-height:76px;padding:18px 36px;gap:16px}#workspace .admin-topbar .muted{font-size:12px}#workspace #user-name{font-size:12px;font-weight:500}#workspace .admin-main{padding:34px 36px 60px;max-width:1600px}#workspace .admin-title{margin-bottom:28px;gap:20px;align-items:center}#workspace .admin-title .eyebrow{color:#79947f;font-size:9px;letter-spacing:2px;margin-bottom:10px}#workspace .admin-title h1{font-size:36px;font-weight:500;letter-spacing:-1.2px;line-height:1.3;margin-bottom:9px}#workspace #page-subtitle{font-size:12px;line-height:1.8}#workspace .button{border-radius:9px;min-height:40px;font-size:12px;box-shadow:none;padding:10px 16px}#workspace .button.secondary{background:white;border-color:#dfe7e0;color:#3e5a4c}#workspace .button.yellow{background:#edcf87;border-color:#edcf87}#workspace .button.danger{background:#fff5f2;color:#ab5146;border-color:#f1dad4}#workspace .button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #173e3209}#workspace .panel,#workspace .metric{background:white;border:1px solid #e1e8e2;border-radius:14px;box-shadow:0 4px 20px #173e3204;backdrop-filter:none}#workspace .panel{padding:25px}#workspace .panel h2{font-size:19px;font-weight:500;letter-spacing:-.5px;line-height:1.4}#workspace .panel-head{margin-bottom:22px}#workspace .metric{padding:22px;position:relative;overflow:hidden}#workspace .metric-label{font-size:11px;font-weight:400;color:#697d70;line-height:1.7;gap:10px}#workspace .metric-icon{background:#edf5ef;border:0;color:#4e8266;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}#workspace .metric-icon .ui-icon{width:18px;height:18px}#workspace .metric-value{font-size:32px;font-weight:500;line-height:1.4;letter-spacing:-1px;margin:17px 0 7px}#workspace .metric>p{font-size:10px;line-height:1.8}#workspace .grid{gap:18px}#workspace .pill{border-radius:6px;font-size:10px;line-height:1.5;padding:5px 9px;letter-spacing:0}#workspace input,#workspace select,#workspace textarea{border:1px solid #dce5de;border-radius:8px;background:#fff;box-shadow:none;padding:11px 13px;font-weight:400}#workspace input::placeholder,#workspace textarea::placeholder{color:#8c9991}#workspace .table-wrap{border:1px solid #e3eae5;border-radius:10px}#workspace table{border-collapse:collapse}#workspace th{background:#f7faf7;padding:14px 16px;font-size:9px;letter-spacing:1px;font-weight:500;text-transform:uppercase;color:#6c8172}#workspace td{padding:16px;font-size:12px;border-bottom:1px solid #eef2ee;line-height:1.7}#workspace tbody tr:last-child td{border-bottom:0}#workspace tbody tr:hover{background:#fcfdfb}#workspace td small{font-size:10px}#workspace .table-card{padding:17px 0;border-bottom:1px solid #edf1ed}#workspace .table-card strong{font-size:13px;font-weight:500}#workspace .table-card small{font-size:11px}#workspace .menu-item-card{border-radius:14px;box-shadow:0 4px 20px #173e3205;background:#fff;border-color:#e2e9e3}#workspace .menu-item-body{padding:20px;gap:12px}#workspace .menu-item-body h3{font-size:20px}#workspace .menu-item-price{color:#245744}#workspace .order-card{border-radius:12px;border-color:#e3e9e2;box-shadow:0 3px 14px #173e3205;padding:20px}#workspace .order-card li{line-height:1.9}#workspace .settings-nav button{border-radius:9px;border-color:#dfe7df;background:white;font-size:12px;padding:14px}#workspace .settings-nav button.active{background:#174b3d;color:#fff4d3}#workspace .media-card{border-radius:12px}#workspace .overview-section{margin-top:22px}.workspace-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 30px;background:linear-gradient(120deg,#184b3c,#28684f);color:#fff;border-radius:15px;margin-bottom:24px;position:relative;overflow:hidden}.workspace-hero:after{content:'';position:absolute;width:210px;height:210px;border:35px solid #ffffff06;border-radius:50%;right:80px;top:-90px;pointer-events:none}.workspace-hero .hero-kicker{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#d5e2c9;display:block;margin-bottom:10px}.workspace-hero h2{font-size:27px;font-weight:500;letter-spacing:-.6px;margin-bottom:9px;line-height:1.4}.workspace-hero p{font-size:12px;line-height:1.8;color:#d1e2d5;max-width:460px}.workspace-hero .button{white-space:nowrap;position:relative;z-index:1}.overview-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;margin-top:24px}.recent-order-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #edf1ed}.recent-order-row:last-child{border-bottom:0}.recent-order-row .order-code{font-size:12px;font-weight:500}.recent-order-row .recent-info{flex:1;min-width:0}.recent-info small{display:block;font-size:10px;color:#7b8b80;line-height:1.8}.recent-order-row>strong{font-size:12px;font-weight:500;white-space:nowrap}.menu-preview-row{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #edf1ed}.menu-preview-row:last-child{border:0}.menu-preview-row img{width:60px;height:60px;border-radius:10px;object-fit:cover;background:#f0f3eb}.menu-preview-row>div{flex:1;min-width:0}.menu-preview-row strong{display:block;font-size:12px;font-weight:500}.menu-preview-row small{display:block;font-size:10px;color:#7a8d80;margin-top:4px}.workspace-quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.workspace-quick-links a{font-size:11px;padding:10px 13px;background:#f4f7f2;border:1px solid #e3eae1;border-radius:8px;color:#44604e}.workspace-empty{padding:24px 0;color:#7b8d7e;font-size:12px}#workspace .theme-card{border-radius:14px;background:#174b3d;padding:28px}#workspace .theme-card h2{font-size:24px;font-weight:500}
@media(max-width:1100px){.overview-content{grid-template-columns:1fr}#workspace .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-hero{padding:24px}}@media(max-width:680px){#workspace .admin-topbar{padding:14px 16px;gap:10px;min-height:68px}#workspace .admin-topbar>.row:last-child{gap:8px;flex-wrap:wrap;justify-content:flex-end}#workspace .admin-main{padding:25px 16px 40px}#workspace .admin-title h1{font-size:29px}#workspace .panel{padding:19px}#workspace .metric{padding:15px}#workspace .metric-value{font-size:25px}#workspace .metric-label{font-size:10px;flex-wrap:wrap}#workspace .metric-icon{width:28px;height:28px}#workspace .grid{gap:12px}.workspace-hero{flex-direction:column;align-items:flex-start;padding:23px;gap:18px}.workspace-hero h2{font-size:24px}.workspace-hero p{font-size:11px}.workspace-hero .button{width:100%}.recent-order-row{gap:10px;flex-wrap:wrap}.recent-order-row .pill{font-size:9px}.workspace-quick-links a{flex:1;text-align:center}.overview-content{gap:18px}#workspace .admin-title .row{flex-wrap:wrap}#workspace .menu-item-card{border-radius:12px}}
#workspace .panel,#workspace #content{min-width:0}.restaurant-preview-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #edf1ed}.restaurant-preview-row:last-child{border:0}.restaurant-preview-row .recent-info{flex:1;min-width:0}.restaurant-preview-row strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.restaurant-avatar{width:38px;height:38px;display:grid;place-items:center;background:#edf4ee;color:#4d775d;border-radius:10px;font-weight:500;flex-shrink:0}body:has(#workspace:not([hidden])) dialog{--green:#174b3d;--line:#e2e9e4;background:#fcfdfa;font-weight:400}body:has(#workspace:not([hidden])) dialog h2{font-size:25px;font-weight:500;line-height:1.4}body:has(#workspace:not([hidden])) dialog input,body:has(#workspace:not([hidden])) dialog select,body:has(#workspace:not([hidden])) dialog textarea{border-radius:8px;border:1px solid #dce5de;background:white;box-shadow:none}body:has(#workspace:not([hidden])) dialog .button{border-radius:9px;font-size:12px;min-height:40px}@media(max-width:680px){.restaurant-preview-row{flex-wrap:wrap;gap:10px}.restaurant-preview-row .button{margin-left:auto}#workspace .admin-topbar>.row{min-width:0}#workspace .admin-topbar>.row:last-child{flex:1}}
#workspace .table-wrap{position:relative;max-width:100%;min-width:0;overflow:auto}#workspace select.select2-hidden-accessible{min-height:0!important;min-width:0!important}
#workspace .metric-label{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;min-height:36px}@media(max-width:680px){#workspace .metric-label{grid-template-columns:minmax(0,1fr) 28px;min-height:36px;gap:8px}#workspace .admin-title{justify-content:space-between;align-items:flex-start;text-align:left;gap:16px}#workspace .admin-title>div:first-child{flex:1;min-width:150px}#workspace .admin-title>.row{max-width:100%;justify-content:flex-start}#workspace .admin-title .button{font-size:11px;min-height:36px;padding:9px 12px}}
#workspace .select2-container .select2-selection,body:has(#workspace:not([hidden])) dialog .select2-container .select2-selection{border-radius:8px;border-color:#dce5de;background:white;box-shadow:none}body:has(#workspace:not([hidden])) dialog select.select2-hidden-accessible{min-height:0!important;min-width:0!important}
.domain-name-form{margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid #e3eae5}.domain-name-form .row{justify-content:flex-start}#domain-details .settings-callout{margin-bottom:20px}.order-board-scroll{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:auto;padding-bottom:18px;position:relative}.order-board-scroll::-webkit-scrollbar{height:12px}.order-board-scroll::-webkit-scrollbar-thumb{background:#afc0b0;border:3px solid #f5f7f4;border-radius:8px}.order-board-scroll::-webkit-scrollbar-track{background:#e8eee7;border-radius:8px}#workspace .order-board-scroll .board{display:grid;grid-auto-flow:column;grid-auto-columns:320px;grid-template-columns:none;gap:18px;width:max-content;min-width:100%;align-items:start}#workspace .order-board-scroll .board-column{width:320px;min-width:320px;padding:16px;border-radius:10px}#workspace .order-board-scroll .order-card{padding:18px;min-width:0}#workspace .order-board-scroll .order-card>.row{flex-wrap:wrap;gap:10px}#workspace .order-board-scroll .order-card .button{white-space:normal;line-height:1.5}#workspace .order-board-scroll .order-card>.row.gap-top .button{flex:1;min-width:90px}#workspace .order-board-scroll .order-card small{display:block;line-height:1.8;margin-block:8px}#workspace .order-board-scroll .order-code{font-size:14px;overflow-wrap:anywhere}#workspace .order-board-scroll .order-card ul{padding-left:18px;margin-block:14px}@media(max-width:680px){#workspace .order-board-scroll .board{grid-auto-columns:300px}#workspace .order-board-scroll .board-column{width:300px;min-width:300px}}
/* Dining room follows the kit's table silhouettes and dotted floor. */
#workspace .dining-floor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:12px}
#workspace .dining-floor-heading h2{margin:0}
#workspace .dining-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}
#workspace .dining-legend span{display:flex;align-items:center;gap:7px}
#workspace .dining-legend i{width:10px;height:10px;border-radius:50%;background:#88a878}
#workspace .dining-legend i.occupied{background:#d7a13b}
#workspace .dining-legend i.inactive{background:#a5adb3}
#workspace .dining-floor{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:38px 28px;padding:36px 24px;min-width:0}
#workspace .dining-table-card{min-width:0}
#workspace .dining-floor .floor-table{width:100%;height:145px;border-radius:20px;padding:18px;gap:6px}
#workspace .dining-floor .floor-table strong{font-size:16px;overflow-wrap:anywhere;line-height:1.5}
#workspace .dining-floor .floor-table small{font-size:12px;line-height:1.5}
#workspace .dining-floor .floor-table.occupied{background:#f9e8b8;border-color:#d4a442;color:#694b16}
#workspace .dining-floor .floor-table.occupied:before,#workspace .dining-floor .floor-table.occupied:after{background:#d4a442}
#workspace .dining-floor .floor-table.inactive{background:#edf0f2;border-color:#c8ced3;color:#68737b}
#workspace .dining-floor .floor-table.inactive:before,#workspace .dining-floor .floor-table.inactive:after{background:#b6bec4}
#workspace .dining-table-actions{display:flex;gap:8px;margin-top:22px;justify-content:center;flex-wrap:wrap}
#workspace .dining-table-actions .button{padding:9px 12px;font-size:11px}
@media(max-width:680px){#workspace .dining-floor{grid-template-columns:1fr;padding:30px 18px}#workspace .dining-floor-heading{align-items:flex-start}}
#workspace .service-item-line{padding:20px 0;border-bottom:1px solid #dce4dd;display:grid;gap:12px}.service-extras input{width:18px;min-height:18px}.table-ticket{border:1px solid #dce4dd;border-radius:12px;padding:18px;margin-top:16px}.table-ticket p{line-height:1.8}.table-bill{display:grid;gap:8px;padding:18px;background:#edf3e8;border-radius:10px}.kitchen-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kitchen-stage{min-width:0;background:#f2f5f1;border-radius:12px;padding:14px}.kitchen-stage h3{display:flex;justify-content:space-between;font-size:15px;gap:8px}.kitchen-ticket{padding:18px;background:white;border-radius:12px;border-top:4px solid #93aa80;margin-bottom:16px;overflow-wrap:anywhere}.kitchen-ticket.overdue{border-color:#cf883f;background:#fff8ee}.kitchen-ticket ul{padding-left:18px;line-height:1.7}.kitchen-ticket small{display:block;color:#8a6331}.kitchen-clock{font-size:13px;color:#9b6826;margin-top:12px}.kitchen-notes{background:#fff2cc;padding:10px;border-radius:8px}.kitchen-ticket .button{width:100%;white-space:normal}.reservation-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:20px 0}.reservation-toolbar label{max-width:220px;min-width:0}.booking-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.booking-day{background:#f2f5f1;padding:16px;border-radius:12px;min-width:0}.booking-card{background:white;border-left:4px solid #93aa80;border-radius:10px;padding:16px;margin-bottom:14px;overflow-wrap:anywhere}.booking-card small{display:block;line-height:1.8;margin-top:5px}.booking-card .row{margin-top:12px}.booking-card.cancelled,.booking-card.no_show{opacity:.7;border-color:#bd9589}.booking-card.seated{border-color:#d6ad4b}.content-gallery-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.content-gallery-editor img{width:100%;height:120px;object-fit:cover;border-radius:8px}.content-logo-preview{max-width:180px;max-height:100px;object-fit:contain}
@media(max-width:1200px){#workspace .kitchen-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){#workspace .kitchen-service-grid{grid-template-columns:1fr}#workspace .booking-calendar{grid-template-columns:1fr}}