/* JG dark / pink visual exploration — isolated presentation layer.
   No markup, routes, permissions, storage, or application logic changed. */
:root {
  color-scheme: dark;
  --ink:#F6F4F8; --muted:#A7A0AF; --paper:#131218;
  --surface:#211E27; --surface-soft:#27232E;
  --forest:#1B1820; --forest-2:#19161E;
  --purple:#FF0072; --purple-soft:#3B1932;
  --teal:#C2AEC5; --teal-soft:#27202E;
  --sand:#292430; --sand-light:#211D28;
  --yellow:#FF3998; --yellow-soft:#3A2036;
  --red:#FF728D; --red-soft:#39212F;
  --green:#5FDBAC; --green-soft:#17392F;
  --orange:#FFBA88; --orange-soft:#3A2925;
  --line:#37323F; --line-strong:#514857;
  --accent:#FF0072; --accent-dark:#DF0068; --accent-soft:#3B1932;
  --shadow-sm:0 6px 24px rgba(0,0,0,.16);
  --shadow-md:0 22px 65px rgba(0,0,0,.40);
  --radius-sm:12px; --radius:18px; --radius-lg:24px;
}
html {background:var(--paper);color:var(--ink)}
body {
  color:var(--ink);
  background:
    radial-gradient(ellipse 46rem 34rem at 85% -14%,rgba(191,73,129,.055),transparent 72%),
    radial-gradient(ellipse 38rem 38rem at 47% 58%,rgba(108,75,125,.035),transparent 78%),
    #131218;
}
::selection{background:rgba(255,0,114,.42);color:#FFF}
.sidebar {
  background:linear-gradient(170deg,#222029 0%,#1B1921 55%,#1C1923 100%);
  border-right:1px solid #39333E;
  box-shadow:12px 0 35px rgba(0,0,0,.13);
}
.brand-lockup {border-bottom-color:rgba(255,255,255,.09)}
.brand-mark {
  background:linear-gradient(135deg,#E62B82 4%,#C83C94 58%,#A84899 100%);
  color:white; box-shadow:0 6px 20px rgba(210,49,122,.12);
}
.nav-item{color:#AAA3B2}
.nav-item:hover{background:rgba(255,255,255,.055);color:#FFF}
.nav-item.is-active {
  background:linear-gradient(95deg,rgba(231,66,137,.13),rgba(193,77,152,.04));
  color:#FFF;box-shadow:inset 3px 0 0 #E95A9C,inset 0 0 0 1px rgba(255,104,171,.12);
}
.nav-item.is-active .nav-icon{color:#F18AB7}
.sidebar-note,.sync-card{
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.09);
}
.sidebar-note-title{color:#F9F5FC}
.weight-line,.sync-card small{color:#A9A0B2}
.main-area{background:transparent}
.topbar{
  background:rgba(30,27,36,.9);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.page-heading h1{color:#F9F6FC;letter-spacing:-.035em}
.page-heading p,.panel-subtitle,.section-header p{color:var(--muted)}
.eyebrow,.modal-eyebrow,.section-eyebrow{color:#EF86B4}
.search-box,.fy-switcher select,.select-compact,.segmented,
.field input,.field select,.field textarea,.setting-row input,
.allocation-hours,.allocation-percent,.setting-input-wrap input{
  background:#282430;color:#F8F5FB;border-color:#49414F;
}
input,select,textarea{color:var(--ink)}
input::placeholder,textarea::placeholder,.search-box input::placeholder{color:#817A8B}
select option{background:#282430;color:#F8F5FB}
.search-box input{background:transparent;color:var(--ink)}
.search-box:focus-within,.field input:focus,.field select:focus,.field textarea:focus{
  border-color:#D969A1;box-shadow:0 0 0 3px rgba(255,0,114,.11);
}
.button-primary,.sign-in-button{
  background:linear-gradient(105deg,#DA367F 0%,#CE408C 67%,#B74794 100%);
  color:#FFF;border-color:rgba(255,134,196,.35);
  box-shadow:0 5px 18px rgba(203,59,128,.10);
}
.button-primary:hover{background:linear-gradient(105deg,#E45196,#C94D98);box-shadow:0 8px 24px rgba(210,65,136,.15)}
.button-secondary,.button-quiet,.icon-button,.history-button,.data-action,.setup-password-button{
  background:#2D2834;color:#EAE4F0;border-color:#49404E;
}
.button-secondary:hover,.button-quiet:hover,.icon-button:hover,.data-action:hover{
  background:#37303F;border-color:#72506C;color:#FFF;
}
.button-danger-soft{background:#38202D;color:#FF9AAF}
.link-button{color:#EF86B4}
.kpi-card,.panel,.team-card,.capacity-person-card,.project-section,
.project-card,.settings-card,.setup-group,.worklog-summary,
.recommendation-box,.modal-shell,.data-action,.deadline-item,.profile-capacity-hero,
.metric-status-summary{
  background:linear-gradient(155deg,#25212C 0%,#201D27 100%);
  color:var(--ink);border:1px solid #393440;
  box-shadow:0 8px 24px rgba(0,0,0,.09);
}
.kpi-card{position:relative;overflow:hidden}
.kpi-card::after{opacity:.7}
.kpi-card.is-accent{
  background:linear-gradient(133deg,#5F2D4C 0%,#723255 51%,#4D335B 100%);
  border-color:#77516D;color:#FFF;
}
.kpi-card.is-dark{background:linear-gradient(140deg,#332A39,#25222E);color:#FFF}
.kpi-card.is-accent .kpi-label,.kpi-card.is-accent .kpi-meta,
.kpi-card.is-dark .kpi-label,.kpi-card.is-dark .kpi-meta{color:#E5CFDF}
.kpi-value,.cell-title,.mini-value,.person-name,.metric-value{color:#FCF9FF}
.panel-header,.project-section > summary,.project-card-head,.team-card-head,
.setup-group-header,.modal-header,.modal-footer{
  background:rgba(255,255,255,.017);border-color:var(--line);
}
.project-section[open] > summary{background:rgba(225,114,168,.045)}
.project-section > summary:hover{background:rgba(255,255,255,.035)}
.project-card-list,.project-section-content,.panel-body{background:transparent}
.project-card:hover,.team-card:hover,.capacity-person-card:hover{
  border-color:#665067;box-shadow:0 14px 40px rgba(0,0,0,.2);
}
.data-table{color:var(--ink)}
.data-table th{background:#302A36;color:#BBB2C5;border-color:#413847}
.data-table td{border-color:#322C3B;color:#E4DEEA}
.data-table tbody tr:hover,.logs-overview-row:hover{background:rgba(220,118,163,.045)}
.cell-subtitle,.mini-label,.person-meta,.kpi-meta,.metric-name,
.project-summary-meta,.field-help,.entry-card small{color:#A9A0B2}
.table-wrap{border-color:var(--line)}
.chip,.status-pill,.group-pill,.type-pill,.priority-pill,.capacity-pill,.pill-count,
.logs-chip{border-color:#524052;background:#322938;color:#EBD6EA}
.status-pill.completed,.status-pill.balanced{background:#17392F;color:#77E7BC}
.status-pill.on-hold,.status-pill.paused{background:#3A2925;color:#FFD0A8}
.status-pill.ending-urgent,.priority-pill.urgent,.status-pill.overloaded{background:#42212F;color:#FFA4BA}
.status-pill.active,.status-pill.in-progress{background:#2F1C40;color:#F09BE0}
.group-pill.pond-1,.group-pill.pond-2,.group-pill.pool,
.type-pill.retainer,.type-pill.one-time,.type-pill.pitch,.type-pill.internal{
  background:#2D223A;color:#DCC6FA;
}
.progress-track,.load-meter{background:#322B3B}
.progress-fill,.load-meter > span,.toggle input:checked + .toggle-track{
  background:linear-gradient(90deg,#D6458A,#A957A6);
}
.segmented button{color:#BBB1C1}
.segmented button.is-active,.allocation-presets button.is-active{
  background:linear-gradient(110deg,#713D60,#583C5B);color:#FFF;
}
.avatar{background:#42223D;color:#FFD8EF}
.avatar.pond-2{background:#322542;color:#E8D8FF}
.avatar.pool{background:#233B3C;color:#C7F2E7}
.modal::backdrop{background:rgba(3,2,7,.78)}
.modal-shell{box-shadow:0 32px 90px rgba(0,0,0,.58)}
.notice,.compact-notice{background:#292333;color:#DACFE1;border:1px solid #50405A}
.notice-warning{background:#3A2D22;border-color:#896438;color:#FFE1AC}
.toast{background:#26202F;color:#F6F0F9;border-color:#584463}
.empty-state{color:var(--muted)}
.empty-icon{background:#312338;color:#FF79B9}
.member-row,.setting-row,.metric-row,.entry-card,.logs-list-row,.logs-table th,.logs-table td,
.deadline-item,.fy-year-row,.fy-carry-item{border-color:var(--line)}
.fy-carry-item:hover{background:#292332}
.role-hour-grid > div,.profile-capacity-hero > div,.team-stat,.delivery-card,
.profit-stat-grid > div{background:rgba(255,255,255,.025);border-color:var(--line)}
.logs-table th{color:var(--muted)}
.worklog-summary p,.entry-card p{color:var(--muted)}
/* Deliberately subtle interaction treatment; users with reduced-motion preference are respected. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media(max-width:760px){
 .topbar{background:#15111D}
 .sidebar{background:linear-gradient(150deg,#18111E,#0D0B12)}
}

/* V2: quieter, more tactile spacing and consistent soft corners. */
.sidebar{gap:25px;padding:30px 22px 24px}
.brand-lockup{padding-bottom:22px}
.nav-list{gap:8px}
.nav-item{border-radius:13px;padding:13px 14px}
.sidebar-note,.sync-card{border-radius:16px;padding:17px}
.topbar{padding-top:24px;padding-bottom:24px}
.view-container{padding-top:28px;padding-bottom:36px}
.panel,.team-card,.capacity-person-card,.project-section,.project-card,
.settings-card,.setup-group,.kpi-card,.data-action,.deadline-item,
.worklog-summary,.metric-status-summary{border-radius:20px}
.modal-shell{border-radius:24px}
.panel-header,.panel-body,.team-card,.project-card,.settings-card,
.setup-group,.kpi-card,.capacity-person-card,.worklog-summary{padding:22px}
.kpi-card{padding:24px}
.button,.icon-button,.button-quiet,.button-primary,.button-secondary,
.select-compact,.search-box,.segmented,.fy-switcher select,
.field input,.field select,.field textarea,.setting-row input,
.allocation-hours,.allocation-percent,.setting-input-wrap input{
  border-radius:12px
}
.button{min-height:42px}
.chip,.status-pill,.group-pill,.type-pill,.priority-pill,.capacity-pill,.pill-count{border-radius:9px}
.project-section > summary{border-radius:19px;padding:20px 22px}
.project-section[open] > summary{border-radius:19px 19px 0 0}
.data-table th,.data-table td{padding-top:14px;padding-bottom:14px}
.data-table tbody tr{transition:background .18s ease}
.avatar,.brand-mark{border-radius:13px}
.login-art{background:linear-gradient(145deg,#25202D,#1C1923)}
@media(max-width:760px){
 .sidebar{padding:20px 16px;gap:17px}
 .topbar{padding-top:18px;padding-bottom:18px}
 .view-container{padding-top:18px}
 .panel-header,.panel-body,.team-card,.project-card,.settings-card,
 .setup-group,.kpi-card,.capacity-person-card,.worklog-summary{padding:17px}
}

/* V3: monochrome surfaces; pink is reserved for interaction and focus. */
:root{
 --paper:#111214;--surface:#1D1F22;--surface-soft:#242629;
 --forest:#17181B;--forest-2:#151619;
 --line:#33363A;--line-strong:#45494E;
 --sand:#2B2D30;--sand-light:#242629;
 --teal-soft:#292C30;--purple-soft:#35252E;
 --shadow-sm:0 6px 22px rgba(0,0,0,.14);
}
html,body{background:#111214;color:#F5F5F6}
body{background:#111214}
.sidebar{background:linear-gradient(180deg,#1C1D20,#151619);border-right-color:#333539}
.main-area{background:#111214}
.topbar{background:rgba(24,25,28,.96);border-bottom-color:#35373B}
.brand-mark{background:#303237;color:#FAFAFA;box-shadow:none}
.sidebar-note,.sync-card{background:#222428;border-color:#35373C}
.nav-item{color:#B7B9BF}
.nav-item:hover{background:#282A2E;color:#FFF}
.nav-item.is-active{background:#33232C;box-shadow:inset 3px 0 #ED438F,inset 0 0 0 1px #4A303D;color:#FFF}
.nav-item.is-active .nav-icon{color:#F37BB0}
.eyebrow,.modal-eyebrow,.section-eyebrow{color:#A8AAB0}
.search-box,.fy-switcher select,.select-compact,.segmented,
.field input,.field select,.field textarea,.setting-row input,
.allocation-hours,.allocation-percent,.setting-input-wrap input{
 background:#282A2E;border-color:#45484D;color:#F5F5F6;
}
select option{background:#282A2E}
.button-secondary,.button-quiet,.icon-button,.history-button,.data-action,.setup-password-button{
 background:#292B2F;border-color:#46494E;color:#ECEDEF
}
.button-secondary:hover,.button-quiet:hover,.icon-button:hover,.data-action:hover{
 background:#35373B;border-color:#585C62
}
.kpi-card,.panel,.team-card,.capacity-person-card,.project-section,.project-card,
.settings-card,.setup-group,.worklog-summary,.modal-shell,.data-action,
.deadline-item,.profile-capacity-hero,.metric-status-summary{
 background:#1D1F22;border-color:#36393E;box-shadow:0 8px 24px rgba(0,0,0,.10)
}
.kpi-card.is-accent,.kpi-card.is-dark{background:#26282C;border-color:#3D4045;color:#FFF}
.kpi-card.is-accent .kpi-label,.kpi-card.is-accent .kpi-meta{color:#B4B7BE}
.kpi-card::after,.kpi-card.is-accent::after{opacity:0}
.panel-header,.project-section > summary,.project-card-head,.team-card-head,
.setup-group-header,.modal-header,.modal-footer{background:#242629;border-color:#36393E}
.project-section[open] > summary{background:#292B2E}
.project-section > summary:hover{background:#2B2D31}
.project-card:hover,.team-card:hover,.capacity-person-card:hover{border-color:#585C62}
.data-table th{background:#292B2F;color:#B9BCC1;border-color:#3D4045}
.data-table td{border-color:#36393D}
.data-table tbody tr:hover,.logs-overview-row:hover{background:#282A2E}
.chip,.status-pill,.group-pill,.type-pill,.priority-pill,.capacity-pill,.pill-count,.logs-chip{
 background:#2C2E32;border-color:#44474B;color:#D7D9DC
}
.group-pill.pond-1,.group-pill.pond-2,.group-pill.pool,
.type-pill.retainer,.type-pill.one-time,.type-pill.pitch,.type-pill.internal{
 background:#303237;color:#DDE0E4
}
.progress-track,.load-meter{background:#393B40}
.progress-fill,.load-meter > span{background:#747B83}
.segmented button.is-active,.allocation-presets button.is-active{background:#3B2833;color:#FFF;border-color:#B35B84}
.avatar,.avatar.pond-2,.avatar.pool{background:#383A40;color:#E8EAEE}
.notice,.compact-notice{background:#292B2E;border-color:#43464A;color:#DDE0E4}
.empty-icon{background:#303237;color:#C5C7CC}
.role-hour-grid > div,.profile-capacity-hero > div,.team-stat,.delivery-card,.profit-stat-grid > div{
 background:#25272A;border-color:#36393E
}
.login-art{background:#191A1D}

/* V4 layout: overrides historic square-geometry reset and cramped fixed topbar. */
:root { --radius-sm:12px;--radius:18px;--radius-lg:22px; }
:is(.panel,.team-card,.capacity-person-card,.project-section,.project-card,
.settings-card,.setup-group,.kpi-card,.data-action,.deadline-item,
.worklog-summary,.metric-status-summary,.modal-shell,.notice,.toast,
.search-box,.sidebar-note,.sync-card,.profile-capacity-hero,
.worklog-edit-card,.delivery-grid,.profit-stat-grid,.pill-count,
.recommendation-box,.empty-state) {border-radius:18px !important;}
:is(.button,.icon-button,.history-button,.button-quiet,.button-primary,.button-secondary,
.select-compact,.segmented,.fy-switcher select,.field input,.field select,
.field textarea,.setting-row input,.setting-input-wrap input,.allocation-hours,
.allocation-percent,.allocation-presets button,.toggle-track,.logs-chip,
.search-box input,.setup-password-button) {border-radius:11px !important;}
:is(.chip,.status-pill,.group-pill,.type-pill,.priority-pill,.capacity-pill,.pill-count,
.avatar,.brand-mark,.nav-item,.project-type-mark,.logs-chip){border-radius:10px !important;}
.project-section > summary{border-radius:17px 17px 0 0 !important}
.project-section:not([open]) > summary{border-radius:17px !important}
:is(.progress-track,.progress-fill,.load-meter,.load-meter > span){border-radius:99px !important}
:is(.donut,.donut::after,.sync-dot){border-radius:50% !important}
.panel,.project-section,.team-card,.capacity-person-card,.setup-group,.settings-card,
.project-card,.kpi-card{min-width:0}
.page-heading h1{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word;line-height:1.1}
.page-heading p{line-height:1.5;max-width:680px}
.topbar{box-sizing:border-box;min-width:0;align-items:start}
.topbar-actions{min-width:0}
.search-box{min-width:0}
.topbar-actions .button{white-space:nowrap}
.view-container{min-width:0;box-sizing:border-box}
.panel-header,.section-header,.project-toolbar,.project-summary-left{min-width:0}
.panel-header,.panel-body{padding:22px}
.project-toolbar{gap:12px;padding:16px 18px;flex-wrap:wrap}
.toolbar-group{flex-wrap:wrap;gap:10px;min-width:0}
.project-summary-actions{flex-wrap:wrap;gap:8px}
.member-row{padding:14px 18px;gap:12px;min-width:0}
.data-table th,.data-table td{padding:13px 16px;vertical-align:middle}
.table-wrap{max-width:100%;overflow-x:auto}
.settings-grid,.team-grid,.kpi-grid{min-width:0}
@media(min-width:1181px){
 .topbar{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-areas:"history heading" "actions actions";
  gap:17px 22px!important;
  padding:28px 32px 24px!important;
 }
 .topbar .history-nav{grid-area:history;align-self:start;margin-top:13px}
 .topbar .page-heading{grid-area:heading;min-width:0;max-width:none!important;width:100%}
 .topbar .page-heading h1{font-size:clamp(30px,2.65vw,44px)!important;margin:7px 0 9px}
 .topbar .topbar-actions{
  grid-area:actions;display:flex!important;flex-wrap:wrap!important;
  align-items:end!important;justify-content:flex-start!important;
  width:100%;gap:12px!important;flex:none!important;
  padding-top:17px;border-top:1px solid var(--line);
 }
 .topbar-actions .fy-switcher{width:220px!important;min-width:185px!important;max-width:none!important;flex:0 1 220px!important}
 .topbar-actions .fy-switcher select{width:100%!important;min-width:0!important;max-width:100%!important;text-overflow:ellipsis!important}
 .topbar-actions .session-controls{width:auto!important;min-width:185px!important;max-width:none!important;flex:0 1 auto!important;gap:9px}
 .topbar-actions .session-user{max-width:175px!important;min-width:0}
 .topbar-actions .search-box{flex:1 1 220px;min-width:180px!important;max-width:none!important;width:auto!important}
 .topbar-actions>.button{flex:0 0 auto}
}
@media(min-width:761px) and (max-width:1180px){
 .topbar{display:flex!important;flex-wrap:wrap!important;gap:15px!important;padding:23px 24px!important}
 .topbar .history-nav{flex:0 0 auto;align-self:start;margin-top:9px}
 .topbar .page-heading{flex:1 1 calc(100% - 120px);max-width:none!important;min-width:0}
 .topbar .topbar-actions{flex:1 1 100%;display:flex!important;flex-wrap:wrap!important;width:100%;gap:10px!important;padding-top:14px;border-top:1px solid var(--line)}
 .topbar-actions .fy-switcher{width:215px!important;flex:1 1 180px!important;max-width:280px!important;min-width:0!important}
 .topbar-actions .fy-switcher select{width:100%!important;max-width:100%!important;min-width:0!important}
 .topbar-actions .session-controls{width:auto!important;max-width:none!important;flex:1 1 190px!important;gap:8px}
 .topbar-actions .search-box{flex:2 1 225px;max-width:none!important;min-width:150px!important}
 .topbar-actions>.button{flex:0 0 auto}
}
@media(max-width:760px){
 .topbar{display:flex!important;flex-wrap:wrap!important;gap:12px!important;padding:20px 16px!important}
 .topbar .page-heading{max-width:none!important;min-width:0;flex:1 1 calc(100% - 55px)}
 .topbar .page-heading h1{font-size:clamp(24px,6vw,32px)!important}
 .topbar .topbar-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;width:100%}
 .topbar-actions .fy-switcher,.topbar-actions .session-controls{width:100%!important;max-width:none!important;min-width:0!important;flex:1 1 100%!important}
 .topbar-actions .fy-switcher select{width:100%!important;max-width:100%!important;min-width:0!important}
 .topbar-actions .search-box{width:100%!important;min-width:0!important;max-width:none!important;flex:1 1 100%!important}
 .topbar-actions>.button{flex:1 1 auto}
 .view-container{padding:18px 14px 34px!important}
 .panel-header,.panel-body{padding:17px!important}
 .project-toolbar{padding:14px;gap:9px}
 .toolbar-group{flex-wrap:wrap!important}
 .project-summary-actions{flex-wrap:wrap!important}
}

/* V5 — dashboard data visibility, status layout and form contrast. */
.progress-track{display:block;min-width:0;width:100%;overflow:hidden;background:#3A3D42!important;height:9px}
.progress-track .progress-fill{
 display:block!important;height:100%!important;min-width:0;
 background:#9399A2!important;opacity:1!important;
 transition:width 300ms ease;
}
.progress-track .progress-fill:is(.forest,.teal,.yellow,.red){background:#9399A2!important}
.metric-row{grid-template-columns:minmax(130px,.8fr) minmax(100px,1.4fr) minmax(235px,1fr);gap:18px;min-width:0}
.metric-row:has(> .metric-value){grid-template-columns:minmax(135px,.85fr) minmax(100px,1.65fr) minmax(55px,.3fr)}
.metric-row .metric-name{min-width:0;overflow-wrap:anywhere}
.metric-row .metric-value{white-space:nowrap}
.metric-status-summary{
 min-width:0;width:100%;display:grid!important;
 grid-template-columns:40px minmax(0,1fr)!important;
 grid-template-rows:repeat(3,minmax(22px,auto));
 gap:4px 14px!important;align-items:center!important;
 padding:12px 14px!important;border:1px solid #41444A!important;
 border-radius:15px!important;white-space:normal!important;
 background:#222428!important;font-size:11px;line-height:1.35;
}
.metric-status-summary .metric-total{
 grid-column:1;grid-row:1 / span 3!important;
 display:flex;align-items:center;justify-content:center;min-width:0;
 font-size:20px;line-height:1.2;
}
.metric-status-summary span{
 grid-column:2;display:grid!important;
 grid-template-columns:24px minmax(0,1fr);gap:8px!important;
 align-items:center;justify-content:initial!important;
 white-space:nowrap;min-width:0;
}
.metric-status-summary b{font-variant-numeric:tabular-nums;text-align:right}
@media(max-width:1250px){
 .metric-row{grid-template-columns:minmax(95px,.8fr) minmax(75px,1.2fr) minmax(205px,1fr);gap:11px}
}
@media(max-width:900px){
 .metric-row{grid-template-columns:minmax(95px,1fr) minmax(75px,1.4fr)!important;gap:10px}
 .metric-row .metric-status-summary{grid-column:1 / -1}
 .metric-row:has(> .metric-value){grid-template-columns:minmax(95px,1fr) minmax(75px,1.4fr) 60px!important}
}
@media(max-width:560px){
 .metric-row:has(> .metric-value){grid-template-columns:minmax(0,1fr) minmax(85px,1fr) 52px!important}
 .metric-row .metric-name{font-size:11px}
 .metric-status-summary{grid-template-columns:36px minmax(0,1fr)!important}
}
/* No default-browser white controls in dark modal/forms. */
.modal,.modal-shell,.modal-body,.modal-header,.modal-footer{color:#F4F4F6}
.modal .field label,.modal .field-label,.modal .mini-label,
.modal .allocation-field .field-help,.modal .field-help,
.modal .recommendation-box h4,.modal .recommendation-chip,
.modal .allocation-hours span,.modal .setting-input-wrap small{
 color:#BFC2C9!important;
}
.modal :is(input,select,textarea),
.field :is(input,select,textarea),.setting-row input,
.allocation-hours input,.allocation-percent input,.setting-input-wrap input{
 background:#282A2E!important;color:#F7F7F8!important;
 border-color:#52565D;
}
.modal :is(input,textarea)::placeholder,.field :is(input,textarea)::placeholder{
 color:#A1A5AD!important;opacity:1;
}
.modal select option,.field select option{background:#282A2E!important;color:#F7F7F8!important}
.allocation-hours,.allocation-percent,.setting-input-wrap{background:#282A2E!important;border-color:#52565D!important}
.allocation-hours input.is-custom-value{background:#313038!important;color:#FFF!important}
.allocation-hours span,.allocation-percent span,.setting-input-wrap small{
 background:#303237!important;color:#D0D3D9!important;border-color:#52565D!important;
}
.allocation-presets button{
 background:#303237!important;color:#F1F2F5!important;
 border:1px solid #50545B!important;
 border-radius:10px!important;
}
.allocation-presets button:hover{background:#41444A!important;border-color:#B06A8B!important}
.allocation-presets button.is-active,
.allocation-presets button.is-active:hover{
 background:#63354D!important;border:2px solid #F04291!important;color:#FFF!important;
}
.recommendation-box{background:#24252A!important;border-color:#41434A!important}
.recommendation-chip{
 background:#303238!important;border:1px solid #51545C!important;
 color:#EBEDF0!important;border-radius:10px!important;
}
.recommendation-list{gap:8px}
.field-help,.allocation-field .field-help{color:#AFB3BB!important}
.modal .field label,.modal .field-label{color:#CBCDD2!important}
.modal .field input:focus,.modal .field select:focus,.modal .field textarea:focus{
 border-color:#F04291!important;outline-color:#F04291;
}

/* Approved JG monochromatic project-distribution palette. */
.donut-wrap{--forest:#FF0072;--purple:#CD005C;--teal:#9A426D;--orange:#F47EAD}

/* Approved JUMPINGGOOSE wordmark replaces the text lockup across app sidebars. */
.sidebar .brand-lockup{
 display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
 gap:6px;padding:4px 6px 22px;
}
.sidebar .brand-lockup::before{
 content:"";display:block;width:100%;height:31px;
 background-image:url("jg-logo.svg");background-repeat:no-repeat;
 background-position:left center;background-size:contain;
 filter:invert(1);
}
.sidebar .brand-lockup .brand-mark,
.sidebar .brand-lockup .brand-name{display:none!important}
.sidebar .brand-lockup>div:not(.brand-mark){width:100%;min-width:0}
.sidebar .brand-lockup .brand-subtitle{
 margin:0;color:#AEB0B6;font-size:10px;letter-spacing:.11em;
}