/* One interaction language: square targets, whole-surface feedback, no text blur. */
:root{--motion-fast:150ms;--motion-page:240ms;--motion-ease:cubic-bezier(.2,.7,.25,1)}
button,a,summary,select{transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,color var(--motion-fast) ease}
button,button *,a,a *,summary,summary *{text-decoration:none!important}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[data-workspace=floating] :is(.btn,.icon-btn,.inline-link,.nav-btn,.tab,.directory-person,.table-person,.queue-person,.metric,.summary-item,.team-profile-trigger,.message-contact,.notes-list button):hover{box-shadow:inset 0 0 0 1px var(--control);filter:none;transform:none}
[data-workspace=floating] :is(.btn:not(.primary),.icon-btn,.inline-link,.nav-btn:not(.active),.tab:not(.active),.directory-person,.table-person,.queue-person,.summary-item):hover{background:var(--accent-soft);color:var(--ink)}
[data-workspace=floating] .metric:hover{background:color-mix(in srgb,var(--accent-soft) 65%,var(--surface));box-shadow:inset 0 0 0 1px var(--control)}
[data-workspace=floating] .btn.primary:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--on-accent) 35%,transparent);filter:none}
[data-workspace=floating] :is(.btn,.icon-btn):active{box-shadow:inset 0 0 0 2px var(--control)}
[data-workspace=floating] .tab{border-bottom-color:transparent;padding-inline:12px}
[data-workspace=floating] .tab.active,[data-workspace=floating] .tab[aria-selected=true]{background:var(--accent-soft);border-bottom-color:transparent;box-shadow:inset 0 0 0 1px var(--line)}
[data-workspace=floating] .tab::after{display:none}
.inline-link{padding:6px 8px;min-height:32px}
.activity-footer summary{padding:6px 9px;border:1px solid var(--line);list-style-position:inside}
.activity-footer summary:hover{background:var(--accent-soft)}

/* Compact floating controls replace the continuous, mostly empty header band. */
[data-workspace=floating] .main{grid-template-rows:52px minmax(0,1fr) auto}
[data-workspace=floating][data-appearance] .topbar{height:52px;padding:0;gap:12px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
[data-workspace=floating] .workspace-utilities{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:0;height:48px;padding:5px 10px;background:var(--surface);border:1px solid var(--line)}
[data-workspace=floating][data-appearance=glass] .workspace-utilities{background:var(--glass-nav);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
[data-workspace=floating] .topbar .navigation-toggle{width:42px;height:44px;background:var(--surface);border:1px solid var(--line)}
[data-workspace=floating] .workspace-utilities .search{margin:0;flex:initial;min-width:90px}
[data-workspace=floating] .workspace-utilities .search input{width:210px;padding-right:36px}
[data-workspace=floating] .content{padding-top:18px}
[data-workspace=floating] .main{transition:margin-left 200ms var(--motion-ease)}
[data-workspace=floating] .sidebar{transition:opacity 180ms ease,transform 200ms var(--motion-ease),visibility 200ms;transform:translateX(0);opacity:1;visibility:visible}
[data-workspace=floating][data-navigation=closed] .sidebar{display:flex;transform:translateX(calc(-100% - 20px));opacity:0;visibility:hidden;pointer-events:none}
[data-workspace=floating] .navigation-toggle svg{transition:transform 200ms var(--motion-ease)}
[data-workspace=floating] .brand{padding:2px 8px 22px;justify-content:center}
.brand-lockup{width:196px;max-width:100%;display:block;flex:none}
[data-workspace=floating] .brand .brand-lockup img,.brand-lockup img{display:block;width:100%!important;max-width:100%;height:auto;position:static;object-fit:contain}
.badge-brand{justify-content:center}.badge-brand .brand-lockup{width:250px}
.badge-shell{height:448px}.badge-monogram{width:48px;height:48px;font-size:22px;margin:20px 0 16px}
.badge-identity h2{font-size:24px}.badge-contact-lines{margin-top:16px}.badge-stage{min-height:660px}

/* Daily counts are discrete bars, with room for exact values rather than tiny points. */
.activity-chart{padding:12px 22px 0}
.activity-chart svg{height:190px}
.activity-column{fill:var(--accent);opacity:.8;transform-box:fill-box;transform-origin:center bottom;animation:column-arrive 550ms var(--motion-ease) both}
.activity-zero{fill:var(--muted);opacity:.6}
.activity-column-label{fill:var(--ink);font-size:11px;font-weight:600}
.activity-column-group:hover .activity-column,.activity-column-group:focus .activity-column{opacity:1}
.activity-column-group:focus{outline:none}.activity-column-group:focus .activity-column{stroke:var(--ink);stroke-width:2}
.chart-hit{fill:transparent}.chart-tooltip{display:none;pointer-events:none}.chart-tooltip rect{fill:var(--ink)}.chart-tooltip text{fill:var(--surface-solid,#fff);font-size:11px}
[data-theme=dark] .chart-tooltip text{fill:#20231f}
.activity-column-group:hover .chart-tooltip,.activity-column-group:focus .chart-tooltip{display:block}

/* The workspace stays put. Each lane owns its vertical scroll. */
[data-workspace=floating] .content.pipeline-board-page{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0;scrollbar-gutter:auto}
.pipeline-board-page>.page-title,.pipeline-board-page>.pipeline-controls,.pipeline-board-page>.pipeline-caption,.pipeline-board-page>.pipeline-hint{flex:none}
.pipeline-board-page>.page-title{margin-bottom:15px}
.pipeline-board-page>.pipeline-controls{margin-bottom:12px}
.pipeline-caption{align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.pipeline-navigation{display:flex;gap:6px;align-items:center}
.pipeline-navigation select{max-width:225px;font-size:12px;min-height:34px}
.pipeline-navigation .icon-btn{width:34px;height:34px;border:1px solid var(--line)}
.pipeline-navigation [data-direction="-1"] svg{transform:rotate(180deg)}
.pipeline-navigation [data-direction="1"] svg{transform:none}
.pipeline-navigation button:disabled{opacity:.3;cursor:default}
.pipeline-board-page>.pipeline{flex:1;min-height:0;height:100%;overflow-x:auto;overflow-y:hidden;align-items:stretch;padding-bottom:10px;position:relative;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--control) transparent}
.pipeline .stage{flex:0 0 310px;display:flex;flex-direction:column;height:100%;min-height:0;padding:0;overflow:hidden;border-radius:0}
.pipeline .stage-head{flex:none;min-height:78px;align-items:center;padding:16px 14px;gap:10px;border-bottom:1px solid var(--line);background:var(--surface-alt)}
.pipeline .stage-head h2{font-size:15px;line-height:1.45;font-weight:600;white-space:normal;overflow-wrap:anywhere;margin:0;color:var(--ink)}
.pipeline .stage-count{display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;background:var(--accent-soft);font-size:13px;font-weight:600;color:var(--ink)}
.pipeline .stage-cards{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--control) transparent;overscroll-behavior-y:contain;scroll-padding:10px}
.pipeline .stage-cards:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.pipeline .deal{padding:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:0;cursor:grab;margin-bottom:10px}
.pipeline .deal.dragging{opacity:.45;cursor:grabbing}
.pipeline .stage.drag-over{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}
.pipeline .stage.drag-over .stage-head{background:var(--accent-soft)}
.pipeline .deal-open{display:block;width:100%;text-align:left;border:0;padding:14px;background:transparent;color:var(--ink);cursor:grab;min-height:0}
.pipeline .deal-open:hover{background:var(--accent-soft)}
.pipeline .deal-open:focus-visible{outline-offset:-3px}
.deal-open>strong{display:block;margin:10px 0 4px;font-size:15px}.deal-open>p{font-size:12px;color:var(--muted);margin-bottom:12px}
.deal-actions{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line);flex-wrap:wrap}
.deal-actions .btn{padding:6px 7px;font-size:11px;min-height:34px;flex:1;white-space:nowrap}
.deal-actions .btn svg{width:13px;height:13px}.deal-nurture-state{font-size:11px;color:var(--accent);margin-top:12px}
.pipeline-table-actions{display:flex;gap:7px;white-space:nowrap}.pipeline-table-actions .btn{font-size:11px}
.pipeline-hint{font-size:11px;color:var(--muted);line-height:1.5;margin:5px 0 0}
.stage-empty small{display:block;font-size:11px;margin-top:8px}
.nurture-presets{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nurture-presets button{display:grid;gap:8px;text-align:left;padding:16px;background:var(--surface-alt);border:1px solid var(--line);color:var(--ink);cursor:pointer}
.nurture-presets button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}
.nurture-presets strong{font-size:21px}.nurture-presets span{font-size:11px;color:var(--muted)}
.nurture-summary{border:1px solid var(--line)}.nurture-summary-heading{display:flex;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line);font-size:12px}.nurture-summary-heading span{color:var(--muted)}
.nurture-timeline{list-style:none;margin:0;padding:0;max-height:205px;overflow:auto}
.nurture-timeline li{display:flex;gap:14px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px}.nurture-timeline li:last-child{border:0}.nurture-timeline li>span{width:44px;flex:none;color:var(--muted)}.nurture-timeline strong{font-size:12px}.nurture-timeline small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.nurture-status{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:11px;color:var(--muted)}
.nurture-preview-note{padding:12px;background:var(--accent-soft);font-size:12px;color:var(--ink)}
.pipeline-guide{padding-left:22px;margin:0}.pipeline-guide li{padding:7px 0 17px 8px}.pipeline-guide strong{font-size:14px}.pipeline-guide p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0 0}

@keyframes page-arrive{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes column-arrive{from{transform:scaleY(.04);opacity:.2}to{transform:scaleY(1);opacity:.8}}
@keyframes stage-arrive{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dialog-arrive{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
.page-enter>:is(.page-title,.metric-strip,.day-summary,.activity-panel,.pipeline,.record-page-head,.record-layout,.notes-layout,.messenger){animation:page-arrive var(--motion-page) var(--motion-ease) both}
.modal{animation:dialog-arrive 180ms var(--motion-ease) both}
@media(max-width:960px){[data-workspace=floating] .workspace-utilities{gap:8px}[data-workspace=floating] .workspace-utilities .search input{width:160px}}
@media(max-width:760px){
 [data-workspace=floating] .main{grid-template-rows:48px minmax(0,1fr) auto}
 [data-workspace=floating] .topbar{height:48px;gap:8px}
 [data-workspace=floating] .workspace-utilities{flex:1;padding:4px 6px;gap:5px;height:44px}
 [data-workspace=floating] .workspace-utilities .search{flex:1;min-width:0}
 [data-workspace=floating] .workspace-utilities .search input{width:100%;padding-right:6px;font-size:12px}
 [data-workspace=floating] .workspace-utilities .search kbd{display:none}
 [data-workspace=floating] .workspace-utilities .top-meta{gap:3px}
 [data-workspace=floating] .workspace-utilities .top-meta select{max-width:78px;font-size:11px}
 [data-workspace=floating] .workspace-utilities .team-top-profile{display:none}
 [data-workspace=floating] .content{padding-top:16px}
 .activity-chart{padding:8px 10px 0}.activity-chart svg{height:160px}
 .activity-footer{gap:10px;flex-wrap:wrap}.activity-footer details{margin-left:0;width:100%;max-width:none}.activity-footer summary{text-align:left;width:max-content}
 .activity-top{flex-wrap:wrap}.activity-top p>span{display:block;margin-left:0}
 .pipeline .stage{flex-basis:min(310px,calc(100vw - 52px))}
 .pipeline-board-page>.page-title{margin-bottom:10px}.pipeline-board-page>.pipeline-controls{gap:8px;margin-bottom:8px}
 .pipeline-board-page .pipeline-tools{gap:8px}.pipeline-board-page .pipeline-tools select{flex:1;min-width:0}
 .pipeline-caption{gap:8px;margin-bottom:8px}.pipeline-caption>span{font-size:11px}
 .pipeline-navigation{width:100%;gap:5px}.pipeline-navigation select{flex:1;min-width:0;max-width:none}
 .pipeline-navigation .btn{font-size:10px;padding-inline:8px}.pipeline-hint{display:none}
 .nurture-summary-heading{flex-wrap:wrap}
 .badge-stage{min-height:660px}
}
[data-motion=reduced] *,[data-motion=reduced] *::before,[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.nurture-blocked{font-size:11px;color:var(--muted);padding:8px;align-self:center}

.pipeline .deal-open{user-select:none;-webkit-user-select:none}

/* Compact, readable cards expose more people without shrinking names. */
.owner-identity{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;line-height:1.25}
.owner-identity .avatar.owner-photo{width:28px;height:28px;min-width:28px;object-fit:cover;border-radius:50%!important;font-size:10px;display:inline-flex;align-items:center;justify-content:center}
.owner-compact{gap:5px;font-size:11px}.owner-compact .avatar.owner-photo{width:20px;height:20px;min-width:20px;font-size:9px}
.people-owner{min-width:116px}
.pipeline .stage-head{min-height:60px;padding:10px 12px}
.pipeline .stage-cards{padding:8px;scroll-padding:8px}
.pipeline .deal{position:relative;margin-bottom:8px}
.pipeline .deal-open{padding:9px 10px 7px}
.pipeline .deal-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:19px}
.pipeline .deal-heading strong{font-size:15px;line-height:1.25;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reply-dot{width:7px;height:7px;flex:none;background:var(--amber);border-radius:50%}
.pipeline .deal-meta{display:flex;gap:6px;justify-content:space-between;align-items:center;margin-top:3px;font-size:11px;color:var(--muted);min-width:0;line-height:16px}
.pipeline .deal-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pipeline .deal-meta .source-tag{font-size:9px;white-space:nowrap;padding:0;background:transparent;flex:none}
.pipeline .deal-next{margin:6px 0 5px;gap:6px;font-size:11px;line-height:17px;min-width:0}
.pipeline .deal-next svg{width:12px;height:12px;flex:none}.pipeline .deal-next span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pipeline .deal-footer{font-size:10px;min-height:20px;gap:6px;align-items:center}
.pipeline .deal-actions{padding:3px 6px;gap:6px;flex-wrap:nowrap}
.pipeline .deal-actions .btn{min-height:30px;font-size:11px;padding:3px 6px}
.pipeline .deal-plan-marker{display:block;font-size:10px;line-height:14px;color:var(--accent);margin-top:3px}
.pipeline-board-page>.page-title{margin-bottom:10px}.pipeline-board-page>.pipeline-controls{margin-bottom:8px}.pipeline-board-page>.pipeline-caption{margin-bottom:8px}

/* The same inset chevron on every single-choice select. */
:root{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%234a514b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
[data-theme=dark]{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23f0eee3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
[data-workspace=floating] select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 13px center;background-size:12px 12px;padding-right:36px!important}
[data-workspace=floating] .workspace-utilities .top-meta select{max-width:112px;min-width:100px}
[data-workspace=floating] #work-type{min-width:112px}
@media(forced-colors:active){[data-workspace=floating] select:not([multiple]):not([size]){appearance:auto;background-image:none;padding-right:10px!important}}

/* Built-in Andrew preset. Lighting is applied only when displayed. */
.andrew-wallpaper-preset{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;margin-top:20px;border:1px solid var(--line);background:var(--surface-alt)}
.andrew-wallpaper-preset h3{font-size:13px}.andrew-wallpaper-preset p{font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0 12px}
.andrew-wallpaper-preset .wallpaper-choice{width:190px}.andrew-wallpaper-preset .wallpaper-choice img{aspect-ratio:16/10;object-position:50% 34%}
[data-appearance=glass][data-personal-wallpaper=andrew] body::before{filter:saturate(.68) brightness(1.06)}
[data-appearance=glass][data-personal-wallpaper=andrew][data-theme=light]{--glass-scrim:rgba(251,249,244,.56);--glass-panel:rgba(255,253,248,.58);--glass-nav:rgba(255,253,248,.64);--surface:rgba(255,253,248,.62)}
[data-appearance=glass][data-personal-wallpaper=andrew][data-theme=dark]{--glass-scrim:rgba(15,18,17,.53);--glass-panel:rgba(22,25,23,.58);--glass-nav:rgba(22,25,23,.64);--surface:rgba(22,25,23,.62)}
@media(max-width:680px){.andrew-wallpaper-preset{align-items:flex-start;flex-direction:column;gap:10px}.pipeline .deal-heading strong{font-size:15px}}