.rec{align-items:start}.rec-nav{align-items:center;gap:2px;display:flex}.rec-main{padding:var(--s-5) var(--s-6) var(--s-8);gap:var(--s-5);align-content:start;display:grid}.rec-head{gap:var(--s-4);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.rec-title{gap:4px;min-width:0;display:grid}.rec-state{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rec-sum{max-width:62ch}.rec-act-col{gap:var(--s-1);justify-items:end;display:grid}.rec-actions{gap:var(--s-2);display:flex}.rec-quiet{white-space:nowrap;margin:0}.inl-wrap{align-items:flex-start}.inl-wrap svg{margin-top:3px}.inl-wrap>span{white-space:normal;overflow-wrap:anywhere}.banner{align-items:center;gap:var(--s-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;display:flex}.banner .state-icon{width:16px;height:16px}.b-main{flex:1;min-width:0}.late{color:var(--attn)}.timeline{gap:0;display:grid}.tl-day{align-items:center;gap:var(--s-3);margin:var(--s-3) 0 var(--s-2);font-size:var(--t-12);color:var(--ink-3);font-weight:600;display:flex}.tl-day:after{content:"";background:var(--line);flex:1;height:1px}.tl{gap:var(--s-3);grid-template-columns:24px minmax(0,1fr);padding:7px 0;display:grid;position:relative}.tl-ic{background:var(--off-wash);width:24px;height:24px;color:var(--ink-3);z-index:1;border-radius:50%;place-items:center;display:grid}.tl:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:11.5px}.tl-day+.tl:before{top:12px}.tl-ic .avatar{width:24px;height:24px}.tl-in .tl-ic{background:var(--violet-wash);color:var(--violet-deep)}.tl-handoff-wrap,.tl-handoff{align-items:center;gap:var(--s-2);font-size:var(--t-13);flex-wrap:wrap;display:flex}.tl-handoff .tag{flex:none}.tl-main{gap:3px;min-width:0;display:grid}.tl-head{font-size:var(--t-12);align-items:baseline;gap:4px;display:flex}.tl-time{margin-left:auto}.bubble{background:var(--sunken);border:1px solid var(--line);max-width:62ch;font-size:var(--t-13);border-radius:4px 14px 14px;width:fit-content;padding:8px 12px}.tl-out .bubble,.tl-text{max-width:62ch;font-size:var(--t-13)}.tl-out.by-joy .bubble{background:var(--joy-wash);border-color:#0000;border-radius:14px 4px 14px 14px}.tl-out.by-team .bubble{background:var(--violet-wash);border-color:#0000;border-radius:14px 4px 14px 14px}.tl-note .tl-text{background:var(--watch-wash);border-radius:var(--r-md);color:var(--ink);width:fit-content;padding:8px 12px}.tl-why{color:var(--joy-ink);align-items:flex-start;gap:5px;max-width:62ch;line-height:1.4;display:flex}.tl-why svg{margin-top:2px}.tl-system.by-joy .tl-text{font-weight:500}.tl{padding:6px 0}.tl-why svg{flex:none}@media (width>=901px){.composer{position:static!important}}.composer{background:var(--surface);border-top:1px solid var(--line-strong);padding-top:var(--s-3);gap:var(--s-3);z-index:5;display:grid;position:sticky;bottom:0}.composer [data-cpanel],.c-body{gap:var(--s-3);display:grid}.c-bar{display:none}.dash-sug.is-joy p .strong{color:var(--joy-ink)}.m4{background:var(--off-wash);border-radius:4px;width:36px;height:4px;display:block;overflow:hidden}.m4 i{border-radius:4px;height:100%;display:block}.c-tabs{gap:2px}.c-tabs .tab svg{width:14px;height:14px}.dash-sug{gap:var(--s-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;padding:8px 0;display:grid}.tpl{gap:var(--s-2);flex-wrap:wrap;display:flex}.c-foot{justify-content:space-between;align-items:flex-end;gap:var(--s-4);display:flex}.c-meta{line-height:1.6}.chip[role=radio][aria-checked=true]{border-style:solid;border-color:var(--violet-soft);background:var(--violet-wash);color:var(--violet-deep)}.rec-aside{max-height:calc(100dvh - 60px);position:sticky;top:52px;overflow-y:auto}.props-toggle{display:none}.rec-aside .prop{grid-template-columns:92px minmax(0,1fr);align-items:start;padding-top:6px;padding-bottom:6px}.rec-aside .prop dd.col{flex-direction:column;align-items:flex-start;gap:1px}.rec-aside .prop dt{padding-top:1px}.rec-aside .prop dd{gap:6px}.prop.joyrow{align-items:center}.joy-toggle{align-items:center;gap:var(--s-2);cursor:pointer;display:flex}.inl{align-items:center;gap:6px;min-width:0;display:inline-flex}.inl svg{color:var(--ink-3);flex:none}.consent-view{flex-wrap:wrap;gap:4px 10px!important}.cv{white-space:nowrap;color:var(--ink-2);align-items:center;gap:4px;font-weight:500;display:inline-flex}.cv svg{color:var(--ink-3);flex:none}.link-btn{color:var(--ink-3);text-underline-offset:2px;font-weight:400;text-decoration:underline}.link-btn:hover{color:var(--ink)}.consent-box[hidden]{display:none}.consent-box{padding:2px 0 var(--s-2);gap:2px;display:grid}.consent-box .prop{grid-template-columns:minmax(0,1fr) auto}.why-d{margin:0 0 var(--s-2)}.why-d summary{cursor:pointer;font-size:var(--t-12);color:var(--ink-3);align-items:center;gap:4px;padding:4px 0;list-style:none;display:inline-flex}.why-d summary::-webkit-details-marker{display:none}.why-d summary:before{content:"";width:5px;height:5px;transition:transform var(--dur) var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-45deg)}.why-d[open] summary:before{transform:rotate(45deg)}.why-d summary:hover{color:var(--ink)}.score{align-items:center;gap:var(--s-3);margin:var(--s-2) 0;display:flex}.score-n{font-size:var(--t-22);letter-spacing:-.02em;width:34px;font-weight:600}.m4.wide{flex:1;width:auto}.why{margin-top:var(--s-1);display:grid}.why li{justify-content:space-between;gap:var(--s-3);border-bottom:1px solid var(--line);font-size:var(--t-12);color:var(--ink-2);padding:6px 0;display:flex}.why li:last-child{border-bottom:0}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag button{color:inherit;opacity:.7;place-items:center;width:14px;height:14px;display:inline-grid}.tag button:hover{opacity:1}.dupe-btns{gap:var(--s-2);margin-top:var(--s-2);display:flex}.related{font-size:var(--t-13);gap:2px;display:grid}.related li{gap:var(--s-2);grid-template-columns:16px minmax(0,1fr) auto;align-items:center;min-height:28px;display:grid}.related svg{color:var(--ink-3)}.related a:hover{color:var(--violet-deep)}.link-v{color:var(--violet-deep);font-weight:600}.rec-aside .m4{width:36px}@media (width<=960px){.rec{flex-direction:column;align-items:stretch;display:flex}.rec-main{display:contents}.rec-main>*{margin-left:var(--s-4);margin-right:var(--s-4)}.rec-head{margin-top:var(--s-4);order:0}.banner{margin-top:var(--s-4);order:1}.split.rec>.rec-aside{border-top:0;border-left:0;border-bottom:1px solid var(--line);max-height:none;padding:0 var(--s-4);order:2;margin:0;position:static}.tl-wrap{margin-top:var(--s-3);margin-bottom:var(--s-4);order:3}.composer{order:4}.props-toggle{align-items:center;gap:var(--s-3);text-align:left;width:100%;min-height:48px;display:flex}.props-toggle .truncate{flex:1;min-width:0}.props-toggle .chev{transition:transform var(--dur) var(--ease)}.rec-aside[data-open=true] .chev{transform:rotate(180deg)}.rec-aside[data-open=false] .aside-body{display:none}.rec-aside[data-open=true] .aside-body{padding-bottom:var(--s-4)}.rec-aside .props-title:first-child{display:none}}@media (width<=900px){.rec-head{gap:var(--s-3);margin-top:var(--s-3);grid-template-columns:auto minmax(0,1fr)}.rec-head .avatar{--sz:40px}.rec-title .t-title{font-size:var(--t-17,17px);line-height:1.25}.rec-quiet{display:none}.rec-act-col{grid-column:1/-1;justify-items:stretch}.rec-actions .btn{flex:1;padding:0 10px}.rec-actions .ra-book{flex:1.5}.banner{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:nowrap;padding:6px 0}.banner .b-main{flex:1;min-width:0}.banner .btn{flex:none;margin-left:0}.tl-wrap{margin-top:var(--s-2)}.props-toggle{min-height:44px}.composer{bottom:calc(64px + env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);background:var(--surface);z-index:20;gap:0;margin:0;padding:0;position:sticky;box-shadow:0 -6px 14px #281e5a0f}.composer:after{content:"";background:var(--surface);height:10px;position:absolute;top:100%;left:0;right:0}.c-bar{align-items:center;gap:var(--s-2);width:100%;height:48px;padding:0 var(--s-4);text-align:left;background:var(--surface);display:flex}.c-bar svg:first-child{color:var(--violet-deep);flex:none}.c-bar .chev{transition:transform var(--dur) var(--ease);color:var(--ink-3);flex:none;margin-left:auto}.composer[data-open=true] .c-bar .chev{transform:rotate(180deg)}.c-bar .bad{color:var(--attn)}.composer[data-open=false] .c-body{display:none}.composer[data-open=true] .c-body{padding:0 var(--s-4) var(--s-3);max-height:min(62dvh,460px);overflow-y:auto}.dash-sug{align-items:start;padding:0}.c-count{display:none}.tpl{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tpl .chip{flex:none}.composer .textarea{min-height:52px}.c-meta{font-size:var(--t-11)}.bubble,.tl-why{max-width:100%}.rec .btn,.rec .btn-sm,.rec .chip,.rec .icon-btn,.rec-nav .icon-btn{min-height:44px}.rec .btn-sm{padding:0 14px}.rec .tag button{min-height:0}.rec .rec-aside .chip{min-height:44px}}