.launcher-heading{margin-bottom:22px}
.app.launcher-home{grid-template-columns:minmax(0,1fr)}
.app.launcher-home .sidebar{display:none}
.app.launcher-home .workspace{grid-column:1}
.app.launcher-home .menu-toggle{display:none}
.app-launcher{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.app-tile{display:grid;grid-template-rows:auto auto 1fr;justify-items:start;align-content:start;gap:11px;min-height:184px;padding:21px;border:1px solid #28545a;border-radius:16px;color:#e9f7f4;background:linear-gradient(145deg,#10383d,#0a292e);text-align:left;box-shadow:0 14px 34px #020e1024;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.app-tile:hover{transform:translateY(-4px);border-color:var(--tile-accent,var(--green));box-shadow:0 18px 38px #020e104f}
.app-tile:focus-visible{outline:2px solid var(--tile-accent,var(--green));outline-offset:3px}
.app-tile-icon,.support-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;color:var(--tile-accent,var(--green));background:var(--tile-bg,#10453b);font-size:1.9rem;font-weight:750}
.app-tile strong{font-size:1.05rem;line-height:1.25}
.app-tile small{align-self:end;color:#9dbcb8;font-size:.76rem;line-height:1.45}
.tile-sales,.tile-dashboard,.tile-products{--tile-accent:#67dfb1;--tile-bg:#10463b}
.tile-opportunities{--tile-accent:#52c3ec;--tile-bg:#123d4a}
.tile-calendar{--tile-accent:#e9c46a;--tile-bg:#493d1c}
.tile-help{--tile-accent:#b7a0ff;--tile-bg:#342956}
.tile-settings,.tile-users{--tile-accent:#f19ab0;--tile-bg:#482638}
.tile-quotes,.tile-clients{--tile-accent:#65b8ff;--tile-bg:#173954}
.sales-launcher{grid-template-columns:repeat(auto-fit,minmax(220px,280px))}
.settings-launcher{align-items:stretch}
.settings-company-card{min-height:184px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.settings-company-card h3,.support-grid h3{margin:0}
.settings-company-card p,.support-grid p{margin:0;color:#aec8c4;line-height:1.55;font-size:.86rem}
.settings-company-card small{color:#8fafab;line-height:1.5}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.support-grid>.panel{display:grid;justify-items:start;align-content:start;gap:13px;min-height:220px}
.support-grid .secondary{margin-top:auto}
.support-icon{width:44px;height:44px;border-radius:12px;font-size:1.45rem;--tile-accent:#68d9b2;--tile-bg:#10463b}
.sidebar nav{min-height:0;overflow-y:auto;align-content:start}
.sidebar nav .nav-subnav{display:grid;gap:3px;margin:-3px 0 7px 18px;padding-left:9px;border-left:1px solid #28545a}
.sidebar nav .nav-subnav button{gap:9px;padding:9px 8px;color:#91b5b1;font-size:.79rem}
.sidebar nav .nav-subnav button span{width:18px;font-size:.95rem}
.sidebar nav .nav-module-hidden{display:none!important}
.sidebar nav button.section-open:not(.active){color:var(--green);background:#0d3835}
.sidebar nav .nav-divider{height:1px;margin:3px 8px;background:#28545a}
.history-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.history-filters button{padding:8px 13px;border:1px solid #315c61;border-radius:999px;color:#aac7c3;background:#09282d;font-size:.78rem;font-weight:750}
.history-filters button:hover,.history-filters button.active{border-color:var(--green);color:#062c23;background:var(--green)}
.history-type{display:inline-block;padding:4px 9px;border-radius:999px;color:#8edaff;background:#123d4a;font-size:.7rem;font-weight:800}
.history-type.opportunities{color:#e7c46e;background:#493d1c}
.history-type.quotes{color:#c2aaff;background:#342956}
@media(max-width:760px){.app-launcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-tile{min-height:165px;padding:16px}.support-grid{grid-template-columns:1fr}}
@media(max-width:440px){.app-launcher,.sales-launcher{grid-template-columns:1fr}.app-tile{min-height:140px}}

#opportunityForm select{color:#f4f7f8!important;background-color:#263943!important;border-color:#6b8790;color-scheme:dark;accent-color:#4b9ab8}
#opportunityForm select option,#opportunityForm select option:checked{color:#f4f7f8!important;background-color:#263943!important}
#opportunityForm select:focus{outline-color:#7db8d0!important;border-color:#7db8d0!important}
#mainNav>button{font-size:18px}
#mainNav .nav-subnav button{font-size:16px}
select,select option,select option:checked{color:#f4f7f8!important;background-color:#263943!important;color-scheme:dark;accent-color:#4b9ab8}
select:focus{outline:2px solid #7db8d0!important;border-color:#7db8d0!important}
.sidebar footer,.softelcos{font-size:12px}
#homeView .app-launcher{grid-template-columns:repeat(auto-fit,minmax(210px,260px));justify-content:center}
.launcher-centered{grid-column:1/-1;display:flex;justify-content:center;flex-wrap:wrap;gap:18px}
.launcher-centered>.app-tile{width:min(260px,100%)}
.brand strong{display:flex;align-items:center;gap:7px}
.brand-headset{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#61d9ad;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.login-shell{padding:clamp(18px,4vw,58px)}
.login-layout{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,460px);align-items:center;gap:clamp(38px,7vw,100px)}
.login-intro{max-width:570px;padding:16px 0}
.login-overline{display:inline-block;color:#68d9b2;font-size:.72rem;font-weight:850;letter-spacing:.17em}
.login-intro .login-logo{width:min(410px,95%);height:auto;max-height:245px;margin:24px 0 28px;object-fit:contain;background:transparent;padding:0;border-radius:0;filter:drop-shadow(0 12px 26px #020e1038)}
.login-intro h2{margin:0;font-size:clamp(2rem,4.1vw,3.45rem);line-height:1.08;letter-spacing:-.045em}
.login-intro h2 strong{color:#73d9bc;font-weight:800}
.login-intro>p{max-width:470px;margin:18px 0 27px;color:#a8c9c4;font-size:1.02rem;line-height:1.65}
.login-feature{display:flex;align-items:center;gap:11px;color:#c6ded9;font-size:.86rem}
.login-feature svg{width:25px;height:25px;fill:none;stroke:#68d9b2;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-card{width:100%;padding:36px;border:1px solid #28545a;border-radius:22px;background:linear-gradient(150deg,#0c3035f5,#09292ff5);box-shadow:0 30px 90px #020b0dcc}
.login-card-brand{display:flex;align-items:center;gap:9px;margin-bottom:29px;color:#d8eeea;font-size:.78rem;font-weight:850;letter-spacing:.12em}
.login-card-brand svg{width:24px;height:24px;fill:none;stroke:#68d9b2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-card .eyebrow{margin-bottom:7px;font-size:.68rem}
.login-card h1{font-size:2.2rem;letter-spacing:-.045em}
.login-copy{margin:8px 0 22px;font-size:.9rem}
.login-card .company-picker{margin:0 0 8px}
.login-card .company-picker legend{font-size:.76rem;font-weight:750}
.login-card .company-picker-options{gap:9px}
.login-card .company-picker-options button{min-height:45px;border-color:#315c61;background:#09282d;font-size:.77rem;letter-spacing:.03em}
.login-card .company-picker-options button.selected{border-color:#61d9ad;color:#062c23;background:#61d9ad}
.login-card .form-stack{gap:13px;margin-top:19px}
.login-card .form-stack label{font-size:.78rem}
.login-card .form-stack input{min-height:46px;background:#08272c}
.login-card .form-stack .primary{min-height:48px;margin-top:2px;box-shadow:0 8px 25px #61d9ad25}
.login-card .softelcos{margin-top:24px;font-size:12px}
@media(max-width:820px){.login-layout{grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:28px}.login-card{padding:30px 26px}.login-intro .login-logo{width:min(330px,100%);max-height:190px}.login-intro h2{font-size:2.2rem}}
@media(max-width:680px){.login-shell{padding:18px}.login-layout{grid-template-columns:1fr;gap:18px;max-width:460px}.login-intro{text-align:center;padding:0}.login-intro .login-logo{width:250px;max-height:145px;margin:7px auto 15px}.login-overline{font-size:.65rem}.login-intro h2{font-size:1.7rem}.login-intro>p{margin:10px auto 15px;font-size:.86rem}.login-feature{justify-content:center;font-size:.78rem}.login-card{padding:27px 22px}.login-card-brand{margin-bottom:20px}.login-card h1{font-size:1.9rem}}

/* Restore the previous single-card sign-in appearance. */
.login-shell{padding:24px}
.login-layout{display:block;width:auto}
.login-intro,.login-card-brand{display:none}
.login-card{width:min(440px,100%);padding:40px;border:1px solid var(--line);border-radius:22px;background:#0c3035eb;box-shadow:0 28px 80px #020b0d99}
.login-logo{display:block;width:180px;height:130px;margin:0 auto 25px;object-fit:contain;border-radius:0;background:#fff;padding:0;filter:none}
.login-card h1{margin:0;font-size:2.6rem;letter-spacing:-.05em}
.login-copy{margin:0}
.login-card .company-picker{margin:20px 0 8px}
.login-card .company-picker legend{font-size:.78rem;font-weight:400}
.login-card .company-picker-options{gap:8px}
.login-card .company-picker-options button{min-height:42px;border:1px solid #315c61;color:#cce0dd;background:#09282d;font-size:inherit;letter-spacing:normal}
.login-card .company-picker-options button.selected{border-color:var(--green);color:#062c23;background:var(--green)}
.login-card .form-stack{gap:14px;margin-top:24px}
.login-card .form-stack label{font-size:.8rem}
.login-card .form-stack input{min-height:0}
.login-card .form-stack .primary{min-height:0;margin-top:0;box-shadow:none}
.login-card .softelcos{margin-top:24px;font-size:12px}
@media(max-width:760px){.login-card{padding:30px 22px}}