:root{--navy:#06284f;--navy2:#031d39;--blue:#0d7bd8;--sky:#dff1ff;--yellow:#ffd400;--ink:#152033;--muted:#6e7b8f;--surface:#f5f7fb;--border:#dfe5ee;--success:#198754;--danger:#dc3545}*{box-sizing:border-box}body{font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:#fff}.navbar-brand img{width:220px;height:72px;object-fit:contain}.navbar .nav-link{font-weight:600;color:#27354b}.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--blue)}h1,h2,h3,.rock-font{font-family:"Times New Roman",Times,serif}.btn-warning{background:var(--yellow);border-color:var(--yellow);color:#091a30}.btn-primary{background:var(--blue);border-color:var(--blue)}.hero-section{position:relative;background:linear-gradient(120deg,#03213f 0%,#0b4d83 57%,#0d7bd8 100%);overflow:hidden}.hero-section:after{content:"";position:absolute;right:-8%;bottom:-34%;width:60%;height:80%;background:rgba(255,255,255,.08);border-radius:50%}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(255,255,255,.13),transparent 35%)}.min-vh-75{min-height:630px}.hero-section h1{font-size:clamp(2.8rem,6vw,5.7rem);line-height:.95;max-width:850px}.hero-section .lead{max-width:720px;font-size:1.25rem}.eyebrow{font-size:.78rem;letter-spacing:.18em;font-weight:700;color:var(--yellow)}.hero-card{background:rgba(255,255,255,.96);color:var(--ink);padding:2rem;border-radius:1.2rem;box-shadow:0 25px 80px rgba(0,0,0,.28)}.hero-card h3{font-size:2rem}.hero-card ul{list-style:none;padding:0;margin:1.5rem 0 0}.hero-card li{padding:.55rem 0}.hero-card i{color:var(--success);margin-right:.6rem}.service-band{background:var(--surface)}.section-heading span{color:var(--blue);font-weight:700;letter-spacing:.14em;font-size:.78rem}.section-heading h2{font-size:2.4rem}.service-card,.service-detail-card,.contact-card{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:0 10px 30px rgba(14,39,67,.06)}.service-card{transition:.2s transform,.2s box-shadow}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(14,39,67,.12)}.service-icon,.service-detail-card>i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--sky);color:var(--blue);font-size:1.25rem}.service-card h3{font-size:1.35rem;margin-top:1rem}.service-card a{text-decoration:none;font-weight:700}.why-section .image-panel{min-height:370px;border-radius:1.5rem;background:linear-gradient(145deg,#e7f1f8,#fff);display:grid;place-items:center;border:1px solid var(--border)}.image-panel img,.brand-display{max-width:90%;padding:2rem}.feature-item{display:flex;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:.8rem;height:100%}.feature-item i{color:var(--blue);font-size:1.3rem}.feature-item small{display:block;color:var(--muted);margin-top:.25rem}.cta-section{background:linear-gradient(120deg,var(--navy2),var(--navy))}.public-footer{background:var(--navy2);color:#d6e2ef}.public-footer img{width:240px}.public-footer a{display:block;color:#d6e2ef;text-decoration:none;margin:.35rem 0}.page-hero{background:linear-gradient(120deg,var(--navy2),var(--navy));color:white;padding:5rem 0}.page-hero h1{font-size:clamp(2.5rem,5vw,4.6rem)}.page-hero p{font-size:1.15rem;max-width:760px}.service-detail-card>i{font-size:1.5rem}.service-detail-card h2{margin-top:1rem}.contact-card i{width:25px;color:var(--blue)}.quote-form .form-control,.quote-form .form-select{padding:.85rem}

.auth-body{min-height:100vh;background:linear-gradient(120deg,var(--navy2),var(--navy));}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{padding:8vw;color:white;display:flex;flex-direction:column;justify-content:center}.auth-brand img{max-width:460px}.auth-brand h1{font-size:4rem;margin-top:2rem}.auth-brand p{font-size:1.2rem;max-width:600px}.auth-card{width: 550px;background:white;margin:3rem;padding:3rem;border-radius:1.4rem;align-self:center;box-shadow:0 30px 80px rgba(0,0,0,.25)}.auth-card>img{width:250px}.auth-card h2{font-size:2.2rem;margin:1.5rem 0}.back-link{display:inline-block;margin-top:2rem;text-decoration:none}.portal-body{background:var(--surface);min-height:100vh}.portal-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,var(--navy2),var(--navy));color:white;z-index:1020;display:flex;flex-direction:column}

.sidebar-brand{height:115px;padding:1rem;border-bottom:1px solid rgba(255,255,255,.12);display:grid;place-items:center}.sidebar-brand img{max-width:205px;max-height:85px;object-fit:contain}.sidebar-nav{padding:1rem}.sidebar-nav a,.sidebar-logout button{display:flex;align-items:center;gap:.9rem;color:#dbe8f4;text-decoration:none;padding:.78rem 1rem;border-radius:.55rem;margin:.2rem 0;width:100%;text-align:left}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--blue);color:white}.sidebar-nav i,.sidebar-logout i{width:20px}.sidebar-logout{padding:1rem;margin-top:auto}.sidebar-logout button{text-decoration:none}.portal-main{margin-left:260px;min-height:100vh}.portal-topbar{height:78px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:1010}.sidebar-toggle{display:none}.portal-search{display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:.65rem;padding:.55rem .9rem;width:min(560px,45vw)}.portal-search input{border:0;outline:0;background:transparent;width:100%}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.user-chip{display:flex;align-items:center;gap:.6rem;padding-left:.5rem}.user-chip .avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center}.user-chip small{display:block;color:var(--muted)}.portal-content{padding:1.8rem}.page-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-title-row h1{font-size:2.25rem;margin:0}.metric-card,.portal-card{background:white;border:1px solid var(--border);border-radius:1rem;box-shadow:0 7px 24px rgba(14,39,67,.05)}.metric-card{padding:1.35rem;display:flex;justify-content:space-between}.metric-card span,.metric-card a{display:block}.metric-card span{color:var(--muted)}.metric-card strong{font-size:2rem;display:block}.metric-card a{font-size:.8rem;text-decoration:none}.metric-card>i{font-size:2rem}.portal-card{padding:1.4rem}.portal-card h2{font-size:1.5rem}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header-row h2,.card-header-row p{margin:0}.card-header-row p{color:var(--muted);font-size:.9rem}.schedule-item{display:grid;grid-template-columns:85px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}.schedule-item:last-child{border:0}.schedule-item time{font-weight:700}.schedule-item span{display:block;color:var(--muted);font-size:.85rem}.status-badge{display:inline-block;padding:.35rem .65rem;border-radius:99px;font-size:.75rem;font-style:normal;white-space:nowrap}.status-scheduled,.status-sent{background:#e7f1ff;color:#0756a5}.status-active,.status-paid,.status-accepted{background:#e6f5ec;color:#146c43}.status-lead,.status-draft{background:#fff3cd;color:#8a6200}.status-overdue{background:#fce8e8;color:#b02a37}.status-in-progress{background:#d9f3ff;color:#08769e}.activity-list{list-style:none;padding:0;margin:0}.activity-list li{display:flex;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.activity-list span,.portal-table small{display:block;color:var(--muted);font-size:.8rem}.chart-placeholder{height:260px;background:linear-gradient(#fff,#f6f8fb);border-radius:.7rem;padding:1rem}.chart-bars{height:100%;display:flex;align-items:end;gap:2%;border-bottom:1px solid var(--border)}.chart-bars span{flex:1;background:linear-gradient(var(--blue),#6ab8f1);border-radius:5px 5px 0 0}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quick-grid a{padding:1rem;border:1px solid var(--border);border-radius:.7rem;text-decoration:none;color:var(--ink);font-weight:700}.quick-grid i{display:block;color:var(--blue);font-size:1.4rem;margin-bottom:.5rem}.table-toolbar{display:flex;gap:1rem;margin-bottom:1rem}.table-toolbar .input-group{max-width:500px}.table-toolbar .form-select{max-width:190px}.portal-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.portal-table td{padding:.9rem}.estimate-preview>div{display:flex;justify-content:space-between;padding:.65rem 0}.estimate-preview .total{font-size:1.25rem}.job-board{display:grid;gap:1rem}.job-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:.8rem;padding:1rem}.job-card h3,.job-card p{margin:0}.phone-preview{background:#071a32;border:8px solid #071a32;border-radius:2rem;padding:.8rem;max-width:290px;margin:auto;box-shadow:0 20px 45px rgba(0,0,0,.2)}.phone-top{color:white;text-align:center;font-weight:700;padding:.7rem}.phone-job{background:white;border-radius:.8rem;margin:.65rem 0;padding:.8rem}.phone-job span,.phone-job small{display:block}.phone-job small{color:var(--muted)}.calendar-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.calendar-grid{display:grid;grid-template-columns:70px repeat(5,minmax(130px,1fr));overflow:auto}.cal-head,.cal-time,.cal-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:.6rem;min-height:62px}.cal-head{font-weight:700;background:var(--surface);min-height:auto}.cal-time{font-size:.8rem;color:var(--muted)}.cal-event{display:block;background:#d8f0df;color:#155d32;border-left:3px solid #2ba15c;border-radius:.35rem;padding:.35rem;font-size:.75rem}.cal-event.yellow{background:#fff0b5;color:#755400;border-left-color:#e4b500}.invoice-preview img{width:230px}.invoice-preview>span{float:right;font-weight:700}.invoice-preview>div{margin:1.5rem 0}.invoice-preview small,.invoice-preview strong{display:block}.integration-list>div{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.integration-list i{font-size:1.5rem;color:var(--blue)}.integration-list small{display:block;color:var(--muted)}.integration-list em{font-size:.75rem;color:var(--muted)}.readiness-list{list-style:none;padding:0}.readiness-list li{padding:.65rem 0}.readiness-list i{width:25px}
@media(max-width:991px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{margin:1.5rem}.portal-sidebar{transform:translateX(-100%);transition:.2s}.portal-sidebar.show{transform:translateX(0)}.portal-main{margin-left:0}.sidebar-toggle{display:inline-block}.portal-search{width:45vw}.user-chip span:last-child{display:none}.min-vh-75{min-height:520px}.hero-section h1{font-size:3.8rem}}
@media(max-width:575px){.navbar-brand img{width:170px;height:58px}.hero-section h1{font-size:3rem}.portal-content{padding:1rem}.portal-topbar{padding:0 .75rem}.portal-search{display:none}.page-title-row{align-items:flex-start;gap:1rem}.page-title-row .btn{font-size:.8rem}.metric-card strong{font-size:1.6rem}.job-card{grid-template-columns:1fr}.table-toolbar{flex-direction:column}.table-toolbar .form-select{max-width:none}}
@media print { .portal-sidebar,.portal-topbar,.btn,.alert{display:none!important}.portal-main{margin:0!important}.portal-content{padding:0!important}.printable{box-shadow:none!important;border:0!important}body{background:#fff!important} }
code{display:block;margin:.4rem 0;color:#0b4f8a}.table th{white-space:nowrap}.sticky-lg-top{z-index:1}
.portal-card canvas{max-height:320px}.integration-status{font-size:.8rem}.route-stop{cursor:grab}.document-list a{text-decoration:none}
.dispatch-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.dispatch-column{min-width:280px;flex:1;background:#eef2f7;border-radius:14px;padding:.75rem}.dispatch-column-header{font-weight:700;color:#0b3157;padding:.5rem}.dispatch-dropzone{min-height:420px;border:2px dashed transparent;border-radius:10px;padding:.35rem}.dispatch-dropzone.drag-over{border-color:#1473e6;background:#dcecff}.dispatch-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dbe3ec;border-radius:10px;padding:.8rem;margin-bottom:.6rem;box-shadow:0 2px 7px rgba(0,0,0,.05);cursor:grab}.dispatch-card.dragging{opacity:.5}.signature-pad{width:100%;height:180px;border:1px solid #ced4da;border-radius:.5rem;touch-action:none;background:#fff}
/* Phase 15 organized portal navigation */
.portal-sidebar{overflow:hidden}.sidebar-brand{flex:0 0 auto}.sidebar-nav{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;padding:.75rem}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:20px}.sidebar-dashboard{margin-bottom:.55rem!important}.sidebar-group{margin:.18rem 0}.sidebar-group-toggle,.sidebar-collapse-btn{border:0;background:transparent;color:#dbe8f4;width:100%;display:flex;align-items:center;gap:.9rem;padding:.72rem 1rem;border-radius:.55rem;text-align:left;font:inherit}.sidebar-group-toggle:hover,.sidebar-collapse-btn:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar-group-toggle .group-icon{width:20px;text-align:center}.sidebar-group-toggle .group-chevron{width:auto;margin-left:auto;font-size:.7rem;transition:transform .2s}.sidebar-group.is-open .group-chevron{transform:rotate(180deg)}.sidebar-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.sidebar-submenu>*{overflow:hidden}.sidebar-group.is-open .sidebar-submenu{grid-template-rows:1fr}.sidebar-submenu:before{content:"";display:block;min-height:0}.sidebar-submenu a{padding:.62rem .75rem .62rem 2.1rem!important;font-size:.91rem;margin:.08rem 0!important}.sidebar-submenu a i{font-size:.82rem}.sidebar-footer-actions{flex:0 0 auto;border-top:1px solid rgba(255,255,255,.12);padding:.45rem}.sidebar-logout{padding:0;margin:0}.sidebar-collapse-btn{padding:.72rem 1rem}.portal-body.sidebar-collapsed .portal-sidebar{width:78px}.portal-body.sidebar-collapsed .portal-main{margin-left:78px}.portal-body.sidebar-collapsed .sidebar-brand{height:78px;padding:.55rem}.portal-body.sidebar-collapsed .sidebar-brand img{max-width:58px;object-fit:cover;object-position:left}.portal-body.sidebar-collapsed .sidebar-nav span,.portal-body.sidebar-collapsed .sidebar-footer-actions span,.portal-body.sidebar-collapsed .group-chevron{display:none}.portal-body.sidebar-collapsed .sidebar-group-toggle,.portal-body.sidebar-collapsed .sidebar-nav>a,.portal-body.sidebar-collapsed .sidebar-footer-actions button{justify-content:center;padding:.78rem}.portal-body.sidebar-collapsed .sidebar-group{position:relative}.portal-body.sidebar-collapsed .sidebar-submenu{display:none}.portal-body.sidebar-collapsed .sidebar-group:hover .sidebar-submenu{display:block;position:fixed;left:78px;width:250px;background:var(--navy);padding:.5rem;border-radius:0 .6rem .6rem 0;box-shadow:0 10px 30px rgba(0,0,0,.25);grid-template-rows:1fr}.portal-body.sidebar-collapsed .sidebar-group:hover .sidebar-submenu a{padding:.65rem 1rem!important}.portal-body.sidebar-collapsed .sidebar-collapse-btn i{transform:rotate(180deg)}.portal-main,.portal-sidebar{transition:margin-left .2s,width .2s,transform .2s}
@media(max-width:991px){.portal-body.sidebar-collapsed .portal-sidebar{width:260px}.portal-body.sidebar-collapsed .portal-main{margin-left:0}.portal-body.sidebar-collapsed .sidebar-nav span,.portal-body.sidebar-collapsed .sidebar-footer-actions span,.portal-body.sidebar-collapsed .group-chevron{display:inline}.portal-body.sidebar-collapsed .sidebar-submenu{display:grid}.portal-body.sidebar-collapsed .sidebar-group:hover .sidebar-submenu{position:static;width:auto;background:transparent;padding:0;box-shadow:none}.sidebar-collapse-btn{display:none}}

/* Phase 17: collapsed sidebar flyout repair */
@media (min-width: 992px) {
  .portal-body.sidebar-collapsed .portal-sidebar,
  .portal-body.sidebar-collapsed .sidebar-nav,
  .portal-body.sidebar-collapsed .sidebar-group {
    overflow: visible;
  }

  .portal-body.sidebar-collapsed .sidebar-group {
    position: relative;
  }

  .portal-body.sidebar-collapsed .sidebar-submenu {
    display: none;
    position: fixed;
    left: 78px;
    top: var(--sidebar-flyout-top, 90px);
    width: 270px;
    max-height: min(70vh, 620px);
    overflow-y: auto;
    margin: 0;
    padding: .6rem;
    background: var(--navy);
    border: 1px solid rgba(255,255,255,.12);
    border-left: 0;
    border-radius: 0 .75rem .75rem 0;
    box-shadow: 14px 16px 36px rgba(0,0,0,.28);
    z-index: 3000;
    grid-template-rows: 1fr;
  }

  .portal-body.sidebar-collapsed .sidebar-group:hover > .sidebar-submenu,
  .portal-body.sidebar-collapsed .sidebar-group:focus-within > .sidebar-submenu,
  .portal-body.sidebar-collapsed .sidebar-group.flyout-open > .sidebar-submenu {
    display: block;
  }

  .portal-body.sidebar-collapsed .sidebar-group::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 18px;
    height: 100%;
    z-index: 2999;
  }

  .portal-body.sidebar-collapsed .sidebar-submenu a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .7rem;
    width: 100%;
    min-height: 42px;
    padding: .65rem .8rem !important;
    margin: .08rem 0 !important;
    color: #fff !important;
    white-space: nowrap;
    border-radius: .55rem;
    text-decoration: none;
  }

  .portal-body.sidebar-collapsed .sidebar-submenu a span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: inherit !important;
  }

  .portal-body.sidebar-collapsed .sidebar-submenu a i {
    display: inline-block;
    width: 20px;
    min-width: 20px;
    color: #b9dcff;
    text-align: center;
  }

  .portal-body.sidebar-collapsed .sidebar-submenu a:hover,
  .portal-body.sidebar-collapsed .sidebar-submenu a:focus,
  .portal-body.sidebar-collapsed .sidebar-submenu a.active {
    color: #fff !important;
    background: var(--blue);
  }

  .portal-body.sidebar-collapsed .sidebar-group-toggle {
    cursor: pointer;
  }
}


/* Phase 19 experience layer */
.portal-search{display:flex;align-items:center;gap:.75rem;width:min(520px,45vw);height:46px;padding:0 1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);color:var(--muted);text-align:left}.portal-search span{flex:1}.portal-search kbd{background:#edf2f7;color:#536275;border:1px solid #d7e0ea;box-shadow:none}.portal-breadcrumb{font-size:.82rem;color:var(--muted);margin-bottom:.75rem}.search-command[hidden]{display:none}.search-command{position:fixed;inset:0;z-index:5000}.search-command-backdrop{position:absolute;inset:0;background:rgba(4,17,33,.58);backdrop-filter:blur(3px)}.search-command-panel{position:relative;width:min(760px,calc(100vw - 2rem));max-height:76vh;margin:8vh auto 0;background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 30px 80px rgba(0,0,0,.34);overflow:hidden}.search-command-input{display:flex;align-items:center;gap:.8rem;padding:1rem;border-bottom:1px solid var(--border)}.search-command-input input{border:0;outline:0;flex:1;font-size:1.05rem;background:transparent;color:var(--text)}.search-command-input button{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:.4rem}.search-command-results{max-height:62vh;overflow:auto;padding:.6rem}.search-command-results section h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.7rem}.search-command-results section a{display:flex;flex-direction:column;padding:.7rem .85rem;border-radius:.6rem;text-decoration:none;color:var(--text)}.search-command-results section a:hover{background:rgba(20,115,230,.1)}.search-command-results section a span{font-size:.82rem;color:var(--muted)}.search-empty{padding:2rem;text-align:center;color:var(--muted)}.customer-timeline{position:relative}.timeline-event{position:relative;display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:0 0 1.5rem}.timeline-event:before{content:"";position:absolute;left:21px;top:43px;bottom:0;border-left:2px solid var(--border)}.timeline-event:last-child:before{display:none}.timeline-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(20,115,230,.12);color:var(--blue)}.timeline-event time{font-size:.78rem;color:var(--muted);white-space:nowrap}.integration-health-card{transition:transform .15s}.integration-health-card:hover{transform:translateY(-2px)}
html[data-theme="dark"]{--surface:#142238;--background:#0b1524;--border:#2a3a52;--text:#edf5ff;--muted:#9dafc4}html[data-theme="dark"] body,html[data-theme="dark"] .portal-content{background:var(--background);color:var(--text)}html[data-theme="dark"] .portal-card,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .card,html[data-theme="dark"] .portal-topbar{background:var(--surface);color:var(--text);border-color:var(--border)}html[data-theme="dark"] .table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--border)}html[data-theme="dark"] .form-control,html[data-theme="dark"] .form-select{background:#0f1d30;color:var(--text);border-color:var(--border)}
@media(max-width:575px){.portal-search{display:none}.timeline-event{grid-template-columns:36px 1fr}.timeline-icon{width:36px;height:36px}.timeline-event:before{left:17px}.timeline-event .d-flex{display:block!important}.timeline-event time{display:block;margin-top:.25rem}}

/* ServiceOS 0.32.2 expanded sidebar accordion repair */
.portal-body:not(.sidebar-collapsed) .sidebar-submenu{display:block;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .24s ease,opacity .18s ease,visibility 0s linear .24s}.portal-body:not(.sidebar-collapsed) .sidebar-group.is-open>.sidebar-submenu{max-height:900px;opacity:1;visibility:visible;transition:max-height .3s ease,opacity .18s ease}.portal-body:not(.sidebar-collapsed) .sidebar-group:not(.is-open) .group-chevron{transform:rotate(0deg)}.portal-body:not(.sidebar-collapsed) .sidebar-group.is-open .group-chevron{transform:rotate(180deg)}.sidebar-group-toggle{user-select:none}.sidebar-group-toggle:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:2px}