.commercial-shell{min-height:100vh;display:grid;place-items:center;padding:48px 20px;background:#f4f8f6;color:#102724}.commercial-shell.applicant{background:linear-gradient(180deg,#eef6f3,#f8fbfa)}.commercial-card{width:min(100%,640px);padding:42px;border:1px solid #dce8e4;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(8,46,41,.08)}.commercial-card.wide{width:min(100%,900px)}.commercial-card.portal{width:min(100%,820px)}.commercial-card h1{margin:18px 0 12px;font:700 clamp(34px,5vw,58px)/1 "Manrope",sans-serif;letter-spacing:-.05em}.commercial-card>p{color:#6b7d78;line-height:1.65}.commercial-kicker{display:inline-block;margin-top:34px;color:#55716b;font-size:10px;font-weight:800;letter-spacing:.15em}.commercial-form{display:grid;gap:16px;margin-top:28px}.commercial-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.commercial-form input,.commercial-form select,.commercial-form textarea{width:100%;border:1px solid #dce8e4;border-radius:9px;background:#fff;padding:12px 13px;font:inherit}.commercial-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.commercial-top{display:flex;justify-content:space-between;align-items:center}.application-status{display:flex;justify-content:space-between;align-items:center;margin:28px 0;padding:16px 18px;border-radius:12px;background:#0d3431;color:#fff}.application-status span{font-size:13px;font-weight:700}.application-status b{color:var(--xc-brand-light)}.application-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.application-timeline>div{display:flex;align-items:center;gap:8px;color:#9aa9a5;font-size:10px}.application-timeline i{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#e8efed;font-style:normal;font-weight:800}.application-timeline .done{color:#1a695e}.application-timeline .done i{background:var(--xc-brand-light);color:#0d3431}.commercial-panel{padding:24px;border:1px solid #dce8e4;border-radius:12px}.commercial-panel h2{margin:0 0 8px;font-size:17px}.commercial-panel p{color:#6b7d78;line-height:1.6}.commercial-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.commercial-meta span{padding:14px;border-radius:10px;background:#f6f9f8;color:#7a8c87;font-size:10px}.commercial-meta b{display:block;margin-top:4px;color:#213d38;font-size:12px}.platform-admin{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:#f5f8f7;color:#102724}.platform-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 22px;background:#0b302d;color:#fff}.platform-sidebar .brand-copy strong{color:#fff}.platform-sidebar nav{display:grid;gap:6px;margin-top:48px}.platform-sidebar nav button{padding:12px 13px;border:0;border-radius:8px;background:transparent;color:#9cb0ab;text-align:left;font:inherit;cursor:pointer}.platform-sidebar nav button.active{background:rgba(202,255,89,.1);color:var(--xc-brand-light)}.platform-admin-user{margin-top:auto;display:grid;gap:6px}.platform-admin-user small{color:#7e9791;font-size:9px}.platform-admin-user strong{font-size:12px}.platform-admin-user button{width:max-content;padding:0;border:0;background:transparent;color:var(--xc-brand-light);font:inherit;font-size:11px;cursor:pointer}.platform-main{padding:42px}.platform-main header span{color:#68807a;font-size:9px;font-weight:800;letter-spacing:.14em}.platform-main header h1{margin:8px 0 0;font:700 42px/1 "Manrope",sans-serif;letter-spacing:-.045em}.platform-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:30px 0}.platform-metrics article{padding:18px;border:1px solid #dce8e4;border-radius:11px;background:#fff}.platform-metrics span{display:block;color:#7d8e89;font-size:9px}.platform-metrics b{display:block;margin-top:10px;font-size:25px}.platform-list{display:grid;gap:12px}.platform-row{padding:22px;border:1px solid #dce8e4;border-radius:13px;background:#fff}.platform-row-main{display:flex;justify-content:space-between;gap:20px}.platform-row small{color:#77918a;font-size:9px;font-weight:800}.platform-row h3{margin:5px 0;font-size:18px}.platform-row p{margin:0;color:#71827e;font-size:11px}.platform-payment{height:max-content;padding:6px 9px;border-radius:999px;background:#eff5f3;color:#47655f;font-size:9px;font-weight:700}.platform-row-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #e6eeeb}.platform-row-details span{color:#889994;font-size:9px}.platform-row-details b{display:block;margin-top:3px;color:#405d57;font-size:11px}.platform-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.platform-actions button{padding:8px 10px;border:1px solid #d7e4e0;border-radius:7px;background:#fff;color:#31544d;font:inherit;font-size:10px;cursor:pointer}.platform-actions .primary-admin{border-color:#0d3431;background:#0d3431;color:#fff}@media(max-width:900px){.platform-admin{grid-template-columns:1fr}.platform-sidebar{position:static;height:auto}.platform-sidebar nav{display:flex;margin-top:24px}.platform-admin-user{margin-top:24px}.platform-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.commercial-card{padding:26px}.commercial-grid.two,.commercial-meta{grid-template-columns:1fr}.application-timeline{grid-template-columns:1fr 1fr}.platform-main{padding:24px 14px}.platform-metrics{grid-template-columns:repeat(2,1fr)}.platform-row-main{flex-direction:column}.platform-row-details{grid-template-columns:1fr 1fr}}
.company-limits{margin-top:16px;padding-top:14px;border-top:1px solid #e6eeeb}.company-limits summary{cursor:pointer;color:#31544d;font-size:10px;font-weight:800}.company-limit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.company-limit-grid label{display:grid;gap:5px;color:#7f918c;font-size:9px}.company-limit-grid input{min-width:0;padding:9px 10px;border:1px solid #dce8e4;border-radius:7px;background:#fff;color:#294940;font:inherit;font-size:10px}.company-limits .platform-actions{align-items:center}.company-limits .platform-actions small{font-weight:500;color:#80918d}@media(max-width:1100px){.company-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.company-limit-grid{grid-template-columns:1fr}}

.platform-login-shell{background:linear-gradient(145deg,#071f1d,#0d3431 48%,#eef6f3 48%,#f8fbfa)}
.platform-login-card{width:min(100%,620px)}
.platform-login-card h1{font-size:clamp(34px,5vw,54px)}
.platform-login-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.platform-login-card .security-note{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:12px 14px;border:1px solid #dce8e4;border-radius:9px;background:#f6f9f8;color:#617772;font-size:11px}
.platform-login-card .security-note strong{color:#173d38}
@media(max-width:620px){.platform-login-shell{background:#f4f8f6}.platform-login-links{align-items:flex-start;flex-direction:column}}

.platform-plan-list{display:grid;gap:18px}
.plan-card{align-items:stretch}
.plan-settings-grid{margin-top:16px}
.plan-settings-grid select,.plan-settings-grid input,.plan-description textarea{width:100%}
.plan-description{display:grid;gap:7px;margin-top:14px;font-size:11px;font-weight:700;color:#31433f}
.plan-description textarea{min-height:90px;resize:vertical;border:1px solid #d8e3df;border-radius:8px;padding:10px 12px;font:inherit;background:#fff;color:#12211e}

.company-subscription{margin-top:12px}
.company-subscription summary{cursor:pointer;font-weight:700}
.company-subscription .company-limit-grid{margin-top:12px}

.company-health-summary{display:flex;align-items:flex-end;flex-direction:column;gap:6px}
.usage-health{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.usage-health.normal{background:#e8f5ef;color:#18724d}
.usage-health.warning{background:#fff3d6;color:#8a6300}
.usage-health.critical{background:#fde7e7;color:#a52626}


/* Commercial control center refresh — 2026-09-24 */
.platform-admin{
  --platform-ink:#102724;
  --platform-muted:#70847f;
  --platform-line:#dce7e3;
  --platform-soft:#f3f7f5;
  --platform-brand:#0b302d;
  --platform-accent:var(--xc-brand-light);
  grid-template-columns:272px minmax(0,1fr);
  background:#f2f6f4;
}
.platform-sidebar{
  width:272px;
  padding:26px 18px 20px;
  border-right:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 18% 8%,rgba(202,255,89,.08),transparent 26%),
    linear-gradient(180deg,#082725 0%,#0b302d 56%,#092724 100%);
}
.platform-sidebar-brand{display:grid;gap:10px;padding:2px 8px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.platform-sidebar-brand>span{color:#77938d;font-size:8px;font-weight:800;letter-spacing:.18em}
.platform-nav-label{margin:28px 10px 8px;color:#607e78;font-size:8px;font-weight:800;letter-spacing:.16em}
.platform-sidebar nav{gap:4px;margin-top:0}
.platform-sidebar nav button{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:44px;padding:0 10px;border:1px solid transparent;border-radius:10px;
  color:#a8bbb7;transition:.18s ease;
}
.platform-sidebar nav button>span{display:flex;align-items:center;gap:10px}
.platform-sidebar nav button>b{display:grid;min-width:24px;height:22px;place-items:center;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.055);color:#809791;font-size:9px}
.platform-sidebar nav button:hover{color:#fff;background:rgba(255,255,255,.035)}
.platform-sidebar nav button.active{border-color:rgba(202,255,89,.14);background:rgba(202,255,89,.10);color:#f4ffe1}
.platform-sidebar nav button.active .nav-dot{background:var(--platform-accent);box-shadow:0 0 0 4px rgba(202,255,89,.08)}
.platform-sidebar nav button.active>b{background:var(--platform-accent);color:#17342f}
.nav-dot{width:7px;height:7px;border-radius:50%;background:#68827c;transition:.18s ease}
.platform-sidebar-note{margin-top:22px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}
.platform-sidebar-note span{color:#b9cec9;font-size:9px;font-weight:800}
.platform-sidebar-note p{margin:6px 0 0;color:#708b85;font-size:9px;line-height:1.55}
.platform-admin-user{padding:16px 10px 4px;border-top:1px solid rgba(255,255,255,.08)}
.platform-admin-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.platform-main{max-width:1500px;width:100%;padding:38px 44px 64px;margin:0 auto}
.platform-main-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
.platform-main-header>div:first-child{max-width:760px}
.platform-main header h1{margin-top:10px;font-size:clamp(34px,4vw,52px);line-height:.96}
.platform-main header p{max-width:720px;margin:12px 0 0;color:#71847f;font-size:12px;line-height:1.65}
.platform-header-state{display:flex;align-items:center;gap:10px;margin-top:4px;padding:10px 13px;border:1px solid var(--platform-line);border-radius:11px;background:#fff;box-shadow:0 8px 24px rgba(25,61,54,.035)}
.platform-header-state>i{width:8px;height:8px;border-radius:50%;background:#3fba78;box-shadow:0 0 0 4px #e6f7ee}
.platform-header-state div{display:grid;gap:1px}
.platform-header-state small{color:#8ca09b;font-size:7px;font-weight:800;letter-spacing:.12em}
.platform-header-state strong{font-size:10px}
.platform-metrics{grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin:28px 0 24px}
.platform-metrics article{
  min-height:112px;padding:18px 17px;border-color:#dfe9e5;border-radius:14px;
  box-shadow:0 5px 18px rgba(20,57,50,.025);
}
.platform-metrics article.metric-primary{background:linear-gradient(145deg,#103b37,#0b302d);border-color:#0b302d;color:#fff}
.platform-metrics article.metric-attention{background:#fbfff2;border-color:#ddebba}
.platform-metrics article.metric-primary span,.platform-metrics article.metric-primary small{color:#94b1ab}
.platform-metrics article.metric-primary b{color:#d9ff85}
.platform-metrics article.metric-attention b{color:#6e861f}
.platform-metrics span{font-size:9px;font-weight:700}
.platform-metrics b{margin-top:8px;font:700 28px/1 "Manrope",sans-serif;letter-spacing:-.04em}
.platform-metrics small{display:block;margin-top:15px;color:#9aaba6;font-size:8px}
.platform-list{gap:14px}
.platform-row{
  position:relative;padding:20px 20px 18px;border-color:#dfe9e5;border-radius:15px;
  box-shadow:0 6px 20px rgba(18,54,47,.025);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.platform-row:hover{transform:translateY(-1px);border-color:#ccddd7;box-shadow:0 12px 30px rgba(18,54,47,.055)}
.application-card:before,.company-card:before,.plan-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;background:#d8e4e0}
.application-card.status-under-review:before,.application-card.status-demo-scheduled:before,.application-card.status-demo-completed:before{background:#d4a62b}
.application-card.status-approved:before,.application-card.status-paid:before,.application-card.status-activated:before,.company-card:before,.plan-active:before{background:#2e9e69}
.application-card.status-rejected:before,.application-card.status-cancelled:before,.plan-inactive:before{background:#c85c5c}
.platform-company-head{display:flex;align-items:flex-start;gap:12px}
.company-avatar{
  display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border-radius:11px;
  background:#edf4f1;color:#244b43;font-size:10px;font-weight:800;letter-spacing:.03em
}
.application-status-chip{display:inline-flex!important;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:#eff4f2;color:#6c817c!important;font-size:8px!important;letter-spacing:.06em}
.platform-row h3{margin:5px 0 3px;font-size:17px}
.platform-row p{font-size:10px;line-height:1.5}
.platform-payment{text-transform:capitalize;white-space:nowrap}
.payment-paid,.payment-waived{background:#e9f7f0;color:#26734f}
.payment-pending,.payment-payment-pending{background:#fff6dc;color:#8b6917}
.platform-row-details{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;padding:13px 0 0;border-top:1px solid #e8efed}
.platform-row-details span{padding:0 10px;border-right:1px solid #edf2f0}
.platform-row-details span:first-child{padding-left:0}
.platform-row-details span:last-child{border-right:0}
.platform-row-details b{margin-top:5px;color:#24453f}
.platform-actions{padding-top:2px}
.application-actions{align-items:stretch;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #edf2f0}
.application-stage-actions,.application-commercial-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.application-stage-actions button{background:#f9fbfa}
.application-commercial-actions{margin-left:auto}
.platform-actions button{min-height:34px;padding:0 10px;border-radius:8px;font-weight:650;transition:.15s ease}
.platform-actions button:hover:not(:disabled){border-color:#aac7be;background:#f4f9f7;color:#163d36}
.platform-actions button:disabled{opacity:.5;cursor:wait}
.platform-actions .primary-admin{padding-inline:14px;border-color:#0b302d;background:#0b302d}
.platform-actions .primary-admin:hover:not(:disabled){background:#13423e;color:#fff}
.platform-trial-select{
  display:flex!important;align-items:center;gap:7px;min-height:34px;padding:0 7px 0 10px;
  border:1px solid #d7e4e0;border-radius:8px;background:#fff;color:#71847f;font-size:9px!important
}
.platform-trial-select span{font-weight:700}
.platform-trial-select select{border:0;background:transparent;color:#21483f;font:inherit;outline:none}
.company-card .platform-row-details{grid-template-columns:repeat(4,minmax(0,1fr))}
.company-health-summary{min-width:155px}
.company-subscription,.company-limits{
  margin-top:14px;padding:0;border:1px solid #e6eeeb;border-radius:10px;background:#fbfcfc;overflow:hidden
}
.company-subscription summary,.company-limits summary{padding:12px 14px;list-style:none;color:#34554e;font-size:10px}
.company-subscription summary::-webkit-details-marker,.company-limits summary::-webkit-details-marker{display:none}
.company-subscription summary:after,.company-limits summary:after{content:"＋";float:right;color:#8ba09a}
.company-subscription[open] summary:after,.company-limits[open] summary:after{content:"−"}
.company-subscription[open] summary,.company-limits[open] summary{border-bottom:1px solid #e8efed;background:#f5f9f7}
.company-subscription .company-limit-grid,.company-limits .company-limit-grid{padding:12px 14px 0;margin:0}
.company-subscription .platform-actions,.company-limits .platform-actions{padding:0 14px 13px;margin-top:10px}
.company-limit-grid{gap:10px}
.company-limit-grid label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.company-limit-grid input,.company-limit-grid select{min-height:36px;border-color:#dbe6e2;background:#fff}
.plan-card{padding-top:22px}
.plan-card .platform-row-main{padding-bottom:14px;border-bottom:1px solid #e9efed}
.plan-card .platform-payment{font-size:8px;letter-spacing:.06em}
.plan-active .platform-payment{background:#e9f7f0;color:#26734f}
.plan-inactive .platform-payment{background:#f6eded;color:#9e4e4e}
.plan-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plan-description textarea{border-color:#dbe6e2;background:#fbfcfc}
@media(max-width:1200px){
  .platform-admin{grid-template-columns:230px minmax(0,1fr)}
  .platform-sidebar{width:230px}
  .platform-main{padding-inline:28px}
  .platform-metrics{grid-template-columns:repeat(3,1fr)}
  .company-card .platform-row-details{grid-template-columns:repeat(2,1fr)}
  .plan-settings-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .platform-admin{grid-template-columns:1fr}
  .platform-sidebar{position:static;width:100%;height:auto;padding:18px}
  .platform-sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px}
  .platform-nav-label,.platform-sidebar-note{display:none}
  .platform-sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px}
  .platform-admin-user{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px}
  .platform-admin-user small,.platform-admin-user span{display:none}
  .platform-admin-user button{margin-left:auto}
  .platform-main{padding:26px 18px 50px}
  .platform-main-header{align-items:flex-end}
}
@media(max-width:680px){
  .platform-main-header{display:block}
  .platform-header-state{width:max-content;margin-top:16px}
  .platform-metrics{grid-template-columns:repeat(2,1fr)}
  .platform-metrics article{min-height:100px}
  .platform-row{padding:17px 14px 15px}
  .platform-row-main{gap:12px}
  .platform-company-head{min-width:0}
  .company-avatar{width:34px;height:34px}
  .platform-row-details,.company-card .platform-row-details{grid-template-columns:1fr 1fr}
  .platform-row-details span{padding:7px 8px;border-right:0;border-bottom:1px solid #edf2f0}
  .application-actions{display:block}
  .application-stage-actions,.application-commercial-actions{width:100%}
  .application-commercial-actions{margin-top:8px}
  .application-commercial-actions .primary-admin{flex:1}
  .company-health-summary{align-items:flex-start;min-width:0}
  .plan-settings-grid{grid-template-columns:1fr}
}
@media(max-width:460px){
  .platform-sidebar nav{grid-template-columns:1fr}
  .platform-sidebar nav button{min-height:38px}
  .platform-main header h1{font-size:34px}
  .platform-metrics{grid-template-columns:1fr 1fr}
  .platform-metrics article{min-height:90px;padding:14px}
  .platform-metrics b{font-size:24px}
  .platform-row-main{flex-direction:column}
  .platform-payment{align-self:flex-start}
  .platform-row-details,.company-card .platform-row-details{grid-template-columns:1fr}
}


/* Commercial pipeline search, filters and detail drawer */
.commercial-toolbar{
  display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.55fr) minmax(150px,.55fr) auto;
  gap:10px;align-items:end;margin-bottom:14px;padding:14px;border:1px solid #dfe9e5;border-radius:14px;background:#fff;
  box-shadow:0 5px 18px rgba(20,57,50,.025)
}
.commercial-toolbar label{display:grid;gap:6px;color:#71847f;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.commercial-toolbar input,.commercial-toolbar select{
  width:100%;height:38px;border:1px solid #dbe6e2;border-radius:9px;background:#fbfcfc;padding:0 11px;color:#173d38;font:inherit;font-size:10px;outline:none
}
.commercial-toolbar input:focus,.commercial-toolbar select:focus{border-color:#8db3a8;box-shadow:0 0 0 3px rgba(43,116,96,.08);background:#fff}
.commercial-results{display:grid;min-width:84px;height:38px;place-content:center;padding:0 12px;border-radius:9px;background:#eef4f1;text-align:center}
.commercial-results strong{font-size:12px;line-height:1}.commercial-results span{margin-top:3px;color:#758a84;font-size:7px;text-transform:uppercase;letter-spacing:.05em}
.platform-actions .details-button{border-color:#bdd3cc;background:#edf5f2;color:#214b42}
.commercial-empty{display:grid;place-items:center;gap:5px;min-height:160px;border:1px dashed #ccdcd7;border-radius:14px;background:rgba(255,255,255,.55);color:#617872;text-align:center}
.commercial-empty strong{font-size:12px}.commercial-empty span{font-size:9px}

.application-drawer-backdrop{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end;background:rgba(6,25,23,.34);backdrop-filter:blur(2px)}
.application-drawer{width:min(560px,94vw);height:100vh;overflow:auto;background:#f7faf9;border-left:1px solid #d8e5e0;box-shadow:-24px 0 64px rgba(8,35,31,.18);animation:commercialDrawerIn .18s ease-out}
@keyframes commercialDrawerIn{from{transform:translateX(24px);opacity:.65}to{transform:none;opacity:1}}
.application-drawer>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:24px 24px 20px;border-bottom:1px solid #dde8e4;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.application-drawer>header small{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf4f1;color:#496a63;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.application-drawer>header h2{margin:8px 0 4px;font:700 28px/1.05 "Manrope",sans-serif;letter-spacing:-.04em;color:#102724}
.application-drawer>header p{margin:0;color:#71847f;font-size:10px}
.application-drawer>header button{flex:0 0 auto;width:34px;height:34px;border:1px solid #dbe6e2;border-radius:9px;background:#fff;color:#31544d;font-size:22px;line-height:1;cursor:pointer}
.application-drawer-body{display:grid;gap:12px;padding:18px 18px 34px}
.application-drawer-loading{display:grid;min-height:260px;place-items:center;place-content:center;gap:12px;color:#647b75;font-size:11px}
.detail-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.detail-summary-grid>div{padding:13px;border:1px solid #dfe8e5;border-radius:11px;background:#fff}
.detail-summary-grid span{display:block;color:#839690;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.detail-summary-grid b{display:block;margin-top:6px;color:#25483f;font-size:10px}
.detail-section{padding:17px;border:1px solid #dfe8e5;border-radius:12px;background:#fff}
.detail-section h3{margin:0 0 13px;font-size:11px;color:#203f39}
.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.detail-facts span{display:grid;gap:4px;color:#879994;font-size:8px}
.detail-facts b{overflow-wrap:anywhere;color:#34554e;font-size:10px;font-weight:650}
.detail-note{margin:12px 0 0;padding:12px;border-radius:9px;background:#f5f8f7;color:#5c736d;font-size:10px;line-height:1.6;white-space:pre-wrap}
.detail-timeline,.detail-activity{display:grid;gap:0}
.detail-timeline>div,.detail-activity>div{position:relative;display:flex;gap:10px;padding:0 0 15px}
.detail-timeline>div:last-child,.detail-activity>div:last-child{padding-bottom:0}
.detail-timeline>div:before,.detail-activity>div:before{content:"";position:absolute;left:4px;top:10px;bottom:-2px;width:1px;background:#dbe6e2}
.detail-timeline>div:last-child:before,.detail-activity>div:last-child:before{display:none}
.detail-timeline i,.detail-activity i{position:relative;z-index:1;flex:0 0 auto;width:9px;height:9px;margin-top:3px;border-radius:50%;background:#6d9d8f;box-shadow:0 0 0 4px #edf5f2}
.detail-timeline span,.detail-activity div{display:grid;gap:3px;min-width:0}
.detail-timeline b,.detail-activity b{color:#34554e;font-size:10px}
.detail-timeline small,.detail-activity span{color:#83958f;font-size:8px}
.detail-payments{display:grid;gap:8px}
.detail-payments>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border-radius:9px;background:#f5f8f7}
.detail-payments>div>div{display:grid;gap:3px}
.detail-payments b{text-transform:capitalize;color:#31544d;font-size:10px}.detail-payments span{color:#82958f;font-size:8px}.detail-payments strong{color:#1b4139;font-size:11px}
.detail-muted{margin:0;color:#8b9d98;font-size:9px}
@media(max-width:900px){.commercial-toolbar{grid-template-columns:1fr 1fr}.commercial-search{grid-column:1/-1}.commercial-results{min-width:0}}
@media(max-width:620px){.commercial-toolbar{grid-template-columns:1fr}.commercial-search{grid-column:auto}.detail-summary-grid,.detail-facts{grid-template-columns:1fr 1fr}.application-drawer>header{padding:20px 18px}}
@media(max-width:420px){.detail-summary-grid,.detail-facts{grid-template-columns:1fr}.application-drawer{width:100vw}}


/* Guided commercial progression */
.application-pipeline{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:14px;padding:12px 0 2px;border-top:1px solid #edf2f0
}
.application-pipeline>div{position:relative;display:grid;justify-items:center;gap:6px;color:#9aacA6;font-size:7px;text-align:center}
.application-pipeline>div:not(:last-child):after{content:"";position:absolute;left:calc(50% + 13px);right:calc(-50% + 13px);top:11px;height:1px;background:#dde7e3}
.application-pipeline i{position:relative;z-index:1;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#edf2f0;color:#8ba09a;font-style:normal;font-size:8px;font-weight:800}
.application-pipeline .done i{background:#dff3e9;color:#25704f}
.application-pipeline .done:not(:last-child):after{background:#acd8c5}
.application-pipeline .current i{background:#0d3431;color:#d7ff7b;box-shadow:0 0 0 4px #edf5f2}
.application-pipeline .current span{color:#294a43;font-weight:800}
.application-pipeline.terminal .current i{background:#8f9d99;color:#fff}
.application-guided-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid #edf2f0}
.guided-next{display:grid;gap:4px;min-width:170px}
.guided-next>span{color:#8da09a;font-size:7px;font-weight:800;letter-spacing:.08em}
.guided-next>b{color:#23483f;font-size:10px}
.guided-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto}
.guided-buttons>button{min-height:36px;padding:0 11px;border:1px solid #d7e4e0;border-radius:8px;background:#fff;color:#31544d;font:inherit;font-size:9px;font-weight:700;cursor:pointer}
.guided-buttons .guided-primary{display:inline-flex;align-items:center;gap:9px;padding-inline:14px;border-color:#0d3431;background:#0d3431;color:#fff}
.guided-buttons .guided-primary span{font-size:13px}
.application-more-menu{position:relative}
.application-more-menu summary{display:flex;align-items:center;min-height:36px;padding:0 11px;border:1px solid #d7e4e0;border-radius:8px;background:#fff;color:#526d67;font-size:9px;font-weight:700;cursor:pointer;list-style:none}
.application-more-menu summary::-webkit-details-marker{display:none}
.application-more-menu[open] summary{border-color:#b8d0c8;background:#f7faf8}
.application-more-menu>div{position:absolute;right:0;bottom:calc(100% + 6px);z-index:5;min-width:170px;padding:6px;border:1px solid #d9e5e1;border-radius:9px;background:#fff;box-shadow:0 16px 36px rgba(14,47,41,.14)}
.application-more-menu button{width:100%;min-height:34px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#425f59;text-align:left;font:inherit;font-size:9px;cursor:pointer}
.application-more-menu button:hover{background:#f3f7f5}
@media(max-width:760px){
  .application-pipeline{overflow-x:auto;grid-template-columns:repeat(7,90px);padding-bottom:8px}
  .application-guided-footer{align-items:flex-start;flex-direction:column}
  .guided-buttons{width:100%;justify-content:flex-start;margin-left:0}
  .guided-buttons .guided-primary{flex:1;justify-content:center}
}
@media(max-width:460px){
  .guided-buttons{display:grid;grid-template-columns:1fr}
  .guided-buttons>*{width:100%}
  .application-more-menu>div{left:0;right:auto}
}