/* Shared BOTI presentation, release 3.3.14. No record or authentication rules live here. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&family=Special+Elite&display=swap');
:root{--boti-gold:#d8bd86;--boti-border:#514632;--boti-text:#eee8dc}
body.boti-private-shell,body:has(.client-app),body:has(#appView),body:has(.quick-shell){font-family:Inter,Arial,sans-serif;color:var(--boti-text)}
body.boti-private-shell{padding-left:220px;min-width:0}
body.boti-private-shell>header.boti-topbar{width:calc(100% + 220px);margin-left:-220px;min-height:76px;position:sticky;top:0;z-index:30}
body.boti-private-shell>main,body.boti-private-shell>main.shell{width:auto;max-width:none;margin:0;padding:28px clamp(18px,3vw,40px) 70px;min-width:0}
body.boti-private-shell>section.loginwrap{margin:0}
.boti-generated-sidebar{position:fixed;top:76px;left:0;bottom:0;width:220px;z-index:25;overflow-y:auto;background:#11110f;border-right:1px solid #3f3628;padding:17px 12px 24px}
.boti-generated-sidebar .appmark{padding:3px 8px 16px;color:var(--boti-gold);font:20px "Special Elite",monospace}
.boti-generated-sidebar .appmark span{font-size:10px}
.boti-generated-sidebar nav{display:grid;gap:2px}
.boti-generated-sidebar a{display:block;min-height:40px;padding:11px 10px;border-left:2px solid transparent;color:#ddd2bd;text-decoration:none;font:11px/1.4 "Special Elite",monospace;text-transform:uppercase;letter-spacing:.02em}
.boti-generated-sidebar a:hover,.boti-generated-sidebar a:focus-visible,.boti-generated-sidebar a[aria-current=page]{background:#252016;border-left-color:var(--boti-gold);color:#f6e7c9}
.boti-generated-sidebar .boti-menu-group{padding:15px 9px 5px;color:#bba47a;font:10px "Special Elite",monospace;text-transform:uppercase}
.boti-private-shell>header.boti-topbar .boti-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#f0e7d7;text-decoration:none}
.boti-private-shell>header.boti-topbar .boti-brand img{display:block;width:56px;height:56px;object-fit:contain;flex:none}
.boti-private-shell>header.boti-topbar .boti-brand strong{display:block;color:#f0e7d7;font:700 26px/1.1 Georgia,serif;white-space:nowrap}
.boti-private-shell>header.boti-topbar .boti-brand small{display:block;margin-top:5px;color:#bb9e6b;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.17em}
.boti-private-shell .boti-topbar .boti-brand strong,.client-app .boti-topbar .boti-brand strong{font-family:Georgia,serif;font-size:26px}
.boti-private-shell .boti-topbar nav a,.client-app .boti-topbar nav a{font:10px/1.3 "Special Elite",monospace;padding:8px 10px;min-height:42px}
.boti-private-shell>main h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(42px,5vw,62px);line-height:1.02;margin:8px 0 18px}
.boti-private-shell>main h2{font-family:"Cormorant Garamond",Georgia,serif}
.boti-private-shell input,.boti-private-shell select,.boti-private-shell textarea{font-size:16px;min-height:44px}
.boti-menu-toggle{display:none;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid #a88b58;background:#262016;color:#f3dfba;font:11px "Special Elite",monospace;text-transform:uppercase;cursor:pointer}
.boti-menu-toggle:focus-visible,.boti-generated-sidebar a:focus-visible,.sidebar .nav:focus-visible,.client-sidebar .nav:focus-visible{outline:2px solid #e4c487;outline-offset:2px}
/* The same compact app proportions on Summary, Quick Listings, and Clients. */
#appView,.quick-shell,.client-app{grid-template-columns:220px minmax(0,1fr)!important;grid-template-rows:76px minmax(0,1fr)!important}
#appView>.topbar,.quick-shell>.topbar,.client-app>.topbar{height:76px!important;min-height:76px!important;padding:8px clamp(16px,2vw,30px)!important;gap:12px!important}
#appView .boti-site-brand strong,.quick-shell .boti-site-brand strong,.client-app .boti-brand strong{font-size:26px}
#appView .sidebar,.quick-shell .sidebar,.client-sidebar{background:#11110f;padding:17px 12px 24px!important}
#appView .sidebar nav,.quick-shell .sidebar nav,.client-sidebar nav{display:grid!important;gap:2px!important;overflow:visible!important}
#appView .sidebar .nav,.quick-shell .sidebar .nav,.client-sidebar .nav{display:block;width:100%;min-height:40px;text-align:left;padding:11px 10px!important;border:0!important;border-left:2px solid transparent!important;background:transparent;color:#ddd2bd;font:11px/1.4 "Special Elite",monospace;letter-spacing:.02em}
#appView .sidebar .nav.active,#appView .sidebar .nav:hover,.quick-shell .sidebar .nav.active,.quick-shell .sidebar .nav:hover,.client-sidebar .nav.active,.client-sidebar .nav:hover{background:#252016!important;border-left-color:var(--boti-gold)!important;color:#f6e7c9!important}
#appView .main,.quick-shell .main,.client-main{padding:28px clamp(18px,3vw,40px)!important;min-width:0}
#appView .hero h1,.quick-shell .hero h1,.client-main h1{font-size:clamp(42px,5vw,62px)!important;line-height:1.02!important}
#appView .hero.compact h1{font-size:clamp(42px,5vw,58px)!important}
#appView .hero,.quick-shell .hero{gap:20px;margin-bottom:18px}
#appView .hero p,.quick-shell .hero p{color:#c8bdab}
#appView .nav,#appView .kpi span,#appView .row small{color:#cfc2ac}
#appView .panel button,#appView .case-card button{background:#252016;color:#ecd29d;border:1px solid #8e754b}
#appView .repair-due a{display:inline-flex;min-height:40px;align-items:center;padding:7px 10px;background:#252016;border:1px solid #8e754b;text-decoration:none}
/* Inventory Manager and seller inquiries retain their existing page functions. */
body.boti-private-shell #managerView .hero{margin-bottom:18px}
body.boti-private-shell #managerView .hero h1{font-size:clamp(42px,5vw,62px)}
body.boti-private-shell>header.boti-topbar nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;overflow:visible}
body.boti-private-shell>header.boti-topbar nav a{font:10px/1.3 "Special Elite",monospace}
@media(max-width:1180px){body.boti-private-shell>header.boti-topbar nav{gap:3px}body.boti-private-shell>header.boti-topbar nav a{padding:7px;font-size:9px}}
@media(max-width:900px){
  body.boti-private-shell{padding-left:0}
  body.boti-private-shell>header.boti-topbar{width:100%;margin-left:0}
  body.boti-private-shell>main,body.boti-private-shell>main.shell{padding:20px 16px 60px}
  #appView,.quick-shell,.client-app{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:76px minmax(0,1fr)!important}
  #appView>.topbar,.quick-shell>.topbar,.client-app>.topbar{grid-column:1!important;grid-row:1!important;flex-direction:row!important;align-items:center!important}
  #appView>.main,.quick-shell>.main,.client-main{grid-column:1!important;grid-row:2!important;padding:20px 16px!important}
  .boti-nav-ready .sidebar,.boti-nav-ready .client-sidebar,body.boti-private-shell.boti-nav-ready .boti-generated-sidebar{display:none!important}
  .boti-nav-ready.boti-menu-open .sidebar,.boti-nav-ready.boti-menu-open .client-sidebar,body.boti-private-shell.boti-nav-ready.boti-menu-open .boti-generated-sidebar{display:block!important;position:fixed!important;top:76px!important;left:0!important;bottom:0!important;width:min(300px,85vw)!important;z-index:40!important;overflow-y:auto!important;border-right:1px solid #a88b58!important;box-shadow:20px 0 50px #000a}
  .boti-nav-ready .sidebar nav,.boti-nav-ready .client-sidebar nav{display:grid!important;overflow:visible!important}
  .boti-nav-ready .sidebar .appmark,.boti-nav-ready .client-sidebar .appmark{display:block!important}
  .boti-nav-ready .sidebar .user,.boti-nav-ready .client-sidebar .user{display:block!important}
  .boti-nav-ready .boti-menu-toggle{display:inline-flex!important;flex:none}
  .boti-nav-ready>.topbar nav,.boti-nav-ready>.topbar .top-actions,body.boti-private-shell.boti-nav-ready>header.boti-topbar nav{display:none!important}
  .boti-nav-ready>.topbar,.boti-private-shell.boti-nav-ready>header.boti-topbar{display:flex!important;justify-content:space-between!important;gap:10px!important;min-height:76px!important;padding:8px 14px!important}
  .boti-nav-ready .boti-brand img,.boti-nav-ready .boti-site-brand img{width:48px!important;height:48px!important}
  .boti-nav-ready .boti-brand strong,.boti-nav-ready .boti-site-brand strong{font-size:clamp(20px,5vw,25px)!important}
}
@media(max-width:600px){#appView .hero,.quick-shell .hero{grid-template-columns:1fr!important}#appView .hero h1,.quick-shell .hero h1,.client-main h1{font-size:42px!important}.boti-private-shell>main h1{font-size:42px}}
@media(max-width:600px){body.boti-private-shell .loginbox{max-width:calc(100vw - 72px);margin-inline:auto}}
@media print{.boti-menu-toggle,.boti-generated-sidebar{display:none!important}body.boti-private-shell{padding-left:0!important}body.boti-private-shell>main{margin:0!important;padding:0!important}}

/* Use the same wordmark face and weight as the public website. */
#appView .boti-site-brand strong,.quick-shell .boti-site-brand strong,.client-app .boti-brand strong,body.boti-private-shell .boti-topbar .boti-brand strong{font:26px/1.1 Georgia,serif!important;letter-spacing:normal!important;text-transform:none!important}
@media(max-width:900px){#appView .boti-site-brand strong,.quick-shell .boti-site-brand strong,.client-app .boti-brand strong,body.boti-private-shell .boti-topbar .boti-brand strong{font-size:clamp(20px,5vw,25px)!important}}

/* Match the public wordmark, including its italic “of”, on every BOTI page. */
#appView .boti-site-brand strong i,.quick-shell .boti-site-brand strong i,.client-app .boti-brand strong i,body.boti-private-shell .boti-brand strong i{font-style:italic!important}
/* Static and generated section menus use identical type and spacing. */
#appView .sidebar .nav,.quick-shell .sidebar .nav,.client-sidebar .nav,body.boti-private-shell .boti-generated-sidebar nav a{font:11px/1.4 "Special Elite",monospace!important;letter-spacing:.02em!important;text-transform:uppercase!important;min-height:40px!important;padding:11px 10px!important}
#appView .repair-performance .kpis{margin-top:16px}
#appView .repair-performance p{color:#c8bdab;line-height:1.5}

/* The seller inquiry header mirrors Summary actions, including their order and button shape. */
body.boti-seller-page>header.boti-topbar nav.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
body.boti-seller-page>header.boti-topbar nav.top-actions a,body.boti-seller-page>header.boti-topbar nav.top-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 13px;border:1px solid rgba(216,189,134,.3);background:#171714;color:#e5cda4;text-decoration:none;text-transform:uppercase;font:11px/1.3 "Special Elite",monospace;white-space:nowrap;cursor:pointer}
body.boti-seller-page>header.boti-topbar nav.top-actions a:hover,body.boti-seller-page>header.boti-topbar nav.top-actions button:hover{border-color:#d8bd86;color:#fff3d9}
@media(max-width:900px){body.boti-seller-page.boti-nav-ready>header.boti-topbar nav.top-actions{display:none!important}}

/* One BOTI header and type scale on all private pages. */
body.boti-private-shell>header.boti-topbar,body .client-app>.boti-topbar,#appView>.topbar,.quick-shell>.topbar{height:76px!important;min-height:76px!important;padding:8px clamp(16px,2vw,30px)!important;background:#10100f!important;border-bottom:1px solid #39332a!important;align-items:center!important;gap:12px!important}
body.boti-private-shell>header.boti-topbar nav.top-actions,body .client-app>.boti-topbar nav.top-actions,#appView>.topbar .top-actions,.quick-shell>.topbar .top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap;margin-left:auto}
body.boti-private-shell>header.boti-topbar nav.top-actions a,body.boti-private-shell>header.boti-topbar nav.top-actions button,body .client-app>.boti-topbar nav.top-actions a,body .client-app>.boti-topbar nav.top-actions button,#appView>.topbar .top-actions a,#appView>.topbar .top-actions button,.quick-shell>.topbar .top-actions a,.quick-shell>.topbar .top-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 13px;border:1px solid rgba(216,189,134,.3);border-radius:0;background:#171714;color:#e5cda4;text-decoration:none;text-transform:uppercase;letter-spacing:0;font:11px/1.3 "Special Elite",monospace;white-space:nowrap;cursor:pointer}
body.boti-private-shell>header.boti-topbar nav.top-actions a:hover,body.boti-private-shell>header.boti-topbar nav.top-actions button:hover,body .client-app>.boti-topbar nav.top-actions a:hover,body .client-app>.boti-topbar nav.top-actions button:hover,#appView>.topbar .top-actions a:hover,#appView>.topbar .top-actions button:hover,.quick-shell>.topbar .top-actions a:hover,.quick-shell>.topbar .top-actions button:hover{border-color:#d8bd86;color:#fff3d9}
body.boti-private-shell>main,body .client-main,body .quick-shell .main{font-family:Inter,Arial,sans-serif}
body.boti-private-shell>main h1,body.boti-private-shell>main h2,body.boti-private-shell>main h3,body .client-main h1,body .client-main h2,body .client-main h3,body .quick-shell .main h1,body .quick-shell .main h2,body .quick-shell .main h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500}
body.boti-private-shell input,body.boti-private-shell textarea,body.boti-private-shell select,body .client-main input,body .client-main select,body .quick-shell .main input,body .quick-shell .main select{font-family:Inter,Arial,sans-serif}
@media(max-width:900px){body.boti-private-shell.boti-nav-ready>header.boti-topbar nav.top-actions,body .client-app.boti-nav-ready>.boti-topbar nav.top-actions,#appView.boti-nav-ready>.topbar .top-actions,.quick-shell.boti-nav-ready>.topbar .top-actions{display:none!important}body.boti-private-shell>header.boti-topbar,body .client-app>.boti-topbar,#appView>.topbar,.quick-shell>.topbar{height:76px!important;min-height:76px!important;flex-direction:row!important}}

/* Compact shared owner controls — release 3.3.25; no data or permission changes. */
@media screen{
body:has(#appView),body.boti-private-shell,body:has(.client-app),body:has(.quick-shell){--bot-ui-font:Inter,Arial,sans-serif;--boti-text:#f0ebdf;--boti-gold:#d7ba80}
#appView .sidebar .nav,.quick-shell .sidebar .nav,.client-sidebar .nav,body.boti-private-shell .boti-generated-sidebar nav a{font:500 13px/1.35 "Special Elite",monospace!important;letter-spacing:0!important;text-transform:none!important;min-height:42px!important;padding:11px 10px!important;color:#ded7c9!important}
#appView>.topbar .top-actions a,#appView>.topbar .top-actions button,.quick-shell>.topbar .top-actions a,.quick-shell>.topbar .top-actions button,body.boti-private-shell>header.boti-topbar nav.top-actions a,body.boti-private-shell>header.boti-topbar nav.top-actions button,.client-app>.boti-topbar nav.top-actions a,.client-app>.boti-topbar nav.top-actions button{font:500 13px/1.35 "Special Elite",monospace!important;text-transform:none!important;letter-spacing:0!important;border-radius:0!important;padding:9px 12px!important;min-height:42px!important}
#appView .hero h1,#appView .hero.compact h1,.quick-shell .hero h1,.client-main h1,body.boti-private-shell>main h1{font-size:clamp(32px,3.6vw,46px)!important;line-height:1.12!important}
#appView .hero p{font-size:15px;line-height:1.6;color:#c8c2b5}
#appView .kpi{padding:16px}.kpi small,#appView .case-card p,#appView .row small,#appView .user{color:#c8c2b5!important}
#appView .kpi span,#appView .eyebrow,#appView .record-id,#appView .tab label,#appView .kpi small,#appView .editor-tabs button,#appView .panel button,#appView .case-card button,#appView .toolbar button,#appView .editor-head button,#appView .editor-foot button{font-family:"Special Elite",monospace!important;letter-spacing:0!important}
#appView .kpi span,#appView .tab label{font-size:12px!important;color:#dfcda9!important;text-transform:none!important}
#appView .kpi strong{font-size:30px;margin-top:10px}.kpi small{font-size:13px!important;line-height:1.5}
#appView .panel h2,#appView .repair-panel h2{font-size:30px!important}#appView .repair-panel{padding:20px;margin:20px 0}
#appView .case-card{grid-template-columns:88px minmax(0,1fr) auto;gap:16px;padding:14px}#appView .case-card img{width:88px;height:76px;object-fit:contain;background:#11120f}#appView .case-card h3{font-size:26px;line-height:1.15;overflow-wrap:anywhere}#appView .case-card p{font-size:13px;line-height:1.5;margin:6px 0}#appView .case-meta strong{font-size:24px}
#appView button,#appView a.nav,.boti-private-shell button,.boti-menu-toggle{font-family:"Special Elite",monospace!important;letter-spacing:0!important;text-transform:none!important;border-radius:0}
#appView .panel button,#appView .case-card button,#appView .editor-foot button,#appView .editor-head button,#appView .toolbar button{font-size:13px!important;min-height:44px}
#appView .tab input,#appView .tab select,#appView .tab textarea,.boti-private-shell input,.boti-private-shell select,.boti-private-shell textarea{font:16px/1.45 Inter,Arial,sans-serif!important;min-height:44px;border-color:#78694e;color:#f0ebdf}
#appView .dossier-title,#appView .case-dossier h1,#appView .case-dossier h2,#appView .dossier-hero h1,#appView .dossier-hero h2{font-size:clamp(30px,3.4vw,48px)!important;line-height:1.1!important;overflow-wrap:anywhere}
#appView .editor-head h2{font-size:30px!important;line-height:1.15!important;overflow-wrap:anywhere}
#appView .editor-head{padding:16px 22px}#appView .workflow-card p,.boti-private-shell p.muted,.boti-private-shell .muted{color:#c8c2b5!important}
#appView :is(button,a,input,select,textarea):focus-visible,.boti-private-shell :is(button,a,input,select,textarea):focus-visible{outline:3px solid #e7d3a5!important;outline-offset:3px}
@media(max-width:600px){#appView .case-card{grid-template-columns:64px minmax(0,1fr)}#appView .case-card img{width:64px;height:64px}#appView .case-meta{grid-column:2;text-align:left;display:flex;gap:16px;align-items:center}#appView .case-card h3{font-size:24px}#appView .hero h1,#appView .hero.compact h1{font-size:36px!important}#appView .toolbar{flex-wrap:wrap}#appView .toolbar input,#appView .toolbar select{width:100%;min-width:0}.bot-purchase-panel{min-width:0}}
}
@media screen{#editor .case-title-block h2{font:500 clamp(30px,3.4vw,48px)/1.1 "Cormorant Garamond",Georgia,serif!important;overflow-wrap:anywhere}#editor .case-command{padding:20px}#editor .command-label,#editor .case-badges span,#editor .smart-card span,#editor .case-progress-line span{font:500 12px/1.4 "Special Elite",monospace!important;text-transform:none;color:#dfcda9}#editor .metric-pair span,#editor .score-row span,#editor .smart-card small,#editor .intelligence-card p,#editor .case-title-block p{color:#c8c2b5!important;font-size:13px;line-height:1.5}#editor .case-image-wrap img{object-fit:contain}#editor .case-command-actions button{min-height:44px;font:500 13px/1.35 "Special Elite",monospace!important}}
@media screen and (max-width:400px){#appView .kpis{grid-template-columns:1fr!important}}