/* v0.7.7: a visible, shared Aventis palette on the Stripe-style white canvas.
   Subject colors describe information, while badges retain workflow meanings.
   Explicit tone classes may be used on a section to override its module color. */
:root{
  --aventis-cobalt:#2563eb;--aventis-cobalt-soft:#edf3ff;--aventis-cobalt-line:#d6e3ff;
  --aventis-indigo:#5b4fc4;--aventis-indigo-soft:#f0edff;--aventis-indigo-line:#dcd6f5;
  --aventis-teal:#0f737a;--aventis-teal-soft:#e9f6f5;--aventis-teal-line:#cce7e5;
}
.app-shell{--workspace-accent:var(--aventis-cobalt);--workspace-soft:var(--aventis-cobalt-soft);--workspace-line:var(--aventis-cobalt-line)}
.app-shell[data-workspace="indigo"]{--workspace-accent:var(--aventis-indigo);--workspace-soft:var(--aventis-indigo-soft);--workspace-line:var(--aventis-indigo-line)}
.app-shell[data-workspace="teal"]{--workspace-accent:var(--aventis-teal);--workspace-soft:var(--aventis-teal-soft);--workspace-line:var(--aventis-teal-line)}
.tone-cobalt{--tone:var(--aventis-cobalt);--tone-soft:var(--aventis-cobalt-soft);--tone-line:var(--aventis-cobalt-line)}
.tone-indigo{--tone:var(--aventis-indigo);--tone-soft:var(--aventis-indigo-soft);--tone-line:var(--aventis-indigo-line)}
.tone-teal{--tone:var(--aventis-teal);--tone-soft:var(--aventis-teal-soft);--tone-line:var(--aventis-teal-line)}

/* Every navigation item identifies its module, including on the overview. */
[data-accent="cobalt"]{--nav-accent:var(--aventis-cobalt);--nav-soft:var(--aventis-cobalt-soft)}
[data-accent="indigo"]{--nav-accent:var(--aventis-indigo);--nav-soft:var(--aventis-indigo-soft)}
[data-accent="teal"]{--nav-accent:var(--aventis-teal);--nav-soft:var(--aventis-teal-soft)}
.side-nav a{gap:9px;min-height:39px;padding-top:6px;padding-bottom:6px}
.side-nav .nav-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:6px;background:var(--nav-soft);color:var(--nav-accent)}
.side-nav .nav-icon .icon{width:15px;height:15px;stroke:currentColor}
.side-nav a.active{background:var(--aventis-cobalt-soft);color:var(--aventis-cobalt)}
.side-nav a.active .nav-icon{background:#dce7ff;color:var(--aventis-cobalt)}
.secondary-nav a{gap:8px;min-height:32px}
.secondary-nav a[data-accent]::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:2px;background:var(--nav-accent)}
.secondary-nav a.active::before{background:var(--aventis-cobalt)}
.brand-home .brand-symbol{color:var(--aventis-cobalt)}
.top-avatar{background:var(--workspace-soft);color:var(--workspace-accent)}

/* A clear module introduction, followed by open white working space. */
.app-shell .page-heading-row{
  background:var(--workspace-soft);border-left:3px solid var(--workspace-accent);
  border-radius:0 7px 7px 0;padding:21px 22px;margin-bottom:29px;
}
.app-shell .page-heading h1{color:var(--ink);font-size:26px}
.app-shell .page-heading .breadcrumb{color:#46566e}
.app-shell .page-context{color:#46566e;max-width:100%}
.app-shell .page-heading-row .deal-actions{flex-wrap:wrap}
.app-shell .content :is(.premium-head,.panel-head,.collection-heading,.detail-heading,.form-header,.form-section-title){
  background:var(--tone-soft,var(--workspace-soft));
  border:0;border-left:3px solid var(--tone,var(--workspace-accent));
  border-radius:0 5px 5px 0;padding:12px 14px;min-width:0;box-sizing:border-box;
}
.app-shell .content :is(.premium-head,.panel-head,.collection-heading,.detail-heading)>div{min-width:0}
.app-shell .content :is(.premium-head,.panel-head,.collection-heading,.detail-heading,.form-header,.form-section-title) :is(h2,h3){
  color:var(--tone,var(--workspace-accent));line-height:1.5;overflow-wrap:anywhere;
}
.app-shell .content :is(.premium-head,.panel-head,.collection-heading,.detail-heading,.form-header,.form-section-title) :is(p,.section-subtitle){color:#46566e}
.app-shell .content :is(.premium-head,.panel-head,.collection-heading,.detail-heading)>h2{margin:0}
.app-shell .form-header{margin-bottom:0;padding:18px 19px}
.app-shell .form-header h2{margin:0}
.app-shell .form-header p{margin:5px 0 0}
.app-shell .form-section-title{margin-bottom:18px}

/* Tables, entity marks and fine rules add identity without a colored body. */
.app-shell .content :is(th,.premium-table th){
  background:var(--tone-soft,var(--workspace-soft));color:#46566e;
  border-bottom-color:var(--tone-line,var(--workspace-line));
}
.app-shell .content th:first-child{padding-left:12px}
.app-shell .content th:last-child{padding-right:12px}
.app-shell .table-wrap{border-top-color:var(--tone-line,var(--workspace-line))}
.app-shell .entity-monogram{
  background:var(--tone-soft,var(--workspace-soft));color:var(--tone,var(--workspace-accent));
}
.app-shell .collection-meta{color:#596981}
.app-shell .mini-progress{background:var(--tone-soft,var(--workspace-soft))}
.app-shell .mini-progress i{background:var(--tone,var(--workspace-accent))}
.app-shell .deal-context,.app-shell .overview-rail{border-left-color:var(--tone-line,var(--workspace-line))}
.app-shell .activity-dot{background:var(--tone,var(--workspace-accent));box-shadow:0 0 0 4px var(--tone-soft,var(--workspace-soft))}
.app-shell .match-card{border-top:3px solid var(--aventis-indigo)}
.app-shell .match-card-head{background:var(--aventis-indigo-soft)}

/* Explicit subject metrics receive a colored rule, retaining the open layout. */
.app-shell .command-card:is(.tone-teal,.tone-indigo,.tone-cobalt){border-top:2px solid var(--tone);padding-top:12px}
.app-shell .command-card:is(.tone-teal,.tone-indigo,.tone-cobalt)>strong{color:var(--tone)}

/* Security and debt keep their own identity even within another module. */
.subject-section .subject-heading{padding-top:13px;padding-bottom:13px}
.subject-section .subject-heading h3{font-size:13px}

/* Standalone account screens use the same white foundation and two accents. */
.login-card{border-top:3px solid var(--aventis-cobalt);overflow:hidden}
.login-card .login-brand{
  background:var(--aventis-cobalt-soft);border-left:3px solid var(--aventis-cobalt);
  border-radius:0 6px 6px 0;padding:17px 16px;margin-bottom:24px;
}
.login-card .brand-mark{background:var(--aventis-cobalt);color:#fff}
.login-card .login-secondary{border-top:1px solid var(--aventis-teal-line);color:#46566e}
.register-card .login-brand{background:var(--aventis-teal-soft);border-left-color:var(--aventis-teal)}
.register-card .login-brand .brand-mark{background:var(--aventis-teal)}

@media(max-width:900px){
  .app-shell .page-heading-row{padding:19px 19px}
}
@media(max-width:650px){
  .app-shell .page-heading-row{padding:17px 16px;margin-bottom:24px;gap:15px;align-items:flex-start}
  .app-shell .page-heading h1{font-size:24px}
  .app-shell .page-context{width:100%}
  .app-shell .content :is(.premium-head,.panel-head,.collection-heading,.detail-heading,.form-section-title){padding:12px;gap:12px}
  .app-shell .content :is(.premium-head,.panel-head,.collection-heading,.detail-heading){flex-wrap:wrap}
  .app-shell .form-header{padding:16px}
  .login-card .login-brand{padding:16px 13px}
}
@media print{
  .app-shell .page-heading-row{background:#fff;padding:0 0 12px 12px;border-radius:0}
  .app-shell .content :is(.premium-head,.panel-head,.collection-heading,.detail-heading,.form-header,.form-section-title){break-inside:avoid}
  .app-shell .content :is(.premium-head,.panel-head,.collection-heading,.detail-heading,.form-header,.form-section-title,th){print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .app-shell .activity-dot{box-shadow:none}
}