/* Application rules from DESIGN-APP.md take precedence over marketing rhythm. */
button:disabled{cursor:default}.danger,.status.error,.form-error{color:var(--error-text)}.skip-link{position:fixed;top:8px;left:8px;padding:12px;background:var(--canvas);z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-layout{grid-template-columns:240px minmax(0,1fr)}.sidebar{width:240px}.nav-label{margin-top:16px;color:var(--text-muted-strong)}.nav-item.active{background:var(--selected-bg);border-color:transparent;box-shadow:inset 2px 0 var(--ink)}.sidebar .nav-item,.sidebar small,.soft-panel .muted,.soft-panel .eyebrow,.stat p,.quick-card small,.pill,.board-title .count,.board-empty,.chat-message small,.calendar-day span{color:var(--text-muted-strong)}.nav-item.active{color:var(--ink)}.nav-item.sub{font-size:13px}.task-id,.module-card small,.card-bottom,.row-main small,.row-right,.event-row p,.event-row>span,.mini-calendar span,.prototype-note,.form-note{color:var(--text-muted)}.top-search{font-size:13px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:28px}.title-line{display:flex;align-items:center;gap:12px;margin-bottom:12px}.title-line h1{margin:0}.demo-badge{font-size:13px;font-weight:500}.demo-banner{margin-bottom:20px}.demo-banner span{font-size:13px}.banner-detail{color:var(--text-muted)}.module-card p,.quick-card small,.row-main small,.row-right,.card-bottom,.task-id{font-size:13px}.task-row .row-main strong{font-size:14px}.task-row{min-height:56px}.quick-card strong{font-size:14px}.task-card{min-height:150px;padding:12px;box-shadow:none;overflow-wrap:anywhere}.task-card strong{font-size:14px}.task-card .pill{font-size:13px}.board-column{flex-basis:280px;min-width:280px;max-width:320px}.board-title{font-size:13px;min-height:32px}.board-add{font-size:13px}.table-wrap{max-height:650px}.table-wrap th{position:sticky;top:0;z-index:2;font-size:13px}.table-wrap td{font-size:14px;padding:12px;max-width:380px;white-space:normal;overflow-wrap:anywhere}.table-wrap td:first-child,.table-wrap th:first-child{position:sticky;left:0;background:var(--canvas);z-index:1;min-width:240px}.table-wrap th:first-child{z-index:3;background:var(--surface-soft)}.table-wrap td button{font-size:14px;line-height:1.6}.mobile-task-list{display:none}.more-fields{border-top:1px solid var(--hairline);padding-top:16px}.more-fields summary{min-height:40px;padding:8px 0;font-size:13px}.more-fields>.form-grid{margin-top:16px}.modal-open{overflow:hidden}dialog::backdrop{background:var(--overlay)}dialog.assistant-panel{margin:0 0 0 auto;max-height:100dvh;height:100dvh;width:min(600px,100vw);border-radius:0;padding:24px}.assistant-panel .assistant-welcome{padding:0 0 24px}.assistant-panel .assistant-welcome h1{font-size:28px}.assistant-panel .prompt-grid{grid-template-columns:1fr}.assistant-panel .prompt{min-height:54px;padding:12px 16px;display:flex;flex-direction:row;align-items:center;gap:12px}.assistant-panel .prompt .icon{margin:0}.assistant-panel .assistant-symbol{display:none}.assistant-panel .chat-form .form-footer{flex-wrap:wrap}.assistant-panel .chat-form small{flex:1}.form-error{border:1px solid var(--error-text);border-radius:var(--radius-md);padding:12px;margin-top:12px;font-size:13px}.field-error{color:var(--error-text);font-size:13px;margin:6px 0 0}[aria-invalid=true]{border-color:var(--error-text)}.more-links{display:flex;flex-direction:column;gap:8px}.more-links button{width:100%;justify-content:space-between;min-height:44px}.mobile-nav{display:none}.status{font-size:13px}.status .text-button{margin-left:12px}.check-dot{width:28px;height:28px}.check-dot .icon{width:14px;height:14px}.event-row strong{font-size:13px}.info-strip p{font-size:13px}.count{font-size:13px}.dialog-footer{position:sticky;bottom:-28px;background:var(--canvas);padding:16px 0 0;border-top:1px solid var(--hairline);z-index:2}.empty-state p{font-size:14px}.calendar-item{font-size:13px}.pill-tabs button,.view-tabs button{font-size:13px}.view-tools input,.view-tools select{font-size:14px}
@media(min-width:768px) and (max-width:1023px){.app-layout{grid-template-columns:64px minmax(0,1fr)}.sidebar{width:64px;padding:20px 8px}.wordmark{font-size:0;padding:0;text-align:center}.wordmark::before{content:'а';font-size:28px}.space-switch,.nav-label,.sidebar small,.sidebar strong,.sidebar .account>div,.sidebar .account>.avatar,.sidebar .nav-item.sub{display:none}.sidebar .nav-item{font-size:0;padding:12px;gap:0;min-height:44px}.sidebar .nav-count{display:none}.sidebar .icon{width:20px;height:20px}.sidebar .account{padding-top:8px}.sidebar .account .icon-button{margin:auto}.page-container{padding:24px}.topbar{padding:0 24px}.top-actions{gap:8px}.capture-label{display:none}}
@media(max-width:767px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-layout{display:block}.sidebar,#nav-scrim,#menu-toggle{display:none!important}.topbar{height:56px;position:sticky;top:0;background:var(--canvas);z-index:20}.topbar button{width:44px;min-height:44px;padding:12px}.capture-label,.assistant-label{display:none}.top-actions{gap:4px}.breadcrumb strong{font-size:14px}.page-container{padding:20px 16px 24px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--canvas);border-top:1px solid var(--hairline);z-index:40;justify-content:space-around}.mobile-nav button{border:0;background:transparent;display:flex;flex-direction:column;gap:3px;min-height:56px;min-width:56px;padding:6px 4px;color:var(--text-muted-strong);font-size:13px;border-radius:0}.mobile-nav button.active{color:var(--ink);box-shadow:inset 0 2px var(--ink);background:var(--selected-bg)}.mobile-nav .icon{width:20px;height:20px}button,.icon-button,input,select{min-height:44px}button.icon-button{width:44px}input,select,textarea{font-size:16px}.tabs button{min-height:44px}.mini-calendar button{min-height:44px;padding:6px;font-size:13px}.mini-calendar{gap:0}.mini-calendar span{font-size:13px}.title-line{flex-wrap:wrap;gap:8px}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:12px}.page-heading p{font-size:14px}.stats-grid{grid-template-columns:1fr;gap:8px}.stat{display:flex;justify-content:space-between;padding:12px 16px;min-height:64px}.stat-icon{display:flex;width:36px;height:36px}.stat p{font-size:13px}.stat strong{font-size:20px}.stat .arrow{display:block;margin-left:auto}.stat>div{display:flex;align-items:center;gap:12px}.module-grid{grid-template-columns:1fr}.module-card{min-height:120px}.module-card strong{font-size:16px}.module-card p{font-size:14px}.module-card small{font-size:13px}.quick-grid{grid-template-columns:1fr}.quick-card,.quick-card:last-child{grid-column:auto;min-height:120px}.quick-card small{font-size:13px}.task-row .row-main strong{font-size:14px}.task-row .row-main small{font-size:13px}.task-row .row-right{font-size:13px;max-width:60px}.check-dot{width:44px;height:44px}.table-wrap.desktop-table{display:none}.mobile-task-list{display:flex;flex-direction:column}.board-column{min-width:280px;flex-basis:280px}.board-add{min-height:44px}.view-tabs button{font-size:13px}.filter-row select{max-width:100%;width:100%}.filter-row{width:100%}.filter-row .pill-tabs{width:100%;justify-content:center}.task-card{min-height:150px}.task-card strong{font-size:14px}.card-bottom{font-size:13px}.pill{font-size:13px}.detail{position:static}.columns:has(#editor:not([hidden]))>div{display:none}.columns:has(#editor:not([hidden])) #detail{position:relative}.actions{position:sticky;bottom:56px;padding:12px 0;background:var(--canvas)}.form-footer .muted{font-size:13px;max-width:120px}.status{bottom:calc(72px + env(safe-area-inset-bottom));width:calc(100% - 32px);max-width:none;font-size:13px}dialog,dialog.assistant-panel{width:100%;height:100dvh;max-height:100dvh;max-width:100vw;margin:0;border:0;border-radius:0;padding:20px}.dialog-heading{position:sticky;top:-20px;background:var(--canvas);padding-top:12px;z-index:3}.dialog-heading h2{font-size:22px;line-height:1.5}.dialog-footer{bottom:-20px;margin-top:24px;padding-bottom:env(safe-area-inset-bottom);gap:8px}.dialog-footer button{flex:1}.dialog-footer .primary{min-width:0}.form-note{font-size:13px}.form-grid{gap:16px}.more-fields summary{min-height:44px}.chat-form .form-footer{flex-wrap:wrap}.chat-form small{width:100%;font-size:13px}.assistant-welcome p{font-size:14px}.chat-message{font-size:14px}.chat-message small{font-size:13px}.chat-message.user{margin-left:20px}.info-strip p{font-size:13px}.prototype-note{font-size:13px}.topbar .compact{font-size:0}.topbar .compact .icon{width:20px;height:20px}.empty-state{padding:28px 16px}}

.card-status{font-size:13px;color:var(--text-muted-strong)}.task-card strong,.row-main strong,.list-item strong{overflow-wrap:anywhere}.back-to-notes{margin-bottom:16px}.sidebar #main-nav{overflow-y:auto;min-height:0}.mini-calendar .outside{color:var(--text-muted-strong)}.module-card p,.quick-card small,.row-main small,.row-right,.card-bottom,.task-id,.top-search,.demo-banner span,.prototype-note,.form-note{font-size:13px}.pill,.task-card .pill{color:var(--text-muted-strong)}

.initial-loading{max-width:600px;margin:80px auto;padding:24px;color:var(--text-muted)}.skeleton{height:64px;background:var(--surface-card);border-radius:var(--radius-lg);margin-top:16px}.form-feedback{padding:12px;border:1px solid var(--error-text);border-radius:var(--radius-md);color:var(--error-text);margin:12px 0}.form-feedback button{margin-top:8px}

@media(max-width:767px){.view-tabs{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;max-width:100%}.view-tabs button{flex-shrink:0}.expense-cards{gap:12px}.expense-cards small{color:var(--text-muted)}.expense-cards p{font-size:22px;color:var(--ink);margin:8px 0}.mini-calendar{margin-left:-12px;margin-right:-12px}.mini-calendar button{min-width:44px}.settings-row input[type=checkbox]{min-width:44px}.calendar-heading{flex-wrap:wrap}}

/* Shared form and list states, including the live inbox. */
.field-hint{font-size:13px;color:var(--text-muted);margin:8px 0 12px}
.loading-state{min-height:200px;padding:16px 0;color:var(--text-muted);font-size:14px}
.loading-state .skeleton{height:72px;margin-top:12px}
.is-loading::before{content:'';display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-pill);flex-shrink:0;animation:loading-spin .8s linear infinite}
@keyframes loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.is-loading::before{animation:none}}
#inbox-page .columns{grid-template-columns:minmax(0,1fr) minmax(0,480px)}
#inbox-page .panel,#inbox-page .notes-section{min-width:0}
#inbox-page .info-strip p,#inbox-page .pill{color:var(--text-muted-strong)}
#inbox-page .empty-state{background:var(--surface-soft);border-radius:var(--radius-lg);margin-top:16px;padding:24px;color:var(--text-muted-strong)}
#inbox-page .empty-state .empty-icon{display:block;margin:0 auto 12px;width:32px}
#inbox-page #notes strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:14px}
#inbox-page #notes small{font-size:13px;color:var(--text-muted-strong)}
#inbox-page #notes button.selected{background:var(--selected-bg);box-shadow:inset 2px 0 var(--ink)}
#inbox-page #detail-title{overflow-wrap:anywhere}
#inbox-page .form-feedback,#inbox-page .confirmation,#inbox-page .conflict{font-size:14px;overflow-wrap:anywhere}
#inbox-page .confirmation button,#inbox-page .conflict button{font-size:13px}
#inbox-page .search button{min-width:76px}
#inbox-page #create-form [type=submit]{min-width:162px}
#inbox-page #edit-form [type=submit]{min-width:204px}
#inbox-page textarea[readonly]{background:var(--surface-soft)}
#inbox-page summary{min-height:44px;padding:12px 0}
.icon-button{min-height:44px;min-width:44px}
/* On phones, record details replace the list introduction as a separate screen. */
@media(max-width:767px){#inbox-page:has(#editor:not([hidden]))>.page-heading,#inbox-page:has(#editor:not([hidden]))>.info-strip{display:none}}
@media(max-width:1023px){#inbox-page .columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){#inbox-page .text-button,#inbox-page .confirmation button,#inbox-page .conflict button{min-height:44px;min-width:44px}#inbox-page .actions{flex-wrap:wrap;bottom:56px}#inbox-page .actions button{flex:1}#inbox-page #detail-empty{display:none}#inbox-page .detail:has(#editor[hidden]){display:none}#inbox-page .form-footer{flex-wrap:wrap}#inbox-page .search input{min-width:0}#inbox-page .info-strip{padding:16px}#inbox-page #create-form .form-footer{position:sticky;bottom:56px;background:var(--canvas);padding:12px 0}}

.top-search kbd,.breadcrumb .slash{color:var(--text-muted-strong)}.top-search kbd{font-size:13px}.form-feedback{scroll-margin-bottom:96px}#inbox-page .field-hint{color:var(--text-muted-strong)}

/* Shared record components: status, person, form fields and responsive detail panel. */
.task-status{display:inline-flex;align-items:center;gap:var(--space-xs);white-space:normal;text-align:left;line-height:1.4}
.task-status .status-color{width:8px;height:8px}
.live-task-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-lg)}
.live-task-tools .search{flex:1 1 240px;margin:0;max-width:440px}
.live-task-tools .search input{min-width:0}
.live-task-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-sm)}
.live-task-filters label{font-size:13px;margin:0;max-width:260px}
.live-task-filters select{margin-top:var(--space-xs);width:100%;font-size:14px}
.live-tasks{min-width:0}
.live-tasks .page-heading .field-hint{margin-bottom:0}
.live-tasks .board{max-width:100%}
.live-tasks .board-title{align-items:center;min-height:44px;overflow-wrap:anywhere}
.live-tasks .board-title>.icon-button{width:44px;flex:0 0 44px;margin-left:auto;background:transparent;border:0}
.live-tasks .board-title>.icon-button:not(:disabled):hover{background:var(--hover-bg)}
.live-tasks .board-title .count{margin:0}
.live-tasks .task-card{padding:var(--density-compact);border-radius:var(--radius-lg)}
.live-tasks .task-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-sm);font-weight:600}
.live-tasks .task-card .task-status{margin-bottom:var(--space-sm);font-size:13px}
.live-task-person{display:flex;align-items:center;gap:var(--space-xs);font-size:13px;color:var(--text-muted-strong);margin-bottom:var(--space-sm);overflow-wrap:anywhere}
.live-task-project,.task-priority{display:block;font-size:13px;color:var(--text-muted-strong);margin-top:var(--space-xs);overflow-wrap:anywhere}
.live-task-project{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-overdue{color:var(--error-text)}
.live-tasks .table-wrap td:first-child button{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:320px;overflow-wrap:anywhere;min-height:44px}
.live-tasks .table-wrap th{color:var(--text-muted-strong)}
.table-wrap .table-cell-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.live-tasks .empty-state{background:var(--surface-soft);border-radius:var(--radius-lg);color:var(--text-muted-strong)}
dialog.live-task-dialog{width:480px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:0;padding:var(--space-lg);box-shadow:none;scroll-padding-block:100px}
.live-task-dialog .dialog-heading{position:sticky;top:calc(-1 * var(--space-lg));padding-top:var(--space-md);background:var(--canvas);z-index:3}
.live-task-dialog fieldset{padding:0;border:0;margin:0;min-width:0}
.live-task-dialog fieldset:disabled input,.live-task-dialog fieldset:disabled select,.live-task-dialog fieldset:disabled textarea{color:var(--body);opacity:1;background:var(--surface-soft)}
.live-task-dialog .form-grid{gap:var(--space-md)}
.live-task-dialog .form-grid>div{min-width:0}
.live-task-dialog .dialog-footer{bottom:calc(-1 * var(--space-lg));padding:var(--space-md) 0;gap:var(--space-xs);flex-wrap:wrap}
.live-task-dialog .dialog-footer button{min-width:0;padding:var(--space-sm);font-size:13px}
.live-task-dialog .field-hint,.live-task-dialog .confirmation,.live-task-dialog .conflict{font-size:13px;overflow-wrap:anywhere}
.live-task-dialog .confirmation button,.live-task-dialog .conflict button{min-height:44px;font-size:13px}
.live-task-dialog .more-fields summary{font-size:14px}
.live-task-dialog .more-fields .form-grid{margin-bottom:var(--space-md)}
.live-task-dialog textarea{resize:vertical;min-height:100px}
.live-task-dialog [role=alert]{scroll-margin-top:100px;scroll-margin-bottom:100px}
.confirmation .field-hint{color:var(--text-muted-strong)}
.live-conflict-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--space-xs);white-space:pre-wrap}
.live-conflict-values dt{color:var(--text-muted-strong)}
.live-conflict-values dd{margin:0;overflow-wrap:anywhere}
.live-history{padding-left:var(--space-lg);font-size:13px;overflow-wrap:anywhere}
.live-history li{margin-bottom:var(--space-md);white-space:pre-wrap}
.task-record-id{overflow-wrap:anywhere}
@media(max-width:767px){.live-task-tools{display:block}.live-task-tools .search{max-width:none;margin-bottom:var(--space-md)}.live-task-filters{width:100%}.live-task-filters>label{width:100%;max-width:none}.live-task-filters select{font-size:16px}.live-task-filters>.pill-tabs{flex:1}.live-task-filters>.pill-tabs button{flex:1;min-height:44px}.live-tasks .mobile-task-list{gap:var(--space-xs)}.live-tasks .mobile-task-list .task-card{margin:0}.live-tasks .page-heading>.primary{width:100%}dialog.live-task-dialog{width:100vw;padding:var(--space-md)}.live-task-dialog .dialog-heading{top:calc(-1 * var(--space-md))}.live-task-dialog .dialog-footer{bottom:calc(-1 * var(--space-md));padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}.live-task-dialog input,.live-task-dialog select,.live-task-dialog textarea{font-size:16px}.live-task-dialog .dialog-footer button{flex:1}.live-task-dialog .dialog-footer .primary{flex-basis:100%;min-height:44px}}
/* Shared full-width work surfaces and compact record density. */
.page-container:has(.live-tasks){max-width:none;width:100%;padding:var(--space-lg)}
.live-tasks .page-heading{align-items:center;margin-bottom:var(--space-sm);gap:var(--space-md)}
.live-tasks .title-line{margin-bottom:var(--space-xxs)}
.live-tasks .page-heading .field-hint{margin:0;line-height:1.4}
.live-tasks .live-task-tools{gap:var(--space-sm);margin-bottom:var(--space-sm)}
.live-tasks .live-task-filters{align-items:center}
.live-tasks .live-task-filters label{display:flex;align-items:center;gap:var(--space-xs);max-width:none}
.live-tasks .live-task-filters select{margin:0;width:200px}
.live-tasks .board{min-height:0;gap:var(--space-sm);padding-bottom:var(--space-xs)}
.live-tasks .board-column{flex:1 0 248px;min-width:248px;max-width:none;padding:var(--space-xs)}
.live-tasks .board-title{margin-bottom:var(--space-xs);gap:var(--space-xxs)}
.live-tasks .board-empty{padding:var(--space-xs);margin:0}
.live-tasks .task-card{min-height:0;margin-bottom:var(--space-xs);line-height:1.4}
.live-tasks .task-card:last-child{margin-bottom:0}
.task-card .table-cell-text{display:block;font-size:13px;line-height:1.4;margin-top:var(--space-xxs);color:var(--text-muted);}
.live-tasks .table-wrap th,.live-tasks .table-wrap td{min-width:120px;}
.live-tasks .task-card strong{line-height:1.4;margin-bottom:var(--space-xs)}
.live-tasks .task-card .task-status{margin-bottom:var(--space-xs)}
.live-tasks .live-task-person{margin-bottom:var(--space-xxs)}
.live-tasks .prototype-note{margin-top:var(--space-xs)}
@media(max-width:767px){
 .page-container:has(.live-tasks){padding:var(--space-md);padding-bottom:calc(80px + env(safe-area-inset-bottom))}
 .live-tasks .page-heading{gap:var(--space-xs)}
 .live-tasks .live-task-filters label{display:block}
 .live-tasks .live-task-filters select{margin-top:var(--space-xs);width:100%}
}
/* Dense boards keep readable type; spacing, rather than font size, carries density. */
.live-tasks .board .task-card{padding:var(--space-xs)}
.live-tasks .board .task-card strong{margin-bottom:var(--space-xxs)}
.live-tasks .board .task-priority,.live-tasks .board .live-task-project{margin-top:0}
@media(min-width:768px){
 .live-tasks{display:flex;flex-direction:column;height:calc(100dvh - 112px)}
 .live-tasks #live-task-results{flex:1;min-height:0}
 .live-tasks .board{height:100%}
 .live-tasks .board-column{max-height:100%;overflow-y:auto;scrollbar-width:thin}
 .live-tasks .board-title{position:sticky;top:calc(-1 * var(--space-xs));background:var(--surface-soft);z-index:1}
 .live-tasks .table-wrap{max-height:100%}
}
@media(max-width:767px){
 .live-tasks .board{max-height:calc(100dvh - 160px)}
 .live-tasks .board-column{max-height:calc(100dvh - 176px);overflow-y:auto}
 .live-tasks .board-title{position:sticky;top:calc(-1 * var(--space-xs));background:var(--surface-soft);z-index:1}
}
.live-tasks .task-card{position:relative}
.live-tasks .board-column{scroll-padding-top:60px}
.live-tasks .board .task-card{scroll-margin-top:var(--space-xs)}
.live-tasks .board-title .count{flex-shrink:0;white-space:nowrap}
.live-tasks .board-title>span:nth-child(2){min-width:0;flex:1}
/* Shared board record movement: visible handle, ghost and drop target. */
.live-tasks .task-tile{position:relative;margin-bottom:var(--space-xs)}
.live-tasks .task-tile:last-child{margin-bottom:0}
.live-tasks .task-tile .task-card{margin:0}
.live-tasks .task-tile.can-move .task-card strong{padding-right:36px}
.task-drag-handle{position:absolute;right:var(--space-xxs);top:var(--space-xxs);width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--text-muted-strong);font-size:24px;cursor:grab;touch-action:none;user-select:none}
.task-drag-handle:not(:disabled):hover{background:var(--hover-bg)}
.task-drag-handle:not(:disabled):active{cursor:grabbing}
.task-drag-active{user-select:none;cursor:grabbing}
.task-drag-active .task-tile.is-dragging{opacity:.45}
.task-drag-ghost{position:fixed;z-index:100;pointer-events:none;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);background:var(--canvas)}
.task-drag-ghost .task-card{width:100%;margin:0;padding:var(--space-xs);min-height:0;box-shadow:none}
.task-drag-ghost .task-card strong{padding-right:36px;margin-bottom:var(--space-xxs);line-height:1.4}
.task-drag-ghost .task-drag-handle{pointer-events:none}
.live-tasks .board-column.is-drop-target{outline:var(--focus-ring);outline-offset:-2px;background:var(--selected-bg)}
.live-tasks .task-move-feedback{margin-bottom:var(--space-xs);flex-shrink:0}
.live-tasks .task-tile.can-move .task-card strong{min-height:40px}
.task-drag-ghost .task-card{line-height:1.4;border-radius:var(--radius-lg)}
.task-drag-ghost .task-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;font-weight:600}
.task-drag-ghost .live-task-person{margin-bottom:var(--space-xxs)}
.task-drag-ghost .task-priority,.task-drag-ghost .live-task-project{margin-top:0}

/* Shared collection view strip: horizontal scrolling stays inside the tabs. */
.collection-view-strip{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:12px}
.collection-view-strip .view-tabs{flex:1;min-width:0;overflow-x:auto;flex-wrap:nowrap;margin:0;padding:0}
.collection-view-strip .view-tabs button{flex-shrink:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.collection-view-strip>button{flex-shrink:0}
@media(max-width:767px){.collection-view-strip{flex-wrap:wrap}.collection-view-strip .view-tabs{flex-basis:100%}.collection-view-strip button{min-height:44px}.collection-view-strip .view-tabs button{font-size:13px}}
.property-list {display:grid;gap:var(--space-xs);margin-block:var(--space-md);}
.property-row {display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--hairline);border-radius:var(--radius-md);}
.property-row>div {min-width:0;overflow-wrap:anywhere;}
.property-row button {flex-shrink:0;}
.property-row .field-hint {margin-block:var(--space-xxs) 0;}

/* Shared selection accents across desktop and mobile navigation. */
.nav-item.active{color:var(--accent-text);box-shadow:inset 2px 0 var(--accent)}
button.nav-item.active:not(:disabled):hover{background:var(--selected-bg)}
#inbox-page #notes button.selected{box-shadow:inset 2px 0 var(--accent)}
@media(max-width:767px){.mobile-nav button.active{color:var(--accent-text);box-shadow:inset 0 2px var(--accent)}.mobile-nav button.active:not(:disabled):hover{background:var(--selected-bg)}}
@media(min-width:768px) and (max-width:1023px){.wordmark::before{content:none}.wordmark .brand-lockup>span{display:none}}

button.nav-item.active:not(:disabled):not(.primary):not(.danger):not(.done):not(.today):hover,.mobile-nav button.active:not(:disabled):not(.primary):not(.danger):not(.done):not(.today):hover{color:var(--accent-text)}

/* Shared compact controls: one shape and density across modules. */
button,input,select,textarea,.icon-button,.pill-tabs,.pill-tabs button,.view-tabs button{border-radius:var(--control-radius)}
button{min-height:var(--control-height);padding:6px 10px;font-size:13px}
input,select{min-height:var(--field-height);padding:6px 10px}
.icon-button{width:var(--control-height);min-width:var(--control-height);min-height:var(--control-height);padding:6px}
.compact{padding:6px 10px}.pill-tabs{padding:2px}.tabs button{min-height:var(--control-height);padding:6px 10px}
.record-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;min-width:0}
.toolbar-views{display:flex;align-items:center;gap:4px;flex:1 1 160px;min-width:0}
.collection-view-strip .toolbar-views .view-tabs{border:0;padding:0;margin:0;flex:1;min-width:0}
.toolbar-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}
.toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border-color:transparent;background:transparent;flex-shrink:0}
.toolbar-button .icon,.toolbar-search .icon{width:16px;height:16px}.toolbar-button.icon-only{width:32px;padding:6px}
.toolbar-button.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.toolbar-search{position:relative;display:flex;align-items:center;width:156px;margin:0;min-width:0}
.toolbar-search>.icon{position:absolute;left:8px;pointer-events:none;color:var(--text-muted-strong)}
.toolbar-search input{width:100%;min-width:0;min-height:32px;padding:6px 6px 6px 30px;font-size:13px;background:transparent;border-color:transparent}
.toolbar-search input:hover{border-color:var(--hairline)}
.toolbar-filter{margin:0;width:144px;min-width:0}.toolbar-filter select{width:100%;min-height:32px;font-size:13px;border-color:transparent;background-color:transparent}
.toolbar-layout{flex-wrap:nowrap;gap:2px}.toolbar-layout button{padding:6px}
.live-tasks .page-heading{margin-bottom:8px}.live-tasks .title-line{margin:0}.live-tasks .page-heading h1{font-size:26px}
.live-tasks .board-title{min-height:32px}.live-tasks .board-title>.icon-button{width:32px;flex-basis:32px;min-height:32px}
@media(min-width:768px){.topbar{height:52px}.top-actions{gap:8px}.live-tasks .board-column{max-height:100%}}
@media(max-width:767px){
 button,input,select,.icon-button,.tabs button,.toolbar-button,.toolbar-button.icon-only{min-height:var(--touch-height)}
 input,select,textarea{font-size:16px}.icon-button,.toolbar-button.icon-only{width:44px;min-width:44px}
 .record-toolbar{gap:4px}.toolbar-views{flex-basis:100%}.collection-view-strip .toolbar-views .view-tabs{flex-basis:auto}
 .toolbar-actions{width:100%;gap:2px}.toolbar-search{flex:1 1 150px;width:auto}.toolbar-filter{flex:1 1 150px;width:auto}
 .toolbar-search input,.toolbar-filter select{font-size:16px;min-height:44px}
 .toolbar-layout{margin-right:auto}.live-tasks .board-title{min-height:44px}.live-tasks .board-title>.icon-button{width:44px;min-height:44px;flex-basis:44px}
 .live-tasks .page-heading h1{font-size:26px}
}

.collection-view-strip .toolbar-views .view-tabs{flex:0 1 auto}
.toolbar-filter select,.toolbar-filter button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.live-tasks .task-card,#inbox-page #notes button,button.check-dot,.mini-calendar button{border-radius:var(--control-radius)}

/* Shared icon search: animated disclosure, with reduced-motion support. */
.toolbar-search.collapsible-search{width:32px;flex:0 0 auto;gap:0;transition:width 180ms ease;overflow:clip;border-radius:var(--control-radius)}
.collapsible-search .toolbar-button{flex:0 0 32px}
.toolbar-search.collapsible-search.is-open{width:192px;background:var(--surface-soft)}
.toolbar-search.collapsible-search input{width:calc(100% - 32px);padding:6px 8px;opacity:0;transition:opacity 120ms ease;background:transparent}
.toolbar-search.collapsible-search.is-open input{opacity:1}
.toolbar-search.collapsible-search input:disabled{background:transparent}
.collapsible-search:focus-within{outline:var(--focus-ring);outline-offset:2px}
.collapsible-search input:focus,.collapsible-search button:focus-visible{outline:none}
.record-toolbar{border-bottom:1px solid var(--hairline);padding-bottom:4px;margin-bottom:4px}
.record-filter-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.record-filter-row .toolbar-filter{width:180px}
@media(max-width:767px){.toolbar-search.collapsible-search{width:44px;flex:0 0 auto}.collapsible-search .toolbar-button{flex-basis:44px}.toolbar-search.collapsible-search.is-open{width:190px}.toolbar-search.collapsible-search input{width:calc(100% - 44px)}.toolbar-actions{width:auto;margin-left:auto}.toolbar-layout{margin-right:0}}
@media(prefers-reduced-motion:reduce){.toolbar-search.collapsible-search,.toolbar-search.collapsible-search input{transition:none}}



/* Shared property editor: one property per row, label and value together. */
.property-form{display:flex;flex-direction:column;gap:4px!important}
.property-form>div:not(#live-custom-fields),#live-custom-fields>div{display:grid;grid-template-columns:136px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.property-form label{font-size:13px;color:var(--text-muted-strong);font-weight:400;margin:0;line-height:1.4}
.property-form input,.property-form select,.property-form textarea{border-color:transparent;background:transparent;padding:6px 8px;min-height:32px;font-size:13px}
.property-form output{padding:6px 8px;min-height:32px;font-size:13px;overflow-wrap:anywhere}
@media(max-width:767px){.property-form output{min-height:44px;font-size:16px}}
.property-form input:hover,.property-form select:hover,.property-form textarea:hover{background:var(--hover-bg)}
.property-form .field-error{grid-column:2;margin:0}.property-form .field-hint{grid-column:1/-1;margin:0}
.property-form #live-title-error{grid-column:2}
.property-form #live-custom-fields{display:flex;flex-direction:column;gap:4px}
.live-task-dialog .property-form textarea{min-height:44px;margin:0}
.tag-picker{position:relative;min-width:0}.tag-trigger{justify-content:flex-start;width:100%;border-color:transparent;padding:6px 8px;min-height:32px;font-size:13px;overflow:hidden}
.tag-value{background:var(--accent-soft);color:var(--accent-text);border-radius:var(--radius-xs);padding:2px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag-value.is-multiple{display:flex;flex-wrap:wrap;gap:var(--space-xxs);background:transparent;padding:0;white-space:normal;}
.tag-chip{background:var(--accent-soft);color:var(--accent-text);border-radius:var(--radius-xs);padding:2px 6px;overflow-wrap:anywhere;}
.property-check{display:flex;align-items:center;min-height:32px;width:32px;cursor:pointer;}
.property-form .property-check input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;accent-color:var(--accent-text);}
@media(max-width:767px){.property-check{min-height:44px;width:44px;}}
.tag-menu{position:absolute;top:100%;left:0;right:auto;width:min(320px,100%);max-width:calc(100vw - 32px);border:1px solid var(--hairline);border-radius:var(--control-radius);background:var(--canvas);padding:4px;box-shadow:var(--shadow-md);z-index:12}
.property-form .tag-menu input{width:100%;border-bottom:1px solid var(--hairline);background:var(--surface-soft);font-size:13px}
.tag-menu [data-tag-options]{display:flex;flex-direction:column;max-height:180px;overflow:auto}
.tag-menu button{justify-content:flex-start;width:100%;min-height:32px;text-align:left;border:0;background:transparent;padding:6px 8px;font-size:13px}
.tag-menu button[aria-selected=true]{background:var(--selected-bg);color:var(--accent-text)}
.tag-menu .tag-create{color:var(--accent-text)}
@media(max-width:767px){.property-form>div:not(#live-custom-fields),#live-custom-fields>div{grid-template-columns:108px minmax(0,1fr);gap:4px}.property-form input,.property-form select,.property-form textarea,.property-form .tag-menu input{font-size:16px;min-height:44px}.tag-trigger,.tag-menu button{min-height:44px}.tag-menu{width:min(300px,100%)}}

dialog.view-editor-dialog{width:400px;height:fit-content;max-height:calc(100dvh - 48px);margin:auto;padding:16px;border-radius:var(--control-radius)}
.view-editor-dialog .dialog-heading{position:static;padding:0;margin-bottom:12px}.view-editor-dialog .dialog-footer{position:static;padding-top:12px}
.property-form .tag-property{padding:0;border:0;background:transparent}
@media(max-width:767px){dialog.view-editor-dialog{width:calc(100vw - 32px);max-width:400px;padding:16px}.property-form .tag-property{padding:0}}

.tag-menu.opens-above{top:auto;bottom:100%}

.tag-menu{overflow-y:auto}

/* Shared status surfaces; scrollbars remain quiet without hiding scroll affordance. */
.board-column{--column-bg:var(--surface-soft);background:var(--column-bg)}
.board-column.s-wait{--column-bg:var(--status-wait-bg)}
.board-column.s-work{--column-bg:var(--status-work-bg)}
.board-column.s-external{--column-bg:var(--status-external-bg)}
.board-column.s-done{--column-bg:var(--status-done-bg)}
.live-tasks .board-column .board-title{background:var(--column-bg)}
.board-column{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}
.board-column:hover,.board-column:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) transparent}
.board-column::-webkit-scrollbar{width:4px}
.board-column::-webkit-scrollbar-track{background:transparent}
.board-column::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-pill)}
.board-column:hover::-webkit-scrollbar-thumb,.board-column:focus-within::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover)}
@media(forced-colors:active){.board-column{scrollbar-color:auto}}

/* Use custom Chromium scrollbars so native arrow buttons are not drawn. */
@supports selector(::-webkit-scrollbar){
 .live-tasks .board-column,.live-tasks .board-column:hover,.live-tasks .board-column:focus-within{scrollbar-width:auto;scrollbar-color:auto}
 .board-column::-webkit-scrollbar{width:3px}
 .board-column::-webkit-scrollbar-button{display:none;width:0;height:0}
}
@media(forced-colors:active){.live-tasks .board-column{scrollbar-color:auto;scrollbar-width:auto}}

/* Keep the native thin scrollbar visible; the browser may supply arrow controls. */
.live-tasks .board-column{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}
.live-tasks .board-column:hover,.live-tasks .board-column:focus-within{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-hover) transparent}
@media(forced-colors:active){.live-tasks .board-column,.live-tasks .board-column:hover,.live-tasks .board-column:focus-within{scrollbar-width:auto;scrollbar-color:auto}}

/* The board fills the space after its toolbar, above the mobile navigation. */
.page-container:has(.live-tasks .board){height:calc(100dvh - 52px);padding-bottom:var(--space-xs)}
.live-tasks:has(.board){display:flex;flex-direction:column;height:100%;min-height:0}
.live-tasks #live-task-results{flex:1;min-height:0}
.live-tasks .board{height:100%;max-height:100%;min-height:0;padding-bottom:0}
.live-tasks .board-column{max-height:100%}
@media(max-width:767px){
 body:has(.live-tasks .board){padding-bottom:0}
 .page-container:has(.live-tasks .board){height:calc(100dvh - 112px - env(safe-area-inset-bottom));padding-bottom:var(--space-xs)}
}

.view-type-menu{position:fixed;inset:auto;margin:0;width:312px;max-width:calc(100vw - 16px);padding:var(--space-xs);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--canvas);color:var(--ink);box-shadow:var(--shadow-md)}
.record-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-bottom:var(--space-md)}
.record-actions-bar [role=status]{margin:0;flex:1;text-align:right}
.record-action-menu{position:fixed;inset:auto;margin:0;width:244px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:4px;border:1px solid var(--hairline);border-radius:var(--control-radius);background:var(--canvas);color:var(--ink);box-shadow:var(--shadow-md)}
.record-action-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 8px;border:0;border-radius:var(--control-radius);background:transparent;text-align:left;justify-content:flex-start;font-size:13px}
.record-action-menu button:hover{background:var(--surface-soft)}
.record-action-menu button:focus-visible{outline:1px solid var(--text-muted-strong);outline-offset:-1px;background:var(--surface-soft)}
@media(max-width:767px){.record-actions-bar .icon-button,.record-action-menu button{min-height:44px;min-width:44px}}
.view-type-caption{margin:0 0 var(--space-xs);padding:0 var(--space-xxs);color:var(--text-muted);font-size:13px}
.view-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xxs)}
.view-type-grid button{display:flex;flex-direction:column;gap:var(--space-xxs);padding:var(--space-xs) var(--space-xxs);min-height:52px;border:0;background:transparent;font-size:13px;line-height:1.4}
.view-type-grid button .icon{width:16px;height:16px}
.view-type-grid button[aria-pressed=true]{background:var(--surface-card)}
.view-type-grid button:hover{background:var(--hover-bg)}
.view-type-grid button:focus-visible{outline:var(--focus-ring);outline-offset:-2px}

.record-title-wrap{flex:1;min-width:0}
.live-task-dialog textarea.record-title-input{width:100%;display:block;margin:0;padding:4px 0;min-height:44px;border:0;border-radius:var(--control-radius);background:transparent;color:var(--ink);font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.25;letter-spacing:-.5px;resize:none;overflow:hidden}
.record-title-input::placeholder{color:var(--text-muted)}
.live-task-dialog textarea.record-title-input:hover:not([readonly]){background:var(--surface-soft)}
.live-task-dialog textarea.record-title-input:focus-visible{outline:var(--focus-ring);outline-offset:2px}

.live-task-dialog textarea.record-title-input{max-height:min(240px,30dvh);overflow-y:auto;scrollbar-width:thin}

.property-form input:not([aria-invalid="true"]):focus,.property-form select:not([aria-invalid="true"]):focus,.property-form textarea:not([aria-invalid="true"]):focus,.tag-trigger:focus-visible{outline:none;border-color:transparent;box-shadow:inset 0 -1px var(--text-muted-strong);background:var(--surface-soft)}
.collapsible-search:focus-within{outline:none;box-shadow:inset 0 -1px var(--text-muted-strong)}
.live-task-dialog textarea.record-title-input,.live-task-dialog textarea.record-title-input:hover,.live-task-dialog textarea.record-title-input:focus,.live-task-dialog textarea.record-title-input:focus-visible{outline:none;border:0;box-shadow:none;background:transparent}
@media(forced-colors:active){input:focus,select:focus,textarea:focus,.tag-trigger:focus-visible{outline:1px solid CanvasText}.live-task-dialog textarea.record-title-input:focus{outline:none}}

@media(forced-colors:active){
 input:focus,select:focus,textarea:focus,.tag-trigger:focus-visible,.collapsible-search:focus-within{outline:1px solid CanvasText!important;outline-offset:2px}
 .live-task-dialog textarea.record-title-input:focus{outline:none!important}
}

/* Collection filters disclose from the toolbar, without reserving an empty row. */
[data-live-filters][aria-expanded=true],[data-live-filters][data-filter-active=true]{background:var(--accent-soft);color:var(--accent-text)}
.record-filter-row{flex-wrap:wrap}
.record-filter-row .filter-chip{display:flex;align-items:center;width:auto;max-width:100%;gap:4px;margin:0}
.filter-chip>.icon{width:14px;height:14px;color:var(--text-muted-strong)}
.record-filter-row .filter-chip select{width:auto;max-width:240px;min-height:28px;border:0;background:transparent;margin:0;padding:4px 24px 4px 4px;font-size:13px}
.record-filter-row .filter-chip:has(select:not(:has(option:checked[value=""]))){background:var(--accent-soft);border-radius:var(--control-radius)}
.filter-reset{border:0;background:transparent;min-height:28px;padding:4px 8px;font-size:13px;color:var(--text-muted)}
.filter-reset:hover{background:var(--hover-bg)}
@media(max-width:767px){.record-filter-row .filter-chip select,.filter-reset{min-height:44px}.record-filter-row .filter-chip select{font-size:16px;max-width:calc(100vw - 84px)}}

/* Shared compact settings surface: lists first, individual editor second. */
dialog.settings-panel{height:auto;position:fixed;inset:var(--panel-top,140px) var(--space-md) auto auto;margin:0;width:320px;max-width:calc(100vw - 16px);max-height:calc(100dvh - var(--panel-top,140px) - 16px);padding:var(--space-sm);overflow:auto;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--canvas);box-shadow:var(--shadow-md)}
.settings-panel::backdrop{background:transparent}
.settings-panel-heading{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}
.settings-panel-heading h2{font-size:13px;margin:0;flex:1}
.settings-panel .settings-row{display:flex;width:100%;justify-content:flex-start;gap:var(--space-xs);min-height:32px;padding:var(--space-xs) var(--space-sm);border:0;background:transparent;border-radius:var(--radius-xs);font-size:13px;font-weight:400;text-align:left}
.settings-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.settings-row:hover{background:var(--surface-soft)}
.settings-row:focus-visible{outline:var(--focus-ring)}
.settings-row small{font-size:13px;color:var(--text-muted)}
.settings-panel .property-glyph{width:18px;flex:none;color:var(--text-muted);text-align:center}
.settings-panel .settings-add{margin-top:var(--space-xs);border-top:1px solid var(--hairline);color:var(--text-muted)}
.settings-panel input[type=search],.settings-panel input[name=name]{min-height:32px;padding:var(--space-xs) var(--space-sm);font-size:13px;margin-bottom:var(--space-xs)}
.settings-panel .property-type-row{align-items:center;justify-content:space-between;margin-block:var(--space-xs)}
.settings-panel .property-type-row>button{margin-left:auto}
.settings-panel .dialog-footer{padding-top:var(--space-sm);margin-top:var(--space-sm);gap:var(--space-xs)}
.settings-panel .dialog-footer button{min-height:32px;font-size:13px;padding:var(--space-xs) var(--space-sm)}
.property-type-menu .settings-list{max-height:280px;overflow:auto}
.settings-panel .title-property{color:var(--text-muted)}
@media(max-width:767px){dialog.settings-panel{inset:56px 8px auto;width:calc(100vw - 16px);max-height:calc(100dvh - 72px);padding:var(--space-sm)}.settings-panel .settings-row,.settings-panel .dialog-footer button{min-height:44px}.settings-panel input[type=search],.settings-panel input[name=name]{min-height:44px;font-size:16px}.settings-panel .property-type-row{flex-wrap:wrap}}
.settings-popover{position:fixed;inset:auto;margin:0;width:320px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:var(--space-xs);border:1px solid var(--hairline);border-radius:var(--control-radius);background:var(--canvas);box-shadow:var(--shadow-md);font-size:13px}
.settings-popover h3{font-size:13px;margin:var(--space-xs);font-weight:600}
.settings-popover .settings-row{display:flex;width:100%;justify-content:flex-start;min-height:32px;padding:var(--space-xs);border:0;background:transparent;font-size:13px;text-align:left}
.settings-popover .settings-row:hover{background:var(--hover-bg)}
.settings-popover input,.settings-popover select{min-height:32px;padding:var(--space-xs);font-size:13px}
.settings-popover .tag-menu{position:static;margin-top:var(--space-xs);box-shadow:none;width:100%}
.settings-popover .tag-property>label{display:none}
.settings-popover .tag-trigger{width:100%;min-height:32px}
.settings-popover .dialog-footer{margin:var(--space-xs) 0 0;padding-top:var(--space-xs)}
.settings-popover .dialog-footer button{min-height:32px;font-size:13px;padding:var(--space-xs)}
.filter-rule{border:0;background:transparent;color:var(--text-muted);min-height:28px;padding:var(--space-xxs) var(--space-xs);font-size:13px;border-radius:var(--control-radius)}
.filter-rule.is-active{background:var(--accent-soft);color:var(--accent-text)}
.filter-rule:hover{background:var(--hover-bg)}
.record-filter-row{flex-wrap:wrap}
@media(max-width:767px){.settings-popover input,.settings-popover select{font-size:16px;min-height:44px}.settings-popover .settings-row,.settings-popover .tag-trigger,.settings-popover .dialog-footer button,.filter-rule{min-height:44px}}
.settings-panel .view-property-settings .settings-row{align-items:center;justify-content:space-between}.view-property-settings h3{font-size:13px;margin:12px 0 4px}.settings-panel .settings-row input[type=checkbox]{width:16px;height:16px;min-height:16px;padding:0;margin:0;flex:none}.settings-panel .dialog-footer{flex-wrap:wrap}.settings-panel .property-form{gap:8px}.settings-panel .property-form select{min-height:32px;font-size:13px}.settings-panel .property-form label{font-size:13px}@media(max-width:767px){.settings-panel .property-form select{min-height:44px;font-size:16px}}

/* 033: measured Notion density, shared by menus and record properties. */
.select-source{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;pointer-events:none}
.compact-select{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:var(--menu-row-height);padding:3px 8px;border:0;border-radius:var(--control-radius);background:transparent;font-size:var(--font-control);font-weight:400;text-align:left;overflow-wrap:anywhere}
.compact-select:hover{background:var(--surface-soft)}.compact-select:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.compact-select:disabled{color:var(--text-muted);cursor:default}
dialog.settings-panel,.settings-popover{width:var(--menu-width);padding:6px;font-size:var(--font-control)}
.settings-panel .settings-row,.settings-popover .settings-row{min-height:var(--menu-row-height);padding:3px 8px;font-size:var(--font-control);align-items:center}
.settings-panel-heading{margin:0 4px 6px}.settings-panel-heading h2,.settings-popover h3{font-size:var(--font-control)}
.settings-panel input[type=search],.settings-panel input[name=name],.settings-popover input{min-height:var(--menu-row-height);padding:3px 6px;font-size:var(--font-control)}
#property-type-menu .settings-list{max-height:300px;overflow:auto;scrollbar-width:thin}
.property-form>div:not(#live-custom-fields),#live-custom-fields>div{grid-template-columns:var(--property-label-width) minmax(0,1fr)}
.property-form label,.property-form input,.property-form textarea,.property-form output{font-size:var(--font-control)}
dialog#live-task-dialog{width:min(560px,100vw);min-width:0;max-width:560px;padding:28px 28px}
#live-task-dialog .dialog-heading{position:static;padding-top:20px;margin-bottom:12px}
#live-task-dialog textarea.record-title-input{font-size:var(--record-title-size);font-weight:700;line-height:1.2;letter-spacing:-.4px}
#live-task-dialog .record-actions-bar{margin:-20px -16px 0;display:flex}.record-actions-bar [data-live-actions]{margin-left:auto}
#live-task-dialog .property-form textarea{min-height:34px;padding-block:6px}
@media(max-width:767px){dialog#live-task-dialog{width:100vw;min-width:0;padding:16px}#live-task-dialog .record-actions-bar{margin:0}#live-task-dialog textarea.record-title-input{font-size:28px}.property-form>div:not(#live-custom-fields),#live-custom-fields>div{grid-template-columns:120px minmax(0,1fr)}.compact-select,.settings-panel .settings-row,.settings-popover .settings-row{min-height:44px}.property-form input,.property-form textarea,.settings-panel input[type=search],.settings-panel input[name=name],.settings-popover input{min-height:44px;font-size:16px}dialog.settings-panel{width:calc(100vw - 16px)}}

#live-task-dialog::backdrop{background:transparent}
#live-task-dialog .property-form>button[data-task-properties]{align-self:flex-start;padding-inline:0}

.settings-row:disabled{color:var(--text-muted);cursor:default}.settings-row:disabled:hover{background:transparent}.settings-section-label{font-size:12px;color:var(--text-muted);padding:8px;border-top:1px solid var(--hairline)}

.settings-panel .dialog-heading{position:static;padding:4px;margin:0 0 8px;align-items:center}.settings-panel .dialog-heading h2{font-size:var(--font-control);font-weight:600}.view-type-grid button:disabled{color:var(--text-muted);cursor:default}.view-type-grid button:disabled:hover{background:transparent}

.settings-panel[data-mode=create] .property-type-row{display:none}
.settings-panel[data-mode=create] #property-type-menu .settings-list{max-height:calc(100dvh - var(--panel-top,140px) - 120px)}

@media(max-width:767px){#live-task-dialog .property-form textarea{min-height:44px;font-size:16px}.compact-select{font-size:16px}}

.record-tags{display:flex;flex-wrap:wrap;gap:4px}.person-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-muted-strong);flex:none;font-size:12px}.record-tags .tag-chip{font-size:13px;padding:1px 5px}

.settings-popover [role=option][aria-selected=true]{background:var(--surface-soft)}
.filter-rule{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}

.record-action-menu button{min-height:var(--menu-row-height);font-size:var(--font-control);padding:3px 8px}@media(max-width:767px){.record-action-menu button{min-height:44px}}

/* Shared tag colours: selection, options and previews use the same token pair. */
.tag-tone-blue{background:var(--tag-blue-bg);color:var(--tag-blue-text)}
.tag-tone-green{background:var(--tag-green-bg);color:var(--tag-green-text)}
.tag-tone-violet{background:var(--tag-violet-bg);color:var(--tag-violet-text)}
.tag-tone-amber{background:var(--tag-amber-bg);color:var(--tag-amber-text)}
.tag-tone-rose{background:var(--tag-rose-bg);color:var(--tag-rose-text)}
.tag-tone-orange{background:var(--tag-orange-bg);color:var(--tag-orange-text)}
.tag-tone-cyan{background:var(--tag-cyan-bg);color:var(--tag-cyan-text)}
.tag-tone-gray{background:var(--tag-gray-bg);color:var(--tag-gray-text)}
.live-task-project .tag-chip{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;padding:1px 5px}