/* Professional staff portal shell and operational tables. */
.suitedish-staff-portal {
	--portal-bg: #f3f6f4;
	--portal-sidebar: #17231f;
	--portal-sidebar-soft: #22342d;
	width: min(1560px, calc(100% - 24px));
	max-width: none;
	min-height: calc(100vh - 48px);
	margin: 24px auto;
	padding: 0;
	border: 1px solid rgba(27, 65, 53, .13);
	border-radius: 18px;
	background: var(--portal-bg);
	box-shadow: 0 24px 70px rgba(18, 43, 35, .13);
	overflow: hidden;
}

.suitedish-portal-shell {
	display: grid;
	grid-template-columns: 248px minmax(0, 1fr);
	min-height: calc(100vh - 48px);
	transition: grid-template-columns .2s ease;
}

.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-shell { grid-template-columns: 78px minmax(0, 1fr); }

.suitedish-portal-sidebar {
	position: relative;
	z-index: 30;
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: 18px 13px;
	background: linear-gradient(180deg, var(--portal-sidebar), #13201b);
	color: #fff;
}

.suitedish-portal-brand {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) 30px;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 3px 17px;
	border-bottom: 1px solid rgba(255,255,255,.09);
}

.suitedish-portal-brand > span {
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 11px;
	background: rgba(255,255,255,.08);
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .06em;
}

.suitedish-portal-brand > div { display: grid; gap: 1px; min-width: 0; }
.suitedish-portal-brand strong { color:#fff; font-size:17px; line-height:1.2; }
.suitedish-portal-brand small { color:rgba(255,255,255,.55); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.suitedish-portal-brand button { display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid rgba(255,255,255,.13); border-radius:8px; background:rgba(255,255,255,.06); color:#dce8e3; font-size:20px; cursor:pointer; }

.suitedish-staff-tabs {
	display: grid;
	gap: 5px;
	margin: 18px 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}

.suitedish-staff-tabs button {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 44px;
	padding: 5px 9px;
	border: 1px solid transparent;
	border-radius: 10px;
	background: transparent;
	color: rgba(255,255,255,.7);
	font-size: 13px;
	font-weight: 650;
	text-align: left;
	cursor: pointer;
}

.suitedish-staff-tabs button:hover { background:rgba(255,255,255,.065); color:#fff; }
.suitedish-staff-tabs button.is-active { border-color:rgba(255,255,255,.1); background:linear-gradient(135deg,#2b6654,#214f41); color:#fff; box-shadow:0 8px 20px rgba(0,0,0,.18); }
.suitedish-portal-nav-icon { display:grid; width:30px; height:30px; place-items:center; border-radius:8px; background:rgba(255,255,255,.08); color:#d9a05f; font-size:11px; font-weight:850; }
.suitedish-staff-tabs button.is-active .suitedish-portal-nav-icon { background:rgba(255,255,255,.14); color:#fff; }
.suitedish-portal-nav-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.suitedish-portal-sidebar__brand { display:flex; align-items:center; gap:4px; margin-top:auto; padding:16px 9px 2px; border-top:1px solid rgba(255,255,255,.09); color:rgba(255,255,255,.5); font-size:10px; white-space:nowrap; }
.suitedish-portal-sidebar__brand a { color:#fff; font-weight:750; text-decoration:none; }

.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand { grid-template-columns:40px; justify-content:center; }
.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand > div,
.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand button,
.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-nav-label,
.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-sidebar__brand { display:none; }
.suitedish-staff-portal.is-sidebar-collapsed .suitedish-staff-tabs button { grid-template-columns:34px; justify-content:center; padding-inline:8px; }

.suitedish-portal-main { display:flex; min-width:0; flex-direction:column; padding:0 22px 20px; }
.suitedish-portal-topbar { display:flex; align-items:center; gap:14px; min-height:72px; margin:0 -22px 20px; padding:0 24px; border-bottom:1px solid rgba(28,71,57,.11); background:rgba(255,255,255,.9); box-shadow:0 4px 18px rgba(25,62,52,.035); }
.suitedish-portal-topbar > div:first-of-type { display:grid; gap:1px; }
.suitedish-portal-topbar > div:first-of-type span { color:#78857f; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.suitedish-portal-topbar > div:first-of-type strong { color:#17231f; font-size:19px; }
.suitedish-portal-account { display:flex!important; align-items:center; gap:9px; margin-left:auto; }
.suitedish-portal-account > span { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; background:#e9f2ee; color:#205947; font-size:12px; font-weight:850; }
.suitedish-portal-account > div { display:grid; gap:1px; }
.suitedish-portal-account strong { color:#26352f; font-size:12px; }
.suitedish-portal-account a { color:#718078; font-size:10px; font-weight:650; text-decoration:none; }
.suitedish-portal-account a:hover { color:#9b3f35; }
.suitedish-portal-menu-toggle { display:none; width:38px; height:38px; padding:9px; border:1px solid #dce5e0; border-radius:10px; background:#fff; }
.suitedish-portal-menu-toggle span { display:block; height:2px; margin:3px 0; border-radius:2px; background:#205947; }
.suitedish-portal-backdrop { display:none; }

.suitedish-staff-notice { margin:0 0 16px; }
.suitedish-staff-panel.is-active { display:block; min-width:0; }
.suitedish-staff-toolbar { box-shadow:none; }
.suitedish-staff-orders,.suitedish-staff-list[data-suitedish-staff-gift-cards] { display:block; }

.suitedish-column-chooser { position:relative; align-self:end; }
.suitedish-column-chooser summary { display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 14px; border:1px solid var(--oc-line); border-radius:9px; background:#f7faf8; color:#31594c; font-size:12px; font-weight:750; cursor:pointer; list-style:none; }
.suitedish-column-chooser summary::-webkit-details-marker { display:none; }
.suitedish-column-chooser[open] > div { position:absolute; top:calc(100% + 7px); right:0; z-index:20; display:grid; width:210px; gap:7px; padding:12px; border:1px solid #dce5e0; border-radius:11px; background:#fff; box-shadow:0 16px 40px rgba(19,48,38,.16); }
.suitedish-column-chooser label { display:flex; align-items:center; gap:8px; color:#3c4c46; font-size:12px; font-weight:600; text-transform:none; }

.suitedish-data-table-wrap { width:100%; overflow:auto; border:1px solid #dce5e0; border-radius:13px; background:#fff; box-shadow:0 10px 28px rgba(25,62,52,.055); }
.suitedish-data-table { width:100%; min-width:960px; border:0; border-collapse:separate; border-spacing:0; color:#31413b; font-size:12px; }
.suitedish-data-table th { position:sticky; top:0; z-index:2; padding:11px 12px; border-bottom:1px solid #dce5e0; background:#f3f7f5; color:#65756e; font-size:9px; font-weight:850; letter-spacing:.1em; text-align:left; text-transform:uppercase; white-space:nowrap; }
.suitedish-data-table td { padding:11px 12px; border-bottom:1px solid #e8eeeb; vertical-align:middle; }
.suitedish-data-table tbody tr:last-child td { border-bottom:0; }
.suitedish-data-table tbody tr:hover td { background:#f9fbfa; }
.suitedish-data-table tr.is-new td:first-child { box-shadow:inset 3px 0 #c78339; }
.suitedish-data-table td strong { display:block; color:#1d2d27; font-size:12px; }
.suitedish-data-table td small { display:block; margin-top:3px; color:#829089; font-size:10px; }
.suitedish-data-table select,.suitedish-data-table input { min-height:36px; padding:6px 8px; border:1px solid #d8e1dc; border-radius:8px; background:#fff; color:#2c3d36; font:inherit; }
.suitedish-data-table select:focus,.suitedish-data-table input:focus { border-color:#39705d; outline:0; box-shadow:0 0 0 3px rgba(57,112,93,.09); }
.suitedish-table-new { display:inline-block; margin-top:4px; padding:3px 6px; border-radius:999px; background:#fff1dd; color:#9a5b20; font-size:9px; font-weight:800; text-transform:uppercase; }
.suitedish-table-action,.suitedish-staff-gift-card__redeem button { min-height:34px; padding:0 10px; border:1px solid #cfe0d8; border-radius:8px; background:#edf5f1; color:#205947; font-size:11px; font-weight:750; cursor:pointer; }
.suitedish-table-action:hover,.suitedish-staff-gift-card__redeem button:hover { border-color:#205947; background:#205947; color:#fff; }
.suitedish-staff-payment { display:inline-block; padding:5px 8px; border-radius:999px; font-size:9px; font-weight:850; text-transform:uppercase; white-space:nowrap; }
.suitedish-staff-payment.is-paid { background:#e6f5ed; color:#236247; }
.suitedish-staff-payment.is-unpaid { background:#fff0e7; color:#9a4b2e; }
.suitedish-staff-gift-card__redeem { display:grid; grid-template-columns:88px auto minmax(120px,1fr) auto; gap:6px; min-width:410px; }
.suitedish-staff-gift-card__redeem .is-secondary { background:#fff; }
.suitedish-gift-cards-table { min-width:1120px; }
.suitedish-powered-by--staff { margin-top:auto; padding:22px 0 2px!important; color:#7c8983; text-align:center; }

@media (max-width: 900px) {
	.suitedish-staff-portal { width:100%; min-height:100vh; margin:0; border:0; border-radius:0; }
	.suitedish-portal-shell,.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-shell { display:block; min-height:100vh; }
	.suitedish-portal-sidebar { position:fixed; inset:0 auto 0 0; width:min(280px,84vw); transform:translateX(-105%); box-shadow:18px 0 48px rgba(8,25,19,.28); transition:transform .22s ease; }
	.suitedish-staff-portal.is-sidebar-open .suitedish-portal-sidebar { transform:translateX(0); }
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand { grid-template-columns:40px minmax(0,1fr) 30px; justify-content:initial; }
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand > div,
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand button,
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-nav-label,
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-sidebar__brand { display:flex; }
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand > div { display:grid; }
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-staff-tabs button { grid-template-columns:34px minmax(0,1fr); justify-content:initial; }
	.suitedish-portal-backdrop { position:fixed; inset:0; z-index:25; width:100%; height:100%; border:0; background:rgba(8,22,17,.55); opacity:0; pointer-events:none; transition:opacity .2s ease; }
	.suitedish-staff-portal.is-sidebar-open .suitedish-portal-backdrop { display:block; opacity:1; pointer-events:auto; }
	.suitedish-portal-main { min-height:100vh; padding:0 12px 18px; }
	.suitedish-portal-topbar { min-height:64px; margin:0 -12px 15px; padding:0 14px; }
	.suitedish-portal-menu-toggle { display:block; }
	.suitedish-portal-account > div strong { max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.suitedish-data-table-wrap { border-radius:11px; }
	.suitedish-staff-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); padding:11px; }
	.suitedish-column-chooser { width:100%; }
	.suitedish-column-chooser summary { width:100%; }
}

@media (max-width: 520px) {
	.suitedish-portal-account > span { display:none; }
	.suitedish-portal-account > div strong { max-width:100px; }
	.suitedish-staff-toolbar { grid-template-columns:1fr; }
	.suitedish-column-chooser[open] > div { right:auto; left:0; }
}

/* Portal polish: contained credits, nested reservation tools, and compact controls. */
.suitedish-powered-by--staff,
.suitedish-staff-portal .suitedish-powered-by--staff {
	box-sizing:border-box!important;
	display:flex!important;
	align-items:center;
	justify-content:center;
	gap:5px;
	width:100%!important;
	max-width:100%!important;
	margin:clamp(34px,5vw,58px) auto 0!important;
	padding:18px 16px!important;
	border-top:1px solid rgba(33,75,60,.1);
	color:#718079;
	text-align:center!important;
	line-height:1.45;
	transform:none!important;
	overflow:hidden;
}
.suitedish-powered-by--staff::before{position:static!important;flex:0 0 18px;width:18px!important;height:18px!important;margin:0!important;transform:none!important}
.suitedish-powered-by--staff span,.suitedish-powered-by--staff a{display:inline!important;margin:0!important;white-space:normal}
.suitedish-staff-login>.suitedish-powered-by--staff{grid-column:1/-1;align-self:auto;margin-top:20px!important}
.suitedish-staff-login{overflow:hidden}

.suitedish-portal-subnav{display:grid;gap:2px;margin:-3px 8px 8px 25px;padding:4px 0 4px 12px;border-left:1px solid rgba(210,231,221,.2)}
.suitedish-portal-subnav button{display:grid;grid-template-columns:7px minmax(0,1fr)!important;align-items:center;gap:8px;min-height:31px!important;padding:5px 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#9eb5ac!important;font-size:11px!important;font-weight:650!important;text-align:left!important;box-shadow:none!important}
.suitedish-portal-subnav button span{width:5px;height:5px;border-radius:50%;background:#627d72}
.suitedish-portal-subnav button:hover,.suitedish-portal-subnav button.is-active{color:#fff!important;background:rgba(255,255,255,.075)!important}
.suitedish-portal-subnav button.is-active span{background:#72d5ae;box-shadow:0 0 0 3px rgba(114,213,174,.12)}
.is-sidebar-collapsed .suitedish-portal-subnav{display:none}

.suitedish-staff-toolbar{border-color:#dfe8e4;background:linear-gradient(145deg,#fff,#f6f9f7);box-shadow:0 5px 20px rgba(19,53,41,.045)}
.suitedish-staff-toolbar label{color:#596c64;font-size:11px;font-weight:750;letter-spacing:.025em}
.suitedish-staff-toolbar input:not([type=checkbox]),.suitedish-staff-toolbar select{border-color:#d8e3de;background:#fff;box-shadow:inset 0 1px 1px rgba(20,48,38,.03)}
.suitedish-staff-toolbar input:focus,.suitedish-staff-toolbar select:focus{border-color:#4b9178!important;outline:0;box-shadow:0 0 0 3px rgba(63,139,110,.12)!important}
.suitedish-staff-toolbar>button,.suitedish-staff-toggle-row button,.suitedish-list-pagination button{border:1px solid #2f7059;border-radius:9px;background:linear-gradient(180deg,#3b7e67,#28614d);color:#fff;font-weight:750;box-shadow:0 4px 11px rgba(37,102,77,.16);transition:transform .16s ease,box-shadow .16s ease}
.suitedish-staff-toolbar>button:hover,.suitedish-staff-toggle-row button:hover,.suitedish-list-pagination button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 16px rgba(37,102,77,.22)}
.suitedish-staff-filter-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.suitedish-staff-filter-tabs button{min-height:42px;padding:0 13px;border:1px solid #d8e3de;border-radius:999px;background:#fff;color:#50635b;font-size:12px;font-weight:800;cursor:pointer}
.suitedish-staff-filter-tabs button:hover,.suitedish-staff-filter-tabs button.is-active{border-color:#2f7059;background:#eaf4ef;color:#215844;box-shadow:0 5px 13px rgba(39,98,76,.1)}
.suitedish-gift-card-redeemed{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:999px;background:#f1f4f2;color:#708078;font-size:11px;font-weight:800}
.suitedish-staff-toggle-row{border-color:#e0e8e4;border-radius:11px;box-shadow:0 3px 12px rgba(19,48,38,.035)}
.suitedish-staff-toggle-row__info{display:grid;gap:3px;min-width:0}
.suitedish-staff-toggle-row__titleline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.suitedish-staff-toggle-row__titleline strong{min-width:0}
.suitedish-staff-toggle-row__titleline small{flex:0 0 auto;color:#244f40!important;font-size:13px!important;font-weight:800}
.suitedish-staff-toggle-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.suitedish-staff-price-control{display:flex!important;align-items:center;gap:7px;margin:0!important;padding:6px;border:1px solid #dce7e2;border-radius:10px;background:#f8fbfa;color:#53665e;font-size:11px;font-weight:750;letter-spacing:.02em}
.suitedish-staff-price-control span{color:#60736b!important;font-size:10px!important;text-transform:uppercase}
.suitedish-staff-price-control input{box-sizing:border-box!important;width:86px!important;min-height:34px!important;margin:0!important;padding:7px 9px!important;border:1px solid #d5e1dc!important;border-radius:8px!important;background:#fff!important;color:#1f312b!important;font:700 13px/1.2 Inter,system-ui,sans-serif!important;box-shadow:none!important}
.suitedish-staff-price-control input:focus{border-color:#4b9178!important;outline:0!important;box-shadow:0 0 0 3px rgba(63,139,110,.12)!important}
.suitedish-staff-price-control button{min-height:34px!important;padding:7px 10px!important;font-size:11px!important}

@media(max-width:700px){
	.suitedish-staff-toggle-row__info{width:100%}
	.suitedish-staff-toggle-row__titleline{width:100%;align-items:start}
	.suitedish-staff-toggle-row__titleline strong{overflow-wrap:anywhere}
	.suitedish-staff-toggle-row__titleline small{text-align:right;white-space:nowrap}
	.suitedish-staff-toggle-row__actions{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(112px,.48fr);gap:8px;align-items:center;justify-content:stretch}
	.suitedish-staff-price-control{display:grid!important;width:100%;grid-template-columns:auto minmax(0,1fr) auto;box-sizing:border-box}
	.suitedish-staff-price-control input{width:100%!important;min-width:0!important}
	.suitedish-staff-toggle-row__actions>button{width:100%!important}
}

.suitedish-column-chooser{min-width:0;max-width:100%}
.suitedish-column-chooser[open]>div{right:0!important;left:auto!important;width:min(230px,calc(100vw - 40px))!important;max-height:min(390px,70vh);gap:2px!important;padding:7px!important;overflow:auto;overscroll-behavior:contain}
.suitedish-column-chooser label{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;width:100%;min-width:0;padding:8px!important;border-radius:7px;line-height:1.25}
.suitedish-column-chooser label:hover{background:#f0f5f2}
.suitedish-column-chooser input[type=checkbox]{appearance:auto!important;box-sizing:border-box!important;width:15px!important;min-width:15px!important;max-width:15px!important;height:15px!important;min-height:15px!important;margin:0!important;padding:0!important;accent-color:#2f7059;box-shadow:none!important}
.suitedish-column-chooser label span{min-width:0;overflow-wrap:anywhere}

.suitedish-list-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 4px;padding:10px}
.suitedish-list-pagination:empty{display:none}.suitedish-list-pagination span{color:#65746d;font-size:12px}.suitedish-list-pagination button{min-width:86px;padding:8px 12px}.suitedish-list-pagination button:disabled{border-color:#dce4e0;background:#edf1ef;color:#9aa49f;box-shadow:none;cursor:not-allowed}

@media(max-width:900px){.is-sidebar-collapsed .suitedish-portal-subnav{display:grid}.suitedish-powered-by--staff{margin-top:34px!important}.suitedish-column-chooser[open]>div{right:0!important;left:auto!important}}
@media(max-width:520px){.suitedish-powered-by--staff{flex-wrap:wrap;padding-inline:10px!important}.suitedish-staff-login>.suitedish-powered-by--staff{margin-top:18px!important}.suitedish-column-chooser[open]>div{right:auto!important;left:0!important;width:min(230px,calc(100vw - 48px))!important}.suitedish-list-pagination{gap:7px}.suitedish-list-pagination button{min-width:72px;padding-inline:8px}}

/* Professional staff portal shell and operational tables. */
.suitedish-staff-portal {
	--portal-bg: #f3f6f4;
	--portal-sidebar: #17231f;
	--portal-sidebar-soft: #22342d;
	width: min(1560px, calc(100% - 24px));
	max-width: none;
	min-height: calc(100vh - 48px);
	margin: 24px auto;
	padding: 0;
	border: 1px solid rgba(27, 65, 53, .13);
	border-radius: 18px;
	background: var(--portal-bg);
	box-shadow: 0 24px 70px rgba(18, 43, 35, .13);
	overflow: hidden;
}

.suitedish-portal-shell {
	display: grid;
	grid-template-columns: 248px minmax(0, 1fr);
	min-height: calc(100vh - 48px);
	transition: grid-template-columns .2s ease;
}

.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-shell { grid-template-columns: 78px minmax(0, 1fr); }

.suitedish-portal-sidebar {
	position: relative;
	z-index: 30;
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: 18px 13px;
	background: linear-gradient(180deg, var(--portal-sidebar), #13201b);
	color: #fff;
}

.suitedish-portal-brand {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) 30px;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 3px 17px;
	border-bottom: 1px solid rgba(255,255,255,.09);
}

.suitedish-portal-brand > span {
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 11px;
	background: rgba(255,255,255,.08);
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .06em;
}

.suitedish-portal-brand > div { display: grid; gap: 1px; min-width: 0; }
.suitedish-portal-brand strong { color:#fff; font-size:17px; line-height:1.2; }
.suitedish-portal-brand small { color:rgba(255,255,255,.55); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.suitedish-portal-brand button { display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid rgba(255,255,255,.13); border-radius:8px; background:rgba(255,255,255,.06); color:#dce8e3; font-size:20px; cursor:pointer; }

.suitedish-staff-tabs {
	display: grid;
	gap: 5px;
	margin: 18px 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}

.suitedish-staff-tabs button {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 44px;
	padding: 5px 9px;
	border: 1px solid transparent;
	border-radius: 10px;
	background: transparent;
	color: rgba(255,255,255,.7);
	font-size: 13px;
	font-weight: 650;
	text-align: left;
	cursor: pointer;
}

.suitedish-staff-tabs button:hover { background:rgba(255,255,255,.065); color:#fff; }
.suitedish-staff-tabs button.is-active { border-color:rgba(255,255,255,.1); background:linear-gradient(135deg,#2b6654,#214f41); color:#fff; box-shadow:0 8px 20px rgba(0,0,0,.18); }
.suitedish-portal-nav-icon { display:grid; width:30px; height:30px; place-items:center; border-radius:8px; background:rgba(255,255,255,.08); color:#d9a05f; font-size:11px; font-weight:850; }
.suitedish-staff-tabs button.is-active .suitedish-portal-nav-icon { background:rgba(255,255,255,.14); color:#fff; }
.suitedish-portal-nav-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.suitedish-portal-sidebar__brand { display:flex; align-items:center; gap:4px; margin-top:auto; padding:16px 9px 2px; border-top:1px solid rgba(255,255,255,.09); color:rgba(255,255,255,.5); font-size:10px; white-space:nowrap; }
.suitedish-portal-sidebar__brand a { color:#fff; font-weight:750; text-decoration:none; }

.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand { grid-template-columns:40px; justify-content:center; }
.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand > div,
.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand button,
.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-nav-label,
.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-sidebar__brand { display:none; }
.suitedish-staff-portal.is-sidebar-collapsed .suitedish-staff-tabs button { grid-template-columns:34px; justify-content:center; padding-inline:8px; }

.suitedish-portal-main { display:flex; min-width:0; flex-direction:column; padding:0 22px 20px; }
.suitedish-portal-topbar { display:flex; align-items:center; gap:14px; min-height:72px; margin:0 -22px 20px; padding:0 24px; border-bottom:1px solid rgba(28,71,57,.11); background:rgba(255,255,255,.9); box-shadow:0 4px 18px rgba(25,62,52,.035); }
.suitedish-portal-topbar > div:first-of-type { display:grid; gap:1px; }
.suitedish-portal-topbar > div:first-of-type span { color:#78857f; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.suitedish-portal-topbar > div:first-of-type strong { color:#17231f; font-size:19px; }
.suitedish-portal-account { display:flex!important; align-items:center; gap:9px; margin-left:auto; }
.suitedish-portal-account > span { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; background:#e9f2ee; color:#205947; font-size:12px; font-weight:850; }
.suitedish-portal-account > div { display:grid; gap:1px; }
.suitedish-portal-account strong { color:#26352f; font-size:12px; }
.suitedish-portal-account a { color:#718078; font-size:10px; font-weight:650; text-decoration:none; }
.suitedish-portal-account a:hover { color:#9b3f35; }
.suitedish-portal-menu-toggle { display:none; width:38px; height:38px; padding:9px; border:1px solid #dce5e0; border-radius:10px; background:#fff; }
.suitedish-portal-menu-toggle span { display:block; height:2px; margin:3px 0; border-radius:2px; background:#205947; }
.suitedish-portal-backdrop { display:none; }

.suitedish-staff-notice { margin:0 0 16px; }
.suitedish-staff-panel.is-active { display:block; min-width:0; }
.suitedish-staff-toolbar { box-shadow:none; }
.suitedish-staff-orders,.suitedish-staff-list[data-suitedish-staff-gift-cards] { display:block; }

.suitedish-column-chooser { position:relative; align-self:end; }
.suitedish-column-chooser summary { display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 14px; border:1px solid var(--oc-line); border-radius:9px; background:#f7faf8; color:#31594c; font-size:12px; font-weight:750; cursor:pointer; list-style:none; }
.suitedish-column-chooser summary::-webkit-details-marker { display:none; }
.suitedish-column-chooser[open] > div { position:absolute; top:calc(100% + 7px); right:0; z-index:20; display:grid; width:210px; gap:7px; padding:12px; border:1px solid #dce5e0; border-radius:11px; background:#fff; box-shadow:0 16px 40px rgba(19,48,38,.16); }
.suitedish-column-chooser label { display:flex; align-items:center; gap:8px; color:#3c4c46; font-size:12px; font-weight:600; text-transform:none; }

.suitedish-data-table-wrap { width:100%; overflow:auto; border:1px solid #dce5e0; border-radius:13px; background:#fff; box-shadow:0 10px 28px rgba(25,62,52,.055); }
.suitedish-data-table { width:100%; min-width:960px; border:0; border-collapse:separate; border-spacing:0; color:#31413b; font-size:12px; }
.suitedish-data-table th { position:sticky; top:0; z-index:2; padding:11px 12px; border-bottom:1px solid #dce5e0; background:#f3f7f5; color:#65756e; font-size:9px; font-weight:850; letter-spacing:.1em; text-align:left; text-transform:uppercase; white-space:nowrap; }
.suitedish-data-table td { padding:11px 12px; border-bottom:1px solid #e8eeeb; vertical-align:middle; }
.suitedish-data-table tbody tr:last-child td { border-bottom:0; }
.suitedish-data-table tbody tr:hover td { background:#f9fbfa; }
.suitedish-data-table tr.is-new td:first-child { box-shadow:inset 3px 0 #c78339; }
.suitedish-data-table td strong { display:block; color:#1d2d27; font-size:12px; }
.suitedish-data-table td small { display:block; margin-top:3px; color:#829089; font-size:10px; }
.suitedish-data-table select,.suitedish-data-table input { min-height:36px; padding:6px 8px; border:1px solid #d8e1dc; border-radius:8px; background:#fff; color:#2c3d36; font:inherit; }
.suitedish-data-table select:focus,.suitedish-data-table input:focus { border-color:#39705d; outline:0; box-shadow:0 0 0 3px rgba(57,112,93,.09); }
.suitedish-table-new { display:inline-block; margin-top:4px; padding:3px 6px; border-radius:999px; background:#fff1dd; color:#9a5b20; font-size:9px; font-weight:800; text-transform:uppercase; }
.suitedish-table-action,.suitedish-staff-gift-card__redeem button { min-height:34px; padding:0 10px; border:1px solid #cfe0d8; border-radius:8px; background:#edf5f1; color:#205947; font-size:11px; font-weight:750; cursor:pointer; }
.suitedish-table-action:hover,.suitedish-staff-gift-card__redeem button:hover { border-color:#205947; background:#205947; color:#fff; }
.suitedish-staff-payment { display:inline-block; padding:5px 8px; border-radius:999px; font-size:9px; font-weight:850; text-transform:uppercase; white-space:nowrap; }
.suitedish-staff-payment.is-paid { background:#e6f5ed; color:#236247; }
.suitedish-staff-payment.is-unpaid { background:#fff0e7; color:#9a4b2e; }
.suitedish-staff-gift-card__redeem { display:grid; grid-template-columns:88px auto minmax(120px,1fr) auto; gap:6px; min-width:410px; }
.suitedish-staff-gift-card__redeem .is-secondary { background:#fff; }
.suitedish-gift-cards-table { min-width:1120px; }
.suitedish-powered-by--staff { margin-top:auto; padding:22px 0 2px!important; color:#7c8983; text-align:center; }

@media (max-width: 900px) {
	.suitedish-staff-portal { width:100%; min-height:100vh; margin:0; border:0; border-radius:0; }
	.suitedish-portal-shell,.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-shell { display:block; min-height:100vh; }
	.suitedish-portal-sidebar { position:fixed; inset:0 auto 0 0; width:min(280px,84vw); transform:translateX(-105%); box-shadow:18px 0 48px rgba(8,25,19,.28); transition:transform .22s ease; }
	.suitedish-staff-portal.is-sidebar-open .suitedish-portal-sidebar { transform:translateX(0); }
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand { grid-template-columns:40px minmax(0,1fr) 30px; justify-content:initial; }
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand > div,
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand button,
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-nav-label,
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-sidebar__brand { display:flex; }
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-portal-brand > div { display:grid; }
	.suitedish-staff-portal.is-sidebar-collapsed .suitedish-staff-tabs button { grid-template-columns:34px minmax(0,1fr); justify-content:initial; }
	.suitedish-portal-backdrop { position:fixed; inset:0; z-index:25; width:100%; height:100%; border:0; background:rgba(8,22,17,.55); opacity:0; pointer-events:none; transition:opacity .2s ease; }
	.suitedish-staff-portal.is-sidebar-open .suitedish-portal-backdrop { display:block; opacity:1; pointer-events:auto; }
	.suitedish-portal-main { min-height:100vh; padding:0 12px 18px; }
	.suitedish-portal-topbar { min-height:64px; margin:0 -12px 15px; padding:0 14px; }
	.suitedish-portal-menu-toggle { display:block; }
	.suitedish-portal-account > div strong { max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.suitedish-data-table-wrap { border-radius:11px; }
	.suitedish-staff-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); padding:11px; }
	.suitedish-column-chooser { width:100%; }
	.suitedish-column-chooser summary { width:100%; }
}

@media (max-width: 520px) {
	.suitedish-portal-account > span { display:none; }
	.suitedish-portal-account > div strong { max-width:100px; }
	.suitedish-staff-toolbar { grid-template-columns:1fr; }
	.suitedish-column-chooser[open] > div { right:auto; left:0; }
}