/* AXLE ONE, unified information-first pages.
 * Loaded after existing page themes; no sidebar/topbar geometry changes.
 * Scope to enhanced sections to preserve Tasks, Projects, Time Tracking and Ava chat. */
:root{
 --hub-card-bg:#181818;
 --hub-card-hover:#1c1c1c;
 --hub-card-edge:#343434;
 --hub-card-radius:13px;
 --hub-row-gap:13px;
}
#dashboard .hub-enhanced{min-width:0}
#dashboard .hub-enhanced>.hub-index-grid,
#dashboard #planner-section.hub-planner>.hub-planner-grid{
 display:flex!important;flex-direction:column;align-items:stretch;
 gap:var(--hub-row-gap);width:100%;min-width:0
}
#dashboard .hub-enhanced>.hub-index-grid>.hub-index-panel{
 order:0;min-width:0;display:flex;flex-direction:column;align-items:stretch;
 padding:0!important;margin:0!important;
 border:0;background:transparent;box-shadow:none;border-radius:0
}
#dashboard .hub-enhanced>.hub-top-editor{
 order:1;min-width:0;align-self:auto;display:block;
 border:1px solid var(--hub-card-edge);background:var(--hub-card-bg);
 padding:16px 18px!important;border-radius:var(--hub-card-radius);
 margin:0!important
}
#dashboard .hub-enhanced>.hub-top-editor>h2,
#dashboard .hub-enhanced>.hub-top-editor>.entry-description{
 display:none
}
#dashboard .hub-enhanced .hub-list-header{
 display:flex;align-items:center;justify-content:space-between;
 gap:10px 13px;flex-wrap:wrap;margin:0 0 14px;min-width:0
}
#dashboard .hub-list-header h2{margin:0;font-size:16px;font-weight:750;color:#fff}
#dashboard .hub-list-header .muted{font-size:11px}
#dashboard .hub-list-header .hub-new-button{
 margin-left:auto;min-height:38px;
 padding:8px 13px;border-radius:9px;white-space:nowrap;
 font:750 12px/1.35 Manrope,Arial,sans-serif
}
#dashboard .hub-enhanced .hub-entry-panel>.entry-form-details{
 display:block;width:100%;min-width:0;margin:0
}
#dashboard .hub-enhanced .hub-entry-panel>.entry-form-details>summary{
 display:flex!important;align-items:center;justify-content:space-between;
 min-height:33px!important;padding:0!important;list-style:none;
 color:#f1f1f1;font:700 13px/1.4 Manrope,Arial,sans-serif!important;
 cursor:pointer
}
#dashboard .hub-enhanced .hub-entry-panel>.entry-form-details>summary::after{
 content:"+";display:block!important;font:500 19px/1 Manrope,Arial,sans-serif;color:#bbb
}
#dashboard .hub-enhanced .hub-entry-panel>.entry-form-details[open]>summary::after{content:"−"}
#dashboard .hub-enhanced .hub-entry-panel>.entry-form-details[open]>summary{
 margin:0 0 15px!important;padding-bottom:13px!important;border-bottom:1px solid #343434
}
#dashboard .hub-entry-panel .form-stack{min-width:0;width:100%;gap:13px}
#dashboard .hub-entry-panel .form-stack .pair{gap:12px}
#dashboard .hub-entry-panel .form-stack :is(input,select,textarea){min-width:0}
#dashboard .hub-record-list{
 display:grid;grid-template-columns:minmax(0,1fr);gap:var(--hub-row-gap);
 max-height:none!important;overflow:visible!important;margin:0;padding:0;min-width:0
}
#dashboard .hub-record-list>.item{
 width:100%;min-width:0;margin:0;box-sizing:border-box;
 display:flex;align-items:flex-start;gap:14px;
 padding:17px 19px!important;
 border:1px solid var(--hub-card-edge)!important;
 border-radius:var(--hub-card-radius)!important;
 background:var(--hub-card-bg)!important
}
#dashboard .hub-record-list>.item:hover{background:var(--hub-card-hover)!important;border-color:#4a4a4a!important}
#dashboard .hub-record-list>.item[hidden]{display:none!important}
#dashboard .hub-record-list>.item>.item-main{min-width:0;flex:1 1 250px;overflow-wrap:anywhere}
#dashboard .hub-record-list>.item .item-main>strong{
 font-size:13px;line-height:1.5;font-weight:750;color:#f5f5f5
}
#dashboard .hub-record-list>.item .item-main>small{font-size:11.5px;color:#b3b3b3;line-height:1.6}
#dashboard .hub-record-list>.item>.item-actions{
 flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap
}
#dashboard .hub-record-list>.item button{
 min-height:34px;border-radius:8px;padding:7px 12px;font-size:11px
}
#dashboard .hub-record-list>.empty{
 border:1px solid var(--hub-card-edge);border-radius:var(--hub-card-radius);
 background:var(--hub-card-bg);padding:19px;margin:0
}
#dashboard .hub-search{display:block;position:relative;min-width:0;margin-bottom:13px}
#dashboard .hub-search input{
 box-sizing:border-box;width:100%;min-height:43px;max-width:none;
 border:1px solid #414141;border-radius:9px;background:#282828;
 color:#f3f3f3;padding:9px 13px;font:600 12px/1.4 Manrope,Arial,sans-serif
}
#dashboard .hub-search input::placeholder{color:#aaa;font-weight:500}
#dashboard .hub-search input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#dashboard .hub-filter-empty{
 padding:15px;margin:0;border:1px solid var(--hub-card-edge);
 border-radius:var(--hub-card-radius);color:#aaa;font-size:12px
}
#dashboard .hub-enhanced .list-filter{
 display:flex;flex-direction:column;gap:7px;max-width:270px;margin:0 0 13px;
 color:#aaa;font-size:11px;font-weight:600
}
#dashboard .hub-enhanced .list-filter select,
#dashboard .hub-enhanced .list-filter .axle-select-trigger,
#dashboard .hub-enhanced .list-filter input{
 width:100%;min-height:42px;border:1px solid #414141;border-radius:9px;
 background:#282828;color:#fff;padding:9px 12px;box-sizing:border-box
}
#quotes-section.hub-enhanced{
 display:flex!important;flex-direction:column!important;gap:var(--hub-row-gap);
 align-items:stretch;min-width:0
}
#dashboard #quotes-section.hub-enhanced>.hub-index-grid{
 display:flex!important;flex-direction:column;gap:var(--hub-row-gap);
 margin:0!important
}
#dashboard #quotes-section.hub-enhanced>.hub-index-grid>.panel{
 grid-area:auto!important;grid-row:auto!important;grid-column:auto!important;
 margin:0!important;align-self:stretch
}
#dashboard #quotes-section.hub-enhanced>.hub-settings-panel{
 grid-column:auto!important;grid-row:auto!important;
 min-width:0;margin:0!important
}
#dashboard .hub-settings-panel{
 border:1px solid var(--hub-card-edge);border-radius:var(--hub-card-radius);
 background:var(--hub-card-bg);padding:16px 18px!important
}
#dashboard .hub-settings-disclosure{min-width:0;width:100%;display:block}
#dashboard .hub-settings-disclosure>summary{
 display:flex;justify-content:space-between;align-items:center;
 min-height:35px;gap:12px;list-style:none;cursor:pointer;
 font:700 13px/1.4 Manrope,Arial,sans-serif;color:#f3f3f3
}
#dashboard .hub-settings-disclosure>summary::-webkit-details-marker{display:none}
#dashboard .hub-settings-disclosure>summary::after{
 content:"+";font:500 19px/1 Manrope,Arial,sans-serif;color:#b7b7b7
}
#dashboard .hub-settings-disclosure[open]>summary::after{content:"−"}
#dashboard .hub-settings-disclosure[open]>summary{padding-bottom:13px;margin-bottom:16px;border-bottom:1px solid #353535}
#dashboard .hub-settings-content{display:grid;gap:14px;min-width:0}
#dashboard .hub-settings-content>:is(h2,h3):first-child{display:none}
#dashboard .hub-settings-content .form-stack{min-width:0}
#dashboard .hub-planner{
 display:flex!important;flex-direction:column!important;align-items:stretch;
 gap:var(--hub-row-gap);min-width:0
}
#dashboard .hub-planner>.hub-planner-grid{margin:0!important}
#dashboard .hub-planner-grid>.hub-planner-primary{
 order:0;display:block;min-width:0;min-height:0;align-self:stretch
}
#dashboard .hub-planner-grid>.hub-planner-settings{
 order:1;min-width:0;align-self:stretch
}
#dashboard .hub-planner>.panel{width:100%;margin:0!important;align-self:stretch}
#dashboard .hub-planner #planner-overview{margin-top:13px}
#dashboard .hub-planner :is(#planner-blocks,#planner-unscheduled){max-height:none!important;overflow:visible!important}
#dashboard .hub-workload .workload-explain{
 border:0;background:transparent;padding:0!important;margin:0!important
}
#dashboard .hub-workload .workload-explain h2{font-size:16px;margin-bottom:6px}
#dashboard .hub-workload .workload-explain .muted{max-width:76ch;font-size:11.5px;margin:4px 0}
#dashboard .hub-workload .workload-grid{margin-top:14px}
#dashboard .hub-workload .workload-member{
 border-radius:var(--hub-card-radius);background:var(--hub-card-bg)
}
#dashboard .hub-workload .workload-member h3{font-size:14px}
#dashboard .hub-workload>.panel{margin:0!important}
#dashboard .hub-collections #qbo-panel{
 background:transparent;border:0;padding:0!important
}
#dashboard .hub-collections #qbo-panel>.sectionhead{margin-top:19px}
#dashboard .hub-collections #qbo-panel>.sectionhead:first-child{margin-top:0}
#dashboard .hub-collections #qbo-panel>.pair{max-width:680px}
#dashboard .hub-collections .manual-collections{border-radius:var(--hub-card-radius)}
#dashboard .hub-collections .hub-record-list{margin-top:10px}
#dashboard .hub-overview .overview-metrics .stat{
 background:var(--hub-card-bg);border-color:var(--hub-card-edge);
 border-radius:var(--hub-card-radius)
}
#dashboard .hub-overview .overview-primary>.panel,
#dashboard .hub-overview .overview-more .panel{
 border-radius:var(--hub-card-radius)
}
#dashboard .hub-overview .hub-overview-list>.item{padding-block:11px}
#dashboard .hub-ava .ava-home-sidebar>.panel{
 border-radius:var(--hub-card-radius)
}
#dashboard .hub-settings .settings-overview-grid>.panel,
#dashboard .hub-settings .settings-stack>.panel{
 border-radius:var(--hub-card-radius)
}
@media(max-width:780px){
 #dashboard .hub-record-list>.item{padding:15px 16px!important;gap:10px}
 #dashboard .hub-record-list>.item>.item-actions{margin-left:0}
 #dashboard .hub-list-header .hub-new-button{padding:8px 10px}
 #dashboard .hub-enhanced>.hub-top-editor{padding:16px!important}
 #dashboard .hub-settings-panel{padding:16px!important}
}
@media(max-width:480px){
 #dashboard .hub-record-list>.item>.item-main{flex-basis:100%}
 #dashboard .hub-record-list>.item>.item-actions{width:100%}
 #dashboard .hub-enhanced .hub-list-header{align-items:center}
 #dashboard .hub-list-header .hub-new-button{margin-left:auto}
 #dashboard .hub-search input{min-height:42px}
}
@media(prefers-reduced-motion:reduce){
 #dashboard .hub-record-list>.item{transition:none}
}

/* Navigation invariant: an inactive page must never be made visible by a
   layout-specific display rule. This also protects the authenticated shell. */
#dashboard > section.hidden,
#dashboard > section[hidden]{
 display:none!important
}


/* Clients: the list header provides the New client action.
   Do not leave a second empty Add client accordion in the content panel. */
#dashboard #clients-section.hub-clients .hub-client-editor[hidden]{
 display:none!important
}
#dashboard #clients-section.hub-clients .hub-client-editor>.entry-form-details>summary{
 display:none!important
}
#dashboard #clients-section.hub-clients .hub-client-editor-heading{
 display:flex;justify-content:space-between;align-items:center;
 gap:12px;min-height:36px;margin-bottom:14px;
 padding-bottom:12px;border-bottom:1px solid var(--hub-card-edge)
}
#dashboard #clients-section.hub-clients .hub-client-editor-heading>strong{
 font:750 14px/1.4 Manrope,Arial,sans-serif;color:#fff
}
#dashboard #clients-section.hub-clients .hub-client-editor-heading>.button{
 min-height:34px;padding:7px 12px;border-radius:8px
}
#dashboard #clients-section.hub-clients .hub-client-editor>.entry-form-details[open]>.form-stack{
 margin-top:0
}

/* Shared spacing and accessible-label contract (14 workspace pages).
   Screen-reader labels must stay in the accessibility tree without becoming
   visible headings above search inputs and other compact controls. */
#dashboard .sr-only{
 position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;overflow:hidden!important;
 clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important
}

/* Team Workload: the old panel margin reset suppressed the space before
   Unassigned Work. Use a single container gap rather than stacking margins. */
#dashboard #workload-section.hub-workload{
 display:flex;flex-direction:column;gap:var(--ui-section-gap,14px);min-width:0
}
#dashboard #workload-section.hub-workload > :is(.workload-explain,.workload-grid,.panel){
 margin-block:0!important
}

/* Collections previously combined a 14px panel bottom margin with the
   workspace's 14px next-sibling margin. Keep only one consistent separator. */
#dashboard #collections-section.hub-collections > :is(.panel,.manual-collections){
 margin-bottom:0!important
}

/* List-first page controls and cards follow the same vertical spacing token. */
#dashboard .hub-enhanced .hub-search{
 margin-bottom:var(--ui-section-gap,14px)
}

/* Global new/edit pattern: the original form is the first child of the
   active section, never underneath its records. All content remains in
   document flow; the editor is neither a floating overlay nor a duplicate. */
#dashboard > section.hub-enhanced:not(.hidden):not([hidden]){
 display:flex;flex-direction:column;gap:var(--hub-row-gap)
}
#dashboard .hub-enhanced>.hub-index-grid{
 margin:0!important;min-width:0
}
/* Communications has Mailboxes before its record list. Neither gains an
   extra top margin when the newly inserted editor is collapsed. */
#dashboard .hub-enhanced > #email-intake{margin:0!important}
#dashboard .hub-enhanced>.hub-top-editor{
 width:100%;order:-1;flex:0 0 auto;min-width:0
}
#dashboard .hub-enhanced>.hub-top-editor[hidden]{
 display:none!important
}
#dashboard .hub-enhanced .hub-top-editor-heading{
 display:flex;align-items:center;justify-content:space-between;
 gap:12px;min-height:36px;margin-bottom:14px;
 padding-bottom:12px;border-bottom:1px solid var(--hub-card-edge)
}
#dashboard .hub-enhanced .hub-top-editor-heading>strong{
 font:750 14px/1.4 Manrope,Arial,sans-serif;color:#fff
}
#dashboard .hub-enhanced .hub-top-editor-heading>.button{
 min-height:34px;padding:7px 12px;border-radius:8px
}
#dashboard .hub-enhanced>.hub-top-editor>.entry-form-details>summary{
 display:none!important
}
#dashboard .hub-enhanced>.hub-top-editor>.entry-form-details[open]>.form-stack{
 margin-top:0
}
@media(max-width:780px){
 #dashboard .hub-enhanced>.hub-top-editor{padding:16px!important}
}

/* Ava: keep conversation and the two operational sidebar panels together,
   then give email follow-ups the complete content width underneath. */
#dashboard #ava-section > .ava-email-summary{
 display:block;width:100%;min-width:0;box-sizing:border-box;
 margin:var(--ui-grid-gap,14px) 0 0!important
}
/* Retain the data-bearing panels for Ava's existing readers, but remove
   the visible More from Ava disclosure from the workspace UI. */
#dashboard #ava-section #ava-more{display:none!important}

/* Unified quiet card edges: a priority, unread state or estimate never
   changes the left-hand border thickness or draws a decorative gold stripe.
   Keep gold for primary actions, focus indication and meaningful status text. */
#dashboard .ava-insight[data-severity]{
 border-left-width:1px!important;
 border-left-color:var(--hub-card-edge,#353535)!important
}
#dashboard .estimate-context{
 border-left:1px solid var(--hub-card-edge,#353535)!important;
 border-radius:8px
}
#app .ava-alert-item.unread{
 border-left:1px solid var(--hub-card-edge,#353535)!important;
 padding-left:12px
}
#app #nav button.active{border-left-color:transparent!important}

/* Human-facing status chips use consistent initial capitals; raw status
   values and data attributes remain unchanged for logic and filtering. */
#app :is(.ava-severity,.ava-alert-impact,.pill,.tag,.work-row-state,.priority-tag,.status-tag){
 text-transform:capitalize
}