:root{
--sd-navy:#0d1b2a;--sd-navy2:#16293d;--sd-line:#e3e8ef;--sd-bg:#f6f8fb;
--sd-muted:#7b8794;--sd-accent:#2f6fed;--sd-ok:#1f9d55;--sd-warn:#c98a12;--sd-bad:#d64545;
--sd-rail:76px;--sd-list:336px;--sd-r:14px;--sd-nav:48px;--sd-caps:1640px;--sd-navpad:clamp(24px,7vw,170px)}

html:is(.sd,:not(.sd-off)),html:is(.sd,:not(.sd-off)) body{
--navbar-bg:var(--sd-navy);
--bg-color:var(--sd-bg);--card-bg:#fff;--border-color:var(--sd-line);
--heading-color:var(--sd-navy);--text-muted:var(--sd-muted);
--primary:var(--sd-accent);
--gray-50:#fbfcfe;--gray-100:#f6f8fb;--gray-200:#eef2f7;--gray-300:#e3e8ef;--gray-400:#cfd8e3;
--gray-500:#9aa8b8;--gray-600:#7b8794;--gray-700:#4d5b6a;--gray-800:#22303f;--gray-900:#0d1b2a;
--modal-bg:#fff;--popover-bg:#fff;--placeholder-color:#9aa8b8;
--scrollbar-track-color:transparent;--scrollbar-thumb-color:#c3ccd8;
--charts-axis-line-color:var(--sd-line);--charts-label-color:var(--gray-600);--charts-stroke-width:2px;
--charts-tooltip-bg:#fff;--charts-tooltip-title:var(--sd-navy);--charts-tooltip-label:var(--sd-navy);--charts-tooltip-value:var(--sd-navy);
--charts-legend-label:var(--gray-600);--charts-legend-value:var(--gray-600);--charts-dataset-circle-stroke:#fff;
--kanban-column-bg:var(--gray-200);--kanban-new-card-bg:var(--gray-300);
--avatar-frame-bg:var(--gray-200);--avatar-frame-border:var(--gray-300);--avatar-frame-color:var(--gray-600);
--shadow-xs:rgba(13,27,42,.04) 0 .5px 0 0,rgba(13,27,42,.07) 0 0 0 1px,rgba(13,27,42,.05) 0 2px 4px 0;
--shadow-sm:0 1px 2px rgba(13,27,42,.08);
--shadow-base:0 1px 3px rgba(13,27,42,.08);
--shadow-md:0 2px 8px rgba(13,27,42,.10);
--shadow-lg:0 6px 18px -4px rgba(13,27,42,.14);
--shadow-xl:0 10px 34px rgba(13,27,42,.18);
--shadow-2xl:0 18px 48px -6px rgba(13,27,42,.22)}
html:is(.sd,:not(.sd-off)) body{background:var(--sd-bg)}
html:is(.sd,:not(.sd-off)) .main-container,html:is(.sd,:not(.sd-off)) .layout-main-section-wrapper{background:var(--sd-bg)}

html:is(.sd,:not(.sd-off)) .navbar{border-bottom:0}
html:is(.sd,:not(.sd-off)) .navbar .breadcrumb,html:is(.sd,:not(.sd-off)) .navbar .breadcrumbs{background:transparent!important;margin:0}
html:is(.sd,:not(.sd-off)) .breadcrumb-item,html:is(.sd,:not(.sd-off)) .breadcrumb-item a{color:#c9d7e6}
html:is(.sd,:not(.sd-off)) .breadcrumb-item.active,html:is(.sd,:not(.sd-off)) .breadcrumb-item a:hover{color:#fff}
html:is(.sd,:not(.sd-off)) .breadcrumb-item+.breadcrumb-item:before{color:#5f7288}
html:is(.sd,:not(.sd-off)) .navbar input,html:is(.sd,:not(.sd-off)) .navbar .form-control{background:#1b3049!important;border:1px solid #2b4767!important;color:#e6eef7!important;box-shadow:none!important}
html:is(.sd,:not(.sd-off)) .navbar input::placeholder{color:#8ba3bd}
html:is(.sd,:not(.sd-off)) .navbar,html:is(.sd,:not(.sd-off)) .page-head{--icon-stroke:#c9d7e6}
html:is(.sd,:not(.sd-off)) .navbar .nav-link,html:is(.sd,:not(.sd-off)) .navbar a{color:#c9d7e6}

html:is(.sd,:not(.sd-off)) .page-head{background:var(--sd-navy2)!important;border-bottom:0!important;box-shadow:none!important}
html:is(.sd,:not(.sd-off)) .page-head,html:is(.sd,:not(.sd-off)) .page-head .title-text,html:is(.sd,:not(.sd-off)) .page-head .page-title,html:is(.sd,:not(.sd-off)) .page-head .sub-heading,html:is(.sd,:not(.sd-off)) .page-head h1,html:is(.sd,:not(.sd-off)) .page-head h2,html:is(.sd,:not(.sd-off)) .page-head h3{color:#fff!important}
html:is(.sd,:not(.sd-off)) .page-head .btn{background:#22405f!important;border:1px solid #35597f!important;color:#e6eef7!important}
html:is(.sd,:not(.sd-off)) .page-head .btn:hover{background:#2b4d70!important;border-color:#4a76a3!important;color:#fff!important}
html:is(.sd,:not(.sd-off)) .page-head .btn-primary{background:var(--sd-accent)!important;border-color:var(--sd-accent)!important;color:#fff!important}
html:is(.sd,:not(.sd-off)) .page-head .btn svg{fill:currentColor}

html:is(.sd,:not(.sd-off)) .navbar{box-shadow:0 1px 0 rgba(0,0,0,.28);position:sticky;top:0;z-index:1030}
html:is(.sd,:not(.sd-off)) .navbar.navbar-main,html:is(.sd,:not(.sd-off)) nav.navbar{background:var(--sd-navy)!important}
html:is(.sd,:not(.sd-off)) .navbar .navbar-home,html:is(.sd,:not(.sd-off)) .navbar-brand{color:#fff!important}
html:is(.sd,:not(.sd-off)) .navbar .form-control,html:is(.sd,:not(.sd-off)) .navbar input{border-radius:999px;height:34px}
html:is(.sd,:not(.sd-off)) .dropdown-toggle:after{border-top-color:#c9d7e6}
html:is(.sd,:not(.sd-off)) .navbar-nav .nav-link{font-size:13px}

/* the two navy bands share ONE centred column, so the logo sits above the page
   title and the avatar above the action buttons - on every page, not only the desk */
html:is(.sd,:not(.sd-off)) .navbar,html:is(.sd,:not(.sd-off)) .page-head{
padding-inline:var(--sd-navpad)!important}
html:is(.sd,:not(.sd-off)) .navbar .container,html:is(.sd,:not(.sd-off)) .navbar .container-fluid,
html:is(.sd,:not(.sd-off)) .page-head .container,html:is(.sd,:not(.sd-off)) .page-head .container-fluid{
max-width:var(--sd-caps)!important;width:100%!important;margin-inline:auto!important;padding-inline:0!important}
html:is(.sd,:not(.sd-off)) ::-webkit-scrollbar{width:9px;height:9px}
html:is(.sd,:not(.sd-off)) ::-webkit-scrollbar-thumb{background:#c3ccd8;border-radius:999px}
html:is(.sd,:not(.sd-off)) ::-webkit-scrollbar-track{background:transparent}
html:is(.sd,:not(.sd-off)) body.sd-desk ::-webkit-scrollbar-thumb{background:var(--sd-line)}
html:is(.sd,:not(.sd-off)) ::selection{background:#dbe7ff;color:var(--sd-navy)}

html:is(.sd,:not(.sd-off)) .card,html:is(.sd,:not(.sd-off)) .page-card,html:is(.sd,:not(.sd-off)) .report-container,html:is(.sd,:not(.sd-off)) .form-layout,html:is(.sd,:not(.sd-off)) .layout-side-section .card{
border-radius:var(--sd-r);border-color:var(--sd-line);box-shadow:var(--shadow-base);background:#fff}
html:is(.sd,:not(.sd-off)) .card .card-header,html:is(.sd,:not(.sd-off)) .card .card-footer{border-color:var(--sd-line);background:transparent}
html:is(.sd,:not(.sd-off)) .card-title,html:is(.sd,:not(.sd-off)) .section-head,html:is(.sd,:not(.sd-off)) .form-section-head{color:var(--sd-navy);font-weight:700}
html:is(.sd,:not(.sd-off)) .layout-side-section{border-inline-end:1px solid var(--sd-line)}

html:is(.sd,:not(.sd-off)) .btn{border-radius:10px;font-weight:600;transition:border-color .14s,background .14s,box-shadow .14s}
html:is(.sd,:not(.sd-off)) .btn-primary{box-shadow:0 1px 3px rgba(47,111,237,.28)}
html:is(.sd,:not(.sd-off)) .btn-default,html:is(.sd,:not(.sd-off)) .btn-secondary,html:is(.sd,:not(.sd-off)) .btn-light{background:#fff;border-color:var(--sd-line);color:var(--sd-navy)}
html:is(.sd,:not(.sd-off)) .btn-default:hover,html:is(.sd,:not(.sd-off)) .btn-secondary:hover{border-color:var(--sd-accent);color:var(--sd-accent);background:#fff}
html:is(.sd,:not(.sd-off)) .btn-link{color:var(--sd-accent)}
html:is(.sd,:not(.sd-off)) .text-primary{color:var(--sd-accent)!important}

html:is(.sd,:not(.sd-off)) .form-control,html:is(.sd,:not(.sd-off)) input[type=text],html:is(.sd,:not(.sd-off)) input[type=number],html:is(.sd,:not(.sd-off)) input[type=date],html:is(.sd,:not(.sd-off)) textarea,html:is(.sd,:not(.sd-off)) select{
border-radius:10px;border-color:var(--sd-line);background:#fff;color:var(--sd-navy)}
html:is(.sd,:not(.sd-off)) .form-control:focus,html:is(.sd,:not(.sd-off)) input:focus,html:is(.sd,:not(.sd-off)) textarea:focus,html:is(.sd,:not(.sd-off)) select:focus{
border-color:var(--sd-accent);box-shadow:0 0 0 3px rgba(47,111,237,.13);outline:0}
html:is(.sd,:not(.sd-off)) .indicator-pill,html:is(.sd,:not(.sd-off)) .badge{border-radius:999px;font-weight:600}
html:is(.sd,:not(.sd-off)) .control-value,html:is(.sd,:not(.sd-off)) .value{color:var(--sd-navy)}

html:is(.sd,:not(.sd-off)) .dropdown-menu,html:is(.sd,:not(.sd-off)) .popover-content,html:is(.sd,:not(.sd-off)) .modal-content{
border-radius:var(--sd-r);border-color:var(--sd-line);box-shadow:var(--shadow-xl)}
html:is(.sd,:not(.sd-off)) .dropdown-item{border-radius:8px;margin:1px 6px;color:var(--sd-navy)}
html:is(.sd,:not(.sd-off)) .dropdown-item:focus,html:is(.sd,:not(.sd-off)) .dropdown-item:hover{background:var(--sd-bg);color:var(--sd-accent)}
html:is(.sd,:not(.sd-off)) .modal-header,html:is(.sd,:not(.sd-off)) .modal-footer{border-color:var(--sd-line)}
html:is(.sd,:not(.sd-off)) .modal-title{color:var(--sd-navy);font-weight:700}

html:is(.sd,:not(.sd-off)) .nav-links .nav-link,html:is(.sd,:not(.sd-off)) .nav-tabs .nav-link{color:var(--sd-muted);font-weight:600}
html:is(.sd,:not(.sd-off)) .nav-links .nav-link.active,html:is(.sd,:not(.sd-off)) .nav-tabs .nav-link.active{color:var(--sd-navy);border-color:var(--sd-accent)}
html:is(.sd,:not(.sd-off)) .list-row-container,html:is(.sd,:not(.sd-off)) .list-row{border-color:var(--sd-line)}
html:is(.sd,:not(.sd-off)) .list-row:hover{background:var(--sd-bg)}
html:is(.sd,:not(.sd-off)) .list-subject a,html:is(.sd,:not(.sd-off)) .list-title{color:var(--sd-navy)}
html:is(.sd,:not(.sd-off)) table.table,html:is(.sd,:not(.sd-off)) .table-bordered td,html:is(.sd,:not(.sd-off)) .table-bordered th{border-color:var(--sd-line)}
html:is(.sd,:not(.sd-off)) table.table th{color:var(--sd-muted);font-size:11px;font-weight:600}
html:is(.sd,:not(.sd-off)) .timeline-content,html:is(.sd,:not(.sd-off)) .activity-content{border-color:var(--sd-line);border-radius:12px}
html:is(.sd,:not(.sd-off)) .alert{border-radius:12px;border-color:var(--sd-line)}

html:is(.sd,:not(.sd-off)) a{color:var(--sd-accent)}
html:is(.sd,:not(.sd-off)) h1,html:is(.sd,:not(.sd-off)) h2,html:is(.sd,:not(.sd-off)) h3,html:is(.sd,:not(.sd-off)) h4,html:is(.sd,:not(.sd-off)) h5,html:is(.sd,:not(.sd-off)) h6,html:is(.sd,:not(.sd-off)) .h5,html:is(.sd,:not(.sd-off)) .h6{color:var(--sd-navy);font-weight:700}
html:is(.sd,:not(.sd-off)) .layout-main-section{background:transparent;padding:14px 18px 26px}

html:is(.sd,:not(.sd-off)) .main-container,html:is(.sd,:not(.sd-off)) .page-container,html:is(.sd,:not(.sd-off)) .layout-main-section-wrapper,
html:is(.sd,:not(.sd-off)) .container-fluid,html:is(.sd,:not(.sd-off)) .container,html:is(.sd,:not(.sd-off)) .container-lg,html:is(.sd,:not(.sd-off)) .container-md,
html:is(.sd,:not(.sd-off)) .page-body,html:is(.sd,:not(.sd-off)) .page-content,html:is(.sd,:not(.sd-off)) .page-main-content,html:is(.sd,:not(.sd-off)) .workspace{
max-width:none!important;width:100%!important;margin-inline:0!important;padding-inline:0!important}
html:is(.sd,:not(.sd-off)) .layout-main-section .content,html:is(.sd,:not(.sd-off)) .layout-main-section .page-wrapper{
max-width:none!important;width:100%!important;margin-inline:0!important}
html:is(.sd,:not(.sd-off)) body{overflow-x:hidden}

html:is(.sd,:not(.sd-off)) .desk-sidebar{background:var(--sd-navy)!important;border-inline-end:0;padding:14px 8px;--icon-stroke:#a8b6c8}
html:is(.sd,:not(.sd-off)) .list-sidebar,html:is(.sd,:not(.sd-off)) .overlay-sidebar,html:is(.sd,:not(.sd-off)) .sidebar-menu{--icon-stroke:#a8b6c8}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-label,html:is(.sd,:not(.sd-off)) .desk-sidebar .menu-item-label,html:is(.sd,:not(.sd-off)) .desk-sidebar a{color:#aebdcd}
html:is(.sd,:not(.sd-off)) .standard-sidebar-label{color:#7f93a8;font-size:10.5px;font-weight:700;letter-spacing:.07em}
html:is(.sd,:not(.sd-off)) .sidebar-item-container,html:is(.sd,:not(.sd-off)) .desk-sidebar-item,html:is(.sd,:not(.sd-off)) .standard-sidebar-item{position:relative;border-radius:10px;padding:6px 8px;transition:background .14s,color .14s}
html:is(.sd,:not(.sd-off)) .sidebar-item-container:hover{background:var(--sd-navy2)}
html:is(.sd,:not(.sd-off)) .sidebar-item-container:hover .sidebar-item-label,html:is(.sd,:not(.sd-off)) .sidebar-item-container:hover .sidebar-item-icon{color:#fff}
html:is(.sd,:not(.sd-off)) .sidebar-item-container.active,html:is(.sd,:not(.sd-off)) .sidebar-item-container.selected,html:is(.sd,:not(.sd-off)) .standard-sidebar-item.active{background:var(--sd-navy2);box-shadow:inset 0 0 0 1px #2b4560}
html:is(.sd,:not(.sd-off)) .sidebar-item-container.active .sidebar-item-label,html:is(.sd,:not(.sd-off)) .sidebar-item-container.active .sidebar-item-icon,html:is(.sd,:not(.sd-off)) .standard-sidebar-item.active .sidebar-item-label{color:#fff}
html:is(.sd,:not(.sd-off)) .sidebar-item-container.active:before{content:"";position:absolute;inset-inline-start:0;top:10px;width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--sd-accent)}

html:is(.sd,:not(.sd-off)) .desk-sidebar{width:var(--sd-rail);min-width:var(--sd-rail);flex-basis:var(--sd-rail);overflow:visible!important;z-index:410;
display:flex;flex-direction:column;align-items:center}
html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-section{position:relative}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-label,html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-label,html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-control{display:none}
html:is(.sd,:not(.sd-off)) .desk-sidebar,html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-menu,html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-section,
html:is(.sd,:not(.sd-off)) .desk-sidebar ul,html:is(.sd,:not(.sd-off)) .desk-sidebar li{background:var(--sd-navy)!important}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container,html:is(.sd,:not(.sd-off)) .desk-sidebar .desk-sidebar-item,html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-item{
position:relative;width:44px;height:44px;margin:3px auto;padding:0;border-radius:12px;
display:flex;align-items:center;justify-content:center;background:transparent!important;
box-shadow:none!important;color:#a8b6c8;transition:background .14s,color .14s}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-icon{margin-inline-end:0;display:inline-flex;color:#a8b6c8}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container:hover,html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-item:hover{background:var(--sd-navy2)!important}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container:hover .sidebar-item-icon{color:#fff}
html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-item[data-toggle="collapse"]{cursor:pointer}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container.active,html:is(.sd,:not(.sd-off)) .desk-sidebar .desk-sidebar-item.active,
html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-item.active{
background:var(--sd-navy2)!important;box-shadow:inset 0 0 0 1px #2b4560!important;color:#fff}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container.active .sidebar-item-icon,
html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-item.active .sidebar-item-icon{color:#fff}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container.active:before{
content:"";position:absolute;inset-inline-start:0;top:11px;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--sd-accent)}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container a,html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container svg,
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container path,html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-icon{background:transparent!important}

html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-menu{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;min-height:0}
html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-section{display:flex;flex-direction:column;align-items:center;width:100%}
html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-section:last-child{margin-top:auto}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container:has(.avatar){
background:var(--sd-accent)!important;color:#fff;box-shadow:0 1px 3px rgba(47,111,237,.35)}
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container:has(.avatar):hover{background:#2a63d8!important}
html:is(.sd,:not(.sd-off)) .desk-sidebar .avatar{
width:44px;height:44px;border-radius:12px;border:0;background:transparent;
display:flex;align-items:center;justify-content:center}
html:is(.sd,:not(.sd-off)) .desk-sidebar .avatar-frame,html:is(.sd,:not(.sd-off)) .desk-sidebar .avatar .avatar-frame{
width:100%;height:100%;border-radius:12px;border:0;background:transparent!important;
color:#fff!important;font-weight:700;font-size:12px;line-height:44px;text-align:center}
html:is(.sd,:not(.sd-off)) .desk-sidebar .avatar img,html:is(.sd,:not(.sd-off)) .desk-sidebar .avatar-frame img{border-radius:10px}

html:is(.sd,:not(.sd-off)) .desk-sidebar a.sd-brand,html:is(.sd,:not(.sd-off)) #sd-brand{
width:44px;height:34px;margin:0 auto 10px;border-radius:10px;background:var(--sd-accent);
color:#fff!important;display:flex;align-items:center;justify-content:center;flex:none;
font-weight:700;font-size:11px;letter-spacing:.04em;text-decoration:none;
box-shadow:0 1px 3px rgba(47,111,237,.35)}
html:is(.sd,:not(.sd-off)) .desk-sidebar a.sd-brand:hover{background:#2a63d8;text-decoration:none}

html:is(.sd,:not(.sd-off)) .sidebar-child-item{display:none!important}

html:is(.sd,:not(.sd-off)) .tippy-popper,html:is(.sd,:not(.sd-off)) .tippy-box,html:is(.sd,:not(.sd-off)) [data-tippy-root]{display:none!important}

html:is(.sd,:not(.sd-off)) #sd-flyout{
display:none;position:fixed;z-index:2147483646;width:188px;max-height:70vh;overflow-y:auto;
padding:5px;margin:0;background:#fff;border:1px solid var(--sd-line);border-radius:11px;
color:var(--sd-navy);text-align:start;box-shadow:0 14px 34px -8px rgba(13,27,42,.30)}
html:is(.sd,:not(.sd-off)) #sd-flyout.sd-fly-on{display:block}
html:is(.sd,:not(.sd-off)) #sd-flyout .sd-fly-title{
padding:3px 9px 5px;font-size:10px;font-weight:700;letter-spacing:.02em;color:#9aa8b8}
html:is(.sd,:not(.sd-off)) #sd-flyout .sd-fly{
display:block;padding:6px 9px;border-radius:8px;font-size:12.5px;font-weight:700;line-height:1.3;
color:#1f2d3d;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
transition:background .12s,color .12s}
html:is(.sd,:not(.sd-off)) #sd-flyout .sd-fly:hover{background:var(--sd-bg);color:var(--sd-accent)}
html:is(.sd,:not(.sd-off)) #sd-flyout .sd-fly-single{padding:7px 11px;font-size:13px}

/* name card on hover with NO javascript: the real label is already in the DOM,
   we park it beside the icon and only let it show on hover. desk.js replaces
   this with #sd-flyout (which can also carry dropdown children) via .sd-fly-ready */
html:not(.sd-fly-ready) .desk-sidebar .sidebar-item-label{
display:block;position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);
z-index:2147483000;padding:7px 11px;border-radius:10px;background:#fff;
border:1px solid var(--sd-line);color:var(--sd-navy);font-size:12.5px;font-weight:700;
line-height:1;white-space:nowrap;opacity:0;pointer-events:none;
box-shadow:0 14px 34px -8px rgba(13,27,42,.30)}
html:not(.sd-fly-ready) .desk-sidebar .sidebar-item-container:hover .sidebar-item-label,
html:not(.sd-fly-ready) .desk-sidebar .standard-sidebar-item:hover .sidebar-item-label,
html:not(.sd-fly-ready) .desk-sidebar .desk-sidebar-item:hover .sidebar-item-label{opacity:1}

/* the brand tile also exists without desk.js */
html:not(.sd) .desk-sidebar:before{
content:"AMS";width:44px;height:34px;margin:0 auto 10px;border-radius:10px;flex:none;
background:var(--sd-accent);color:#fff;display:flex;align-items:center;justify-content:center;
font-weight:700;font-size:11px;letter-spacing:.04em;box-shadow:0 1px 3px rgba(47,111,237,.35)}

html:is(.sd,:not(.sd-off)) .card .card-header{padding:14px 18px;border-bottom:1px solid var(--sd-line);background:transparent}
html:is(.sd,:not(.sd-off)) .section-head,html:is(.sd,:not(.sd-off)) .form-section-head{font-size:12px;font-weight:700;color:var(--sd-muted);letter-spacing:.04em}
html:is(.sd,:not(.sd-off)) .page-content,html:is(.sd,:not(.sd-off)) .page-main-content,html:is(.sd,:not(.sd-off)) .ct__content{background:transparent}
html:is(.sd,:not(.sd-off)) .ct__content,html:is(.sd,:not(.sd-off)) .layout-main-section .form-layout{max-width:1320px;margin-inline:auto}

html:is(.sd,:not(.sd-off)) .result-list,html:is(.sd,:not(.sd-off)) .list-row-container{border:1px solid var(--sd-line);border-radius:var(--sd-r);overflow:hidden;background:#fff;box-shadow:var(--shadow-base)}
html:is(.sd,:not(.sd-off)) .list-row{padding:11px 16px;border-bottom:1px solid var(--sd-line);transition:background .12s}
html:is(.sd,:not(.sd-off)) .list-row:last-child{border-bottom:0}
html:is(.sd,:not(.sd-off)) .list-row:hover{background:var(--sd-bg)}
html:is(.sd,:not(.sd-off)) .list-headers{background:var(--sd-bg);border-bottom:1px solid var(--sd-line);font-size:11px;color:var(--sd-muted)}
html:is(.sd,:not(.sd-off)) .list-row-col,html:is(.sd,:not(.sd-off)) .list-row__subject{font-size:13px}

html:is(.sd,:not(.sd-off)) .kanban-board{background:transparent}
html:is(.sd,:not(.sd-off)) .kanban-column{background:var(--sd-bg);border:1px solid var(--sd-line);border-radius:var(--sd-r)}
html:is(.sd,:not(.sd-off)) .kanban-task{border:1px solid var(--sd-line);border-radius:10px;box-shadow:var(--shadow-xs)}
html:is(.sd,:not(.sd-off)) .layout-side-section .card,html:is(.sd,:not(.sd-off)) .layout-side-section .form-sidebar{border:1px solid var(--sd-line);border-radius:var(--sd-r);background:#fff;box-shadow:var(--shadow-base)}

html:is(.sd,:not(.sd-off)) .form-tabs,html:is(.sd,:not(.sd-off)) .nav-tabs{border-bottom:1px solid var(--sd-line)}
html:is(.sd,:not(.sd-off)) .nav-links .nav-link.active{box-shadow:inset 0 -2px 0 var(--sd-accent)}
html:is(.sd,:not(.sd-off)) .avatar-frame,html:is(.sd,:not(.sd-off)) .avatar .avatar-frame{border-radius:9px}
html:is(.sd,:not(.sd-off)) .page-head .btn,html:is(.sd,:not(.sd-off)) .page-head .btn-group .btn{border-radius:10px}

/* SD v16 rail glue - the navy rail must touch the navy header bands */
html:is(.sd,:not(.sd-off)) .desk-sidebar{margin:0!important;padding-inline:0}

/* SD v17 band close - content must start at the rail, not 250px after it */
html:is(.sd,:not(.sd-off)) .layout-main-section .ct__content,
html:is(.sd,:not(.sd-off)) .layout-main-section .form-layout,
html:is(.sd,:not(.sd-off)) .workspace > *{max-width:none!important;margin-inline:0!important}
html:is(.sd,:not(.sd-off)) .layout-main-section [class*="offset-"]{margin-inline-start:0!important}
html:is(.sd,:not(.sd-off)) .layout-main-section{padding-inline:clamp(16px,2.4vw,44px)}

/* SD v18 rail column - the rail owns a 76px column and its navy is unbroken */
html:is(.sd,:not(.sd-off)) .layout-main-section-wrapper > *:not(.layout-main-section):not(.sd-wrap){
width:var(--sd-rail)!important;min-width:var(--sd-rail)!important;max-width:var(--sd-rail)!important;
flex:0 0 var(--sd-rail)!important}
html:is(.sd,:not(.sd-off)) body:has(.desk-sidebar .sidebar-item-label):before{
content:"";position:fixed;left:0;top:var(--sd-nav);bottom:0;width:var(--sd-rail);
background:var(--sd-navy);z-index:400;pointer-events:none}
html:is(.sd,:not(.sd-off)) .desk-sidebar{position:relative;z-index:410;margin-top:0!important}
html:is(.sd,:not(.sd-off)) .layout-main-section-wrapper{margin-top:0!important;padding-top:0!important}
html:is(.sd,:not(.sd-off)) .page-head{margin-bottom:0!important}

/* SD v19 label anchor - every row element must be the containing block for its own name */
html:is(.sd,:not(.sd-off)) .desk-sidebar li,
html:is(.sd,:not(.sd-off)) .desk-sidebar a,
html:is(.sd,:not(.sd-off)) .desk-sidebar .standard-sidebar-item,
html:is(.sd,:not(.sd-off)) .desk-sidebar .sidebar-item-container,
html:is(.sd,:not(.sd-off)) .desk-sidebar .desk-sidebar-item{position:relative}
html:not(.sd-fly-ready) .desk-sidebar .sidebar-item-label{max-width:min(240px,40vw);overflow:hidden;text-overflow:ellipsis}