/* Navigazione e componenti della panoramica. */
body:not(.login):not(.popup) #container {padding-left:248px;box-sizing:border-box;min-width:0;width:100%;background:var(--ls-bg)}
body:not(.login) #main {display:block;min-width:0}
body:not(.login) #main>.content {width:100%;min-width:0;max-width:none}
body:not(.login) #content {padding:28px 32px 12px;box-sizing:border-box;width:100%;max-width:1700px;margin:0 auto}
body:not(.login) #header.ls-topbar {box-sizing:border-box;width:100%;min-height:76px;padding:18px 32px;display:flex;gap:16px;align-items:center;background:var(--ls-surface);border-bottom:1px solid var(--ls-line);color:var(--ls-text)}
.ls-topbar-start,.ls-topbar-end {display:flex;align-items:center;gap:15px;min-width:0}
.ls-topbar-end {margin-left:auto;flex-shrink:0}
#header .ls-crumb-home {color:var(--ls-muted);font-size:12px;white-space:nowrap}
.ls-crumb-divider {color:var(--ls-line)}
.ls-crumb-current {font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}
.ls-date {color:var(--ls-muted);font-size:12px}
.ls-icon-button {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:1px solid var(--ls-line);border-radius:10px;background:var(--ls-surface);color:var(--ls-muted);padding:0}
.ls-icon-button:hover {background:var(--ls-soft);color:var(--ls-brand)}
.ls-avatar {width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;background:var(--ls-brand-soft);color:var(--ls-brand)!important;border-radius:11px;font-weight:700;font-size:13px;flex-shrink:0}
.ls-moon {display:block}.ls-sun {display:none}
[data-theme="dark"] .ls-moon {display:none}[data-theme="dark"] .ls-sun {display:block}
.ls-sidebar {position:fixed;top:0;bottom:0;left:0;z-index:1100;width:248px;background:var(--ls-surface);border-right:1px solid var(--ls-line);display:flex;flex-direction:column;box-sizing:border-box;color:var(--ls-text)}
.ls-brand {display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750;letter-spacing:-.8px;color:var(--ls-text)!important;line-height:1.15;text-decoration:none!important}
.ls-sidebar>.ls-brand {padding:27px 22px 22px}
.ls-brand img {flex-shrink:0}
.ls-brand small {display:block;color:var(--ls-muted);font-size:8px;font-weight:600;letter-spacing:1.45px;margin-top:7px}
.ls-workspace {margin:0 17px 18px;padding:12px 10px;display:flex;align-items:center;gap:9px;border:1px solid var(--ls-line);border-radius:10px;background:var(--ls-soft);font-size:11px;font-weight:600}
.ls-workspace-mark {width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--ls-line);border-radius:8px;background:var(--ls-surface);color:var(--ls-muted)}
.ls-workspace small {display:block;color:var(--ls-muted);font-size:9px;font-weight:400;margin-top:5px}
.ls-status-dot {display:inline-block;width:6px;height:6px;border-radius:50%;background:#37af84;flex-shrink:0}
.ls-workspace>.ls-status-dot {margin-left:auto}
.ls-nav {padding:0 13px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ls-line) transparent;flex:1;min-height:0}
.ls-nav-label {font-size:9px;letter-spacing:1.3px;color:var(--ls-muted);font-weight:650;margin:22px 14px 9px;padding:0}
.ls-nav-label:first-child {margin-top:3px}
.ls-nav a {position:relative;display:flex;align-items:center;gap:11px;padding:11px 13px;margin:3px 0;min-height:40px;box-sizing:border-box;border-radius:8px;color:var(--ls-muted);font-size:12px;font-weight:500;line-height:1.3}
.ls-nav a:hover {background:var(--ls-soft);color:var(--ls-text)}
.ls-nav a.is-active {background:var(--ls-brand-soft);color:var(--ls-brand);font-weight:650}
.ls-nav a.is-active:after {content:"";width:5px;height:5px;border-radius:50%;background:currentColor;margin-left:auto}
.ls-nav .ls-icon {width:18px;height:18px}
.ls-sidebar-account {padding:15px 17px;border-top:1px solid var(--ls-line);display:flex;align-items:center;gap:10px}
.ls-account-name {font-size:12px;font-weight:650;flex:1;min-width:0;overflow-wrap:anywhere}
.ls-account-name small {display:block;font-size:9px;color:var(--ls-muted);font-weight:400;margin-top:4px}
.ls-sidebar-account form {margin:0}
.ls-sidebar-account button {border:0;width:28px;height:32px;background:transparent}
.ls-backdrop,.ls-menu-button {display:none}
#footer {padding:24px 32px;margin:0 auto;max-width:1700px;box-sizing:border-box;display:flex;align-items:center;gap:12px;color:var(--ls-muted);font-size:10px}
.ls-footer-brand {font-size:12px;font-weight:700;color:var(--ls-text)}
#container>nav .breadcrumbs {padding:12px 32px 0;font-size:11px;color:var(--ls-muted)}
#container>nav .breadcrumbs a {color:var(--ls-muted)}
.ls-login-header {display:flex;justify-content:space-between;align-items:center}
.ls-dashboard h1,.ls-dashboard h2,.ls-dashboard h3,.ls-dashboard p {margin:0}
.ls-dashboard {color:var(--ls-text)}
.ls-page-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 26px}
.ls-eyebrow {color:var(--ls-brand);font-size:10px;font-weight:650;letter-spacing:1.3px;margin-bottom:9px!important}
.ls-dashboard h1 {font-size:29px!important;letter-spacing:-1px!important;font-weight:720!important;line-height:1.3;margin:0 0 8px!important}
.ls-subtitle {color:var(--ls-muted);font-size:12px;line-height:1.6}
.ls-heading-actions {display:flex;align-items:center;gap:10px;flex-shrink:0}
.ls-button {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;box-sizing:border-box;padding:10px 14px;border:1px solid var(--ls-line);border-radius:8px;color:var(--ls-text)!important;background:var(--ls-surface);font-size:11px;font-weight:600;white-space:nowrap;line-height:1.3;text-decoration:none!important}
.ls-button:hover {background:var(--ls-soft)}
.ls-button-primary {background:var(--button-bg);border-color:var(--button-bg);color:#fff!important;box-shadow:0 3px 8px #6254e824}
.ls-button-primary:hover {background:var(--button-hover-bg)}
.ls-button .ls-icon {width:16px;height:16px}
.ls-period-bar {display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:21px}
.ls-updated {font-size:10px;color:var(--ls-muted);display:flex;align-items:center;gap:6px}
.ls-period {display:flex;gap:8px;align-items:center;font-size:11px;color:var(--ls-muted)}
#content .ls-period input {font-size:11px;padding:7px 8px;max-width:140px;box-sizing:border-box;min-height:34px}
.ls-period .ls-button {min-height:34px;padding:7px 11px}
.ls-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.ls-kpi {background:var(--ls-surface);border:1px solid var(--ls-line);border-radius:12px;padding:19px 20px;box-shadow:var(--ls-shadow);min-width:0;position:relative}
.ls-kpi-head {display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:16px}
.ls-kpi-title {font-size:11px;font-weight:550;color:var(--ls-muted);line-height:1.5}
.ls-kpi-icon {width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--ls-brand-soft);color:var(--ls-brand);flex-shrink:0}
.ls-kpi-icon.green {background:var(--ls-green-soft);color:var(--ls-green)}
.ls-kpi-icon.amber {background:var(--ls-amber-soft);color:var(--ls-amber)}
.ls-kpi-value {font-size:25px;font-weight:720;letter-spacing:-.9px;line-height:1.4;color:var(--ls-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ls-kpi-value.negative {color:var(--ls-red)}
.ls-kpi-foot {display:flex;align-items:center;gap:5px;font-size:10px;color:var(--ls-muted);margin-top:10px;line-height:1.4}
.ls-kpi-featured {background:var(--ls-brand-soft);border-color:color-mix(in srgb,var(--ls-brand) 16%,var(--ls-line))}
.ls-kpi-featured .ls-kpi-value {color:var(--ls-brand)}
.ls-finance-strip {display:flex;gap:22px;align-items:center;margin-bottom:24px;padding:13px 17px;border:1px solid var(--ls-line);border-radius:10px;color:var(--ls-muted);font-size:10px;background:var(--ls-surface);flex-wrap:wrap}
.ls-finance-strip span {display:flex;align-items:center;gap:7px}
.ls-finance-strip strong {color:var(--ls-text);font-weight:650;font-size:11px;font-variant-numeric:tabular-nums}
.ls-two-columns {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px;margin-bottom:20px;align-items:start}
.ls-two-columns.equal {grid-template-columns:repeat(2,minmax(0,1fr))}
.ls-panel {border:1px solid var(--ls-line);border-radius:12px;background:var(--ls-surface);box-shadow:var(--ls-shadow);min-width:0;overflow:hidden}
.ls-panel-header {padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--ls-line)}
.ls-panel-title {display:flex;align-items:center;gap:8px}
.ls-dashboard h2 {font-size:13px!important;font-weight:650;letter-spacing:-.1px;color:var(--ls-text)}
.ls-panel-subtitle {font-size:10px;color:var(--ls-muted);margin-top:6px!important;line-height:1.4}
.ls-panel-link {font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--ls-brand)}
.ls-panel-link .ls-icon {width:14px;height:14px}
.ls-count {font-size:9px;border-radius:5px;min-width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;background:var(--ls-soft);color:var(--ls-muted);padding:0 4px;box-sizing:border-box}
.ls-count.red {background:var(--ls-red-soft);color:var(--ls-red)}
.ls-table-wrap {width:100%;overflow-x:auto}
.ls-dashboard table {width:100%;margin:0;border-collapse:collapse;font-size:11px;white-space:nowrap}
.ls-dashboard th {font-size:9px;font-weight:550;letter-spacing:.35px;padding:12px 20px;border-bottom:1px solid var(--ls-line);text-transform:uppercase;color:var(--ls-muted);background:var(--ls-soft)}
.ls-dashboard td {padding:16px 20px;border-bottom:1px solid var(--ls-line);vertical-align:middle;font-size:11px;color:var(--ls-text)}
.ls-dashboard tbody tr:last-child td {border-bottom:0}
.ls-dashboard tbody tr:hover {background:var(--ls-soft)}
.ls-dashboard tbody tr:hover td {background:var(--ls-soft)}
.ls-dashboard td small {display:block;color:var(--ls-muted);font-size:10px;margin-top:5px}
.ls-dashboard td a {color:var(--ls-text);font-weight:550}
.ls-dashboard td a:hover {color:var(--ls-brand)}
.ls-number {text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.ls-dashboard th.ls-number {text-align:right}
.ls-red-text {color:var(--ls-red)!important}
.ls-badge {display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:9px;line-height:1.2;font-weight:550;background:var(--ls-soft);color:var(--ls-muted);white-space:nowrap}
.ls-badge.green {color:var(--ls-green);background:var(--ls-green-soft)}
.ls-badge.amber {color:var(--ls-amber);background:var(--ls-amber-soft)}
.ls-badge.red {color:var(--ls-red);background:var(--ls-red-soft)}
.ls-badge.purple {color:var(--ls-brand);background:var(--ls-brand-soft)}
.ls-empty {padding:28px 20px!important;white-space:normal!important;text-align:center;color:var(--ls-muted)!important;font-size:11px!important;line-height:1.7}
.ls-empty .ls-icon {width:24px;height:24px;display:block;margin:0 auto 10px;color:var(--ls-green)}
.ls-deadlines {list-style:none;padding:0;margin:0}
.ls-deadlines li {display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--ls-line);margin:0;list-style:none}
.ls-deadlines li:last-child {border-bottom:0}
.ls-day {height:40px;min-width:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--ls-line);border-radius:8px;color:var(--ls-text);font-size:14px;font-weight:650;background:var(--ls-soft);line-height:1.1}
.ls-day small {font-size:8px;text-transform:uppercase;color:var(--ls-muted);margin-top:4px}
.ls-deadline-info {flex:1;min-width:0;font-size:11px;font-weight:550}
.ls-deadline-info a {color:var(--ls-text)}
.ls-deadline-info small {display:block;margin-top:5px;color:var(--ls-muted);font-size:10px;font-weight:400}
.ls-deadline-amount {font-size:11px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
.ls-stock-list {padding:0 20px}
.ls-stock-item {display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--ls-line)}
.ls-stock-item:last-child {border-bottom:0}
.ls-stock-icon {display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--ls-amber-soft);color:var(--ls-amber);flex-shrink:0}
.ls-stock-info {flex:1;min-width:0;font-size:11px;font-weight:550}
.ls-stock-info small {display:block;font-size:10px;color:var(--ls-muted);margin-top:5px;font-weight:400}
.ls-inventory-head {display:flex;align-items:center;gap:16px;padding:16px 20px;flex-wrap:wrap;border-bottom:1px solid var(--ls-line);justify-content:space-between}
.ls-filters {display:flex;gap:4px;background:var(--ls-soft);padding:4px;border-radius:8px}
.ls-filter {border:0;background:transparent;color:var(--ls-muted);font-size:10px;padding:7px 10px;border-radius:5px;white-space:nowrap}
.ls-filter[aria-pressed="true"] {background:var(--ls-surface);color:var(--ls-brand);box-shadow:0 1px 4px #1313280a;font-weight:600}
.ls-search {display:flex;align-items:center;gap:8px;border:1px solid var(--ls-line);border-radius:8px;padding:0 10px;background:var(--ls-surface);color:var(--ls-muted)}
#content .ls-search input {border:0;background:transparent;font-size:11px;width:220px;padding:9px 0}
.ls-search:focus-within {outline:2px solid var(--ls-brand);outline-offset:2px}
#content .ls-search input:focus-visible {outline:0}
.ls-search .ls-icon {width:16px;height:16px}
.ls-product-cell {display:flex;align-items:center;gap:11px}
.ls-product-icon {display:grid;place-items:center;flex-shrink:0;width:33px;height:36px;border:1px solid var(--ls-line);border-radius:8px;color:var(--ls-muted);background:var(--ls-soft)}
.ls-table-footer {padding:13px 20px;border-top:1px solid var(--ls-line);font-size:10px;color:var(--ls-muted);display:flex;justify-content:space-between;gap:10px}
.ls-inventory {margin-bottom:20px}
.ls-dashboard [hidden] {display:none!important}
.ls-compact-kpis {grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1600px){body:not(.login) #content {padding-top:34px}.ls-kpi {padding:23px}.ls-kpi-value {font-size:30px}}
@media(max-width:1250px){.ls-page-heading {align-items:flex-start}.ls-heading-actions {flex-wrap:wrap;justify-content:flex-end}.ls-dashboard h1 {font-size:25px!important}.ls-kpi {padding:16px}.ls-kpi-value {font-size:22px}.ls-two-columns {grid-template-columns:1fr}.ls-two-columns.equal {grid-template-columns:1fr 1fr}.ls-finance-strip {gap:14px}}
@media(max-width:1020px){body:not(.login):not(.popup) #container {padding-left:0}.ls-sidebar {transform:translateX(-100%);transition:transform .2s}.ls-menu-button {display:inline-flex}.ls-menu-open .ls-sidebar {transform:translateX(0)}.ls-menu-open {overflow:hidden}.ls-menu-open .ls-backdrop {display:block;position:fixed;inset:0;background:#080c1966;border:0;z-index:1050;width:100%;height:100%;backdrop-filter:blur(2px)}.ls-crumb-current {max-width:260px}.ls-page-heading {align-items:center}}
@media(max-width:700px){body:not(.login) #header.ls-topbar {padding:14px 18px;min-height:64px;gap:8px}.ls-date,.ls-crumb-home,.ls-crumb-divider {display:none}.ls-topbar-start,.ls-topbar-end {gap:9px}.ls-crumb-current {max-width:200px}body:not(.login) #content {padding:23px 18px 8px}.ls-page-heading {display:block;margin-top:0;margin-bottom:21px}.ls-dashboard h1 {font-size:25px!important}.ls-heading-actions {margin-top:18px;justify-content:flex-start}.ls-period-bar {display:block}.ls-period {margin-top:14px;flex-wrap:wrap;gap:7px}.ls-period>span {width:100%;margin-bottom:2px}.ls-kpis {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ls-kpi {padding:15px}.ls-kpi-value {font-size:23px}.ls-kpi-head {margin-bottom:12px}.ls-kpi-title {font-size:10px}.ls-kpi-icon {width:27px;height:27px}.ls-two-columns.equal {grid-template-columns:1fr}.ls-panel-header {padding:17px}.ls-inventory-head {padding:12px 17px;gap:12px}.ls-filters {max-width:100%;overflow:auto}.ls-filter {padding:7px 9px}.ls-search {width:100%}#content .ls-search input {width:100%}.ls-finance-strip {gap:11px}.ls-finance-strip span {width:100%;justify-content:space-between}.ls-table-footer {display:block;line-height:1.7}.ls-table-footer span {display:block}#footer {padding:20px 18px;font-size:9px;gap:8px}#container>nav .breadcrumbs {padding:12px 18px 0}.ls-compact-kpis {grid-template-columns:repeat(2,minmax(0,1fr))}.ls-compact-kpis .ls-kpi:last-child {grid-column:1/-1}}
@media(max-width:380px){.ls-kpi-value {font-size:20px}.ls-kpi {padding:12px}.ls-kpi-icon {display:none}.ls-heading-actions {gap:7px}.ls-button {padding:9px 11px}.ls-crumb-current {max-width:155px}}
@media print{.ls-sidebar,.ls-topbar,.ls-heading-actions,.ls-period,.ls-inventory-head,#footer {display:none!important}body:not(.login):not(.popup) #container {padding-left:0}.ls-panel,.ls-kpi {break-inside:avoid}}
/* Mantieni sfondo e intestazione coerenti anche oltre la prima schermata. */
body:not(.login):not(.popup) #container {height:auto;min-height:100vh}
body:not(.login) #header.ls-topbar {flex-direction:row;justify-content:space-between}
#header.ls-topbar a.ls-crumb-home:link,#header.ls-topbar a.ls-crumb-home:visited {color:var(--ls-muted)}
.ls-dashboard a.ls-button-primary:link,.ls-dashboard a.ls-button-primary:visited {color:#fff;background:var(--button-bg)}
@media(max-width:700px){.ls-period>span {width:auto;margin:0}.ls-period>span:first-child {width:100%;margin-bottom:2px}.ls-kpi-value {font-size:21px}}
@media(max-width:380px){.ls-kpi-value {font-size:19px}}

.ls-kpi-featured .ls-kpi-value.negative {color:var(--ls-red)}