/* =============================================================
   AVANZA Life OS 8.2 — final polish pass
   Notes summaries, strict sidebar accordion, light mobile button,
   risk metadata and full-width project Kanban.
   ============================================================= */

/* Light topbar mobile trigger belongs to the light surface, not the dark rail. */
html[data-theme="light"] .mobile-menu{
  background:#fff!important;
  color:var(--light-text,#17233b)!important;
  border:1px solid var(--light-border,#e3e8f1)!important;
  box-shadow:0 5px 14px rgba(27,43,73,.06)!important;
}
html[data-theme="light"] .mobile-menu:hover{
  background:color-mix(in srgb,var(--primary) 5%,#fff)!important;
  color:var(--primary)!important;
  border-color:color-mix(in srgb,var(--primary) 20%,var(--light-border,#e3e8f1))!important;
}

/* Sidebar is a true accordion: only one group is visually expanded. */
.nav-submenu:not(.open){max-height:0!important;opacity:0!important;pointer-events:none!important;margin-top:0!important;margin-bottom:0!important;}
.nav-submenu.open{opacity:1!important;pointer-events:auto!important;}
.nav-parent.open{position:relative!important;}
.nav-parent.open:after{content:"";position:absolute;left:10px;right:10px;bottom:1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 35%,transparent),transparent);opacity:.65;}

/* Note list: excerpts are plain text, with enough rhythm to scan. */
.note-list-item p{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;line-height:1.45!important;min-height:2.8em!important;}
html[data-theme="light"] .note-list-item p{color:#6b7890!important;}

/* Risk registry: metadata reads like compact human information instead of debug text. */
.risk-meta{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin:8px 0 7px!important;}
.risk-meta>span{min-height:25px!important;padding:4px 8px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;background:color-mix(in srgb,var(--primary) 6%,var(--surface-input))!important;border:1px solid var(--line)!important;color:var(--ink-3)!important;font-size:var(--fs-xs)!important;line-height:1!important;}
.risk-meta>span i{font-size:14px!important;color:var(--primary)!important;}
.risk-meta .risk-date-pill{background:color-mix(in srgb,var(--warning) 8%,var(--surface-input))!important;border-color:color-mix(in srgb,var(--warning) 18%,var(--line))!important;}
.risk-meta .risk-date-pill i{color:var(--warning)!important;}
.risk-meta .risk-date-pill b{font-weight:750!important;color:var(--ink-2)!important;}
html[data-theme="light"] .risk-meta>span{background:#f8fafc!important;border-color:#e5eaf2!important;color:#667085!important;}
html[data-theme="light"] .risk-meta .risk-date-pill{background:#fff9ed!important;border-color:#f8e4b8!important;color:#6c5b39!important;}

/* Project page: give the Kanban the stage. Summary cards move into a compact top strip. */
body[data-page="project"] .content{max-width:min(1900px,var(--content-max-width))!important;padding-inline:clamp(18px,2.2vw,34px)!important;}
body[data-page="project"] .project-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
body[data-page="project"] .project-layout>section{min-width:0!important;order:2!important;}
body[data-page="project"] .project-layout>.dashboard-secondary{
  order:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  margin-bottom:2px!important;
}
body[data-page="project"] .project-layout>.dashboard-secondary>.panel{
  min-height:132px!important;
  padding:15px 16px!important;
}
body[data-page="project"] .project-layout>.dashboard-secondary .quote-card{min-height:58px!important;display:flex!important;align-items:center!important;}
body[data-page="project"] .project-member-mini-list{max-height:74px!important;overflow:auto!important;display:grid!important;gap:6px!important;}
body[data-page="project"] .project-member-mini{min-height:42px!important;}

body[data-page="project"] .kanban-toolbar{
  display:grid!important;
  grid-template-columns:auto minmax(360px,650px)!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:4px 0 10px!important;
}
body[data-page="project"] .kanban-toolbar .filters{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(170px,230px) 42px!important;gap:8px!important;align-items:center!important;}
body[data-page="project"] .kanban-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:1px 2px 15px!important;
  border-radius:18px!important;
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--primary) 72%,var(--secondary)) color-mix(in srgb,var(--line) 70%,transparent)!important;
}
body[data-page="project"] .kanban{
  width:max-content!important;
  min-width:100%!important;
  display:flex!important;
  gap:14px!important;
  align-items:stretch!important;
}
body[data-page="project"] .kanban-col{
  flex:0 0 clamp(310px,20vw,360px)!important;
  min-width:310px!important;
  max-width:360px!important;
  min-height:540px!important;
  border-radius:17px!important;
}
body[data-page="project"] .kanban-head{min-height:50px!important;padding:12px 13px 10px!important;}
body[data-page="project"] .kanban-head strong{font-size:var(--fs-sm)!important;}
body[data-page="project"] .kanban-list{padding:0 10px 10px!important;}
body[data-page="project"] .task-card{padding:12px!important;}
body[data-page="project"] .task-card h4{font-size:var(--fs-sm)!important;line-height:1.35!important;}
body[data-page="project"] .task-card p{font-size:var(--fs-xs)!important;line-height:1.48!important;}
body[data-page="project"] .add-card-btn{margin:0 10px 10px!important;width:calc(100% - 20px)!important;}

html[data-theme="light"] body[data-page="project"] .kanban-wrap{
  background:linear-gradient(180deg,rgba(248,250,253,.74),rgba(255,255,255,.34))!important;
  border:1px solid #e6ebf3!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
html[data-theme="light"] body[data-page="project"] .kanban-col{
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
  border-color:#dfe6ef!important;
  box-shadow:0 10px 28px rgba(32,50,82,.045)!important;
}

/* Human dates should not look like tiny debug metadata. */
[data-human-date],.risk-meta,.note-list-item small,.task-card-footer,.project-metrics{font-variant-numeric:tabular-nums;}
.note-list-item small{line-height:1.4!important;}

@media(max-width:1180px){
  body[data-page="project"] .project-layout>.dashboard-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body[data-page="project"] .project-layout>.dashboard-secondary>.panel:last-child{grid-column:1/-1!important;}
  body[data-page="project"] .kanban-toolbar{grid-template-columns:1fr!important;}
  body[data-page="project"] .kanban-toolbar .filters{grid-template-columns:minmax(0,1fr) minmax(160px,220px) 42px!important;}
}
@media(max-width:760px){
  body[data-page="project"] .project-layout>.dashboard-secondary{grid-template-columns:1fr!important;}
  body[data-page="project"] .project-layout>.dashboard-secondary>.panel:last-child{grid-column:auto!important;}
  body[data-page="project"] .kanban-toolbar .filters{grid-template-columns:1fr 1fr 42px!important;}
  body[data-page="project"] .search-inline{grid-column:1/-1!important;}
  body[data-page="project"] .kanban-col{flex-basis:86vw!important;min-width:86vw!important;max-width:86vw!important;}
}