:root{--deep:#0e4b3b;--cream:#fdf7f4;--raised:#fffcfa;--surface:#faf9f5;--line:#ede6df;--sage:#7d9e77;--tint:#f1f4ee;--peach:#f3e2d8;--muted:#52655c;--font:var(--jdar-body)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--deep);font:var(--jdar-weight-body) var(--jdar-body-size)/var(--jdar-body-leading) var(--font)}a{color:inherit;text-underline-offset:.2em}h1,h2,h3,p,dl,dd{margin:0}h1,h2{font-family:var(--jdar-heading);font-weight:var(--jdar-weight-heading);line-height:1.2}h1{font-size:clamp(27px,3.5vw,39px)}h2{font-size:1.45rem}h3{font-size:1.05rem;font-weight:var(--jdar-weight-ui)}strong{font-weight:var(--jdar-weight-emphasis)}[hidden]{display:none!important}bdi,.number{font-variant-numeric:tabular-nums}
button,input,select,textarea,summary,table,dialog,[role=tooltip]{font:inherit;font-family:var(--jdar-body);color:inherit}button,summary{cursor:pointer}button,input,select,textarea,summary,.nav,.mobile-ask{font-weight:var(--jdar-weight-ui)}button,select,input,textarea{min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--raised);padding:4px 10px}button:hover{background:var(--tint)}input:disabled,button:disabled{opacity:.6;cursor:default}input[type=radio],input[type=checkbox]{min-height:0;accent-color:var(--deep)}:focus-visible{outline:2px solid var(--deep);outline-offset:3px}hr{border:0;border-top:1px solid var(--line);margin:12px 0}.primary{background:var(--deep);border-color:var(--deep);color:var(--cream)}.primary:hover{background:#0b3f32}.plain{background:transparent}.danger{color:#824631}.muted{color:var(--muted);font-size:13px}.skip{position:absolute;transform:translateY(-200%)}.skip:focus{transform:none;z-index:5;background:white;padding:10px}.stack{display:grid;gap:10px}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:15px;font-weight:var(--jdar-weight-ui);margin-block-end:5px}.eyebrow:before{content:"";width:6px;height:6px;background:var(--sage);box-shadow:0 0 0 3px var(--tint);border-radius:1px}.top{background:var(--raised);border-bottom:1px solid var(--line)}.top-wrap{width:min(1240px,calc(100% - 40px));margin:auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{font-size:13px;background:var(--tint);padding:3px 6px;border-radius:4px;color:var(--deep);white-space:nowrap}.tag.yellow{background:var(--peach);color:#79472d}.tag.red{background:#f4e0d9;color:#823c2f}.tag.neutral{background:#f0eee8;color:var(--muted)}.top-actions{display:flex;gap:7px;align-items:center}.property{position:relative}.property summary{font-size:13px;padding:5px 7px}.property summary span,.property small{color:var(--muted)}.property div{position:absolute;z-index:2;inset-inline-end:0;min-width:205px;border:1px solid var(--line);border-radius:8px;background:var(--raised);padding:10px;box-shadow:0 6px 15px #0e4b3b17}
#content{min-width:0}.workspace{width:min(1240px,calc(100% - 40px));margin:20px auto 40px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px}.sidebar{min-width:0;border-inline-end:1px solid var(--line);padding-inline-end:12px}.sidebar nav{display:grid;gap:3px}.nav{display:flex;align-items:center;gap:8px;text-decoration:none;min-height:43px;padding:6px 8px;border:1px solid transparent;border-radius:8px;font-size:14px}.nav:hover,.nav[aria-current="page"]{background:var(--tint);border-color:#dce4d9}.nav.ask{background:var(--tint);border-color:#dce4d9;margin-block-start:8px}.nav .icon{width:20px;height:20px}.sidebar-note{margin:10px 8px;color:var(--muted);font-size:12px}.avatar{position:relative;display:inline-block;width:40px;height:40px;flex:none;overflow:hidden;border-radius:50%;background:#ede9db;border:1px solid #e6e1d4}.avatar img{position:absolute;top:-1%;left:-17%;width:134%;height:auto;max-width:none;transform:scaleX(-1)}.page-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.page-head .muted{margin-block-start:5px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.card,.panel{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:inset 0 1px #fff}.card{text-decoration:none;display:grid;gap:3px}.card:hover{border-color:#b3c3ac}.card-top{display:flex;align-items:center;gap:7px;min-height:40px}.tile{width:39px;height:39px;display:grid;place-items:center;background:var(--tint);border:1px solid #dce4d9;border-radius:8px;flex:none}.tile .icon{width:28px;height:28px}.card strong{font-size:22px;line-height:1.15}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block-start:10px}.panel h2{margin-block-end:6px}.panel h3{margin-block-end:3px}.wide{grid-column:1/-1}.bar{height:10px;border-radius:20px;background:#e1e3d8;overflow:hidden;margin:8px 0}.bar span{display:block;height:100%;background:#5c8565;border-radius:inherit}.metric{display:flex;justify-content:space-between;gap:6px}.list{display:grid;gap:6px;margin:7px 0 0;padding:0;list-style:none}.list li,.row{border-block-start:1px solid var(--line);padding:6px 0}.list li:first-child{border-block-start:0}.report-card{display:flex;align-items:start;gap:8px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin:7px 0}.calendar-day{display:grid;place-items:center;min-width:0;color:var(--muted);font-size:11px}.calendar-day b{display:grid;place-items:center;border-radius:50%;width:24px;height:24px}.calendar-day.booked b{background:var(--deep);color:var(--cream);animation:pop .4s ease-out}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:490px;text-align:start}.table-wrap th,.table-wrap td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:start;white-space:nowrap}.table-wrap th{font-weight:var(--jdar-weight-ui);color:var(--muted);background:var(--surface)}.table-wrap tr:last-child td{border-bottom:0}.filter{margin:0 0 8px;max-width:100%}.form{display:grid;gap:7px}.form label{display:grid;gap:3px}.form label.check{display:flex;align-items:center;gap:7px}.form input,.form select,.form textarea{max-width:100%;width:100%}.form label.check input{width:auto}.form textarea{min-height:70px}.form .primary{justify-self:start}.details{display:grid;gap:0}.details div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:7px 0}.details dt{color:var(--muted)}.details dd{text-align:end;overflow-wrap:anywhere}
.chat{border:1px solid var(--line);border-radius:16px;background:var(--raised)}.chat-header{padding:9px 15px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line)}.thread{display:flex;flex-direction:column;gap:12px;min-height:210px;max-height:540px;overflow-y:auto;padding:13px 16px}.message{display:flex;align-items:start;gap:7px;max-width:min(90%,610px)}.message .avatar{width:52px;height:52px;margin-block-start:22px}.message-body{min-width:0}.sender{font-size:12px;color:var(--muted);padding:0 2px 2px}.bubble{background:var(--tint);border:1px solid #dbe4d8;border-radius:12px 3px 12px 12px;padding:8px 10px;overflow-wrap:anywhere}.bubble p{white-space:pre-line}.user{align-self:end}.user .sender{text-align:end}.user .bubble{background:var(--deep);border-color:var(--deep);color:var(--cream);border-radius:3px 12px 12px 12px}.time{display:block;font-size:11px;text-align:end;opacity:.85}.sources{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.source{border:1px solid #cbd8c9;border-radius:8px;background:var(--raised);padding:3px 6px;font-size:12px}.composer{padding:10px;border-top:1px solid var(--line)}.compose{display:flex;gap:5px}.compose input{flex:1;min-width:0}.suggestions{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.suggestions button{min-height:30px;font-size:12px;background:var(--tint)}.proposal{margin-top:8px;min-width:0}.proposal .choice{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:5px 0;padding:6px;border:1px solid var(--line);border-radius:8px}.proposal .choice:has(:checked){background:var(--tint);border-color:#b3c3ac}.proposal fieldset{border:0;margin:6px 0 0;padding:0;min-inline-size:0}.proposal legend{color:var(--muted);font-size:12px}.proposal input[type=number]{width:85px}
dialog{width:min(520px,calc(100% - 28px));max-height:90vh;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--raised);color:var(--deep);box-shadow:0 10px 36px #0e4b3b26}dialog::backdrop{background:#173c3055}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:6px;margin-bottom:10px}#settings-dialog label{display:block;font-size:13px;margin-block-start:8px}#settings-dialog input{width:100%}#toast{position:fixed;z-index:4;inset-inline-start:12px;inset-block-end:12px;width:min(320px,calc(100% - 24px));padding:9px 11px;border-radius:12px;background:var(--raised);border:1px solid #cbd8c9;box-shadow:0 5px 22px #0e4b3b26}@keyframes pop{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}.error{padding:7px 9px;background:#f4e0d9;color:#823c2f;border-radius:8px}.empty{padding:10px 0;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a14d40;margin-inline-end:4px}.status-dot.open{animation:live 1s ease-out 2}@keyframes live{50%{box-shadow:0 0 0 5px #a14d4033}}
@media(max-width:900px){.workspace{grid-template-columns:165px minmax(0,1fr);gap:11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.workspace,.top-wrap{width:calc(100% - 24px)}.workspace{grid-template-columns:minmax(0,1fr);margin-block-start:8px}.sidebar{border-inline-end:0;border-block-end:1px solid var(--line);padding:0 0 5px}.sidebar nav{display:flex;overflow:auto;padding:2px 0}.nav{white-space:nowrap;min-height:40px}.nav.ask{margin:0}.nav .avatar{width:28px;height:28px}.sidebar-note,.property summary span{display:none}.top-wrap{min-height:53px}.grid{grid-template-columns:minmax(0,1fr)}.page-head{margin-bottom:9px}.card,.panel{padding:8px}.thread{padding:8px}.message{max-width:96%}.message .avatar{width:44px;height:44px}.top-actions button{font-size:14px}.top-actions button{padding-inline:5px}.property summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
.tile{width:32px;height:32px;background:none;border:0}
.card,.panel{box-shadow:none;padding:16px}
.card strong{font-variant-numeric:tabular-nums}
.table-wrap th{background:transparent}
#reader-preview{display:block;margin-block:.5rem}
#reader-preview[hidden]{display:none}
.filter-controls{display:flex;gap:8px;flex-wrap:wrap;margin-block-end:8px}
.filter-controls input{margin:0}
.mobile-ask{display:none}
@media(max-width:650px){
  .card,.panel{padding:12px}
  .nav,.top-actions button,.suggestions button{min-height:44px}
  .sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
  .sidebar .nav.ask{display:none}
  .mobile-ask{display:flex;align-items:center;min-height:44px;border-radius:8px;background:var(--deep);color:var(--cream);padding-inline:9px;text-decoration:none;font-size:13px;white-space:nowrap}
  .table-wrap table{min-width:0}
  .table-wrap thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
  .table-wrap tr:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px 0;border-bottom:1px solid var(--line)}
  .table-wrap td{border:0;padding:4px 3px;white-space:normal;overflow-wrap:anywhere;font-size:13px}
  .table-wrap td::before{content:attr(data-label);display:block;color:var(--muted);font-size:11px}
}