/* Closara workspace. Ink navigation, mineral surfaces, forest actions.
   References: Linear's quiet navigation, Attio's connected record views.
   A continuous commitment rail replaces competing summary cards. */
body.da-r3 { --accent:#245447; --accent-2:#183d34; --bg:#edf1ef; --card-2:#f5f7f6; --line:#d9e2dd; --da-nav:#142923; --da-txt:#172c25; --da-mut:#53675d; }
body.da-r3, body.da-r3 :where(*) { font-family:"Closara Sans","Segoe UI",sans-serif; }
html body.da-r3 #sidebar .nav-a.active { background:#25473b; box-shadow:inset 3px 0 #bfdbbc; }
html body.da-r3 #sidebar .r3nav a[aria-current="page"] { background:#25473b; }
body.da-r3 main h1 { font-family:"Closara Display","Segoe UI",sans-serif; }
.sales-workspace { --sw-paper:#fff; --sw-ink:#1a3129; --sw-muted:#587064; --sw-border:#dce5df; --sw-soft:#f3f6f3; color:var(--sw-ink); background:var(--sw-paper); border:1px solid var(--sw-border); border-radius:18px; overflow:hidden; }
.sales-workspace [hidden] { display:none!important; }
.sales-head { display:grid; grid-template-columns:minmax(0,1fr) 220px; align-items:stretch; gap:42px; padding:36px 34px 28px; }
.sales-context { font-size:13px; font-weight:600; margin:0 0 14px; color:var(--sw-muted); }
.sales-head h2 { font-family:"Closara Display","Segoe UI",sans-serif; font-size:clamp(27px,3.2vw,42px); line-height:1.09; letter-spacing:-.035em; font-weight:600; margin:0; }
.sales-intro { font-size:14px; max-width:52ch; line-height:1.65; color:var(--sw-muted); margin:17px 0 0; }
.sales-pulse { background:#183c31; color:#f4f8f3; padding:22px 24px; border-radius:3px 28px 3px 3px; display:flex; flex-direction:column; align-items:flex-start; }
.sales-pulse > span { font-size:13px; }
.sales-pulse strong { font-family:"Closara Display",sans-serif; font-size:58px; line-height:1.1; font-weight:500; letter-spacing:-.04em; font-variant-numeric:tabular-nums; margin:7px 0; }
.sales-pulse p { font-size:12px; line-height:1.5; margin:0; color:#dceadc; }
.sales-pulse small { margin-top:auto; padding-top:12px; color:#bdd1c1; font-size:11px; }
.sales-controls { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:0 34px 22px; }
.sales-controls .btn-accent { margin-left:auto; }
.sales-controls :is(button,select) { min-height:38px; font-size:12px; border-radius:7px; }
.sales-controls select { max-width:100%; }
.sales-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:16px 26px; border-top:1px solid var(--sw-border); border-bottom:1px solid var(--sw-border); background:#f8faf8; }
.sales-filters,.sales-modes { display:flex; gap:3px; flex-wrap:wrap; }
.sales-filters button,.sales-modes button { border-radius:6px; padding:9px 11px; font-size:12px; color:var(--sw-muted); min-height:36px; }
.sales-filters button[aria-pressed="true"] { background:#e2ebe3; color:#234d3d; font-weight:600; }
.sales-filters button span { margin-left:9px; font-variant-numeric:tabular-nums; opacity:.8; }
.sales-modes { border:1px solid var(--sw-border); padding:2px; border-radius:8px; background:#fff; }
.sales-modes button { padding:6px 11px; min-height:30px; }
.sales-modes button[aria-pressed="true"] { background:#234d3d; color:white; }
.sales-search-row { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 34px; }
.sales-search { display:flex; align-items:center; gap:12px; width:min(420px,80%); font-size:12px; color:var(--sw-muted); }
.sales-search input { width:100%; min-width:0; background:transparent; color:var(--sw-ink); border:0; padding:8px 0; outline-offset:4px; }
.sales-search input::placeholder { color:#637c6b; opacity:1; }
.sales-count { font-size:11px; color:var(--sw-muted); }
.sales-list-heading,.sales-row { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr); gap:28px; padding:15px 34px; }
.sales-list-heading { font-size:11px; color:var(--sw-muted); background:#f3f6f3; border-block:1px solid var(--sw-border); }
.sales-row { align-items:center; padding-block:22px; border-bottom:1px solid #e7ede8; }
.sales-row:last-child { border-bottom:0; }
.sales-relation { display:flex; gap:13px; align-items:flex-start; min-width:0; }
.sales-monogram { flex:none; background:#e7eee6; color:#355744; width:35px; height:39px; border-radius:3px 12px 3px 3px; display:grid; place-items:center; font-size:12px; font-weight:600; }
.sales-open { text-align:left; font-size:14px; font-weight:600; color:var(--sw-ink); overflow-wrap:anywhere; }
.sales-open:hover { text-decoration:underline; text-underline-offset:3px; }
.sales-relation p { color:var(--sw-muted); font-size:12px; margin:5px 0; overflow-wrap:anywhere; }
.sales-relation small { color:var(--sw-muted); font-size:10px; }
.sales-commitment strong { font-weight:500; font-size:12px; line-height:1.5; display:block; overflow-wrap:anywhere; }
.sales-commitment p { display:flex; gap:10px; flex-wrap:wrap; align-items:center; font-size:11px; color:var(--sw-muted); margin:8px 0 0; }
.sales-status { display:inline-flex; align-items:center; gap:5px; }
.sales-status::before { content:""; width:5px; height:5px; border-radius:50%; background:#547b58; }
.sales-status.late { color:#a03140; }.sales-status.late::before{background:#a03140;}
.sales-status.waiting { color:#835714; }.sales-status.waiting::before{background:#ad7b27;}
.sales-reason { font-size:12px; line-height:1.6; color:var(--sw-muted); overflow-wrap:anywhere; max-height:5em; overflow:auto; }
.sales-empty { padding:42px 34px; text-align:center; }
.sales-empty h3 { font-size:20px; font-weight:600; }
.sales-empty p { font-size:13px; margin:9px 0 20px; color:var(--sw-muted); }
.sales-empty button { padding:9px 14px; border:1px solid var(--sw-border); border-radius:6px; font-size:12px; }
#salesBoard { padding:10px 26px 26px; }
.sales-workspace :is(button,input,select):focus-visible { outline:2px solid #2b6651; outline-offset:3px; }
.closer-sheet { --sheet-ink:#193c30; background:#fff!important; color:var(--sheet-ink); border:1px solid #d3dfd7!important; border-radius:16px!important; box-shadow:none!important; }
.closer-sheet,.closer-sheet :where(*) { font-family:"Closara Sans","Segoe UI",sans-serif; }
.closer-sheet h2,.closer-sheet h3 { font-family:"Closara Display","Segoe UI",sans-serif; }
.closer-sheet :is(.text-gray-200,.text-gray-300) { color:#1f3d30!important; }
.closer-sheet :is(.text-gray-400,.text-gray-500) { color:#526c5e!important; }
.closer-sheet :is(input,select,textarea) { background:#f7f9f7!important; border-color:#cad9ce!important; color:#213e30!important; border-radius:6px!important; min-height:40px; }
.closer-sheet :is(input,textarea)::placeholder { color:#6c7f73; opacity:1; }
.closer-sheet :is(input,select,textarea,button):focus-visible { outline:2px solid #2d6954; outline-offset:2px; }
.closer-sheet .card-2 { background:#f2f6f1; border-color:#dce5db; box-shadow:none; border-radius:8px; }
.closer-sheet .btn-accent { background:#245447; color:#fff; box-shadow:none; }
.closer-sheet .accent-text { color:#245447; }
.closer-sheet .close-summary { grid-template-columns:1.35fr 1fr 1fr; }
.closer-sheet .close-summary > div { border-radius:0; background:transparent; border-bottom:2px solid #cbdacf; }
.closer-sheet .close-summary > div:nth-child(2) { order:-1; border-bottom-color:#245447; }
.closer-sheet #closeGaps { background:#f7f2e4; color:#795718; border:0; border-left:3px solid #ad7f35; border-radius:0 6px 6px 0; }
.closer-sheet .closeCloser { background:#eaf0e9; color:#294333; }
.closer-sheet .closeContact { color:#245447; font-size:12px; text-decoration:underline; text-underline-offset:3px; margin-top:8px; }
.closer-sheet .close-save { position:sticky; bottom:0; padding:10px 0; background:#fff; border-top:1px solid #d9e2dc; }
@media(max-width:900px) {
  .sales-head { padding:26px 22px; gap:20px; grid-template-columns:minmax(0,1fr) 160px; }
  .sales-pulse{padding:18px;}.sales-pulse strong{font-size:45px;}
  .sales-controls,.sales-search-row{padding-inline:22px;}
  .sales-list-heading,.sales-row{padding-inline:22px;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .sales-list-heading > :last-child{display:none;}.sales-reason{grid-column:2;font-size:11px;margin-top:-10px;}
}
@media(max-width:560px) {
  .sales-workspace{border-radius:10px;}.sales-head{grid-template-columns:1fr;padding:22px 18px;gap:20px;}
  .sales-head h2{font-size:29px;}.sales-intro{font-size:12px;}
  .sales-pulse{display:grid;grid-template-columns:1fr auto;padding:14px 18px;gap:3px 15px;}
  .sales-pulse strong{grid-column:2;grid-row:1/4;font-size:40px;align-self:center;margin:0;}
  .sales-pulse small{padding:0;}.sales-controls,.sales-search-row{padding-inline:18px;}
  .sales-controls .btn-accent{margin-left:0;}.sales-toolbar{padding:12px;}
  .sales-filters button{padding:8px;font-size:11px;}.sales-filters button span{margin-left:5px;}
  .sales-list-heading{display:none;}.sales-row{grid-template-columns:1fr;padding:20px 18px;gap:14px;}
  .sales-commitment{margin-left:48px;}.sales-reason{grid-column:1;margin:0 0 0 48px;}
  .sales-search{width:100%;}.sales-search > span{display:none;}.sales-count{white-space:nowrap;}
  .closer-sheet .close-summary{grid-template-columns:1fr 1fr;gap:8px;}
  .closer-sheet .close-summary > div:nth-child(2){grid-column:1/-1;}
  .closer-sheet .close-summary > div{padding:10px 0;}
  .closer-sheet .close-summary > div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
  .closer-sheet .close-summary > div:first-child > :last-child{width:100%;}
}
@media(prefers-reduced-motion:reduce){.sales-workspace *,.closer-sheet *{scroll-behavior:auto;transition:none!important;}}