:root {
    --bg: #f6e8d0;
    --ink: #2b1c12;
    --muted: #7a614d;
    --glass: rgba(255,255,255,0.55);
    --glass-strong: rgba(255,255,255,0.78);
    --line: rgba(93,58,27,0.16);
    --gold: #b98236;
    --gold-dark: #7a481f;
    --navy: #061426;
    --blue: #27b7ff;
    --radius: 28px;
    --shadow: 0 24px 70px rgba(68, 35, 10, 0.16);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at top left, rgba(255,255,255,.92), transparent 32rem), linear-gradient(135deg, #f9ead1, #d7ad74); min-height: 100vh; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.site::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 80% 8%, rgba(255,255,255,.46), transparent 18rem), radial-gradient(circle at 20% 85%, rgba(185,130,54,.2), transparent 22rem); }
.app-shell { position: relative; z-index: 1; min-height: 100vh; display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 24px; padding: 24px; }
.sidebar { position: sticky; top: 24px; height: calc(100vh - 48px); padding: 22px; overflow-y: auto; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(74, 42, 20, 0.52); color: #fff7eb; box-shadow: var(--shadow); backdrop-filter: blur(18px); display: flex; flex-direction: column; }
.sidebar-admin { background: rgba(4, 15, 31, 0.92); color: #eaf7ff; border-color: rgba(39,183,255,.2); }
.sidebar-agent, .sidebar-seller { background: rgba(87, 47, 19, .68); }
.brand-block { display: flex; align-items: center; gap: 14px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.18); }
.brand-mark { width: 48px; height: 48px; border-radius: 18px; display: grid; place-items: center; background: linear-gradient(135deg,#fff2d5,#b98236); color: #5a3214; font-weight: 900; }
.brand-block strong { display:block; font-size: 1.05rem; }
.brand-block span { display:block; opacity:.72; font-size:.82rem; margin-top: 2px; }
.side-nav { display: grid; gap: 10px; margin-top: 22px; }
.side-nav a { display: flex; align-items:center; justify-content: space-between; gap: 12px; padding: 13px 14px; border-radius: 18px; border: 1px solid transparent; background: rgba(255,255,255,.07); transition: .2s ease; }
.side-nav a small { opacity: .62; }
.side-nav a:hover, .side-nav a.active { background: rgba(255,255,255,.22); border-color: rgba(255,255,255,.28); transform: translateX(3px); }
.sidebar-note { margin-top: auto; font-size: .82rem; line-height: 1.45; opacity: .68; padding: 14px; border-radius: 18px; background: rgba(255,255,255,.08); }
.content-shell { min-width: 0; display: grid; gap: 24px; align-content: start; }
.mobile-menu-button { display: none; position: fixed; z-index: 30; top: 14px; left: 14px; border: 0; border-radius: 999px; padding: 12px 16px; color: #fff; background: #6f421e; box-shadow: var(--shadow); }
.sidebar-backdrop { display:none; }
.glass-panel, .glass-card, .product-card, .panel, .metric-card { border: 1px solid var(--line); background: var(--glass); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.glass-panel { border-radius: 34px; padding: clamp(24px, 4vw, 54px); }
.glass-card, .panel, .metric-card { border-radius: 26px; padding: 22px; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) 380px; gap: 28px; align-items: center; min-height: 520px; }
.eyebrow { color: var(--gold-dark); text-transform: uppercase; letter-spacing: .16em; font-weight: 800; font-size: .76rem; margin: 0 0 12px; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(2.4rem, 7vw, 5.2rem); line-height: .94; letter-spacing: -.06em; margin-bottom: 20px; }
h2 { font-size: clamp(1.6rem, 3vw, 2.6rem); line-height: 1; letter-spacing: -.04em; }
h3 { margin-bottom: 10px; }
p { color: var(--muted); line-height: 1.65; }
.hero-text { max-width: 660px; font-size: 1.18rem; }
.button-row, .button-stack { display: flex; gap: 12px; flex-wrap: wrap; }
.button-stack { flex-direction: column; }
.btn { border: 0; cursor: pointer; border-radius: 999px; padding: 12px 18px; font-weight: 800; display: inline-flex; align-items:center; justify-content: center; transition: .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn.primary { color: #fff; background: linear-gradient(135deg, var(--gold), var(--gold-dark)); }
.btn.secondary { color: var(--gold-dark); background: rgba(255,255,255,.72); border: 1px solid var(--line); }
.btn.tiny { padding: 8px 12px; font-size: .86rem; background: var(--gold-dark); color: #fff; }
.text-link { font-weight: 800; color: var(--gold-dark); }
.hero-card { border-radius: 34px; padding: 18px; background: rgba(255,255,255,.46); box-shadow: var(--shadow); transform: rotate(1.4deg); }
.hero-card img { width: 100%; border-radius: 24px; display: block; }
.hero-card strong, .hero-card span { display:block; margin-top: 10px; }
.hero-card span { color: var(--muted); }
.section-block { display: grid; gap: 18px; }
.inline-heading { display:flex; align-items:end; justify-content: space-between; gap: 18px; }
.value-grid, .metric-grid, .seller-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.metric-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.metric-card span { display:block; color: var(--muted); font-weight: 700; margin-bottom: 8px; }
.metric-card strong { font-size: clamp(1.5rem, 3vw, 2.3rem); }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.product-grid.compact { grid-template-columns: repeat(5, minmax(0,1fr)); }
.product-card { position: relative; overflow: hidden; border-radius: 26px; background: rgba(255,255,255,.66); transition: .22s ease; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 26px 80px rgba(68,35,10,.22); }
.product-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display:block; background: #fff3dd; }
.product-body { padding: 18px; }
.product-body h3 { min-height: 2.4em; }
.product-body p { font-size: .92rem; min-height: 3.1em; }
.product-body small { display:block; color: var(--muted); margin: 8px 0; }
.favorite-button { position:absolute; top: 12px; right: 12px; width: 34px; height: 34px; border:0; border-radius:50%; background: rgba(255,255,255,.82); color: var(--gold-dark); font-weight: 900; }
.pill { display: inline-flex; border-radius: 999px; padding: 6px 10px; background: rgba(185,130,54,.14); color: var(--gold-dark); font-weight: 800; font-size: .76rem; }
.price-row, .summary-row { display:flex; align-items:center; justify-content: space-between; gap: 12px; }
.page-header h1 { margin-bottom: 14px; }
.toolbar { display:grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 14px; }
.toolbar label, .stacked-form label { display:grid; gap: 8px; color: var(--muted); font-weight: 800; }
input, select, textarea { width:100%; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.76); padding: 13px 14px; color: var(--ink); outline: none; }
textarea { min-height: 110px; resize: vertical; }
.cart-layout { display:grid; grid-template-columns: minmax(0,1fr) 360px; gap: 18px; align-items:start; }
.checkout-card { padding: 28px; position: sticky; top: 24px; }
.cart-items { display:grid; gap: 12px; }
.cart-row { display:grid; grid-template-columns: 60px minmax(0,1fr) auto; gap: 12px; align-items:center; padding: 12px; border-radius: 18px; background: rgba(255,255,255,.62); }
.cart-row img { width:60px; height:60px; border-radius: 14px; object-fit: cover; }
.qty-control { display:flex; align-items:center; gap: 8px; }
.qty-control button { border:0; border-radius: 12px; width:32px; height:32px; font-weight:900; }
.summary-row { padding: 12px 0; border-bottom: 1px solid var(--line); }
.summary-row.total strong { font-size: 1.4rem; }
.stacked-form { display:grid; gap: 12px; margin-top: 16px; }
.form-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.check-line { display:flex !important; grid-template-columns: auto 1fr; align-items:center; }
.check-line input { width:auto; }
[hidden] { display: none !important; }
.modal { position: fixed; inset: 0; z-index: 50; display:grid; place-items:center; background: rgba(20, 10, 4, .42); padding: 18px; }
.modal-card { max-width: 820px; width: 100%; border-radius: 28px; background: #fff7ec; padding: 24px; box-shadow: var(--shadow); position: relative; }
.modal-close { position:absolute; top: 14px; right: 14px; border:0; border-radius:999px; padding: 8px 12px; }
.modal-product { display:grid; grid-template-columns: 280px 1fr; gap: 20px; }
.modal-product img { width:100%; border-radius: 20px; }
.dashboard-header { display:flex; justify-content: space-between; gap: 18px; align-items: center; padding: 28px; border-radius: 28px; background: rgba(255,255,255,.65); border: 1px solid var(--line); box-shadow: var(--shadow); }
.admin-theme { background: linear-gradient(135deg,#061426,#0b2440); color: #eaf7ff; }
.admin-theme p, .admin-theme .metric-card span { color: #9fb6c9; }
.admin-theme .eyebrow { color: #27b7ff; }
.admin-theme .metric-card, .admin-theme .dashboard-header, .dark-panel { background: rgba(255,255,255,.06); border-color: rgba(39,183,255,.14); color: #eaf7ff; }
.status-badge { border:1px solid currentColor; border-radius:999px; padding: 10px 14px; font-weight: 800; opacity:.82; }
.admin-grid { display:grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.7fr); gap: 18px; }
table { width:100%; border-collapse: collapse; }
th,td { padding: 12px; border-bottom:1px solid rgba(255,255,255,.09); text-align:left; }
.progress { height: 10px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.12); }
.progress span { display:block; height:100%; background: linear-gradient(90deg,#27b7ff,#8be7ff); }
.warm-header, .seller-header { background: rgba(255,255,255,.58); }
.stats-row strong { font-size: 1.8rem; display:block; }
.stats-row span { color: var(--muted); }
.application-panel { margin-top: 18px; }
.mini-note { font-size:.88rem; }

@media (max-width: 1280px) {
    .product-grid, .product-grid.compact { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-card { max-width: 460px; }
}
@media (max-width: 1023px) {
    .app-shell { grid-template-columns: 1fr; padding: 76px 16px 16px; }
    .mobile-menu-button { display: inline-flex; }
    .sidebar { position: fixed; z-index: 40; top: 12px; bottom: 12px; left: 12px; width: min(330px, calc(100vw - 24px)); height: auto; transform: translateX(calc(-100% - 24px)); transition: transform .24s ease; }
    body.sidebar-open .sidebar { transform: translateX(0); }
    body.sidebar-open .sidebar-backdrop { display:block; position:fixed; inset:0; z-index:35; background: rgba(0,0,0,.36); backdrop-filter: blur(3px); }
    .metric-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .product-grid, .product-grid.compact, .value-grid, .seller-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .toolbar, .cart-layout, .admin-grid { grid-template-columns: 1fr; }
    .checkout-card { position: static; }
}
@media (max-width: 640px) {
    .app-shell { padding-left: 12px; padding-right: 12px; }
    .glass-panel { padding: 22px; border-radius: 24px; }
    .dashboard-header, .inline-heading { align-items:flex-start; flex-direction: column; }
    .metric-grid, .product-grid, .product-grid.compact, .value-grid, .seller-grid, .form-grid { grid-template-columns: 1fr; }
    .modal-product { grid-template-columns: 1fr; }
    .cart-row { grid-template-columns: 52px 1fr; }
    .cart-row > .qty-control { grid-column: 1 / -1; justify-content: flex-end; }
}



.alert { padding: 12px 14px; border-radius: 16px; font-weight: 800; }
.alert.error { background: rgba(156, 35, 35, .12); color: #9c2323; border: 1px solid rgba(156, 35, 35, .25); }
.auth-form { max-width: 520px; }
.table-wrap { width: 100%; overflow-x: auto; }
.compact-table th, .compact-table td { vertical-align: top; }
.wide-left { grid-template-columns: minmax(0, 1.6fr) minmax(300px, .65fr); }
.inline-editor summary { cursor: pointer; font-weight: 800; color: var(--blue); }
.mini-form { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; min-width: 440px; margin-top: 12px; }
.mini-form textarea, .mini-form .check-line, .mini-form button { grid-column: 1 / -1; }
.row-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.row-form select { width: auto; min-width: 130px; }
.btn.danger { color: #fff; background: #9c2323; margin-top: 10px; }
.quick-order-panel { background: rgba(255,255,255,.58); }
.login-panel { max-width: 900px; }

@media (max-width: 760px) {
    .mini-form { min-width: 0; grid-template-columns: 1fr; }
    .row-form select { width: 100%; }
}


.alert.success { background: rgba(33, 122, 74, .12); color: #217a4a; border: 1px solid rgba(33, 122, 74, .24); }
.table-thumb { width: 56px; height: 56px; border-radius: 14px; object-fit: cover; background: rgba(255,255,255,.12); }
.file-line { grid-column: 1 / -1; }
.file-line input, input[type="file"] { padding: 10px; background: rgba(255,255,255,.08); border: 1px dashed var(--line); }
.row-actions { display:flex; flex-wrap: wrap; gap: 8px; align-items:center; }
.row-actions form { margin: 0; }
.btn.tiny.danger { background: #9c2323; color:#fff; }
.template-editor { padding: 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: rgba(255,255,255,.05); }
.template-editor textarea { min-height: 130px; }
.pudo-wrap { display:grid; gap: 8px; }
.pudo-wrap[hidden] { display:none !important; }
input[type="search"] { width: 100%; }
.seller-card .btn { margin-top: 12px; }
@media (max-width: 760px) {
  .row-actions { flex-direction: column; align-items: stretch; }
  .row-actions form, .row-actions button { width: 100%; }
}



.chat-widget { position: fixed; right: 18px; bottom: 18px; z-index: 75; display: grid; justify-items: end; gap: 10px; }
.chat-toggle { border: 0; border-radius: 999px; padding: 13px 18px; background: var(--gold-dark); color: #fff; font-weight: 900; box-shadow: var(--shadow); cursor: pointer; }
.chat-panel { width: min(380px, calc(100vw - 28px)); border: 1px solid var(--line); border-radius: 24px; background: rgba(255, 249, 238, .96); backdrop-filter: blur(14px); box-shadow: var(--shadow); overflow: hidden; }
.chat-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding: 14px 16px; background: rgba(74, 42, 20, .13); }
.chat-head button { border: 0; background: transparent; font-weight: 900; cursor: pointer; }
.chat-log { max-height: 260px; overflow-y: auto; padding: 14px 16px; display:grid; gap: 8px; }
.chat-bubble { padding: 10px 12px; border-radius: 16px; background: rgba(255,255,255,.86); border: 1px solid var(--line); }
.chat-bubble.admin { background: rgba(185,130,54,.16); }
.chat-bubble small { display:block; color: var(--muted); margin-top: 4px; }
.chat-form { padding: 12px; display:grid; gap: 8px; border-top: 1px solid var(--line); }
.chat-form textarea { min-height: 76px; resize: vertical; }
.admin-chat-log { display:grid; gap: 8px; margin: 12px 0; max-height: 260px; overflow: auto; }
.chat-line { padding: 10px 12px; border-radius: 14px; background: rgba(255,255,255,.06); }
.chat-line.admin { border-left: 4px solid var(--blue); }
.chat-line.visitor { border-left: 4px solid var(--gold); }
.report-split article { padding: 16px; border-radius: 18px; background: rgba(255,255,255,.08); display:grid; gap: 4px; }
.report-split strong { font-size: 2rem; }
@media (max-width: 760px) {
  .chat-widget { left: 14px; right: 14px; bottom: 14px; }
  .chat-panel { width: 100%; }
}


.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;align-items:start}.template-card ul{margin:10px 0 0;padding-left:18px}.template-lines{display:grid;gap:10px}.template-line{display:grid;grid-template-columns:1fr 86px;gap:8px}.favorite-card-wrap{display:grid;gap:8px}.favorite-remove-form{margin-top:-8px}.accounting-positive{color:inherit}.accounting-negative{color:inherit}.admin-theme .template-card{background:rgba(255,255,255,.07)}@media(max-width:720px){.template-line{grid-template-columns:1fr}.button-row{flex-wrap:wrap}}


.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-form label{display:grid;gap:8px;color:inherit;font-weight:800}.settings-form .span-2{grid-column:1/-1}.order-detail summary{cursor:pointer;font-weight:900}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:16px;margin-top:14px;min-width:min(900px,calc(100vw - 120px))}.order-detail-grid article{padding:14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}.tracking-form textarea{min-height:80px}.order-item-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.order-item-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.12)}.compact-detail{min-width:min(680px,calc(100vw - 80px))}.admin-theme code{color:#8be7ff}.mini-note#pudoSenderNote{margin:0;color:var(--muted)}@media(max-width:900px){.settings-form,.order-detail-grid{grid-template-columns:1fr;min-width:0}.settings-form .span-2{grid-column:auto}}


.review-grid,.recipe-grid,.content-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-card h2,.recipe-card h2{font-size:1.35rem}.star-row{letter-spacing:1px;color:var(--gold-dark);font-weight:900}.review-card small,.recipe-card small{display:block;color:var(--muted);margin-top:8px}.recipe-card{overflow:hidden;padding:0}.recipe-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#fff3dd}.recipe-body{padding:18px;display:grid;gap:10px}.recipe-detail summary{cursor:pointer;font-weight:900;color:var(--gold-dark)}.recipe-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}.recipe-columns ul,.recipe-columns ol{padding-left:20px}.form-grid .span-2{grid-column:1/-1}.content-mini-form textarea{min-height:90px}.admin-theme .star-row{color:#ffd36b}@media(max-width:1023px){.review-grid,.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.review-grid,.recipe-grid,.content-teaser-grid,.recipe-columns{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}



.pudo-rate-preview{padding:10px 12px;border-radius:16px;background:rgba(185,130,54,.10);border:1px solid var(--line)}
.pudo-rate-preview p{margin:0}.alert-inline{display:inline-flex;margin-left:6px;color:#9c2323;font-weight:900}.pudo-rates-editor h3{margin-top:4px}.pudo-rates-editor table input{width:100%;min-width:90px}.pudo-rate-summary{display:grid;gap:8px}.pudo-rate-summary p{margin:0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}



.order-timeline{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}
.order-timeline li{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;padding:12px;border:1px solid rgba(112,76,38,.18);border-radius:18px;background:rgba(255,255,255,.55)}
.order-timeline li:before{content:"";width:14px;height:14px;border-radius:999px;background:#cdb58f;margin-top:4px;box-shadow:0 0 0 5px rgba(205,181,143,.18)}
.order-timeline li.active:before{background:#37a169;box-shadow:0 0 0 5px rgba(55,161,105,.16)}
.order-timeline li strong{display:block;color:#2b1c12}.order-timeline li span{display:block;font-size:.88rem;color:#705a45}.track-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.email-body-preview{white-space:pre-wrap;max-width:520px;max-height:240px;overflow:auto;background:rgba(0,0,0,.16);border-radius:12px;padding:12px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.template-grid .template-editor{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:14px}.track-form input{text-transform:none}@media(max-width:800px){.track-detail-grid,.template-grid{grid-template-columns:1fr}}@media print{.sidebar,.mobile-menu-button,.chat-widget,.sidebar-backdrop,.button-row,.track-form{display:none!important}.app-shell{display:block!important}.content-shell{max-width:100%!important}.glass-panel,.glass-card{box-shadow:none!important;background:#fff!important;color:#111!important}}



.site-card{position:relative;overflow:hidden}.card-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:rgba(185,130,54,.16);color:var(--gold-dark);font-weight:900;margin-bottom:10px}.card-value{display:block;font-size:2rem;line-height:1;margin:8px 0;color:var(--gold-dark)}.appearance-form input[type="color"]{min-height:46px;padding:6px}.appearance-preview{align-self:start;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.42))}.admin-theme .appearance-preview{background:rgba(255,255,255,.07)}.admin-theme .card-value,.admin-theme .card-icon{color:#fff;background:rgba(39,183,255,.18)}.device-bars{display:grid;gap:8px}.device-bar{display:grid;grid-template-columns:120px 1fr 48px;gap:8px;align-items:center}.device-bar span:nth-child(2){height:10px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.device-bar span:nth-child(2)::before{content:"";display:block;height:100%;width:var(--w,40%);background:linear-gradient(90deg,var(--blue),#8be7ff)}@media(max-width:760px){.appearance-form{grid-template-columns:1fr}.appearance-form .span-2{grid-column:auto}}



.float-action{border:0;border-radius:999px;padding:13px 18px;background:var(--gold-dark);color:#fff;font-weight:900;box-shadow:var(--shadow);cursor:pointer;display:inline-flex;align-items:center;gap:9px;min-height:48px;position:relative}
.float-icon{font-size:1.15rem;line-height:1}.float-badge{position:absolute;top:-7px;right:-7px;min-width:24px;height:24px;border-radius:999px;background:#d92d20;color:#fff;display:grid;place-items:center;font-size:.78rem;border:2px solid #fff7ec}.float-badge[hidden]{display:none!important}
.chat-widget{right:20px;bottom:92px;z-index:82}.quick-cart-widget{position:fixed;right:20px;bottom:20px;z-index:81;display:grid;justify-items:end;gap:10px}.cart-toggle{background:linear-gradient(135deg,var(--gold),var(--gold-dark))}
.chat-panel.floating-window{width:360px;height:470px;min-width:300px;min-height:320px;max-width:calc(100vw - 34px);max-height:calc(100vh - 128px);resize:both;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:rgba(255,249,238,.98)}
.chat-panel.floating-window[hidden]{display:none!important}.chat-panel.is-minimized{height:auto!important;min-height:0!important;resize:none}.chat-panel.is-minimized .chat-window-body{display:none}.chat-panel.is-minimized .chat-head{border-radius:24px}
.chat-head small{display:block;color:var(--muted);font-weight:700;font-size:.78rem}.window-controls{display:flex;gap:6px;align-items:center}.window-controls button{width:34px;height:34px;border-radius:999px;background:rgba(74,42,20,.10)!important;color:var(--ink);display:grid;place-items:center;font-size:1.1rem;line-height:1}.chat-window-body{min-height:0;display:flex;flex:1;flex-direction:column}.chat-log{flex:1;max-height:none;min-height:0}.chat-bubble.visitor{margin-left:auto;max-width:86%;background:rgba(255,255,255,.92)}.chat-bubble.admin{margin-right:auto;max-width:86%}
.quick-cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(2px);z-index:78}.quick-cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,calc(100vw - 24px));z-index:79;background:rgba(255,249,238,.98);color:var(--ink);box-shadow:-24px 0 70px rgba(20,10,4,.22);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translateX(0);animation:quickCartIn .22s ease both}.quick-cart-drawer[hidden],.quick-cart-backdrop[hidden]{display:none!important}@keyframes quickCartIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
.quick-cart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--line);background:rgba(74,42,20,.08)}.quick-cart-head small{display:block;color:var(--muted);font-weight:700}.quick-cart-head button{border:0;border-radius:999px;width:38px;height:38px;background:rgba(74,42,20,.11);font-weight:900;cursor:pointer}.quick-cart-items{padding:14px;display:grid;gap:10px;overflow:auto;min-height:0;flex:1}.quick-cart-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:10px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid var(--line)}.quick-cart-row img{width:58px;height:58px;border-radius:14px;object-fit:cover}.quick-cart-row strong,.quick-cart-row small,.quick-cart-row span{display:block}.quick-cart-row small,.quick-cart-row span{color:var(--muted);font-size:.82rem}.quick-cart-qty{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;align-items:center}.quick-cart-qty button{border:0;border-radius:12px;width:32px;height:32px;font-weight:900}.quick-cart-qty .remove{background:#9c2323;color:#fff}.quick-cart-summary{padding:14px 18px;border-top:1px solid var(--line);display:grid;gap:8px}.quick-cart-summary>div{display:flex;justify-content:space-between;gap:12px}.quick-cart-summary .total strong{font-size:1.3rem}.quick-cart-actions{padding:0 18px 18px}.quick-cart-actions .btn{flex:1;text-align:center;justify-content:center}
.admin-live-chat{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:18px;min-height:620px}.chat-session-list{display:grid;gap:10px;max-height:650px;overflow:auto;padding-right:4px}.chat-session-card{width:100%;text-align:left;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.06);color:inherit;padding:12px;display:grid;gap:5px;cursor:pointer}.chat-session-card strong,.chat-session-card small,.chat-session-card span{display:block}.chat-session-card small,.chat-session-card span{color:#9fb6c9}.chat-session-card.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(39,183,255,.12);background:rgba(39,183,255,.11)}.chat-session-card.closed{opacity:.65}.admin-chat-pane{display:flex;min-height:0;flex-direction:column;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:14px}.admin-chat-log.live{flex:1;max-height:none;min-height:360px;overflow:auto;padding:10px;border-radius:18px;background:rgba(0,0,0,.14)}.admin-chat-reply{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:12px}.admin-chat-reply input{background:rgba(255,255,255,.10);color:#eaf7ff;border-color:rgba(255,255,255,.16)}.admin-chat-reply input::placeholder{color:#9fb6c9}.admin-chat-reply input:disabled{opacity:.55}.admin-theme .chat-line.admin{background:rgba(39,183,255,.10)}.admin-theme .chat-line.visitor{background:rgba(185,130,54,.12)}
@media(max-width:1023px){.chat-widget{left:auto;right:14px;bottom:84px}.quick-cart-widget{right:14px;bottom:14px}.chat-toggle span:not(.float-icon),.cart-toggle span:not(.float-icon){display:none}.chat-panel.floating-window{width:calc(100vw - 28px);height:min(520px,calc(100vh - 116px));max-height:calc(100vh - 116px)}.quick-cart-drawer{width:min(420px,100vw)}.admin-live-chat{grid-template-columns:1fr}.admin-chat-reply{grid-template-columns:1fr}.admin-chat-reply button{width:100%}}
@media(max-width:640px){.chat-panel.floating-window{height:min(500px,calc(100vh - 112px));min-width:0}.quick-cart-drawer{width:100vw}.quick-cart-row{grid-template-columns:52px 1fr}.float-action{padding:12px 14px}.chat-widget{bottom:82px}.quick-cart-widget{bottom:14px}}
@media print{.quick-cart-widget,.quick-cart-backdrop,.quick-cart-drawer{display:none!important}}



.admin-floating-chat-widget{position:fixed;right:20px;bottom:20px;z-index:86;display:grid;justify-items:end;gap:10px}.admin-chat-float-toggle{background:linear-gradient(135deg,var(--blue),#116ba4);color:#03101e}.admin-floating-chat-panel{width:min(780px,calc(100vw - 40px));height:min(680px,calc(100vh - 110px));min-width:360px;min-height:430px;resize:both;overflow:hidden;border-radius:24px;background:rgba(6,20,38,.98);border:1px solid rgba(39,183,255,.24);box-shadow:0 30px 90px rgba(0,0,0,.38);display:flex;flex-direction:column;color:#eaf7ff}.admin-floating-chat-panel[hidden]{display:none!important}.admin-floating-chat-panel.is-minimized{height:auto!important;min-height:0!important;resize:none}.admin-floating-chat-panel.is-minimized .admin-floating-chat-body{display:none}.admin-chat-head{background:rgba(39,183,255,.12);border-bottom:1px solid rgba(39,183,255,.18)}.admin-chat-head small{color:#9fb6c9}.admin-chat-head .window-controls button{background:rgba(255,255,255,.10)!important;color:#eaf7ff}.admin-floating-chat-body{flex:1;min-height:0;padding:14px}.admin-live-chat.compact{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:12px;min-height:0}.admin-live-chat.compact .admin-session-list,.admin-live-chat.compact .admin-chat-pane{min-height:0}.admin-live-chat.compact .chat-session-list{max-height:none;min-height:0}.admin-live-chat.compact .compact-heading h2{font-size:1.25rem}.admin-live-chat.compact .admin-chat-log.live{min-height:180px}.admin-live-chat.compact .admin-chat-reply{grid-template-columns:minmax(0,1fr) auto auto}.admin-floating-chat-widget .float-badge{background:#fff;color:#061426}
@media(max-width:1023px){.admin-floating-chat-widget{right:14px;bottom:14px}.admin-chat-float-toggle span:not(.float-icon){display:none}.admin-floating-chat-panel{width:calc(100vw - 28px);height:min(620px,calc(100vh - 92px));min-width:0}.admin-live-chat.compact{grid-template-columns:1fr}.admin-live-chat.compact .admin-chat-reply{grid-template-columns:1fr}.admin-live-chat.compact .admin-chat-reply button{width:100%}}
@media print{.admin-floating-chat-widget{display:none!important}}


.ticket-list{display:grid;gap:14px}.ticket-card{border-left:4px solid rgba(122,72,31,.35)}.ticket-card.priority-high,.ticket-card.priority-urgent{border-left-color:#d25b32}.admin-reply{background:rgba(255,255,255,.45);border:1px solid rgba(122,72,31,.16);border-radius:18px;padding:12px}.support-admin-form textarea{min-height:120px}.compact-table td .status-badge{display:inline-flex;margin-bottom:6px}



.batch-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-bottom:1rem;padding:1rem;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.08)}
.batch-toolbar label{display:grid;gap:.35rem;min-width:150px;color:inherit;font-weight:700;font-size:.85rem}.batch-toolbar select{min-height:42px}.compact-doc-actions{gap:.4rem;flex-wrap:wrap}.compact-doc-actions .btn{padding:.5rem .75rem;font-size:.82rem}.order-batch-form table th:first-child,.order-batch-form table td:first-child{text-align:center;width:44px}.document-shell{max-width:980px;margin:0 auto 2rem}.document-actions{display:flex;gap:.75rem;justify-content:flex-end;margin:0 0 1rem}.document-page{background:#fff;color:#1f2933;border-radius:22px;padding:2rem;box-shadow:0 24px 70px rgba(0,0,0,.18)}.document-header{display:flex;justify-content:space-between;gap:2rem;border-bottom:2px solid #e7d5bd;padding-bottom:1.25rem;margin-bottom:1.25rem}.document-header h1,.document-header h2{margin:.2rem 0;color:#2b1c12}.document-meta{text-align:right}.print-mark{width:58px;height:58px;margin-bottom:.75rem}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.document-grid>div{border:1px solid #eadac8;border-radius:16px;padding:1rem;background:#fffaf2}.document-table table{background:#fff;color:#1f2933}.document-table th{background:#f1e2cf;color:#2b1c12}.document-totals{max-width:360px;margin:1.25rem 0 1.25rem auto;border:1px solid #eadac8;border-radius:16px;overflow:hidden}.document-totals div{display:flex;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #eadac8}.document-totals div:last-child{border-bottom:0;background:#2b1c12;color:#fff;font-size:1.15rem}.document-footer{border-top:1px solid #eadac8;margin-top:1.25rem;padding-top:1rem;color:#4b5563}.packing-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0}.packing-checks p{border:1px solid #d8c2a8;border-radius:12px;padding:.75rem;background:#fffaf2}.check-cell{font-size:1.35rem;text-align:center}.inline-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.inline-form label{display:grid;gap:.35rem;min-width:260px}
@media (max-width:760px){.document-header,.document-grid{grid-template-columns:1fr;display:grid}.document-meta{text-align:left}.document-page{padding:1.2rem}.packing-checks{grid-template-columns:1fr 1fr}.batch-toolbar{display:grid}.document-actions{justify-content:flex-start;flex-wrap:wrap}}
@media print{body.site{background:#fff!important}.sidebar,.top-mobile-bar,.chat-widget,.quick-cart-widget,.admin-floating-chat-widget,.print-hide,.floating-window{display:none!important}.app-shell{display:block!important;max-width:none!important;margin:0!important;padding:0!important}.content-shell{padding:0!important}.document-shell{max-width:none!important;margin:0!important}.document-page{box-shadow:none!important;border-radius:0!important;padding:0!important}.document-table{overflow:visible!important}.document-table table{width:100%!important}.document-header{break-inside:avoid}.document-footer{position:fixed;bottom:0;left:0;right:0;background:#fff}.site-admin .document-page,.site-public .document-page{color:#111!important;background:#fff!important}}


.promo-box{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.38)}
.promo-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-top:8px}.promo-line input{text-transform:uppercase}.promo-summary-row strong,.quick-cart-discount-row strong{color:#237a48}.admin-theme .promo-box{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.stock-alert-list{display:grid;gap:8px}.alert.warning{background:rgba(255,193,7,.16);border-color:rgba(255,193,7,.30)}
@media(max-width:640px){.promo-line{grid-template-columns:1fr}.promo-line .btn{width:100%;justify-content:center}}


.packing-slip-page .packing-attention-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:2px solid #2b1c12;background:#fff4df;color:#2b1c12;border-radius:16px;padding:1rem;margin:1rem 0;font-size:1.05rem}.packing-slip-page .packing-attention-card strong{font-size:1.25rem}.packing-destination{white-space:normal;font-size:1.05rem;line-height:1.55;border-left:4px solid #b98236;padding-left:.8rem}.packing-grid h3{margin-top:0}.packing-header h1{letter-spacing:.04em}
@media print{.packing-slip-page .packing-attention-card{border-color:#111!important;background:#fff!important}.packing-destination{border-left-color:#111!important}}

.inventory-adjust-form{display:grid;grid-template-columns:90px minmax(140px,1fr) auto;gap:8px;align-items:center;min-width:320px}
.status-badge.warn{background:rgba(255,193,7,.16);color:#ffd36a;border-color:rgba(255,193,7,.35)}
.status-badge.danger{background:rgba(255,80,80,.16);color:#ffb1b1;border-color:rgba(255,80,80,.35)}
.alert.warning{background:rgba(255,193,7,.12);border-color:rgba(255,193,7,.35)}
@media (max-width:700px){.inventory-adjust-form{grid-template-columns:1fr}}



.pudo-door-fields{border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;gap:10px;background:rgba(255,255,255,.35)}
.pudo-door-fields[hidden]{display:none!important}.pudo-door-fields legend{font-weight:900;padding:0 6px}.pudo-door-fields label{display:grid;gap:5px}.pudo-door-fields input{width:100%}
.packing-document.compact{max-width:118mm;margin-inline:auto}.packing-document.compact .document-actions{justify-content:center;flex-wrap:wrap}.packing-slip-small{width:100mm;min-height:100mm;margin:0 auto;padding:4.5mm;border-radius:6mm;background:#fffdf8!important;color:#24170f!important;border:1.3mm solid #2b1c12;box-shadow:0 18px 48px rgba(0,0,0,.18);font-size:7.6pt;line-height:1.15;overflow:hidden}.packing-slip-small h1,.packing-slip-small h2,.packing-slip-small p{margin:0;overflow-wrap:anywhere}.packing-slip-small h1{font-size:17pt;line-height:1;font-weight:900}.packing-slip-small h2{font-size:7.4pt;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1.2mm}.ps-label{font-weight:900;font-size:7pt;letter-spacing:.06em}.ps-top{display:grid;grid-template-columns:1fr 24mm;gap:2.5mm;border-bottom:.35mm solid #2b1c12;padding-bottom:2mm;margin-bottom:2mm}.ps-att{border:.35mm solid #2b1c12;border-radius:2.5mm;padding:1.5mm;text-align:center;font-size:8pt}.ps-row.two{display:grid;grid-template-columns:1fr 1fr;gap:2mm;margin-bottom:2mm}.ps-row.two>div{border:.25mm solid #d8c2a8;border-radius:2mm;padding:1mm 1.4mm}.ps-row span{display:block;text-transform:uppercase;font-size:6pt;color:#6d5748}.ps-box{border:.25mm solid #d8c2a8;border-radius:2.5mm;padding:1.5mm;margin-bottom:2mm;background:#fffaf2}.ps-box.destination{min-height:22mm}.ps-box p{margin:.6mm 0}.ps-error{color:#9c2323;font-weight:900}.ps-items{border:.25mm solid #d8c2a8;border-radius:2.5mm;padding:1.5mm;margin-bottom:0}.ps-items table{width:100%;border-collapse:collapse;font-size:7pt;background:transparent!important;color:#24170f!important}.ps-items td{border:0!important;padding:.6mm 0!important;vertical-align:top}.ps-items td:first-child{width:4mm;font-weight:900}.ps-items small{display:block;color:#6d5748;font-size:6pt}.stock-disabled-note{padding:1rem;border-radius:18px;background:rgba(35,122,72,.12);border:1px solid rgba(35,122,72,.28)}
@media print{@page{size:A4;margin:7mm}.packing-document.compact{max-width:none;margin:0}.packing-slip-small{width:96mm;height:96mm;min-height:96mm;box-shadow:none;border-radius:0;padding:4mm;break-inside:avoid;page-break-inside:avoid}.packing-document.compact .document-actions{display:none!important}.packing-slip-small *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.document-page.packing-slip-small{margin:0!important}}



.top-agent-celebration{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:20px 0 22px;padding:22px 24px;overflow:hidden;background:linear-gradient(135deg,rgba(255,248,232,.92),rgba(213,156,72,.28))!important;border:1px solid rgba(185,130,54,.30)!important;box-shadow:0 20px 60px rgba(87,48,20,.16)}
.top-agent-celebration:before{content:"";position:absolute;inset:-40% -10% auto auto;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(255,210,110,.42),transparent 68%);pointer-events:none}
.rank-medal{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;font-size:2.4rem;background:rgba(255,255,255,.72);border:1px solid rgba(185,130,54,.28);box-shadow:0 12px 34px rgba(87,48,20,.12)}
.rank-copy{position:relative;z-index:1}.rank-copy h2{margin:.1rem 0 .35rem;font-size:clamp(1.5rem,2.4vw,2.35rem);color:#2b1c12}.rank-copy p{margin:.25rem 0;color:#5c4636}.rank-copy strong{color:#2b1c12}.rank-copy small{display:block;margin-top:.45rem;color:#6f5844;font-weight:800}.rank-pill{position:relative;z-index:1;min-width:76px;height:76px;border-radius:999px;display:grid;place-items:center;background:#2b1c12;color:#fff;font-size:1.55rem;font-weight:900;border:4px solid rgba(255,255,255,.75);box-shadow:0 16px 40px rgba(43,28,18,.22)}
.rank-progress{height:12px;border-radius:999px;background:rgba(74,42,20,.12);overflow:hidden;margin-top:12px;border:1px solid rgba(74,42,20,.10)}.rank-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#b98236,#f2c46f);min-width:8px}
.top-agent-celebration.rank-1{background:linear-gradient(135deg,rgba(255,251,224,.95),rgba(255,198,67,.30))!important}.top-agent-celebration.rank-2{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(203,213,225,.35))!important}.top-agent-celebration.rank-3{background:linear-gradient(135deg,rgba(255,244,232,.95),rgba(190,120,64,.28))!important}
@media(max-width:760px){.top-agent-celebration{grid-template-columns:1fr;justify-items:start}.rank-medal{width:62px;height:62px;border-radius:20px}.rank-pill{position:absolute;right:16px;top:16px;width:62px;height:62px;min-width:62px;font-size:1.25rem}}



.brand-logo-wrap{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.92);display:grid;place-items:center;overflow:hidden;box-shadow:0 10px 30px rgba(43,28,18,.18);border:1px solid rgba(255,255,255,.38);flex:0 0 auto}
.brand-logo{width:100%;height:100%;object-fit:contain;padding:3px;display:block}
.hero-card{display:grid;gap:10px;place-items:center;text-align:center;overflow:hidden}
.hero-card .hero-brand-image{width:100%;max-height:430px;object-fit:contain;border-radius:24px;background:rgba(255,255,255,.38);padding:10px}
.document-logo{display:block;object-fit:contain;background:#fff;border-radius:18px;border:1px solid #eadac8;box-shadow:0 10px 28px rgba(43,28,18,.12)}
.invoice-logo{width:132px;height:132px;margin-bottom:.75rem;padding:6px}
@media(max-width:760px){.brand-logo-wrap{width:52px;height:52px}.invoice-logo{width:104px;height:104px}.hero-card .hero-brand-image{max-height:330px}}
@media print{.document-logo,.invoice-logo{box-shadow:none!important;background:#fff!important}}



.one-page-invoice-shell{max-width:210mm;margin-inline:auto}.invoice-one-page{width:200mm;height:287mm;max-height:287mm;min-height:0;margin:0 auto;padding:7mm;border-radius:10px;overflow:hidden;background:#fff!important;color:#1f2933!important;box-sizing:border-box;font-size:8.1pt;line-height:1.16}.invoice-fit-inner{transform-origin:top left}.invoice-top{display:grid;grid-template-columns:1fr 58mm;gap:6mm;align-items:start;border-bottom:1px solid #e7d5bd;padding-bottom:3.2mm;margin-bottom:3.2mm}.invoice-brand-block{display:grid;grid-template-columns:24mm minmax(0,1fr);gap:3.2mm;align-items:center}.invoice-brand-block h1{margin:0 0 1mm;color:#2b1c12;font-size:15pt;line-height:1}.invoice-brand-block p,.invoice-meta-box p,.invoice-info-card p,.invoice-note-box p{margin:.65mm 0}.invoice-one-page .invoice-logo{width:23mm!important;height:23mm!important;margin:0!important;padding:1mm;border-radius:4mm}.invoice-meta-box{text-align:right;border:1px solid #eadac8;background:#fffaf2;border-radius:4mm;padding:3mm}.invoice-meta-box h2{font-size:14pt;margin:.5mm 0 1.5mm;color:#2b1c12}.invoice-info-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3mm;margin-bottom:3mm}.invoice-info-card,.invoice-note-box{border:1px solid #eadac8;border-radius:3.5mm;background:#fffaf2;padding:2.5mm;overflow-wrap:anywhere}.invoice-info-card h3,.invoice-note-box h3,.invoice-section-heading h3{font-size:8.5pt;text-transform:uppercase;letter-spacing:.06em;margin:0 0 1.2mm;color:#6b3f20}.invoice-items-block{margin-bottom:3mm}.invoice-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3mm}.invoice-section-heading span{font-weight:900;color:#6b3f20}.invoice-items-table{width:100%;border-collapse:collapse;background:#fff!important;color:#1f2933!important;font-size:7.3pt;line-height:1.12}.invoice-items-table th{background:#2b1c12!important;color:#fff!important;text-align:left;font-size:6.5pt;text-transform:uppercase;letter-spacing:.04em;padding:1.4mm 1.6mm!important;border:0!important}.invoice-items-table td{padding:1.25mm 1.6mm!important;border-bottom:1px solid #eadac8!important;vertical-align:top}.invoice-items-table td:nth-child(2),.invoice-items-table td:nth-child(3),.invoice-items-table td:nth-child(4),.invoice-items-table th:nth-child(2),.invoice-items-table th:nth-child(3),.invoice-items-table th:nth-child(4){text-align:right;white-space:nowrap}.invoice-items-table td:nth-child(2),.invoice-items-table th:nth-child(2){width:12mm}.invoice-items-table td:nth-child(3),.invoice-items-table th:nth-child(3),.invoice-items-table td:nth-child(4),.invoice-items-table th:nth-child(4){width:22mm}.invoice-items-table small{display:block;color:#6b7280;font-size:6.1pt;margin-top:.4mm}.invoice-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 54mm;gap:3mm;align-items:start}.invoice-one-page .invoice-totals{max-width:none;margin:0;border-radius:3.5mm;font-size:7.5pt}.invoice-one-page .invoice-totals div{padding:1.75mm 2.5mm}.invoice-one-page .invoice-totals div:last-child{font-size:9.3pt}.invoice-one-page .document-footer{position:static!important}.invoice-density-compact{font-size:7.4pt}.invoice-density-compact .invoice-items-table{font-size:6.45pt}.invoice-density-compact .invoice-items-table th{font-size:5.9pt}.invoice-density-compact .invoice-items-table td{padding:.9mm 1.15mm!important}.invoice-density-compact .invoice-items-table small{font-size:5.5pt}.invoice-density-tight{font-size:6.7pt;padding:5.5mm}.invoice-density-tight .invoice-top{grid-template-columns:1fr 52mm;gap:4mm;margin-bottom:2mm;padding-bottom:2mm}.invoice-density-tight .invoice-info-grid,.invoice-density-tight .invoice-bottom-grid{gap:2mm;margin-bottom:2mm}.invoice-density-tight .invoice-items-table{font-size:5.75pt;line-height:1.04}.invoice-density-tight .invoice-items-table td{padding:.62mm .9mm!important}.invoice-density-tight .invoice-items-table th{font-size:5.3pt;padding:.8mm .9mm!important}.invoice-density-tight .invoice-items-table small{font-size:4.9pt}.invoice-density-tight .invoice-logo{width:18mm!important;height:18mm!important}.invoice-density-tight .invoice-brand-block{grid-template-columns:19mm minmax(0,1fr)}.invoice-density-tight .invoice-brand-block h1{font-size:12pt}.invoice-density-micro{font-size:5.9pt;padding:4.5mm;line-height:1.05}.invoice-density-micro .invoice-top{grid-template-columns:1fr 46mm;gap:2.5mm;margin-bottom:1.6mm;padding-bottom:1.6mm}.invoice-density-micro .invoice-info-grid,.invoice-density-micro .invoice-bottom-grid{gap:1.5mm;margin-bottom:1.5mm}.invoice-density-micro .invoice-info-card,.invoice-density-micro .invoice-note-box,.invoice-density-micro .invoice-meta-box{padding:1.3mm;border-radius:2.5mm}.invoice-density-micro .invoice-items-table{font-size:4.8pt;line-height:1}.invoice-density-micro .invoice-items-table td{padding:.42mm .65mm!important}.invoice-density-micro .invoice-items-table th{font-size:4.5pt;padding:.55mm .65mm!important}.invoice-density-micro .invoice-items-table small{font-size:4.1pt}.invoice-density-micro .invoice-logo{width:15mm!important;height:15mm!important}.invoice-density-micro .invoice-brand-block{grid-template-columns:16mm minmax(0,1fr);gap:1.7mm}.invoice-density-micro .invoice-brand-block h1{font-size:10pt}.invoice-density-micro .invoice-meta-box h2{font-size:9pt}.invoice-is-scaled:after{content:'Scaled to fit one page';position:absolute;right:8mm;bottom:3mm;font-size:5pt;color:#9ca3af}@media(max-width:900px){.invoice-one-page{width:100%;height:auto;max-height:none;padding:14px}.invoice-fit-inner{transform:none!important;width:auto!important}.invoice-top,.invoice-info-grid,.invoice-bottom-grid{grid-template-columns:1fr}.invoice-meta-box{text-align:left}}@media print{@page{size:A4 portrait;margin:5mm}body.site{background:#fff!important}.one-page-invoice-shell{width:200mm!important;max-width:200mm!important;margin:0!important}.invoice-one-page{width:200mm!important;height:287mm!important;max-height:287mm!important;min-height:287mm!important;padding:5mm!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;page-break-after:avoid!important;break-after:avoid!important;page-break-inside:avoid!important;break-inside:avoid!important}.invoice-one-page .document-logo,.invoice-one-page .invoice-logo{box-shadow:none!important;background:#fff!important}.invoice-fit-inner{transform-origin:top left!important}.invoice-one-page *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-one-page .document-totals{break-inside:avoid}.invoice-one-page .document-footer{position:static!important}.document-shell.invoice-document{max-width:200mm!important;margin:0!important}.invoice-document + *{display:none!important}}

.agent-ticker-shell{overflow:hidden;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.62);box-shadow:var(--shadow);backdrop-filter:blur(14px);padding:10px 0;color:var(--ink);margin-bottom:18px}
.agent-ticker-track{display:flex;align-items:center;gap:24px;width:max-content;white-space:nowrap;animation:agentTickerScroll 46s linear infinite}.agent-ticker-shell:hover .agent-ticker-track{animation-play-state:paused}.agent-ticker-title{font-weight:950;padding-left:22px;color:var(--gold-dark);letter-spacing:.02em}.agent-ticker-item{font-weight:850}.agent-ticker-item::before,.agent-ticker-praise::before{content:"•";margin-right:22px;color:var(--gold)}.agent-ticker-praise{font-weight:850;color:var(--muted);padding-right:22px}@keyframes agentTickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.admin-theme .agent-ticker-shell{background:rgba(39,183,255,.10);border-color:rgba(39,183,255,.22);color:#eaf7ff}.admin-theme .agent-ticker-title{color:#8be7ff}.admin-theme .agent-ticker-praise{color:#9fb6c9}.admin-theme .agent-ticker-item::before,.admin-theme .agent-ticker-praise::before{color:#27b7ff}
@media(max-width:1023px){.agent-ticker-shell{border-radius:22px}.agent-ticker-track{animation-duration:38s}}
@media print{.agent-ticker-shell{display:none!important}}
.admin-pudo-searchbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;margin:12px 0}.admin-pudo-searchbar input{width:100%}.pudo-hidden-row{display:none!important}


.sidebar-mobile-close{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.16);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900}
@media (max-width:1023px){
    .mobile-menu-button{z-index:90;background:#7a481f;color:#fff;font-weight:900;border:2px solid rgba(255,255,255,.7);box-shadow:0 10px 35px rgba(43,28,18,.34)}
    .sidebar{z-index:100;background:#5a3218!important;color:#fffaf0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 24px 80px rgba(0,0,0,.42)!important;padding:18px!important}
    .sidebar-admin{background:#07172a!important;color:#eef9ff!important}.sidebar-agent,.sidebar-seller{background:#5a3218!important;color:#fffaf0!important}
    .sidebar *{text-shadow:none!important;filter:none!important}.brand-block{border-bottom-color:rgba(255,255,255,.28)}.brand-block strong{font-size:1.05rem;color:#fff}.brand-block span{opacity:1;color:#ffe2bb;font-weight:800}
    .brand-logo-wrap{background:#fff;border:2px solid rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(0,0,0,.24)}
    .side-nav a{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;padding:14px 14px}.side-nav a.active,.side-nav a:hover{background:rgba(255,255,255,.30)!important;border-color:rgba(255,255,255,.40)!important;transform:none}.side-nav a span{font-size:1rem;font-weight:900}.side-nav a small{opacity:1;color:#ffe3bd;font-weight:800}
    .sidebar-note{background:rgba(255,255,255,.14);opacity:1;color:#ffe9cf;font-weight:700}.sidebar-backdrop{background:rgba(26,14,6,.62)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.sidebar-mobile-close{display:inline-flex}
}



html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
.brand-logo-wrap{flex:0 0 auto}.brand-logo{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff8ec;box-shadow:0 10px 24px rgba(43,28,18,.18)}
.mobile-menu-button .hamburger{font-size:1.12rem;line-height:1}.mobile-menu-button{gap:8px;align-items:center;justify-content:center;min-height:44px;touch-action:manipulation}
.side-nav a,.btn,button{touch-action:manipulation}.content-shell{width:100%;max-width:100%}.glass-panel,.glass-card,.panel,.metric-card{overflow-wrap:anywhere}.data-table-wrap,.table-wrap,.document-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:1180px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:minmax(0,1fr) 320px}.admin-grid{grid-template-columns:1fr}.cart-layout{grid-template-columns:1fr}.checkout-card{position:relative;top:auto}}
@media(max-width:980px){
    body{background:linear-gradient(145deg,#fbefd9,#dfb678)}
    body.sidebar-open{overflow:hidden}
    .app-shell{display:block!important;padding:82px 14px 92px!important;min-height:100dvh}
    .content-shell{display:grid;gap:18px}
    .mobile-menu-button{display:inline-flex!important;position:fixed!important;top:12px!important;left:12px!important;z-index:3000!important;background:#7a481f!important;color:#fff!important;border:2px solid rgba(255,255,255,.86)!important;border-radius:999px!important;padding:10px 15px!important;font-weight:950!important;box-shadow:0 12px 32px rgba(43,28,18,.34)!important}
    .sidebar-backdrop{display:none!important}
    body.sidebar-open .sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2500!important;background:rgba(21,12,7,.72)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
    .sidebar{position:fixed!important;z-index:2800!important;top:10px!important;left:10px!important;bottom:10px!important;width:min(390px,calc(100vw - 20px))!important;height:auto!important;max-height:calc(100dvh - 20px)!important;transform:translateX(calc(-100% - 28px))!important;transition:transform .22s ease!important;background:#5b341a!important;color:#fffaf0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:24px!important;box-shadow:0 30px 90px rgba(0,0,0,.52)!important;padding:14px!important;overflow-y:auto!important;filter:none!important}
    body.sidebar-open .sidebar{transform:translateX(0)!important}
    .sidebar-admin{background:#07172a!important}.sidebar-agent,.sidebar-seller{background:#5b341a!important}
    .brand-block{position:sticky;top:0;z-index:2;background:inherit!important;margin:-14px -14px 10px!important;padding:14px!important;border-radius:24px 24px 0 0!important;border-bottom:1px solid rgba(255,255,255,.25)!important}
    .brand-block strong{font-size:1rem!important;color:#fff!important;line-height:1.1}.brand-block span{color:#ffe3bd!important;opacity:1!important;font-size:.82rem!important;font-weight:850!important}.brand-logo{width:46px!important;height:46px!important;border-radius:14px!important}
    .sidebar-mobile-close{display:inline-flex!important;margin-left:auto!important;background:#fff4e1!important;color:#5a3218!important;border:0!important;border-radius:999px!important;padding:8px 12px!important;font-size:.9rem!important;font-weight:950!important}
    .side-nav{gap:8px!important;margin-top:12px!important}.side-nav a{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;min-height:48px!important;padding:12px 13px!important;border-radius:16px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;transform:none!important}.side-nav a span{font-size:1rem!important;font-weight:900!important;color:#fff!important}.side-nav a small{font-size:.78rem!important;color:#ffe7c4!important;opacity:1!important;font-weight:800!important}.side-nav a.active,.side-nav a:hover{background:rgba(255,255,255,.28)!important;border-color:rgba(255,255,255,.38)!important}.sidebar-note{display:none!important}
    .agent-ticker-shell{margin-top:0!important;border-radius:18px!important}.hero-grid,.value-grid,.metric-grid,.seller-grid,.product-grid,.product-grid.compact,.toolbar,.form-grid,.template-grid,.track-detail-grid{grid-template-columns:1fr!important}.hero-grid{min-height:0!important;gap:18px!important}.hero-card{max-width:360px;margin-inline:auto;transform:none!important}.glass-panel{border-radius:24px!important;padding:22px!important}.glass-card,.panel,.metric-card,.product-card{border-radius:20px!important}.dashboard-header{display:grid!important;grid-template-columns:1fr!important;border-radius:22px!important;padding:20px!important}h1{font-size:clamp(2.1rem,13vw,3.6rem)!important;letter-spacing:-.055em}h2{font-size:clamp(1.45rem,8vw,2.2rem)!important}.inline-heading{align-items:start;display:grid!important;grid-template-columns:1fr!important}.cart-row{grid-template-columns:54px 1fr!important}.cart-row .qty-control{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.quick-cart-widget,.chat-widget,.admin-floating-chat-widget{right:12px!important;bottom:16px!important}.quick-cart-widget{bottom:86px!important}.floating-window{width:min(94vw,390px)!important;max-height:78dvh!important}.quick-cart-drawer{width:min(94vw,390px)!important}.admin-live-chat{grid-template-columns:1fr!important}.document-page{padding:16px!important}.login-panel{margin-top:0!important}input,select,textarea{min-height:46px;font-size:16px!important}.button-row{gap:10px}.btn{min-height:44px}
}
@media(max-width:560px){.app-shell{padding-left:10px!important;padding-right:10px!important}.glass-panel{padding:18px!important;border-radius:22px!important}.product-body{padding:15px}.metric-card strong{font-size:1.65rem}.brand-logo{width:42px!important;height:42px!important}.side-nav a{min-height:46px!important;padding:11px 12px!important}.float-action span:not(.float-icon){display:none}.modal-product{grid-template-columns:1fr!important}.modal-card{max-height:88dvh;overflow:auto}.document-page{font-size:.86rem!important}}


@media (max-width: 980px){
    html,body{max-width:100%;overflow-x:hidden!important}
    .mobile-menu-button{display:inline-flex!important;position:fixed!important;top:10px!important;left:10px!important;z-index:2147483000!important;background:#ffffff!important;color:#5a3218!important;border:2px solid #b98236!important;border-radius:999px!important;padding:11px 16px!important;font-weight:950!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important;line-height:1!important;pointer-events:auto!important}
    .mobile-menu-button span{color:#5a3218!important;text-shadow:none!important}
    .sidebar-backdrop{display:none!important;pointer-events:none!important}
    body.sidebar-open .sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2147482500!important;background:rgba(35,22,12,.42)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important}
    .sidebar{position:fixed!important;z-index:2147482900!important;top:8px!important;left:8px!important;bottom:8px!important;width:min(392px,calc(100vw - 16px))!important;height:auto!important;max-height:calc(100dvh - 16px)!important;transform:translateX(calc(-100% - 24px))!important;transition:transform .22s ease!important;background:#fffaf0!important;color:#2b1c12!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:2px solid rgba(185,130,54,.55)!important;border-radius:24px!important;box-shadow:0 30px 90px rgba(0,0,0,.36)!important;padding:14px!important;overflow-y:auto!important;filter:none!important;pointer-events:auto!important}
    body.sidebar-open .sidebar{transform:translateX(0)!important}
    .sidebar-admin,.sidebar-agent,.sidebar-seller{background:#fffaf0!important;color:#2b1c12!important}
    .brand-block{gap:12px!important;border-bottom:1px solid rgba(122,72,31,.18)!important;padding-bottom:12px!important;margin-bottom:8px!important}
    .brand-logo-wrap{background:#fff!important;border:1px solid rgba(185,130,54,.25)!important;box-shadow:0 8px 20px rgba(43,28,18,.10)!important}
    .brand-block strong{color:#2b1c12!important;font-size:1.05rem!important;text-shadow:none!important}
    .brand-block span{color:#7a481f!important;opacity:1!important;font-weight:850!important;text-shadow:none!important}
    .sidebar-mobile-close{display:inline-flex!important;margin-left:auto!important;background:#7a481f!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:9px 13px!important;font-size:.9rem!important;font-weight:950!important;box-shadow:0 8px 18px rgba(122,72,31,.22)!important}
    .side-nav{gap:8px!important;margin-top:12px!important}
    .side-nav a{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;min-height:48px!important;padding:12px 13px!important;border-radius:16px!important;background:#fff4df!important;border:1px solid rgba(185,130,54,.24)!important;color:#2b1c12!important;box-shadow:0 4px 12px rgba(43,28,18,.05)!important;transform:none!important;text-decoration:none!important}
    .side-nav a span{font-size:1rem!important;font-weight:950!important;color:#2b1c12!important;text-shadow:none!important}
    .side-nav a small{font-size:.78rem!important;color:#7a481f!important;opacity:1!important;font-weight:850!important;text-shadow:none!important}
    .side-nav a.active,.side-nav a:hover,.side-nav a:focus-visible{background:#7a481f!important;border-color:#7a481f!important;color:#fff!important;outline:none!important}
    .side-nav a.active span,.side-nav a:hover span,.side-nav a:focus-visible span,.side-nav a.active small,.side-nav a:hover small,.side-nav a:focus-visible small{color:#fff!important}
    .sidebar-note{display:none!important}
    .app-shell{display:block!important;padding:74px 12px 18px!important;max-width:100%!important}
    .content-shell{width:100%!important;max-width:100%!important;padding:0!important}
    .glass-panel,.glass-card,.metric-card,.panel{border-radius:20px!important;padding:16px!important}
    .hero{grid-template-columns:1fr!important;gap:16px!important}.hero h1{font-size:clamp(2rem,10vw,3.4rem)!important;line-height:1.02!important}.hero-art{min-height:220px!important}.brand-logo-hero{max-width:min(96%,360px)!important}
    .product-grid,.value-grid,.metric-grid,.admin-grid,.seller-grid{grid-template-columns:1fr!important;gap:14px!important}
    .button-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.button-row .btn,.button-row button{width:100%!important;justify-content:center!important}
    input,select,textarea{font-size:16px!important;max-width:100%!important}.form-grid{grid-template-columns:1fr!important}
    .agent-ticker-shell{margin:0 0 14px!important;border-radius:18px!important}.agent-ticker-track{font-size:.9rem!important}
    .data-table-wrap, .table-wrap{border-radius:16px!important}.data-table-wrap table,.table-wrap table{min-width:760px!important}
    .chat-widget{right:12px!important;bottom:86px!important;z-index:2100!important}.quick-cart-widget,.admin-floating-chat-widget{right:12px!important;bottom:14px!important;z-index:2100!important}
}
@media (min-width:981px){.sidebar-backdrop{display:none!important}.mobile-menu-button{display:none!important}.sidebar{pointer-events:auto!important}}

@media (max-width: 980px){
    body.sidebar-open .mobile-menu-button{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
    body.sidebar-open .sidebar{z-index:2147483646!important;pointer-events:auto!important}
    body.sidebar-open .side-nav, body.sidebar-open .side-nav a{position:relative!important;z-index:2147483647!important;pointer-events:auto!important;cursor:pointer!important}
    body.sidebar-open .sidebar-backdrop{z-index:2147483000!important}
    .sidebar a, .sidebar button{pointer-events:auto!important;-webkit-tap-highlight-color:rgba(122,72,31,.22)!important}
}


@media (max-width: 980px){
    body.sidebar-open .chat-widget,
    body.sidebar-open .quick-cart-widget,
    body.sidebar-open .admin-floating-chat-widget,
    body.sidebar-open .quick-cart-backdrop,
    body.sidebar-open .quick-cart-drawer,
    body.sidebar-open .floating-window{display:none!important;pointer-events:none!important;visibility:hidden!important}
    body.sidebar-open #appSidebar{display:block!important;visibility:visible!important;opacity:1!important;touch-action:auto!important;overscroll-behavior:contain!important}
    body.sidebar-open #appSidebar .brand-block,
    body.sidebar-open #appSidebar .side-nav,
    body.sidebar-open #appSidebar .side-nav a{pointer-events:auto!important;touch-action:manipulation!important}
    body.sidebar-open #appSidebar .side-nav a{min-height:52px!important}
}


@media (max-width: 980px){
    body.sidebar-open{overflow:hidden!important;touch-action:none!important}
    body.sidebar-open #appSidebar{z-index:2147483647!important;pointer-events:auto!important;touch-action:auto!important;display:block!important;visibility:visible!important;opacity:1!important}
    body.sidebar-open #appSidebar .side-nav a{position:relative!important;z-index:2147483647!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important}
    body.sidebar-open .sidebar-backdrop{z-index:2147482000!important}
    body.sidebar-open .site::before{display:none!important}
}


:root{
    --shadow:0 18px 48px rgba(68,35,10,.12);
    --line:rgba(93,58,27,.13);
}
body{font-size:15.5px;background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 30rem),linear-gradient(135deg,#fbecd4,#dcae72)}
.app-shell{grid-template-columns:270px minmax(0,1fr);gap:20px;padding:20px;max-width:1540px;margin-inline:auto}
.content-shell{gap:20px}.sidebar{top:20px;height:calc(100vh - 40px);padding:18px;border-radius:24px}.side-nav{gap:8px}.side-nav a{padding:11px 12px;border-radius:16px}.side-nav a span{font-size:.96rem}.side-nav a small{font-size:.76rem}.brand-block{padding-bottom:16px}.brand-logo-wrap{width:52px;height:52px;border-radius:16px}.brand-logo{width:50px;height:50px;border-radius:14px}
h1{font-size:clamp(2rem,4.2vw,3.65rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin-bottom:14px!important}
h2{font-size:clamp(1.35rem,2.1vw,2.05rem)!important;line-height:1.08!important;letter-spacing:-.028em!important;margin-bottom:10px!important}
h3{font-size:1.08rem;line-height:1.18}.page-header h1,.dashboard-header h1{font-size:clamp(1.95rem,3.4vw,3rem)!important}.document-header h1,.document-header h2{letter-spacing:-.02em!important}.eyebrow{font-size:.72rem;margin-bottom:8px}.hero-grid{min-height:430px;gap:22px}.hero-text{font-size:1.04rem;max-width:620px}.glass-panel{border-radius:28px;padding:clamp(22px,3vw,38px)}.glass-card,.panel,.metric-card{border-radius:22px;padding:18px}.dashboard-header{border-radius:24px;padding:22px}.metric-card strong{font-size:clamp(1.45rem,2.2vw,2rem)}.value-grid,.metric-grid,.seller-grid,.product-grid{gap:15px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.product-card{border-radius:22px;background:rgba(255,255,255,.72)}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(68,35,10,.18)}.product-body{padding:15px}.product-body h3{min-height:0;margin-bottom:8px}.product-body p{min-height:0;font-size:.9rem;line-height:1.48}.btn{padding:11px 16px}.toolbar{gap:12px}input,select,textarea{border-radius:14px;padding:12px 13px}.agent-ticker-shell{margin-bottom:16px;border-radius:999px}.rank-copy h2{font-size:clamp(1.35rem,1.8vw,1.9rem)!important}.top-agent-celebration{padding:18px 20px;border-radius:22px}.rank-medal{width:62px;height:62px;border-radius:20px}.rank-pill{width:64px;height:64px;min-width:64px;font-size:1.35rem}.card-value{font-size:1.65rem}.stats-row strong,.report-split strong{font-size:1.55rem}.review-card h2,.recipe-card h2{font-size:1.18rem!important}
@media(max-width:1180px){.app-shell{grid-template-columns:250px minmax(0,1fr);gap:16px}.product-grid,.product-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-card{max-width:380px}}
@media(min-width:981px){.mobile-menu-button{display:none!important}.sidebar-backdrop{display:none!important}.content-shell{padding-bottom:20px}}

@media(max-width:980px){
    html,body{max-width:100%;overflow-x:hidden!important;-webkit-text-size-adjust:100%}
    body.sidebar-open{overflow:hidden!important;touch-action:auto!important}
    .app-shell{display:block!important;padding:72px 12px 88px!important;min-height:100dvh;max-width:100%!important;margin:0!important}
    .content-shell{display:grid!important;gap:16px!important;width:100%!important;max-width:100%!important;padding:0!important}
    .mobile-menu-button{display:inline-flex!important;position:fixed!important;top:10px!important;left:10px!important;z-index:4500!important;align-items:center!important;gap:8px!important;min-height:44px!important;background:#fffaf0!important;color:#5a3218!important;border:1.5px solid rgba(122,72,31,.35)!important;border-radius:999px!important;padding:10px 14px!important;font-weight:950!important;box-shadow:0 10px 26px rgba(43,28,18,.22)!important;pointer-events:auto!important;touch-action:manipulation!important}
    body.sidebar-open .mobile-menu-button{opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:#7a481f!important;color:#fff!important;border-color:#7a481f!important}
    body.sidebar-open .mobile-menu-button span{color:#fff!important}.mobile-menu-button span{color:inherit!important;text-shadow:none!important}
    .sidebar-backdrop{display:none!important;position:fixed!important;inset:0!important;z-index:4200!important;background:rgba(35,22,12,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important}
    body.sidebar-open .sidebar-backdrop{display:block!important}
    .sidebar{position:fixed!important;top:64px!important;left:10px!important;right:10px!important;bottom:auto!important;width:auto!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 76px)!important;z-index:4300!important;display:block!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform:translateY(-12px)!important;opacity:0!important;visibility:hidden!important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;background:#fffaf0!important;color:#2b1c12!important;border:1.5px solid rgba(185,130,54,.34)!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(43,28,18,.30)!important;padding:12px!important;pointer-events:none!important;touch-action:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
    body.sidebar-open .sidebar{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
    .sidebar-admin,.sidebar-agent,.sidebar-seller{background:#fffaf0!important;color:#2b1c12!important}
    .brand-block{position:relative!important;top:auto!important;display:flex!important;gap:10px!important;align-items:center!important;margin:0 0 10px!important;padding:0 0 10px!important;background:transparent!important;border-bottom:1px solid rgba(122,72,31,.14)!important;border-radius:0!important}.brand-block strong{font-size:1rem!important;color:#2b1c12!important;line-height:1.1}.brand-block span{font-size:.78rem!important;color:#7a481f!important;opacity:1!important;font-weight:850!important}.brand-logo-wrap{width:44px!important;height:44px!important;background:#fff!important;border:1px solid rgba(185,130,54,.24)!important;box-shadow:0 8px 18px rgba(43,28,18,.10)!important}.brand-logo{width:42px!important;height:42px!important;border-radius:13px!important}.sidebar-mobile-close{display:inline-flex!important;margin-left:auto!important;background:#2b1c12!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:8px 12px!important;font-size:.86rem!important;font-weight:950!important;pointer-events:auto!important;touch-action:manipulation!important}
    .side-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:8px!important;pointer-events:auto!important;touch-action:auto!important}.side-nav a{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;align-content:center!important;min-height:58px!important;padding:11px 12px!important;border-radius:16px!important;background:#fff2dc!important;border:1px solid rgba(185,130,54,.20)!important;color:#2b1c12!important;box-shadow:0 3px 10px rgba(43,28,18,.05)!important;transform:none!important;text-decoration:none!important;position:relative!important;z-index:1!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-user-select:auto!important;user-select:auto!important}.side-nav a span{font-size:.96rem!important;font-weight:950!important;color:#2b1c12!important;line-height:1.1!important}.side-nav a small{font-size:.72rem!important;font-weight:850!important;color:#7a481f!important;opacity:1!important;line-height:1.1!important}.side-nav a.active,.side-nav a:hover,.side-nav a:focus-visible{background:#7a481f!important;border-color:#7a481f!important;color:#fff!important;outline:none!important}.side-nav a.active span,.side-nav a:hover span,.side-nav a:focus-visible span,.side-nav a.active small,.side-nav a:hover small,.side-nav a:focus-visible small{color:#fff!important}.sidebar-note{display:none!important}
    h1{font-size:clamp(1.85rem,8.2vw,2.65rem)!important;line-height:1.06!important;letter-spacing:-.04em!important}h2{font-size:clamp(1.25rem,5.6vw,1.8rem)!important;line-height:1.12!important}.page-header h1,.dashboard-header h1{font-size:clamp(1.8rem,7.4vw,2.45rem)!important}.hero h1{font-size:clamp(1.85rem,8.2vw,2.65rem)!important;line-height:1.06!important}.hero-grid,.value-grid,.metric-grid,.seller-grid,.product-grid,.product-grid.compact,.toolbar,.form-grid,.template-grid,.track-detail-grid,.review-grid,.recipe-grid,.content-teaser-grid,.recipe-columns{grid-template-columns:1fr!important;gap:14px!important}.hero-grid{min-height:0!important}.hero-card{max-width:330px!important;margin-inline:auto!important;transform:none!important}.glass-panel{border-radius:22px!important;padding:18px!important}.glass-card,.panel,.metric-card,.product-card{border-radius:18px!important;padding:16px!important}.product-card{padding:0!important}.product-body{padding:14px!important}.dashboard-header{display:grid!important;grid-template-columns:1fr!important;border-radius:20px!important;padding:18px!important}.inline-heading{align-items:start!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.btn{min-height:44px}.button-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.button-row .btn,.button-row button{width:100%!important;justify-content:center!important}input,select,textarea{min-height:46px!important;font-size:16px!important;max-width:100%!important}.cart-row{grid-template-columns:54px 1fr!important}.cart-row .qty-control{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.agent-ticker-shell{margin:0 0 12px!important;border-radius:16px!important}.data-table-wrap table,.table-wrap table{min-width:720px!important}.quick-cart-widget,.chat-widget,.admin-floating-chat-widget{right:12px!important;z-index:2100!important}.quick-cart-widget{bottom:14px!important}.chat-widget{bottom:84px!important}.floating-window{width:min(94vw,390px)!important;max-height:78dvh!important}.quick-cart-drawer{width:min(94vw,390px)!important}.document-page{padding:16px!important}.login-panel{margin-top:0!important}
    body.sidebar-open .chat-widget,body.sidebar-open .quick-cart-widget,body.sidebar-open .admin-floating-chat-widget,body.sidebar-open .quick-cart-backdrop,body.sidebar-open .quick-cart-drawer,body.sidebar-open .floating-window{display:none!important;pointer-events:none!important;visibility:hidden!important}
}
@media(max-width:430px){.side-nav{grid-template-columns:1fr!important}.app-shell{padding-left:10px!important;padding-right:10px!important}.glass-panel{padding:16px!important}.float-action span:not(.float-icon){display:none!important}}

@media(max-width:980px){
    body.sidebar-open .sidebar-backdrop{z-index:4200!important}
    body.sidebar-open .mobile-menu-button{z-index:4400!important}
    body.sidebar-open #appSidebar{top:64px!important;left:10px!important;right:10px!important;bottom:auto!important;transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}


@media (max-width: 980px) {
    .app-shell{
        padding-top:74px!important;
    }
    .mobile-menu-button{
        left:auto!important;
        right:12px!important;
        top:12px!important;
        z-index:30000!important;
        min-height:44px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:8px!important;
        border-radius:999px!important;
        padding:10px 14px!important;
        background:#fffaf0!important;
        color:#4b2813!important;
        border:1.5px solid rgba(122,72,31,.34)!important;
        box-shadow:0 12px 30px rgba(43,28,18,.24)!important;
        pointer-events:auto!important;
        touch-action:manipulation!important;
        -webkit-tap-highlight-color:transparent!important;
    }
    body.sidebar-open .mobile-menu-button{
        background:#7a481f!important;
        color:#fff!important;
        border-color:#7a481f!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }
    body.sidebar-open .mobile-menu-button .hamburger::before{
        content:"×";
        font-size:1.25rem;
        line-height:1;
    }
    body.sidebar-open .mobile-menu-button .hamburger{
        font-size:0!important;
    }
    .sidebar-backdrop,
    body.sidebar-open .sidebar-backdrop{
        display:none!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        z-index:-1!important;
    }
    .sidebar,
    body.sidebar-open #appSidebar{
        left:auto!important;
        right:12px!important;
        top:64px!important;
        bottom:auto!important;
        width:min(360px, calc(100vw - 24px))!important;
        max-width:min(360px, calc(100vw - 24px))!important;
        height:auto!important;
        max-height:calc(100dvh - 82px)!important;
        z-index:29000!important;
        transform-origin:top right!important;
        border-radius:20px!important;
        background:#fffaf0!important;
        color:#2b1c12!important;
        border:1.5px solid rgba(185,130,54,.34)!important;
        box-shadow:0 24px 70px rgba(43,28,18,.32)!important;
        padding:12px!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
        filter:none!important;
    }
    .sidebar{
        transform:translateY(-8px) scale(.98)!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transition:opacity .14s ease, transform .14s ease, visibility .14s ease!important;
    }
    body.sidebar-open .sidebar,
    body.sidebar-open #appSidebar{
        transform:translateY(0) scale(1)!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }
    .sidebar-admin,.sidebar-agent,.sidebar-seller{
        background:#fffaf0!important;
        color:#2b1c12!important;
    }
    .brand-block{
        min-height:50px!important;
        padding:0 0 10px!important;
        margin:0 0 8px!important;
        border-bottom:1px solid rgba(122,72,31,.14)!important;
    }
    .brand-logo-wrap{width:42px!important;height:42px!important;min-width:42px!important;}
    .brand-logo{width:40px!important;height:40px!important;}
    .brand-block strong{font-size:.98rem!important;line-height:1.1!important;color:#2b1c12!important;}
    .brand-block span{font-size:.74rem!important;color:#7a481f!important;font-weight:850!important;opacity:1!important;}
    .sidebar-mobile-close{
        margin-left:auto!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-height:36px!important;
        padding:8px 11px!important;
        border-radius:999px!important;
        background:#2b1c12!important;
        color:#fff!important;
        border:0!important;
        font-size:.82rem!important;
        font-weight:950!important;
        pointer-events:auto!important;
        touch-action:manipulation!important;
    }
    .side-nav{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:7px!important;
        margin-top:8px!important;
        pointer-events:auto!important;
        touch-action:auto!important;
    }
    .side-nav a{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        min-height:46px!important;
        padding:10px 12px!important;
        border-radius:14px!important;
        background:#fff2dc!important;
        border:1px solid rgba(185,130,54,.22)!important;
        color:#2b1c12!important;
        box-shadow:0 3px 10px rgba(43,28,18,.05)!important;
        text-decoration:none!important;
        transform:none!important;
        position:relative!important;
        z-index:1!important;
        pointer-events:auto!important;
        touch-action:manipulation!important;
        -webkit-user-select:auto!important;
        user-select:auto!important;
        -webkit-tap-highlight-color:rgba(122,72,31,.12)!important;
    }
    .side-nav a span{font-size:.95rem!important;font-weight:950!important;color:#2b1c12!important;line-height:1.12!important;}
    .side-nav a small{font-size:.72rem!important;font-weight:850!important;color:#7a481f!important;opacity:1!important;line-height:1.1!important;}
    .side-nav a.active,.side-nav a:hover,.side-nav a:focus-visible{
        background:#7a481f!important;
        border-color:#7a481f!important;
        color:#fff!important;
        outline:none!important;
    }
    .side-nav a.active span,.side-nav a:hover span,.side-nav a:focus-visible span,
    .side-nav a.active small,.side-nav a:hover small,.side-nav a:focus-visible small{color:#fff!important;}
    body.sidebar-open .chat-widget,
    body.sidebar-open .quick-cart-widget,
    body.sidebar-open .admin-floating-chat-widget,
    body.sidebar-open .quick-cart-backdrop,
    body.sidebar-open .quick-cart-drawer,
    body.sidebar-open .floating-window{
        display:none!important;
        pointer-events:none!important;
        visibility:hidden!important;
    }
}

:root{
    --shadow:0 14px 36px rgba(68,35,10,.11);
    --soft-shadow:0 10px 28px rgba(68,35,10,.09);
    --admin-card:rgba(255,255,255,.075);
}
html,body{width:100%;max-width:100%;overflow-x:hidden!important;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box;min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
body{font-size:15px;line-height:1.5}
h1,h2,h3,h4,.brand-block strong,.side-nav a span{word-break:normal;overflow-wrap:break-word;hyphens:none}
p,small,td,th,label,input,select,textarea,.panel,.glass-panel,.glass-card,.metric-card{word-break:normal;overflow-wrap:break-word}
h1{font-size:clamp(1.8rem,3.2vw,3rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin-bottom:12px!important}
h2{font-size:clamp(1.22rem,1.75vw,1.72rem)!important;line-height:1.12!important;letter-spacing:-.022em!important;margin-bottom:9px!important}
h3{font-size:1rem!important;line-height:1.2!important;letter-spacing:-.01em}.page-header h1,.dashboard-header h1{font-size:clamp(1.75rem,2.6vw,2.55rem)!important}.hero h1,.hero-grid h1{font-size:clamp(2rem,3.7vw,3.35rem)!important}.eyebrow{letter-spacing:.13em;font-size:.7rem!important;margin-bottom:7px!important}.hero-text{font-size:1rem!important}.app-shell{gap:18px!important;padding:18px!important}.content-shell{gap:18px!important}.glass-panel{padding:clamp(18px,2.6vw,32px)!important;border-radius:24px!important}.glass-card,.panel,.metric-card{padding:17px!important;border-radius:20px!important}.dashboard-header{padding:20px!important;border-radius:22px!important}.metric-card strong{font-size:clamp(1.32rem,1.9vw,1.78rem)!important}.btn,button.btn,a.btn{min-height:42px;border-radius:999px;padding:10px 16px;font-weight:850;letter-spacing:-.005em;box-shadow:none}.btn:hover{transform:translateY(-1px)}.btn.tiny{min-height:34px;padding:7px 11px;font-size:.82rem}.button-row{gap:9px}.admin-theme .panel,.admin-theme .metric-card,.admin-theme .dashboard-header,.admin-theme .dark-panel{background:var(--admin-card);border-color:rgba(39,183,255,.14)}.admin-grid.wide-left{grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr)}.table-wrap,.data-table-wrap{width:100%;max-width:100%;overflow-x:auto;border-radius:18px;-webkit-overflow-scrolling:touch}table{table-layout:auto;max-width:100%}th,td{padding:10px 11px;vertical-align:top}td small{display:inline-block;max-width:100%}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border-radius:999px}.batch-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.compact-doc-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.compact-doc-actions .btn{width:auto!important;min-height:36px!important}.order-detail summary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:999px;padding:7px 12px;background:rgba(185,130,54,.15);color:inherit;cursor:pointer}.admin-theme .order-detail summary{background:rgba(39,183,255,.12)}.order-detail[open] summary{margin-bottom:12px}.order-detail-grid{min-width:0!important;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr)!important;gap:13px!important}.order-detail-grid article{border-radius:16px!important}.order-item-list li{align-items:flex-start;flex-wrap:wrap}.order-item-list li strong{max-width:100%}.accounting-positive,.accounting-negative{font-weight:900}.accounting-positive{color:#236b38}.accounting-negative{color:#9c2323}.admin-theme .accounting-positive{color:#8ef0a8}.admin-theme .accounting-negative{color:#ffaaa0}.warm-metrics .metric-card,.metric-grid .metric-card{min-height:104px;display:grid;align-content:center}.quick-cart-drawer,.chat-panel.floating-window,.admin-floating-chat-panel{max-width:calc(100vw - 24px)!important}

@media (min-width:981px){
    .mobile-menu-button,.sidebar-backdrop{display:none!important}.sidebar{pointer-events:auto!important}.product-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.product-grid.compact{grid-template-columns:repeat(5,minmax(160px,1fr))}
}

@media (max-width:1180px){
    .app-shell{grid-template-columns:248px minmax(0,1fr)!important}.batch-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid,.product-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-grid,.admin-grid.wide-left{grid-template-columns:1fr!important}.cart-layout{grid-template-columns:1fr!important}.checkout-card{position:static!important}
}

@media (max-width:980px){
    html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%}.site::before{display:none!important}.app-shell{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:70px 12px 18px!important}.content-shell{width:100%!important;max-width:100%!important;gap:14px!important}.agent-ticker-shell{border-radius:14px!important;margin:0 0 12px!important}.mobile-menu-button{display:inline-flex!important;position:fixed!important;left:auto!important;right:12px!important;top:12px!important;z-index:50000!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;max-width:calc(100vw - 24px)!important;padding:10px 14px!important;border-radius:999px!important;background:#fffaf0!important;color:#4b2813!important;border:1.5px solid rgba(122,72,31,.36)!important;box-shadow:0 10px 24px rgba(43,28,18,.20)!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.mobile-menu-button span{color:inherit!important}.mobile-menu-button .hamburger{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important}.sidebar-backdrop,body.sidebar-open .sidebar-backdrop{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.sidebar,body.sidebar-open #appSidebar{position:fixed!important;left:auto!important;right:12px!important;top:62px!important;bottom:auto!important;width:min(338px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:auto!important;max-height:calc(100dvh - 78px)!important;z-index:49000!important;padding:11px!important;border-radius:18px!important;background:#fffaf0!important;color:#2b1c12!important;border:1.5px solid rgba(185,130,54,.34)!important;box-shadow:0 20px 55px rgba(43,28,18,.30)!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform-origin:top right!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.sidebar{transform:translateY(-7px) scale(.98)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important}body.sidebar-open .sidebar,body.sidebar-open #appSidebar{transform:translateY(0) scale(1)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.sidebar-admin,.sidebar-agent,.sidebar-seller{background:#fffaf0!important;color:#2b1c12!important}.brand-block{display:flex!important;align-items:center!important;gap:9px!important;min-height:46px!important;padding:0 0 9px!important;margin:0 0 8px!important;border-bottom:1px solid rgba(122,72,31,.14)!important}.brand-logo-wrap{width:40px!important;height:40px!important;min-width:40px!important;border-radius:13px!important;background:#fff!important}.brand-logo{width:38px!important;height:38px!important;border-radius:12px!important}.brand-block strong{font-size:.94rem!important;line-height:1.12!important;color:#2b1c12!important}.brand-block span{font-size:.72rem!important;line-height:1.08!important;color:#7a481f!important;opacity:1!important;font-weight:850!important}.sidebar-mobile-close{display:inline-flex!important;margin-left:auto!important;min-height:34px!important;align-items:center!important;justify-content:center!important;padding:7px 10px!important;border-radius:999px!important;background:#2b1c12!important;color:#fff!important;border:0!important;font-size:.78rem!important;font-weight:900!important;pointer-events:auto!important;touch-action:manipulation!important}.side-nav{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:8px!important}.side-nav a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:44px!important;width:100%!important;max-width:100%!important;padding:9px 11px!important;border-radius:13px!important;background:#fff2dc!important;border:1px solid rgba(185,130,54,.22)!important;color:#2b1c12!important;box-shadow:none!important;text-decoration:none!important;transform:none!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(122,72,31,.12)!important}.side-nav a span{font-size:.92rem!important;line-height:1.12!important;font-weight:950!important;color:#2b1c12!important}.side-nav a small{font-size:.69rem!important;line-height:1.1!important;color:#7a481f!important;font-weight:850!important;opacity:1!important;text-align:right!important}.side-nav a.active,.side-nav a:hover,.side-nav a:focus-visible{background:#7a481f!important;border-color:#7a481f!important;color:#fff!important;outline:none!important}.side-nav a.active span,.side-nav a:hover span,.side-nav a:focus-visible span,.side-nav a.active small,.side-nav a:hover small,.side-nav a:focus-visible small{color:#fff!important}.sidebar-note{display:none!important}body.sidebar-open{overflow:hidden!important;touch-action:auto!important}body.sidebar-open .mobile-menu-button{background:#7a481f!important;color:#fff!important;border-color:#7a481f!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}body.sidebar-open .mobile-menu-button .hamburger{font-size:0!important}body.sidebar-open .mobile-menu-button .hamburger::before{content:"×";font-size:1.25rem;line-height:1}.quick-cart-widget,.chat-widget,.admin-floating-chat-widget{right:12px!important;z-index:2200!important}.quick-cart-widget{bottom:14px!important}.chat-widget{bottom:82px!important}body.sidebar-open .chat-widget,body.sidebar-open .quick-cart-widget,body.sidebar-open .admin-floating-chat-widget,body.sidebar-open .quick-cart-backdrop,body.sidebar-open .quick-cart-drawer,body.sidebar-open .floating-window{display:none!important;visibility:hidden!important;pointer-events:none!important}
    h1{font-size:clamp(1.55rem,6.6vw,2.2rem)!important;line-height:1.1!important;letter-spacing:-.025em!important}h2{font-size:clamp(1.13rem,4.6vw,1.48rem)!important;line-height:1.16!important}.page-header h1,.dashboard-header h1,.hero h1,.hero-grid h1{font-size:clamp(1.58rem,6.9vw,2.25rem)!important}.eyebrow{font-size:.66rem!important;letter-spacing:.11em!important}.hero-grid,.value-grid,.metric-grid,.seller-grid,.product-grid,.product-grid.compact,.toolbar,.form-grid,.template-grid,.track-detail-grid,.review-grid,.recipe-grid,.content-teaser-grid,.recipe-columns,.modal-product{grid-template-columns:1fr!important;gap:12px!important}.hero-grid{min-height:0!important}.hero-card{max-width:320px!important;margin-inline:auto!important;transform:none!important}.glass-panel{padding:16px!important;border-radius:18px!important}.glass-card,.panel,.metric-card{padding:14px!important;border-radius:16px!important}.product-card{border-radius:17px!important}.product-body{padding:13px!important}.dashboard-header,.inline-heading{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:start!important}.button-row{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.button-row .btn,.button-row button,.button-row a.btn{width:100%!important;justify-content:center!important}.batch-toolbar{grid-template-columns:1fr!important}input,select,textarea{font-size:16px!important;min-height:44px!important;max-width:100%!important}.cart-row{grid-template-columns:52px minmax(0,1fr)!important}.cart-row .qty-control{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.quick-cart-drawer{width:100vw!important;max-width:100vw!important}.floating-window{width:calc(100vw - 24px)!important;max-height:78dvh!important}.document-page{padding:14px!important;border-radius:14px!important}.document-actions{display:grid!important;grid-template-columns:1fr!important}.admin-live-chat,.admin-live-chat.compact{grid-template-columns:1fr!important}.admin-floating-chat-panel{width:calc(100vw - 24px)!important;min-width:0!important}.order-detail-grid,.compact-detail{grid-template-columns:1fr!important;min-width:0!important;width:100%!important}.order-detail-grid article{padding:12px!important}.order-item-list li{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.order-item-list li span{font-weight:900}
}

@media (max-width:720px){
    .table-wrap,.data-table-wrap{overflow:visible!important;border-radius:0!important}.table-wrap table,.data-table-wrap table{width:100%!important;min-width:0!important;border-collapse:separate!important;border-spacing:0 10px!important;display:block!important}.table-wrap thead,.data-table-wrap thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.table-wrap tbody,.data-table-wrap tbody{display:grid!important;gap:10px!important}.table-wrap tr,.data-table-wrap tr{display:grid!important;width:100%!important;gap:0!important;padding:12px!important;border-radius:16px!important;background:rgba(255,255,255,.62)!important;border:1px solid var(--line)!important;box-shadow:var(--soft-shadow)!important}.admin-theme .table-wrap tr,.admin-theme .data-table-wrap tr{background:rgba(255,255,255,.065)!important;border-color:rgba(39,183,255,.13)!important}.table-wrap td,.data-table-wrap td{display:grid!important;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr)!important;gap:8px!important;align-items:start!important;width:100%!important;max-width:100%!important;padding:7px 0!important;border:0!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}.table-wrap td::before,.data-table-wrap td::before{content:attr(data-label);font-size:.72rem;font-weight:950;letter-spacing:.02em;text-transform:uppercase;color:var(--gold-dark);line-height:1.25}.admin-theme .table-wrap td::before,.admin-theme .data-table-wrap td::before{color:#8be7ff}.table-wrap td[data-label=""],.data-table-wrap td[data-label=""]{grid-template-columns:1fr!important}.table-wrap td[data-label=""]::before,.data-table-wrap td[data-label=""]::before{display:none}.table-wrap td[colspan],.data-table-wrap td[colspan]{grid-template-columns:1fr!important}.table-wrap td[colspan]::before,.data-table-wrap td[colspan]::before{display:none}.table-wrap td form,.data-table-wrap td form{width:100%}.table-wrap td .btn,.data-table-wrap td .btn{width:100%;justify-content:center}.compact-doc-actions{display:grid!important;grid-template-columns:1fr!important}.compact-table tr{box-shadow:none!important;background:rgba(255,255,255,.08)!important}.order-batch-form table td:first-child{justify-items:start}.order-batch-form table td:first-child::before{content:"Select"}.device-bar{grid-template-columns:1fr!important}.email-body-preview{max-width:100%!important}
}

@media (max-width:430px){
    .app-shell{padding-left:10px!important;padding-right:10px!important}.mobile-menu-button{right:10px!important;top:10px!important}.sidebar,body.sidebar-open #appSidebar{right:10px!important;top:60px!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}.glass-panel{padding:14px!important}.table-wrap td,.data-table-wrap td{grid-template-columns:1fr!important}.table-wrap td::before,.data-table-wrap td::before{margin-bottom:2px}.float-action span:not(.float-icon){display:none!important}.side-nav a{min-height:43px!important}.side-nav a small{display:none!important}
}

html, body { max-width:100%; overflow-x:hidden; }
body { font-size:14px; line-height:1.48; }
.app-shell { max-width:1440px; }
main, .content, .page-content, .dashboard-main { min-width:0; }
h1 { font-size:clamp(1.75rem,3.4vw,2.55rem); line-height:1.04; letter-spacing:-.035em; }
h2 { font-size:clamp(1.18rem,2.2vw,1.62rem); line-height:1.12; letter-spacing:-.02em; }
h3 { font-size:1rem; line-height:1.18; }
.page-header h1,.dashboard-header h1,.hero h1,.hero-grid h1 { font-size:clamp(1.85rem,3.8vw,2.7rem); }
.page-header,.dashboard-header { padding:18px 20px; border-radius:20px; }
.dashboard-header p { max-width:72ch; }
.panel,.glass-panel,.glass-card,.metric-card { padding:18px; border-radius:18px; }
.metric-grid { gap:12px; }
.metric-card { min-height:auto; }
.metric-card span { font-size:.72rem; }
.metric-card strong { font-size:clamp(1.15rem,2.5vw,1.72rem); line-height:1.05; }
.btn,button.btn,a.btn { min-height:38px; padding:9px 13px; border-radius:12px; font-size:.86rem; line-height:1.05; }
.btn.tiny,button.btn.tiny,a.btn.tiny { min-height:30px; padding:6px 9px; border-radius:10px; font-size:.76rem; }
.btn.disabled { opacity:.45; pointer-events:none; }
input,select,textarea { min-height:38px; padding:9px 10px; font-size:.9rem; border-radius:12px; }
textarea { min-height:82px; }
label { gap:5px; }
.stacked-form,.mini-form,.settings-form { gap:9px; }
.admin-grid { gap:14px; }
.admin-grid.wide-left { grid-template-columns:minmax(0,1.6fr) minmax(280px,.74fr); }
.inline-heading { gap:12px; margin-bottom:10px; }
.status-badge { padding:6px 9px; border-radius:999px; font-size:.74rem; }
.table-wrap,.data-table-wrap { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
table { font-size:.84rem; }
th,td { padding:8px 9px; vertical-align:top; }
th { font-size:.72rem; letter-spacing:.045em; }
td small, .mini-note, small { font-size:.74rem; line-height:1.25; }
.table-thumb { width:42px; height:42px; border-radius:10px; object-fit:cover; }
.inline-editor summary { min-height:30px; padding:6px 9px; border-radius:10px; font-size:.78rem; }
.compact-doc-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-bottom:7px; }
.admin-action-stack { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:7px 0; }
.admin-action-stack form,.relink-agent-form { margin:0; }
.admin-action-stack .btn { width:100%; justify-content:center; }
.relink-agent-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; align-items:end; margin:10px 0; }
.admin-export-strip { display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding:10px; border-radius:14px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); margin-bottom:10px; }
.admin-export-strip strong { font-size:.82rem; margin-right:4px; }
.batch-toolbar { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)); gap:8px; align-items:end; }
.order-detail-grid { gap:12px; }
.order-detail-grid article { padding:12px; border-radius:14px; }
.admin-pager { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:10px 0; padding:8px 10px; border-radius:14px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); }
.admin-pager span,.admin-pager strong { font-size:.8rem; font-weight:850; }
.admin-pager div { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.product-card h3,.panel h2,.glass-card h2 { overflow-wrap:normal; word-break:normal; hyphens:none; }
td, .status-badge, .btn, .side-nav a span, .side-nav a small { overflow-wrap:anywhere; }

@media (max-width:1180px){
  .admin-grid.wide-left { grid-template-columns:1fr; }
  .batch-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:980px){
  body { font-size:13.6px; }
  .app-shell { width:100%; max-width:100%; padding-left:12px!important; padding-right:12px!important; }
  h1,.page-header h1,.dashboard-header h1,.hero h1,.hero-grid h1 { font-size:clamp(1.45rem,6.2vw,2.05rem)!important; line-height:1.08!important; letter-spacing:-.025em!important; }
  h2 { font-size:clamp(1.05rem,4.2vw,1.34rem)!important; line-height:1.15!important; }
  h3 { font-size:.95rem!important; }
  .page-header,.dashboard-header,.panel,.glass-panel,.glass-card,.metric-card { padding:13px!important; border-radius:15px!important; }
  .metric-grid,.admin-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
  .metric-card strong { font-size:1.13rem!important; }
  .metric-card span { font-size:.66rem!important; }
  .btn,button.btn,a.btn { min-height:38px!important; padding:8px 10px!important; font-size:.82rem!important; }
  .btn.tiny,button.btn.tiny,a.btn.tiny { min-height:32px!important; font-size:.75rem!important; }
  input,select,textarea { min-height:40px!important; font-size:16px!important; padding:8px 10px!important; }
  .admin-export-strip { gap:6px; padding:8px; }
  .admin-export-strip .btn { flex:1 1 calc(50% - 6px); }
  .batch-toolbar { grid-template-columns:1fr!important; }
  .admin-pager { display:grid; grid-template-columns:1fr; justify-items:stretch; }
  .admin-pager div { justify-content:space-between; }
  .admin-action-stack { grid-template-columns:1fr; }
  .relink-agent-form { grid-template-columns:1fr; }
  .compact-doc-actions { grid-template-columns:1fr; }
  .table-wrap,.data-table-wrap { overflow:visible!important; width:100%; }
  .table-wrap tr,.data-table-wrap tr { padding:10px!important; border-radius:13px!important; }
  .table-wrap td,.data-table-wrap td { grid-template-columns:minmax(74px,.34fr) minmax(0,1fr)!important; gap:6px!important; padding:5px 0!important; font-size:.82rem!important; }
  .table-wrap td::before,.data-table-wrap td::before { font-size:.66rem!important; line-height:1.18!important; }
  .table-thumb { width:38px; height:38px; }
  .inline-editor summary { width:100%; justify-content:center; }
  .side-nav a { min-height:40px!important; padding:8px 10px!important; }
  .side-nav a span { font-size:.86rem!important; }
  .side-nav a small { font-size:.65rem!important; }
}

@media (max-width:520px){
  .app-shell { padding-left:9px!important; padding-right:9px!important; }
  .metric-grid,.admin-summary-grid { grid-template-columns:1fr!important; }
  .admin-export-strip .btn { flex-basis:100%; }
  .admin-pager div { display:grid; grid-template-columns:1fr auto 1fr; gap:6px; }
  .table-wrap td,.data-table-wrap td { grid-template-columns:1fr!important; }
  .table-wrap td::before,.data-table-wrap td::before { margin-bottom:1px; }
  .page-header,.dashboard-header,.panel,.glass-panel,.glass-card,.metric-card { padding:11px!important; }
  .sidebar,body.sidebar-open #appSidebar { width:calc(100vw - 18px)!important; max-width:calc(100vw - 18px)!important; right:9px!important; }
}


:root{font-size:14px}
.app-shell{grid-template-columns:232px minmax(0,1fr)!important;gap:12px!important;padding:12px!important;width:100%!important;max-width:100%!important;margin:0!important}.sidebar{top:12px!important;height:calc(100vh - 24px)!important;padding:14px!important;border-radius:20px!important}.content-shell{gap:14px!important;width:100%!important;max-width:100%!important}.side-nav{gap:7px!important;margin-top:14px!important}.side-nav a{padding:9px 10px!important;border-radius:13px!important}.side-nav a span{font-size:.92rem!important}.side-nav a small{font-size:.68rem!important}.sidebar-note{padding:10px!important;font-size:.74rem!important}.brand-block{gap:9px!important;padding-bottom:13px!important}.brand-logo-wrap{width:46px!important;height:46px!important;border-radius:14px!important}.brand-block strong{font-size:.96rem!important}.brand-block span{font-size:.72rem!important}
.glass-panel{padding:clamp(16px,2.2vw,28px)!important;border-radius:22px!important}.glass-card,.panel,.metric-card{padding:13px!important;border-radius:16px!important}.dashboard-header{padding:16px 18px!important;border-radius:18px!important}.dashboard-header h1{font-size:clamp(1.45rem,2.5vw,2.2rem)!important;letter-spacing:-.03em!important;line-height:1.04!important;margin-bottom:8px!important}.dashboard-header p{margin-bottom:0!important}.eyebrow{font-size:.66rem!important;margin-bottom:6px!important;letter-spacing:.13em!important}h1{font-size:clamp(1.7rem,3.2vw,3.2rem)!important;line-height:1.02!important}h2{font-size:clamp(1.1rem,1.8vw,1.62rem)!important;line-height:1.08!important;margin-bottom:10px!important}h3{font-size:.98rem!important;margin-bottom:8px!important}p{line-height:1.48!important}.metric-grid,.value-grid,.seller-grid,.product-grid{gap:10px!important}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.dashboard-widget-grid{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))!important}.metric-card span{font-size:.76rem!important;margin-bottom:5px!important}.metric-card strong{font-size:clamp(1.18rem,1.9vw,1.72rem)!important;line-height:1.02!important}.metric-card small{display:block;color:inherit;opacity:.68;font-weight:700;margin-top:5px;font-size:.72rem}.status-badge{padding:6px 9px!important;font-size:.78rem!important}.btn{padding:8px 12px!important;min-height:36px!important;font-size:.86rem!important}.btn.tiny{padding:6px 9px!important;min-height:30px!important;font-size:.76rem!important}input,select,textarea{padding:9px 10px!important;border-radius:11px!important}textarea{min-height:82px!important}.stacked-form{gap:9px!important;margin-top:10px!important}.admin-grid{gap:12px!important}.wide-left{grid-template-columns:minmax(0,1.7fr) minmax(250px,.58fr)!important}.fullwidth-grid{grid-template-columns:minmax(0,1fr)!important}.compact-heading{margin-bottom:8px!important}.compact-admin-panel{padding:12px!important}.admin-filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;align-items:end;margin:10px 0 12px}.admin-filter-bar label,.batch-toolbar label{display:grid;gap:5px;font-weight:850;color:inherit;font-size:.78rem}.batch-toolbar,.compact-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-items:end}.admin-export-strip,.admin-quick-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.admin-export-strip{padding:8px 0;margin:4px 0 8px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.admin-action-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:6px;margin-top:7px}.admin-action-stack form,.compact-doc-actions .btn{width:100%}.admin-pager{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;font-size:.8rem}.admin-pager>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.admin-pager .disabled{opacity:.45;pointer-events:none}.table-wrap{border-radius:14px}.compact-table th,.compact-table td,th,td{padding:8px 9px!important;font-size:.82rem!important;line-height:1.32!important}.table-thumb{width:42px!important;height:42px!important;border-radius:10px!important}.mini-form{gap:7px!important}.report-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-card-grid>article{padding:10px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.audit-list{display:grid;gap:6px;list-style:none;margin:8px 0 0;padding:0}.audit-list li{display:grid;grid-template-columns:minmax(115px,.6fr) minmax(0,1fr);gap:8px;align-items:start;padding:7px 9px;border-radius:12px;background:rgba(255,255,255,.07);border-left:3px solid rgba(255,255,255,.28)}.audit-list li strong{font-size:.78rem}.audit-list li span{font-size:.78rem;color:#9fb6c9;overflow-wrap:anywhere}.audit-done{border-left-color:#45d483!important}.audit-pending{border-left-color:#ffd36b!important}.audit-warning{border-left-color:#ff7d7d!important}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-weight:900;font-size:.72rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.status-paid,.status-cleared{background:rgba(69,212,131,.15)!important;color:#a8ffd0!important}.status-pending,.status-netcash_pending{background:rgba(255,211,107,.13)!important;color:#ffe7a7!important}.status-failed,.status-cancelled,.status-refunded{background:rgba(255,125,125,.14)!important;color:#ffc1c1!important}.order-detail-grid-wide{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important}.compact-split article{padding:12px!important}.report-split strong{font-size:1.25rem!important}.product-body{padding:12px!important}.product-body h3{font-size:.96rem!important}.product-body p{font-size:.82rem!important}.agent-ticker-shell{padding:7px 0!important;margin-bottom:10px!important}.agent-ticker-track{gap:18px!important}
@media(max-width:1180px){.app-shell{grid-template-columns:214px minmax(0,1fr)!important}.sidebar{padding:12px!important}.side-nav a{padding:8px 9px!important}.side-nav a small{display:none}.report-card-grid{grid-template-columns:1fr!important}}
@media(max-width:980px){:root{font-size:14px}html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.app-shell{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:64px 8px 18px!important}.content-shell{width:100%!important;max-width:100%!important;gap:10px!important}.dashboard-header{padding:13px!important;border-radius:16px!important}.dashboard-header h1,.page-header h1{font-size:clamp(1.45rem,6vw,2rem)!important;line-height:1.08!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}h1{font-size:clamp(1.5rem,6.4vw,2.2rem)!important}h2{font-size:clamp(1.05rem,4.8vw,1.45rem)!important}.glass-panel,.glass-card,.panel,.metric-card{padding:12px!important;border-radius:15px!important}.metric-grid,.dashboard-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.metric-card strong{font-size:1.08rem!important}.metric-card span,.metric-card small{font-size:.68rem!important}.admin-filter-bar,.batch-toolbar,.compact-toolbar,.settings-form,.order-detail-grid,.order-detail-grid-wide{grid-template-columns:1fr!important}.button-row,.admin-quick-actions,.admin-export-strip{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.admin-export-strip .btn,.admin-quick-actions .btn{width:100%!important}.btn{width:100%;justify-content:center;min-height:38px!important}.btn.tiny{min-height:32px!important}.admin-pager{display:grid;grid-template-columns:1fr!important;text-align:center}.admin-pager>div{justify-content:center}.table-wrap,.data-table-wrap{overflow:visible!important;max-width:100%!important}.table-wrap table,.data-table-wrap table{width:100%!important;min-width:0!important;display:block!important;border-spacing:0 8px!important}.table-wrap tr,.data-table-wrap tr{padding:9px!important;border-radius:13px!important;max-width:100%!important}.table-wrap td,.data-table-wrap td{grid-template-columns:minmax(76px,.38fr) minmax(0,1fr)!important;gap:6px!important;padding:5px 0!important;font-size:.78rem!important;overflow-wrap:anywhere!important;word-break:normal!important}.table-wrap td::before,.data-table-wrap td::before{font-size:.65rem!important}.audit-list li{grid-template-columns:1fr!important;gap:2px!important}.mobile-menu-button{right:8px!important;top:8px!important;min-height:40px!important;padding:8px 12px!important;font-size:.84rem!important}.sidebar,body.sidebar-open #appSidebar{right:8px!important;top:54px!important;width:min(310px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important}.side-nav a{min-height:40px!important;padding:8px 10px!important}.side-nav a span{font-size:.86rem!important}.side-nav a small{font-size:.64rem!important}.floating-window,.quick-cart-drawer{width:min(96vw,360px)!important}.report-card-grid{grid-template-columns:1fr!important}.admin-live-chat{grid-template-columns:1fr!important;min-height:0!important}.admin-chat-reply{grid-template-columns:1fr!important}}
@media(max-width:430px){.app-shell{padding-left:6px!important;padding-right:6px!important}.metric-grid,.dashboard-widget-grid{grid-template-columns:1fr!important}.table-wrap td,.data-table-wrap td{grid-template-columns:1fr!important}.table-wrap td::before,.data-table-wrap td::before{margin-bottom:2px}.sidebar,body.sidebar-open #appSidebar{right:6px!important;width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important}}


:root{font-size:13px!important}
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
body{font-size:.94rem!important}
.app-shell{width:100vw!important;max-width:100vw!important;grid-template-columns:216px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;margin:0!important}
.content-shell{width:100%!important;max-width:100%!important;gap:10px!important;min-width:0!important}
.sidebar{top:10px!important;height:calc(100vh - 20px)!important;border-radius:16px!important;padding:12px!important}
.side-nav a{padding:7px 9px!important;border-radius:11px!important;min-height:34px!important}.side-nav a span{font-size:.84rem!important}.side-nav a small{font-size:.58rem!important}.sidebar-note{padding:8px!important;font-size:.68rem!important}.brand-logo-wrap{width:40px!important;height:40px!important}.brand-block strong{font-size:.88rem!important}.brand-block span{font-size:.65rem!important}
h1{font-size:clamp(1.45rem,2.6vw,2.65rem)!important;letter-spacing:-.035em!important}h2{font-size:clamp(1rem,1.55vw,1.35rem)!important}h3{font-size:.9rem!important}.page-header h1,.dashboard-header h1{font-size:clamp(1.32rem,2.25vw,1.9rem)!important}.glass-panel,.glass-card,.panel,.metric-card{padding:10px!important;border-radius:14px!important}.dashboard-header{padding:12px!important;border-radius:14px!important}.eyebrow{font-size:.6rem!important;margin-bottom:4px!important}.status-badge{padding:5px 8px!important;font-size:.7rem!important}.btn{padding:7px 10px!important;min-height:32px!important;font-size:.78rem!important}.btn.tiny{padding:5px 8px!important;min-height:28px!important;font-size:.7rem!important}input,select,textarea{padding:7px 8px!important;border-radius:9px!important;min-height:34px!important;font-size:.88rem!important}textarea{min-height:72px!important}.metric-grid,.value-grid,.seller-grid,.dashboard-widget-grid{gap:8px!important}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important}.metric-card strong{font-size:1.05rem!important}.metric-card span,.metric-card small{font-size:.64rem!important}.admin-grid{gap:9px!important}.wide-left{grid-template-columns:minmax(0,1.9fr) minmax(230px,.48fr)!important}.admin-filter-bar{grid-template-columns:repeat(auto-fit,minmax(126px,1fr))!important;gap:7px!important;margin:7px 0 9px!important}.admin-filter-bar label,.batch-toolbar label{font-size:.7rem!important;gap:4px!important}.admin-pager{padding:6px 8px!important;margin:6px 0!important}.admin-pager span,.admin-pager strong{font-size:.7rem!important}.compact-table th,.compact-table td,th,td{padding:6px 7px!important;font-size:.74rem!important;line-height:1.25!important}.table-thumb{width:34px!important;height:34px!important}.admin-export-strip{padding:6px 0!important;gap:5px!important}.table-wrap{border-radius:11px!important}.inline-heading{gap:8px!important}.stacked-form{gap:7px!important;margin-top:7px!important}.mini-form{gap:5px!important}.report-card-grid{gap:8px!important}.audit-list{gap:4px!important}.audit-list li{padding:5px 7px!important;border-radius:9px!important}.audit-list li strong,.audit-list li span{font-size:.68rem!important}
.shop-header-compact{padding:10px 12px!important}.shop-header-compact p:not(.eyebrow){margin-bottom:0!important;font-size:.82rem!important}.shop-toolbar{grid-template-columns:1.1fr .8fr .8fr!important;gap:8px!important;padding:9px!important}.shop-toolbar label{font-size:.7rem!important;gap:4px!important}.shop-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}.shop-product-grid .product-card{border-radius:13px!important;min-width:0!important}.shop-product-grid .product-card img{aspect-ratio:16/9!important;max-height:96px!important;object-fit:cover!important}.shop-product-grid .favorite-button{width:26px!important;height:26px!important;top:6px!important;right:6px!important;font-size:.8rem!important}.shop-product-grid .product-body{padding:8px!important;display:grid!important;gap:4px!important}.shop-product-grid .pill{padding:3px 6px!important;font-size:.6rem!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-product-grid .product-body small{margin:0!important;font-size:.62rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-product-grid .product-body h3{font-size:.78rem!important;line-height:1.12!important;min-height:1.78em!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:normal!important;word-break:normal!important}.shop-product-grid .product-body p{font-size:.68rem!important;line-height:1.22!important;min-height:2.4em!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-product-grid .price-row{gap:5px!important;margin-top:2px!important}.shop-product-grid .price-row strong{font-size:.82rem!important;white-space:nowrap}.shop-product-grid .price-row .btn{min-height:26px!important;padding:4px 7px!important;font-size:.68rem!important;width:auto!important}.shop-pager{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 0;padding:8px 10px;border-radius:13px;background:rgba(255,255,255,.56);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.76rem;font-weight:850}.shop-pager div{display:flex;gap:6px;align-items:center}.shop-pager button:disabled{opacity:.45;cursor:not-allowed}.shop-empty-message{grid-column:1/-1!important;text-align:center!important;color:var(--muted)!important}
@media(max-width:1180px){.app-shell{grid-template-columns:196px minmax(0,1fr)!important}.shop-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.side-nav a small{display:none!important}}
@media(max-width:980px){:root{font-size:13px!important}.app-shell{display:block!important;width:100%!important;max-width:100%!important;padding:56px 6px 12px!important}.content-shell{gap:8px!important}.shop-toolbar{grid-template-columns:1fr!important}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.shop-product-grid .product-card img{max-height:86px!important}.shop-product-grid .product-body h3{font-size:.74rem!important}.shop-product-grid .product-body p{display:none!important}.shop-pager{display:grid;grid-template-columns:1fr;text-align:center}.shop-pager div{justify-content:center}.metric-grid,.dashboard-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-filter-bar .btn{width:100%!important}.glass-panel,.glass-card,.panel,.metric-card{padding:9px!important}.table-wrap table,.data-table-wrap table{display:block!important;width:100%!important;min-width:0!important}.table-wrap td,.data-table-wrap td{font-size:.7rem!important}.mobile-menu-button{right:6px!important;top:6px!important;left:auto!important}}
@media(max-width:520px){.admin-filter-bar{grid-template-columns:1fr!important}.metric-grid,.dashboard-widget-grid{grid-template-columns:1fr!important}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-product-grid .product-card img{max-height:78px!important}.shop-product-grid .pill{display:none!important}.shop-product-grid .product-body{padding:7px!important}.shop-product-grid .price-row{display:grid!important;grid-template-columns:1fr!important}.shop-product-grid .price-row .btn{width:100%!important}.app-shell{padding-left:5px!important;padding-right:5px!important}.sidebar,body.sidebar-open #appSidebar{right:5px!important;width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important}}

body{font-size:1.02rem!important;line-height:1.54!important}
p,li,dd,dt,label,.panel,.glass-panel,.glass-card,.card,.summary-row,.order-item-list li span,.order-item-list li strong,.audit-list li span,.audit-list li strong{font-size:.96rem!important;line-height:1.45!important}
small,.mini-note,td small,.product-body small,.metric-card small,.quick-cart-row small,.quick-cart-row span{font-size:.78rem!important;line-height:1.32!important}
.btn,button.btn,a.btn{font-size:.84rem!important;line-height:1.14!important}
.btn.tiny,button.btn.tiny,a.btn.tiny{font-size:.76rem!important;line-height:1.12!important}
input,select,textarea{font-size:.96rem!important;line-height:1.25!important}
.status-badge,.status-pill{font-size:.78rem!important;line-height:1.15!important}
th,td,.compact-table th,.compact-table td{font-size:.82rem!important;line-height:1.34!important}
.admin-filter-bar label,.batch-toolbar label,.shop-toolbar label{font-size:.78rem!important;line-height:1.22!important}
.admin-pager span,.admin-pager strong,.shop-pager{font-size:.8rem!important;line-height:1.25!important}
.metric-card span{font-size:.74rem!important;line-height:1.22!important}
.side-nav a small{font-size:.68rem!important;line-height:1.1!important}
.shop-header-compact p:not(.eyebrow){font-size:.9rem!important;line-height:1.38!important}
.shop-product-grid .product-body p{font-size:.74rem!important;line-height:1.28!important}
.shop-product-grid .product-body small{font-size:.68rem!important;line-height:1.18!important}
.shop-product-grid .price-row strong{font-size:.9rem!important;line-height:1.1!important}
.shop-product-grid .price-row .btn{font-size:.72rem!important;line-height:1.1!important}
.table-wrap td::before,.data-table-wrap td::before{font-size:.72rem!important;line-height:1.2!important}
.audit-list li strong,.audit-list li span{font-size:.76rem!important}
@media(max-width:980px){
  body{font-size:1rem!important;line-height:1.52!important}
  p,li,dd,dt,label,.panel,.glass-panel,.glass-card,.summary-row{font-size:.95rem!important;line-height:1.42!important}
  .btn,button.btn,a.btn{font-size:.86rem!important;line-height:1.14!important}
  .btn.tiny,button.btn.tiny,a.btn.tiny{font-size:.78rem!important}
  input,select,textarea{font-size:16px!important;line-height:1.25!important}
  th,td,.compact-table th,.compact-table td,.table-wrap td,.data-table-wrap td{font-size:.8rem!important;line-height:1.32!important}
  small,.mini-note,td small,.product-body small,.metric-card small{font-size:.78rem!important}
  .side-nav a small{font-size:.68rem!important}
  .shop-product-grid .product-body small{font-size:.68rem!important}
  .shop-product-grid .price-row strong{font-size:.88rem!important}
}
@media(max-width:520px){
  body{font-size:.99rem!important}
  .table-wrap td,.data-table-wrap td{font-size:.8rem!important}
  .table-wrap td::before,.data-table-wrap td::before{font-size:.72rem!important}
  .shop-pager{font-size:.8rem!important}
}

body{font-size:1.07rem!important;line-height:1.57!important}
p,li,dd,dt,label,.panel,.glass-panel,.glass-card,.card,.summary-row,.order-item-list li span,.order-item-list li strong,.audit-list li span,.audit-list li strong,.chat-bubble,.chat-line,.sidebar-note{font-size:1rem!important;line-height:1.48!important}
small,.mini-note,td small,.product-body small,.metric-card small,.quick-cart-row small,.quick-cart-row span,.brand-block span{font-size:.84rem!important;line-height:1.34!important}
.btn,button.btn,a.btn{font-size:.92rem!important;line-height:1.16!important}
.btn.tiny,button.btn.tiny,a.btn.tiny{font-size:.82rem!important;line-height:1.14!important}
input,select,textarea{font-size:1rem!important;line-height:1.28!important}
.status-badge,.status-pill,.pill{font-size:.84rem!important;line-height:1.16!important}
th,td,.compact-table th,.compact-table td{font-size:.9rem!important;line-height:1.38!important}
.admin-filter-bar label,.batch-toolbar label,.shop-toolbar label{font-size:.86rem!important;line-height:1.24!important}
.admin-pager span,.admin-pager strong,.shop-pager{font-size:.88rem!important;line-height:1.28!important}
.metric-card span{font-size:.82rem!important;line-height:1.24!important}
.side-nav a span{font-size:.98rem!important;line-height:1.16!important}
.side-nav a small{font-size:.74rem!important;line-height:1.12!important}
.shop-header-compact p:not(.eyebrow){font-size:.96rem!important;line-height:1.42!important}
.shop-product-grid .product-body p{font-size:.8rem!important;line-height:1.32!important}
.shop-product-grid .product-body small{font-size:.74rem!important;line-height:1.22!important}
.shop-product-grid .price-row strong{font-size:.98rem!important;line-height:1.12!important}
.shop-product-grid .price-row .btn{font-size:.78rem!important;line-height:1.12!important}
.table-wrap td::before,.data-table-wrap td::before{font-size:.78rem!important;line-height:1.22!important}
.audit-list li strong,.audit-list li span{font-size:.84rem!important}
@media(max-width:980px){
  body{font-size:1.04rem!important;line-height:1.55!important}
  p,li,dd,dt,label,.panel,.glass-panel,.glass-card,.summary-row,.chat-bubble,.chat-line{font-size:1rem!important;line-height:1.45!important}
  .btn,button.btn,a.btn{font-size:.92rem!important;line-height:1.16!important}
  .btn.tiny,button.btn.tiny,a.btn.tiny{font-size:.84rem!important}
  input,select,textarea{font-size:16px!important;line-height:1.28!important}
  th,td,.compact-table th,.compact-table td,.table-wrap td,.data-table-wrap td{font-size:.88rem!important;line-height:1.36!important}
  small,.mini-note,td small,.product-body small,.metric-card small{font-size:.84rem!important}
  .status-badge,.status-pill,.pill{font-size:.82rem!important}
  .side-nav a span{font-size:.98rem!important}
  .side-nav a small{font-size:.74rem!important}
  .shop-product-grid .product-body small{font-size:.74rem!important}
  .shop-product-grid .price-row strong{font-size:.96rem!important}
  .shop-product-grid .price-row .btn{font-size:.78rem!important}
}
@media(max-width:520px){
  body{font-size:1.03rem!important}
  .table-wrap td,.data-table-wrap td{font-size:.88rem!important}
  .table-wrap td::before,.data-table-wrap td::before{font-size:.78rem!important}
  .shop-pager{font-size:.86rem!important}
}

html, body, .site, .app-shell, .content-shell {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

*, *::before, *::after {
  word-break: normal !important;
  hyphens: none !important;
}

body, p, li, dd, dt, label, td, th, span, small, strong,
.glass-panel, .glass-card, .panel, .metric-card,
.cart-row, .summary-row, .quick-cart-row, .audit-list li,
.table-wrap td, .data-table-wrap td {
  overflow-wrap: break-word !important;
}

button, .btn, a.btn, button.btn,
.pill, .status-badge, .status-pill,
.side-nav a, .side-nav a span, .side-nav a small,
.qty-control button, .quick-cart-qty button,
.admin-action-stack .btn, .compact-doc-actions .btn,
.admin-export-strip .btn, .admin-quick-actions .btn,
.shop-pager .btn, .admin-pager .btn {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
  text-align: center !important;
}

.glass-panel, .glass-card, .panel, .metric-card {
  min-width: 0 !important;
}

.cart-layout {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
  gap: 12px !important;
}

.cart-items { min-width: 0 !important; }

.cart-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: 60px minmax(0, 1fr) max-content !important;
  gap: 10px !important;
  align-items: center !important;
}

.cart-row img {
  width: 56px !important;
  height: 56px !important;
}

.cart-row > div,
.cart-row > div > strong,
.cart-row > div > p,
.cart-row > div > small {
  min-width: 0 !important;
  max-width: 100% !important;
}

.cart-row p { margin-bottom: 3px !important; }

.qty-control {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  min-width: max-content !important;
  max-width: 100% !important;
}

.qty-control strong {
  min-width: 18px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.qty-control button {
  width: auto !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

.qty-control button[data-remove] {
  min-width: 86px !important;
  padding-inline: 14px !important;
}

.quick-cart-qty {
  flex-wrap: wrap !important;
}

.quick-cart-qty button,
.quick-cart-qty .remove {
  width: auto !important;
  min-width: 34px !important;
  padding: 0 10px !important;
  white-space: nowrap !important;
}

@media (max-width: 1023px) {
  .cart-layout {
    grid-template-columns: 1fr !important;
  }
  .checkout-card {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 760px) {
  .cart-row {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    padding: 10px !important;
  }
  .cart-row > .qty-control {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
    margin-top: 4px !important;
  }
  .qty-control button[data-remove] {
    margin-left: auto !important;
    min-width: 92px !important;
  }
  .promo-line,
  .button-row {
    max-width: 100% !important;
  }
}

@media (max-width: 390px) {
  .cart-row {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  .cart-row img {
    width: 46px !important;
    height: 46px !important;
  }
  .cart-row > .qty-control {
    justify-content: space-between !important;
  }
  .qty-control button[data-remove] {
    margin-left: 0 !important;
    min-width: 90px !important;
  }
}

.inline-check {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-direction: row !important;
  font-weight: 700 !important;
}
.inline-check input[type="checkbox"] {
  width: auto !important;
  min-width: 18px !important;
  height: 18px !important;
}
.feature-list {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
}
.feature-list li {
  line-height: 1.45;
}


.selling-price-panel .inline-heading { align-items: center; }
.selling-price-table input[type="number"] { max-width: 120px; }
.selling-price-table td { vertical-align: middle; }
.status-badge.warning { background: rgba(255, 185, 0, .18); color: #8a5a00; border-color: rgba(255, 185, 0, .3); }
.price-rules-note { font-size: .95rem; opacity: .86; }

.agent-portal-hero .inline-form{display:inline-flex;margin:0}.portal-tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 18px}.portal-tabs a{padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid rgba(122,72,31,.16);font-weight:800;color:var(--ink);text-decoration:none}.portal-tabs a.active{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff}.portal-tabs span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.8);color:var(--gold-dark);font-size:.8rem;margin-left:4px}.portal-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.portal-product-card{min-height:100%;display:flex;flex-direction:column}.portal-product-card img{aspect-ratio:1/1;object-fit:contain;background:rgba(255,255,255,.5)}.portal-add-form{display:flex;gap:8px;align-items:center;margin-top:auto}.portal-add-form input{max-width:76px;padding:9px 10px;border-radius:12px;border:1px solid rgba(122,72,31,.18);background:rgba(255,255,255,.82)}.static-cart-items .cart-row{grid-template-columns:72px minmax(0,1fr) 92px auto;align-items:center}.static-cart-items .cart-row input{width:86px;padding:10px;border-radius:14px;border:1px solid rgba(122,72,31,.18);background:rgba(255,255,255,.86)}.order-confirm-card{max-width:850px}.filter-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.filter-toolbar input,.filter-toolbar select{min-height:42px;border-radius:14px;border:1px solid rgba(122,72,31,.18);background:rgba(255,255,255,.82);padding:9px 12px}.pill.hot{background:rgba(185,130,54,.16);color:var(--gold-dark)}
@media(max-width:720px){.portal-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portal-product-card .product-body{padding:10px}.portal-product-card h3{font-size:.98rem}.static-cart-items .cart-row{grid-template-columns:54px minmax(0,1fr);gap:10px}.static-cart-items .cart-row input,.static-cart-items .cart-row strong{margin-left:64px}.portal-tabs a{flex:1 1 auto;text-align:center}}

.status-public{background:rgba(125,188,255,.14)!important;color:#cfe7ff!important}
.status-agent{background:rgba(69,212,131,.14)!important;color:#bfffe0!important}
.status-submitted_to_rina,.status-pending_fulfilment{background:rgba(255,211,107,.13)!important;color:#ffe7a7!important}
.status-completed{background:rgba(69,212,131,.15)!important;color:#a8ffd0!important}
.agent-order-financial-card{margin:10px 0;padding:10px 12px;border-radius:14px;background:rgba(69,212,131,.08);border:1px solid rgba(69,212,131,.18)}
.agent-order-financial-card h3{margin-bottom:5px!important}
.admin-order-table td small{overflow-wrap:anywhere}

.agent-portal-shell {
  border-color: color-mix(in srgb, var(--portal-accent, var(--gold)) 38%, transparent) !important;
  box-shadow: 0 24px 70px rgba(20, 12, 4, .12), inset 0 1px 0 rgba(255,255,255,.5);
}
.agent-portal-shell .btn.primary,
.portal-tabs a.active {
  background: linear-gradient(135deg, var(--portal-accent, var(--gold)), var(--gold-dark)) !important;
}
.agent-portal-brand-row {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.agent-portal-logo {
  width: 88px;
  height: 88px;
  object-fit: contain;
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.7);
  padding: 8px;
}
.portal-banner {
  width: 100%;
  max-height: 220px;
  overflow: hidden;
  border-radius: calc(var(--radius) - 8px);
  margin-bottom: 18px;
}
.portal-banner img {
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  display: block;
}
.agent-contact-strip,
.portal-url-list {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 12px 0;
}
.agent-contact-strip a,
.agent-contact-strip span,
.portal-url-list p {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(122,72,31,.14);
  color: var(--ink);
  text-decoration: none;
  font-weight: 750;
}
.portal-url-list p {
  display: block;
  border-radius: 18px;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.portal-theme-navy {
  background: linear-gradient(135deg, rgba(6,20,38,.94), rgba(13,44,76,.86)) !important;
  color: #f7fbff !important;
}
.portal-theme-navy h1,
.portal-theme-navy p,
.portal-theme-navy .mini-note { color: #f7fbff !important; }
.portal-theme-navy .agent-contact-strip a,
.portal-theme-navy .agent-contact-strip span { color: #f7fbff; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); }
.portal-theme-fresh {
  background: linear-gradient(135deg, rgba(255,255,255,.92), color-mix(in srgb, var(--portal-accent, #4fbf9f) 14%, white)) !important;
}
.agent-portal-error-card {
  border-left: 5px solid var(--portal-accent, var(--gold));
}
.form-grid-two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.stacked-form input[type="color"] {
  min-height: 46px;
  padding: 6px;
}
@media(max-width:720px){
  .agent-portal-brand-row{align-items:flex-start;}
  .agent-portal-logo{width:68px;height:68px;border-radius:18px;}
  .agent-contact-strip a,.agent-contact-strip span{width:100%;justify-content:center;}
  .form-grid-two{grid-template-columns:1fr;}
}

.agent-order-financial-card,
.manual-agent-order-panel,
.order-detail-grid article {
  overflow-wrap: anywhere;
}
.compact-table input[type="number"],
.manual-order-form input[type="number"] {
  max-width: 90px;
}
.status-rina_netcash_pending,
.status-netcash_pending {
  background: rgba(185,130,54,.16);
  border-color: rgba(185,130,54,.32);
  color: #7c4f12;
}
@media (max-width: 860px) {
  .order-detail-grid,
  .order-detail-grid-wide,
  .form-grid.two {
    grid-template-columns: 1fr !important;
  }
  .admin-action-stack,
  .button-row {
    align-items: stretch;
  }
  .admin-action-stack .btn,
  .button-row .btn,
  .button-row button {
    width: 100%;
    justify-content: center;
  }
  .compact-table th,
  .compact-table td {
    padding: .55rem .45rem;
    font-size: .92rem;
  }
  .table-wrap {
    border-radius: 18px;
  }
}


.advanced-plans-grid {
  align-items: stretch;
}
.advanced-plan-card {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  min-height: 100%;
}
.advanced-plan-card .price-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  border-radius: 999px;
  padding: .5rem .9rem;
  background: rgba(185,130,54,.12);
  border: 1px solid rgba(185,130,54,.26);
  font-weight: 850;
  font-size: 1.15rem;
}
.advanced-plan-card form {
  margin-top: auto;
}
.advanced-access-panel {
  border-left: 5px solid var(--gold);
}
.inline-editor .mini-form {
  display: grid;
  gap: .45rem;
  margin-top: .7rem;
}
.inline-editor .mini-form input,
.inline-editor .mini-form select {
  width: 100%;
  min-height: 40px;
}
.status-paid,
.status-manual_paid {
  background: rgba(48,128,82,.14);
  border-color: rgba(48,128,82,.28);
  color: #1f6b42;
}
.status-pending,
.status-inactive {
  background: rgba(185,130,54,.14);
  border-color: rgba(185,130,54,.28);
  color: #7c4f12;
}
.login-helper-row {
  display: flex;
  justify-content: flex-end;
  margin-top: .35rem;
}
@media (max-width: 900px) {
  .advanced-plans-grid.three-cols,
  .admin-grid.three-cols {
    grid-template-columns: 1fr !important;
  }
  .advanced-plan-card .price-tag {
    width: 100%;
  }
}


.locked-metric,
.advanced-locked-card {
  opacity: .92;
}
.locked-metric strong {
  color: var(--muted, #7b6f62);
}
.advanced-locked-card {
  border-style: dashed;
}

.portal-theme-rose{background:linear-gradient(135deg,rgba(255,240,246,.92),rgba(255,255,255,.70))!important}.portal-theme-rose .btn.primary{background:#b83280!important}.portal-theme-forest{background:linear-gradient(135deg,rgba(228,244,234,.92),rgba(255,255,255,.70))!important}.portal-theme-forest .btn.primary{background:#237a48!important}.portal-theme-lavender{background:linear-gradient(135deg,rgba(244,238,255,.92),rgba(255,255,255,.70))!important}.portal-theme-lavender .btn.primary{background:#6f42c1!important}.portal-theme-sunset{background:linear-gradient(135deg,rgba(255,243,210,.92),rgba(255,235,214,.72))!important}.portal-theme-sunset .btn.primary{background:#c05621!important}.portal-theme-mono{background:linear-gradient(135deg,rgba(248,249,250,.96),rgba(255,255,255,.76))!important}.portal-theme-mono .btn.primary{background:#222!important}

.advanced-active-card{border-color:rgba(69,212,131,.34)!important;background:linear-gradient(135deg,rgba(69,212,131,.12),rgba(255,255,255,.06))!important}
.status-badge.success{background:rgba(69,212,131,.16);color:#6ee7a8;border-color:rgba(69,212,131,.38)}

:root{--mobile-nav-h:74px;--mobile-top-h:54px}
.mobile-app-nav{display:none}
.sidebar-mobile-close{display:none}
@media(min-width:981px){.content-shell{max-width:1540px}.dashboard-header.compact-heading,.compact-heading{gap:12px}.admin-filter-bar,.book-filter-bar,.order-filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.admin-filter-bar .btn,.book-filter-bar .btn,.order-filter-bar .btn{width:auto}.report-card-grid,.advanced-plans-grid.three-cols,.admin-grid.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-grid.dashboard-widget-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-grid.shop-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-grid.shop-product-grid .product-card img{max-height:140px}.product-grid.shop-product-grid .product-body{padding:12px}.product-grid.shop-product-grid .product-body h3{min-height:2.1em;margin-bottom:6px}.product-grid.shop-product-grid .product-body p{min-height:2.6em;margin-bottom:6px}.glass-panel{padding:24px!important}.dashboard-header{padding:18px!important}.glass-card,.panel,.metric-card{padding:16px!important}}
@media(max-width:980px){html{scroll-padding-bottom:calc(var(--mobile-nav-h) + 12px)}body.site{background:#f8ead2!important;min-height:100dvh;overflow-x:hidden!important}.site::before{display:none!important}.app-shell{display:block!important;width:100%!important;max-width:100%!important;padding:calc(var(--mobile-top-h) + 6px) 8px calc(var(--mobile-nav-h) + 16px)!important;margin:0!important}.content-shell{display:grid!important;gap:9px!important;width:100%!important;max-width:100%!important}.mobile-menu-button{right:8px!important;top:7px!important;left:auto!important;min-height:38px!important;min-width:38px!important;padding:8px 12px!important;font-size:.86rem!important;z-index:50000!important;background:#fffaf0!important;color:#4b2813!important;border:1px solid rgba(122,72,31,.24)!important;box-shadow:0 8px 22px rgba(43,28,18,.18)!important}.mobile-menu-button span:last-child{display:none!important}.sidebar,body.sidebar-open #appSidebar{top:52px!important;right:8px!important;left:auto!important;width:min(330px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 64px)!important;padding:10px!important;border-radius:18px!important;z-index:49000!important}.brand-block{min-height:42px!important;margin-bottom:7px!important;padding-bottom:8px!important}.brand-logo-wrap{width:36px!important;height:36px!important;min-width:36px!important}.brand-logo{width:34px!important;height:34px!important}.brand-block strong{font-size:.9rem!important}.brand-block span{font-size:.68rem!important}.sidebar-mobile-close{display:inline-flex!important;min-height:32px!important;padding:6px 10px!important;font-size:.74rem!important}.side-nav{gap:6px!important}.side-nav a{min-height:40px!important;padding:8px 10px!important;border-radius:13px!important}.side-nav a span{font-size:.86rem!important}.side-nav a small{font-size:.63rem!important}.mobile-app-nav{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:40000;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:7px;border-radius:22px;background:rgba(255,250,240,.96);border:1px solid rgba(122,72,31,.18);box-shadow:0 16px 42px rgba(43,28,18,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mobile-app-nav a,.mobile-app-nav button{appearance:none;border:0;background:transparent;color:#5a3218;border-radius:16px;min-height:48px;padding:5px 3px;display:grid;place-items:center;align-content:center;gap:1px;text-decoration:none;font:inherit;font-weight:900;line-height:1;touch-action:manipulation}.mobile-app-nav span{font-size:1.02rem;line-height:1}.mobile-app-nav strong{font-size:.63rem;line-height:1.08;letter-spacing:-.02em;white-space:nowrap}.mobile-app-nav a.active,.mobile-app-nav button:active{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff}.agent-ticker-shell{margin:0 0 6px!important;border-radius:13px!important;min-height:30px!important;overflow:hidden!important}.agent-ticker-track{padding:7px 0!important;font-size:.72rem!important}.glass-panel,.glass-card,.panel,.metric-card{padding:10px!important;border-radius:15px!important;box-shadow:0 8px 22px rgba(68,35,10,.09)!important}.dashboard-header{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px!important;border-radius:16px!important}.page-header,.inline-heading,.compact-heading{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-bottom:4px!important}.page-header p,.dashboard-header p,.inline-heading p{margin-bottom:0!important}.eyebrow{font-size:.64rem!important;margin-bottom:4px!important}h1,.page-header h1,.dashboard-header h1{font-size:clamp(1.34rem,5.6vw,1.9rem)!important;line-height:1.05!important;margin-bottom:4px!important;letter-spacing:-.035em!important}h2{font-size:clamp(1.05rem,4.4vw,1.35rem)!important;margin-bottom:5px!important}h3{font-size:.95rem!important;margin-bottom:5px!important}p{line-height:1.35!important}.metric-grid,.dashboard-widget-grid,.value-grid,.seller-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.metric-card{min-height:74px!important;align-content:center!important}.metric-card span{font-size:.66rem!important;margin-bottom:4px!important}.metric-card strong{font-size:1.08rem!important;line-height:1.05!important}.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar,.settings-form,.shop-toolbar,.toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.admin-filter-bar input,.admin-filter-bar select,.book-filter-bar input,.book-filter-bar select,.order-filter-bar input,.order-filter-bar select,.toolbar input,.toolbar select,.shop-toolbar input,.shop-toolbar select{min-height:39px!important;padding:8px 9px!important;border-radius:12px!important}.form-grid,.form-grid-two,.settings-form,.mini-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.form-grid .span-2,.settings-form .span-2,.file-line{grid-column:1/-1!important}input,select,textarea{min-height:40px!important;padding:8px 10px!important;border-radius:12px!important;font-size:16px!important}textarea{min-height:74px!important}.btn,button.btn,a.btn{min-height:38px!important;padding:8px 12px!important;font-size:.84rem!important}.btn.tiny,button.btn.tiny,a.btn.tiny{min-height:31px!important;padding:6px 9px!important;font-size:.74rem!important}.button-row,.row-actions,.admin-quick-actions,.admin-export-strip,.compact-doc-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.button-row .btn,.button-row button,.row-actions .btn,.row-actions button,.admin-quick-actions .btn,.admin-export-strip .btn,.compact-doc-actions .btn{width:100%!important;justify-content:center!important}.product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.product-card,.portal-product-card{border-radius:15px!important;overflow:hidden!important}.product-card img,.portal-product-card img{aspect-ratio:1.08/1!important;max-height:105px!important;object-fit:cover!important}.portal-product-card img{object-fit:contain!important}.product-body{padding:8px!important;display:grid!important;gap:4px!important}.product-body h3{font-size:.82rem!important;line-height:1.12!important;min-height:1.85em!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-body p{font-size:.72rem!important;line-height:1.22!important;min-height:0!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-body small{font-size:.68rem!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-row{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.price-row strong{font-size:.9rem!important}.price-row .btn{width:100%!important;min-height:32px!important}.pill,.status-badge,.status-pill{padding:5px 8px!important;font-size:.72rem!important}.favorite-button{width:30px!important;height:30px!important;top:8px!important;right:8px!important}.cart-layout{grid-template-columns:1fr!important;gap:8px!important}.checkout-card{position:static!important}.cart-row,.static-cart-items .cart-row{grid-template-columns:48px minmax(0,1fr)!important;gap:8px!important;padding:8px!important;border-radius:14px!important}.cart-row img{width:48px!important;height:48px!important}.qty-control,.cart-row>.qty-control{grid-column:1/-1!important;justify-content:space-between!important;width:100%!important}.qty-control button{min-width:32px!important;height:32px!important}.summary-row{padding:7px 0!important}.summary-row.total strong{font-size:1.1rem!important}.table-wrap,.data-table-wrap{overflow:visible!important;border-radius:0!important}.table-wrap table,.data-table-wrap table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important;border-spacing:0 7px!important}.table-wrap thead,.data-table-wrap thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}.table-wrap tbody,.data-table-wrap tbody{display:grid!important;gap:7px!important}.table-wrap tr,.data-table-wrap tr{display:grid!important;width:100%!important;padding:9px!important;border-radius:14px!important;background:rgba(255,255,255,.68)!important;border:1px solid rgba(122,72,31,.14)!important;box-shadow:0 6px 18px rgba(68,35,10,.07)!important}.admin-theme .table-wrap tr,.admin-theme .data-table-wrap tr{background:rgba(255,255,255,.07)!important;border-color:rgba(39,183,255,.16)!important}.table-wrap td,.data-table-wrap td{display:grid!important;grid-template-columns:minmax(88px,.38fr) minmax(0,1fr)!important;gap:6px!important;width:100%!important;padding:5px 0!important;border:0!important;white-space:normal!important;font-size:.82rem!important;overflow-wrap:anywhere!important}.table-wrap td::before,.data-table-wrap td::before{content:attr(data-label);font-size:.66rem!important;font-weight:950;text-transform:uppercase;color:var(--gold-dark);line-height:1.18}.admin-theme .table-wrap td::before,.admin-theme .data-table-wrap td::before{color:#8be7ff}.table-wrap td[data-label=""],.data-table-wrap td[data-label=""],.table-wrap td[colspan],.data-table-wrap td[colspan]{grid-template-columns:1fr!important}.table-wrap td[data-label=""]::before,.data-table-wrap td[data-label=""]::before,.table-wrap td[colspan]::before,.data-table-wrap td[colspan]::before{display:none!important}.table-wrap td .btn,.data-table-wrap td .btn{width:100%!important}.order-detail summary{width:100%;min-height:34px!important}.order-detail-grid,.order-detail-grid-wide,.admin-live-chat,.report-card-grid,.advanced-plans-grid,.advanced-plans-grid.three-cols,.admin-grid,.admin-grid.three-cols{grid-template-columns:1fr!important;gap:8px!important;min-width:0!important}.order-detail-grid article{padding:9px!important;border-radius:14px!important}.order-item-list{gap:5px!important}.order-item-list li{padding:7px 8px!important;border-radius:12px!important}.admin-chat-log.live,.chat-session-list{max-height:48dvh!important;min-height:180px!important}.chat-widget{right:64px!important;bottom:calc(var(--mobile-nav-h) + 13px)!important}.quick-cart-widget,.admin-floating-chat-widget{right:10px!important;bottom:calc(var(--mobile-nav-h) + 13px)!important}.float-action{min-height:42px!important;padding:10px 12px!important}.float-action span:not(.float-icon){display:none!important}.quick-cart-drawer{width:100vw!important;max-width:100vw!important;border-radius:20px 20px 0 0!important;top:auto!important;height:min(76dvh,620px)!important}.quick-cart-head{padding:12px!important}.quick-cart-items{padding:10px!important}.quick-cart-summary{padding:10px 12px!important}.chat-panel.floating-window,.admin-floating-chat-panel{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;right:8px!important;height:min(70dvh,540px)!important;max-height:min(70dvh,540px)!important}.modal{align-items:end!important;padding:8px!important}.modal-card{max-height:88dvh!important;overflow:auto!important;border-radius:20px!important;padding:14px!important}.modal-product{grid-template-columns:1fr!important;gap:10px!important}.modal-product img{max-height:190px!important;object-fit:contain}.agent-portal-brand-row{gap:10px!important}.agent-portal-logo{width:58px!important;height:58px!important;border-radius:16px!important}.portal-banner{max-height:140px!important;margin-bottom:10px!important}.portal-banner img{min-height:110px!important}.portal-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:9px!important}.portal-tabs a{padding:8px 9px!important;text-align:center!important}.agent-contact-strip{gap:6px!important}.agent-contact-strip a,.agent-contact-strip span{width:100%!important;justify-content:center!important;padding:7px 9px!important}.manual-agent-order-panel .compact-table input[type="number"],.compact-table input[type="number"],.selling-price-table input[type="number"]{max-width:100%!important;width:100%!important}.admin-pager,.shop-pager{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;text-align:center!important;padding:7px!important}.shop-pager div,.admin-pager div{justify-content:center!important}.login-panel,.auth-form{max-width:100%!important}}
@media(max-width:430px){.app-shell{padding-left:6px!important;padding-right:6px!important}.metric-grid,.dashboard-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.form-grid,.form-grid-two,.settings-form,.mini-form,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar,.toolbar,.shop-toolbar{grid-template-columns:1fr!important}.button-row,.row-actions,.admin-quick-actions,.admin-export-strip,.compact-doc-actions{grid-template-columns:1fr!important}.mobile-app-nav{left:6px;right:6px;padding:6px;border-radius:20px}.mobile-app-nav a,.mobile-app-nav button{min-height:45px}.mobile-app-nav strong{font-size:.58rem}.table-wrap td,.data-table-wrap td{grid-template-columns:1fr!important;gap:2px!important}.product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{gap:6px!important}.product-card img,.portal-product-card img{max-height:92px!important}.product-body{padding:7px!important}.product-body p{display:none!important}.quick-cart-widget,.admin-floating-chat-widget{right:8px!important}.chat-widget{right:58px!important}.sidebar,body.sidebar-open #appSidebar{right:6px!important;width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important}}
@media(max-width:360px){.mobile-app-nav strong{display:none}.mobile-app-nav a,.mobile-app-nav button{min-height:42px}.metric-grid,.dashboard-widget-grid{grid-template-columns:1fr!important}.product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{grid-template-columns:1fr!important}.product-card img,.portal-product-card img{max-height:130px!important}}

/* zip66 desktop app polish */
.desktop-command-bar{display:none}
@media(min-width:981px){
  :root{
    --desktop-sidebar:286px;
    --desktop-gap:22px;
    --surface:rgba(255,255,255,.74);
    --surface-strong:rgba(255,255,255,.88);
    --soft-shadow:0 18px 46px rgba(58,33,13,.12);
    --soft-shadow-hover:0 24px 62px rgba(58,33,13,.17);
  }
  html{scroll-behavior:smooth;scroll-padding-top:96px}
  body.site{background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.92),transparent 34rem),
    radial-gradient(circle at 88% 18%,rgba(185,130,54,.20),transparent 30rem),
    linear-gradient(135deg,#fff2dc 0%,#efd1a4 52%,#d9a86b 100%)!important}
  body.site.admin-theme{background:
    radial-gradient(circle at 12% 0%,rgba(39,183,255,.18),transparent 34rem),
    radial-gradient(circle at 88% 18%,rgba(139,231,255,.12),transparent 30rem),
    linear-gradient(135deg,#061426 0%,#0d2947 58%,#071421 100%)!important}
  .app-shell{grid-template-columns:var(--desktop-sidebar) minmax(0,1fr)!important;gap:var(--desktop-gap)!important;max-width:1700px!important;padding:22px!important;align-items:start!important}
  .content-shell{gap:18px!important;max-width:100%!important;min-width:0!important}
  .sidebar{height:calc(100vh - 44px)!important;top:22px!important;border-radius:30px!important;padding:18px!important;box-shadow:0 24px 70px rgba(40,20,8,.20)!important;border:1px solid rgba(255,255,255,.28)!important;background:linear-gradient(180deg,rgba(94,56,26,.82),rgba(58,31,14,.76))!important;overflow-y:auto!important;scrollbar-width:thin!important}
  .sidebar-admin{background:linear-gradient(180deg,rgba(8,26,48,.96),rgba(3,12,24,.96))!important;border-color:rgba(39,183,255,.20)!important}
  .sidebar-agent,.sidebar-seller{background:linear-gradient(180deg,rgba(101,58,25,.86),rgba(62,33,14,.78))!important}
  .brand-block{position:sticky;top:0;z-index:2;padding:0 0 16px!important;margin-bottom:12px;background:linear-gradient(180deg,rgba(66,37,17,.80),rgba(66,37,17,.32),transparent)!important;border-radius:20px 20px 0 0!important}
  .sidebar-admin .brand-block{background:linear-gradient(180deg,rgba(5,19,38,.94),rgba(5,19,38,.38),transparent)!important}
  .brand-logo-wrap{width:58px!important;height:58px!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  .brand-logo{width:54px!important;height:54px!important;object-fit:contain!important;border-radius:18px!important}
  .side-nav{gap:7px!important;margin-top:8px!important}
  .side-nav a{min-height:46px!important;border-radius:17px!important;padding:10px 12px!important;background:rgba(255,255,255,.085)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;transform:none!important;position:relative!important;overflow:hidden!important}
  .side-nav a::before{content:"";position:absolute;inset:8px auto 8px 8px;width:4px;border-radius:99px;background:transparent;transition:.18s ease}
  .side-nav a span{font-size:.94rem!important;font-weight:900!important;letter-spacing:-.01em!important}
  .side-nav a small{font-size:.70rem!important;font-weight:800!important;opacity:.66!important}
  .side-nav a:hover{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.18)!important;transform:translateX(2px)!important}
  .side-nav a.active{background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.12))!important;border-color:rgba(255,255,255,.30)!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
  .side-nav a.active::before{background:#fff2d5!important}
  .sidebar-admin .side-nav a.active::before{background:#27b7ff!important}
  .sidebar-note{border-radius:20px!important;padding:14px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.10)!important;font-size:.78rem!important}
  .desktop-command-bar{position:sticky;top:22px;z-index:28;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:24px;background:rgba(255,250,240,.82);border:1px solid rgba(122,72,31,.16);box-shadow:0 14px 38px rgba(58,33,13,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .admin-theme .desktop-command-bar{background:rgba(6,20,38,.80);border-color:rgba(39,183,255,.18);box-shadow:0 16px 44px rgba(0,0,0,.22)}
  .command-copy{display:grid;gap:2px;min-width:210px}
  .command-copy strong{font-size:.95rem;font-weight:950;letter-spacing:-.015em;color:var(--ink)}
  .command-copy span{font-size:.78rem;font-weight:750;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:460px}
  .admin-theme .command-copy strong{color:#eaf7ff}.admin-theme .command-copy span{color:#9fb6c9}
  .command-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
  .command-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border-radius:999px;font-size:.82rem;font-weight:900;border:1px solid rgba(122,72,31,.14);background:rgba(255,255,255,.56);color:var(--gold-dark);transition:.18s ease;white-space:nowrap}
  .command-actions a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(58,33,13,.10);background:#fff}
  .command-actions a.active{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(122,72,31,.22)}
  .admin-theme .command-actions a{background:rgba(255,255,255,.08);border-color:rgba(39,183,255,.16);color:#dff6ff}
  .admin-theme .command-actions a.active{background:linear-gradient(135deg,#27b7ff,#126da4);color:#061426}
  .agent-ticker-shell{margin:0!important;border-radius:20px!important;box-shadow:var(--soft-shadow)!important;background:rgba(255,250,240,.56)!important;border:1px solid rgba(122,72,31,.12)!important}
  .admin-theme .agent-ticker-shell{background:rgba(255,255,255,.045)!important;border-color:rgba(39,183,255,.13)!important}
  .glass-panel,.glass-card,.panel,.metric-card,.product-card{border-color:rgba(122,72,31,.12)!important;box-shadow:var(--soft-shadow)!important;background:var(--surface)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
  .admin-theme .glass-panel,.admin-theme .glass-card,.admin-theme .panel,.admin-theme .metric-card,.admin-theme .dashboard-header,.admin-theme .dark-panel{background:rgba(255,255,255,.065)!important;border-color:rgba(39,183,255,.14)!important;box-shadow:0 18px 46px rgba(0,0,0,.22)!important}
  .glass-panel{border-radius:30px!important;padding:26px!important}
  .dashboard-header{border-radius:28px!important;padding:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,.58))!important;border:1px solid rgba(122,72,31,.12)!important;box-shadow:var(--soft-shadow)!important}
  .page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;min-height:0!important}
  .page-header>*{min-width:0}.page-header p{max-width:760px;margin-bottom:0!important}
  .page-header .button-row{margin-left:auto;justify-content:flex-end;flex-shrink:0}
  h1,.page-header h1,.dashboard-header h1{font-size:clamp(2rem,3vw,3.2rem)!important;letter-spacing:-.052em!important;margin-bottom:8px!important}
  h2{font-size:clamp(1.34rem,1.72vw,2.05rem)!important}.eyebrow{letter-spacing:.18em!important;font-size:.70rem!important}
  p{line-height:1.55!important}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,420px)!important;min-height:440px!important}
  .hero-card{max-width:420px;margin-left:auto;box-shadow:var(--soft-shadow-hover)!important}.hero-card:hover{transform:rotate(0deg) translateY(-3px)}
  .metric-grid,.value-grid,.seller-grid{gap:14px!important}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.metric-card{min-height:126px;display:grid;align-content:space-between;transition:.18s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--soft-shadow-hover)!important}.metric-card span{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.metric-card strong{font-size:clamp(1.55rem,2vw,2.25rem)!important;letter-spacing:-.04em}
  .admin-grid{gap:16px!important;align-items:start}.admin-grid.wide-left{grid-template-columns:minmax(0,1.75fr) minmax(320px,.65fr)!important}.admin-grid.fullwidth-grid{grid-template-columns:1fr!important}.admin-grid.three-cols,.advanced-plans-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))!important}.report-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .toolbar,.shop-toolbar,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;border-radius:22px!important;background:rgba(255,255,255,.45)!important;border:1px solid rgba(122,72,31,.11)!important;box-shadow:0 12px 30px rgba(58,33,13,.07)!important;align-items:end!important}
  .admin-theme .toolbar,.admin-theme .shop-toolbar,.admin-theme .admin-filter-bar,.admin-theme .book-filter-bar,.admin-theme .order-filter-bar,.admin-theme .batch-toolbar{background:rgba(255,255,255,.045)!important;border-color:rgba(39,183,255,.13)!important}
  label{letter-spacing:-.01em}.toolbar label,.stacked-form label,.settings-form label{font-size:.82rem!important;font-weight:900!important;color:var(--muted)!important}.admin-theme .toolbar label,.admin-theme .stacked-form label,.admin-theme .settings-form label{color:#9fb6c9!important}
  input,select,textarea{border-radius:15px!important;min-height:44px!important;background:rgba(255,255,255,.78)!important;border-color:rgba(122,72,31,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
  input:focus,select:focus,textarea:focus{border-color:rgba(185,130,54,.55)!important;box-shadow:0 0 0 4px rgba(185,130,54,.14)!important;background:#fff!important}
  .admin-theme input,.admin-theme select,.admin-theme textarea{background:rgba(255,255,255,.09)!important;border-color:rgba(39,183,255,.18)!important;color:#eaf7ff!important}.admin-theme input:focus,.admin-theme select:focus,.admin-theme textarea:focus{border-color:rgba(39,183,255,.58)!important;box-shadow:0 0 0 4px rgba(39,183,255,.12)!important;background:rgba(255,255,255,.13)!important}
  .btn{min-height:42px!important;padding:10px 16px!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(58,33,13,.08);white-space:nowrap}.btn.primary{box-shadow:0 12px 28px rgba(122,72,31,.18)}.btn.secondary{background:rgba(255,255,255,.74)!important}.btn:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(58,33,13,.14)}
  .product-grid,.product-grid.compact,.product-grid.shop-product-grid{gap:14px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.product-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))!important}.product-card{border-radius:24px!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.product-card:hover{transform:translateY(-4px)!important;box-shadow:var(--soft-shadow-hover)!important;border-color:rgba(185,130,54,.24)!important}.product-card img{aspect-ratio:1.12/1!important;max-height:180px!important;object-fit:cover!important}.product-grid.compact .product-card img,.shop-product-grid .product-card img{max-height:154px!important}.product-body{padding:14px!important;display:grid;gap:7px}.product-body h3{font-size:1.02rem!important;line-height:1.16!important;margin:0!important;min-height:2.32em!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-body p{font-size:.86rem!important;line-height:1.38!important;min-height:2.4em!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-body small{margin:0!important}.price-row{margin-top:auto}.favorite-button{box-shadow:0 8px 20px rgba(58,33,13,.12)}
  .cart-layout{grid-template-columns:minmax(0,1fr) 385px!important;gap:16px!important}.checkout-card{top:98px!important;border-radius:28px!important}.cart-row{border-radius:20px!important;background:rgba(255,255,255,.64)!important;border:1px solid rgba(122,72,31,.10);box-shadow:0 10px 24px rgba(58,33,13,.06)}.cart-row img{border-radius:16px!important}.summary-row.total{font-size:1.06rem}
  .table-wrap,.data-table-wrap{border-radius:24px!important;background:rgba(255,255,255,.38)!important;border:1px solid rgba(122,72,31,.10);box-shadow:0 14px 34px rgba(58,33,13,.07);overflow:auto!important}.admin-theme .table-wrap,.admin-theme .data-table-wrap{background:rgba(255,255,255,.035)!important;border-color:rgba(39,183,255,.12)!important}.compact-table,table{border-collapse:separate!important;border-spacing:0!important;min-width:780px}th{position:sticky;top:0;z-index:3;background:rgba(122,72,31,.08)!important;color:var(--gold-dark);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;font-weight:950}.admin-theme th{background:rgba(39,183,255,.10)!important;color:#8be7ff}th:first-child{border-top-left-radius:18px}th:last-child{border-top-right-radius:18px}td,th{padding:11px 12px!important;border-bottom:1px solid rgba(122,72,31,.08)!important}.admin-theme td,.admin-theme th{border-bottom-color:rgba(255,255,255,.08)!important}tbody tr{transition:background .16s ease}tbody tr:hover{background:rgba(255,255,255,.42)}.admin-theme tbody tr:hover{background:rgba(39,183,255,.055)}
  .order-detail-grid{min-width:0!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important}.order-detail-grid article{border-radius:20px!important;background:rgba(255,255,255,.08)!important}.order-item-list li{border-radius:15px!important}
  .login-panel,.auth-form{max-width:760px!important;margin-inline:auto}.login-panel{padding:34px!important}.modal-card{border-radius:30px!important}.modal-product{grid-template-columns:320px 1fr!important}.modal-product img{max-height:360px;object-fit:cover}.quick-cart-drawer{border-radius:30px 0 0 30px!important}.chat-panel.floating-window,.admin-floating-chat-panel{border-radius:28px!important}
  .portal-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.portal-product-card{border-radius:24px!important;box-shadow:var(--soft-shadow)!important;transition:.18s ease}.portal-product-card:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow-hover)!important}.agent-portal-hero{padding:30px!important}.portal-tabs{position:sticky;top:90px;z-index:10;background:rgba(255,250,240,.82);backdrop-filter:blur(14px);border-radius:999px;padding:8px;border:1px solid rgba(122,72,31,.12);box-shadow:0 12px 26px rgba(58,33,13,.08)}
}
@media(min-width:1280px){
  .product-grid.shop-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .product-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .metric-grid.dashboard-widget-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .admin-grid.wide-left{grid-template-columns:minmax(0,1.9fr) minmax(340px,.62fr)!important}
}
@media(min-width:1560px){
  .product-grid.shop-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .value-grid,.seller-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:980px){.desktop-command-bar{display:none!important}}
@media print{.desktop-command-bar{display:none!important}}

/* zip67: admin mobile colour scheme fix */
@media (max-width:980px){
  body.site.admin-theme{
    background:
      radial-gradient(circle at 12% 0%, rgba(39,183,255,.16), transparent 18rem),
      linear-gradient(160deg,#061426 0%,#0a1d36 54%,#08233f 100%)!important;
    color:#eaf7ff!important;
  }
  body.site.admin-theme::before,
  body.site.admin-theme .site::before{display:none!important}
  body.site.admin-theme .content-shell{color:#eaf7ff!important}
  body.site.admin-theme h1,
  body.site.admin-theme h2,
  body.site.admin-theme h3,
  body.site.admin-theme strong,
  body.site.admin-theme label{color:#f3fbff!important}
  body.site.admin-theme p,
  body.site.admin-theme small,
  body.site.admin-theme .mini-note,
  body.site.admin-theme .dashboard-header p,
  body.site.admin-theme .page-header p{color:#b9d1e4!important}
  body.site.admin-theme .eyebrow{color:#8be7ff!important}

  body.site.admin-theme .mobile-menu-button{
    background:linear-gradient(135deg,#0b2e52,#126da4)!important;
    color:#f3fbff!important;
    border:1px solid rgba(139,231,255,.34)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.34)!important;
  }
  body.site.admin-theme.sidebar-open .mobile-menu-button{
    background:#8be7ff!important;
    color:#061426!important;
    border-color:#8be7ff!important;
  }
  body.site.admin-theme .sidebar,
  body.site.admin-theme .sidebar-admin,
  body.site.admin-theme.sidebar-open #appSidebar{
    background:linear-gradient(180deg,#071a30 0%,#0a2542 100%)!important;
    color:#eaf7ff!important;
    border:1px solid rgba(139,231,255,.22)!important;
    box-shadow:0 22px 58px rgba(0,0,0,.42)!important;
  }
  body.site.admin-theme .brand-block{
    border-bottom-color:rgba(139,231,255,.16)!important;
  }
  body.site.admin-theme .brand-logo-wrap{
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(139,231,255,.18)!important;
  }
  body.site.admin-theme .brand-block strong{color:#f3fbff!important}
  body.site.admin-theme .brand-block span{color:#8be7ff!important}
  body.site.admin-theme .sidebar-mobile-close{
    background:#8be7ff!important;
    color:#061426!important;
  }
  body.site.admin-theme .side-nav a{
    background:rgba(255,255,255,.07)!important;
    border-color:rgba(139,231,255,.14)!important;
    color:#eaf7ff!important;
  }
  body.site.admin-theme .side-nav a span{color:#f3fbff!important}
  body.site.admin-theme .side-nav a small{color:#9fcce5!important}
  body.site.admin-theme .side-nav a.active,
  body.site.admin-theme .side-nav a:hover,
  body.site.admin-theme .side-nav a:focus-visible{
    background:linear-gradient(135deg,#27b7ff,#126da4)!important;
    border-color:rgba(139,231,255,.75)!important;
    color:#061426!important;
  }
  body.site.admin-theme .side-nav a.active span,
  body.site.admin-theme .side-nav a:hover span,
  body.site.admin-theme .side-nav a:focus-visible span,
  body.site.admin-theme .side-nav a.active small,
  body.site.admin-theme .side-nav a:hover small,
  body.site.admin-theme .side-nav a:focus-visible small{
    color:#061426!important;
  }

  body.site.admin-theme .mobile-app-nav{
    background:rgba(5,20,38,.96)!important;
    border-color:rgba(139,231,255,.20)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.46)!important;
  }
  body.site.admin-theme .mobile-app-nav a,
  body.site.admin-theme .mobile-app-nav button{
    color:#cfe9f7!important;
  }
  body.site.admin-theme .mobile-app-nav a.active,
  body.site.admin-theme .mobile-app-nav button:active{
    background:linear-gradient(135deg,#27b7ff,#8be7ff)!important;
    color:#061426!important;
  }

  body.site.admin-theme .dashboard-header,
  body.site.admin-theme .page-header,
  body.site.admin-theme .glass-panel,
  body.site.admin-theme .glass-card,
  body.site.admin-theme .panel,
  body.site.admin-theme .metric-card,
  body.site.admin-theme .dark-panel{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(139,231,255,.16)!important;
    color:#eaf7ff!important;
    box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  }
  body.site.admin-theme .dashboard-header,
  body.site.admin-theme .page-header{
    background:linear-gradient(135deg,rgba(39,183,255,.12),rgba(255,255,255,.055))!important;
  }
  body.site.admin-theme .metric-card span{color:#98c6de!important}
  body.site.admin-theme .metric-card strong{color:#ffffff!important}
  body.site.admin-theme .status-badge,
  body.site.admin-theme .pill{
    background:rgba(39,183,255,.13)!important;
    border-color:rgba(139,231,255,.28)!important;
    color:#dff6ff!important;
  }

  body.site.admin-theme input,
  body.site.admin-theme select,
  body.site.admin-theme textarea{
    background:#f7fbff!important;
    color:#061426!important;
    border-color:rgba(139,231,255,.32)!important;
    box-shadow:none!important;
  }
  body.site.admin-theme input::placeholder,
  body.site.admin-theme textarea::placeholder{color:#5d7285!important}
  body.site.admin-theme input:focus,
  body.site.admin-theme select:focus,
  body.site.admin-theme textarea:focus{
    border-color:#8be7ff!important;
    box-shadow:0 0 0 4px rgba(39,183,255,.18)!important;
  }
  body.site.admin-theme .btn.secondary,
  body.site.admin-theme a.btn.secondary,
  body.site.admin-theme button.btn.secondary{
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(139,231,255,.20)!important;
    color:#eaf7ff!important;
  }
  body.site.admin-theme .btn.primary,
  body.site.admin-theme button.btn.primary,
  body.site.admin-theme a.btn.primary{
    background:linear-gradient(135deg,#27b7ff,#126da4)!important;
    color:#061426!important;
    box-shadow:0 10px 24px rgba(0,0,0,.26)!important;
  }
  body.site.admin-theme .btn.tiny,
  body.site.admin-theme button.btn.tiny,
  body.site.admin-theme a.btn.tiny{
    background:rgba(39,183,255,.16)!important;
    color:#eaf7ff!important;
    border:1px solid rgba(139,231,255,.18)!important;
  }

  body.site.admin-theme .table-wrap,
  body.site.admin-theme .data-table-wrap{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  body.site.admin-theme .table-wrap tr,
  body.site.admin-theme .data-table-wrap tr{
    background:rgba(255,255,255,.085)!important;
    border-color:rgba(139,231,255,.16)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
  }
  body.site.admin-theme .table-wrap td,
  body.site.admin-theme .data-table-wrap td{
    color:#eaf7ff!important;
  }
  body.site.admin-theme .table-wrap td::before,
  body.site.admin-theme .data-table-wrap td::before{
    color:#8be7ff!important;
  }
  body.site.admin-theme .table-wrap td small,
  body.site.admin-theme .data-table-wrap td small{color:#a8c9dc!important}

  body.site.admin-theme .agent-ticker-shell{
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(139,231,255,.14)!important;
    color:#dff6ff!important;
  }
  body.site.admin-theme .agent-ticker-title,
  body.site.admin-theme .agent-ticker-item,
  body.site.admin-theme .agent-ticker-praise{color:#dff6ff!important}
}


/* zip68: desktop + mobile UI readability polish */
:root{
  --zip68-radius:24px;
  --zip68-card-shadow:0 18px 50px rgba(58,33,13,.11);
  --zip68-card-shadow-hover:0 24px 70px rgba(58,33,13,.16);
}

/* Stop words/sentences from being chopped inside cards, buttons and dashboard blocks. */
html,body,.site,.app-shell,.content-shell,
h1,h2,h3,h4,h5,h6,p,small,strong,span,label,a,button,.btn,
.glass-panel,.glass-card,.panel,.metric-card,.dashboard-header,
.product-card,.product-body,.cart-row,.status-badge,.pill,
.side-nav a,.side-nav a span,.table-wrap td,.data-table-wrap td{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:manual!important;
}

/* Only technical strings may break, and only when they must. */
code,pre,.portal-url-list p,.email-body-preview,.document-meta,.invoice-info-card,.invoice-note-box,
.reference-value,.order-number,.payment-reference,.tracking-reference{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

h1,h2,h3,.dashboard-header strong,.page-header strong,.inline-heading strong{
  text-wrap:balance;
}
p,.hero-text,.page-header p,.dashboard-header p,.product-body p,.glass-card p,.panel p{
  text-wrap:pretty;
}

.btn,.pill,.status-badge,.side-nav a span,.mobile-app-nav strong{
  white-space:normal!important;
  line-height:1.15!important;
}

/* Desktop app-like refinements */
@media (min-width:981px){
  body.site{
    background:
      radial-gradient(circle at 15% 0%, rgba(255,255,255,.80), transparent 32rem),
      radial-gradient(circle at 100% 18%, rgba(185,130,54,.18), transparent 34rem),
      linear-gradient(135deg,#fbefd9 0%,#e3bf8d 100%)!important;
  }
  body.site.admin-theme{
    background:
      radial-gradient(circle at 15% 0%, rgba(39,183,255,.18), transparent 34rem),
      radial-gradient(circle at 100% 16%, rgba(139,231,255,.10), transparent 34rem),
      linear-gradient(135deg,#061426 0%,#0a2440 100%)!important;
  }
  .app-shell{
    grid-template-columns:300px minmax(0,1fr)!important;
    gap:22px!important;
    padding:22px!important;
    max-width:1840px!important;
    margin:0 auto!important;
  }
  .sidebar{
    border-radius:30px!important;
    box-shadow:var(--zip68-card-shadow)!important;
  }
  .side-nav a{
    min-height:48px!important;
    padding:12px 14px!important;
    gap:10px!important;
  }
  .side-nav a span{
    min-width:0!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .side-nav a small{
    flex:0 0 auto!important;
  }
  .content-shell{
    gap:20px!important;
    max-width:1500px!important;
  }
  .glass-panel,.glass-card,.panel,.metric-card,.dashboard-header,.product-card{
    border-radius:var(--zip68-radius)!important;
    box-shadow:var(--zip68-card-shadow)!important;
  }
  .glass-panel{
    padding:28px!important;
  }
  .dashboard-header{
    padding:22px 24px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  h1,.page-header h1,.dashboard-header h1{
    font-size:clamp(2.15rem,3.8vw,4rem)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    max-width:16ch;
  }
  h2{
    font-size:clamp(1.45rem,2.1vw,2.25rem)!important;
    line-height:1.06!important;
  }
  h3{
    line-height:1.18!important;
  }
  p{
    line-height:1.58!important;
  }
  .hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(320px,420px)!important;
    min-height:440px!important;
    gap:26px!important;
  }
  .hero-text{
    max-width:720px!important;
  }
  .metric-grid,.dashboard-widget-grid{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
    gap:14px!important;
  }
  .value-grid,.seller-grid,.report-card-grid,.advanced-plans-grid.three-cols,.admin-grid.three-cols{
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
    gap:16px!important;
  }
  .metric-card{
    min-height:112px!important;
  }
  .metric-card strong{
    font-size:clamp(1.45rem,2vw,2.15rem)!important;
  }
  .toolbar,.shop-toolbar,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar{
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
    align-items:end!important;
  }
  .product-grid,.product-grid.shop-product-grid,.portal-product-grid{
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
    gap:16px!important;
  }
  .product-grid.compact{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  }
  .product-card:hover,.portal-product-card:hover,.metric-card:hover{
    box-shadow:var(--zip68-card-shadow-hover)!important;
  }
  .product-card img,.portal-product-card img{
    aspect-ratio:1.18/1!important;
    max-height:185px!important;
  }
  .product-body{
    padding:15px!important;
  }
  .product-body h3{
    min-height:0!important;
    max-height:2.45em!important;
    line-height:1.18!important;
  }
  .product-body p{
    min-height:0!important;
    max-height:3.1em!important;
    line-height:1.42!important;
  }
  .price-row{
    align-items:center!important;
  }
  .price-row strong{
    white-space:nowrap!important;
  }
  .price-row .btn{
    flex:0 0 auto!important;
  }
  .table-wrap,.data-table-wrap{
    overflow:auto!important;
  }
  .compact-table,table{
    min-width:860px!important;
  }
  th,td{
    vertical-align:middle!important;
  }
  td{
    max-width:360px;
  }
  .admin-grid{
    gap:18px!important;
  }
  .cart-layout{
    grid-template-columns:minmax(0,1fr) minmax(320px,380px)!important;
  }
}

@media (min-width:1440px){
  .product-grid,.product-grid.shop-product-grid,.portal-product-grid{
    grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;
  }
  .product-grid.compact{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  }
}

/* Mobile: more app-like, but do not split words. */
@media (max-width:980px){
  .app-shell{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .content-shell{
    gap:10px!important;
  }
  .glass-panel,.glass-card,.panel,.metric-card,.dashboard-header{
    border-radius:18px!important;
  }
  h1,.page-header h1,.dashboard-header h1{
    max-width:none!important;
    text-wrap:balance!important;
  }
  h2,h3,p,.metric-card span,.metric-card strong,.product-body h3,.product-body p,
  .table-wrap td,.data-table-wrap td,.side-nav a span{
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:manual!important;
  }
  .metric-grid,.dashboard-widget-grid,.value-grid,.seller-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .metric-card span{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .button-row,.row-actions,.admin-quick-actions,.admin-export-strip,.compact-doc-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .btn,button.btn,a.btn{
    white-space:normal!important;
    min-width:0!important;
    text-align:center!important;
  }
  .product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{
    grid-template-columns:repeat(2,minmax(142px,1fr))!important;
    gap:9px!important;
  }
  .product-card img,.portal-product-card img{
    max-height:112px!important;
  }
  .product-body h3{
    -webkit-line-clamp:2!important;
    line-height:1.14!important;
  }
  .product-body p{
    -webkit-line-clamp:2!important;
  }
  .price-row strong{
    white-space:nowrap!important;
  }
  .table-wrap td,.data-table-wrap td{
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .table-wrap td::before,.data-table-wrap td::before{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .mobile-app-nav{
    box-shadow:0 14px 40px rgba(43,28,18,.24)!important;
  }
}

@media (max-width:430px){
  .product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .product-card img,.portal-product-card img{
    max-height:104px!important;
  }
  .button-row,.row-actions,.admin-quick-actions,.admin-export-strip,.compact-doc-actions{
    grid-template-columns:1fr!important;
  }
  .metric-card strong{
    font-size:1.02rem!important;
  }
}

@media (max-width:360px){
  .product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{
    grid-template-columns:1fr!important;
  }
  .product-card img,.portal-product-card img{
    max-height:150px!important;
  }
}

/* zip69 full-site polish: public, admin, agent, desktop and mobile */
:root{
  --zip69-surface:rgba(255,255,255,.72);
  --zip69-surface-strong:rgba(255,255,255,.90);
  --zip69-border:rgba(91,54,24,.14);
  --zip69-soft-shadow:0 14px 38px rgba(58,33,13,.10);
  --zip69-deep-shadow:0 24px 70px rgba(58,33,13,.16);
  --zip69-admin-surface:rgba(255,255,255,.075);
  --zip69-admin-border:rgba(139,231,255,.16);
  --zip69-focus:0 0 0 4px rgba(185,130,54,.20);
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.site{line-height:1.5;overflow-x:hidden;background-attachment:fixed!important}
body.site::before{opacity:.84}
img,svg,video{max-width:100%;height:auto}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:0!important;box-shadow:var(--zip69-focus)!important}
::selection{background:rgba(185,130,54,.28)}
body.site.admin-theme ::selection{background:rgba(39,183,255,.30)}

/* Cleaner content rhythm */
.content-shell>*{min-width:0}
.page-header,.dashboard-header,.glass-panel,.glass-card,.panel,.metric-card,.product-card,.portal-product-card,.checkout-card,.login-panel,.document-page{
  overflow:hidden;
}
.page-header,.dashboard-header{
  position:relative;
}
.page-header::after,.dashboard-header::after{
  content:"";position:absolute;inset:auto 22px 0 22px;height:1px;background:linear-gradient(90deg,transparent,rgba(185,130,54,.22),transparent);pointer-events:none;
}
body.site.admin-theme .page-header::after,body.site.admin-theme .dashboard-header::after{background:linear-gradient(90deg,transparent,rgba(139,231,255,.24),transparent)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:rgba(185,130,54,.10);border:1px solid rgba(185,130,54,.14);line-height:1.05;margin-bottom:10px!important}
body.site.admin-theme .eyebrow{background:rgba(39,183,255,.12);border-color:rgba(139,231,255,.18);color:#8be7ff!important}
p:last-child{margin-bottom:0}
.mini-note{line-height:1.45;color:var(--muted)}
body.site.admin-theme .mini-note{color:#a8c9dc}

/* Premium panels and cards */
.glass-panel,.glass-card,.panel,.metric-card,.product-card,.portal-product-card,.checkout-card,.login-panel,.modal-card{
  border-color:var(--zip69-border)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.58))!important;
  box-shadow:var(--zip69-soft-shadow)!important;
}
.glass-panel:hover,.glass-card:hover,.panel:hover,.metric-card:hover,.product-card:hover,.portal-product-card:hover{
  border-color:rgba(185,130,54,.24)!important;
}
body.site.admin-theme .glass-panel,body.site.admin-theme .glass-card,body.site.admin-theme .panel,body.site.admin-theme .metric-card,body.site.admin-theme .product-card,body.site.admin-theme .checkout-card,body.site.admin-theme .login-panel,body.site.admin-theme .dark-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.090),rgba(255,255,255,.045))!important;
  border-color:var(--zip69-admin-border)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22)!important;
}
.metric-card{display:grid;align-content:start;gap:6px}
.metric-card strong,.card-value{letter-spacing:-.035em}
.status-badge,.pill,.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;text-align:center}

/* Buttons and controls */
.btn,button.btn,a.btn,.float-action,.side-nav a,.command-actions a,.mobile-app-nav a,.mobile-app-nav button{
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease!important;
}
.btn:hover,.float-action:hover,.command-actions a:hover,.mobile-app-nav a:hover,.mobile-app-nav button:hover{transform:translateY(-1px)!important}
.btn:active,.float-action:active,.command-actions a:active,.mobile-app-nav a:active,.mobile-app-nav button:active{transform:translateY(0)!important}
.btn.primary{box-shadow:0 10px 24px rgba(122,72,31,.20)}
.btn.secondary{box-shadow:0 8px 18px rgba(58,33,13,.06)}
input,select,textarea{
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(91,54,24,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important;
}
input:focus,select:focus,textarea:focus{border-color:rgba(185,130,54,.52)!important;box-shadow:var(--zip69-focus)!important}
label{line-height:1.25}.stacked-form,.auth-form,.settings-form,.form-grid,.form-grid-two,.mini-form{align-items:start}
.check-line{align-items:center!important;gap:10px!important}.check-line input{flex:0 0 auto}

/* Product and shop polish */
.shop-header-compact,.compact-toolbar,.shop-toolbar,.toolbar,.filter-toolbar,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar{
  border-radius:22px;padding:14px;background:rgba(255,255,255,.44);border:1px solid rgba(185,130,54,.12);box-shadow:0 10px 28px rgba(58,33,13,.07)
}
body.site.admin-theme .shop-header-compact,body.site.admin-theme .compact-toolbar,body.site.admin-theme .shop-toolbar,body.site.admin-theme .toolbar,body.site.admin-theme .filter-toolbar,body.site.admin-theme .admin-filter-bar,body.site.admin-theme .book-filter-bar,body.site.admin-theme .order-filter-bar,body.site.admin-theme .batch-toolbar{
  background:rgba(255,255,255,.055);border-color:rgba(139,231,255,.13);box-shadow:0 14px 32px rgba(0,0,0,.16)
}
.product-card,.portal-product-card{isolation:isolate}
.product-card img,.portal-product-card img{background:linear-gradient(135deg,#fff6e6,#f0d6ad)!important}
.product-body{display:grid;gap:8px;align-content:start}
.product-body h3{margin:0;color:var(--ink)}
body.site.admin-theme .product-body h3{color:#eaf7ff}
.product-body p{margin:0;color:var(--muted)}
.price-row{margin-top:auto}.price-row strong{font-weight:950;color:var(--gold-dark)}
body.site.admin-theme .price-row strong{color:#8be7ff}
.favorite-button{box-shadow:0 8px 18px rgba(58,33,13,.12)}
.shop-pager,.admin-pager{border-radius:20px;background:rgba(255,255,255,.46);border:1px solid rgba(185,130,54,.12);padding:10px 12px}
body.site.admin-theme .shop-pager,body.site.admin-theme .admin-pager{background:rgba(255,255,255,.055);border-color:rgba(139,231,255,.13)}

/* Sidebar and navigation polish */
.brand-block{min-width:0}.brand-block>div:nth-child(2){min-width:0}.brand-block strong,.brand-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.side-nav a{position:relative;overflow:hidden}.side-nav a::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent);opacity:0;transition:opacity .16s ease}.side-nav a:hover::before,.side-nav a.active::before{opacity:1}
.desktop-command-bar{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.command-actions{min-width:0}.command-actions a{white-space:nowrap}
.agent-ticker-shell{overflow:hidden;box-shadow:0 10px 26px rgba(58,33,13,.08)}

/* Tables: clearer desktop, card-like mobile */
.table-wrap,.data-table-wrap{border-radius:22px;border:1px solid rgba(185,130,54,.12);background:rgba(255,255,255,.30);box-shadow:0 10px 28px rgba(58,33,13,.06)}
body.site.admin-theme .table-wrap,body.site.admin-theme .data-table-wrap{border-color:rgba(139,231,255,.12);background:rgba(255,255,255,.035)}
th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:950;white-space:nowrap}
td{line-height:1.35}td small{line-height:1.35}
body.site.admin-theme th{color:#8be7ff}body.site.admin-theme td{color:#eaf7ff}
.compact-table .btn,.table-wrap .btn,.data-table-wrap .btn{min-height:38px;padding:9px 12px}
.order-detail summary{border-radius:999px;padding:8px 12px;background:rgba(185,130,54,.10);display:inline-flex;align-items:center;gap:8px}
body.site.admin-theme .order-detail summary{background:rgba(39,183,255,.12);color:#dff6ff}

/* Carts, checkout and documents */
.cart-row{border:1px solid rgba(185,130,54,.12);box-shadow:0 6px 18px rgba(58,33,13,.06)}
.cart-row strong{line-height:1.2}.checkout-card{top:84px!important}
.summary-row.total{border-bottom:0;padding-top:14px}.summary-row.total strong{letter-spacing:-.035em}
.document-shell{display:grid;justify-items:center}.document-page{max-width:100%;box-shadow:0 18px 50px rgba(58,33,13,.12)}
.document-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.invoice-items-table th,.invoice-items-table td{white-space:normal}

/* Agent portal polish */
.agent-portal-shell{display:grid;gap:16px}.agent-portal-hero{position:relative;overflow:hidden}.agent-portal-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 0%,rgba(255,255,255,.42),transparent 18rem);pointer-events:none}.agent-portal-brand-row{position:relative;z-index:1}.agent-contact-strip{display:flex;flex-wrap:wrap;gap:8px}.agent-contact-strip a,.agent-contact-strip span{border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(185,130,54,.14);padding:8px 12px;font-weight:850}.portal-tabs{position:sticky;top:82px;z-index:22;background:rgba(255,250,240,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:8px;border-radius:999px;border:1px solid rgba(185,130,54,.14);box-shadow:0 10px 24px rgba(58,33,13,.08)}.portal-tabs a{border-radius:999px}

/* Advanced, reports and admin management */
.advanced-plans-grid,.report-card-grid,.dashboard-widget-grid,.admin-summary-grid,.fullwidth-grid{align-items:stretch}
.advanced-plan-card,.advanced-active-card,.advanced-locked-card,.admin-control-panel,.compact-admin-panel{position:relative;overflow:hidden}
.advanced-plan-card::after,.advanced-active-card::after,.advanced-locked-card::after,.admin-control-panel::after,.compact-admin-panel::after{content:"";position:absolute;inset:auto 14px 0 14px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);opacity:.5}
.feature-list{display:grid;gap:8px;padding-left:18px}

/* Desktop polish */
@media (min-width:981px){
  body.site{font-size:16px}
  .app-shell{grid-template-columns:286px minmax(0,1fr)!important;gap:20px!important;padding:20px!important}
  .sidebar{top:20px!important;height:calc(100vh - 40px)!important;border-radius:28px!important}
  .content-shell{gap:18px!important}
  .desktop-command-bar{top:20px!important;border-radius:22px!important;padding:12px 14px!important}
  .glass-panel{padding:26px!important}.glass-card,.panel,.metric-card{padding:18px!important}
  .page-header,.dashboard-header{min-height:128px;align-items:center!important}
  .dashboard-header h1,.page-header h1{max-width:none!important}
  .hero-grid{min-height:420px!important}.hero-card{transform:none!important}.hero-card:hover{transform:translateY(-3px)!important}
  .metric-grid,.admin-summary-grid,.dashboard-widget-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
  .product-grid,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(auto-fit,minmax(236px,1fr))!important;align-items:stretch}.product-grid.compact{grid-template-columns:repeat(auto-fit,minmax(218px,1fr))!important}
  .product-card,.portal-product-card{display:flex;flex-direction:column}.product-body{flex:1}.product-body .button-row,.product-body form{margin-top:auto}
  .toolbar,.shop-toolbar,.filter-toolbar,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
  .admin-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr)!important}.admin-grid.three-cols,.advanced-plans-grid.three-cols,.report-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}
  .table-wrap,.data-table-wrap{max-width:100%;overflow:auto}.table-wrap table,.data-table-wrap table{width:100%;min-width:900px!important}.table-wrap thead th,.data-table-wrap thead th{position:sticky;top:0;z-index:2;background:rgba(255,250,240,.94);backdrop-filter:blur(12px)}body.site.admin-theme .table-wrap thead th,body.site.admin-theme .data-table-wrap thead th{background:rgba(6,20,38,.96)}
  .form-grid,.form-grid-two,.settings-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.form-grid .span-2,.settings-form .span-2{grid-column:1/-1!important}
  .modal-card{max-height:86vh;overflow:auto}.modal-product{grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important}
}

/* Wider desktop refinement */
@media (min-width:1440px){
  .app-shell{grid-template-columns:300px minmax(0,1fr)!important;max-width:1780px!important}
  .glass-panel{padding:30px!important}
  .product-grid,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.product-grid.compact{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
}

/* Mobile polish: app-like, compact, readable */
@media (max-width:980px){
  :root{--mobile-nav-h:70px}
  body.site{background-attachment:scroll!important}
  .app-shell{padding:70px 10px calc(var(--mobile-nav-h) + 18px)!important}
  .content-shell{gap:10px!important}
  .desktop-command-bar{display:none!important}.agent-ticker-shell{margin:0!important;border-radius:16px!important}.agent-ticker-title,.agent-ticker-item,.agent-ticker-praise{font-size:.78rem!important}
  .glass-panel,.glass-card,.panel,.metric-card,.dashboard-header,.page-header,.checkout-card,.login-panel{border-radius:18px!important;padding:14px!important}
  .page-header,.dashboard-header{min-height:0!important}.page-header::after,.dashboard-header::after{inset:auto 14px 0 14px}
  .eyebrow{font-size:.66rem!important;padding:5px 8px!important;margin-bottom:8px!important}
  h1,.page-header h1,.dashboard-header h1{font-size:clamp(1.55rem,6.9vw,2.18rem)!important;line-height:1.06!important;margin-bottom:8px!important;letter-spacing:-.035em!important}
  h2{font-size:clamp(1.18rem,5vw,1.6rem)!important;line-height:1.12!important}h3{font-size:1rem!important;line-height:1.16!important}p{font-size:.92rem!important;line-height:1.42!important}
  .metric-grid,.admin-summary-grid,.dashboard-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.metric-card{min-height:84px!important;gap:3px!important}.metric-card span{font-size:.72rem!important}.metric-card strong{font-size:1.12rem!important}
  .value-grid,.seller-grid,.admin-grid,.admin-grid.three-cols,.advanced-plans-grid,.advanced-plans-grid.three-cols,.report-card-grid,.fullwidth-grid,.cart-layout,.order-detail-grid,.order-detail-grid-wide{grid-template-columns:1fr!important;gap:9px!important}
  .shop-toolbar,.toolbar,.filter-toolbar,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar,.form-grid,.form-grid-two,.settings-form,.mini-form{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:16px!important}
  input,select,textarea{min-height:43px!important;border-radius:13px!important;padding:10px 11px!important;font-size:16px!important}textarea{min-height:92px!important}
  .button-row,.row-actions,.admin-quick-actions,.admin-export-strip,.compact-doc-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.button-stack{gap:7px!important}.btn,button.btn,a.btn{min-height:41px!important;padding:9px 11px!important;border-radius:999px!important;font-size:.86rem!important}
  .product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.product-card,.portal-product-card{border-radius:16px!important}.product-card img,.portal-product-card img{aspect-ratio:1.02/1!important;max-height:108px!important}.product-body{padding:8px!important;gap:5px!important}.product-body h3{font-size:.84rem!important;min-height:0!important;line-height:1.12!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.product-body p{font-size:.72rem!important;line-height:1.22!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.product-body small{font-size:.68rem!important;margin:0!important}.price-row{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.price-row strong{font-size:.92rem!important}.price-row .btn{width:100%!important;min-height:34px!important}
  .cart-row{padding:8px!important;border-radius:14px!important;grid-template-columns:48px minmax(0,1fr)!important}.cart-row img{width:48px!important;height:48px!important}.qty-control{gap:6px!important}.qty-control button{height:32px!important;min-width:32px!important}
  .summary-row{padding:7px 0!important}.checkout-card{top:auto!important}
  .portal-tabs{position:relative!important;top:auto!important;border-radius:18px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:7px!important}.portal-tabs a{text-align:center;padding:8px!important}
  .agent-contact-strip a,.agent-contact-strip span{width:100%;justify-content:center}
  .table-wrap,.data-table-wrap{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.table-wrap table,.data-table-wrap table{display:block!important;min-width:0!important;border-spacing:0 7px!important}.table-wrap tbody,.data-table-wrap tbody{display:grid!important;gap:7px!important}.table-wrap tr,.data-table-wrap tr{display:grid!important;border-radius:15px!important;padding:9px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(185,130,54,.14)!important;box-shadow:0 8px 20px rgba(58,33,13,.07)!important}body.site.admin-theme .table-wrap tr,body.site.admin-theme .data-table-wrap tr{background:rgba(255,255,255,.075)!important;border-color:rgba(139,231,255,.15)!important}.table-wrap td,.data-table-wrap td{display:grid!important;grid-template-columns:minmax(96px,.42fr) minmax(0,1fr)!important;gap:6px!important;padding:5px 0!important;font-size:.82rem!important;border:0!important}.table-wrap td::before,.data-table-wrap td::before{font-size:.64rem!important;line-height:1.1!important;letter-spacing:.045em}.table-wrap thead,.data-table-wrap thead{display:none!important}
  .mobile-app-nav{height:auto;min-height:58px;border-radius:22px!important;left:8px!important;right:8px!important;bottom:8px!important;padding:6px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}.mobile-app-nav a,.mobile-app-nav button{min-width:0!important;min-height:46px!important;border-radius:17px!important;padding:5px 4px!important}.mobile-app-nav span{font-size:1.02rem!important}.mobile-app-nav strong{font-size:.62rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .quick-cart-widget,.admin-floating-chat-widget{bottom:calc(var(--mobile-nav-h) + 8px)!important}.chat-widget{bottom:calc(var(--mobile-nav-h) + 8px)!important;right:62px!important}.float-action{min-height:42px!important;min-width:42px!important;padding:10px 12px!important}.quick-cart-drawer{height:min(76dvh,620px)!important;border-radius:22px 22px 0 0!important}.chat-panel.floating-window,.admin-floating-chat-panel{height:min(68dvh,540px)!important;max-height:min(68dvh,540px)!important}
  .modal{align-items:end!important;padding:8px!important}.modal-card{border-radius:20px!important;max-height:88dvh!important;overflow:auto!important;padding:14px!important}.modal-product{grid-template-columns:1fr!important;gap:10px!important}.modal-product img{max-height:190px!important;object-fit:contain!important}
}

@media (max-width:430px){
  .app-shell{padding-left:7px!important;padding-right:7px!important}.content-shell{gap:8px!important}.glass-panel,.glass-card,.panel,.metric-card,.dashboard-header,.page-header,.checkout-card{padding:12px!important;border-radius:16px!important}.metric-grid,.admin-summary-grid,.dashboard-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-card strong{font-size:1rem!important}.button-row,.row-actions,.admin-quick-actions,.admin-export-strip,.compact-doc-actions{grid-template-columns:1fr!important}.product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{gap:6px!important}.product-card img,.portal-product-card img{max-height:96px!important}.product-body p{display:none!important}.table-wrap td,.data-table-wrap td{grid-template-columns:1fr!important;gap:2px!important}.mobile-app-nav{left:6px!important;right:6px!important;bottom:6px!important}.mobile-app-nav strong{font-size:.58rem!important}.sidebar,body.sidebar-open #appSidebar{right:6px!important;width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important}.chat-widget{right:56px!important}
}
@media (max-width:350px){
  .metric-grid,.admin-summary-grid,.dashboard-widget-grid{grid-template-columns:1fr!important}.product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{grid-template-columns:1fr!important}.product-card img,.portal-product-card img{max-height:142px!important}.mobile-app-nav strong{display:none!important}.mobile-app-nav a,.mobile-app-nav button{min-height:42px!important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

@media (min-width:981px){
  body.site{overflow-x:hidden!important;}
  .mobile-menu-button,.mobile-app-nav,.sidebar-backdrop{display:none!important;}
  .app-shell{display:block!important;min-height:100vh!important;padding:22px 24px 28px 348px!important;max-width:none!important;}
  .sidebar{position:fixed!important;left:24px!important;top:22px!important;bottom:22px!important;width:300px!important;height:auto!important;max-height:calc(100dvh - 44px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;z-index:60!important;border-radius:28px!important;}
  .sidebar .brand-block{flex:0 0 auto!important;}
  .sidebar .side-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:5px!important;margin-right:-5px!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;}
  .sidebar .side-nav a{min-width:0!important;}
  .sidebar .side-nav a span,.sidebar .side-nav a small{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
  .sidebar .sidebar-note{flex:0 0 auto!important;margin-top:12px!important;}
  .content-shell{width:100%!important;max-width:1480px!important;margin:0 auto!important;display:grid!important;gap:20px!important;align-content:start!important;min-width:0!important;}
  .desktop-command-bar{position:sticky!important;top:14px!important;z-index:30!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .agent-ticker-shell{width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .glass-panel,.glass-card,.panel,.metric-card,.product-card,.portal-card,.dashboard-header{min-width:0!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
  .auth-login-panel{max-width:980px!important;min-height:auto!important;margin:18px auto!important;padding:30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(330px,420px)!important;gap:26px!important;align-items:center!important;}
  .auth-login-panel .login-copy{min-width:0!important;}
  .auth-login-panel .login-copy h1{font-size:clamp(2.6rem,4.5vw,4.6rem)!important;line-height:.98!important;margin:0 0 12px!important;letter-spacing:-.06em!important;white-space:normal!important;}
  .auth-login-panel .login-copy p{max-width:52ch!important;}
  .login-form-wrap{width:100%!important;min-width:0!important;border-radius:24px!important;padding:18px!important;background:rgba(255,255,255,.55)!important;border:1px solid rgba(185,130,54,.16)!important;box-shadow:0 18px 48px rgba(93,58,27,.10)!important;}
  .login-help-grid{max-width:1120px!important;margin:0 auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;align-items:stretch!important;}
  .dashboard-widget-grid,.admin-summary-grid,.metric-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;}
  .table-wrap,.data-table-wrap{max-width:100%!important;overflow:auto!important;}
  table{word-break:normal!important;}
  th,td{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
}

@media (max-width:980px){
  :root{--mobile-nav-h:78px;--mobile-safe-bottom:calc(var(--mobile-nav-h) + 24px);}
  body.site{overflow-x:hidden!important;padding-bottom:calc(var(--mobile-safe-bottom) + env(safe-area-inset-bottom,0px))!important;}
  .app-shell{display:block!important;min-height:100dvh!important;padding:82px 12px calc(var(--mobile-safe-bottom) + 14px)!important;}
  .content-shell{display:grid!important;gap:16px!important;width:100%!important;max-width:100%!important;min-width:0!important;}
  .desktop-command-bar{display:none!important;}
  .mobile-menu-button{display:inline-flex!important;position:fixed!important;left:12px!important;top:12px!important;z-index:2100!important;}
  .sidebar-backdrop{display:none!important;pointer-events:none!important;}
  body.sidebar-open{overflow:hidden!important;}
  body.sidebar-open .sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2400!important;background:rgba(25,14,8,.62)!important;pointer-events:auto!important;}
  .sidebar{position:fixed!important;z-index:2600!important;top:10px!important;left:10px!important;bottom:calc(var(--mobile-safe-bottom) + env(safe-area-inset-bottom,0px))!important;width:min(390px,calc(100vw - 20px))!important;height:auto!important;max-height:calc(100dvh - var(--mobile-safe-bottom) - 20px)!important;transform:translateX(calc(-100% - 24px))!important;transition:transform .22s ease!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border-radius:24px!important;}
  body.sidebar-open .sidebar{transform:translateX(0)!important;}
  .sidebar .brand-block{flex:0 0 auto!important;}
  .sidebar .side-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:4px!important;padding-bottom:18px!important;overscroll-behavior:contain!important;}
  .sidebar .sidebar-note{flex:0 0 auto!important;margin-top:8px!important;}
  .sidebar-mobile-close{display:inline-flex!important;}
  .mobile-app-nav{display:grid!important;position:fixed!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;z-index:1900!important;min-height:64px!important;max-height:74px!important;}
  .quick-cart-widget,.chat-widget,.admin-floating-chat-widget{bottom:calc(var(--mobile-safe-bottom) + 8px)!important;}
  .float-action{min-height:44px!important;}
  .glass-panel,.glass-card,.panel,.metric-card,.product-card,.portal-card,.dashboard-header{min-width:0!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
  .auth-login-panel{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:18px!important;margin:0!important;}
  .auth-login-panel .login-copy h1{font-size:clamp(2rem,10vw,3rem)!important;line-height:1!important;margin:0 0 8px!important;letter-spacing:-.05em!important;}
  .login-form-wrap{width:100%!important;min-width:0!important;padding:14px!important;border-radius:20px!important;background:rgba(255,255,255,.56)!important;}
  .login-help-grid,.hero-grid,.value-grid,.metric-grid,.dashboard-widget-grid,.admin-summary-grid,.seller-grid,.toolbar,.form-grid,.cart-layout,.admin-grid{grid-template-columns:1fr!important;}
  .product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .product-card,.portal-product-card{border-radius:18px!important;}
  .product-card img,.portal-product-card img{max-height:150px!important;}
  .table-wrap,.data-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  th,td{word-break:normal!important;hyphens:none!important;}
  .button-row,.row-actions{gap:9px!important;}
  .button-row:last-child,.row-actions:last-child,.side-nav a:last-child{margin-bottom:16px!important;}
}
@media (max-width:520px){
  .app-shell{padding-left:10px!important;padding-right:10px!important;}
  .product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{grid-template-columns:1fr!important;}
  .glass-panel{padding:18px!important;border-radius:22px!important;}
  .dashboard-header{padding:18px!important;border-radius:22px!important;}
  .mobile-app-nav strong{font-size:.72rem!important;}
  .mobile-app-nav a,.mobile-app-nav button{min-width:0!important;padding:7px 4px!important;}
}
@media print{
  .sidebar,.mobile-menu-button,.mobile-app-nav,.sidebar-backdrop,.desktop-command-bar,.chat-widget,.quick-cart-widget,.admin-floating-chat-widget{display:none!important;}
  .app-shell{display:block!important;padding:0!important;}
  .content-shell{max-width:none!important;margin:0!important;display:block!important;}
}



/* zip72 agent profiles, live chat and sitewide what-is-this help */
.agent-profile-layout .profile-cover{height:120px;border-radius:24px;background:linear-gradient(135deg,rgba(185,130,54,.25),rgba(39,183,255,.18));background-size:cover;background-position:center;margin-bottom:-42px}
.agent-profile-preview{text-align:center;overflow:hidden}.profile-avatar{width:92px;height:92px;border-radius:28px;margin:0 auto 12px;background:linear-gradient(135deg,var(--gold),#fff);display:grid;place-items:center;border:5px solid rgba(255,255,255,.9);box-shadow:0 14px 40px rgba(0,0,0,.16);overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar span{font-size:2rem;font-weight:900;color:#fff}.agent-chat-app{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:18px;min-height:560px}.agent-chat-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}.agent-chat-sidebar select{width:100%}.agent-chat-pane{display:flex;flex-direction:column;min-height:520px;min-width:0}.agent-chat-log{flex:1;overflow:auto;border-radius:22px;padding:14px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:10px}.admin-theme .agent-chat-log,.admin-theme .agent-chat-app.dark-panel .agent-chat-log{background:rgba(3,13,30,.72);border-color:rgba(255,255,255,.12)}.agent-chat-bubble{max-width:min(76%,760px);padding:12px 14px;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.08);word-break:normal;overflow-wrap:anywhere}.agent-chat-bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#eaf8ff,#fff)}.agent-chat-bubble.admin{background:linear-gradient(135deg,#08213d,#0d3f64);color:#fff}.agent-chat-bubble small{display:block;margin-top:6px;opacity:.72}.agent-chat-shot,.chat-shot{display:block;width:150px;height:150px;object-fit:cover;border-radius:14px;border:1px solid rgba(0,0,0,.12);margin-top:8px;background:#fff}.agent-chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.agent-chat-form textarea{min-height:56px;resize:vertical}.chat-session-card{width:100%;text-align:left;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:rgba(255,255,255,.78);padding:12px;display:grid;gap:4px;cursor:pointer}.chat-session-card.active{outline:2px solid var(--gold);background:#fff}.admin-theme .chat-session-card{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.12)}.what-this-button{position:fixed;right:18px;bottom:92px;z-index:80;border:0;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,var(--navy),#124c75);color:#fff;font-weight:800;box-shadow:0 18px 40px rgba(0,0,0,.25);cursor:pointer}.what-this-overlay{position:fixed;inset:0;z-index:1000;background:rgba(3,13,30,.18);cursor:crosshair;display:grid;place-items:start center;padding-top:18px}.what-this-overlay div{background:#fff;color:#21170f;border-radius:18px;padding:12px 14px;box-shadow:0 22px 60px rgba(0,0,0,.25);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.what-this-overlay button{border:0;border-radius:999px;padding:7px 10px;background:#eee;cursor:pointer}.what-this-target{outline:3px solid #27b7ff!important;outline-offset:3px!important}@media(max-width:860px){.agent-chat-app{grid-template-columns:1fr;min-height:auto}.agent-chat-pane{min-height:68vh}.agent-chat-log{max-height:58vh}.agent-chat-form{grid-template-columns:1fr}.agent-chat-bubble{max-width:92%}.what-this-button{right:12px;bottom:84px;padding:9px 12px;font-size:.86rem}.agent-profile-layout{grid-template-columns:1fr!important}}

/* zip73 emergency layout recovery + compact document fixes */
@media (min-width:981px){
  body.site{min-height:100vh!important;overflow-x:hidden!important;}
  body.site .app-shell{display:block!important;position:relative!important;max-width:none!important;width:100%!important;min-height:100vh!important;margin:0!important;padding:22px 26px 28px 352px!important;}
  body.site .sidebar{position:fixed!important;left:24px!important;top:22px!important;bottom:22px!important;width:302px!important;height:auto!important;max-height:calc(100dvh - 44px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:60!important;}
  body.site .sidebar .brand-block{flex:0 0 auto!important;}
  body.site .sidebar .side-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;padding-right:5px!important;margin-right:-5px!important;scrollbar-width:thin!important;}
  body.site .sidebar .sidebar-note{flex:0 0 auto!important;}
  body.site .content-shell{display:grid!important;position:relative!important;z-index:1!important;opacity:1!important;visibility:visible!important;width:100%!important;max-width:1520px!important;min-width:0!important;margin:0 auto!important;gap:18px!important;align-content:start!important;}
  body.site.agent-theme .content-shell,body.site.admin-theme .content-shell{display:grid!important;opacity:1!important;visibility:visible!important;}
  body.site .content-shell>*{opacity:1!important;visibility:visible!important;min-width:0!important;}
}
@media (max-width:980px){
  body.site .app-shell{display:block!important;padding:82px 12px calc(var(--mobile-safe-bottom, 110px) + 18px)!important;min-height:100dvh!important;width:100%!important;max-width:100%!important;}
  body.site .content-shell{display:grid!important;opacity:1!important;visibility:visible!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:14px!important;}
  body.site .content-shell>*{opacity:1!important;visibility:visible!important;min-width:0!important;}
  body.site .sidebar{overflow:hidden!important;display:flex!important;flex-direction:column!important;}
  body.site .sidebar .side-nav{overflow-y:auto!important;min-height:0!important;padding-bottom:22px!important;}
}

/* Packing slip: show every item and only the order total. */
.packing-document.compact{max-width:210mm!important;margin-inline:auto!important;}
.packing-slip-full{width:200mm!important;min-height:287mm!important;max-height:287mm!important;margin:0 auto!important;padding:7mm!important;border:1px solid #21170f!important;border-radius:8px!important;background:#fffdf8!important;color:#21170f!important;box-shadow:0 22px 60px rgba(0,0,0,.16)!important;overflow:hidden!important;box-sizing:border-box!important;font-size:8pt!important;line-height:1.15!important;}
.ps-full-top{display:grid!important;grid-template-columns:minmax(0,1fr) 30mm!important;gap:4mm!important;align-items:start!important;border-bottom:1px solid #21170f!important;padding-bottom:3mm!important;margin-bottom:3mm!important;}
.ps-full-top h1{font-size:18pt!important;line-height:1!important;margin:0!important;letter-spacing:-.02em!important;}
.ps-label{font-weight:900!important;font-size:7pt!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 1mm!important;}
.ps-att{border:1px solid #21170f!important;border-radius:3mm!important;padding:2mm!important;text-align:center!important;background:#fff!important;display:grid!important;gap:1mm!important;}
.ps-att strong{font-size:7pt!important;text-transform:uppercase!important;}
.ps-att span{font-size:12pt!important;font-weight:950!important;}
.ps-full-info{display:grid!important;grid-template-columns:1fr 1.2fr .7fr!important;gap:3mm!important;margin-bottom:3mm!important;}
.packing-slip-full .ps-box{border:1px solid #e0cdb7!important;border-radius:3mm!important;padding:2mm!important;background:#fffaf2!important;min-height:0!important;margin:0!important;}
.packing-slip-full h2{font-size:7pt!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin:0 0 1mm!important;color:#6b3f20!important;}
.packing-slip-full p{margin:.55mm 0!important;overflow-wrap:anywhere!important;}
.ps-items-full{border:1px solid #e0cdb7!important;border-radius:3mm!important;overflow:hidden!important;background:#fff!important;}
.ps-items-head{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1.5mm 2mm!important;background:#f1e2cf!important;color:#21170f!important;}
.ps-items-head h2{margin:0!important;color:#21170f!important;}
.ps-items-full table{width:100%!important;border-collapse:collapse!important;background:#fff!important;color:#21170f!important;font-size:7pt!important;line-height:1.08!important;}
.ps-items-full th{background:#21170f!important;color:#fff!important;text-align:left!important;text-transform:uppercase!important;font-size:6pt!important;letter-spacing:.05em!important;padding:1.1mm 1.3mm!important;border:0!important;}
.ps-items-full td{padding:.75mm 1.3mm!important;border-bottom:1px solid #ecdcc9!important;vertical-align:top!important;word-break:normal!important;overflow-wrap:normal!important;}
.ps-items-full td:first-child{width:6mm!important;text-align:center!important;font-weight:900!important;}
.ps-items-full td:nth-child(2),.ps-items-full th:nth-child(2){width:12mm!important;text-align:center!important;white-space:nowrap!important;}
.ps-items-full td:nth-child(4),.ps-items-full th:nth-child(4){width:28mm!important;}
.ps-footer-total{display:flex!important;justify-content:flex-end!important;gap:8mm!important;align-items:center!important;margin-top:3mm!important;border-top:1px solid #21170f!important;padding-top:2mm!important;font-size:10pt!important;}
.ps-footer-total strong{font-size:14pt!important;}
.ps-density-compact{font-size:7.2pt!important;padding:6mm!important;}
.ps-density-compact .ps-items-full table{font-size:6.3pt!important;}
.ps-density-compact .ps-items-full td{padding:.48mm .85mm!important;}
.ps-density-tight{font-size:6.3pt!important;padding:5mm!important;}
.ps-density-tight .ps-full-info{grid-template-columns:1fr 1fr!important;gap:2mm!important;}
.ps-density-tight .ps-items-full table{font-size:5.4pt!important;line-height:1.0!important;}
.ps-density-tight .ps-items-full th{font-size:4.8pt!important;padding:.6mm .65mm!important;}
.ps-density-tight .ps-items-full td{padding:.34mm .65mm!important;}
.ps-density-micro{font-size:5.5pt!important;padding:4mm!important;}
.ps-density-micro .ps-full-top{margin-bottom:1.5mm!important;padding-bottom:1.5mm!important;}
.ps-density-micro .ps-full-info{grid-template-columns:1fr 1fr 22mm!important;gap:1.5mm!important;margin-bottom:1.5mm!important;}
.ps-density-micro .ps-box{padding:1mm!important;border-radius:2mm!important;}
.ps-density-micro .ps-items-full table{font-size:4.5pt!important;line-height:.98!important;}
.ps-density-micro .ps-items-full th{font-size:4.2pt!important;padding:.45mm .5mm!important;}
.ps-density-micro .ps-items-full td{padding:.2mm .5mm!important;}
.ps-density-micro .ps-footer-total{font-size:7pt!important;margin-top:1.5mm!important;}
.ps-density-micro .ps-footer-total strong{font-size:9pt!important;}

/* Invoice PDF/print compactness for every invoice type. */
.invoice-document,.one-page-invoice-shell{max-width:210mm!important;margin-inline:auto!important;}
.invoice-one-page{box-sizing:border-box!important;overflow:hidden!important;}
.invoice-items-table tr{break-inside:avoid!important;page-break-inside:avoid!important;}
.invoice-items-table td:first-child{overflow-wrap:anywhere!important;}
.invoice-one-page .invoice-note-box p{line-height:1.18!important;}
.invoice-density-compact .invoice-bottom-grid,.invoice-density-tight .invoice-bottom-grid,.invoice-density-micro .invoice-bottom-grid{grid-template-columns:minmax(0,1fr) 48mm!important;}
@media print{
  @page{size:A4 portrait;margin:5mm!important;}
  body.site{background:#fff!important;padding:0!important;}
  .print-hide,.sidebar,.mobile-menu-button,.mobile-app-nav,.sidebar-backdrop,.desktop-command-bar,.chat-widget,.quick-cart-widget,.admin-floating-chat-widget,.what-this-button,.what-this-overlay{display:none!important;}
  .app-shell{display:block!important;padding:0!important;margin:0!important;width:auto!important;max-width:none!important;}
  .content-shell{display:block!important;margin:0!important;padding:0!important;max-width:none!important;width:auto!important;}
  .document-shell{max-width:none!important;margin:0!important;display:block!important;}
  .document-page{box-shadow:none!important;border-radius:0!important;margin:0!important;}
  .packing-slip-full{width:200mm!important;min-height:287mm!important;max-height:287mm!important;padding:5mm!important;border-radius:0!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;}
  .invoice-one-page{width:200mm!important;height:287mm!important;max-height:287mm!important;min-height:287mm!important;padding:5mm!important;border-radius:0!important;box-shadow:none!important;break-inside:avoid!important;page-break-inside:avoid!important;}
  .packing-slip-full *,.invoice-one-page *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;}
}


/* zip74 recovery: keep agent/admin content visible and separate floating controls */
@media (min-width: 981px){
  body.site .app-shell{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    padding:22px 26px 28px 344px!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.site .sidebar{
    position:fixed!important;
    left:22px!important;
    top:22px!important;
    bottom:22px!important;
    width:296px!important;
    height:auto!important;
    max-height:calc(100dvh - 44px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    z-index:60!important;
  }
  body.site .sidebar .brand-block,
  body.site .sidebar .sidebar-note{flex:0 0 auto!important;}
  body.site .sidebar .side-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    padding-right:6px!important;
    margin-right:-6px!important;
  }
  body.site .content-shell,
  body.site.agent-theme .content-shell,
  body.site.admin-theme .content-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
    position:relative!important;
    z-index:1!important;
    opacity:1!important;
    visibility:visible!important;
    width:100%!important;
    max-width:1520px!important;
    min-width:0!important;
    margin:0 auto!important;
    gap:18px!important;
    align-content:start!important;
    overflow:visible!important;
  }
  body.site .content-shell > *{
    display:revert-layer;
    opacity:1!important;
    visibility:visible!important;
    min-width:0!important;
  }
  .chat-widget{right:22px!important;bottom:96px!important;z-index:8500!important;display:flex!important;flex-direction:column-reverse!important;align-items:flex-end!important;gap:10px!important;}
  .quick-cart-widget{right:22px!important;bottom:22px!important;z-index:8400!important;display:flex!important;flex-direction:column-reverse!important;align-items:flex-end!important;gap:10px!important;}
  .what-this-button{right:22px!important;bottom:170px!important;z-index:8600!important;}
  .admin-floating-chat-widget{right:22px!important;bottom:22px!important;z-index:8500!important;display:flex!important;flex-direction:column-reverse!important;align-items:flex-end!important;gap:10px!important;}
  .chat-panel.floating-window,
  .admin-floating-chat-panel{
    width:min(420px, calc(100vw - 380px))!important;
    height:min(560px, calc(100dvh - 145px))!important;
    max-height:calc(100dvh - 145px)!important;
    min-width:320px!important;
    min-height:340px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .admin-floating-chat-panel{width:min(820px, calc(100vw - 380px))!important;min-width:520px!important;}
  .chat-panel.floating-window[hidden],
  .admin-floating-chat-panel[hidden]{display:none!important;}
}
@media (max-width:980px){
  body.site .app-shell{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:82px 10px calc(var(--mobile-nav-h,74px) + 18px)!important;overflow:visible!important;}
  body.site .content-shell,
  body.site.agent-theme .content-shell,
  body.site.admin-theme .content-shell{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-width:0!important;opacity:1!important;visibility:visible!important;gap:14px!important;overflow:visible!important;}
  body.site .content-shell > *{opacity:1!important;visibility:visible!important;min-width:0!important;}
  body.site .sidebar{overflow:hidden!important;display:flex!important;flex-direction:column!important;}
  body.site .sidebar .side-nav{overflow-y:auto!important;min-height:0!important;padding-bottom:22px!important;}
  .mobile-app-nav{z-index:40000!important;}
  .quick-cart-widget{right:10px!important;bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;z-index:21000!important;display:flex!important;flex-direction:column-reverse!important;align-items:flex-end!important;}
  .chat-widget{right:62px!important;bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;z-index:21100!important;display:flex!important;flex-direction:column-reverse!important;align-items:flex-end!important;}
  .what-this-button{right:114px!important;bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;z-index:21200!important;min-height:42px!important;max-width:128px!important;padding:9px 11px!important;font-size:.82rem!important;white-space:nowrap!important;}
  .admin-floating-chat-widget{right:10px!important;bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;z-index:21100!important;display:flex!important;flex-direction:column-reverse!important;align-items:flex-end!important;}
  .float-action{min-width:44px!important;min-height:44px!important;padding:10px 12px!important;border-radius:999px!important;}
  .float-action span:not(.float-icon){display:none!important;}
  .chat-panel.floating-window,
  .admin-floating-chat-panel{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--mobile-nav-h,74px) + 66px)!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:min(70dvh,540px)!important;max-height:min(70dvh,540px)!important;min-width:0!important;min-height:0!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
  .chat-panel.floating-window[hidden],
  .admin-floating-chat-panel[hidden]{display:none!important;}
  .quick-cart-drawer{bottom:0!important;top:auto!important;height:min(76dvh,620px)!important;width:100vw!important;max-width:100vw!important;border-radius:22px 22px 0 0!important;z-index:23000!important;}
  .quick-cart-backdrop{z-index:22900!important;}
  .chat-head,.quick-cart-head{flex:0 0 auto!important;}
  .chat-window-body,.admin-floating-chat-body{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;}
  .chat-log,.admin-chat-log,.agent-chat-log{overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
  body.sidebar-open .what-this-button{display:none!important;}
}
@media (max-width:430px){
  .chat-widget{right:58px!important;}
  .what-this-button{right:106px!important;max-width:116px!important;font-size:.76rem!important;padding-inline:9px!important;}
}
@media (max-width:360px){
  .what-this-button{left:10px!important;right:auto!important;bottom:calc(var(--mobile-nav-h,74px) + 64px)!important;}
  .chat-widget{right:62px!important;}
  .quick-cart-widget{right:10px!important;}
}
.chat-window-body{display:flex!important;flex-direction:column!important;min-height:0!important;}
.chat-log{flex:1 1 auto!important;min-height:120px!important;max-height:none!important;}
.chat-form{flex:0 0 auto!important;}
.chat-form textarea{max-height:110px!important;}
.chat-bubble,.chat-line,.agent-chat-bubble{overflow-wrap:break-word!important;word-break:normal!important;}
.what-this-overlay[hidden]{display:none!important;}
.what-this-overlay{z-index:60000!important;}
.what-this-overlay div{pointer-events:auto!important;}
.what-this-target{outline:3px solid #27b7ff!important;outline-offset:3px!important;}

/* zip75 agent profile image upload polish */
.profile-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 8px}
.profile-dropzone{position:relative;display:grid!important;place-items:center;text-align:center;gap:8px;min-height:172px;padding:18px!important;border:2px dashed rgba(185,130,54,.45)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,246,230,.72))!important;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;overflow:hidden}
.profile-dropzone input[type="file"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.profile-dropzone .upload-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(185,130,54,.15);font-size:1.7rem;box-shadow:inset 0 0 0 1px rgba(185,130,54,.18)}
.profile-dropzone strong{font-size:1.02rem;color:var(--ink)}
.profile-dropzone small{max-width:30ch;color:var(--muted);line-height:1.35}
.profile-dropzone em{font-style:normal;font-size:.82rem;font-weight:800;color:var(--gold-dark);background:rgba(185,130,54,.1);padding:6px 10px;border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-dropzone:hover,.profile-dropzone.drag-over{transform:translateY(-2px);border-color:var(--gold)!important;box-shadow:0 18px 40px rgba(74,42,20,.12);background:#fff!important}
.cover-dropzone{background:linear-gradient(135deg,rgba(39,183,255,.12),rgba(255,255,255,.82))!important;border-color:rgba(39,183,255,.38)!important}
.profile-url-fallback{border:1px solid rgba(122,72,31,.14);background:rgba(255,255,255,.58);border-radius:18px;padding:10px 12px}
.profile-url-fallback summary{cursor:pointer;font-weight:900;color:var(--gold-dark)}
.profile-url-fallback label{margin-top:10px}
.agent-profile-preview .profile-cover{background-color:#fff7ea;background-repeat:no-repeat;background-size:cover;background-position:center}
.admin-theme .profile-dropzone{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(39,183,255,.08))!important;border-color:rgba(139,231,255,.36)!important;color:#fff}
.admin-theme .profile-dropzone strong{color:#fff}.admin-theme .profile-dropzone small{color:rgba(255,255,255,.72)}.admin-theme .profile-dropzone em{background:rgba(139,231,255,.12);color:#8be7ff}.admin-theme .profile-url-fallback{background:rgba(255,255,255,.06);border-color:rgba(139,231,255,.16)}
@media(max-width:760px){.profile-upload-grid{grid-template-columns:1fr;gap:9px}.profile-dropzone{min-height:136px;padding:14px!important;border-radius:20px!important}.profile-dropzone .upload-icon{width:44px;height:44px;border-radius:15px;font-size:1.35rem}.profile-dropzone small{font-size:.8rem}.profile-dropzone em{font-size:.76rem}}

/* zip76 final polish: compact app-like UI and clean documents */
:root{
  --zip76-radius:18px;
  --zip76-card:#fffaf2;
  --zip76-line:rgba(122,72,31,.14);
  --zip76-shadow:0 14px 36px rgba(58,33,13,.10);
  --zip76-shadow-hover:0 20px 48px rgba(58,33,13,.16);
}
html,body{max-width:100%;overflow-x:hidden!important;scroll-behavior:smooth;text-rendering:optimizeLegibility;}
body.site{font-size:15px!important;line-height:1.48!important;}
*{box-sizing:border-box;}
h1,h2,h3,h4,.btn,.status-badge,.pill,.side-nav a span,.side-nav a small,.product-body h3,.metric-card strong,.metric-card span{
  word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;
}
p,li,td,th,label,small,.mini-note,.chat-bubble,.order-item-list li span{word-break:normal!important;overflow-wrap:anywhere;hyphens:none!important;}
.app-shell{grid-template-columns:248px minmax(0,1fr)!important;gap:14px!important;padding:14px!important;min-height:100dvh!important;align-items:start!important;}
.content-shell{width:100%!important;max-width:100%!important;min-width:0!important;gap:14px!important;}
.sidebar{position:sticky!important;top:14px!important;height:calc(100dvh - 28px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;border-radius:20px!important;padding:14px!important;scrollbar-width:thin;}
.brand-block{padding-bottom:13px!important;margin-bottom:10px!important;gap:10px!important;}
.brand-logo-wrap{width:46px!important;height:46px!important;border-radius:15px!important;flex:0 0 auto!important;}
.side-nav{display:grid!important;gap:7px!important;margin-top:8px!important;}
.side-nav a{min-height:40px!important;padding:9px 10px!important;border-radius:14px!important;display:flex!important;align-items:center!important;gap:9px!important;}
.side-nav a span{font-size:.9rem!important;line-height:1.1!important;}
.side-nav a small{font-size:.65rem!important;line-height:1.1!important;opacity:.75!important;}
.sidebar-note{margin-top:auto!important;font-size:.72rem!important;line-height:1.32!important;padding:10px!important;border-radius:14px!important;}
.glass-panel,.glass-card,.panel,.metric-card,.product-card,.portal-product-card,.checkout-card,.login-panel{
  border-radius:var(--zip76-radius)!important;
  box-shadow:var(--zip76-shadow)!important;
  border:1px solid var(--zip76-line)!important;
}
.glass-panel{padding:18px!important;}
.glass-card,.panel,.metric-card{padding:14px!important;}
.dashboard-header,.page-header{padding:18px!important;border-radius:22px!important;box-shadow:var(--zip76-shadow)!important;}
.page-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:16px!important;min-height:0!important;}
.page-header p{margin-bottom:0!important;max-width:850px!important;}
.dashboard-header h1,.page-header h1,h1{font-size:clamp(1.85rem,2.8vw,3rem)!important;line-height:1.03!important;letter-spacing:-.045em!important;margin-bottom:8px!important;}
h2{font-size:clamp(1.2rem,1.65vw,1.85rem)!important;line-height:1.12!important;margin-bottom:9px!important;}
h3{font-size:1rem!important;line-height:1.18!important;}
.eyebrow{font-size:.68rem!important;letter-spacing:.16em!important;margin-bottom:6px!important;}
.btn,button.btn,a.btn{min-height:38px!important;padding:9px 14px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:normal!important;text-align:center!important;line-height:1.15!important;}
.btn.tiny,button.btn.tiny,a.btn.tiny{min-height:31px!important;padding:6px 9px!important;font-size:.76rem!important;}
.button-row{gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}
input,select,textarea{border-radius:13px!important;min-height:41px!important;padding:9px 11px!important;line-height:1.25!important;}
textarea{min-height:86px!important;}
.metric-grid,.value-grid,.seller-grid,.dashboard-widget-grid{gap:10px!important;}
.metric-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;}
.metric-card{min-height:104px!important;display:grid!important;align-content:space-between!important;}
.metric-card span{font-size:.74rem!important;line-height:1.15!important;text-transform:uppercase!important;letter-spacing:.045em!important;margin-bottom:6px!important;}
.metric-card strong{font-size:clamp(1.28rem,1.9vw,2.05rem)!important;line-height:1!important;}
.toolbar,.shop-toolbar,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar,.filter-toolbar{gap:9px!important;padding:11px!important;border-radius:18px!important;align-items:end!important;}
.shop-toolbar,.admin-filter-bar,.batch-toolbar{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;}
.product-grid,.shop-product-grid,.portal-product-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;gap:14px!important;align-items:stretch!important;}
.product-card,.portal-product-card{overflow:hidden!important;transition:transform .16s ease,box-shadow .16s ease!important;min-width:0!important;}
.product-card:hover,.portal-product-card:hover{transform:translateY(-3px)!important;box-shadow:var(--zip76-shadow-hover)!important;}
.product-card img,.portal-product-card img{width:100%!important;aspect-ratio:1.12/1!important;max-height:178px!important;object-fit:cover!important;background:#fff3dd!important;}
.product-body{padding:13px!important;display:grid!important;gap:7px!important;min-width:0!important;}
.product-body h3{font-size:1rem!important;line-height:1.18!important;margin:0!important;min-height:auto!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.product-body p{font-size:.86rem!important;line-height:1.35!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.price-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:auto!important;}
.price-row strong{font-size:1.04rem!important;white-space:nowrap!important;}
.table-wrap,.data-table-wrap{border-radius:18px!important;overflow:auto!important;box-shadow:var(--zip76-shadow)!important;}
table{min-width:760px;border-collapse:separate!important;border-spacing:0!important;}
th,td{padding:9px 10px!important;font-size:.84rem!important;line-height:1.3!important;vertical-align:top!important;}
th{font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:950!important;position:sticky;top:0;z-index:2;}
.cart-layout{grid-template-columns:minmax(0,1fr) minmax(310px,365px)!important;gap:14px!important;}
.cart-row{border-radius:18px!important;padding:12px!important;gap:11px!important;}
.chat-panel.floating-window,.admin-floating-chat-panel,.quick-cart-drawer{border-radius:22px!important;}
.chat-widget{right:18px!important;bottom:96px!important;}
.quick-cart-widget{right:18px!important;bottom:18px!important;}
.what-this-button{right:18px!important;bottom:172px!important;}

/* Clean one-page invoice layout */
.one-page-invoice-shell{max-width:210mm!important;margin-inline:auto!important;}
.invoice-one-page{width:200mm!important;height:287mm!important;min-height:287mm!important;max-height:287mm!important;padding:5mm!important;border-radius:8px!important;background:#fff!important;color:#17202b!important;overflow:hidden!important;font-size:7.7pt!important;line-height:1.12!important;box-shadow:0 16px 48px rgba(0,0,0,.14)!important;}
.invoice-top{grid-template-columns:minmax(0,1fr) 54mm!important;gap:4mm!important;padding-bottom:2.5mm!important;margin-bottom:2.5mm!important;}
.invoice-brand-block{grid-template-columns:19mm minmax(0,1fr)!important;gap:2.5mm!important;}
.invoice-one-page .invoice-logo{width:18mm!important;height:18mm!important;border-radius:3mm!important;}
.invoice-brand-block h1{font-size:12.5pt!important;line-height:1!important;margin:0 0 .8mm!important;}
.invoice-meta-box{padding:2mm!important;border-radius:3mm!important;}
.invoice-meta-box h2{font-size:11pt!important;margin:.4mm 0!important;}
.invoice-info-grid{grid-template-columns:1fr 1.15fr!important;gap:2mm!important;margin-bottom:2mm!important;}
.invoice-info-card,.invoice-note-box{padding:1.8mm!important;border-radius:2.6mm!important;}
.invoice-info-card h3,.invoice-note-box h3,.invoice-section-heading h3{font-size:7pt!important;margin:0 0 .8mm!important;}
.invoice-brand-block p,.invoice-meta-box p,.invoice-info-card p,.invoice-note-box p{margin:.35mm 0!important;line-height:1.12!important;}
.invoice-section-heading{margin-bottom:.8mm!important;}
.invoice-items-table{font-size:6.7pt!important;line-height:1.08!important;}
.invoice-items-table th{font-size:5.9pt!important;padding:1mm 1.2mm!important;}
.invoice-items-table td{padding:.85mm 1.2mm!important;}
.invoice-bottom-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 50mm!important;gap:2.5mm!important;align-items:start!important;margin-top:2mm!important;}
.invoice-totals{margin:0!important;max-width:none!important;border-radius:2.8mm!important;}
.invoice-totals div{padding:1.35mm 1.8mm!important;}
.invoice-density-compact .invoice-one-page,.invoice-one-page.invoice-density-compact{font-size:7.1pt!important;}
.invoice-density-tight .invoice-one-page,.invoice-one-page.invoice-density-tight{font-size:6.2pt!important;}
.invoice-density-micro .invoice-one-page,.invoice-one-page.invoice-density-micro{font-size:5.4pt!important;}
.invoice-one-page.invoice-density-tight .invoice-items-table,.invoice-one-page.invoice-density-micro .invoice-items-table{font-size:5.5pt!important;}
.invoice-one-page.invoice-density-micro .invoice-items-table td{padding:.55mm .9mm!important;}

/* Smaller square packing slip with all items and only total pricing */
.packing-document.compact{max-width:120mm!important;margin-inline:auto!important;}
.packing-slip-square{width:112mm!important;height:112mm!important;min-height:112mm!important;max-height:112mm!important;margin:0 auto!important;padding:4mm!important;border:1.2mm solid #21170f!important;border-radius:5mm!important;background:#fffdf8!important;color:#21170f!important;box-shadow:0 16px 46px rgba(0,0,0,.15)!important;overflow:hidden!important;font-size:6.2pt!important;line-height:1.08!important;}
.packing-slip-square .ps-full-top{display:grid!important;grid-template-columns:minmax(0,1fr) 22mm!important;gap:2mm!important;border-bottom:.35mm solid #21170f!important;padding-bottom:1.5mm!important;margin-bottom:1.5mm!important;}
.packing-slip-square .ps-label{font-size:5.6pt!important;letter-spacing:.05em!important;margin:0!important;}
.packing-slip-square .ps-full-top h1{font-size:13pt!important;line-height:1!important;margin:0!important;}
.packing-slip-square .ps-full-top p{font-size:5.6pt!important;margin:.4mm 0 0!important;}
.packing-slip-square .ps-att{border:.3mm solid #21170f!important;border-radius:1.8mm!important;padding:1mm!important;text-align:center!important;font-size:6pt!important;}
.packing-slip-square .ps-full-info{display:grid!important;grid-template-columns:1fr 1fr 21mm!important;gap:1.4mm!important;margin-bottom:1.5mm!important;}
.packing-slip-square .ps-box{padding:1.1mm!important;border-radius:1.9mm!important;background:#fffaf2!important;border:.25mm solid #e0cdb7!important;margin:0!important;min-height:0!important;}
.packing-slip-square h2{font-size:5.4pt!important;letter-spacing:.05em!important;margin:0 0 .55mm!important;color:#6b3f20!important;}
.packing-slip-square p{font-size:5.5pt!important;line-height:1.05!important;margin:.35mm 0!important;}
.packing-slip-square .ps-items-full{border:.25mm solid #e0cdb7!important;border-radius:2mm!important;padding:1mm!important;max-height:61mm!important;overflow:hidden!important;background:#fff!important;}
.packing-slip-square .ps-items-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:.7mm!important;}
.packing-slip-square .ps-items-head h2{margin:0!important;}
.packing-slip-square .ps-items-head strong{font-size:5.4pt!important;}
.packing-slip-square table{min-width:0!important;width:100%!important;border-collapse:collapse!important;background:transparent!important;color:#21170f!important;font-size:5.3pt!important;line-height:1.05!important;}
.packing-slip-square th{position:static!important;background:#21170f!important;color:#fff!important;padding:.7mm .8mm!important;border:0!important;font-size:4.7pt!important;}
.packing-slip-square td{padding:.45mm .7mm!important;border-bottom:.18mm solid #eadac8!important;font-size:5.2pt!important;line-height:1.03!important;}
.packing-slip-square td:nth-child(1),.packing-slip-square th:nth-child(1){width:4mm;text-align:center;}
.packing-slip-square td:nth-child(2),.packing-slip-square th:nth-child(2){width:9mm;text-align:center;white-space:nowrap;}
.packing-slip-square td:nth-child(4),.packing-slip-square th:nth-child(4){width:18mm;}
.packing-slip-square .ps-footer-total{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:1.4mm!important;border:.35mm solid #21170f!important;border-radius:2mm!important;padding:1mm 1.4mm!important;font-size:7pt!important;background:#21170f!important;color:#fff!important;}
.packing-slip-square .ps-footer-total strong{font-size:8.5pt!important;}

@media(min-width:1200px){
  .product-grid,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;}
  .product-grid.compact{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;}
  .app-shell{grid-template-columns:258px minmax(0,1fr)!important;}
}
@media(max-width:980px){
  body.site{font-size:14px!important;padding-bottom:calc(var(--mobile-nav-h,74px) + 16px)!important;}
  .app-shell{display:block!important;padding:58px 10px calc(var(--mobile-nav-h,74px) + 18px)!important;width:100%!important;}
  .content-shell{gap:10px!important;}
  .sidebar{position:fixed!important;z-index:2400!important;top:10px!important;bottom:calc(var(--mobile-nav-h,74px) + 10px)!important;left:10px!important;right:auto!important;width:min(330px,calc(100vw - 20px))!important;height:auto!important;transform:translateX(calc(-100% - 24px))!important;}
  body.sidebar-open .sidebar{transform:translateX(0)!important;}
  .page-header{grid-template-columns:1fr!important;align-items:start!important;padding:14px!important;border-radius:18px!important;}
  .dashboard-header,.glass-panel,.glass-card,.panel,.metric-card{padding:12px!important;border-radius:16px!important;}
  h1,.page-header h1,.dashboard-header h1{font-size:clamp(1.55rem,6vw,2.25rem)!important;line-height:1.07!important;}
  h2{font-size:clamp(1.12rem,4.8vw,1.55rem)!important;}
  .metric-grid,.dashboard-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .shop-toolbar,.admin-filter-bar,.batch-toolbar,.toolbar{grid-template-columns:1fr 1fr!important;padding:9px!important;gap:7px!important;}
  .product-grid,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .product-card img,.portal-product-card img{max-height:112px!important;aspect-ratio:1.25/1!important;}
  .product-body{padding:9px!important;gap:5px!important;}
  .product-body h3{font-size:.84rem!important;line-height:1.14!important;}
  .product-body p{display:none!important;}
  .price-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;}
  .price-row .btn{width:100%!important;}
  .cart-layout,.admin-grid,.admin-grid.wide-left,.order-detail-grid,.invoice-info-grid,.invoice-bottom-grid{grid-template-columns:1fr!important;}
  .table-wrap table,.data-table-wrap table{min-width:0!important;width:100%!important;display:block!important;}
  .table-wrap thead,.data-table-wrap thead{display:none!important;}
  .table-wrap tbody,.data-table-wrap tbody,.table-wrap tr,.data-table-wrap tr,.table-wrap td,.data-table-wrap td{display:block!important;width:100%!important;}
  .table-wrap tr,.data-table-wrap tr{padding:10px!important;margin:0 0 10px!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;}
  .table-wrap td,.data-table-wrap td{padding:5px 0!important;border:0!important;font-size:.82rem!important;}
  .button-row{display:grid!important;grid-template-columns:1fr!important;}
  .button-row .btn,.button-row button{width:100%!important;}
  .chat-widget{right:12px!important;bottom:calc(var(--mobile-nav-h,74px) + 84px)!important;}
  .quick-cart-widget{right:12px!important;bottom:calc(var(--mobile-nav-h,74px) + 18px)!important;}
  .what-this-button{right:12px!important;bottom:calc(var(--mobile-nav-h,74px) + 150px)!important;}
  .chat-panel.floating-window,.admin-floating-chat-panel{width:calc(100vw - 24px)!important;max-height:calc(100dvh - var(--mobile-nav-h,74px) - 32px)!important;min-width:0!important;}
  .quick-cart-drawer{width:100vw!important;max-width:100vw!important;}
}
@media(max-width:520px){
  .app-shell{padding-left:8px!important;padding-right:8px!important;}
  .metric-grid,.dashboard-widget-grid{grid-template-columns:1fr 1fr!important;}
  .metric-card{min-height:82px!important;}
  .metric-card strong{font-size:1.18rem!important;}
  .metric-card span{font-size:.62rem!important;}
  .shop-toolbar,.admin-filter-bar,.batch-toolbar,.toolbar{grid-template-columns:1fr!important;}
  .product-grid,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .product-card img,.portal-product-card img{max-height:96px!important;}
  .product-body h3{font-size:.78rem!important;}
  .btn,button.btn,a.btn{min-height:38px!important;font-size:.82rem!important;}
  .glass-panel,.glass-card,.panel,.metric-card{padding:10px!important;border-radius:14px!important;}
  .packing-slip-square{width:calc(100vw - 28px)!important;height:calc(100vw - 28px)!important;max-height:112mm!important;}
}
@media print{
  @page{size:A4;margin:6mm;}
  body.site{background:#fff!important;padding:0!important;}
  .print-hide,.sidebar,.mobile-menu-button,.mobile-app-nav,.sidebar-backdrop,.desktop-command-bar,.chat-widget,.quick-cart-widget,.admin-floating-chat-widget,.what-this-button,.what-this-overlay{display:none!important;}
  .app-shell{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
  .content-shell{display:block!important;padding:0!important;margin:0!important;max-width:none!important;}
  .document-shell{margin:0!important;max-width:none!important;display:block!important;}
  .document-page{box-shadow:none!important;}
  .invoice-one-page{width:198mm!important;height:285mm!important;min-height:285mm!important;max-height:285mm!important;padding:4.5mm!important;border-radius:0!important;break-inside:avoid!important;page-break-inside:avoid!important;}
  .packing-slip-square{width:108mm!important;height:108mm!important;min-height:108mm!important;max-height:108mm!important;margin:0!important;border-radius:0!important;box-shadow:none!important;break-inside:avoid!important;page-break-inside:avoid!important;}
  .packing-slip-square *,.invoice-one-page *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;}
}

/* ===== ZIP77 - premium desktop/mobile UI and invoice recovery ===== */
:root{
  --zip77-card:rgba(255,252,246,.82);
  --zip77-card-strong:rgba(255,252,246,.94);
  --zip77-line:rgba(91,55,26,.12);
  --zip77-shadow:0 16px 50px rgba(68,35,10,.105);
  --zip77-shadow-soft:0 8px 26px rgba(68,35,10,.07);
  --zip77-admin-card:rgba(9,25,47,.78);
}
body.site{background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.92),transparent 34rem),radial-gradient(circle at 90% 20%,rgba(255,237,199,.70),transparent 28rem),linear-gradient(135deg,#fff4de 0%,#edcc99 48%,#d4a567 100%)!important;}
body.site::before{background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 18%,transparent 82%,rgba(255,255,255,.20)),radial-gradient(circle at 55% 4%,rgba(255,255,255,.36),transparent 28rem)!important;}
@media(min-width:981px){
  .app-shell{grid-template-columns:272px minmax(0,1fr)!important;gap:22px!important;padding:22px!important;max-width:1840px!important;margin:0 auto!important;}
  .content-shell{display:grid!important;gap:16px!important;align-content:start!important;}
  .sidebar{position:sticky!important;top:22px!important;height:calc(100dvh - 44px)!important;border-radius:30px!important;padding:18px!important;background:linear-gradient(180deg,rgba(97,56,25,.88),rgba(58,31,14,.84))!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 24px 78px rgba(49,26,9,.22)!important;}
  .sidebar-admin{background:linear-gradient(180deg,rgba(7,24,45,.98),rgba(4,14,28,.98))!important;}
  .brand-block{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;padding:12px!important;margin-bottom:14px!important;}
  .side-nav{gap:8px!important;margin-top:0!important;}
  .side-nav a{min-height:48px!important;padding:11px 13px!important;border-radius:18px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.08)!important;}
  .side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.18)!important;transform:translateX(2px);}
  .desktop-command-bar{border-radius:28px!important;padding:16px 18px!important;background:var(--zip77-card-strong)!important;border:1px solid var(--zip77-line)!important;box-shadow:var(--zip77-shadow-soft)!important;}
  .agent-ticker-shell{border-radius:20px!important;box-shadow:var(--zip77-shadow-soft)!important;border:1px solid rgba(122,72,31,.10)!important;}
  .page-header,.dashboard-header{border-radius:30px!important;background:linear-gradient(135deg,rgba(255,252,246,.94),rgba(255,246,231,.78))!important;border:1px solid var(--zip77-line)!important;box-shadow:var(--zip77-shadow)!important;padding:24px 26px!important;}
  .page-header h1,.dashboard-header h1{font-size:clamp(2.2rem,2.8vw,3.75rem)!important;line-height:.98!important;letter-spacing:-.055em!important;}
  .glass-panel,.glass-card,.panel,.metric-card,.checkout-card,.login-panel,.product-card,.portal-product-card{background:var(--zip77-card)!important;border:1px solid var(--zip77-line)!important;box-shadow:var(--zip77-shadow-soft)!important;backdrop-filter:blur(18px)!important;}
  .admin-theme .glass-panel,.admin-theme .glass-card,.admin-theme .panel,.admin-theme .metric-card{background:var(--zip77-admin-card)!important;border-color:rgba(83,203,255,.14)!important;box-shadow:0 18px 52px rgba(0,0,0,.22)!important;}
  .product-grid,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;gap:18px!important;}
  .product-card img,.portal-product-card img{height:190px!important;max-height:190px!important;border-radius:22px 22px 10px 10px!important;}
  .product-body{padding:16px!important;gap:10px!important;}
  .toolbar,.shop-toolbar,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar,.filter-toolbar{border-radius:24px!important;background:rgba(255,252,246,.72)!important;border:1px solid var(--zip77-line)!important;box-shadow:var(--zip77-shadow-soft)!important;}
  .table-wrap,.data-table-wrap{border-radius:24px!important;background:rgba(255,252,246,.74)!important;border:1px solid var(--zip77-line)!important;box-shadow:var(--zip77-shadow-soft)!important;}
  .chat-widget,.quick-cart-widget,.what-this-button{right:26px!important;}
  .quick-cart-widget{bottom:26px!important}.chat-widget{bottom:100px!important}.what-this-button{bottom:174px!important;}
}

/* Faktuur: readable on screen, strict on print/PDF */
@media screen{
  body.page-invoice .content-shell, body.page-admin_packing_slip .content-shell{max-width:none!important;}
  body.page-invoice .desktop-command-bar, body.page-invoice .agent-ticker-shell{max-width:none!important;}
  .invoice-document.one-page-invoice-shell{width:min(100%,1120px)!important;max-width:1120px!important;margin:0 auto 28px!important;display:block!important;}
  .invoice-document .document-actions{justify-content:center!important;margin:0 0 12px!important;}
  .invoice-one-page{width:100%!important;max-width:1040px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:22px!important;border-radius:28px!important;font-size:12px!important;line-height:1.28!important;overflow:visible!important;box-shadow:0 22px 70px rgba(58,33,13,.16)!important;}
  .invoice-fit-inner{transform:none!important;width:auto!important;}
  .invoice-top{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)!important;gap:18px!important;padding-bottom:14px!important;margin-bottom:14px!important;border-bottom:1px solid #eadac8!important;}
  .invoice-brand-block{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:14px!important;}
  .invoice-one-page .invoice-logo{width:66px!important;height:66px!important;border-radius:16px!important;object-fit:cover!important;}
  .invoice-brand-block h1{font-size:1.25rem!important;line-height:1.08!important;margin:0 0 4px!important;letter-spacing:-.02em!important;}
  .invoice-meta-box{padding:14px!important;border-radius:18px!important;background:#fff8ed!important;}
  .invoice-meta-box h2{font-size:1.22rem!important;line-height:1!important;margin:4px 0 8px!important;word-break:break-word!important;}
  .invoice-info-grid{display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:12px!important;margin-bottom:12px!important;}
  .invoice-info-card,.invoice-note-box{border-radius:16px!important;padding:12px!important;background:#fffaf2!important;}
  .invoice-brand-block p,.invoice-meta-box p,.invoice-info-card p,.invoice-note-box p{font-size:.86rem!important;line-height:1.32!important;margin:3px 0!important;}
  .invoice-info-card h3,.invoice-note-box h3,.invoice-section-heading h3{font-size:.72rem!important;letter-spacing:.08em!important;margin:0 0 6px!important;}
  .invoice-items-block{overflow:visible!important;margin-bottom:12px!important;}
  .invoice-items-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;font-size:.82rem!important;line-height:1.2!important;}
  .invoice-items-table .invoice-col-product{width:auto!important;}
  .invoice-items-table .invoice-col-qty{width:72px!important;}
  .invoice-items-table .invoice-col-unit{width:112px!important;}
  .invoice-items-table .invoice-col-total{width:118px!important;}
  .invoice-items-table th{position:static!important;background:#2b1c12!important;color:#fff!important;padding:8px 10px!important;font-size:.68rem!important;}
  .invoice-items-table td{padding:7px 10px!important;border-bottom:1px solid #ecdcca!important;overflow-wrap:break-word!important;word-break:normal!important;}
  .invoice-items-table td:first-child strong{display:block!important;line-height:1.18!important;}
  .invoice-items-table small{font-size:.72rem!important;line-height:1.15!important;color:#7a614d!important;}
  .invoice-bottom-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:12px!important;align-items:start!important;}
  .invoice-one-page .invoice-totals{font-size:.86rem!important;border-radius:16px!important;overflow:hidden!important;}
  .invoice-one-page .invoice-totals div{padding:9px 11px!important;}
  .invoice-one-page .invoice-totals div:last-child{font-size:1rem!important;}
  .invoice-is-scaled:after{display:none!important;}
}
@media(max-width:760px){
  .invoice-one-page{padding:12px!important;border-radius:18px!important;font-size:11px!important;}
  .invoice-top,.invoice-info-grid,.invoice-bottom-grid{grid-template-columns:1fr!important;}
  .invoice-items-table{display:table!important;table-layout:fixed!important;}
  .invoice-items-table .invoice-col-qty{width:46px!important}.invoice-items-table .invoice-col-unit{width:72px!important}.invoice-items-table .invoice-col-total{width:78px!important;}
  .invoice-items-table th,.invoice-items-table td{font-size:.68rem!important;padding:6px 5px!important;}
  .invoice-items-table small{display:none!important;}
  .invoice-document .document-actions{display:grid!important;grid-template-columns:1fr!important;}
}
@media print{
  .invoice-document.one-page-invoice-shell{width:200mm!important;max-width:200mm!important;margin:0!important;}
  .invoice-one-page{width:200mm!important;height:287mm!important;min-height:287mm!important;max-height:287mm!important;padding:5mm!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important;font-size:7pt!important;line-height:1.08!important;}
  .invoice-fit-inner{transform-origin:top left!important;}
  .invoice-items-table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:5.9pt!important;line-height:1.02!important;}
  .invoice-items-table .invoice-col-qty{width:12mm!important}.invoice-items-table .invoice-col-unit{width:22mm!important}.invoice-items-table .invoice-col-total{width:23mm!important;}
  .invoice-items-table th{position:static!important;font-size:5.1pt!important;padding:.55mm .75mm!important;}
  .invoice-items-table td{padding:.45mm .75mm!important;}
  .invoice-items-table small{font-size:4.5pt!important;}
  .invoice-top{grid-template-columns:1fr 50mm!important;gap:3mm!important;margin-bottom:2mm!important;padding-bottom:2mm!important;}
  .invoice-info-grid{grid-template-columns:1fr 1.2fr!important;gap:2mm!important;margin-bottom:2mm!important;}
  .invoice-bottom-grid{grid-template-columns:minmax(0,1fr) 49mm!important;gap:2mm!important;}
  .invoice-brand-block{grid-template-columns:17mm minmax(0,1fr)!important;gap:2mm!important;}
  .invoice-one-page .invoice-logo{width:16mm!important;height:16mm!important;}
  .invoice-brand-block h1{font-size:10pt!important;}
  .invoice-meta-box h2{font-size:9pt!important;}
}

/* Pakstrokie: square label stays compact but less cramped on screen */
@media screen{
  .packing-document.compact{max-width:560px!important;margin:0 auto 28px!important;}
  .packing-slip-square{width:min(100%,520px)!important;height:auto!important;min-height:520px!important;max-height:none!important;border-radius:28px!important;padding:18px!important;font-size:10px!important;line-height:1.16!important;}
  .packing-slip-square .ps-full-top h1{font-size:1.35rem!important;}
  .packing-slip-square .ps-full-info{grid-template-columns:1fr 1fr!important;}
  .packing-slip-square .ps-full-info .ps-box:last-child{grid-column:1/-1!important;}
  .packing-slip-square .ps-items-full{max-height:none!important;}
  .packing-slip-square table{font-size:.72rem!important;}
  .packing-slip-square th,.packing-slip-square td{font-size:.68rem!important;padding:5px 6px!important;}
}
@media print{
  .packing-slip-square{width:108mm!important;height:108mm!important;min-height:108mm!important;max-height:108mm!important;padding:4mm!important;border-radius:0!important;font-size:5.5pt!important;overflow:hidden!important;}
  .packing-slip-square .ps-items-full{max-height:60mm!important;overflow:hidden!important;}
}


/* ===== ZIP78 - compact density pass and darker pakstrokie items ===== */
:root{
  --zip78-gap:12px;
  --zip78-radius:18px;
  --zip78-pad:14px;
  --zip78-card-shadow:0 10px 28px rgba(68,35,10,.075);
}
body.site{font-size:14.5px!important;}
.app-shell{max-width:1480px!important;}
.content-shell{gap:var(--zip78-gap)!important;}
.agent-ticker-shell{margin-bottom:8px!important;}
.agent-ticker{min-height:34px!important;font-size:.9rem!important;}
.page-header,.dashboard-header,.glass-panel,.glass-card,.panel,.metric-card,.checkout-card,.login-panel{box-shadow:var(--zip78-card-shadow)!important;}
.page-header p,.dashboard-header p,.glass-panel p,.panel p{line-height:1.38!important;}
.eyebrow{margin-bottom:5px!important;}
.btn,button.btn,a.btn{padding:9px 13px!important;min-height:38px!important;border-radius:999px!important;font-size:.88rem!important;}
input,select,textarea{padding:10px 12px!important;min-height:40px!important;border-radius:12px!important;}
label{gap:4px!important;}
.toolbar,.shop-toolbar,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar,.filter-toolbar{padding:10px!important;gap:8px!important;border-radius:18px!important;}
.metric-grid,.dashboard-widget-grid,.value-grid,.seller-grid,.review-grid,.recipe-grid,.form-grid,.admin-grid,.order-detail-grid{gap:10px!important;}
.metric-card{min-height:0!important;}
.metric-card strong,.card-value,.stats-row strong,.report-split strong{font-size:clamp(1.25rem,1.8vw,1.75rem)!important;line-height:1.05!important;}
.metric-card span{font-size:.74rem!important;}
.table-wrap,.data-table-wrap{border-radius:16px!important;box-shadow:var(--zip78-card-shadow)!important;}
th,td{padding:7px 9px!important;}

@media(min-width:981px){
  .app-shell{grid-template-columns:238px minmax(0,1fr)!important;gap:14px!important;padding:14px!important;}
  .sidebar{top:14px!important;height:calc(100dvh - 28px)!important;padding:12px!important;border-radius:22px!important;}
  .brand-block{padding:10px!important;margin-bottom:10px!important;border-radius:16px!important;}
  .brand-logo-wrap{width:44px!important;height:44px!important;border-radius:14px!important;}
  .brand-logo{width:42px!important;height:42px!important;border-radius:12px!important;}
  .brand-block strong{font-size:.9rem!important;line-height:1.08!important;}
  .brand-block span{font-size:.72rem!important;line-height:1.1!important;}
  .side-nav{gap:6px!important;}
  .side-nav a{min-height:40px!important;padding:8px 10px!important;border-radius:13px!important;}
  .side-nav a span{font-size:.88rem!important;line-height:1.05!important;}
  .side-nav a small{font-size:.66rem!important;line-height:1.05!important;}
  .sidebar-note{padding:10px!important;border-radius:14px!important;font-size:.72rem!important;line-height:1.25!important;}
  .desktop-command-bar{padding:9px 12px!important;border-radius:18px!important;min-height:0!important;}
  .desktop-command-bar .brand-copy strong{font-size:.9rem!important;}
  .desktop-command-bar .brand-copy span{font-size:.72rem!important;}
  .desktop-command-bar .quick-links{gap:6px!important;}
  .desktop-command-bar .quick-links a,.desktop-command-bar .quick-links button{padding:7px 10px!important;min-height:34px!important;font-size:.78rem!important;}
  .page-header,.dashboard-header{padding:15px 18px!important;border-radius:20px!important;min-height:0!important;}
  .page-header h1,.dashboard-header h1,h1{font-size:clamp(1.65rem,2.35vw,2.55rem)!important;line-height:1.03!important;margin-bottom:7px!important;}
  h2{font-size:clamp(1.14rem,1.65vw,1.55rem)!important;margin-bottom:7px!important;}
  h3{font-size:.98rem!important;}
  .glass-panel{padding:16px!important;border-radius:20px!important;}
  .glass-card,.panel,.metric-card,.checkout-card,.login-panel{padding:14px!important;border-radius:18px!important;}
  .product-grid,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;gap:12px!important;}
  .product-grid.compact{grid-template-columns:repeat(auto-fit,minmax(176px,1fr))!important;}
  .product-card,.portal-product-card{border-radius:18px!important;}
  .product-card img,.portal-product-card img{height:138px!important;max-height:138px!important;border-radius:18px 18px 8px 8px!important;}
  .product-body{padding:11px!important;gap:6px!important;}
  .product-body h3{font-size:.95rem!important;line-height:1.12!important;margin-bottom:3px!important;}
  .product-body p{font-size:.82rem!important;line-height:1.28!important;margin:0!important;}
  .price-row strong{font-size:.96rem!important;}
  .hero-grid{min-height:0!important;gap:14px!important;}
  .hero-card{max-width:330px!important;}
  .top-agent-celebration{padding:12px 14px!important;border-radius:16px!important;}
  .rank-medal,.rank-pill{width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important;font-size:1.05rem!important;}
  .invoice-document.one-page-invoice-shell{max-width:960px!important;margin-bottom:16px!important;}
  .invoice-one-page{max-width:900px!important;padding:16px!important;border-radius:20px!important;font-size:11px!important;line-height:1.22!important;box-shadow:0 12px 34px rgba(58,33,13,.11)!important;}
  .invoice-top{gap:11px!important;padding-bottom:10px!important;margin-bottom:10px!important;grid-template-columns:minmax(0,1.18fr) 250px!important;}
  .invoice-brand-block{grid-template-columns:56px minmax(0,1fr)!important;gap:10px!important;}
  .invoice-one-page .invoice-logo{width:52px!important;height:52px!important;border-radius:12px!important;}
  .invoice-brand-block h1{font-size:1.06rem!important;}
  .invoice-meta-box{padding:10px!important;border-radius:14px!important;}
  .invoice-meta-box h2{font-size:1rem!important;margin:2px 0 6px!important;}
  .invoice-info-grid{gap:8px!important;margin-bottom:8px!important;}
  .invoice-info-card,.invoice-note-box{padding:9px!important;border-radius:12px!important;}
  .invoice-brand-block p,.invoice-meta-box p,.invoice-info-card p,.invoice-note-box p{font-size:.76rem!important;line-height:1.24!important;margin:2px 0!important;}
  .invoice-items-block{margin-bottom:8px!important;}
  .invoice-items-table{font-size:.74rem!important;line-height:1.13!important;}
  .invoice-items-table th{padding:6px 8px!important;font-size:.61rem!important;}
  .invoice-items-table td{padding:5px 8px!important;}
  .invoice-items-table small{font-size:.64rem!important;}
  .invoice-bottom-grid{grid-template-columns:minmax(0,1fr) 240px!important;gap:8px!important;}
  .invoice-one-page .invoice-totals div{padding:7px 9px!important;}
  .packing-document.compact{max-width:470px!important;margin-bottom:16px!important;}
  .packing-slip-square{width:min(100%,440px)!important;min-height:440px!important;padding:14px!important;border-radius:20px!important;font-size:9px!important;line-height:1.12!important;box-shadow:0 12px 32px rgba(58,33,13,.12)!important;}
  .packing-slip-square .ps-full-top h1{font-size:1.12rem!important;}
  .packing-slip-square th,.packing-slip-square td{padding:4px 5px!important;}
}

@media(max-width:980px){
  body.site{font-size:13.5px!important;}
  .app-shell{padding:62px 8px calc(var(--mobile-nav-h,74px) + 12px)!important;}
  .content-shell{gap:8px!important;}
  .page-header,.dashboard-header,.glass-panel,.glass-card,.panel,.metric-card{padding:12px!important;border-radius:15px!important;}
  .page-header h1,.dashboard-header h1,h1{font-size:clamp(1.42rem,6.4vw,2.05rem)!important;margin-bottom:5px!important;}
  h2{font-size:clamp(1.06rem,4.8vw,1.42rem)!important;margin-bottom:5px!important;}
  .page-header p,.dashboard-header p{font-size:.86rem!important;line-height:1.28!important;}
  .toolbar,.shop-toolbar,.admin-filter-bar,.batch-toolbar,.filter-toolbar{padding:7px!important;gap:6px!important;border-radius:14px!important;}
  .metric-grid,.dashboard-widget-grid{gap:6px!important;}
  .metric-card{padding:9px!important;min-height:68px!important;}
  .metric-card strong{font-size:1.08rem!important;}
  .product-grid,.shop-product-grid,.portal-product-grid{gap:7px!important;}
  .product-card img,.portal-product-card img{max-height:88px!important;}
  .product-body{padding:8px!important;gap:4px!important;}
  .product-body h3{font-size:.76rem!important;line-height:1.1!important;}
  .price-row strong{font-size:.82rem!important;}
  .btn,button.btn,a.btn{min-height:36px!important;font-size:.78rem!important;padding:8px 10px!important;}
  input,select,textarea{min-height:38px!important;padding:8px 10px!important;}
  .invoice-one-page{padding:9px!important;border-radius:14px!important;font-size:10px!important;}
  .invoice-items-table th,.invoice-items-table td{font-size:.62rem!important;padding:4px 4px!important;}
  .packing-slip-square{width:calc(100vw - 24px)!important;height:auto!important;min-height:calc(100vw - 24px)!important;padding:10px!important;border-radius:16px!important;}
}

/* Darker, clearer pakstrokie item text on screen, print and generated PDF */
.packing-slip-square,
.packing-slip-square *{color:#130d08!important;}
.packing-slip-square .ps-items-full{background:#fff!important;border-color:#b88d5f!important;}
.packing-slip-square table{color:#090604!important;font-weight:800!important;}
.packing-slip-square td{color:#090604!important;font-weight:850!important;border-bottom-color:#c9a57f!important;}
.packing-slip-square td:nth-child(3){font-weight:950!important;}
.packing-slip-square h2,
.packing-slip-square .ps-label,
.packing-slip-square .ps-items-head strong{color:#2b1c12!important;font-weight:950!important;}
.packing-slip-square .ps-box p{color:#21170f!important;font-weight:750!important;}
.packing-slip-square th{background:#130d08!important;color:#fff!important;font-weight:950!important;}
@media print{
  .packing-slip-square,
  .packing-slip-square *{color:#000!important;text-shadow:none!important;}
  .packing-slip-square th{background:#000!important;color:#fff!important;}
  .packing-slip-square td{font-weight:900!important;border-bottom-color:#777!important;}
  .packing-slip-square td:nth-child(3){font-weight:950!important;}
}

/* ===== ZIP79 - vierkantige widgets en digter app-uitleg ===== */
:root{
  --zip79-gap:8px;
  --zip79-radius:14px;
  --zip79-pad:10px;
  --zip79-admin-card:rgba(255,255,255,.055);
}
html,body{overflow-x:hidden!important;}
body.site{font-size:13.8px!important;}
.content-shell{gap:10px!important;}
.page-header,.dashboard-header{padding:12px 14px!important;border-radius:16px!important;min-height:0!important;}
.page-header h1,.dashboard-header h1,h1{font-size:clamp(1.45rem,2.25vw,2.25rem)!important;line-height:1.03!important;margin:0 0 5px!important;}
.page-header p,.dashboard-header p{margin:0!important;line-height:1.3!important;max-width:78ch!important;}
.glass-panel,.glass-card,.panel,.checkout-card,.login-panel{padding:12px!important;border-radius:16px!important;}
.metric-card{padding:10px!important;border-radius:14px!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:4px!important;overflow:hidden!important;}
.metric-card span{font-size:.64rem!important;line-height:1.08!important;letter-spacing:.035em!important;text-transform:uppercase!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.metric-card strong{font-size:clamp(1.03rem,1.45vw,1.42rem)!important;line-height:1!important;margin-top:auto!important;letter-spacing:-.03em!important;}
.metric-card small{font-size:.66rem!important;line-height:1.12!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.metric-grid,.dashboard-widget-grid,.admin-summary-grid,.value-grid,.seller-grid,.admin-grid,.form-grid,.product-grid,.shop-product-grid,.portal-product-grid{gap:var(--zip79-gap)!important;}
.toolbar,.shop-toolbar,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar,.filter-toolbar{padding:8px!important;gap:7px!important;border-radius:14px!important;}
.btn,button.btn,a.btn{min-height:34px!important;padding:7px 10px!important;font-size:.8rem!important;border-radius:999px!important;line-height:1.05!important;}
.btn.tiny,button.btn.tiny,a.btn.tiny{min-height:28px!important;padding:5px 8px!important;font-size:.72rem!important;}
input,select,textarea{min-height:34px!important;padding:7px 9px!important;border-radius:10px!important;font-size:.84rem!important;}
label{font-size:.78rem!important;gap:3px!important;}
table{font-size:.78rem!important;}th,td{padding:6px 7px!important;}th{font-size:.64rem!important;}
.inline-heading{gap:8px!important;margin-bottom:8px!important;}.eyebrow{font-size:.61rem!important;margin-bottom:4px!important;padding:4px 7px!important;}.status-badge{min-height:28px!important;padding:4px 8px!important;font-size:.68rem!important;}

@media(min-width:981px){
  .app-shell{grid-template-columns:226px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;max-width:1700px!important;}
  .sidebar{top:10px!important;height:calc(100dvh - 20px)!important;padding:9px!important;border-radius:18px!important;}
  .brand-block{padding:8px!important;margin-bottom:8px!important;border-radius:13px!important;}
  .brand-logo-wrap{width:40px!important;height:40px!important;border-radius:12px!important;}.brand-logo{width:38px!important;height:38px!important;}
  .brand-block strong{font-size:.78rem!important;}.brand-block span{font-size:.64rem!important;}
  .side-nav{gap:5px!important;}.side-nav a{min-height:36px!important;padding:7px 9px!important;border-radius:11px!important;}.side-nav a span{font-size:.78rem!important;}.side-nav a small{font-size:.58rem!important;}
  .sidebar-note{padding:8px!important;font-size:.64rem!important;line-height:1.18!important;border-radius:12px!important;}
  .desktop-command-bar{padding:7px 10px!important;border-radius:14px!important;top:10px!important;min-height:0!important;}
  .desktop-command-bar .quick-links{gap:5px!important;}.desktop-command-bar .quick-links a,.desktop-command-bar .quick-links button{padding:6px 9px!important;min-height:30px!important;font-size:.72rem!important;}
  .desktop-command-bar .brand-copy strong{font-size:.78rem!important;}.desktop-command-bar .brand-copy span{font-size:.62rem!important;}
  .content-shell{gap:10px!important;}
  .admin-summary-grid,.dashboard-widget-grid,.metric-grid.compact-metrics{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;align-items:stretch!important;}
  .admin-summary-grid .metric-card,.dashboard-widget-grid .metric-card,.metric-grid.compact-metrics .metric-card{aspect-ratio:1/1!important;min-height:118px!important;max-height:150px!important;justify-content:space-between!important;}
  .metric-grid:not(.dashboard-widget-grid):not(.admin-summary-grid):not(.compact-metrics){grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;}
  .metric-grid:not(.dashboard-widget-grid):not(.admin-summary-grid):not(.compact-metrics) .metric-card{min-height:96px!important;}
  .product-grid,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))!important;gap:9px!important;}
  .product-grid.compact{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))!important;}
  .product-card,.portal-product-card{border-radius:14px!important;}.product-card img,.portal-product-card img{height:112px!important;max-height:112px!important;border-radius:14px 14px 7px 7px!important;}
  .product-body{padding:8px!important;gap:4px!important;}.product-body h3{font-size:.82rem!important;line-height:1.1!important;margin-bottom:2px!important;}.product-body p{font-size:.72rem!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}.price-row strong{font-size:.86rem!important;}
  .admin-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)!important;gap:10px!important;}.admin-grid.fullwidth-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;}
  .admin-filter-bar,.order-filter-bar,.book-filter-bar,.batch-toolbar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;}
  .table-wrap,.data-table-wrap{border-radius:12px!important;}.table-wrap table,.data-table-wrap table{min-width:760px!important;}
  .admin-theme .metric-card,.admin-theme .panel,.admin-theme .dashboard-header,.admin-theme .dark-panel{background:var(--zip79-admin-card)!important;border-color:rgba(83,203,255,.12)!important;}
}

@media(max-width:980px){
  body.site{font-size:13px!important;}
  .app-shell{padding:58px 7px calc(var(--mobile-nav-h,72px) + 10px)!important;}
  .content-shell{gap:7px!important;}
  .page-header,.dashboard-header,.glass-panel,.glass-card,.panel,.metric-card,.checkout-card,.login-panel{padding:10px!important;border-radius:13px!important;}
  .page-header h1,.dashboard-header h1,h1{font-size:clamp(1.25rem,5.6vw,1.85rem)!important;}
  h2{font-size:clamp(1rem,4.1vw,1.28rem)!important;}h3{font-size:.9rem!important;}
  .metric-grid,.dashboard-widget-grid,.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .metric-card{aspect-ratio:1/0.76!important;min-height:74px!important;padding:8px!important;}
  .metric-card span{font-size:.58rem!important;}.metric-card strong{font-size:1rem!important;}.metric-card small{font-size:.6rem!important;}
  .product-grid,.product-grid.compact,.shop-product-grid,.portal-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .product-card img,.portal-product-card img{max-height:82px!important;}
  .product-body{padding:7px!important;}.product-body h3{font-size:.72rem!important;}.product-body p{display:none!important;}
  .toolbar,.shop-toolbar,.admin-filter-bar,.book-filter-bar,.order-filter-bar,.batch-toolbar,.filter-toolbar{padding:6px!important;gap:5px!important;border-radius:12px!important;}
  .btn,button.btn,a.btn{min-height:34px!important;padding:7px 8px!important;font-size:.76rem!important;}
  input,select,textarea{min-height:36px!important;padding:7px 8px!important;}
  .mobile-app-nav{min-height:58px!important;max-height:64px!important;border-radius:18px!important;padding:5px!important;}
  .mobile-app-nav a,.mobile-app-nav button{min-height:40px!important;}.mobile-app-nav strong{font-size:.56rem!important;}
}

@media(max-width:360px){
  .metric-grid,.dashboard-widget-grid,.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .metric-card{min-height:70px!important;}
}

/* ===== ZIP80 - FORCE ADMIN WIDGET GRIDS ===== */
body.site.admin-theme .metric-grid,
body.site.admin-theme .admin-summary-grid,
body.site.admin-theme .dashboard-widget-grid,
.metric-grid.admin-summary-grid,
.metric-grid.compact-metrics{
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:8px!important;
}
@media (min-width:1400px){
  body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics,
  body.site.admin-theme .admin-summary-grid,
  body.site.admin-theme .dashboard-widget-grid{
    grid-template-columns:repeat(8,minmax(112px,1fr))!important;
  }
}
@media (min-width:1180px) and (max-width:1399px){
  body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics,
  body.site.admin-theme .admin-summary-grid,
  body.site.admin-theme .dashboard-widget-grid{
    grid-template-columns:repeat(6,minmax(118px,1fr))!important;
  }
}
@media (min-width:981px) and (max-width:1179px){
  body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics,
  body.site.admin-theme .admin-summary-grid,
  body.site.admin-theme .dashboard-widget-grid{
    grid-template-columns:repeat(4,minmax(120px,1fr))!important;
  }
}
body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics > .metric-card,
body.site.admin-theme .admin-summary-grid > .metric-card,
body.site.admin-theme .dashboard-widget-grid > .metric-card{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  min-height:92px!important;
  height:auto!important;
  aspect-ratio:1.18 / .82!important;
  padding:10px 11px!important;
  border-radius:13px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
}
body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics > .metric-card span,
body.site.admin-theme .admin-summary-grid > .metric-card span,
body.site.admin-theme .dashboard-widget-grid > .metric-card span{
  display:block!important;
  font-size:.6rem!important;
  line-height:1.05!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  color:#a9c7da!important;
  margin:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics > .metric-card strong,
body.site.admin-theme .admin-summary-grid > .metric-card strong,
body.site.admin-theme .dashboard-widget-grid > .metric-card strong{
  display:block!important;
  font-size:clamp(.98rem,1.25vw,1.32rem)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
  color:#f7fbff!important;
  white-space:nowrap!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.site.admin-theme .content-shell{gap:8px!important;}
body.site.admin-theme .dashboard-header,
body.site.admin-theme .page-header,
body.site.admin-theme .panel,
body.site.admin-theme .glass-panel{
  padding:10px 12px!important;
  border-radius:14px!important;
}
body.site.admin-theme .admin-filter-bar,
body.site.admin-theme .order-filter-bar,
body.site.admin-theme .batch-toolbar{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;
  gap:7px!important;
}
body.site.admin-theme .table-wrap,
body.site.admin-theme .data-table-wrap{border-radius:12px!important;}
@media(max-width:980px){
  body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics,
  body.site.admin-theme .admin-summary-grid,
  body.site.admin-theme .dashboard-widget-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics > .metric-card,
  body.site.admin-theme .admin-summary-grid > .metric-card,
  body.site.admin-theme .dashboard-widget-grid > .metric-card{
    min-height:72px!important;
    aspect-ratio:1.35/.78!important;
    padding:8px!important;
    border-radius:12px!important;
  }
  body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics > .metric-card span,
  body.site.admin-theme .admin-summary-grid > .metric-card span,
  body.site.admin-theme .dashboard-widget-grid > .metric-card span{
    font-size:.54rem!important;
  }
  body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics > .metric-card strong,
  body.site.admin-theme .admin-summary-grid > .metric-card strong,
  body.site.admin-theme .dashboard-widget-grid > .metric-card strong{
    font-size:.95rem!important;
  }
}
@media(max-width:360px){
  body.site.admin-theme .metric-grid.admin-summary-grid.compact-metrics,
  body.site.admin-theme .admin-summary-grid,
  body.site.admin-theme .dashboard-widget-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* ===== ZIP81 - WHOLE SITE COMPACT APP-LIKE REBUILD ===== */
:root{
  --zip81-shell-max:1360px;
  --zip81-admin-shell-max:1420px;
  --zip81-sidebar:214px;
  --zip81-gap:8px;
  --zip81-radius:12px;
  --zip81-pad:10px;
  --zip81-card-bg:rgba(255,255,255,.60);
}
html{font-size:14px!important;}
body.site{font-size:13px!important;line-height:1.34!important;}
body.site *{box-sizing:border-box;}
body.site p{line-height:1.35!important;margin-top:0!important;}
body.site .app-shell{
  width:min(100%,var(--zip81-shell-max))!important;
  max-width:var(--zip81-shell-max)!important;
  margin:0 auto!important;
  padding:8px!important;
  gap:8px!important;
  grid-template-columns:var(--zip81-sidebar) minmax(0,1fr)!important;
  align-items:start!important;
}
body.site.admin-theme .app-shell{width:min(100%,var(--zip81-admin-shell-max))!important;max-width:var(--zip81-admin-shell-max)!important;}
body.site .content-shell{width:100%!important;max-width:100%!important;gap:8px!important;align-content:start!important;}
body.site .sidebar{width:var(--zip81-sidebar)!important;max-width:var(--zip81-sidebar)!important;padding:8px!important;border-radius:16px!important;top:8px!important;height:calc(100dvh - 16px)!important;}
body.site .brand-block{min-height:0!important;padding:7px!important;margin-bottom:7px!important;border-radius:12px!important;gap:7px!important;}
body.site .brand-logo-wrap{width:34px!important;height:34px!important;border-radius:10px!important;}
body.site .brand-logo{width:32px!important;height:32px!important;}
body.site .brand-block strong{font-size:.72rem!important;line-height:1.05!important;}
body.site .brand-block span{font-size:.58rem!important;line-height:1.05!important;}
body.site .side-nav{gap:4px!important;}
body.site .side-nav a{min-height:30px!important;padding:6px 8px!important;border-radius:9px!important;gap:6px!important;}
body.site .side-nav a span{font-size:.72rem!important;line-height:1.05!important;}
body.site .side-nav a small{font-size:.53rem!important;line-height:1.05!important;}
body.site .sidebar-note{padding:6px 7px!important;border-radius:10px!important;font-size:.56rem!important;line-height:1.15!important;margin-top:7px!important;}
body.site .desktop-command-bar{position:sticky!important;top:8px!important;z-index:40!important;min-height:0!important;padding:6px 8px!important;border-radius:12px!important;gap:8px!important;}
body.site .desktop-command-bar .command-copy strong{font-size:.74rem!important;line-height:1!important;}
body.site .desktop-command-bar .command-copy span{font-size:.58rem!important;line-height:1.15!important;}
body.site .desktop-command-bar .command-actions{gap:4px!important;}
body.site .desktop-command-bar .command-actions a,
body.site .desktop-command-bar .command-actions button{min-height:28px!important;padding:5px 8px!important;font-size:.68rem!important;border-radius:999px!important;}
body.site .agent-ticker-shell{height:34px!important;min-height:34px!important;margin:0!important;border-radius:12px!important;overflow:hidden!important;}
body.site .agent-ticker-track{height:34px!important;align-items:center!important;font-size:.76rem!important;}
body.site .agent-ticker-title,body.site .agent-ticker-item,body.site .agent-ticker-praise{line-height:34px!important;white-space:nowrap!important;}
body.site .page-header,
body.site .dashboard-header,
body.site .glass-panel,
body.site .glass-card,
body.site .panel,
body.site .checkout-card,
body.site .login-panel{
  padding:10px!important;
  border-radius:var(--zip81-radius)!important;
  min-height:0!important;
}
body.site .page-header,
body.site .dashboard-header{display:grid!important;gap:5px!important;}
body.site h1,
body.site .page-header h1,
body.site .dashboard-header h1{font-size:clamp(1.18rem,1.75vw,1.9rem)!important;line-height:1.04!important;margin:0 0 3px!important;letter-spacing:-.035em!important;}
body.site h2{font-size:clamp(1rem,1.25vw,1.35rem)!important;line-height:1.08!important;margin:0 0 5px!important;}
body.site h3{font-size:.86rem!important;line-height:1.12!important;margin:0 0 4px!important;}
body.site .page-header p,
body.site .dashboard-header p,
body.site .section-heading p{font-size:.76rem!important;line-height:1.25!important;max-width:62ch!important;}
body.site .section-block{display:grid!important;gap:8px!important;margin:0!important;}
body.site .section-heading{display:grid!important;gap:4px!important;margin:0!important;}
body.site .inline-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 2px!important;}
body.site .eyebrow{font-size:.55rem!important;line-height:1!important;padding:3px 6px!important;border-radius:999px!important;margin:0 0 4px!important;letter-spacing:.09em!important;}
body.site .hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(180px,230px)!important;
  gap:12px!important;
  min-height:240px!important;
  align-items:center!important;
  padding:14px!important;
}
body.site .hero h1,body.site .hero-grid h1{font-size:clamp(1.65rem,2.6vw,2.65rem)!important;line-height:.98!important;margin-bottom:5px!important;max-width:11ch!important;}
body.site .hero-text{font-size:.82rem!important;line-height:1.3!important;max-width:48ch!important;margin-bottom:8px!important;}
body.site .hero-card{max-width:225px!important;margin-left:auto!important;padding:10px!important;border-radius:18px!important;transform:none!important;}
body.site .hero-card img,body.site .hero-brand-image{max-height:180px!important;width:100%!important;object-fit:contain!important;border-radius:14px!important;}
body.site .hero-card strong{font-size:.78rem!important;margin-top:5px!important;text-align:center!important;}
body.site .hero-card span{font-size:.68rem!important;line-height:1.16!important;margin-top:3px!important;text-align:center!important;}
body.site .value-grid,
body.site .seller-grid,
body.site .report-card-grid,
body.site .advanced-plans-grid,
body.site .advanced-plans-grid.three-cols,
body.site .admin-grid.three-cols,
body.site .content-teaser-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:8px!important;
}
body.site .site-card,.glass-card.site-card{min-height:0!important;padding:9px!important;display:grid!important;gap:5px!important;align-content:start!important;}
body.site .card-icon{width:34px!important;height:34px!important;border-radius:10px!important;font-size:.72rem!important;display:inline-grid!important;place-items:center!important;}
body.site .card-value{font-size:1rem!important;line-height:1!important;margin:0!important;}
body.site .site-card p{font-size:.76rem!important;line-height:1.25!important;margin:0!important;}
body.site .metric-grid,
body.site .admin-summary-grid,
body.site .dashboard-widget-grid,
body.site .metric-grid.compact-metrics{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
  gap:7px!important;
  align-items:stretch!important;
}
body.site .metric-card,
body.site .admin-summary-grid>.metric-card,
body.site .dashboard-widget-grid>.metric-card,
body.site .metric-grid.compact-metrics>.metric-card{
  min-height:74px!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:8px!important;
  border-radius:11px!important;
  display:grid!important;
  align-content:space-between!important;
  gap:4px!important;
  overflow:hidden!important;
}
body.site .metric-card span{font-size:.52rem!important;line-height:1.05!important;margin:0!important;letter-spacing:.045em!important;text-transform:uppercase!important;}
body.site .metric-card strong{font-size:clamp(.95rem,1.2vw,1.25rem)!important;line-height:1!important;letter-spacing:-.04em!important;margin:0!important;}
body.site .metric-card small{font-size:.58rem!important;line-height:1.1!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
body.site .product-grid,
body.site .shop-product-grid,
body.site .portal-product-grid,
body.site .product-grid.compact{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
body.site .product-card,
body.site .portal-product-card{border-radius:12px!important;overflow:hidden!important;min-height:0!important;}
body.site .product-card img,
body.site .portal-product-card img{height:94px!important;max-height:94px!important;aspect-ratio:1.2/1!important;width:100%!important;object-fit:cover!important;border-radius:12px 12px 4px 4px!important;}
body.site .portal-product-card img{object-fit:contain!important;background:rgba(255,255,255,.42)!important;}
body.site .product-body{padding:7px!important;gap:4px!important;display:grid!important;}
body.site .product-body h3{font-size:.75rem!important;line-height:1.08!important;min-height:1.65em!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
body.site .product-body p{font-size:.66rem!important;line-height:1.16!important;min-height:0!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
body.site .product-body small{font-size:.62rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.site .price-row{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin-top:0!important;}
body.site .price-row strong{font-size:.78rem!important;line-height:1!important;}
body.site .price-row .btn{width:100%!important;min-height:28px!important;}
body.site .favorite-button{width:26px!important;height:26px!important;top:6px!important;right:6px!important;}
body.site .toolbar,
body.site .shop-toolbar,
body.site .admin-filter-bar,
body.site .book-filter-bar,
body.site .order-filter-bar,
body.site .batch-toolbar,
body.site .filter-toolbar,
body.site .settings-form,
body.site .form-grid,
body.site .form-grid-two,
body.site .mini-form{
  gap:6px!important;
  padding:7px!important;
  border-radius:11px!important;
}
body.site .form-grid,
body.site .form-grid-two,
body.site .settings-form{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
}
body.site .span-2{grid-column:span 2;}
body.site label{font-size:.68rem!important;line-height:1.1!important;gap:3px!important;}
body.site input,body.site select,body.site textarea{min-height:30px!important;padding:6px 8px!important;border-radius:9px!important;font-size:.78rem!important;}
body.site textarea{min-height:62px!important;}
body.site .btn,body.site button.btn,body.site a.btn{min-height:30px!important;padding:6px 9px!important;font-size:.72rem!important;border-radius:999px!important;line-height:1.05!important;}
body.site .btn.tiny,body.site button.btn.tiny,body.site a.btn.tiny{min-height:25px!important;padding:4px 7px!important;font-size:.64rem!important;}
body.site .button-row,
body.site .row-actions,
body.site .admin-quick-actions,
body.site .admin-export-strip,
body.site .compact-doc-actions{gap:6px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;}
body.site .status-badge,body.site .status-pill,body.site .pill{min-height:24px!important;padding:4px 7px!important;font-size:.62rem!important;border-radius:999px!important;}
body.site .table-wrap,body.site .data-table-wrap{border-radius:10px!important;overflow:auto!important;}
body.site table{font-size:.7rem!important;line-height:1.16!important;}
body.site th,body.site td{padding:5px 6px!important;}
body.site th{font-size:.56rem!important;letter-spacing:.045em!important;}
body.site .cart-layout,
body.site .checkout-layout,
body.site .order-detail-grid,
body.site .order-detail-grid-wide{gap:8px!important;}
body.site .cart-row{padding:7px!important;border-radius:12px!important;gap:7px!important;}
body.site .cart-row img{width:42px!important;height:42px!important;border-radius:9px!important;}
body.site .qty-control button{min-width:28px!important;height:28px!important;}
body.site .summary-row{padding:5px 0!important;font-size:.78rem!important;}
body.site .summary-row.total strong{font-size:.95rem!important;}
body.site .agent-portal-hero{padding:12px!important;border-radius:14px!important;}
body.site .agent-portal-logo{width:50px!important;height:50px!important;border-radius:14px!important;}
body.site .portal-banner{max-height:110px!important;margin-bottom:8px!important;}
body.site .portal-tabs{display:flex!important;flex-wrap:wrap!important;gap:5px!important;padding:5px!important;border-radius:12px!important;top:50px!important;}
body.site .portal-tabs a{padding:6px 8px!important;font-size:.72rem!important;border-radius:999px!important;}
body.site .agent-contact-strip{gap:5px!important;}
body.site .agent-contact-strip a,body.site .agent-contact-strip span{padding:5px 8px!important;font-size:.7rem!important;}
body.site .chat-widget{right:14px!important;bottom:78px!important;gap:6px!important;}
body.site .quick-cart-widget{right:14px!important;bottom:14px!important;gap:6px!important;}
body.site .what-this-button{right:14px!important;bottom:142px!important;min-height:36px!important;padding:8px 12px!important;font-size:.78rem!important;border-radius:999px!important;}
body.site .float-action{min-height:36px!important;min-width:36px!important;padding:8px 11px!important;border-radius:999px!important;font-size:.8rem!important;}
body.site .chat-panel.floating-window,
body.site .quick-cart-drawer,
body.site .admin-floating-chat-panel{border-radius:16px!important;max-height:min(70dvh,520px)!important;}
body.site .chat-head,body.site .quick-cart-head,body.site .admin-chat-head{padding:9px 10px!important;}
body.site .chat-messages,body.site .admin-chat-log.live{padding:8px!important;gap:6px!important;}
body.site .chat-message{padding:7px 8px!important;border-radius:10px!important;font-size:.76rem!important;}
body.site .invoice-document.one-page-invoice-shell{max-width:980px!important;}
body.site .invoice-one-page{padding:12px!important;border-radius:14px!important;font-size:9.5px!important;line-height:1.14!important;}
body.site .invoice-top{grid-template-columns:minmax(0,1fr) 210px!important;gap:8px!important;padding-bottom:7px!important;margin-bottom:7px!important;}
body.site .invoice-brand-block{grid-template-columns:44px minmax(0,1fr)!important;gap:7px!important;}
body.site .invoice-one-page .invoice-logo{width:42px!important;height:42px!important;border-radius:9px!important;}
body.site .invoice-meta-box,.invoice-info-card,.invoice-note-box{padding:7px!important;border-radius:9px!important;}
body.site .invoice-items-table{font-size:.62rem!important;line-height:1.08!important;}
body.site .invoice-items-table th{font-size:.5rem!important;padding:4px 5px!important;}
body.site .invoice-items-table td{padding:3px 5px!important;}
body.site .invoice-bottom-grid{grid-template-columns:minmax(0,1fr) 190px!important;gap:7px!important;}
body.site .packing-document.compact{max-width:420px!important;}
body.site .packing-slip-square{width:min(100%,390px)!important;min-height:390px!important;padding:10px!important;border-radius:14px!important;font-size:8px!important;line-height:1.08!important;}
body.site .packing-slip-square th,body.site .packing-slip-square td{padding:3px 4px!important;}
body.site .packing-slip-square table,body.site .packing-slip-square td{color:#050403!important;font-weight:900!important;}
@media(min-width:1450px){
  body.site .product-grid,body.site .shop-product-grid,body.site .portal-product-grid,body.site .product-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;}
  body.site.admin-theme .metric-grid,body.site.admin-theme .admin-summary-grid,body.site.admin-theme .dashboard-widget-grid,body.site.admin-theme .metric-grid.compact-metrics{grid-template-columns:repeat(6,minmax(118px,1fr))!important;}
}
@media(min-width:981px) and (max-width:1250px){
  body.site .app-shell{--zip81-sidebar:198px!important;}
  body.site .product-grid,body.site .shop-product-grid,body.site .portal-product-grid,body.site .product-grid.compact{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;}
  body.site .hero-grid{grid-template-columns:minmax(0,1fr) 190px!important;}
}
@media(max-width:980px){
  html{font-size:13px!important;}
  body.site{font-size:12.5px!important;}
  body.site .app-shell{display:block!important;width:100%!important;max-width:100%!important;padding:54px 6px calc(var(--mobile-nav-h,62px) + 8px)!important;}
  body.site .content-shell{gap:6px!important;}
  body.site .mobile-menu-button{top:7px!important;left:7px!important;min-height:34px!important;padding:7px 10px!important;border-radius:999px!important;font-size:.72rem!important;}
  body.site .sidebar{width:calc(100vw - 12px)!important;max-width:360px!important;right:6px!important;top:48px!important;height:calc(100dvh - 58px - var(--mobile-nav-h,62px))!important;border-radius:16px!important;}
  body.site .side-nav a{min-height:32px!important;}
  body.site .desktop-command-bar{display:none!important;}
  body.site .agent-ticker-shell{height:28px!important;min-height:28px!important;border-radius:10px!important;}
  body.site .agent-ticker-track{height:28px!important;font-size:.68rem!important;}
  body.site .agent-ticker-title,body.site .agent-ticker-item,body.site .agent-ticker-praise{line-height:28px!important;}
  body.site .page-header,body.site .dashboard-header,body.site .glass-panel,body.site .glass-card,body.site .panel,body.site .checkout-card,body.site .login-panel{padding:8px!important;border-radius:11px!important;}
  body.site h1,body.site .page-header h1,body.site .dashboard-header h1{font-size:clamp(1.1rem,5.5vw,1.65rem)!important;}
  body.site h2{font-size:clamp(.95rem,4.3vw,1.22rem)!important;}
  body.site .hero-grid{grid-template-columns:1fr!important;min-height:0!important;padding:10px!important;gap:8px!important;}
  body.site .hero h1,body.site .hero-grid h1{font-size:clamp(1.4rem,7.6vw,2rem)!important;max-width:12ch!important;}
  body.site .hero-card{max-width:170px!important;justify-self:center!important;}
  body.site .hero-card img{max-height:128px!important;}
  body.site .value-grid,body.site .seller-grid,body.site .content-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.site .metric-grid,body.site .admin-summary-grid,body.site .dashboard-widget-grid,body.site .metric-grid.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;}
  body.site .metric-card{min-height:64px!important;padding:7px!important;}
  body.site .metric-card strong{font-size:.9rem!important;}
  body.site .product-grid,body.site .shop-product-grid,body.site .portal-product-grid,body.site .product-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.site .product-card img,body.site .portal-product-card img{height:78px!important;max-height:78px!important;}
  body.site .product-body{padding:6px!important;gap:3px!important;}
  body.site .product-body h3{font-size:.68rem!important;min-height:1.55em!important;}
  body.site .product-body p{display:none!important;}
  body.site .form-grid,body.site .form-grid-two,body.site .settings-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.site .span-2{grid-column:1/-1!important;}
  body.site input,body.site select,body.site textarea{min-height:32px!important;font-size:16px!important;}
  body.site .button-row,body.site .row-actions,body.site .admin-quick-actions,body.site .admin-export-strip,body.site .compact-doc-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;}
  body.site .button-row .btn,body.site .row-actions .btn,body.site .compact-doc-actions .btn{width:100%!important;justify-content:center!important;}
  body.site .table-wrap table,body.site .data-table-wrap table{font-size:.68rem!important;}
  body.site .mobile-app-nav{left:6px!important;right:6px!important;bottom:6px!important;min-height:52px!important;max-height:58px!important;padding:4px!important;border-radius:16px!important;}
  body.site .mobile-app-nav a,body.site .mobile-app-nav button{min-height:38px!important;border-radius:12px!important;}
  body.site .mobile-app-nav strong{font-size:.52rem!important;}
  body.site .chat-widget{right:58px!important;bottom:calc(var(--mobile-nav-h,62px) + 8px)!important;}
  body.site .quick-cart-widget,body.site .admin-floating-chat-widget{right:8px!important;bottom:calc(var(--mobile-nav-h,62px) + 8px)!important;}
  body.site .what-this-button{right:8px!important;bottom:calc(var(--mobile-nav-h,62px) + 58px)!important;min-height:34px!important;}
  body.site .float-action span:not(.float-icon){display:none!important;}
  body.site .chat-panel.floating-window,body.site .admin-floating-chat-panel{width:calc(100vw - 12px)!important;right:6px!important;height:min(68dvh,510px)!important;}
  body.site .invoice-one-page{font-size:8.5px!important;padding:8px!important;}
  body.site .invoice-top,.invoice-info-grid,.invoice-bottom-grid{grid-template-columns:1fr!important;}
  body.site .packing-slip-square{width:calc(100vw - 16px)!important;min-height:calc(100vw - 16px)!important;}
}
@media(max-width:420px){
  body.site .value-grid,body.site .seller-grid,body.site .content-teaser-grid{grid-template-columns:1fr!important;}
  body.site .form-grid,body.site .form-grid-two,body.site .settings-form{grid-template-columns:1fr!important;}
  body.site .product-grid,body.site .shop-product-grid,body.site .portal-product-grid,body.site .product-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.site .product-card img,body.site .portal-product-card img{height:70px!important;max-height:70px!important;}
  body.site .button-row,body.site .row-actions,body.site .admin-quick-actions,body.site .admin-export-strip,body.site .compact-doc-actions{grid-template-columns:1fr!important;}
}
@media(print){
  body.site .app-shell{width:100%!important;max-width:none!important;padding:0!important;display:block!important;}
  body.site .content-shell{display:block!important;max-width:none!important;}
  body.site .invoice-one-page{box-shadow:none!important;border-radius:0!important;}
  body.site .packing-slip-square{box-shadow:none!important;}
}

/* ===== ZIP82 - READABLE COMPACT LAYOUT PASS ===== */
:root{
  --zip82-shell-max:1480px;
  --zip82-admin-shell-max:1540px;
  --zip82-sidebar:232px;
  --zip82-gap:10px;
  --zip82-radius:16px;
  --zip82-pad:14px;
}

html{font-size:15px!important;}
body.site{
  font-size:14.5px!important;
  line-height:1.46!important;
}
body.site p,
body.site li,
body.site td,
body.site th,
body.site label,
body.site small,
body.site span{
  line-height:1.38!important;
}
body.site p,
body.site .hero-text,
body.site .page-header p,
body.site .dashboard-header p,
body.site .section-heading p,
body.site .glass-card p,
body.site .panel p,
body.site .product-body p{
  font-size:.94rem!important;
}
body.site small{font-size:.82rem!important;}
body.site label{font-size:.86rem!important;font-weight:850!important;}
body.site .app-shell{
  width:min(100%,var(--zip82-shell-max))!important;
  max-width:var(--zip82-shell-max)!important;
  grid-template-columns:var(--zip82-sidebar) minmax(0,1fr)!important;
  gap:var(--zip82-gap)!important;
  padding:10px!important;
}
body.site.admin-theme .app-shell{
  width:min(100%,var(--zip82-admin-shell-max))!important;
  max-width:var(--zip82-admin-shell-max)!important;
}
body.site .content-shell{gap:10px!important;}
body.site .sidebar{
  width:var(--zip82-sidebar)!important;
  max-width:var(--zip82-sidebar)!important;
  padding:10px!important;
  border-radius:18px!important;
}
body.site .brand-block{padding:9px!important;gap:9px!important;border-radius:14px!important;}
body.site .brand-logo-wrap{width:40px!important;height:40px!important;border-radius:12px!important;}
body.site .brand-logo{width:38px!important;height:38px!important;}
body.site .brand-block strong{font-size:.9rem!important;line-height:1.08!important;}
body.site .brand-block span{font-size:.72rem!important;line-height:1.1!important;}
body.site .side-nav{gap:5px!important;}
body.site .side-nav a{
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  gap:8px!important;
}
body.site .side-nav a span{font-size:.86rem!important;line-height:1.08!important;}
body.site .side-nav a small{font-size:.68rem!important;line-height:1.05!important;opacity:.9!important;}
body.site .sidebar-note{font-size:.72rem!important;line-height:1.28!important;padding:8px!important;}

body.site .page-header,
body.site .dashboard-header,
body.site .glass-panel,
body.site .glass-card,
body.site .panel,
body.site .checkout-card,
body.site .login-panel{
  padding:var(--zip82-pad)!important;
  border-radius:var(--zip82-radius)!important;
}
body.site .page-header,
body.site .dashboard-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
body.site h1,
body.site .page-header h1,
body.site .dashboard-header h1{
  font-size:clamp(1.75rem,2.45vw,3.05rem)!important;
  line-height:1.02!important;
  margin:0 0 6px!important;
  letter-spacing:-.04em!important;
}
body.site h2{font-size:clamp(1.22rem,1.55vw,1.85rem)!important;line-height:1.08!important;margin:0 0 8px!important;}
body.site h3{font-size:1.04rem!important;line-height:1.14!important;margin:0 0 6px!important;}
body.site .eyebrow{font-size:.72rem!important;line-height:1!important;padding:4px 8px!important;letter-spacing:.11em!important;}

/* Tuisblad: centre the hero and keep the side card small/neat. */
body.site.page-home .hero-grid{
  grid-template-columns:minmax(0,680px) minmax(150px,190px)!important;
  justify-content:center!important;
  align-items:center!important;
  gap:18px!important;
  min-height:300px!important;
  padding:20px!important;
  text-align:center!important;
}
body.site.page-home .hero-grid > div:first-child{
  justify-self:center!important;
  max-width:680px!important;
}
body.site.page-home .hero-grid h1,
body.site.page-home .hero h1{
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:clamp(2.05rem,3.3vw,3.55rem)!important;
}
body.site.page-home .hero-text{
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:58ch!important;
  font-size:1rem!important;
}
body.site.page-home .hero-grid .button-row{
  justify-content:center!important;
}
body.site.page-home .hero-card{
  justify-self:center!important;
  margin:0!important;
  max-width:185px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(122,72,31,.14)!important;
  box-shadow:0 12px 30px rgba(58,33,13,.10)!important;
}
body.site.page-home .hero-card img,
body.site.page-home .hero-brand-image{
  max-height:132px!important;
  border-radius:13px!important;
  padding:6px!important;
}
body.site.page-home .hero-card strong{font-size:.9rem!important;margin-top:6px!important;}
body.site.page-home .hero-card span{font-size:.76rem!important;line-height:1.2!important;margin-top:3px!important;color:#6f4b31!important;}
body.site.page-home .value-grid,
body.site.page-home .content-teaser-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.site.page-home .site-card{padding:12px!important;}
body.site.page-home .site-card p{font-size:.9rem!important;}

/* Admin: make the very top card readable with high contrast. */
body.site.admin-theme .dashboard-header,
body.site.admin-theme .page-header{
  background:linear-gradient(135deg,rgba(4,17,34,.98),rgba(12,54,86,.95))!important;
  border:1px solid rgba(139,231,255,.38)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.32)!important;
  color:#f4fbff!important;
}
body.site.admin-theme .dashboard-header h1,
body.site.admin-theme .dashboard-header h2,
body.site.admin-theme .dashboard-header h3,
body.site.admin-theme .dashboard-header strong,
body.site.admin-theme .page-header h1,
body.site.admin-theme .page-header h2,
body.site.admin-theme .page-header h3,
body.site.admin-theme .page-header strong{
  color:#ffffff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.18)!important;
}
body.site.admin-theme .dashboard-header p,
body.site.admin-theme .page-header p{
  color:#d8f4ff!important;
  font-size:.96rem!important;
}
body.site.admin-theme .dashboard-header .eyebrow,
body.site.admin-theme .page-header .eyebrow{
  color:#8be7ff!important;
  background:rgba(139,231,255,.12)!important;
}
body.site.admin-theme .dashboard-header .status-badge,
body.site.admin-theme .page-header .status-badge{
  background:#eaf9ff!important;
  border-color:#eaf9ff!important;
  color:#061426!important;
  opacity:1!important;
  font-weight:950!important;
}

/* Use two practical columns on desktop where blocks were wasting full width. */
@media(min-width:981px){
  body.site .admin-grid,
  body.site .admin-grid.fullwidth-grid,
  body.site .fullwidth-grid,
  body.site .order-detail-grid,
  body.site .order-detail-grid-wide,
  body.site .content-teaser-grid,
  body.site .login-help-grid,
  body.site .track-detail-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:start!important;
  }
  body.site .admin-grid > .span-2,
  body.site .fullwidth-grid > .span-2,
  body.site .order-detail-grid-wide > .span-2{
    grid-column:1/-1!important;
  }
  body.site .value-grid,
  body.site .seller-grid,
  body.site .report-card-grid,
  body.site .advanced-plans-grid,
  body.site .advanced-plans-grid.three-cols{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
    gap:10px!important;
  }
  body.site .metric-grid,
  body.site .admin-summary-grid,
  body.site .dashboard-widget-grid,
  body.site .metric-grid.compact-metrics{
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
    gap:8px!important;
  }
  body.site .metric-card,
  body.site .admin-summary-grid>.metric-card,
  body.site .dashboard-widget-grid>.metric-card{
    min-height:86px!important;
    padding:10px!important;
    border-radius:13px!important;
  }
  body.site .metric-card span{font-size:.66rem!important;line-height:1.1!important;}
  body.site .metric-card strong{font-size:clamp(1.08rem,1.45vw,1.55rem)!important;}
  body.site .metric-card small{font-size:.72rem!important;line-height:1.15!important;}
  body.site .product-grid,
  body.site .shop-product-grid,
  body.site .portal-product-grid,
  body.site .product-grid.compact{
    grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;
    gap:10px!important;
  }
  body.site .product-card img,
  body.site .portal-product-card img{height:118px!important;max-height:118px!important;}
  body.site .product-body{padding:10px!important;gap:6px!important;}
  body.site .product-body h3{font-size:.92rem!important;line-height:1.14!important;}
  body.site .product-body p{font-size:.78rem!important;line-height:1.22!important;}
  body.site .price-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
  body.site .price-row .btn{width:auto!important;min-width:92px!important;}
  body.site .toolbar,
  body.site .shop-toolbar,
  body.site .admin-filter-bar,
  body.site .book-filter-bar,
  body.site .order-filter-bar,
  body.site .batch-toolbar,
  body.site .filter-toolbar,
  body.site .settings-form,
  body.site .form-grid,
  body.site .form-grid-two,
  body.site .mini-form{
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
    gap:8px!important;
    padding:10px!important;
  }
  body.site .span-2{grid-column:span 2!important;}
}

body.site .btn,
body.site button.btn,
body.site a.btn{
  min-height:34px!important;
  padding:7px 11px!important;
  font-size:.82rem!important;
  line-height:1.1!important;
}
body.site .btn.tiny,
body.site button.btn.tiny,
body.site a.btn.tiny{font-size:.73rem!important;min-height:28px!important;}
body.site input,
body.site select,
body.site textarea{
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  font-size:.9rem!important;
}
body.site th,
body.site td{font-size:.84rem!important;padding:7px 8px!important;}
body.site th{font-size:.72rem!important;}
body.site .status-badge,
body.site .status-pill,
body.site .pill{font-size:.74rem!important;padding:5px 9px!important;}

@media(max-width:980px){
  html{font-size:14px!important;}
  body.site{font-size:14px!important;}
  body.site .app-shell{padding:60px 8px calc(var(--mobile-nav-h,62px) + 10px)!important;}
  body.site .content-shell{gap:8px!important;}
  body.site .page-header,
  body.site .dashboard-header,
  body.site .glass-panel,
  body.site .glass-card,
  body.site .panel,
  body.site .checkout-card,
  body.site .login-panel{padding:12px!important;border-radius:14px!important;}
  body.site h1,
  body.site .page-header h1,
  body.site .dashboard-header h1{font-size:clamp(1.45rem,7vw,2.2rem)!important;}
  body.site h2{font-size:clamp(1.15rem,5.5vw,1.55rem)!important;}
  body.site h3{font-size:1rem!important;}
  body.site p,
  body.site .hero-text,
  body.site .page-header p,
  body.site .dashboard-header p,
  body.site .section-heading p,
  body.site .glass-card p,
  body.site .panel p{font-size:.92rem!important;}
  body.site.page-home .hero-grid{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    gap:10px!important;
    padding:14px!important;
  }
  body.site.page-home .hero-grid h1{font-size:clamp(1.75rem,9vw,2.55rem)!important;max-width:none!important;}
  body.site.page-home .hero-card{max-width:160px!important;}
  body.site.page-home .hero-card img,
  body.site.page-home .hero-brand-image{max-height:110px!important;}
  body.site.page-home .value-grid,
  body.site.page-home .content-teaser-grid{grid-template-columns:1fr!important;}
  body.site .metric-grid,
  body.site .admin-summary-grid,
  body.site .dashboard-widget-grid,
  body.site .metric-grid.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  body.site .metric-card{min-height:74px!important;padding:9px!important;}
  body.site .metric-card span{font-size:.66rem!important;}
  body.site .metric-card strong{font-size:1.1rem!important;}
  body.site .product-body h3{font-size:.86rem!important;}
  body.site .product-card img,
  body.site .portal-product-card img{height:92px!important;max-height:92px!important;}
  body.site label{font-size:.82rem!important;}
}
@media(max-width:420px){
  body.site .metric-grid,
  body.site .admin-summary-grid,
  body.site .dashboard-widget-grid,
  body.site .metric-grid.compact-metrics{grid-template-columns:1fr!important;}
  body.site .product-grid,
  body.site .shop-product-grid,
  body.site .portal-product-grid,
  body.site .product-grid.compact{grid-template-columns:1fr!important;}
  body.site .product-card img,
  body.site .portal-product-card img{height:125px!important;max-height:125px!important;}
}


/* zip83: mobile logout and automatic PUDO package polish */
.sidebar-logout-mobile{display:none}
@media(max-width:980px){
  .sidebar,body.sidebar-open #appSidebar{
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:calc(var(--mobile-nav-h) + 18px)!important;
  }
  .sidebar-logout-mobile{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:44px!important;
    margin:4px 0 8px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    text-decoration:none!important;
    color:#fff!important;
    background:linear-gradient(135deg,#b42318,#e24a3b)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 10px 24px rgba(139,27,20,.22)!important;
    position:sticky!important;
    top:0!important;
    z-index:3!important;
  }
  .sidebar-logout-mobile span{font-size:.9rem!important;font-weight:950!important;color:#fff!important}
  .sidebar-logout-mobile small{font-size:.68rem!important;font-weight:850!important;color:rgba(255,255,255,.82)!important}
  .side-nav a[href*="page=logout"]{
    position:sticky!important;
    bottom:0!important;
    z-index:2!important;
    background:rgba(180,35,24,.94)!important;
    border-color:rgba(255,255,255,.22)!important;
    color:#fff!important;
  }
  .side-nav a[href*="page=logout"] span,
  .side-nav a[href*="page=logout"] small{color:#fff!important;opacity:1!important}
  body.site.admin-theme .sidebar-logout-mobile,
  body.site.admin-theme .side-nav a[href*="page=logout"]{
    background:linear-gradient(135deg,#d9362b,#ff6b5f)!important;
    color:#fff!important;
  }
}

/* zip84: groter skrif, regte desktop-offset langs sidebar, netjiese tuis-sidebar en leesbare admin topkaart */
:root{
  --rsh-sidebar-w:300px;
  --rsh-desktop-left:348px;
}
html{font-size:17px!important;}
body.site{font-size:17px!important;line-height:1.45!important;}
body.site p,
body.site li,
body.site td,
body.site th,
body.site label,
body.site small,
body.site input,
body.site select,
body.site textarea{
  font-size:.98rem!important;
}
body.site .mini-note,
body.site .product-body p,
body.site .metric-card small,
body.site .sidebar-note{
  font-size:.88rem!important;
}
body.site .eyebrow,
body.site th{
  font-size:.76rem!important;
}
body.site .btn,
body.site button.btn,
body.site a.btn{
  font-size:.92rem!important;
  min-height:40px!important;
  padding:9px 14px!important;
}

@media(min-width:981px){
  html{font-size:17px!important;}
  body.site{overflow-x:hidden!important;}
  body.site .mobile-menu-button,
  body.site .mobile-app-nav,
  body.site .sidebar-backdrop{display:none!important;}

  body.site .app-shell{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0!important;
    padding:22px 24px 30px var(--rsh-desktop-left)!important;
  }
  body.site .content-shell,
  body.site.admin-theme .content-shell,
  body.site.agent-theme .content-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    gap:18px!important;
    align-content:start!important;
    position:relative!important;
    z-index:1!important;
    overflow:visible!important;
  }
  body.site .content-shell > *{
    min-width:0!important;
    max-width:100%!important;
  }

  body.site .sidebar,
  body.site.admin-theme .sidebar,
  body.site.agent-theme .sidebar{
    position:fixed!important;
    left:24px!important;
    right:auto!important;
    top:22px!important;
    bottom:22px!important;
    width:var(--rsh-sidebar-w)!important;
    height:auto!important;
    max-height:calc(100dvh - 44px)!important;
    z-index:80!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:28px!important;
    padding:16px!important;
    box-shadow:0 24px 70px rgba(37,20,8,.22)!important;
  }
  body.site .sidebar .brand-block{
    flex:0 0 auto!important;
    min-height:68px!important;
    margin:0 0 12px!important;
    padding:12px!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.16)!important;
  }
  body.site .sidebar .brand-block strong{
    font-size:1.02rem!important;
    line-height:1.12!important;
    color:#fffaf0!important;
  }
  body.site .sidebar .brand-block span{
    font-size:.82rem!important;
    line-height:1.12!important;
    opacity:.92!important;
    color:rgba(255,250,240,.88)!important;
  }
  body.site .brand-logo-wrap{width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important;}
  body.site .brand-logo{width:46px!important;height:46px!important;border-radius:14px!important;}
  body.site .sidebar .side-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:0 5px 0 0!important;
    scrollbar-width:thin!important;
  }
  body.site .sidebar .side-nav a{
    min-height:48px!important;
    padding:11px 13px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    color:#fffaf0!important;
    transform:none!important;
  }
  body.site .sidebar .side-nav a:hover,
  body.site .sidebar .side-nav a.active{
    background:rgba(255,255,255,.22)!important;
    border-color:rgba(255,255,255,.28)!important;
    transform:translateX(2px)!important;
  }
  body.site .sidebar .side-nav a span{
    font-size:.98rem!important;
    font-weight:950!important;
    line-height:1.12!important;
    color:#fffaf0!important;
  }
  body.site .sidebar .side-nav a small{
    font-size:.78rem!important;
    font-weight:850!important;
    line-height:1.12!important;
    color:rgba(255,250,240,.82)!important;
    opacity:1!important;
    text-align:right!important;
  }
  body.site .sidebar .sidebar-note{
    flex:0 0 auto!important;
    margin-top:12px!important;
    padding:12px!important;
    border-radius:16px!important;
    color:rgba(255,250,240,.90)!important;
    opacity:1!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }

  body.site.public-theme .sidebar{
    background:linear-gradient(180deg,rgba(112,67,33,.94),rgba(75,40,18,.92))!important;
    border:1px solid rgba(255,236,205,.34)!important;
  }
  body.site.agent-theme .sidebar{
    background:linear-gradient(180deg,rgba(126,79,39,.94),rgba(80,45,20,.92))!important;
    border:1px solid rgba(255,236,205,.32)!important;
  }
  body.site.admin-theme .sidebar{
    background:linear-gradient(180deg,rgba(6,23,45,.98),rgba(3,13,28,.98))!important;
    border:1px solid rgba(139,231,255,.22)!important;
  }

  body.site .desktop-command-bar,
  body.site .agent-ticker-shell,
  body.site .dashboard-header,
  body.site .page-header,
  body.site .glass-panel,
  body.site .glass-card,
  body.site .panel{
    max-width:100%!important;
  }

  body.site h1,
  body.site .page-header h1,
  body.site .dashboard-header h1{
    font-size:clamp(2.35rem,3.15vw,4rem)!important;
    line-height:1!important;
  }
  body.site h2{font-size:clamp(1.55rem,2vw,2.35rem)!important;line-height:1.08!important;}
  body.site h3{font-size:1.12rem!important;line-height:1.16!important;}
  body.site .page-header p,
  body.site .dashboard-header p,
  body.site .hero-text,
  body.site .section-heading p,
  body.site .glass-card p,
  body.site .panel p{
    font-size:1.02rem!important;
    line-height:1.48!important;
  }
  body.site .metric-card span{font-size:.82rem!important;}
  body.site .metric-card strong{font-size:clamp(1.35rem,1.85vw,2rem)!important;}
  body.site .product-body h3{font-size:1.02rem!important;}
  body.site .product-body p{font-size:.92rem!important;}
  body.site th,body.site td{font-size:.92rem!important;padding:10px 11px!important;}
  body.site th{font-size:.78rem!important;}

  /* Tuisblad: hou die hero mooi sentraal en die kaart kleiner, sonder dat dit onder die sidebar inskuif. */
  body.site.page-home .hero-grid{
    grid-template-columns:minmax(0,760px) minmax(170px,210px)!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    min-height:340px!important;
    padding:24px!important;
    gap:22px!important;
  }
  body.site.page-home .hero-grid > div:first-child{justify-self:center!important;max-width:760px!important;}
  body.site.page-home .hero-grid .button-row{justify-content:center!important;}
  body.site.page-home .hero-card{
    justify-self:center!important;
    max-width:205px!important;
    margin:0!important;
    padding:12px!important;
    border-radius:20px!important;
    transform:none!important;
  }
  body.site.page-home .hero-card img,
  body.site.page-home .hero-brand-image{max-height:150px!important;object-fit:contain!important;}
  body.site.page-home .content-teaser-grid,
  body.site.page-home .value-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }

  /* Admin: die heel boonste lig-grys kaart/command bar moet donker en leesbaar wees. */
  body.site.admin-theme .desktop-command-bar{
    background:linear-gradient(135deg,rgba(5,19,38,.98),rgba(10,50,82,.94))!important;
    border:1px solid rgba(139,231,255,.34)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.34)!important;
    color:#f4fbff!important;
  }
  body.site.admin-theme .command-copy strong,
  body.site.admin-theme .desktop-command-bar strong{
    color:#ffffff!important;
    opacity:1!important;
  }
  body.site.admin-theme .command-copy span,
  body.site.admin-theme .desktop-command-bar span{
    color:#d8f4ff!important;
    opacity:1!important;
  }
  body.site.admin-theme .command-actions a{
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(139,231,255,.22)!important;
    color:#eaf9ff!important;
  }
  body.site.admin-theme .command-actions a.active{
    background:linear-gradient(135deg,#27b7ff,#8be7ff)!important;
    color:#061426!important;
  }
  body.site.admin-theme .dashboard-header,
  body.site.admin-theme .page-header{
    background:linear-gradient(135deg,rgba(4,17,34,.98),rgba(12,55,90,.96))!important;
    border:1px solid rgba(139,231,255,.38)!important;
    color:#f4fbff!important;
  }
  body.site.admin-theme .dashboard-header p,
  body.site.admin-theme .page-header p{color:#d8f4ff!important;}
}

@media(max-width:980px){
  html{font-size:16px!important;}
  body.site{font-size:16px!important;}
  body.site p,
  body.site li,
  body.site label,
  body.site small,
  body.site td,
  body.site th{font-size:.96rem!important;}
  body.site .sidebar .side-nav a span{font-size:.98rem!important;}
  body.site .sidebar .side-nav a small{font-size:.76rem!important;}
  body.site .sidebar .brand-block strong{font-size:1rem!important;}
  body.site .sidebar .brand-block span{font-size:.78rem!important;}
  body.site h1,
  body.site .page-header h1,
  body.site .dashboard-header h1{font-size:clamp(1.75rem,7.3vw,2.45rem)!important;}
  body.site h2{font-size:clamp(1.28rem,5.2vw,1.72rem)!important;}
  body.site h3{font-size:1.05rem!important;}
  body.site .metric-card span{font-size:.76rem!important;}
  body.site .metric-card strong{font-size:1.18rem!important;}
  body.site .product-body h3{font-size:.95rem!important;}
  body.site .product-body p{font-size:.82rem!important;}
}

/* zip85: mobile menu scrollbar + larger widget text */
.metric-card,
.dashboard-widget-grid .metric-card,
.value-grid .glass-card,
.seller-grid .glass-card {
  min-height: 132px !important;
}
.metric-card span,
.dashboard-widget-grid .metric-card span,
.glass-card > span,
.panel > span {
  font-size: .92rem !important;
  line-height: 1.22 !important;
  font-weight: 950 !important;
  letter-spacing: .035em !important;
}
.metric-card strong,
.dashboard-widget-grid .metric-card strong,
.glass-card > strong,
.panel > strong {
  font-size: clamp(1.75rem, 2.25vw, 2.65rem) !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
}
.metric-card small,
.dashboard-widget-grid .metric-card small,
.glass-card small,
.panel small {
  font-size: .91rem !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
}
.glass-card h3,
.panel h3,
.site-card h3,
.ticket-card h3 {
  font-size: 1.18rem !important;
  line-height: 1.18 !important;
}
.glass-card p,
.panel p,
.site-card p,
.ticket-card p {
  font-size: 1rem !important;
  line-height: 1.48 !important;
}

@media (max-width: 980px) {
  .sidebar,
  body.sidebar-open #appSidebar {
    top: 54px !important;
    bottom: calc(var(--mobile-nav-h) + 12px + env(safe-area-inset-bottom)) !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,.60) rgba(255,255,255,.12) !important;
  }
  .sidebar::-webkit-scrollbar,
  body.sidebar-open #appSidebar::-webkit-scrollbar {
    width: 10px !important;
  }
  .sidebar::-webkit-scrollbar-track,
  body.sidebar-open #appSidebar::-webkit-scrollbar-track {
    background: rgba(255,255,255,.12) !important;
    border-radius: 999px !important;
  }
  .sidebar::-webkit-scrollbar-thumb,
  body.sidebar-open #appSidebar::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.58) !important;
    border-radius: 999px !important;
    border: 2px solid rgba(0,0,0,.08) !important;
  }
  .side-nav {
    padding-bottom: 10px !important;
  }
  .sidebar-note {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .metric-card,
  .dashboard-widget-grid .metric-card,
  .value-grid .glass-card,
  .seller-grid .glass-card {
    min-height: 98px !important;
    padding: 13px !important;
  }
  .metric-card span,
  .dashboard-widget-grid .metric-card span,
  .glass-card > span,
  .panel > span {
    font-size: .78rem !important;
    line-height: 1.2 !important;
    margin-bottom: 5px !important;
  }
  .metric-card strong,
  .dashboard-widget-grid .metric-card strong,
  .glass-card > strong,
  .panel > strong {
    font-size: 1.36rem !important;
    line-height: 1.06 !important;
  }
  .metric-card small,
  .dashboard-widget-grid .metric-card small,
  .glass-card small,
  .panel small {
    font-size: .78rem !important;
    line-height: 1.34 !important;
  }
  .glass-card h3,
  .panel h3,
  .site-card h3,
  .ticket-card h3 {
    font-size: 1.06rem !important;
  }
  .glass-card p,
  .panel p,
  .site-card p,
  .ticket-card p {
    font-size: .94rem !important;
  }
}

@media (max-width: 430px) {
  .sidebar,
  body.sidebar-open #appSidebar {
    right: 6px !important;
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    bottom: calc(var(--mobile-nav-h) + 10px + env(safe-area-inset-bottom)) !important;
  }
  .metric-card,
  .dashboard-widget-grid .metric-card {
    min-height: 104px !important;
  }
  .metric-card strong,
  .dashboard-widget-grid .metric-card strong {
    font-size: 1.42rem !important;
  }
}


/* zip86: twee-blok layouts + tuis sidebar dieselfde as admin/agent */
@media (min-width: 981px) {
  body.site.public-theme .sidebar,
  body.site.public-theme .sidebar-public {
    background: linear-gradient(180deg, rgba(126,79,39,.94), rgba(80,45,20,.92)) !important;
    border: 1px solid rgba(255,236,205,.32) !important;
    color: #fffaf0 !important;
    padding: 18px !important;
    border-radius: 30px !important;
  }
  body.site.public-theme .sidebar .brand-block,
  body.site.public-theme .sidebar-public .brand-block {
    background: linear-gradient(180deg, rgba(78,43,20,.88), rgba(78,43,20,.34), transparent) !important;
    border-radius: 20px 20px 0 0 !important;
    padding: 0 0 16px !important;
    margin-bottom: 12px !important;
  }
  body.site.public-theme .sidebar .side-nav,
  body.site.public-theme .sidebar-public .side-nav {
    gap: 7px !important;
    margin-top: 8px !important;
  }
  body.site.public-theme .sidebar .side-nav a,
  body.site.public-theme .sidebar-public .side-nav a {
    min-height: 46px !important;
    border-radius: 17px !important;
    padding: 10px 12px !important;
    background: rgba(255,255,255,.085) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #fffaf0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  body.site.public-theme .sidebar .side-nav a span,
  body.site.public-theme .sidebar-public .side-nav a span {
    color: #fffaf0 !important;
    font-size: .98rem !important;
    font-weight: 900 !important;
  }
  body.site.public-theme .sidebar .side-nav a small,
  body.site.public-theme .sidebar-public .side-nav a small {
    color: rgba(255,250,240,.72) !important;
    font-size: .74rem !important;
    font-weight: 800 !important;
    opacity: 1 !important;
  }
  body.site.public-theme .sidebar .side-nav a.active,
  body.site.public-theme .sidebar .side-nav a:hover,
  body.site.public-theme .sidebar-public .side-nav a.active,
  body.site.public-theme .sidebar-public .side-nav a:hover {
    background: linear-gradient(135deg, rgba(255,255,255,.30), rgba(255,255,255,.12)) !important;
    border-color: rgba(255,255,255,.30) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
  }
  body.site.public-theme .sidebar-note {
    color: rgba(255,250,240,.90) !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
  }

  /* Hou mandjie/checkout as twee blokke langs mekaar op desktop. */
  body.site .cart-layout,
  body.site.page-cart .cart-layout,
  body.site.page-agent_cart .cart-layout,
  body.site .agent-portal-cart {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, .72fr) !important;
    gap: 18px !important;
    align-items: start !important;
  }
  body.site.page-apply .cart-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr) !important;
  }
  body.site .checkout-card {
    position: sticky !important;
    top: 98px !important;
  }

  /* Ander gewone skerms: hou twee groot blokke langs mekaar waar daar twee artikels/panele is. */
  body.site .content-teaser-grid,
  body.site .track-detail-grid,
  body.site .recipe-columns,
  body.site .form-grid-two,
  body.site .order-detail-grid,
  body.site .order-detail-grid-wide {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  body.site .admin-grid:not(.fullwidth-grid):not(.three-cols) {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .75fr) !important;
    gap: 18px !important;
    align-items: start !important;
  }
  body.site .admin-grid.wide-left:not(.fullwidth-grid) {
    grid-template-columns: minmax(0, 1.65fr) minmax(320px, .7fr) !important;
  }
}

@media (min-width: 720px) and (max-width: 1180px) {
  body.site .cart-layout,
  body.site.page-cart .cart-layout,
  body.site.page-agent_cart .cart-layout,
  body.site .agent-portal-cart,
  body.site.page-apply .cart-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
  }
  body.site .checkout-card {
    position: static !important;
    top: auto !important;
  }
  body.site .admin-grid:not(.fullwidth-grid):not(.three-cols),
  body.site .content-teaser-grid,
  body.site .track-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body.site.public-theme .sidebar,
  body.site.public-theme .sidebar-public {
    background: #fffaf0 !important;
    color: #2b1c12 !important;
    border: 1.5px solid rgba(185,130,54,.34) !important;
    box-shadow: 0 20px 55px rgba(43,28,18,.30) !important;
  }
  body.site.public-theme .sidebar .side-nav a,
  body.site.public-theme .sidebar-public .side-nav a {
    background: #fff2dc !important;
    border: 1px solid rgba(185,130,54,.22) !important;
    color: #2b1c12 !important;
  }
  body.site.public-theme .sidebar .side-nav a span,
  body.site.public-theme .sidebar-public .side-nav a span {
    color: #2b1c12 !important;
  }
  body.site.public-theme .sidebar .side-nav a small,
  body.site.public-theme .sidebar-public .side-nav a small {
    color: #7a481f !important;
  }
  body.site.public-theme .sidebar .side-nav a.active,
  body.site.public-theme .sidebar .side-nav a:hover,
  body.site.public-theme .sidebar-public .side-nav a.active,
  body.site.public-theme .sidebar-public .side-nav a:hover {
    background: #7a481f !important;
    border-color: #7a481f !important;
    color: #fff !important;
  }
  body.site.public-theme .sidebar .side-nav a.active span,
  body.site.public-theme .sidebar .side-nav a.active small,
  body.site.public-theme .sidebar .side-nav a:hover span,
  body.site.public-theme .sidebar .side-nav a:hover small,
  body.site.public-theme .sidebar-public .side-nav a.active span,
  body.site.public-theme .sidebar-public .side-nav a.active small,
  body.site.public-theme .sidebar-public .side-nav a:hover span,
  body.site.public-theme .sidebar-public .side-nav a:hover small {
    color: #fff !important;
  }
}

@media (max-width: 719px) {
  body.site .cart-layout,
  body.site.page-cart .cart-layout,
  body.site.page-agent_cart .cart-layout,
  body.site .agent-portal-cart,
  body.site.page-apply .cart-layout,
  body.site .admin-grid:not(.three-cols),
  body.site .content-teaser-grid,
  body.site .track-detail-grid,
  body.site .order-detail-grid,
  body.site .order-detail-grid-wide {
    grid-template-columns: 1fr !important;
  }
}

/* Checkout velde: twee netjiese kolomme in die opsomming, met lang dele volwydte. */
body.site .checkout-card .stacked-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
body.site .checkout-card .stacked-form fieldset,
body.site .checkout-card .stacked-form textarea,
body.site .checkout-card .stacked-form button[type="submit"],
body.site .checkout-card .stacked-form .pudo-wrap,
body.site .checkout-card .stacked-form .pudo-rate-preview,
body.site .checkout-card .stacked-form #pudoSenderNote,
body.site .checkout-card .stacked-form > p.mini-note {
  grid-column: 1 / -1 !important;
}
body.site .checkout-card .promo-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 8px !important;
  align-items: center !important;
}
@media (max-width: 560px) {
  body.site .checkout-card .stacked-form,
  body.site .checkout-card .promo-line {
    grid-template-columns: 1fr !important;
  }
}

/* zip87: maak die hele desktop UI groter en konsekwent soos die groot voorbeeldskerm */
:root{
  --rsh-sidebar-w:300px;
  --rsh-desktop-left:354px;
  --rsh-screen-pad-x:30px;
  --rsh-screen-pad-y:26px;
}
html{font-size:18px!important;}
body.site{font-size:17px!important;line-height:1.5!important;}
body.site p,
body.site li,
body.site label,
body.site small,
body.site input,
body.site select,
body.site textarea,
body.site td,
body.site th{font-size:1rem!important;}

@media (min-width:981px){
  html{font-size:18px!important;}
  body.site{font-size:17px!important;overflow-x:hidden!important;}

  body.site .mobile-menu-button,
  body.site .mobile-app-nav,
  body.site .sidebar-backdrop{display:none!important;}

  body.site .app-shell{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:100vh!important;
    margin:0!important;
    padding:var(--rsh-screen-pad-y) var(--rsh-screen-pad-x) 38px var(--rsh-desktop-left)!important;
  }

  body.site .content-shell,
  body.site.admin-theme .content-shell,
  body.site.agent-theme .content-shell,
  body.site.public-theme .content-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    gap:24px!important;
    align-content:start!important;
    position:relative!important;
    z-index:1!important;
    overflow:visible!important;
  }
  body.site .content-shell > *{width:100%!important;max-width:100%!important;min-width:0!important;}

  body.site .sidebar,
  body.site.admin-theme .sidebar,
  body.site.agent-theme .sidebar,
  body.site.public-theme .sidebar,
  body.site.public-theme .sidebar-public{
    position:fixed!important;
    left:28px!important;
    right:auto!important;
    top:26px!important;
    bottom:26px!important;
    width:var(--rsh-sidebar-w)!important;
    max-width:var(--rsh-sidebar-w)!important;
    height:auto!important;
    max-height:calc(100dvh - 52px)!important;
    z-index:80!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:32px!important;
    padding:20px!important;
    box-shadow:0 28px 80px rgba(28,16,8,.30)!important;
  }
  body.site.public-theme .sidebar,
  body.site.public-theme .sidebar-public,
  body.site.agent-theme .sidebar{
    background:linear-gradient(180deg,rgba(126,79,39,.96),rgba(80,45,20,.94))!important;
    border:1px solid rgba(255,236,205,.34)!important;
    color:#fffaf0!important;
  }
  body.site.admin-theme .sidebar{
    background:linear-gradient(180deg,rgba(6,23,45,.99),rgba(3,13,28,.99))!important;
    border:1px solid rgba(139,231,255,.24)!important;
    color:#eaf7ff!important;
  }

  body.site .sidebar .brand-block,
  body.site.public-theme .sidebar .brand-block,
  body.site.public-theme .sidebar-public .brand-block{
    flex:0 0 auto!important;
    min-height:92px!important;
    margin:0 0 18px!important;
    padding:14px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
  }
  body.site .brand-logo-wrap{width:58px!important;height:58px!important;min-width:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#fff4e3!important;}
  body.site .brand-logo{width:56px!important;height:56px!important;border-radius:17px!important;object-fit:cover!important;}
  body.site .sidebar .brand-block strong{font-size:1.12rem!important;line-height:1.08!important;font-weight:950!important;color:#fffaf0!important;}
  body.site.admin-theme .sidebar .brand-block strong{color:#f4fbff!important;}
  body.site .sidebar .brand-block span{font-size:.88rem!important;line-height:1.15!important;font-weight:760!important;opacity:.94!important;color:rgba(255,250,240,.88)!important;}
  body.site.admin-theme .sidebar .brand-block span{color:#d8f4ff!important;}

  body.site .sidebar .side-nav,
  body.site.public-theme .sidebar .side-nav,
  body.site.public-theme .sidebar-public .side-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0!important;
    padding:0 6px 0 0!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(255,255,255,.55) rgba(255,255,255,.10)!important;
  }
  body.site .sidebar .side-nav::-webkit-scrollbar{width:10px!important;}
  body.site .sidebar .side-nav::-webkit-scrollbar-track{background:rgba(255,255,255,.10)!important;border-radius:999px!important;}
  body.site .sidebar .side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.52)!important;border-radius:999px!important;border:2px solid rgba(0,0,0,.08)!important;}

  body.site .sidebar .side-nav a,
  body.site.public-theme .sidebar .side-nav a,
  body.site.public-theme .sidebar-public .side-nav a{
    min-height:58px!important;
    padding:14px 16px!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#fffaf0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    transform:none!important;
  }
  body.site .sidebar .side-nav a:hover,
  body.site .sidebar .side-nav a.active,
  body.site.public-theme .sidebar .side-nav a:hover,
  body.site.public-theme .sidebar .side-nav a.active,
  body.site.public-theme .sidebar-public .side-nav a:hover,
  body.site.public-theme .sidebar-public .side-nav a.active{
    background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.14))!important;
    border-color:rgba(255,255,255,.32)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.14)!important;
    transform:none!important;
  }
  body.site.admin-theme .sidebar .side-nav a.active{
    background:linear-gradient(135deg,rgba(39,183,255,.46),rgba(39,183,255,.17))!important;
    border-color:rgba(139,231,255,.42)!important;
  }
  body.site .sidebar .side-nav a span,
  body.site.public-theme .sidebar .side-nav a span,
  body.site.public-theme .sidebar-public .side-nav a span{
    font-size:1.08rem!important;
    line-height:1.1!important;
    font-weight:950!important;
    color:#fffaf0!important;
  }
  body.site .sidebar .side-nav a small,
  body.site.public-theme .sidebar .side-nav a small,
  body.site.public-theme .sidebar-public .side-nav a small{
    font-size:.82rem!important;
    line-height:1.1!important;
    font-weight:850!important;
    color:rgba(255,250,240,.82)!important;
    opacity:1!important;
    text-align:right!important;
  }
  body.site .sidebar .sidebar-note{
    flex:0 0 auto!important;
    margin-top:16px!important;
    padding:14px!important;
    border-radius:20px!important;
    font-size:.90rem!important;
    line-height:1.35!important;
    color:rgba(255,250,240,.90)!important;
    opacity:1!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }

  body.site .desktop-command-bar{
    min-height:78px!important;
    padding:18px 22px!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
  }
  body.site .command-copy strong{font-size:1rem!important;line-height:1.1!important;font-weight:950!important;}
  body.site .command-copy span{font-size:.88rem!important;line-height:1.2!important;font-weight:760!important;}
  body.site .command-actions{gap:10px!important;}
  body.site .command-actions a{min-height:44px!important;padding:10px 15px!important;border-radius:999px!important;font-size:.90rem!important;font-weight:950!important;}

  body.site .agent-ticker-shell{height:42px!important;min-height:42px!important;border-radius:16px!important;overflow:hidden!important;}
  body.site .agent-ticker-track{height:42px!important;font-size:.86rem!important;font-weight:900!important;}
  body.site .agent-ticker-title,
  body.site .agent-ticker-item,
  body.site .agent-ticker-praise{line-height:42px!important;}

  body.site .page-header,
  body.site .dashboard-header,
  body.site .glass-panel,
  body.site .glass-card,
  body.site .panel,
  body.site .checkout-card,
  body.site .login-panel,
  body.site .dark-panel{
    border-radius:28px!important;
    padding:26px!important;
  }
  body.site .page-header,
  body.site .dashboard-header{
    min-height:165px!important;
    padding:34px 38px!important;
  }
  body.site.admin-theme .desktop-command-bar,
  body.site.admin-theme .dashboard-header,
  body.site.admin-theme .page-header{
    background:linear-gradient(135deg,rgba(4,17,34,.99),rgba(12,55,90,.96))!important;
    border:1px solid rgba(139,231,255,.38)!important;
    color:#f4fbff!important;
  }
  body.site.admin-theme .dashboard-header p,
  body.site.admin-theme .page-header p{color:#d8f4ff!important;}

  body.site h1,
  body.site .page-header h1,
  body.site .dashboard-header h1{
    font-size:clamp(3rem,4vw,5.2rem)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
    margin:0 0 16px!important;
  }
  body.site h2{font-size:clamp(2rem,2.35vw,3rem)!important;line-height:1.02!important;letter-spacing:-.04em!important;margin:0 0 14px!important;}
  body.site h3{font-size:1.28rem!important;line-height:1.18!important;margin:0 0 10px!important;}
  body.site p,
  body.site .hero-text,
  body.site .page-header p,
  body.site .dashboard-header p,
  body.site .section-heading p,
  body.site .glass-card p,
  body.site .panel p{
    font-size:1.05rem!important;
    line-height:1.55!important;
  }
  body.site .eyebrow{
    font-size:.86rem!important;
    letter-spacing:.13em!important;
    line-height:1!important;
    padding:7px 12px!important;
    border-radius:999px!important;
  }

  body.site .metric-grid,
  body.site .admin-summary-grid,
  body.site .dashboard-widget-grid,
  body.site .metric-grid.compact-metrics{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(172px,1fr))!important;
    gap:14px!important;
  }
  body.site .metric-card,
  body.site .admin-summary-grid > .metric-card,
  body.site .dashboard-widget-grid > .metric-card{
    min-height:122px!important;
    padding:18px 18px!important;
    border-radius:20px!important;
    display:grid!important;
    align-content:space-between!important;
  }
  body.site .metric-card span,
  body.site .dashboard-widget-grid .metric-card span,
  body.site .admin-summary-grid .metric-card span{
    font-size:.86rem!important;
    line-height:1.15!important;
    font-weight:950!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
    margin:0 0 10px!important;
  }
  body.site .metric-card strong,
  body.site .dashboard-widget-grid .metric-card strong,
  body.site .admin-summary-grid .metric-card strong{
    font-size:clamp(1.55rem,2vw,2.35rem)!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
  }
  body.site .metric-card small,
  body.site .dashboard-widget-grid .metric-card small,
  body.site .admin-summary-grid .metric-card small{
    font-size:.94rem!important;
    line-height:1.32!important;
    font-weight:780!important;
  }

  body.site .admin-grid:not(.three-cols),
  body.site .admin-grid.fullwidth-grid,
  body.site .fullwidth-grid,
  body.site .order-detail-grid,
  body.site .order-detail-grid-wide,
  body.site .content-teaser-grid,
  body.site .login-help-grid,
  body.site .track-detail-grid{
    gap:20px!important;
  }
  body.site .value-grid,
  body.site .seller-grid,
  body.site .report-card-grid,
  body.site .advanced-plans-grid,
  body.site .advanced-plans-grid.three-cols{
    gap:18px!important;
  }

  body.site .toolbar,
  body.site .shop-toolbar,
  body.site .admin-filter-bar,
  body.site .book-filter-bar,
  body.site .order-filter-bar,
  body.site .batch-toolbar,
  body.site .filter-toolbar,
  body.site .settings-form,
  body.site .form-grid,
  body.site .form-grid-two,
  body.site .mini-form{
    gap:12px!important;
    padding:14px!important;
  }
  body.site label{font-size:1rem!important;line-height:1.2!important;font-weight:900!important;}
  body.site input,
  body.site select,
  body.site textarea{
    min-height:48px!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    font-size:1rem!important;
    line-height:1.2!important;
  }
  body.site .btn,
  body.site button.btn,
  body.site a.btn{
    min-height:46px!important;
    padding:11px 18px!important;
    border-radius:999px!important;
    font-size:.98rem!important;
    line-height:1.12!important;
    font-weight:950!important;
  }
  body.site .btn.tiny,
  body.site button.btn.tiny,
  body.site a.btn.tiny{min-height:36px!important;padding:8px 12px!important;font-size:.86rem!important;}

  body.site table{font-size:1rem!important;line-height:1.25!important;}
  body.site th,
  body.site td{padding:12px 14px!important;font-size:.98rem!important;}
  body.site th{font-size:.84rem!important;letter-spacing:.055em!important;}
  body.site .status-badge,
  body.site .status-pill,
  body.site .pill{font-size:.86rem!important;padding:8px 12px!important;border-radius:999px!important;}

  body.site .product-grid,
  body.site .shop-product-grid,
  body.site .portal-product-grid,
  body.site .product-grid.compact{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
    gap:18px!important;
  }
  body.site .product-card img,
  body.site .portal-product-card img{height:160px!important;max-height:160px!important;}
  body.site .product-body{padding:16px!important;gap:9px!important;}
  body.site .product-body h3{font-size:1.08rem!important;line-height:1.18!important;}
  body.site .product-body p{font-size:.96rem!important;line-height:1.35!important;display:block!important;}

  body.site .cart-layout,
  body.site.page-cart .cart-layout,
  body.site.page-agent_cart .cart-layout,
  body.site .agent-portal-cart{
    grid-template-columns:minmax(0,1.08fr) minmax(370px,.72fr)!important;
    gap:22px!important;
  }
  body.site .checkout-card{top:112px!important;}
}

@media (min-width:981px) and (max-width:1250px){
  :root{--rsh-sidebar-w:288px;--rsh-desktop-left:330px;--rsh-screen-pad-x:22px;}
  html{font-size:17px!important;}
  body.site .page-header,
  body.site .dashboard-header{min-height:145px!important;padding:28px!important;}
  body.site h1,
  body.site .page-header h1,
  body.site .dashboard-header h1{font-size:clamp(2.55rem,4.6vw,4.1rem)!important;}
  body.site h2{font-size:clamp(1.75rem,2.7vw,2.5rem)!important;}
  body.site .metric-grid,
  body.site .admin-summary-grid,
  body.site .dashboard-widget-grid,
  body.site .metric-grid.compact-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;}
  body.site .metric-card{min-height:112px!important;}
}

@media (max-width:980px){
  html{font-size:16px!important;}
  body.site{font-size:16px!important;}
  body.site .sidebar,
  body.sidebar-open #appSidebar{
    top:54px!important;
    bottom:calc(var(--mobile-nav-h,62px) + 12px + env(safe-area-inset-bottom))!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(255,255,255,.60) rgba(255,255,255,.12)!important;
  }
  body.site .page-header,
  body.site .dashboard-header,
  body.site .glass-panel,
  body.site .glass-card,
  body.site .panel,
  body.site .checkout-card,
  body.site .login-panel{padding:16px!important;border-radius:18px!important;}
  body.site .metric-card,
  body.site .dashboard-widget-grid .metric-card,
  body.site .admin-summary-grid .metric-card{min-height:106px!important;padding:14px!important;border-radius:18px!important;}
  body.site .metric-card span,
  body.site .dashboard-widget-grid .metric-card span,
  body.site .admin-summary-grid .metric-card span{font-size:.84rem!important;line-height:1.16!important;}
  body.site .metric-card strong,
  body.site .dashboard-widget-grid .metric-card strong,
  body.site .admin-summary-grid .metric-card strong{font-size:1.5rem!important;line-height:1.02!important;}
  body.site .metric-card small{font-size:.86rem!important;}
  body.site h1,
  body.site .page-header h1,
  body.site .dashboard-header h1{font-size:clamp(1.85rem,7.5vw,2.65rem)!important;}
  body.site h2{font-size:clamp(1.35rem,5.8vw,1.85rem)!important;}
  body.site p,
  body.site .hero-text,
  body.site .page-header p,
  body.site .dashboard-header p,
  body.site .section-heading p,
  body.site .glass-card p,
  body.site .panel p{font-size:1rem!important;line-height:1.45!important;}
}

/* zip88: final polish - full-width desktop, cleaner agent layout, easier mobile menu, and no side-scroll PUDO rates */
@media (min-width:981px){
  :root{
    --rsh-sidebar-w:310px;
    --rsh-desktop-left:364px;
    --rsh-screen-pad-x:22px;
    --rsh-screen-pad-y:24px;
  }
  html, body, body.site{
    width:100%!important;
    max-width:none!important;
    overflow-x:hidden!important;
  }
  body.site .app-shell,
  body.site.admin-theme .app-shell,
  body.site.agent-theme .app-shell,
  body.site.public-theme .app-shell{
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding:var(--rsh-screen-pad-y) var(--rsh-screen-pad-x) 34px var(--rsh-desktop-left)!important;
  }
  body.site .content-shell,
  body.site.admin-theme .content-shell,
  body.site.agent-theme .content-shell,
  body.site.public-theme .content-shell{
    box-sizing:border-box!important;
    width:calc(100vw - var(--rsh-desktop-left) - var(--rsh-screen-pad-x))!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    gap:22px!important;
    justify-self:stretch!important;
  }
  body.site .content-shell > *,
  body.site.admin-theme .content-shell > *,
  body.site.agent-theme .content-shell > *,
  body.site.public-theme .content-shell > *{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body.site .sidebar,
  body.site.admin-theme .sidebar,
  body.site.agent-theme .sidebar,
  body.site.public-theme .sidebar{
    left:24px!important;
    top:24px!important;
    bottom:24px!important;
    width:var(--rsh-sidebar-w)!important;
    max-width:var(--rsh-sidebar-w)!important;
    padding:18px!important;
    border-radius:28px!important;
  }

  /* Admin must use the full desktop width instead of leaving a large blank strip on the right. */
  body.site.admin-theme .desktop-command-bar,
  body.site.admin-theme .agent-ticker-shell,
  body.site.admin-theme .dashboard-header,
  body.site.admin-theme .page-header,
  body.site.admin-theme .panel,
  body.site.admin-theme .glass-panel,
  body.site.admin-theme .glass-card,
  body.site.admin-theme .dark-panel,
  body.site.admin-theme .table-wrap,
  body.site.admin-theme .data-table-wrap{
    width:100%!important;
    max-width:none!important;
  }
  body.site.admin-theme .admin-filter-bar,
  body.site.admin-theme .batch-toolbar{
    grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
    align-items:end!important;
  }
  body.site.admin-theme.page-admin_orders .admin-filter-bar label,
  body.site.admin-theme.page-admin_orders .batch-toolbar label{
    min-width:0!important;
  }
  body.site.admin-theme.page-admin_orders .table-wrap table,
  body.site.admin-theme.page-admin_orders .data-table-wrap table{
    width:100%!important;
  }

  /* Agent dashboard: less cramped, cleaner blocks, and readable text that does not bunch up. */
  body.site.agent-theme .dashboard-header.warm-header,
  body.site.agent-theme .dashboard-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    min-height:150px!important;
  }
  body.site.agent-theme .dashboard-header > div{
    min-width:0!important;
    max-width:72ch!important;
  }
  body.site.agent-theme .dashboard-header .btn{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  body.site.agent-theme .top-agent-celebration{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:22px!important;
    padding:24px 28px!important;
    min-height:168px!important;
  }
  body.site.agent-theme .top-agent-celebration .rank-copy{
    min-width:0!important;
    display:grid!important;
    gap:8px!important;
  }
  body.site.agent-theme .top-agent-celebration h2{
    margin:0!important;
    font-size:clamp(1.9rem,2.4vw,3rem)!important;
    line-height:1.05!important;
  }
  body.site.agent-theme .top-agent-celebration p,
  body.site.agent-theme .top-agent-celebration small{
    max-width:none!important;
    font-size:1.05rem!important;
    line-height:1.42!important;
  }
  body.site.agent-theme .warm-metrics,
  body.site.agent-theme .metric-grid.warm-metrics,
  body.site.agent-theme .metric-grid{
    grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
    gap:16px!important;
  }
  body.site.agent-theme .metric-card{
    min-height:128px!important;
    padding:20px!important;
  }
  body.site.agent-theme .metric-card span{
    font-size:.9rem!important;
    line-height:1.16!important;
    white-space:normal!important;
  }
  body.site.agent-theme .metric-card strong{
    font-size:clamp(1.55rem,2vw,2.35rem)!important;
    line-height:1!important;
  }
  body.site.agent-theme .metric-card small{
    font-size:.96rem!important;
    line-height:1.32!important;
  }
  body.site.agent-theme .advanced-access-panel,
  body.site.agent-theme .advanced-locked-card,
  body.site.agent-theme .panel{
    overflow:hidden!important;
  }
  body.site.agent-theme .admin-grid.wide-left,
  body.site.agent-theme .admin-grid:not(.three-cols){
    grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)!important;
    gap:22px!important;
    align-items:start!important;
  }
  body.site.agent-theme .inline-heading{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:14px!important;
    flex-wrap:wrap!important;
  }
  body.site.agent-theme .inline-heading > div{
    min-width:min(100%,360px)!important;
    flex:1 1 360px!important;
  }
  body.site.agent-theme .button-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }
  body.site.agent-theme .feature-list{
    gap:12px!important;
    padding-left:22px!important;
  }
  body.site.agent-theme .feature-list li,
  body.site.agent-theme .panel p,
  body.site.agent-theme .glass-panel p,
  body.site.agent-theme .glass-card p{
    font-size:1.04rem!important;
    line-height:1.52!important;
  }

  /* PUDO parcel rates must fit without horizontal side-scroll. */
  body.site.admin-theme.page-admin_settings .admin-grid.wide-left{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  body.site.admin-theme.page-admin_settings .settings-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.site.admin-theme.page-admin_settings .pudo-rates-editor{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
  }
  body.site.admin-theme.page-admin_settings .pudo-rates-editor .table-wrap{
    overflow:visible!important;
    max-width:100%!important;
    border-radius:18px!important;
  }
  body.site.admin-theme.page-admin_settings .pudo-rates-editor table{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
  }
  body.site.admin-theme.page-admin_settings .pudo-rates-editor th,
  body.site.admin-theme.page-admin_settings .pudo-rates-editor td{
    padding:8px!important;
    font-size:.9rem!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
  body.site.admin-theme.page-admin_settings .pudo-rates-editor th:first-child,
  body.site.admin-theme.page-admin_settings .pudo-rates-editor td:first-child{
    width:74px!important;
  }
  body.site.admin-theme.page-admin_settings .pudo-rates-editor input{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:40px!important;
    padding:8px 9px!important;
    font-size:.9rem!important;
  }
}

@media (min-width:981px) and (max-width:1250px){
  :root{
    --rsh-sidebar-w:282px;
    --rsh-desktop-left:326px;
    --rsh-screen-pad-x:18px;
    --rsh-screen-pad-y:20px;
  }
  body.site.agent-theme .admin-grid.wide-left,
  body.site.agent-theme .admin-grid:not(.three-cols){
    grid-template-columns:1fr!important;
  }
  body.site.agent-theme .dashboard-header.warm-header,
  body.site.agent-theme .dashboard-header{
    min-height:132px!important;
  }
  body.site.agent-theme .top-agent-celebration{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.site.agent-theme .rank-medal,
  body.site.agent-theme .rank-pill{
    justify-self:start!important;
  }
}

@media (max-width:980px){
  /* Mobile menu: shorter buttons, easier scrolling, and visible scrollbar area. */
  body.site .sidebar,
  body.sidebar-open #appSidebar{
    top:56px!important;
    bottom:calc(var(--mobile-nav-h,62px) + 10px + env(safe-area-inset-bottom))!important;
    height:auto!important;
    max-height:none!important;
    padding:9px!important;
    border-radius:18px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    scrollbar-width:auto!important;
    scrollbar-color:rgba(122,72,31,.72) rgba(255,242,220,.95)!important;
  }
  body.site .sidebar::-webkit-scrollbar{width:10px!important;}
  body.site .sidebar::-webkit-scrollbar-track{background:rgba(255,242,220,.95)!important;border-radius:999px!important;}
  body.site .sidebar::-webkit-scrollbar-thumb{background:rgba(122,72,31,.74)!important;border-radius:999px!important;border:2px solid rgba(255,242,220,.95)!important;}
  body.site .brand-block{
    min-height:42px!important;
    margin-bottom:6px!important;
    padding:0 0 7px!important;
    gap:8px!important;
  }
  body.site .brand-logo-wrap{width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;}
  body.site .brand-logo{width:32px!important;height:32px!important;border-radius:10px!important;}
  body.site .brand-block strong{font-size:.86rem!important;line-height:1.05!important;}
  body.site .brand-block span{font-size:.66rem!important;line-height:1.05!important;}
  body.site .side-nav{
    gap:5px!important;
    padding-right:4px!important;
  }
  body.site .side-nav a{
    min-height:36px!important;
    padding:6px 9px!important;
    border-radius:11px!important;
    gap:8px!important;
  }
  body.site .side-nav a span{
    font-size:.86rem!important;
    line-height:1.08!important;
  }
  body.site .side-nav a small{
    display:none!important;
  }
  body.site .sidebar-mobile-close{
    min-height:30px!important;
    padding:5px 9px!important;
    font-size:.72rem!important;
  }
  body.site .sidebar-logout-mobile,
  body.site .side-nav a[href*="page=logout"]{
    min-height:38px!important;
    padding:7px 10px!important;
  }
  body.site .sidebar-note{
    display:none!important;
  }

  /* Agent pages on mobile: stack naturally and avoid cramped/bunched text. */
  body.site.agent-theme .dashboard-header,
  body.site.agent-theme .dashboard-header.warm-header,
  body.site.agent-theme .top-agent-celebration,
  body.site.agent-theme .admin-grid,
  body.site.agent-theme .admin-grid.wide-left,
  body.site.agent-theme .advanced-plans-grid,
  body.site.agent-theme .report-card-grid{
    grid-template-columns:1fr!important;
    display:grid!important;
    gap:12px!important;
  }
  body.site.agent-theme .dashboard-header .btn,
  body.site.agent-theme .button-row .btn{
    width:100%!important;
  }
  body.site.agent-theme .inline-heading{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.site.agent-theme .metric-grid,
  body.site.agent-theme .warm-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body.site.agent-theme .metric-card{
    min-height:108px!important;
  }
  body.site.agent-theme .panel p,
  body.site.agent-theme .glass-panel p,
  body.site.agent-theme .glass-card p,
  body.site.agent-theme .feature-list li{
    font-size:1rem!important;
    line-height:1.44!important;
  }
}

@media (max-width:520px){
  body.site.agent-theme .metric-grid,
  body.site.agent-theme .warm-metrics{
    grid-template-columns:1fr!important;
  }
}

/* zip89: final UI polish */
.what-this-button,
.what-this-overlay,
.sidebar-note,
.dev-note,
.dev-hint,
.debug-note,
.setup-helper,
.system-health-card{
  display:none!important;
}

@media (min-width:981px){
  :root{
    --rsh-sidebar-w:318px;
    --rsh-desktop-left:362px;
    --rsh-screen-pad-x:18px;
    --rsh-screen-pad-y:22px;
  }

  html{font-size:18px!important;}
  body.site{font-size:17px!important;}

  body.site .app-shell,
  body.site.admin-theme .app-shell,
  body.site.agent-theme .app-shell,
  body.site.public-theme .app-shell{
    width:100vw!important;
    max-width:none!important;
    padding:var(--rsh-screen-pad-y) var(--rsh-screen-pad-x) 34px var(--rsh-desktop-left)!important;
  }
  body.site .content-shell,
  body.site.admin-theme .content-shell,
  body.site.agent-theme .content-shell,
  body.site.public-theme .content-shell{
    width:calc(100vw - var(--rsh-desktop-left) - var(--rsh-screen-pad-x))!important;
    max-width:none!important;
    gap:24px!important;
  }

  body.site .sidebar,
  body.site.admin-theme .sidebar,
  body.site.agent-theme .sidebar,
  body.site.public-theme .sidebar{
    width:var(--rsh-sidebar-w)!important;
    max-width:var(--rsh-sidebar-w)!important;
    left:22px!important;
    top:22px!important;
    bottom:22px!important;
    padding:19px!important;
  }
  body.site .sidebar .brand-block,
  body.site.public-theme .sidebar .brand-block,
  body.site.public-theme .sidebar-public .brand-block{
    min-height:112px!important;
    padding:16px!important;
    gap:16px!important;
    margin-bottom:16px!important;
  }
  body.site .brand-logo-wrap{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    border-radius:22px!important;
    box-shadow:0 14px 32px rgba(0,0,0,.18)!important;
  }
  body.site .brand-logo{
    width:72px!important;
    height:72px!important;
    border-radius:20px!important;
    object-fit:cover!important;
  }
  body.site .sidebar .brand-block strong{
    font-size:1.16rem!important;
    line-height:1.08!important;
  }
  body.site .sidebar .brand-block span{
    font-size:.9rem!important;
    line-height:1.13!important;
  }
  body.site .sidebar .side-nav{
    gap:8px!important;
    padding-right:6px!important;
  }
  body.site .sidebar .side-nav a{
    min-height:54px!important;
    padding:12px 15px!important;
    border-radius:18px!important;
  }
  body.site .sidebar .side-nav a span{
    font-size:1.02rem!important;
    white-space:normal!important;
  }
  body.site .sidebar .side-nav a small{
    font-size:.78rem!important;
    max-width:112px!important;
    white-space:normal!important;
  }

  body.site .desktop-command-bar{
    min-height:104px!important;
    padding:26px 30px!important;
    border-radius:24px!important;
    gap:22px!important;
  }
  body.site .command-copy strong{
    font-size:1.18rem!important;
    line-height:1.12!important;
  }
  body.site .command-copy span{
    font-size:1rem!important;
    line-height:1.28!important;
    font-weight:820!important;
  }
  body.site .command-actions{
    gap:12px!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
  }
  body.site .command-actions a{
    min-height:50px!important;
    padding:13px 18px!important;
    font-size:.98rem!important;
  }

  body.site .agent-ticker-shell{
    height:56px!important;
    min-height:56px!important;
    border-radius:20px!important;
  }
  body.site .agent-ticker-track{
    height:56px!important;
    font-size:1rem!important;
    font-weight:950!important;
  }
  body.site .agent-ticker-title,
  body.site .agent-ticker-item,
  body.site .agent-ticker-praise{
    line-height:56px!important;
    padding-inline:10px!important;
  }

  body.site.admin-theme .content-shell > *,
  body.site.admin-theme .admin-grid,
  body.site.admin-theme .metric-grid,
  body.site.admin-theme .dashboard-widget-grid,
  body.site.admin-theme .admin-summary-grid{
    width:100%!important;
    max-width:none!important;
  }
  body.site.admin-theme .metric-grid,
  body.site.admin-theme .dashboard-widget-grid,
  body.site.admin-theme .admin-summary-grid,
  body.site.admin-theme .metric-grid.compact-metrics{
    grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
    gap:16px!important;
  }
  body.site.admin-theme .metric-card,
  body.site.admin-theme .dashboard-widget-grid .metric-card,
  body.site.admin-theme .admin-summary-grid .metric-card{
    min-height:132px!important;
    padding:20px!important;
  }
  body.site.admin-theme .admin-grid.fullwidth-grid,
  body.site.admin-theme .admin-dashboard-exports,
  body.site.admin-theme .admin-grid:not(.three-cols){
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(460px,1fr))!important;
    gap:22px!important;
    align-items:stretch!important;
  }
  body.site.admin-theme .admin-dashboard-exports .span-2{
    grid-column:1/-1!important;
  }
  body.site.admin-theme .panel,
  body.site.admin-theme .dark-panel,
  body.site.admin-theme .glass-panel,
  body.site.admin-theme .glass-card{
    min-width:0!important;
  }
  body.site.admin-theme .panel > .table-wrap,
  body.site.admin-theme .dark-panel > .table-wrap,
  body.site.admin-theme .data-table-wrap{
    width:100%!important;
  }

  body.site.agent-theme .dashboard-header,
  body.site.agent-theme .dashboard-header.warm-header{
    min-height:176px!important;
    padding:34px 38px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:24px!important;
  }
  body.site.agent-theme .dashboard-header h1{
    font-size:clamp(3.1rem,4vw,5rem)!important;
    line-height:.98!important;
  }
  body.site.agent-theme .dashboard-header p{
    max-width:74ch!important;
    font-size:1.08rem!important;
  }
  body.site.agent-theme .top-agent-celebration{
    grid-template-columns:minmax(70px,auto) minmax(0,1fr) auto!important;
    gap:26px!important;
    min-height:190px!important;
    padding:30px 34px!important;
  }
  body.site.agent-theme .top-agent-celebration h2{
    font-size:clamp(2.2rem,2.8vw,3.4rem)!important;
    line-height:1.02!important;
    overflow-wrap:normal!important;
  }
  body.site.agent-theme .top-agent-celebration p,
  body.site.agent-theme .top-agent-celebration small{
    font-size:1.08rem!important;
    line-height:1.5!important;
  }
  body.site.agent-theme .metric-grid,
  body.site.agent-theme .warm-metrics,
  body.site.agent-theme .advanced-plans-grid,
  body.site.agent-theme .report-card-grid{
    grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;
    gap:18px!important;
  }
  body.site.agent-theme .metric-card{
    min-height:138px!important;
    padding:22px!important;
  }
  body.site.agent-theme .metric-card span,
  body.site.agent-theme .metric-card strong,
  body.site.agent-theme .metric-card small,
  body.site.agent-theme .panel p,
  body.site.agent-theme .panel li,
  body.site.agent-theme .glass-panel p,
  body.site.agent-theme .glass-card p,
  body.site.agent-theme .status-badge,
  body.site.agent-theme .btn{
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
  body.site.agent-theme .admin-grid.wide-left,
  body.site.agent-theme .admin-grid:not(.three-cols){
    grid-template-columns:repeat(auto-fit,minmax(430px,1fr))!important;
    align-items:stretch!important;
    gap:24px!important;
  }
  body.site.agent-theme .inline-heading{
    align-items:flex-start!important;
    gap:16px!important;
  }
  body.site.agent-theme .inline-heading > div{
    min-width:0!important;
    flex:1 1 360px!important;
  }
  body.site.agent-theme .portal-url-list,
  body.site.agent-theme .portal-url-list a,
  body.site.agent-theme code{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  body.site.admin-theme.page-admin_settings .admin-grid.wide-left{
    grid-template-columns:minmax(0,1.55fr) minmax(360px,.45fr)!important;
    gap:22px!important;
  }
  body.site.admin-theme.page-admin_settings .settings-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body.site.admin-theme.page-admin_settings .pudo-rates-editor .table-wrap{
    overflow:visible!important;
  }
  body.site.admin-theme.page-admin_settings .pudo-rates-editor table{
    width:100%!important;
    table-layout:fixed!important;
    min-width:0!important;
  }
  body.site.admin-theme.page-admin_settings .pudo-rates-editor th,
  body.site.admin-theme.page-admin_settings .pudo-rates-editor td{
    padding:7px!important;
    font-size:.86rem!important;
  }
  body.site.admin-theme.page-admin_settings .pudo-rates-editor th:nth-child(1),
  body.site.admin-theme.page-admin_settings .pudo-rates-editor td:nth-child(1){width:68px!important;}
  body.site.admin-theme.page-admin_settings .pudo-rates-editor th:nth-child(2),
  body.site.admin-theme.page-admin_settings .pudo-rates-editor td:nth-child(2){width:28%!important;}
  body.site.admin-theme.page-admin_settings .pudo-rates-editor input{
    min-height:38px!important;
    padding:7px 8px!important;
    font-size:.86rem!important;
  }
}

@media (min-width:981px) and (max-width:1300px){
  :root{
    --rsh-sidebar-w:292px;
    --rsh-desktop-left:334px;
    --rsh-screen-pad-x:16px;
    --rsh-screen-pad-y:18px;
  }
  body.site .brand-logo-wrap{width:64px!important;height:64px!important;min-width:64px!important;}
  body.site .brand-logo{width:60px!important;height:60px!important;}
  body.site .sidebar .brand-block{min-height:96px!important;}
  body.site .desktop-command-bar{min-height:92px!important;padding:22px!important;}
  body.site .agent-ticker-shell{height:50px!important;min-height:50px!important;}
  body.site .agent-ticker-track{height:50px!important;font-size:.94rem!important;}
  body.site .agent-ticker-title,
  body.site .agent-ticker-item,
  body.site .agent-ticker-praise{line-height:50px!important;}
  body.site.admin-theme .admin-grid.fullwidth-grid,
  body.site.admin-theme .admin-grid:not(.three-cols),
  body.site.agent-theme .admin-grid.wide-left,
  body.site.agent-theme .admin-grid:not(.three-cols){
    grid-template-columns:1fr!important;
  }
  body.site.admin-theme.page-admin_settings .admin-grid.wide-left{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:980px){
  body.site .sidebar,
  body.sidebar-open #appSidebar{
    top:48px!important;
    bottom:calc(var(--mobile-nav-h,62px) + 8px + env(safe-area-inset-bottom))!important;
    width:min(390px,calc(100vw - 12px))!important;
    max-width:min(390px,calc(100vw - 12px))!important;
    padding:8px!important;
    border-radius:17px!important;
    overflow-y:auto!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(122,72,31,.78) rgba(255,244,226,.95)!important;
  }
  body.site .sidebar::-webkit-scrollbar,
  body.sidebar-open #appSidebar::-webkit-scrollbar{width:8px!important;}
  body.site .sidebar::-webkit-scrollbar-track,
  body.sidebar-open #appSidebar::-webkit-scrollbar-track{background:rgba(255,244,226,.95)!important;border-radius:999px!important;}
  body.site .sidebar::-webkit-scrollbar-thumb,
  body.sidebar-open #appSidebar::-webkit-scrollbar-thumb{background:rgba(122,72,31,.82)!important;border-radius:999px!important;border:2px solid rgba(255,244,226,.95)!important;}
  body.site .brand-block{
    min-height:44px!important;
    padding:5px!important;
    margin-bottom:5px!important;
    gap:8px!important;
  }
  body.site .brand-logo-wrap{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;}
  body.site .brand-logo{width:40px!important;height:40px!important;border-radius:12px!important;}
  body.site .brand-block strong{font-size:.92rem!important;line-height:1.04!important;}
  body.site .brand-block span{font-size:.68rem!important;line-height:1.05!important;}
  body.site .side-nav{
    gap:4px!important;
    padding-right:4px!important;
    margin-top:6px!important;
  }
  body.site .side-nav a,
  body.sidebar-open #appSidebar .side-nav a{
    min-height:32px!important;
    padding:5px 9px!important;
    border-radius:11px!important;
    grid-template-columns:1fr!important;
    display:grid!important;
  }
  body.site .side-nav a span{
    font-size:.84rem!important;
    line-height:1.04!important;
  }
  body.site .side-nav a small{
    display:none!important;
  }
  body.site .sidebar-mobile-close{
    min-height:28px!important;
    padding:5px 9px!important;
    font-size:.72rem!important;
  }
  body.site .sidebar-logout-mobile,
  body.site .side-nav a[href*="page=logout"]{
    min-height:34px!important;
    padding:6px 10px!important;
    margin-bottom:5px!important;
  }
  body.site .sidebar-logout-mobile span{font-size:.84rem!important;}
  body.site .sidebar-logout-mobile small{display:none!important;}
  body.site.agent-theme .dashboard-header,
  body.site.agent-theme .dashboard-header.warm-header,
  body.site.agent-theme .top-agent-celebration{
    padding:18px!important;
    gap:12px!important;
  }
  body.site.agent-theme .top-agent-celebration h2{
    font-size:clamp(1.45rem,7vw,2.15rem)!important;
    line-height:1.06!important;
  }
  body.site.agent-theme .metric-grid,
  body.site.agent-theme .warm-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:520px){
  body.site .sidebar,
  body.sidebar-open #appSidebar{
    left:6px!important;
    right:6px!important;
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
  }
  body.site.agent-theme .metric-grid,
  body.site.agent-theme .warm-metrics{
    grid-template-columns:1fr!important;
  }
}

/* zip90: maak die top werkspasie skrif en tuis hero groot genoeg om maklik te lees */
@media (min-width:981px){
  body.site{
    font-size:18px!important;
  }

  body.site .desktop-command-bar{
    min-height:132px!important;
    padding:32px 36px!important;
    border-radius:26px!important;
    gap:28px!important;
    align-items:center!important;
  }
  body.site .desktop-command-bar .command-copy{
    min-width:310px!important;
  }
  body.site .desktop-command-bar .command-copy strong{
    font-size:1.55rem!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
    font-weight:950!important;
  }
  body.site .desktop-command-bar .command-copy span{
    font-size:1.12rem!important;
    line-height:1.28!important;
    font-weight:850!important;
    opacity:1!important;
  }
  body.site .desktop-command-bar .command-actions{
    gap:12px!important;
  }
  body.site .desktop-command-bar .command-actions a{
    min-height:52px!important;
    padding:14px 19px!important;
    font-size:1rem!important;
    font-weight:950!important;
  }

  body.site .agent-ticker-shell{
    height:64px!important;
    min-height:64px!important;
    border-radius:22px!important;
  }
  body.site .agent-ticker-track{
    height:64px!important;
    font-size:1.08rem!important;
    font-weight:950!important;
    letter-spacing:-.01em!important;
  }
  body.site .agent-ticker-title,
  body.site .agent-ticker-item,
  body.site .agent-ticker-praise{
    line-height:64px!important;
    padding-inline:14px!important;
  }

  body.site.page-home .hero,
  body.site.page-home .hero-grid{
    min-height:560px!important;
    padding:52px 58px!important;
    gap:34px!important;
    align-items:center!important;
  }
  body.site.page-home .hero-grid > div:first-child{
    max-width:920px!important;
  }
  body.site.page-home .hero .eyebrow,
  body.site.page-home .hero-grid .eyebrow{
    font-size:.92rem!important;
    line-height:1.22!important;
    letter-spacing:.16em!important;
    margin-bottom:16px!important;
  }
  body.site.page-home .hero h1,
  body.site.page-home .hero-grid h1{
    font-size:clamp(3.7rem,5vw,6.2rem)!important;
    line-height:.95!important;
    letter-spacing:-.065em!important;
    max-width:none!important;
    margin-bottom:14px!important;
  }
  body.site.page-home .hero-text{
    font-size:1.32rem!important;
    line-height:1.48!important;
    max-width:760px!important;
    margin-inline:auto!important;
    margin-bottom:20px!important;
  }
  body.site.page-home .hero-grid .button-row{
    gap:14px!important;
  }
  body.site.page-home .hero-grid .button-row .btn{
    min-height:54px!important;
    padding:14px 22px!important;
    font-size:1.03rem!important;
  }
  body.site.page-home .hero-card{
    max-width:310px!important;
    padding:22px!important;
    border-radius:28px!important;
  }
  body.site.page-home .hero-card img,
  body.site.page-home .hero-brand-image{
    max-height:230px!important;
    border-radius:22px!important;
  }
  body.site.page-home .hero-card strong{
    font-size:1.12rem!important;
    line-height:1.15!important;
  }
  body.site.page-home .hero-card span{
    font-size:.95rem!important;
    line-height:1.3!important;
  }

  body.site .page-header h1,
  body.site .dashboard-header h1{
    font-size:clamp(3rem,3.8vw,5.2rem)!important;
    line-height:.96!important;
  }
  body.site .page-header p,
  body.site .dashboard-header p{
    font-size:1.12rem!important;
    line-height:1.48!important;
  }
}

@media (min-width:981px) and (max-width:1300px){
  body.site .desktop-command-bar{
    min-height:112px!important;
    padding:24px 26px!important;
  }
  body.site .desktop-command-bar .command-copy strong{font-size:1.28rem!important;}
  body.site .desktop-command-bar .command-copy span{font-size:1rem!important;}
  body.site .desktop-command-bar .command-actions a{
    min-height:46px!important;
    padding:11px 14px!important;
    font-size:.92rem!important;
  }
  body.site .agent-ticker-shell{height:56px!important;min-height:56px!important;}
  body.site .agent-ticker-track{height:56px!important;font-size:.98rem!important;}
  body.site .agent-ticker-title,
  body.site .agent-ticker-item,
  body.site .agent-ticker-praise{line-height:56px!important;}
  body.site.page-home .hero,
  body.site.page-home .hero-grid{
    min-height:470px!important;
    padding:38px 34px!important;
  }
  body.site.page-home .hero h1,
  body.site.page-home .hero-grid h1{
    font-size:clamp(3rem,4.2vw,4.7rem)!important;
  }
  body.site.page-home .hero-text{font-size:1.14rem!important;}
  body.site.page-home .hero-card{max-width:260px!important;}
  body.site.page-home .hero-card img,
  body.site.page-home .hero-brand-image{max-height:190px!important;}
}

@media (max-width:980px){
  body.site.page-home .hero,
  body.site.page-home .hero-grid{
    padding:26px 18px!important;
    gap:16px!important;
  }
  body.site.page-home .hero h1,
  body.site.page-home .hero-grid h1{
    font-size:clamp(2.35rem,10vw,3.55rem)!important;
    line-height:.98!important;
    max-width:none!important;
  }
  body.site.page-home .hero-text{
    font-size:1.04rem!important;
    line-height:1.45!important;
  }
  body.site.page-home .hero-card{
    max-width:230px!important;
  }
}

/* zip91: mobile readability pass - headings, agent chat and compact menu */
body.site h1,
body.site h2,
body.site h3,
body.site .page-header h1,
body.site .dashboard-header h1,
body.site .inline-heading h2,
body.site .chat-session-card strong,
body.site .metric-card strong{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

body.site p,
body.site li,
body.site label,
body.site .status-badge,
body.site .pill,
body.site .btn,
body.site .chat-session-card span,
body.site .chat-session-card small{
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
}

body.site code,
body.site pre,
body.site .portal-url-list,
body.site .portal-url-list a,
body.site .table-wrap td,
body.site .data-table-wrap td{
  overflow-wrap:anywhere!important;
}

@media (min-width:981px){
  body.site.agent-theme.page-agent_live_chat .page-header{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:12px!important;
    min-height:230px!important;
    padding:44px 52px!important;
  }
  body.site.agent-theme.page-agent_live_chat .page-header h1{
    max-width:980px!important;
    font-size:clamp(3.45rem,4.5vw,5.8rem)!important;
    line-height:.96!important;
    margin:0!important;
  }
  body.site.agent-theme.page-agent_live_chat .page-header p:not(.eyebrow){
    max-width:820px!important;
    font-size:1.22rem!important;
    line-height:1.5!important;
    margin:0!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-app{
    grid-template-columns:minmax(340px,.36fr) minmax(0,.64fr)!important;
    gap:24px!important;
    padding:28px!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-sidebar,
  body.site.agent-theme.page-agent_live_chat .agent-chat-pane{
    min-width:0!important;
  }
  body.site.agent-theme.page-agent_live_chat .chat-session-card{
    padding:16px!important;
    border-radius:22px!important;
  }
  body.site.agent-theme.page-agent_live_chat .chat-session-card strong{font-size:1.08rem!important;line-height:1.18!important;}
  body.site.agent-theme.page-agent_live_chat .chat-session-card small{font-size:.98rem!important;line-height:1.28!important;}
  body.site.agent-theme.page-agent_live_chat .chat-session-card span{font-size:.96rem!important;line-height:1.36!important;}
}

@media (max-width:980px){
  body.site .content-shell,
  body.site .content-shell > *,
  body.site .page-header,
  body.site .dashboard-header,
  body.site .panel,
  body.site .glass-panel,
  body.site .glass-card{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.site .page-header,
  body.site .dashboard-header{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    min-height:0!important;
  }
  body.site .page-header > *,
  body.site .dashboard-header > *{
    grid-column:1/-1!important;
    min-width:0!important;
    max-width:100%!important;
    width:auto!important;
    flex:0 1 auto!important;
  }
  body.site .page-header .eyebrow,
  body.site .dashboard-header .eyebrow,
  body.site .inline-heading .eyebrow{
    position:static!important;
    align-self:flex-start!important;
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    white-space:normal!important;
  }
  body.site .page-header h1,
  body.site .dashboard-header h1{
    width:100%!important;
    margin:0!important;
    line-height:1.04!important;
  }
  body.site .page-header p:not(.eyebrow),
  body.site .dashboard-header p:not(.eyebrow){
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  body.site.agent-theme.page-agent_live_chat .page-header{
    padding:28px!important;
    border-radius:28px!important;
    gap:14px!important;
  }
  body.site.agent-theme.page-agent_live_chat .page-header .eyebrow{
    font-size:.82rem!important;
    line-height:1.08!important;
    letter-spacing:.13em!important;
    padding:7px 11px!important;
  }
  body.site.agent-theme.page-agent_live_chat .page-header h1{
    font-size:clamp(2.35rem,9vw,3.35rem)!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
  }
  body.site.agent-theme.page-agent_live_chat .page-header p:not(.eyebrow){
    font-size:1.12rem!important;
    line-height:1.52!important;
    max-width:38ch!important;
  }

  body.site.agent-theme.page-agent_live_chat .agent-chat-app{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:22px!important;
    border-radius:28px!important;
    overflow:visible!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-sidebar,
  body.site.agent-theme.page-agent_live_chat .agent-chat-pane{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-app .inline-heading{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    width:100%!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-app .inline-heading > div{
    min-width:0!important;
    flex:1 1 220px!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-app .inline-heading h2{
    font-size:clamp(1.7rem,6.6vw,2.25rem)!important;
    line-height:1.06!important;
    margin:0!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-app .inline-heading .eyebrow{
    font-size:.72rem!important;
    line-height:1.08!important;
    letter-spacing:.13em!important;
    padding:6px 10px!important;
  }
  body.site.agent-theme.page-agent_live_chat .chat-session-card{
    padding:16px!important;
    border-radius:22px!important;
    gap:7px!important;
  }
  body.site.agent-theme.page-agent_live_chat .chat-session-card strong{
    font-size:1.08rem!important;
    line-height:1.2!important;
  }
  body.site.agent-theme.page-agent_live_chat .chat-session-card small{
    font-size:1rem!important;
    line-height:1.32!important;
  }
  body.site.agent-theme.page-agent_live_chat .chat-session-card span{
    font-size:.98rem!important;
    line-height:1.42!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-pane{
    min-height:min(70dvh,620px)!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-log{
    min-height:260px!important;
    max-height:52dvh!important;
    padding:14px!important;
    border-radius:22px!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-form textarea{
    min-height:112px!important;
  }
  body.site.agent-theme.page-agent_live_chat .mini-note{
    font-size:.96rem!important;
    line-height:1.35!important;
  }

  body.site .sidebar,
  body.sidebar-open #appSidebar{
    top:52px!important;
    bottom:calc(var(--mobile-nav-h,66px) + 10px + env(safe-area-inset-bottom))!important;
    padding:10px!important;
    overflow-y:auto!important;
    scrollbar-width:auto!important;
  }
  body.site .brand-block{
    min-height:46px!important;
    padding:4px!important;
    margin-bottom:6px!important;
  }
  body.site .side-nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding-right:4px!important;
  }
  body.site .side-nav a,
  body.sidebar-open #appSidebar .side-nav a{
    min-height:40px!important;
    padding:7px 8px!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body.site .side-nav a span{
    font-size:.84rem!important;
    line-height:1.08!important;
  }
  body.site .side-nav a small{
    display:none!important;
  }
  body.site .sidebar-mobile-close{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    min-height:34px!important;
  }
}

@media (max-width:520px){
  body.site .app-shell{
    padding-left:14px!important;
    padding-right:14px!important;
    padding-bottom:calc(var(--mobile-nav-h,72px) + 24px + env(safe-area-inset-bottom))!important;
  }
  body.site .content-shell{
    gap:16px!important;
  }
  body.site .agent-ticker-shell{
    margin-left:0!important;
    margin-right:0!important;
    max-width:100%!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  body.site .agent-ticker-track{
    font-size:1rem!important;
    line-height:1!important;
  }
  body.site.agent-theme.page-agent_live_chat .page-header{
    padding:28px!important;
    border-radius:28px!important;
  }
  body.site.agent-theme.page-agent_live_chat .page-header h1{
    font-size:clamp(2.45rem,11vw,3.2rem)!important;
    line-height:1.02!important;
  }
  body.site.agent-theme.page-agent_live_chat .page-header p:not(.eyebrow){
    max-width:none!important;
  }
  body.site.agent-theme.page-agent_live_chat .agent-chat-app{
    padding:18px!important;
    border-radius:26px!important;
  }
  body.site .mobile-app-nav{
    left:12px!important;
    right:12px!important;
    bottom:8px!important;
    border-radius:22px!important;
  }
}

/* zip92: maak chat bubble teks donker en leesbaar op ligte bubbles */
body.site .chat-bubble,
body.site .chat-bubble.visitor,
body.site .chat-bubble.admin,
body.site .agent-chat-bubble,
body.site .agent-chat-bubble.mine {
  color:#1f2a37!important;
  text-shadow:none!important;
}

body.site .chat-bubble strong,
body.site .agent-chat-bubble strong {
  color:#0f172a!important;
  font-weight:900!important;
}

body.site .chat-bubble small,
body.site .agent-chat-bubble small {
  color:#334155!important;
  opacity:1!important;
  font-weight:800!important;
}

body.site .chat-bubble.admin,
body.site .chat-bubble.visitor,
body.site .agent-chat-bubble:not(.admin),
body.site .agent-chat-bubble.mine {
  background:#ffffff!important;
  border:1px solid rgba(15,23,42,.14)!important;
}

body.site .agent-chat-bubble.admin {
  background:linear-gradient(135deg,#08213d,#0d3f64)!important;
  color:#ffffff!important;
}
body.site .agent-chat-bubble.admin strong,
body.site .agent-chat-bubble.admin small {
  color:#ffffff!important;
}

/* Zip 93: agent bank details card used on profile and portal setup */
.agent-bank-details-card{
    display:grid;
    gap:10px;
    padding:14px;
    border-radius:18px;
    border:1px solid rgba(185,130,54,.22);
    background:rgba(255,255,255,.48);
}
.admin-theme .agent-bank-details-card{
    border-color:rgba(139,231,255,.18);
    background:rgba(255,255,255,.06);
}


/* zip94: square cropper for agent profile photo uploads */
.profile-dropzone input[type="hidden"]{display:none!important}
.profile-crop-modal{position:fixed;inset:0;z-index:70000;display:grid;place-items:center;padding:18px;background:rgba(3,13,30,.72);backdrop-filter:blur(10px)}
.profile-crop-modal[hidden]{display:none!important}
.profile-crop-card{width:min(96vw,620px);max-height:calc(100dvh - 28px);overflow:auto;border-radius:28px;background:linear-gradient(145deg,#fffaf2,#ffffff);box-shadow:0 34px 100px rgba(0,0,0,.38);padding:18px;border:1px solid rgba(255,255,255,.62);color:#23170f}
.profile-crop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.profile-crop-head h3{margin:.1rem 0 0;font-size:1.25rem}.profile-crop-close{border:0;width:40px;height:40px;border-radius:999px;background:rgba(3,13,30,.08);font-size:1.7rem;line-height:1;cursor:pointer;color:#23170f;font-weight:900}.profile-crop-stage-wrap{position:relative;width:min(78vw,360px);height:min(78vw,360px);max-width:360px;max-height:360px;margin:0 auto;border-radius:24px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 2px rgba(185,130,54,.35),0 18px 50px rgba(58,33,13,.16);touch-action:none}.profile-crop-stage{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.profile-crop-stage:active{cursor:grabbing}.profile-crop-grid{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent 33.1%,rgba(255,255,255,.55) 33.2%,rgba(255,255,255,.55) 33.8%,transparent 33.9%,transparent 66.1%,rgba(255,255,255,.55) 66.2%,rgba(255,255,255,.55) 66.8%,transparent 66.9%),linear-gradient(0deg,transparent 33.1%,rgba(255,255,255,.55) 33.2%,rgba(255,255,255,.55) 33.8%,transparent 33.9%,transparent 66.1%,rgba(255,255,255,.55) 66.2%,rgba(255,255,255,.55) 66.8%,transparent 66.9%);box-shadow:inset 0 0 0 999px rgba(0,0,0,.03)}.profile-crop-zoom{display:grid!important;gap:8px;margin:14px 0 10px;font-weight:900;color:#6b3f20}.profile-crop-zoom input{width:100%}.profile-crop-actions{justify-content:flex-end}.profile-crop-open{overflow:hidden}.admin-theme .profile-crop-card{background:linear-gradient(145deg,#08182c,#0e2944);border-color:rgba(139,231,255,.2);color:#fff}.admin-theme .profile-crop-close{background:rgba(255,255,255,.12);color:#fff}.admin-theme .profile-crop-zoom{color:#8be7ff}
@media(max-width:620px){.profile-crop-modal{padding:8px}.profile-crop-card{border-radius:22px;padding:14px}.profile-crop-stage-wrap{width:min(88vw,340px);height:min(88vw,340px);border-radius:20px}.profile-crop-actions{display:grid!important;grid-template-columns:1fr}.profile-crop-actions .btn{width:100%}}

/* zip101: stop sideways scrolling and make product/admin + agent-order pages fit neatly */
html, body,
body.site.page-admin_products,
body.site.page-agent_client_orders{
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.site .app-shell,
body.site .content-shell,
body.site .desktop-command-bar,
body.site .agent-ticker-shell,
body.site .panel,
body.site .glass-panel,
body.site .table-wrap,
body.site .data-table-wrap{
  min-width:0!important;
  max-width:100%!important;
}
body.site .desktop-command-bar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  overflow:hidden!important;
}
body.site .desktop-command-bar .command-copy{
  min-width:0!important;
  overflow:hidden!important;
}
body.site .desktop-command-bar .command-copy strong,
body.site .desktop-command-bar .command-copy span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.site .desktop-command-bar .command-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
}
body.site .desktop-command-bar .command-actions a{
  white-space:nowrap!important;
  min-width:0!important;
}

@media (min-width:981px){
  body.site.admin-theme.page-admin_products .admin-grid.wide-left{
    display:grid!important;
    grid-template-columns:minmax(0,1.55fr) minmax(300px,.58fr)!important;
    align-items:start!important;
    gap:12px!important;
  }
  body.site.admin-theme.page-admin_products .admin-grid.wide-left > .panel{
    overflow:hidden!important;
  }
}

body.site.admin-theme.page-admin_products .table-wrap{
  overflow-x:hidden!important;
}
body.site.admin-theme.page-admin_products .table-wrap > table{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
body.site.admin-theme.page-admin_products .compact-table th,
body.site.admin-theme.page-admin_products .compact-table td{
  padding:6px 7px!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body.site.admin-theme.page-admin_products .compact-table th:nth-child(1),
body.site.admin-theme.page-admin_products .compact-table td:nth-child(1){width:46px!important;}
body.site.admin-theme.page-admin_products .compact-table th:nth-child(2),
body.site.admin-theme.page-admin_products .compact-table td:nth-child(2){width:70px!important;}
body.site.admin-theme.page-admin_products .compact-table th:nth-child(4),
body.site.admin-theme.page-admin_products .compact-table td:nth-child(4){width:112px!important;}
body.site.admin-theme.page-admin_products .compact-table th:nth-child(5),
body.site.admin-theme.page-admin_products .compact-table td:nth-child(5){width:128px!important;}
body.site.admin-theme.page-admin_products .compact-table th:nth-child(6),
body.site.admin-theme.page-admin_products .compact-table td:nth-child(6){width:250px!important;}
body.site.admin-theme.page-admin_products .table-thumb{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
}
body.site.admin-theme.page-admin_products details.inline-editor{
  max-width:100%!important;
  overflow:hidden!important;
}
body.site.admin-theme.page-admin_products details.inline-editor summary{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  max-width:100%!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(39,183,255,.10)!important;
  color:#8be7ff!important;
}
body.site.admin-theme.page-admin_products .mini-form{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
  padding:6px!important;
  margin-top:6px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(139,231,255,.10)!important;
}
body.site.admin-theme.page-admin_products .mini-form input,
body.site.admin-theme.page-admin_products .mini-form select,
body.site.admin-theme.page-admin_products .mini-form textarea{
  width:100%!important;
  max-width:100%!important;
  min-height:30px!important;
  padding:6px 8px!important;
  font-size:.72rem!important;
  border-radius:9px!important;
}
body.site.admin-theme.page-admin_products .mini-form textarea{
  min-height:62px!important;
}
body.site.admin-theme.page-admin_products .mini-form .file-line,
body.site.admin-theme.page-admin_products .mini-form textarea,
body.site.admin-theme.page-admin_products .mini-form .check-line,
body.site.admin-theme.page-admin_products .mini-form button{
  grid-column:1/-1!important;
}
body.site.admin-theme.page-admin_products .mini-form .check-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:26px!important;
  font-size:.72rem!important;
}
body.site.admin-theme.page-admin_products .mini-form .check-line input{
  width:auto!important;
  min-height:0!important;
}
body.site.admin-theme.page-admin_products .admin-filter-bar{
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;
}
body.site.admin-theme.page-admin_products .admin-filter-bar .btn{
  width:100%!important;
}
body.site.admin-theme.page-admin_products .stacked-form{
  gap:8px!important;
}
body.site.admin-theme.page-admin_products .stacked-form .btn{
  width:100%!important;
}

body.site.agent-theme.page-agent_client_orders .page-header{
  min-height:0!important;
  display:block!important;
  overflow:hidden!important;
  padding:22px 28px!important;
  border-radius:28px!important;
}
body.site.agent-theme.page-agent_client_orders .page-header h1{
  max-width:100%!important;
  font-size:clamp(2.05rem,3.05vw,3.05rem)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:none!important;
  margin:0 0 12px!important;
}
body.site.agent-theme.page-agent_client_orders .page-header p:not(.eyebrow){
  max-width:78ch!important;
  margin:0!important;
  line-height:1.45!important;
}
body.site.agent-theme.page-agent_client_orders .metric-grid,
body.site.agent-theme.page-agent_client_orders .warm-metrics{
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;
  gap:10px!important;
}
body.site.agent-theme.page-agent_client_orders .manual-agent-order-panel,
body.site.agent-theme.page-agent_client_orders .panel{
  overflow:hidden!important;
}
body.site.agent-theme.page-agent_client_orders .table-wrap,
body.site.agent-theme.page-agent_client_orders .data-table-wrap{
  overflow-x:auto!important;
}
body.site.agent-theme.page-agent_client_orders .table-wrap > table,
body.site.agent-theme.page-agent_client_orders .data-table-wrap > table{
  width:100%!important;
  max-width:100%!important;
}
body.site.agent-theme.page-agent_client_orders .inline-heading{
  max-width:100%!important;
  overflow:hidden!important;
}
body.site.agent-theme.page-agent_client_orders .inline-heading h2{
  overflow-wrap:break-word!important;
  word-break:normal!important;
}

@media (max-width:1180px) and (min-width:981px){
  body.site.admin-theme.page-admin_products .app-shell{
    grid-template-columns:190px minmax(0,1fr)!important;
  }
  body.site.admin-theme.page-admin_products .admin-grid.wide-left{
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important;
  }
  body.site.admin-theme.page-admin_products .compact-table th:nth-child(6),
  body.site.admin-theme.page-admin_products .compact-table td:nth-child(6){width:220px!important;}
  body.site.agent-theme.page-agent_client_orders .page-header h1{
    font-size:clamp(1.85rem,3.2vw,2.55rem)!important;
  }
}

@media (max-width:980px){
  body.site .desktop-command-bar{
    display:none!important;
  }
  body.site.admin-theme.page-admin_products .table-wrap,
  body.site.agent-theme.page-agent_client_orders .table-wrap,
  body.site.agent-theme.page-agent_client_orders .data-table-wrap{
    overflow:visible!important;
  }
  body.site.admin-theme.page-admin_products .table-wrap > table,
  body.site.agent-theme.page-agent_client_orders .table-wrap > table,
  body.site.agent-theme.page-agent_client_orders .data-table-wrap > table{
    min-width:0!important;
    display:block!important;
  }
  body.site.admin-theme.page-admin_products .mini-form{
    grid-template-columns:1fr!important;
  }
  body.site.admin-theme.page-admin_products .compact-table th,
  body.site.admin-theme.page-admin_products .compact-table td{
    width:auto!important;
  }
  body.site.agent-theme.page-agent_client_orders .page-header{
    padding:16px!important;
    border-radius:20px!important;
  }
  body.site.agent-theme.page-agent_client_orders .page-header h1{
    font-size:clamp(1.7rem,8vw,2.25rem)!important;
    line-height:1.04!important;
  }
  body.site.agent-theme.page-agent_client_orders .metric-grid,
  body.site.agent-theme.page-agent_client_orders .warm-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:520px){
  body.site.agent-theme.page-agent_client_orders .metric-grid,
  body.site.agent-theme.page-agent_client_orders .warm-metrics{
    grid-template-columns:1fr!important;
  }
  body.site.agent-theme.page-agent_client_orders .page-header h1{
    font-size:clamp(1.55rem,8.2vw,2rem)!important;
  }
}

/* Zip 102: keep agent client-order mark-paid button readable on warm backgrounds */
body.site.agent-theme.page-agent_client_orders .client-mark-paid-btn,
body.site.agent-theme.page-agent_client_orders button.client-mark-paid-btn,
body.site.agent-theme.page-agent_client_orders .row-actions .client-mark-paid-btn{
  background:#fffaf0!important;
  color:#2b1c12!important;
  border:1px solid rgba(122,72,31,.24)!important;
  text-shadow:none!important;
  font-weight:950!important;
}
body.site.agent-theme.page-agent_client_orders .client-mark-paid-btn:hover,
body.site.agent-theme.page-agent_client_orders button.client-mark-paid-btn:hover{
  background:#ffffff!important;
  color:#2b1c12!important;
}

/* Zip 103: client orders use two neat blocks, with card-style order rows and visible delete actions. */
body.site.agent-theme.page-agent_client_orders,
body.site.agent-theme.page-agent_client_orders .content-shell,
body.site.agent-theme.page-agent_client_orders .panel,
body.site.agent-theme.page-agent_client_orders .glass-panel{
  max-width:100%!important;
  overflow-x:clip!important;
}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-layout > .panel{
  min-width:0!important;
  width:100%!important;
}
body.site.agent-theme.page-agent_client_orders .manual-agent-order-panel .table-wrap{
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
body.site.agent-theme.page-agent_client_orders .manual-agent-order-panel .compact-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  font-size:.72rem!important;
}
body.site.agent-theme.page-agent_client_orders .manual-agent-order-panel .compact-table th,
body.site.agent-theme.page-agent_client_orders .manual-agent-order-panel .compact-table td{
  padding:6px 5px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.site.agent-theme.page-agent_client_orders .manual-agent-order-panel .compact-table th:nth-child(1),
body.site.agent-theme.page-agent_client_orders .manual-agent-order-panel .compact-table td:nth-child(1){width:38%!important;}
body.site.agent-theme.page-agent_client_orders .manual-agent-order-panel .compact-table th:nth-child(5),
body.site.agent-theme.page-agent_client_orders .manual-agent-order-panel .compact-table td:nth-child(5){width:62px!important;}
body.site.agent-theme.page-agent_client_orders .manual-agent-order-panel input[type="number"]{
  width:58px!important;
  min-width:0!important;
  padding-inline:7px!important;
}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table-wrap{
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  border-collapse:separate!important;
}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table thead{
  display:none!important;
}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table tbody{
  display:grid!important;
  gap:10px!important;
  width:100%!important;
}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table tr{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(110px,.32fr)!important;
  gap:6px 10px!important;
  width:100%!important;
  min-width:0!important;
  padding:12px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.58)!important;
  border:1px solid rgba(122,72,31,.14)!important;
  box-shadow:0 10px 24px rgba(58,33,13,.07)!important;
}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table td{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  font-size:.82rem!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table td:nth-child(1){grid-column:1/2!important;grid-row:1!important;font-weight:900!important;}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table td:nth-child(2){grid-column:1/2!important;grid-row:2!important;}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table td:nth-child(3){grid-column:2/3!important;grid-row:1/3!important;text-align:right!important;font-weight:900!important;}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table td:nth-child(4){grid-column:1/-1!important;grid-row:3!important;}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table td:nth-child(5){grid-column:1/2!important;grid-row:4!important;font-size:.72rem!important;opacity:.86!important;}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table td:nth-child(6){grid-column:2/3!important;grid-row:4!important;text-align:right!important;font-size:.72rem!important;opacity:.86!important;}
body.site.agent-theme.page-agent_client_orders .agent-client-orders-table td:nth-child(7){grid-column:1/-1!important;grid-row:5!important;}
body.site.agent-theme.page-agent_client_orders .order-detail summary{
  width:100%!important;
  justify-content:center!important;
}
body.site.agent-theme.page-agent_client_orders .order-detail .button-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
body.site.agent-theme.page-agent_client_orders .order-detail .button-row form,
body.site.agent-theme.page-agent_client_orders .order-detail .button-row a,
body.site.agent-theme.page-agent_client_orders .order-detail .button-row span{
  flex:1 1 150px!important;
  min-width:0!important;
}
body.site.agent-theme.page-agent_client_orders .order-detail .button-row .btn,
body.site.agent-theme.page-agent_client_orders .order-detail .button-row button{
  width:100%!important;
}
body.site.agent-theme.page-agent_clients .agent-client-actions{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}
body.site.agent-theme.page-agent_clients .agent-client-delete-form .btn{
  width:100%!important;
}
@media(max-width:980px){
  body.site.agent-theme.page-agent_client_orders .agent-client-orders-layout{
    grid-template-columns:1fr!important;
  }
  body.site.agent-theme.page-agent_client_orders .agent-client-orders-table tr{
    grid-template-columns:1fr!important;
  }
  body.site.agent-theme.page-agent_client_orders .agent-client-orders-table td:nth-child(n){
    grid-column:1/-1!important;
    grid-row:auto!important;
    text-align:left!important;
  }
}

/* Zip 105: admin orders readability fixes */
body.site.admin-theme.page-admin_orders .metric-grid.admin-summary-grid.compact-metrics{
  grid-template-columns:repeat(auto-fit,minmax(156px,1fr))!important;
  gap:12px!important;
}
body.site.admin-theme.page-admin_orders .metric-grid.admin-summary-grid.compact-metrics > .metric-card{
  min-height:118px!important;
  padding:16px!important;
  align-content:space-between!important;
  gap:10px!important;
}
body.site.admin-theme.page-admin_orders .metric-grid.admin-summary-grid.compact-metrics > .metric-card span{
  font-size:.88rem!important;
  line-height:1.18!important;
  letter-spacing:.035em!important;
  color:#d9efff!important;
  opacity:1!important;
  text-shadow:0 1px 8px rgba(0,0,0,.35)!important;
}
body.site.admin-theme.page-admin_orders .metric-grid.admin-summary-grid.compact-metrics > .metric-card strong{
  font-size:clamp(1.7rem,2.3vw,2.35rem)!important;
  line-height:1!important;
  color:#ffffff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.4)!important;
}
body.site.admin-theme.page-admin_orders .admin-export-strip{
  align-items:center!important;
}
body.site.admin-theme.page-admin_orders .admin-export-strip .btn.secondary,
body.site.admin-theme.page-admin_orders .admin-export-strip a.btn.secondary,
body.site.admin-theme.page-admin_orders .admin-export-strip button.btn.secondary{
  color:#2f1b0d!important;
  background:#e6ecf1!important;
  border-color:rgba(255,255,255,.82)!important;
  text-shadow:none!important;
  font-weight:950!important;
}
body.site.admin-theme.page-admin_orders .admin-export-strip .btn.secondary:hover,
body.site.admin-theme.page-admin_orders .admin-export-strip a.btn.secondary:hover,
body.site.admin-theme.page-admin_orders .admin-export-strip button.btn.secondary:hover{
  color:#1d1008!important;
  background:#ffffff!important;
}
@media(max-width:980px){
  body.site.admin-theme.page-admin_orders .metric-grid.admin-summary-grid.compact-metrics > .metric-card span{
    font-size:.78rem!important;
  }
  body.site.admin-theme.page-admin_orders .metric-grid.admin-summary-grid.compact-metrics > .metric-card strong{
    font-size:1.36rem!important;
  }
}

/* Zip 106: clean recipe header and floating line-style agent chat */
body.site.page-recipes,
body.site.page-recipes .content-shell{
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.site.page-recipes .page-header{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:start!important;
  gap:10px!important;
  min-height:0!important;
  padding:clamp(22px,3vw,38px)!important;
}
body.site.page-recipes .page-header > *{
  grid-column:1/-1!important;
  min-width:0!important;
}
body.site.page-recipes .page-header h1{
  max-width:22ch!important;
  font-size:clamp(2.15rem,4.2vw,4.65rem)!important;
  line-height:.98!important;
  letter-spacing:-.06em!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
}
body.site.page-recipes .page-header p:not(.eyebrow){
  max-width:720px!important;
  font-size:1.06rem!important;
  line-height:1.5!important;
  overflow-wrap:normal!important;
}
body.site.page-recipes .recipe-grid{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

.chat-log,
.admin-chat-log.live,
.agent-chat-log{
  display:block!important;
}
.chat-message-line,
.admin-chat-log .chat-message-line,
.agent-chat-log .chat-message-line,
.chat-log .chat-message-line{
  display:flex!important;
  align-items:baseline!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  padding:8px 2px!important;
  margin:0!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:1px solid rgba(122,72,31,.12)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  text-align:left!important;
}
.admin-theme .chat-message-line,
.admin-theme .admin-chat-log .chat-message-line,
.admin-theme .agent-chat-log .chat-message-line{
  border-bottom-color:rgba(255,255,255,.12)!important;
}
.chat-message-line .chat-name{
  flex:0 0 auto!important;
  max-width:180px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.chat-message-line .chat-text{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  line-height:1.35!important;
}
.chat-message-line .chat-time{
  flex:0 0 auto!important;
  margin-left:auto!important;
  font-size:.72rem!important;
  opacity:.7!important;
  white-space:nowrap!important;
}
.chat-message-line .chat-shot,
.chat-message-line .chat-page-link{
  display:block!important;
  margin-top:6px!important;
}
.chat-color-0 .chat-name{color:#0b7aa8!important;}
.chat-color-1 .chat-name{color:#a85c00!important;}
.chat-color-2 .chat-name{color:#7a4bd9!important;}
.chat-color-3 .chat-name{color:#14824a!important;}
.chat-color-4 .chat-name{color:#c02f5f!important;}
.chat-color-5 .chat-name{color:#ad7812!important;}
.chat-color-6 .chat-name{color:#097c74!important;}
.chat-color-7 .chat-name{color:#9548a8!important;}
.admin-theme .chat-color-0 .chat-name{color:#79dcff!important;}
.admin-theme .chat-color-1 .chat-name{color:#ffc06b!important;}
.admin-theme .chat-color-2 .chat-name{color:#c7a6ff!important;}
.admin-theme .chat-color-3 .chat-name{color:#7ff0b0!important;}
.admin-theme .chat-color-4 .chat-name{color:#ff9abb!important;}
.admin-theme .chat-color-5 .chat-name{color:#ffe18b!important;}
.admin-theme .chat-color-6 .chat-name{color:#78eee1!important;}
.admin-theme .chat-color-7 .chat-name{color:#efa2ff!important;}
.chat-message-line.chat-sender-admin .chat-name{font-weight:1000!important;}

.agent-chat-bubble,
.agent-chat-bubble.mine,
.agent-chat-bubble.admin,
.chat-bubble,
.chat-line{
  max-width:100%!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  color:inherit!important;
}

.agent-floating-chat-widget{
  position:fixed!important;
  right:22px!important;
  bottom:96px!important;
  z-index:8600!important;
  display:flex!important;
  flex-direction:column-reverse!important;
  align-items:flex-end!important;
  gap:10px!important;
}
body.site.admin-theme .agent-floating-chat-widget{
  bottom:96px!important;
}
.agent-floating-chat-panel{
  position:fixed!important;
  right:22px!important;
  bottom:154px!important;
  width:min(900px,calc(100vw - 360px))!important;
  min-width:560px!important;
  height:min(74dvh,680px)!important;
  max-height:min(74dvh,680px)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:rgba(255,250,240,.96)!important;
  border:1px solid rgba(122,72,31,.18)!important;
  box-shadow:0 26px 80px rgba(58,33,13,.24)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  color:var(--ink)!important;
  display:flex!important;
  flex-direction:column!important;
}
body.site.admin-theme .agent-floating-chat-panel{
  background:linear-gradient(135deg,rgba(7,23,42,.98),rgba(19,50,78,.96))!important;
  border-color:rgba(139,231,255,.22)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42)!important;
  color:#eef8ff!important;
}
.agent-floating-chat-panel[hidden]{display:none!important;}
.agent-floating-chat-panel.is-minimized{
  height:auto!important;
  min-height:0!important;
}
.agent-floating-chat-panel.is-minimized .agent-chat-popup-app{
  display:none!important;
}
.agent-floating-chat-head{
  flex:0 0 auto!important;
}
.agent-chat-popup-app{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:minmax(210px,260px) minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.agent-chat-popup-app .agent-chat-sidebar{
  min-height:0!important;
  overflow:auto!important;
  padding:14px!important;
  border-right:1px solid rgba(122,72,31,.14)!important;
}
.admin-theme .agent-chat-popup-app .agent-chat-sidebar{
  border-right-color:rgba(255,255,255,.12)!important;
}
.agent-chat-popup-app .agent-chat-pane{
  min-height:0!important;
  padding:14px!important;
}
.agent-chat-popup-app .agent-chat-log{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  padding:8px 4px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.58)!important;
}
.admin-theme .agent-chat-popup-app .agent-chat-log{
  background:rgba(3,13,30,.45)!important;
}
.agent-chat-popup-app .agent-chat-form{
  flex:0 0 auto!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  margin-top:10px!important;
}
.agent-chat-popup-app .agent-chat-form textarea{
  min-height:48px!important;
  max-height:112px!important;
  resize:vertical!important;
}
.agent-floating-chat-widget .float-action{
  background:linear-gradient(135deg,#27b7ff,#0876aa)!important;
  color:#04111f!important;
  font-weight:1000!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
}
body.site.agent-theme .agent-floating-chat-widget .float-action{
  background:linear-gradient(135deg,var(--gold),var(--gold-dark))!important;
  color:#fffaf0!important;
}

@media(max-width:1180px){
  .agent-floating-chat-panel{
    width:calc(100vw - 310px)!important;
    min-width:0!important;
  }
}
@media(max-width:980px){
  body.site.page-recipes .page-header h1{
    max-width:none!important;
    font-size:clamp(1.85rem,8vw,2.65rem)!important;
  }
  .agent-floating-chat-widget{
    right:10px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 76px)!important;
    z-index:21150!important;
  }
  body.site.admin-theme .agent-floating-chat-widget{
    right:58px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;
  }
  .agent-floating-chat-panel{
    left:8px!important;
    right:8px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 66px)!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    min-width:0!important;
    height:min(72dvh,560px)!important;
    max-height:min(72dvh,560px)!important;
    border-radius:22px!important;
  }
  .agent-chat-popup-app{
    grid-template-columns:1fr!important;
  }
  .agent-chat-popup-app .agent-chat-sidebar{
    max-height:165px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(122,72,31,.14)!important;
    padding:10px!important;
  }
  .agent-chat-popup-app .agent-chat-pane{
    padding:10px!important;
  }
  .chat-message-line{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:3px 8px!important;
  }
  .chat-message-line .chat-name{
    max-width:100%!important;
  }
  .chat-message-line .chat-text{
    grid-column:1/-1!important;
  }
  .chat-message-line .chat-time{
    grid-column:2!important;
    grid-row:1!important;
  }
}


/* ===== ZIP108 - floating chat layout, spacing and readable compact chat ===== */
body.site .quick-cart-widget{
  right:22px!important;
  bottom:22px!important;
  z-index:8400!important;
}
body.site .chat-widget{
  right:22px!important;
  bottom:96px!important;
  z-index:8500!important;
}
body.site.agent-theme .agent-floating-chat-widget{
  right:22px!important;
  bottom:96px!important;
  z-index:8600!important;
}
body.site.admin-theme .admin-floating-chat-widget{
  right:22px!important;
  bottom:22px!important;
  z-index:8700!important;
}
body.site.admin-theme .agent-floating-chat-widget{
  right:22px!important;
  bottom:96px!important;
  z-index:8600!important;
}
body.site .float-action{
  white-space:nowrap!important;
}
body.site.agent-theme .agent-floating-chat-panel,
body.site.admin-theme .agent-floating-chat-panel{
  position:fixed!important;
  right:22px!important;
  bottom:154px!important;
  width:min(740px, calc(100vw - 360px))!important;
  min-width:520px!important;
  height:min(64dvh,590px)!important;
  max-height:min(64dvh,590px)!important;
  resize:both!important;
}
body.site.admin-theme .admin-floating-chat-panel{
  position:fixed!important;
  right:22px!important;
  bottom:84px!important;
  width:min(760px, calc(100vw - 360px))!important;
  min-width:520px!important;
  height:min(66dvh,610px)!important;
  max-height:min(66dvh,610px)!important;
  resize:both!important;
}
body.site .agent-chat-popup-app{
  grid-template-columns:minmax(175px,230px) minmax(0,1fr)!important;
}
body.site .agent-chat-popup-app .agent-chat-sidebar{
  padding:12px!important;
}
body.site .agent-chat-popup-app .agent-chat-pane{
  padding:12px!important;
}
body.site .agent-chat-popup-app .inline-heading{
  gap:8px!important;
  margin-bottom:8px!important;
}
body.site .agent-chat-popup-app .inline-heading h2{
  font-size:clamp(1.25rem,2.2vw,1.75rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
body.site .agent-chat-popup-app .chat-session-card{
  padding:9px 10px!important;
  border-radius:14px!important;
  gap:3px!important;
  box-shadow:none!important;
}
body.site .agent-chat-popup-app .chat-session-card strong{
  font-size:.9rem!important;
  line-height:1.15!important;
}
body.site .agent-chat-popup-app .chat-session-card small,
body.site .agent-chat-popup-app .chat-session-card span{
  font-size:.72rem!important;
  line-height:1.2!important;
}
body.site .agent-chat-popup-app label{
  gap:5px!important;
  margin-top:10px!important;
  font-size:.76rem!important;
}
body.site .agent-chat-popup-app select{
  min-height:40px!important;
  padding:8px 10px!important;
}
body.site .agent-chat-popup-app .agent-chat-log,
body.site .admin-floating-chat-panel .admin-chat-log.live{
  border-radius:14px!important;
  padding:8px 10px!important;
}
body.site .agent-chat-popup-app .agent-chat-form,
body.site .admin-floating-chat-panel .admin-chat-reply{
  align-items:end!important;
  gap:8px!important;
}
body.site .agent-chat-popup-app .agent-chat-form textarea{
  min-height:44px!important;
  max-height:92px!important;
}
body.site .chat-message-line{
  gap:8px!important;
  padding:7px 0!important;
}
body.site .chat-message-line .chat-name{
  max-width:150px!important;
}
body.site .chat-message-line .chat-time{
  font-size:.68rem!important;
}
@media (min-width:981px){
  body.site.agent-theme .agent-floating-chat-panel,
  body.site.admin-theme .agent-floating-chat-panel,
  body.site.admin-theme .admin-floating-chat-panel{
    left:auto!important;
  }
}
@media (max-width:980px){
  body.site .quick-cart-widget{
    right:10px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;
  }
  body.site .chat-widget{
    right:64px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;
  }
  body.site.agent-theme .agent-floating-chat-widget{
    right:64px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;
  }
  body.site.admin-theme .admin-floating-chat-widget{
    right:10px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;
  }
  body.site.admin-theme .agent-floating-chat-widget{
    right:64px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;
  }
  body.site.agent-theme .agent-floating-chat-panel,
  body.site.admin-theme .agent-floating-chat-panel,
  body.site.admin-theme .admin-floating-chat-panel{
    left:8px!important;
    right:8px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 66px)!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    min-width:0!important;
    height:min(70dvh,540px)!important;
    max-height:min(70dvh,540px)!important;
    resize:none!important;
  }
  body.site .agent-chat-popup-app{
    grid-template-columns:1fr!important;
  }
  body.site .agent-chat-popup-app .agent-chat-sidebar{
    max-height:150px!important;
  }
}
@media (max-width:560px){
  body.site .chat-message-line{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  body.site .chat-message-line .chat-text{
    grid-column:1/-1!important;
  }
  body.site .chat-message-line .chat-name{
    max-width:100%!important;
  }
}

/* ===== ZIP109 - show agent live support button and stack floating buttons clearly ===== */
body.site.agent-theme .quick-cart-widget{
  right:22px!important;
  bottom:22px!important;
  z-index:8400!important;
}
body.site.agent-theme .chat-widget{
  right:22px!important;
  bottom:96px!important;
  z-index:8500!important;
  display:flex!important;
  flex-direction:column-reverse!important;
  align-items:flex-end!important;
  gap:10px!important;
}
body.site.agent-theme .agent-floating-chat-widget{
  right:22px!important;
  bottom:170px!important;
  z-index:8600!important;
}
body.site.agent-theme .chat-panel.floating-window{
  position:fixed!important;
  right:22px!important;
  bottom:154px!important;
  width:min(390px, calc(100vw - 44px))!important;
  height:min(520px, calc(100dvh - 190px))!important;
  max-height:calc(100dvh - 190px)!important;
  min-width:300px!important;
}
body.site.agent-theme .agent-floating-chat-panel{
  right:22px!important;
  bottom:228px!important;
  height:min(58dvh,540px)!important;
  max-height:min(58dvh,540px)!important;
}
body.site.agent-theme .chat-toggle{
  background:linear-gradient(135deg,#27b7ff,#0876aa)!important;
  color:#04111f!important;
}
body.site.agent-theme .chat-toggle .float-badge{
  background:#d92d20!important;
  color:#fff!important;
}
body.site.admin-theme .agent-floating-chat-widget{
  bottom:96px!important;
}
body.site.admin-theme .admin-floating-chat-widget{
  bottom:22px!important;
}
@media (max-width:980px){
  body.site.agent-theme .quick-cart-widget{
    right:10px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;
  }
  body.site.agent-theme .chat-widget{
    right:64px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;
    z-index:21120!important;
  }
  body.site.agent-theme .agent-floating-chat-widget{
    right:118px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 12px)!important;
    z-index:21130!important;
  }
  body.site.agent-theme .chat-panel.floating-window{
    left:8px!important;
    right:8px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 66px)!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    min-width:0!important;
    height:min(70dvh,540px)!important;
    max-height:min(70dvh,540px)!important;
    resize:none!important;
  }
  body.site.agent-theme .agent-floating-chat-panel{
    left:8px!important;
    right:8px!important;
    bottom:calc(var(--mobile-nav-h,74px) + 66px)!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    min-width:0!important;
    height:min(70dvh,540px)!important;
    max-height:min(70dvh,540px)!important;
    resize:none!important;
  }
}
@media (max-width:430px){
  body.site.agent-theme .quick-cart-widget{right:8px!important;}
  body.site.agent-theme .chat-widget{right:58px!important;}
  body.site.agent-theme .agent-floating-chat-widget{right:108px!important;}
}


/* ===== ZIP111 - fix Agentklets/Admin chat popup width and message wrapping ===== */
body.site .agent-floating-chat-panel{
  width:min(920px, calc(100vw - 320px))!important;
  min-width:720px!important;
  height:min(72dvh,650px)!important;
  max-height:min(72dvh,650px)!important;
}
body.site.admin-theme .agent-floating-chat-panel,
body.site.admin-theme .admin-floating-chat-panel{
  width:min(940px, calc(100vw - 340px))!important;
  min-width:720px!important;
}
body.site .agent-chat-popup-app{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  grid-template-columns:minmax(230px,260px) minmax(360px,1fr)!important;
}
body.site .agent-chat-popup-app .agent-chat-sidebar,
body.site .agent-chat-popup-app .agent-chat-pane,
body.site.admin-theme .admin-live-chat.compact .admin-session-list,
body.site.admin-theme .admin-live-chat.compact .admin-chat-pane{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.site .agent-chat-popup-app .agent-chat-pane,
body.site.admin-theme .admin-live-chat.compact .admin-chat-pane{
  width:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.site .agent-chat-popup-app .inline-heading,
body.site.admin-theme .admin-live-chat.compact .inline-heading{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.site .agent-chat-popup-app .inline-heading > div,
body.site.admin-theme .admin-live-chat.compact .inline-heading > div{
  min-width:0!important;
  flex:1 1 210px!important;
}
body.site .agent-chat-popup-app .inline-heading h2,
body.site.admin-theme .admin-live-chat.compact .inline-heading h2{
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance!important;
}
body.site .agent-chat-popup-app .agent-chat-log,
body.site.admin-theme .admin-floating-chat-panel .admin-chat-log.live,
body.site.admin-theme .admin-agent-group-chat .agent-chat-log{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:block!important;
}
body.site.admin-theme .admin-floating-chat-body{
  overflow:hidden!important;
}
body.site.admin-theme .admin-live-chat.compact{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  grid-template-columns:minmax(230px,280px) minmax(360px,1fr)!important;
}
body.site .agent-chat-popup-app .chat-message-line,
body.site.admin-theme .admin-floating-chat-panel .chat-message-line,
body.site.admin-theme .admin-agent-group-chat .chat-message-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:3px 10px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.site .agent-chat-popup-app .chat-message-line .chat-name,
body.site.admin-theme .admin-floating-chat-panel .chat-message-line .chat-name,
body.site.admin-theme .admin-agent-group-chat .chat-message-line .chat-name{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.site .agent-chat-popup-app .chat-message-line .chat-time,
body.site.admin-theme .admin-floating-chat-panel .chat-message-line .chat-time,
body.site.admin-theme .admin-agent-group-chat .chat-message-line .chat-time{
  grid-column:2!important;
  grid-row:1!important;
  margin-left:0!important;
  max-width:90px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.68rem!important;
  opacity:.72!important;
}
body.site .agent-chat-popup-app .chat-message-line .chat-text,
body.site.admin-theme .admin-floating-chat-panel .chat-message-line .chat-text,
body.site.admin-theme .admin-agent-group-chat .chat-message-line .chat-text{
  grid-column:1/-1!important;
  grid-row:2!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  display:block!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:none!important;
  line-height:1.35!important;
}
body.site .agent-chat-popup-app .chat-message-line .chat-shot,
body.site.admin-theme .admin-floating-chat-panel .chat-message-line .chat-shot,
body.site.admin-theme .admin-agent-group-chat .chat-message-line .chat-shot{
  max-width:100%!important;
}
body.site .agent-chat-popup-app .agent-chat-form,
body.site.admin-theme .admin-floating-chat-panel .admin-chat-reply,
body.site.admin-theme .admin-agent-group-chat .agent-chat-form{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.site .agent-chat-popup-app .agent-chat-form textarea,
body.site.admin-theme .admin-floating-chat-panel .admin-chat-reply input,
body.site.admin-theme .admin-agent-group-chat .agent-chat-form textarea{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
@media (max-width:1180px) and (min-width:981px){
  body.site .agent-floating-chat-panel,
  body.site.admin-theme .agent-floating-chat-panel,
  body.site.admin-theme .admin-floating-chat-panel{
    width:calc(100vw - 300px)!important;
    min-width:680px!important;
  }
  body.site .agent-chat-popup-app,
  body.site.admin-theme .admin-live-chat.compact{
    grid-template-columns:minmax(210px,240px) minmax(320px,1fr)!important;
  }
}
@media (max-width:980px){
  body.site .agent-floating-chat-panel,
  body.site.admin-theme .agent-floating-chat-panel,
  body.site.admin-theme .admin-floating-chat-panel{
    min-width:0!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
  }
  body.site .agent-chat-popup-app,
  body.site.admin-theme .admin-live-chat.compact{
    grid-template-columns:1fr!important;
  }
  body.site .agent-chat-popup-app .chat-message-line .chat-time,
  body.site.admin-theme .admin-floating-chat-panel .chat-message-line .chat-time,
  body.site.admin-theme .admin-agent-group-chat .chat-message-line .chat-time{
    max-width:84px!important;
  }
}

/* Zip 112: client portal hero must fit neatly on desktop and mobile */
body.site.page-agent_portal,
body.site.page-agent_portal .content-shell{
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.site.page-agent_portal .agent-portal-hero{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:start!important;
  gap:14px!important;
  min-height:0!important;
  padding:clamp(22px,2.8vw,40px)!important;
  overflow:hidden!important;
}
body.site.page-agent_portal .agent-portal-hero > *{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  max-width:100%!important;
}
body.site.page-agent_portal .agent-portal-hero > .eyebrow{
  display:inline-flex!important;
  align-self:flex-start!important;
  justify-self:start!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  white-space:normal!important;
}
body.site.page-agent_portal .agent-portal-brand-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.site.page-agent_portal .agent-portal-brand-row > div{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  gap:8px!important;
}
body.site.page-agent_portal .agent-portal-logo{
  flex:0 0 auto!important;
  width:74px!important;
  height:74px!important;
  border-radius:20px!important;
}
body.site.page-agent_portal .agent-portal-brand-row h1{
  width:100%!important;
  max-width:22ch!important;
  margin:0!important;
  font-size:clamp(2.1rem,3.15vw,3.45rem)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
body.site.page-agent_portal .agent-portal-brand-row p{
  width:100%!important;
  max-width:760px!important;
  margin:0!important;
  font-size:clamp(.95rem,1vw,1.08rem)!important;
  line-height:1.45!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
body.site.page-agent_portal .agent-contact-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  margin:2px 0 0!important;
}
body.site.page-agent_portal .agent-contact-strip a,
body.site.page-agent_portal .agent-contact-strip span{
  width:auto!important;
  max-width:100%!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:.86rem!important;
  line-height:1.15!important;
  padding:8px 12px!important;
}
body.site.page-agent_portal .agent-portal-hero .mini-note{
  width:100%!important;
  max-width:760px!important;
  margin:0!important;
  font-size:.98rem!important;
  line-height:1.42!important;
  color:var(--muted)!important;
}
body.site.page-agent_portal .agent-portal-hero .button-row{
  margin-top:4px!important;
  width:100%!important;
  justify-content:flex-start!important;
}
body.site.page-agent_portal .agent-portal-error-card{
  overflow:hidden!important;
}
body.site.page-agent_portal .agent-portal-error-card h2{
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media (max-width:760px){
  body.site.page-agent_portal .agent-portal-hero{
    padding:16px!important;
    gap:10px!important;
  }
  body.site.page-agent_portal .agent-portal-brand-row{
    flex-direction:column!important;
    gap:10px!important;
  }
  body.site.page-agent_portal .agent-portal-logo{
    width:62px!important;
    height:62px!important;
    border-radius:17px!important;
  }
  body.site.page-agent_portal .agent-portal-brand-row h1{
    max-width:100%!important;
    font-size:clamp(1.72rem,8vw,2.35rem)!important;
  }
  body.site.page-agent_portal .agent-portal-brand-row p,
  body.site.page-agent_portal .agent-portal-hero .mini-note{
    font-size:.92rem!important;
    line-height:1.4!important;
  }
  body.site.page-agent_portal .agent-contact-strip a,
  body.site.page-agent_portal .agent-contact-strip span{
    width:100%!important;
    white-space:normal!important;
  }
}


/* Zip 113: agent client portal is a standalone buying page, without public sidepanel/nav clutter */
body.site.portal-standalone .app-shell{
  grid-template-columns:1fr!important;
  max-width:1480px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:clamp(14px,2vw,26px)!important;
}
body.site.portal-standalone .content-shell{
  width:100%!important;
  max-width:100%!important;
  gap:18px!important;
}
body.site.portal-standalone .mobile-menu-button,
body.site.portal-standalone .sidebar,
body.site.portal-standalone .sidebar-backdrop,
body.site.portal-standalone .desktop-command-bar,
body.site.portal-standalone .agent-ticker-shell,
body.site.portal-standalone .mobile-app-nav,
body.site.portal-standalone .quick-cart-widget{
  display:none!important;
}
body.site.portal-standalone .agent-portal-hero,
body.site.portal-standalone .panel,
body.site.portal-standalone .glass-panel{
  max-width:100%!important;
}
@media(max-width:760px){
  body.site.portal-standalone .app-shell{padding:10px!important;}
  body.site.portal-standalone{padding-bottom:0!important;}
}


/* Zip 114: agent-client portal floating cart, no-scroll add-to-cart feedback, and faster checkout UX */
.portal-floating-cart-widget{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:8450!important;
  text-decoration:none!important;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark))!important;
  color:#fff!important;
}
.portal-floating-cart-widget .float-badge{display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;background:#ef3333!important;color:#fff!important;font-size:.75rem!important;font-weight:950!important;line-height:1!important;position:static!important;transform:none!important;margin-left:2px!important;}
.portal-cart-toast{
  position:fixed!important;
  right:22px!important;
  bottom:82px!important;
  z-index:8460!important;
  max-width:min(340px,calc(100vw - 44px))!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:#fffaf0!important;
  color:#2b1c12!important;
  border:1px solid rgba(185,130,54,.32)!important;
  box-shadow:0 16px 34px rgba(43,28,18,.18)!important;
  font-weight:900!important;
}
.portal-cart-toast.is-error{background:#fff0f0!important;color:#8b1010!important;border-color:rgba(139,16,16,.28)!important;}
.page-agent_portal .chat-widget{right:22px!important;bottom:96px!important;z-index:8465!important;}
.page-agent_portal .chat-panel.floating-window{bottom:60px!important;}
.portal-add-form button[disabled], [data-portal-submit-order][disabled]{opacity:.75!important;cursor:wait!important;}
@media(max-width:640px){
  .portal-floating-cart-widget{right:10px!important;bottom:12px!important;min-width:44px!important;min-height:44px!important;padding:10px 12px!important;}
  .portal-floating-cart-widget span:not(.float-icon){display:none!important;}
  .portal-cart-toast{right:10px!important;bottom:66px!important;max-width:calc(100vw - 20px)!important;}
  .page-agent_portal .chat-widget{right:64px!important;bottom:12px!important;}
  .page-agent_portal .chat-toggle span:not(.float-icon){display:none!important;}
  .page-agent_portal .chat-panel.floating-window{right:8px!important;bottom:66px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;}
}

/* Zip 115: mobile product modal and cart drawer readability/visibility fixes */
body.site.product-modal-open,
body.site.quick-cart-open{
  overflow:hidden!important;
}
body.site.product-modal-open .mobile-app-nav,
body.site.product-modal-open .chat-widget,
body.site.product-modal-open .quick-cart-widget,
body.site.product-modal-open .portal-floating-cart-widget,
body.site.quick-cart-open .mobile-app-nav,
body.site.quick-cart-open .chat-widget,
body.site.quick-cart-open .portal-floating-cart-widget{
  display:none!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
body.site .modal{
  z-index:72000!important;
  background:rgba(22,12,5,.68)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
body.site .modal[hidden]{display:none!important;}
body.site .modal-card{
  background:#fffaf1!important;
  color:#2b1c12!important;
  border:1px solid rgba(122,72,31,.18)!important;
  box-shadow:0 24px 80px rgba(22,12,5,.34)!important;
  opacity:1!important;
}
body.site .modal-card h2,
body.site .modal-card h3,
body.site .modal-card strong{
  color:#2b1c12!important;
}
body.site .modal-card p,
body.site .modal-card small{
  color:#6e543f!important;
}
body.site .modal-close{
  background:#fffaf1!important;
  color:#2b1c12!important;
  border:1px solid rgba(122,72,31,.16)!important;
  box-shadow:0 10px 24px rgba(43,28,18,.14)!important;
  font-weight:950!important;
  z-index:3!important;
}
body.site .quick-cart-backdrop{
  z-index:72900!important;
  background:rgba(22,12,5,.58)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}
body.site .quick-cart-drawer{
  z-index:73000!important;
  background:#fffaf1!important;
  color:#2b1c12!important;
  box-shadow:-24px 0 80px rgba(22,12,5,.32)!important;
}
body.site .quick-cart-head,
body.site .quick-cart-summary,
body.site .quick-cart-actions{
  background:#fffaf1!important;
  color:#2b1c12!important;
}
body.site .quick-cart-row{
  background:#fffdf8!important;
  color:#2b1c12!important;
  border-color:rgba(122,72,31,.14)!important;
}
body.site .quick-cart-row strong,
body.site .quick-cart-row b,
body.site .quick-cart-summary strong{
  color:#2b1c12!important;
}
body.site .quick-cart-row small,
body.site .quick-cart-row span,
body.site .quick-cart-summary span{
  color:#6e543f!important;
}
body.site .quick-cart-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:2!important;
  padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(122,72,31,.14)!important;
}
@media(max-width:640px){
  body.site .modal{
    align-items:end!important;
    padding:10px!important;
  }
  body.site .modal-card{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 22px)!important;
    overflow:auto!important;
    border-radius:24px!important;
    padding:14px!important;
    padding-bottom:18px!important;
  }
  body.site .modal-close{
    position:sticky!important;
    top:0!important;
    float:right!important;
    width:auto!important;
    min-width:46px!important;
    min-height:42px!important;
    margin-left:auto!important;
    padding:9px 13px!important;
    font-size:.9rem!important;
  }
  body.site .modal-product{
    clear:both!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.site .modal-product img{
    width:min(100%,280px)!important;
    max-height:220px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    border-radius:18px!important;
    background:#fff!important;
  }
  body.site .modal-product .pill{
    width:max-content!important;
    max-width:100%!important;
  }
  body.site .modal-product h2{
    font-size:clamp(1.45rem,7vw,2.05rem)!important;
    line-height:1.08!important;
    margin:4px 0 8px!important;
    letter-spacing:-.04em!important;
  }
  body.site .modal-product p{
    font-size:1rem!important;
    line-height:1.42!important;
    margin:0 0 10px!important;
  }
  body.site #modalAddCart{
    position:sticky!important;
    bottom:8px!important;
    width:100%!important;
    min-height:48px!important;
    z-index:4!important;
    box-shadow:0 12px 30px rgba(43,28,18,.18)!important;
  }
  body.site .quick-cart-drawer{
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100vw!important;
    max-width:100vw!important;
    height:min(88dvh,720px)!important;
    max-height:calc(100dvh - 8px)!important;
    border-radius:24px 24px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(122,72,31,.18)!important;
  }
  body.site .quick-cart-head{
    padding:14px 16px!important;
  }
  body.site .quick-cart-head strong{
    font-size:1.15rem!important;
    color:#2b1c12!important;
  }
  body.site .quick-cart-head button{
    width:46px!important;
    height:46px!important;
    font-size:1.15rem!important;
    color:#2b1c12!important;
    background:rgba(122,72,31,.10)!important;
  }
  body.site .quick-cart-items{
    padding:12px!important;
    gap:10px!important;
  }
  body.site .quick-cart-row{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:12px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  body.site .quick-cart-row img{
    width:72px!important;
    height:72px!important;
    border-radius:14px!important;
  }
  body.site .quick-cart-row strong{
    font-size:1rem!important;
    line-height:1.2!important;
    margin-bottom:3px!important;
  }
  body.site .quick-cart-row small,
  body.site .quick-cart-row span{
    font-size:.9rem!important;
    line-height:1.25!important;
  }
  body.site .quick-cart-qty{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:44px 1fr 44px 44px!important;
    align-items:center!important;
    gap:8px!important;
    justify-content:stretch!important;
  }
  body.site .quick-cart-qty b{
    text-align:center!important;
    font-size:1.05rem!important;
  }
  body.site .quick-cart-qty button{
    width:44px!important;
    height:42px!important;
    border-radius:14px!important;
    font-size:1.05rem!important;
  }
  body.site .quick-cart-summary{
    padding:12px 16px!important;
    gap:9px!important;
    font-size:1rem!important;
  }
  body.site .quick-cart-summary .total strong{
    font-size:1.35rem!important;
  }
  body.site .quick-cart-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px 16px calc(16px + env(safe-area-inset-bottom))!important;
  }
  body.site .quick-cart-actions .btn,
  body.site .quick-cart-actions button{
    width:100%!important;
    min-height:48px!important;
    font-size:.95rem!important;
    justify-content:center!important;
  }
}


/* zip116 admin order full-detail export */
body.site.admin-theme.page-admin_orders .admin-export-range-form{
  display:grid;
  grid-template-columns:auto minmax(140px,190px) minmax(140px,190px) auto auto minmax(220px,1fr);
  gap:8px;
  align-items:end;
  padding:10px;
  margin:8px 0 12px;
  border:1px solid rgba(139,231,255,.18);
  border-radius:16px;
  background:rgba(255,255,255,.055);
}
body.site.admin-theme.page-admin_orders .admin-export-range-form strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#8be7ff;align-self:center;}
body.site.admin-theme.page-admin_orders .admin-export-range-form label{display:grid;gap:4px;font-size:.74rem;font-weight:900;color:#e8f6ff;}
body.site.admin-theme.page-admin_orders .admin-export-range-form small{font-weight:800;color:#b8ccdb;font-size:.72rem;line-height:1.25;}
body.site.admin-theme.page-admin_orders .admin-export-range-form .btn.secondary{background:#d8dde4!important;color:#172230!important;border-color:#f4f8fb!important;text-shadow:none!important;}
@media(max-width:980px){body.site.admin-theme.page-admin_orders .admin-export-range-form{grid-template-columns:1fr 1fr!important;}body.site.admin-theme.page-admin_orders .admin-export-range-form strong,body.site.admin-theme.page-admin_orders .admin-export-range-form small{grid-column:1/-1;}.admin-export-range-form .btn{width:100%!important;}}
@media(max-width:520px){body.site.admin-theme.page-admin_orders .admin-export-range-form{grid-template-columns:1fr!important;}}


/* zip132: polished invoice and packing slip document layout */
.invoice-logo-stack{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:120px}
.invoice-logo-stack .invoice-logo{width:112px;height:112px;object-fit:contain;border-radius:24px;background:linear-gradient(135deg,#fff7ea,#fff);padding:8px;border:1px solid rgba(185,130,54,.18);box-shadow:0 10px 26px rgba(58,33,13,.12)}
.invoice-agent-photo{width:72px;height:72px;border-radius:999px;object-fit:cover;border:4px solid #fff;box-shadow:0 10px 24px rgba(58,33,13,.16);background:#fff7ea}
.invoice-one-page,.packing-slip-page{background:#fffdf8!important;border:1px solid rgba(185,130,54,.22)!important;box-shadow:0 18px 60px rgba(58,33,13,.12)!important;color:#2b1c12!important}
.invoice-top{align-items:flex-start!important;border-bottom:2px solid rgba(185,130,54,.18);padding-bottom:14px;margin-bottom:14px}
.invoice-brand-block{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:16px!important;align-items:center!important}
.invoice-meta-box,.invoice-info-card,.invoice-totals-box,.ps-card{border:1px solid rgba(185,130,54,.16)!important;background:rgba(255,247,234,.72)!important;border-radius:18px!important}
.invoice-items-table th,.invoice-items-table td{padding:7px 8px!important;border-bottom:1px solid rgba(185,130,54,.12)!important;vertical-align:top!important}
.invoice-items-table th{background:rgba(185,130,54,.11)!important;color:#3a210d!important;font-weight:900!important}
.invoice-items-table small{display:block;color:#6f4b31;font-weight:700;margin-top:2px}
.ps-title-block h1,.invoice-brand-block h1{letter-spacing:-.02em!important;color:#3a210d!important}
.ps-items-table th,.ps-items-table td{padding:7px 8px!important;border-bottom:1px solid rgba(185,130,54,.14)!important}
.ps-items-table th{background:rgba(185,130,54,.11)!important;font-weight:900!important}
@media print{.invoice-logo-stack .invoice-logo{width:86px!important;height:86px!important}.invoice-agent-photo{width:58px!important;height:58px!important}.document-page{box-shadow:none!important;border-color:#d7b789!important}.invoice-items-table th,.invoice-items-table td,.ps-items-table th,.ps-items-table td{padding:5px 6px!important;font-size:10.5px!important}}