/* ISP-old family: original menu, sidebar and dark sidebar, all responsive. */
@media screen {
html:root[data-sc-skin="isp-old"]{--isp335-side:210px;--isp335-mast-height:90px;--isp335-panel:#fff;--isp335-text:#454545;--isp335-border:#c7cdd1;--isp335-soft:#edf2f5}
html:root[data-sc-skin="isp-old"] body{min-width:0!important}
html:root[data-sc-skin="isp-old"] body main{min-width:0!important;box-sizing:border-box!important}
#isp335-navigation[hidden],#isp335-menu-toggle[hidden],#isp335-nav-overlay[hidden]{display:none!important}
html:root[data-sc-skin="isp-old"] #isp335-navigation{position:fixed;left:0;top:var(--isp335-mast-height);bottom:0;width:var(--isp335-side);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;background:var(--isp335-panel);color:var(--isp335-text);border-right:1px solid var(--isp335-border);z-index:1000;padding:8px 0 24px}
html:root[data-sc-skin="isp-old"] #isp335-navigation nav{display:flex!important;position:static!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:1px!important;min-width:0!important;width:auto!important;height:auto!important;overflow:visible!important;background:transparent!important;padding:0 7px 8px!important;margin:0 0 7px!important;border:0!important;border-bottom:1px solid var(--isp335-border)!important;box-shadow:none!important}
html:root[data-sc-skin="isp-old"] #isp335-navigation nav:not(:first-child)::before{content:attr(aria-label);display:block;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--sc-muted);padding:7px 8px 5px}
html:root[data-sc-skin="isp-old"] #isp335-navigation nav a{display:block!important;flex:none!important;white-space:normal!important;margin:0!important;padding:8px 10px!important;min-height:18px!important;border:0!important;border-radius:3px!important;line-height:18px!important;font-size:12px!important;color:var(--isp335-text)!important;background:transparent!important;text-shadow:none!important;text-decoration:none!important}
html:root[data-sc-skin="isp-old"] #isp335-navigation nav a:hover{background:var(--isp335-soft)!important}
html:root[data-sc-skin="isp-old"] #isp335-navigation nav a.active,html:root[data-sc-skin="isp-old"] #isp335-navigation nav a[aria-current="page"]{background:#a8102d!important;color:#fff!important;font-weight:700!important}
html:root[data-sc-skin="isp-old"][data-sc-nav="side"] body main{margin-left:var(--isp335-side)!important;width:calc(100% - var(--isp335-side))!important}
html:root[data-sc-skin="isp-old"] #isp335-menu-toggle{white-space:nowrap;min-width:64px!important;font-size:13px!important;padding:6px 8px!important;cursor:pointer}
#isp335-nav-overlay{position:fixed;inset:var(--isp335-mast-height) 0 0!important;width:100%!important;height:auto!important;border:0!important;margin:0!important;border-radius:0!important;background:#0007!important;z-index:999;cursor:pointer}
html:root[data-sc-skin="isp-old"] .isp335-table-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;margin:5px 0;scrollbar-width:thin}
html:root[data-sc-skin="isp-old"] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #2684bd!important;outline-offset:2px!important}
/* Category is independent of severity and is conveyed by text as well as color. */
html:root #sc-notifications-popup .sc-notification-item[data-kind="stock"]{border-left:5px solid #267ab4!important;background:#edf6ff!important;color:#16466a!important}
html:root #sc-notifications-popup .sc-notification-item[data-kind="planned"]{border-left:5px solid #d18a09!important;background:#fff6df!important;color:#6e4a08!important}
html:root #sc-notifications-popup .sc-notification-item[data-kind="unplanned"]{border-left:5px solid #c84548!important;background:#fff0f1!important;color:#842d32!important}
html:root #sc-notifications-popup .sc-notification-item small{color:inherit!important;font-weight:700;letter-spacing:.05em}
html:root #sc-notifications-popup .sc-notification-item:hover{filter:brightness(.97)}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"]{color-scheme:dark;--sc-bg:#151c24;--sc-surface:#1f2a36;--sc-surface2:#283646;--sc-text:#e5edf5;--sc-muted:#a9bbcc;--sc-border:#425465;--sc-accent:#79b7e0;--ink:#e5edf5;--muted:#a9bbcc;--line:#425465;--canvas:#151c24;--isp335-panel:#1f2a36;--isp335-text:#e5edf5;--isp335-border:#425465;--isp335-soft:#314255}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body{background:#151c24!important;color:#e5edf5!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body #sc-theme-select{background:#17222d!important;color:#e5edf5!important;border-color:#607587!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body .login-brand{color:#e5edf5!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(main,.hero,.client-heading){color:#e5edf5!important;background:transparent!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(.box,.contact-panel,.client-panel,fieldset,.login-card,.card,.notice-card,.notice-panel,dialog,.modal-content,.sc199-popup){background:#1f2a36!important;color:#e5edf5!important;border-color:#425465!important;box-shadow:none!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(h1,h2,h3,h4,label,legend,.service-heading,.client-panel-heading h1,.hero h1){color:#e5edf5!important;text-shadow:none!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body main a{color:#a0d5f5!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(.muted,.sc-meta,.general-description,.notice-muted){color:#a9bbcc!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){background:#17222d!important;color:#e5edf5!important;border-color:#607587!important;box-shadow:none!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(input,select,textarea):disabled{background:#27323c!important;color:#96a2ad!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(button,.button,.btn){background:#304357!important;color:#edf6fd!important;border-color:#5c7187!important;text-shadow:none!important;box-shadow:none!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(table,.contact-table,.client-data-table,.warehouse-table,.general-settings-table,.sc-table){background:#1f2a36!important;color:#e5edf5!important;border-color:#425465!important;box-shadow:none!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body main table :is(th,td){border-color:#425465!important;color:inherit!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body main table th,html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(.client-panel-heading,.contact-section-title,.service-total){background:linear-gradient(#34495d,#293b4e)!important;color:#edf5fc!important;border-color:#425465!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body main table tbody tr{background:#1f2a36!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body main table tbody tr:nth-child(even){background:#243241!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body main table tbody td{background:transparent!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body main table tbody tr:hover{background:#344d63!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body main table :is(tfoot td,tfoot th){background:#2d4052!important;color:#e5edf5!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(.service-tabs,.tabs,.tabbar) a{background:#2c3b4b!important;color:#dbe8f4!important;border-color:#566b7f!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(.service-tabs,.tabs,.tabbar) a.active{background:#a8102d!important;color:#fff!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(.notice,.sc-note,.general-warning,.general-isolation,.general-effect){background:#3e3520!important;color:#f5dba4!important;border-color:#826731!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body :is(.error,[role="alert"]){background:#4d2831!important;color:#ffc4cb!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body main table tr:is(.sc201-marked,.stock-cancelled,.row_style_disabled){background:#5a2c38!important;color:#ffd9df!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] body main table :is(.invoice-total,.warehouse-total,.row_style_sum)>:is(td,th){background:#634822!important;color:#fff1d0!important}
html:root[data-sc-theme="dark"][data-sc-skin="isp-old"] #sc-compact-header{background:#1f2a36!important}
html:root[data-sc-theme="dark"] #sc-notifications-popup .sc-notification-item[data-kind="stock"]{background:#193c54!important;color:#c5e7ff!important}
html:root[data-sc-theme="dark"] #sc-notifications-popup .sc-notification-item[data-kind="planned"]{background:#463a21!important;color:#ffe3a1!important}
html:root[data-sc-theme="dark"] #sc-notifications-popup .sc-notification-item[data-kind="unplanned"]{background:#4d2932!important;color:#ffccd1!important}
}
@media screen and (max-width:760px){
html:root[data-sc-skin="isp-old"] body main{margin:8px 0 0!important;width:100%!important;padding:0 8px 16px!important}
html:root[data-sc-skin="isp-old"] #isp335-navigation{width:min(290px,86vw);transform:translateX(-101%);visibility:hidden;transition:transform .16s ease,visibility .16s;box-shadow:6px 0 20px #0004}
html:root[data-sc-skin="isp-old"].isp335-menu-open #isp335-navigation{transform:none;visibility:visible}
html:root[data-sc-skin="isp-old"] #isp335-navigation nav a{padding:11px 12px!important;min-height:22px!important;font-size:14px!important;line-height:22px!important}
html:root[data-sc-skin="isp-old"] body :is(.grid-two,.contact-columns,.service-form-columns,.notice-grid,.form-grid,.form-columns){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
html:root[data-sc-skin="isp-old"] body :is(fieldset,.box,.client-panel,.contact-panel){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html:root[data-sc-skin="isp-old"] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){font-size:16px!important;min-height:38px!important;box-sizing:border-box!important}
html:root[data-sc-skin="isp-old"] body main :is(button,.button,.btn){min-height:36px!important;font-size:13px!important;white-space:normal!important}
html:root[data-sc-skin="isp-old"] body main label{font-size:13px!important;line-height:18px!important}
html:root[data-sc-skin="isp-old"] body main table{width:max-content!important;min-width:100%!important;max-width:none!important}
html:root[data-sc-skin="isp-old"] body main table :is(th,td){font-size:12px!important;padding:7px 6px!important;line-height:17px!important}
html:root[data-sc-skin="isp-old"] body :is(.service-tabs,.tabs,.tabbar){max-width:100%;overflow:auto;display:flex;flex-wrap:nowrap}
html:root[data-sc-skin="isp-old"] body :is(.service-tabs,.tabs,.tabbar) a{white-space:nowrap;min-height:24px}
html:root[data-sc-skin="isp-old"] body #sc-compact-header .sc199-actions{width:auto!important;min-width:130px!important;grid-column:2 / 4!important;gap:3px!important}
html:root[data-sc-skin="isp-old"] body #sc-compact-header .sc199-weather{display:none!important}
html:root[data-sc-skin="isp-old"] body #sc-compact-header .sc199-actions #isp335-menu-toggle{min-height:36px!important;min-width:70px!important}
html:root[data-sc-skin="isp-old"] body #sc-compact-header .sc200-logout button{box-sizing:border-box!important;width:36px!important;min-width:36px!important;max-width:36px!important;padding:5px!important}
html:root[data-sc-skin="isp-old"] body #sc-compact-header .sc200-logout button:not(:has(svg)){font-size:0!important}
html:root[data-sc-skin="isp-old"] body #sc-compact-header .sc200-logout button:not(:has(svg))::after{content:'⏻';font-size:22px;line-height:24px}
html:root #sc-notifications-popup{inset:12px 8px auto!important;margin:0!important;width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important}
}
@media(prefers-reduced-motion:reduce){#isp335-navigation{transition:none!important}}
@media print{#isp335-navigation,#isp335-menu-toggle,#isp335-nav-overlay{display:none!important}body main{margin-left:0!important;width:auto!important}}