:root {
  --BlueNote: rgb(75, 100, 165);
  --BlueButton: rgb(80, 110, 200);
}

html { font-size: 15px; }

/* Colore Bluenote uniforme per i pulsanti azzurri. */
html .list-title-button,
html .list-search-clear,
html .micronote-date-picker button:hover,
html .micronote-date-picker button.is-selected {
  background:var(--BlueButton);
  border-color:var(--BlueButton);
}
html .list-title-button:hover,
html .list-search-clear:hover {
  background:#4169b9;
  border-color:#4169b9;
}

html .quick-icon {
  background:var(--BlueButton);
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body { margin:0; min-height:100vh; background:linear-gradient(rgba(237,242,248,.9),rgba(237,242,248,.9)),linear-gradient(135deg,#d8e5f4,#f7fafc); color:#172236; font-family:"Segoe UI",Arial,sans-serif; }
.page-container{margin:0 auto;max-width:1320px;padding:0 24px}.app-heading{align-items:center;display:flex;gap:28px;justify-content:space-between;min-height:126px;padding:26px 0 32px}.app-identity{align-items:center;color:#172236;display:flex;gap:14px;text-decoration:none}.app-identity strong{display:block;font-size:clamp(27px,3vw,36px)}.app-logo{align-items:center;background:linear-gradient(145deg,#2d72bd,#164f9f);border-radius:8px;box-shadow:0 7px 16px rgba(23,58,96,.18);color:#fff;display:flex;font-size:20px;font-weight:800;height:58px;justify-content:center;width:58px}.session-panel{min-width:min(100%,480px)}.app-version{color:#42556e;font-size:12px;font-weight:700;letter-spacing:.04em;margin:0 4px 5px 0;text-align:right;text-transform:uppercase}.session-summary{background:#fff;border:1px solid #dce4ef;border-radius:8px;box-shadow:0 12px 30px rgba(23,34,54,.08);display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));margin:0;overflow:hidden}.session-summary div{padding:10px 14px}.session-summary div+div{border-left:1px solid #dce4ef}.session-summary dt{color:#647084;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.session-summary dd{font-size:14px;font-weight:600;margin:3px 0 0}.quick-links{display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:30px}.quick-link{align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(228,239,252,.96));border:1px solid #8fa9c7;border-bottom:3px solid #567da9;border-radius:10px;box-shadow:0 9px 20px rgba(23,58,96,.14);color:#173b65;display:flex;font-weight:700;gap:13px;min-height:66px;padding:9px 15px;text-decoration:none}.quick-link:hover{transform:translateY(-2px)}.quick-link.disabled{opacity:.6;pointer-events:none}.quick-icon{align-items:center;background:linear-gradient(145deg,#2d72bd,#164f9f);border-radius:9px;color:#fff;display:flex;font-size:12px;font-weight:800;height:36px;justify-content:center;width:38px}
.hero { padding:2rem; border-radius:10px; color:white; background:linear-gradient(135deg,#244f8d,#4b64a5); box-shadow:0 14px 32px rgba(23,58,96,.18); }
.hero h1 { font-weight:750; margin:.3rem 0; }
.eyebrow { font-size:.76rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; opacity:.78; }
.metric,.panel,.job-card { height:100%; background:#fff; padding:1.25rem; border:1px solid #deeaec; border-radius:1rem; box-shadow:0 5px 18px rgba(23,52,61,.05); }
.metric strong { display:block; font-size:2rem; color:#4b64a5; }
.metric span { color:#63767c; }
.metric.warning strong { color:#d66b19; }
.btn-primary { --bs-btn-bg:var(--BlueButton); --bs-btn-border-color:var(--BlueButton); --bs-btn-hover-bg:#4169b9; --bs-btn-hover-border-color:#4169b9; --bs-btn-active-bg:#385da8; --bs-btn-active-border-color:#385da8; --bs-btn-disabled-bg:var(--BlueButton); --bs-btn-disabled-border-color:var(--BlueButton); }
.status { display:inline-flex; padding:.28rem .65rem; border-radius:99px; font-size:.78rem; font-weight:700; background:#e5ecf8; color:#3c5289; }
.module-nav{align-items:center;display:flex;justify-content:space-between;padding-top:18px}.module-nav span{color:#647084;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.module-home{color:#244f8d;font-weight:700;text-decoration:none}.module-home:hover{text-decoration:underline}
.planning-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:20px}.planning-heading h1{margin:0}.planning-heading p{color:#647084;margin:.35rem 0 0}.planning-counter{align-items:baseline;background:#fff;border:1px solid #dce4ef;border-radius:10px;display:grid;grid-template-columns:auto auto;gap:2px 9px;padding:10px 16px}.planning-counter strong{color:#244f8d;font-size:1.35rem}.planning-counter span{color:#647084;font-size:.78rem;text-transform:uppercase}.planning-filters{align-items:end;background:#fff;border:1px solid #dce4ef;border-radius:10px;display:grid;gap:12px;grid-template-columns:145px 145px minmax(190px,1fr) 150px 180px auto;margin-bottom:18px;padding:16px}.planning-filters label{color:#42556e;font-size:.78rem;font-weight:700}.planning-filters input,.planning-filters select{margin-top:5px}.planning-list{display:grid;gap:14px}.planning-customer{background:#fff;border:1px solid #dce4ef;border-radius:10px;box-shadow:0 5px 18px rgba(23,52,61,.05);overflow:hidden}.planning-customer>header{align-items:center;display:flex;justify-content:space-between;padding:16px}.planning-customer h2{font-size:1.15rem;margin:7px 0 2px}.planning-customer p{color:#647084;margin:0}.due-assets{border-top:1px solid #e7edf4}.due-asset{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(230px,1fr) 150px 150px;padding:12px 16px}.due-asset+.due-asset{border-top:1px solid #edf1f6}.due-asset div{display:flex;flex-direction:column}.due-asset span{color:#647084;font-size:.78rem}.empty-panel{background:#fff;border:1px dashed #b8c5d6;border-radius:10px;padding:38px;text-align:center}.empty-panel h2{font-size:1.2rem}
.date-navigator{align-items:center;background:linear-gradient(135deg,#244f8d,#4b64a5);border-radius:10px;color:#fff;display:grid;grid-template-columns:48px 1fr auto 48px;margin-bottom:12px;min-height:66px;overflow:hidden}.date-navigator>div{display:flex;flex-direction:column;padding:8px 18px;text-align:center}.date-navigator span{font-size:.7rem;letter-spacing:.08em;opacity:.75;text-transform:uppercase}.date-navigator strong{font-size:1.05rem}.date-step{align-items:center;color:#fff;display:flex;font-size:1.6rem;height:100%;justify-content:center;text-decoration:none}.date-step:hover{background:rgba(255,255,255,.14);color:#fff}.date-today{background:rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:.8rem;font-weight:700;margin-right:8px;padding:8px 13px;text-decoration:none}.date-today:hover{background:#fff;color:#244f8d}
.installed-filters{align-items:end;background:#fff;border:1px solid #dce4ef;border-radius:10px;display:grid;gap:12px;grid-template-columns:170px minmax(210px,1fr) 190px 180px auto;margin-bottom:18px;padding:16px}.installed-filters label{color:#42556e;font-size:.78rem;font-weight:700}.installed-filters input,.installed-filters select{margin-top:5px}.installed-list{display:grid;gap:10px}.installed-card{align-items:center;background:#fff;border:1px solid #dce4ef;border-left:4px solid #1f6feb;border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(240px,1.25fr) minmax(210px,1fr) 125px 145px 90px 58px;padding:13px 14px}.installed-card>div{display:flex;flex-direction:column}.installed-card span{color:#647084;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.installed-card h2{font-size:1rem;margin:3px 0}.installed-card small{color:#647084}.installed-open{align-items:center;background:#edf2f8;border:1px solid #c1ccda;border-radius:6px;color:#42556e;display:flex;justify-content:center;min-height:38px;text-decoration:none}.installed-open:hover{background:#dceaff;color:#244f8d}.header-actions{align-items:center;display:flex;gap:10px}.customer-search{align-items:center;background:#fff;border:1px solid #dce4ef;border-radius:10px;display:grid;gap:12px;grid-template-columns:minmax(240px,1fr) auto auto;margin-bottom:16px;padding:14px}.customer-list,.site-list{display:grid;gap:10px}.customer-row{align-items:center;background:#fff;border:1px solid #dce4ef;border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(260px,1.4fr) minmax(180px,1fr) 70px 80px auto;padding:14px}.customer-row h2,.site-card h2{font-size:1rem;margin:6px 0 2px}.customer-row>div,.site-card>div{display:flex;flex-direction:column}.customer-row span:not(.status),.site-card span:not(.status){color:#647084;font-size:.72rem;text-transform:uppercase}.row-actions{flex-direction:row!important;gap:7px}.edit-form{display:grid;gap:14px}.edit-form section{background:#fff;border:1px solid #dce4ef;border-radius:10px;padding:18px}.edit-form h2{color:#244f8d;font-size:1rem;margin:0 0 14px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label{color:#42556e;font-size:.78rem;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{margin-top:5px}.span-2{grid-column:span 2}.check-field{align-items:center;display:flex;gap:8px;padding-top:25px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.site-card{align-items:center;background:#fff;border:1px solid #dce4ef;border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(260px,1fr) minmax(180px,.6fr) auto;padding:14px}.form-hint{color:#647084;font-size:.8rem;margin:12px 0 0}.future-features{display:grid;gap:9px;grid-template-columns:repeat(4,1fr)}.future-features span{background:#edf2f8;border:1px dashed #b8c5d6;border-radius:7px;color:#647084;padding:14px;text-align:center}
.operational-metrics{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.operational-metrics>div{background:#fff;border:1px solid #dce4ef;border-radius:10px;display:flex;flex-direction:column;padding:16px}.operational-metrics span{color:#647084;font-size:.72rem;text-transform:uppercase}.operational-metrics strong{color:#244f8d;font-size:1.8rem}.operational-metrics small{color:#647084}.operational-metrics .metric-alert strong{color:#bb3b3b}.operational-sites{display:grid;gap:14px}.operational-site{background:#fff;border:1px solid #dce4ef;border-radius:10px;overflow:hidden}.operational-site>header{align-items:center;background:#f6f9fd;display:flex;justify-content:space-between;padding:15px}.operational-site h2{font-size:1.1rem;margin:3px 0}.operational-site p{color:#647084;margin:0}.operational-machines article{align-items:center;border-top:1px solid #edf1f6;display:grid;gap:15px;grid-template-columns:minmax(260px,1fr) 135px 160px auto;padding:13px 15px}.operational-machines article>div{display:flex;flex-direction:column}.operational-machines span{color:#647084;font-size:.7rem;text-transform:uppercase}.operational-machines h3{font-size:.95rem;margin:3px 0}.operational-machines small{color:#647084}
.material-row { background:#f6f9fa; border-radius:.75rem; padding:.8rem; }
.menu-shell{background:rgba(246,249,253,.9);border:1px solid #b8c5d6;border-radius:10px;box-shadow:0 12px 30px rgba(23,34,54,.08);margin-bottom:26px;padding:18px}.menu-intro{align-items:end;display:flex;justify-content:space-between;margin-bottom:14px}.menu-intro h2{font-size:21px;margin:0}.menu-intro>p{color:#647084;font-size:14px;margin:0}.main-menu{display:grid;gap:11px 13px;grid-template-columns:repeat(2,minmax(0,1fr))}.menu-section{background:rgba(255,255,255,.95);border:1px solid #bcc8d8;border-left:5px solid var(--accent,#143f82);border-radius:8px;overflow:hidden}.menu-section[open]{background:#edf5ff;border-color:#9db4d0;box-shadow:0 12px 26px rgba(23,34,54,.13)}.menu-section summary{align-items:center;cursor:pointer;display:grid;gap:13px;grid-template-columns:38px 1fr 28px;list-style:none;min-height:64px;padding:10px 15px}.menu-section summary::-webkit-details-marker{display:none}.section-icon{align-items:center;background:#b8cbe0;border-radius:8px;color:#143f82;display:flex;font-size:12px;font-weight:800;height:34px;justify-content:center;width:34px}.section-title{color:#143f82;font-size:17px;font-weight:700}.section-toggle{align-items:center;border:1px solid #dce4ef;border-radius:50%;display:flex;height:26px;justify-content:center;width:26px}.section-toggle:before{content:"+";font-size:20px}.menu-section[open] .section-toggle:before{content:"−"}.section-content{border-top:1px solid #dce4ef;display:grid;gap:13px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));padding:13px}.menu-group{background:#fff;border:1px solid #b9c6d6;border-radius:7px;padding:12px}.menu-group h3{color:#143f82;font-size:14px;margin:0 0 9px}.menu-items{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.menu-link{align-items:center;background:#edf2f8;border:1px solid #c1ccda;border-radius:6px;color:#172236;display:flex;font-size:14px;font-weight:600;min-height:42px;padding:8px 11px;text-decoration:none}.menu-link:hover{background:#dceaff;color:#3c5289}.is-pending{cursor:default;opacity:.68}.accent-tables{--accent:#866118}.accent-stock{--accent:#227a68}.accent-sales{--accent:#b25757}.accent-accounting{--accent:#70578f}.accent-employees{--accent:#1f6feb}.accent-production{--accent:#b56b21}.accent-tools{--accent:#647084}
@media(max-width:760px){.page-container{padding:0 14px}.app-heading{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 0}.session-panel{width:100%}.session-summary{grid-template-columns:1fr}.session-summary div+div{border-left:0;border-top:1px solid #dce4ef}.quick-links{display:flex;gap:9px;overflow:auto;padding-bottom:6px}.quick-link{flex:0 0 auto;min-height:50px;padding:7px 11px}.quick-icon{height:30px;width:30px}.main-menu{grid-template-columns:1fr}.section-content,.menu-items{grid-template-columns:1fr}.menu-intro>p{display:none}.hero{padding:1.4rem}.btn-lg{width:100%}.planning-heading{align-items:flex-start;flex-direction:column;gap:12px}.planning-counter{width:100%}.planning-filters,.installed-filters{grid-template-columns:1fr 1fr}.planning-filters .filter-search,.planning-filters button,.planning-filters label:nth-of-type(4),.planning-filters label:nth-of-type(5),.installed-filters .filter-search,.installed-filters button,.installed-filters label:nth-of-type(3),.installed-filters label:nth-of-type(4){grid-column:1/-1}.planning-customer>header{align-items:stretch;flex-direction:column;gap:12px}.due-asset{grid-template-columns:1fr 1fr}.due-asset div:first-child{grid-column:1/-1}.date-navigator{grid-template-columns:42px 1fr 42px}.date-navigator>div{padding:8px 5px}.date-navigator strong{font-size:.88rem}.date-today{display:none}.installed-card{grid-template-columns:1fr 1fr}.installed-machine,.installed-customer{grid-column:1/-1}.installed-open{grid-column:1/-1}.customer-row,.site-card{align-items:stretch;grid-template-columns:1fr 1fr}.customer-row>div:first-child,.customer-row>div:nth-child(2),.site-card>div:first-child{grid-column:1/-1}.row-actions,.site-card>a{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.header-actions{align-items:stretch;flex-direction:column;width:100%}.future-features{grid-template-columns:1fr 1fr}.operational-metrics{grid-template-columns:1fr 1fr}.operational-site>header{align-items:flex-start;flex-direction:column;gap:9px}.operational-machines article{grid-template-columns:1fr 1fr}.operational-machines article>div:first-child,.operational-machines article>a{grid-column:1/-1}}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Schede dati in stile SkyLab. */
.customer-form-page{--data-label:#b8cbe0;--data-border:#8a8f98;--data-blue:#164f9f;display:grid;gap:12px;padding-top:18px}.customer-form-header{align-items:center;background:rgba(255,255,255,.96);border:1px solid #b8c5d6;border-radius:10px;box-shadow:0 8px 20px rgba(23,34,54,.07);display:flex;gap:24px;justify-content:space-between;margin:0;padding:16px 18px}.customer-form-header h1{font-size:1.65rem;margin:0}.customer-form-header p:last-child{color:#647084;margin:4px 0 0}.module-title-identity{align-items:center;display:flex;gap:12px;min-width:0}.customer-form-logo{align-items:center;background:linear-gradient(145deg,#2d72bd,#164f9f);border-radius:7px;color:#fff;display:flex;flex:0 0 42px;font-size:13px;font-weight:800;height:42px;justify-content:center;text-decoration:none;width:42px}.customer-form-logo:hover{color:#fff;filter:brightness(1.08)}.customer-form-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.customer-form-toolbar .btn{min-width:88px}.customer-entity-form{display:grid;gap:10px}.customer-form-page .form-frame{background:#fff;border:1px solid var(--data-border);border-radius:0;box-shadow:none;margin:0;padding:10px 12px 12px}.customer-form-page .form-frame legend{background:#fff;border:1px solid var(--data-border);color:#0e1824;float:none;font-size:14px;font-weight:700;margin:0;padding:3px 10px;text-transform:uppercase;width:auto}.customer-form-page .form-grid{display:grid;gap:8px 12px}.customer-form-page .form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-form-page .field{display:grid;gap:5px;min-width:0}.customer-form-page .field-span-2{grid-column:span 2}.customer-form-page .field-span-4{grid-column:1/-1}.customer-form-page .field-code{max-width:240px}.customer-form-page .field>label,.customer-form-page .check-text{align-items:center;background:var(--data-label);border:1px solid var(--data-border);border-radius:6px;color:#0e1824;display:flex;font-size:12px;font-weight:600;height:30px;line-height:1.15;margin:0;min-height:30px;padding:5px 8px}.customer-form-page input:not([type=checkbox]),.customer-form-page select,.customer-form-page textarea{background:#fff;border:1px solid var(--data-border);border-radius:6px;color:#172236;font-size:12px;font-weight:600;line-height:1.2;min-height:30px;padding:5px 8px;width:100%}.customer-form-page textarea{min-height:64px;resize:vertical}.customer-form-page input:focus,.customer-form-page select:focus,.customer-form-page textarea:focus{border-color:#1f6feb;box-shadow:0 0 0 3px rgba(31,111,235,.14);outline:none}.customer-form-page input[readonly]{background:#edf2f8;color:#4f5f73}.customer-form-page .code-display{font-variant-numeric:tabular-nums;text-align:center}.customer-form-page .text-uppercase{text-transform:uppercase}.customer-form-page .field-validation-error{color:#b42318;font-size:11px;font-weight:650}.customer-form-page .validation-summary{background:#fff4f2;border:1px solid #f0a39a;border-radius:6px;padding:8px 12px}.customer-form-page .validation-summary:empty,.customer-form-page .validation-summary.validation-summary-valid{display:none}.customer-form-page .check-button-field{align-items:stretch;display:grid;gap:6px;grid-template-columns:minmax(110px,1fr) 68px;height:30px;position:relative}.customer-form-page .check-button-field input{height:1px;opacity:0;position:absolute;width:1px}.customer-form-page .check-button-wrap{align-items:center;background:#fff;border:1px solid var(--data-border);border-radius:6px;cursor:pointer;display:flex;height:30px;justify-content:center;margin:0;min-height:30px;overflow:hidden;padding:0;position:relative}.customer-form-page .check-button-wrap::before{background:#d2d2d2;border:1px solid #c2ccda;border-radius:999px;content:"";display:block;height:22px;transition:.15s ease;width:42px}.customer-form-page .check-button-wrap::after{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(23,32,51,.28);content:"";height:16px;left:15px;position:absolute;top:6px;transition:transform .15s ease;width:16px}.customer-form-page .check-button-field input:checked~.check-button-wrap::before{background:var(--data-blue);border-color:var(--data-blue)}.customer-form-page .check-button-field input:checked~.check-button-wrap::after{transform:translateX(20px)}.customer-form-page .check-button-field input:focus-visible~.check-button-wrap{box-shadow:0 0 0 3px rgba(31,111,235,.18)}.customer-form-page input[type=date]{color-scheme:light;font-variant-numeric:tabular-nums}.customer-form-page input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75}.customer-form-page input[type=number]{font-variant-numeric:tabular-nums;text-align:right}.customer-form-page input[type=number]::-webkit-inner-spin-button{cursor:pointer;opacity:1}.customer-form-actions{border-top:1px solid #cbd5e1;margin-top:2px;padding-top:10px}

@media(max-width:900px){.customer-form-page .form-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-form-page .field-span-4{grid-column:1/-1}.customer-form-header{align-items:flex-start;flex-direction:column}.customer-form-toolbar{justify-content:flex-start;width:100%}}
@media(max-width:560px){.customer-form-page .form-grid-4{grid-template-columns:1fr}.customer-form-page .field-span-2,.customer-form-page .field-span-4{grid-column:auto}.customer-form-page .field-code{max-width:none}.customer-form-toolbar{display:grid;grid-template-columns:1fr 1fr}.customer-form-toolbar .btn{width:100%}.customer-form-actions .btn{flex:1}}

/* Label affiancate: 3px label/campo, almeno 8px fra i controlli. */
.customer-form-page .form-grid{gap:8px}
.customer-form-page .field{align-items:center;gap:3px;grid-template-columns:118px minmax(0,1fr)}
.customer-form-page .form-grid input,.customer-form-page .form-grid select,.customer-form-page .form-grid textarea{margin-top:0}
.customer-form-page .field>label,.customer-form-page .field input,.customer-form-page .field select,.customer-form-page .field textarea{box-sizing:border-box}
.customer-form-page .field:has(textarea){align-items:start}
.customer-form-page .field-validation-error{grid-column:2}
.customer-form-page .field-check{display:block}
.customer-form-page .check-button-field{gap:3px;grid-template-columns:118px 68px}

.customer-row .row-actions .btn-outline-primary{--bs-btn-color:#164f9f;--bs-btn-border-color:#2d72bd;--bs-btn-bg:#eef6ff;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#2464aa;--bs-btn-hover-border-color:#164f9f;--bs-btn-active-color:#fff;--bs-btn-active-bg:#164f9f;--bs-btn-active-border-color:#164f9f;font-weight:650}
.customer-search{grid-template-columns:minmax(260px,1fr) auto auto}.customer-search-count{align-items:center;background:#edf5ff;border:1px solid #9db4d0;border-radius:7px;color:#42556e;display:flex;font-size:.78rem;gap:5px;min-height:38px;padding:7px 12px}.customer-search-count strong{color:#164f9f;font-size:1rem}.customer-search-empty{margin-top:10px}
.customer-filter-check{align-items:center;display:grid;gap:3px;grid-template-columns:172px 68px;position:relative}.customer-filter-check>input{height:1px;opacity:0;position:absolute;width:1px}.customer-filter-check-text{align-items:center;background:#b8cbe0;border:1px solid #8a8f98;border-radius:6px;color:#0e1824;display:flex;font-size:12px;font-weight:600;height:38px;margin:0;padding:5px 8px}.customer-filter-check-button{align-items:center;background:#fff;border:1px solid #8a8f98;border-radius:6px;cursor:pointer;display:flex;height:38px;justify-content:center;margin:0;overflow:hidden;position:relative}.customer-filter-check-button::before{background:#d2d2d2;border:1px solid #c2ccda;border-radius:999px;content:"";display:block;height:22px;transition:.15s ease;width:42px}.customer-filter-check-button::after{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(23,32,51,.28);content:"";height:16px;left:15px;position:absolute;top:10px;transition:transform .15s ease;width:16px}.customer-filter-check>input:checked~.customer-filter-check-button::before{background:#164f9f;border-color:#164f9f}.customer-filter-check>input:checked~.customer-filter-check-button::after{transform:translateX(20px)}.customer-filter-check>input:focus-visible~.customer-filter-check-button{box-shadow:0 0 0 3px rgba(31,111,235,.18)}
.customer-search-count{box-sizing:border-box;justify-content:center;text-align:center;width:131.265625px}
.new-customer-button{width:160px}
.new-site-button{width:160px}
.new-installation-button{width:160px}
.machine-save-button{width:160px}
.machine-delete-button{width:160px}
.machine-form-page .module-title-identity{padding-left:2px}.machine-form-page .field{grid-template-columns:130px minmax(0,1fr)}.machine-form-page .field>label{white-space:nowrap}.machine-form-page .machine-description-field{grid-column:2/span 2;grid-row:1}.machine-form-page .machine-installed-date-field{grid-column:4;grid-row:1}.machine-form-page .machine-duration-field{grid-column:1;grid-row:2}.machine-form-page .machine-category-field{grid-column:2/span 2;grid-row:2}.machine-form-page .machine-next-service-field{grid-column:4;grid-row:2}.machine-form-page .machine-supplied-quantity-field{grid-column:1;grid-row:3}.machine-form-page .machine-daily-consumption-field{grid-column:2/span 2;grid-row:3}.machine-form-page .machine-value-field{grid-column:4;grid-row:3}.machine-form-page .form-hint{grid-column:1/-1;margin:9px 0 0}.machine-form-page .future-features{margin-top:2px}
.machine-form-page .machine-value-field input{text-align:right}
.machine-form-page .machine-readonly-field{background:#dfe3e8;color:#000;cursor:default;opacity:1;pointer-events:none;user-select:none;-webkit-text-fill-color:#000}
.machine-article-control{display:grid;gap:3px;grid-template-columns:minmax(0,1fr) 34px;min-width:0}.machine-article-control .lookup-button{height:30px;width:34px}.lookup-button{align-self:stretch;background:#fff;border:1px solid #8793a4;border-radius:4px;cursor:pointer;min-height:28px;min-width:30px;position:relative}.lookup-button::before{border:2px solid #164f9f;border-radius:50%;content:"";height:40%;left:23%;position:absolute;top:20%;width:40%}.lookup-button::after{background:#164f9f;content:"";height:2px;left:58%;position:absolute;top:64%;transform:rotate(45deg);transform-origin:left center;width:27%}.lookup-button:hover,.lookup-button:focus-visible{background:#eef4fb;border-color:#164f9f;outline:none}
.stock-load-article-lookup{align-items:center;background:rgba(238,245,251,.44);display:flex;inset:0;justify-content:center;position:fixed;z-index:1220}.stock-load-article-lookup[hidden]{display:none}.stock-load-article-lookup-dialog{background:#fff;border:1px solid #6f7784;box-shadow:0 14px 32px rgba(20,34,54,.32);box-sizing:border-box;color:#0f1724;display:grid;font-family:"Microsoft Sans Serif","Segoe UI",Arial,sans-serif;grid-template-rows:15px 30px 15px 395px 15px 34px 15px;height:521px;width:min(1100px,calc(100vw - 32px))}.stock-load-article-lookup-title{align-items:center;background:#6aa4dc;color:#0b1420;display:flex;font-size:14px;font-weight:600;grid-row:2;height:30px;margin:0 15px;text-indent:28px}.stock-load-article-lookup-frame{border:1px solid #8a8f98;box-sizing:border-box;grid-row:4;height:395px;margin:0 15px;overflow:auto;outline:none}.stock-load-article-lookup-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;user-select:none;width:100%}.stock-load-article-lookup-table th{background:linear-gradient(#c7d7e8,#b8cbe0 52%,#a9bed6);border:1px solid #c8ced8;box-shadow:inset 0 1px rgba(255,255,255,.85),inset 0 -1px rgba(100,118,140,.35);color:#17395c;font-size:12px;font-weight:400;height:28px;padding:0;position:sticky;top:0;vertical-align:middle;z-index:1}.stock-load-article-lookup-table td{border:1px solid #c8ced8;color:#000;cursor:default;font-size:13px;font-weight:520;height:27px;line-height:27px;overflow:hidden;padding:0;text-indent:6px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.stock-load-article-lookup-table tr.selected td{background:rgb(190,203,214)}.machine-article-lookup-table th:nth-child(1),.machine-article-lookup-table td:nth-child(1){width:180px}.machine-article-lookup-table th:nth-child(3),.machine-article-lookup-table td:nth-child(3){width:190px}.machine-article-lookup-table th:nth-child(4),.machine-article-lookup-table td:nth-child(4){box-sizing:border-box;padding-right:22px;text-align:right;text-indent:0;width:132px}.stock-load-article-lookup-tools{align-items:center;display:grid;gap:8px;grid-row:6;margin:0 15px}.machine-article-lookup-tools{grid-template-columns:62px minmax(260px,1fr) 72px 90px 120px 120px}.stock-load-article-lookup-tools label{align-items:center;background:#b8cbe0;border:1px solid #8a8f98;border-radius:5px;box-sizing:border-box;color:#0e1824;display:flex;font-size:13px;font-weight:500;height:30px;text-indent:8px}.stock-load-article-lookup-tools input{border:1px solid #8a8f98;border-radius:0;color:#000;font-family:"Microsoft Sans Serif","Segoe UI",Arial,sans-serif;font-size:13px;font-weight:520;height:26px;min-height:26px;text-indent:8px}.stock-load-article-lookup-tools input:focus{border-color:#164f9f;box-shadow:none;outline:none}.stock-load-article-lookup-tools [data-machine-article-count]{background:rgb(230,230,240);text-align:center;text-indent:0}.machine-article-lookup-tools .btn{font-size:12px;font-weight:500;height:34px;min-height:34px;width:auto}
.stock-load-article-lookup-table th button{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:5px;height:100%;justify-content:flex-start;text-align:left;text-indent:6px;width:100%}.stock-load-article-lookup-table th button::after{color:#164f9f;content:"";font-size:10px;min-width:10px}.stock-load-article-lookup-table th button.is-active[data-direction="asc"]::after{content:"▲"}.stock-load-article-lookup-table th button.is-active[data-direction="desc"]::after{content:"▼"}.machine-article-lookup-table th:nth-child(4) button{justify-content:flex-end;text-indent:0}
.stock-load-article-lookup-table tr.selected td,.stock-load-article-lookup-table tr[aria-selected="true"] td{background:#b8cbe0;color:#0b2f55}.stock-load-article-lookup-table tr:focus{outline:none}.stock-load-article-lookup-table tr:focus td{box-shadow:inset 0 1px #4b64a5,inset 0 -1px #4b64a5}
.machine-form-page .machine-duration-field{padding-right:25px}
.updown-control{align-items:stretch;display:block;position:relative;width:100%}.field .updown-control input[data-updown]{font-variant-numeric:tabular-nums;min-width:0;text-align:center}.updown-buttons{display:grid;grid-template-rows:1fr 1fr;height:100%;left:calc(100% + 1px);position:absolute;top:0;width:24px}.updown-button{align-items:center;background:linear-gradient(#f8fafc,#d9e3ee);border:1px solid #9fb0c4;color:#203247;cursor:default;display:flex;justify-content:center;min-height:0;padding:0;position:relative}.updown-button-up{border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px}.updown-button-down{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.updown-button::before{border-color:currentColor;border-style:solid;border-width:0 2px 2px 0;content:"";height:7px;width:7px}.updown-button-up::before{margin-top:8px;transform:rotate(225deg)}.updown-button-down::before{margin-bottom:3px;transform:rotate(45deg)}.updown-button:hover,.updown-button:focus-visible{background:linear-gradient(#fff,#c8d7e6);color:#0f2742;outline:none}.updown-button:active{background:#c2d1e0}fieldset:disabled .updown-button,.updown-control input:disabled+.updown-buttons .updown-button,.updown-control input[readonly]+.updown-buttons .updown-button{background:#edf2f7;color:#8493a5;pointer-events:none}
.micronote-date-control{display:block;position:relative;width:100%}.customer-form-page .micronote-date-input{padding-right:30px!important;text-align:center}.micronote-date-button{align-items:center;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23324762' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18M7 14h2M11 14h2M15 14h2M7 18h2M11 18h2'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:72% 72%;border:0;border-left:1px solid rgba(93,112,143,.24);border-radius:0 5px 5px 0;bottom:1px;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:1px;top:1px;width:28px}.micronote-date-button:hover{background-color:rgba(178,199,220,.55)}.micronote-date-picker{background:#fff;border:1px solid #8f9bac;border-radius:6px;box-shadow:0 8px 22px rgba(35,45,65,.22);color:#172236;font-family:"Microsoft Sans Serif",Arial,sans-serif;font-size:12px;padding:8px;position:absolute;width:224px;z-index:5000}.micronote-date-picker[hidden]{display:none}.micronote-date-picker-head{align-items:center;display:grid;gap:6px;grid-template-columns:28px 1fr 28px;margin-bottom:6px}.micronote-date-picker-head strong{font-size:12px;font-weight:600;text-align:center;text-transform:capitalize}.micronote-date-picker button{background:#e6edf7;border:1px solid #9eabbc;border-radius:4px;color:#172236;cursor:pointer;font:inherit;height:24px;padding:0}.micronote-date-picker button:hover,.micronote-date-picker button.is-selected{background:#4b64a5;border-color:#4b64a5;color:#fff}.micronote-date-picker-weekdays,.micronote-date-picker-days{display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.micronote-date-picker-weekdays{color:#40516d;font-size:11px;font-weight:600;margin-bottom:4px;text-align:center}.micronote-date-picker-empty{height:24px}
.customer-list-heading{padding-top:18px}.customer-list-heading-actions{align-items:center;display:flex;gap:8px}.customer-list-heading-actions .btn{align-items:center;display:inline-flex;font-weight:500;height:38px;justify-content:center;white-space:nowrap}.customer-menu-button{--bs-btn-color:#334d8c;--bs-btn-border-color:var(--BlueButton);--bs-btn-bg:#eef2fb;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--BlueButton);--bs-btn-hover-border-color:var(--BlueButton);--bs-btn-active-color:#fff;--bs-btn-active-bg:#4169b9;--bs-btn-active-border-color:#4169b9;font-weight:500;width:160px}
.customer-list-heading h1{cursor:default;user-select:none}
.customer-row-button{width:auto}
.customer-row{padding:8px 12px}.customer-row .customer-identity-line{align-items:center;display:grid;gap:2px 10px;grid-template-columns:auto minmax(0,1fr);min-width:0}.customer-row .customer-identity-line h2{font-size:1rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-row .customer-identity-line .status{grid-row:1;margin:0}.customer-row .customer-identity-line small{grid-column:2;line-height:1.15}
.operational-record-header{margin-bottom:10px;margin-top:10px}
.operational-record-header .new-installation-button{white-space:nowrap;width:180px}
.operational-record-page{display:flex;flex-direction:column;height:calc(100vh - 20px);min-height:0;overflow:hidden}.operational-record-page .operational-record-header,.operational-record-page .operational-metrics{flex:0 0 auto}.operational-record-page .operational-sites{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}
.operational-site-heading{align-items:baseline;display:flex;gap:14px;min-width:0}.operational-site-heading .eyebrow{flex:0 0 auto}.operational-site-heading h2,.operational-site-heading p{margin:0}.operational-site-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.additional-sites-page{display:flex;flex-direction:column;min-height:0}.additional-sites-page .operational-record-header{flex:0 0 auto}.additional-sites-list{align-content:start;min-height:0;padding-right:4px}.additional-site-heading{align-items:center;display:grid!important;gap:2px 12px;grid-template-columns:auto minmax(0,1fr)}.additional-site-heading .status{grid-column:1;grid-row:1}.additional-site-heading h2{grid-column:2;grid-row:1;margin:0}.additional-site-heading p{grid-column:2;grid-row:2;margin:3px 0 0}.additional-sites-list .site-card>a{width:160px}
.operational-row-actions{display:flex!important;flex-direction:row!important;gap:7px;justify-content:flex-end}.operational-row-actions .btn{white-space:nowrap}.article-readonly-page{max-width:1200px}.article-readonly-frame{margin-bottom:14px}.article-readonly-grid{display:grid;gap:10px 14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.article-readonly-grid>div{background:#f6f9fd;border:1px solid #c4cfdd;border-radius:6px;padding:9px 11px}.article-readonly-grid dt{color:#52657d;font-size:.72rem;font-weight:700;text-transform:uppercase}.article-readonly-grid dd{color:#172236;font-size:.92rem;font-weight:600;margin:3px 0 0}.article-detail-wide{grid-column:span 2}
.list-page{display:flex;flex-direction:column;height:calc(100vh - 32px);margin:0 calc(50% - 50vw);overflow:hidden;padding:14px 18px 18px;width:100vw}.list-titlebar{align-items:center;background:#fff;border:1px solid #8799ad;border-radius:8px;box-shadow:0 7px 18px rgba(23,34,54,.14);display:flex;flex:0 0 auto;justify-content:space-between;margin-bottom:12px;min-height:66px;padding:7px 10px}.list-title-identity{color:#172236;text-decoration:none}.list-title-identity strong,.list-title-identity small{display:block}.list-title-identity strong{font-size:23px}.list-title-identity small{color:#40536a;font-size:13px;margin-top:4px}.list-title-actions{align-items:center;display:flex;gap:9px}.list-title-button{align-items:center;background:#4b64a5;border:1px solid #244f8d;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;min-height:36px;min-width:94px;padding:7px 14px;text-decoration:none}.list-title-button:hover{background:#244f8d;color:#fff}.list-panel{background:rgba(255,255,255,.95);border:1px solid #9eacbc;border-radius:8px;box-shadow:0 10px 24px rgba(23,34,54,.12);display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:12px 14px 14px}.list-toolbar{align-items:center;display:flex;flex:0 0 auto;gap:10px;margin-bottom:8px}.article-list-toolbar{display:grid;grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(210px,1fr))}.list-filter-field{align-items:center;display:grid;gap:6px;grid-template-columns:max-content minmax(0,1fr)}.list-filter-field label{align-items:center;background:#b8cbe0;border:1px solid #b8cbe0;border-radius:6px 0 0 6px;color:#263b55;display:flex;font-size:13px;font-weight:500;min-height:28px;padding:0 8px;white-space:nowrap}.list-filter-field input,.list-filter-field select{background:#fff;border:1px solid #8799ad;border-radius:6px;min-height:28px;padding:3px 8px}.list-search-control{position:relative;width:100%}.list-search-control input{padding-right:40px;width:100%}.list-search-clear{align-items:center;background:#4b64a5;border:1px solid #244f8d;border-radius:6px;color:#fff;display:flex;font-size:18px;height:26px;justify-content:center;padding:0;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px}.list-records-box{align-items:center;background:#d5e1ee;border:1px solid #8799ad;border-radius:6px;color:#263b55;display:inline-flex;gap:7px;justify-content:center;min-height:36px;min-width:112px;padding:3px 15px}.article-records-box{margin-right:20px}.list-grid-frame{border:1px solid #8799ad;border-radius:5px;flex:1 1 auto;min-height:0;overflow:auto;position:relative;scrollbar-gutter:stable}.list-grid{border-collapse:collapse;color:#000;font-size:13px;font-weight:520;min-width:1280px;user-select:none;width:100%}.list-grid th{background:linear-gradient(#c7d7e8,#b8cbe0 52%,#a9bed6);border-bottom:1px solid #758aa1;color:#0e1824;font-size:12px;font-weight:400;height:30px;padding:0 22px 0 8px;position:sticky;text-align:left;top:0;z-index:2}.list-grid th[data-sort-key]{cursor:pointer}.list-grid th.is-sorted:after{content:"▲";position:absolute;right:7px}.list-grid th.is-sorted[data-sort-direction=desc]:after{content:"▼"}.list-grid td{border-bottom:1px solid #cfd8e3;height:27px;line-height:18px;max-width:360px;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.list-grid tbody tr{background:#fff;cursor:pointer;outline:none}.list-grid tbody tr:nth-child(even){background:#f4f7fa}.list-grid tbody tr:hover{background:#e3edf8}.list-grid tbody tr.selected-row,.list-grid tbody tr.selected-row:hover{background:#b8d2ee;box-shadow:inset 4px 0 0 #2f6faa;color:#102b49}.list-empty{color:#647084;padding:34px;position:absolute;right:0;left:0;text-align:center;top:31px}.article-grid th:nth-child(1){width:135px}.article-grid th:nth-child(2){width:360px}.article-grid th:nth-child(3){width:75px}.article-grid th:nth-child(4),.article-grid th:nth-child(5),.article-grid th:nth-child(6){width:150px}.article-grid th:nth-child(7),.article-grid th:nth-child(8),.article-grid th:nth-child(9){width:105px}.article-grid td:nth-child(n+7){text-align:right}

.article-grid th{font-size:13px;font-weight:400}.article-grid td{font-size:13px;font-weight:500}

.messagebox-overlay{align-items:center;background:rgba(23,32,51,.26);display:none;inset:0;justify-content:center;position:fixed;z-index:3000}.messagebox-overlay.active{display:flex}.messagebox{background:rgba(255,255,255,.98);border:1px solid #b8c5d6;border-radius:8px;box-shadow:0 12px 30px rgba(23,32,51,.22);display:flex;flex-direction:column;min-height:220px;min-width:min(540px,calc(100vw - 48px));overflow:hidden;width:fit-content;max-width:min(720px,calc(100vw - 48px))}.messagebox-title{background:#1673b8;color:#fff;flex:0 0 40px;font-size:15px;font-weight:700;line-height:40px;text-indent:16px}.messagebox-success .messagebox-title{background:#15803d}.messagebox-error .messagebox-title{background:#dc2626}.messagebox-confirm .messagebox-title{background:#f59e0b}.messagebox-body{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;text-align:center}.messagebox-message{color:#172236;font-size:16px;font-weight:650;line-height:1.48;max-width:calc(100% - 48px);overflow-wrap:anywhere;white-space:pre-line}.messagebox-detail{color:#1673b8;font-size:14px;font-weight:600;line-height:1.5;margin-top:10px;max-width:calc(100% - 48px);overflow-wrap:anywhere;white-space:pre-line}.messagebox-error .messagebox-detail{color:#dc2626}.messagebox-actions{display:flex;flex:0 0 76px;gap:10px;justify-content:center}.messagebox-ok,.messagebox-cancel{height:40px;width:148px}
.messagebox-ok,.messagebox-cancel{font-size:16px;font-weight:600}.messagebox-ok{background:var(--BlueButton);border-color:var(--BlueButton);color:#fff}.messagebox-cancel{background:#fff;border:1px solid var(--BlueButton);color:#000}.messagebox-cancel:hover{background:var(--BlueButton);border-color:var(--BlueButton);color:#fff}.messagebox-ok:focus,.messagebox-ok:active:focus,.messagebox-cancel:focus,.messagebox-cancel:active:focus{box-shadow:0 0 0 2px rgba(80,110,200,.18);outline:none}

.customer-form-page .field>label,.customer-form-page .check-text,.stock-load-article-lookup-tools label{cursor:default;user-select:none}
.article-form-page{--article-label-width:150px;max-width:1280px}.article-form-page .module-header{margin-bottom:10px}.article-form-frame{padding:30px 34px 28px 24px}.article-fields-grid{display:grid;gap:10px 28px;grid-template-columns:repeat(3,minmax(0,1fr))}.article-fields-grid .field{align-items:center;display:grid;grid-template-columns:var(--article-label-width) minmax(0,1fr);min-height:30px}.article-fields-grid label{align-items:center;background:#b8cbe0;border:1px solid #8a8f98;border-radius:5px;color:#0e1824;display:flex;font-family:"Microsoft Sans Serif","Segoe UI",Arial,sans-serif;font-size:13px;font-weight:500;height:30px;padding:0 8px;user-select:none}.article-fields-grid input,.article-fields-grid textarea{background:rgb(230,230,240);border:1px solid #8a8f98;border-radius:5px;color:#000;font-family:"Microsoft Sans Serif","Segoe UI",Arial,sans-serif;font-size:13px;font-weight:520;min-height:30px;opacity:1;padding:3px 8px;-webkit-text-fill-color:#000}.article-code-field{grid-column:1}.article-description-field{grid-column:1/-1}.article-notes-field{grid-column:1/-1}.article-notes-field textarea{min-height:64px;resize:none}.article-number-field input{text-align:right}.article-form-page input[readonly],.article-form-page textarea[readonly]{cursor:default;user-select:none}
.article-form-page .article-fields-grid input:not([readonly]),.article-form-page .article-fields-grid select,.article-form-page .article-fields-grid textarea:not([readonly]){background:#fff;color:#000;-webkit-text-fill-color:#000}.article-form-page .article-fields-grid input[readonly],.article-form-page .article-fields-grid textarea[readonly]{background:rgb(230,230,240)}
.article-form-page .article-fields-grid{gap:10px}.article-form-page .article-fields-grid .field{column-gap:3px}.article-form-page .article-description-field{margin-bottom:12px}
.article-form-page .article-form-panel,.article-form-page .article-form-frame{background:#fff}
.user-list-page .list-search-field{flex:1}.user-grid th:nth-child(1){width:70px}.user-grid th:nth-child(2),.user-grid th:nth-child(3){width:160px}.user-grid th:nth-child(4){width:150px}.user-grid th:nth-child(5){width:150px}.user-grid th:nth-child(6){width:130px}.user-grid th:nth-child(7){width:220px}.user-grid th:nth-child(8),.user-grid th:nth-child(9){width:75px}.user-form-page{display:grid;gap:12px;padding-top:18px}.user-form-page .user-form-panel{background:#fff;border:1px solid #aebccc;border-radius:10px;box-shadow:0 10px 24px rgba(23,34,54,.12);padding:14px}.user-form-page .password-control{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:5px}.user-form-page .password-control button{border:1px solid #8a8f98;border-radius:6px;background:#e6edf6;color:#164f9f;font-weight:700}.user-form-page .field-check{align-self:end}
.article-form-page .article-fields-grid input:focus,.article-form-page .article-fields-grid select:focus,.article-form-page .article-fields-grid textarea:focus{border-color:#416f9f;box-shadow:0 0 0 2px rgba(31,111,235,.24);outline:none}
.article-form-page .article-fields-grid select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23405268' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;border:1px solid #8a8f98;border-radius:5px;color:#000;font-family:"Microsoft Sans Serif","Segoe UI",Arial,sans-serif;font-size:13px;font-weight:520;height:30px;min-height:30px;padding:3px 30px 3px 8px;width:100%}
.article-form-page .article-fields-grid .updown-control{width:calc(100% - 25px)}
.article-form-page .article-fields-grid .updown-control input[data-updown]{width:100%}
.article-form-page .article-notes-field textarea{height:30px;min-height:30px;resize:none}
.article-form-page .article-supplier-row{align-items:center;display:grid;gap:10px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}.article-form-page .article-supplier-party{display:grid;gap:3px;grid-column:1/3;grid-template-columns:var(--article-label-width) 90px minmax(240px,1fr) 34px}.article-form-page .article-supplier-article{display:grid;gap:3px;grid-column:3;grid-template-columns:var(--article-label-width) minmax(0,1fr)}.article-form-page .article-supplier-row .lookup-button{height:30px;min-height:30px;width:34px}.article-supplier-lookup-tools{align-items:center;display:grid;gap:8px;grid-template-columns:70px minmax(260px,1fr) 110px 110px;margin-top:10px}.article-supplier-lookup-tools label{align-items:center;background:#b8cbe0;border:1px solid #8a8f98;display:flex;font-size:13px;height:30px;padding:0 8px}.article-supplier-lookup-tools input{border:1px solid #8a8f98;border-radius:4px;height:30px;padding:3px 8px}.article-form-page~.stock-load-article-lookup .stock-load-article-lookup-table th:first-child,.article-form-page~.stock-load-article-lookup .stock-load-article-lookup-table td:first-child{width:120px}
.article-form-page [data-article-supplier-code]{text-align:center}
.article-tabs{display:flex;margin:0 0 -1px 14px;position:relative;z-index:2}.article-tabs a,.article-tabs span{align-items:center;background:#e7ebf0;border:1px solid #9aa8b8;color:#263b55;display:flex;font-size:13px;height:32px;justify-content:center;min-width:130px;padding:0 18px;text-decoration:none}.article-tabs a+*,.article-tabs span+*{border-left:0}.article-tabs .active{background:#fff;border-bottom-color:#fff;color:#102b49;font-weight:700}.article-tabs a:hover{background:#f5f8fb}.article-tabs .disabled{color:#8994a1;cursor:not-allowed}.article-tab-hidden{display:none}.article-child-panel{background:#fff;border:1px solid #9aa8b8;border-radius:0 6px 6px 6px;min-height:430px;padding:20px 24px}.article-child-toolbar{align-items:center;display:flex;gap:8px;margin-bottom:12px}.article-child-toolbar .btn{min-width:92px}.article-child-count{background:#d5e1ee;border:1px solid #8799ad;border-radius:5px;margin-left:auto;padding:6px 14px}.article-barcode-grid-frame{border:1px solid #8799ad;border-radius:5px;min-height:220px;position:relative}.article-barcode-grid{border-collapse:collapse;font-size:13px;width:100%}.article-barcode-grid th{background:linear-gradient(#c7d7e8,#b8cbe0);border-bottom:1px solid #758aa1;font-weight:500;height:30px;padding:4px 8px;text-align:left}.article-barcode-grid th:nth-child(1){width:210px}.article-barcode-grid th:nth-child(2){width:320px}.article-barcode-grid th:nth-child(3){width:360px}.article-barcode-grid th:nth-child(4){width:180px}.article-barcode-grid td{border-bottom:1px solid #cfd8e3;height:30px;padding:4px 8px}.article-barcode-grid tbody tr{cursor:pointer}.article-barcode-grid tbody tr:nth-child(even){background:#f4f7fa}.article-barcode-grid tbody tr:hover{background:#e3edf8}.article-barcode-grid tbody tr.selected{background:#b8d2ee;box-shadow:inset 4px 0 0 #2f6faa}.article-barcode-value{font-family:Consolas,"Courier New",monospace;font-weight:700;letter-spacing:.35px}.barcode-status{border-radius:10px;display:inline-block;padding:2px 9px}.barcode-status.valid{background:#d9f3df;color:#17672b}.barcode-status.legacy{background:#fff0cc;color:#8a5700}.article-child-empty{color:#657386;padding:42px;text-align:center}.article-barcode-editor{align-items:end;background:#f5f7fa;border:1px solid #9aa8b8;border-radius:6px;display:grid;gap:10px;grid-template-columns:220px minmax(260px,1fr) minmax(330px,1.2fr) auto;margin-top:16px;padding:14px}.article-barcode-editor[hidden]{display:none}.article-barcode-editor .field{display:grid;gap:3px;grid-template-columns:80px minmax(0,1fr)}.article-barcode-editor .field label{align-items:center;background:#b8cbe0;border:1px solid #8a8f98;border-radius:5px;display:flex;height:30px;padding:0 8px}.article-barcode-editor input[type=text],.article-barcode-editor input:not([type]),.article-barcode-editor select{background:#fff;border:1px solid #8a8f98;border-radius:5px;height:30px;padding:3px 8px;width:100%}.article-barcode-editor input[readonly]{background:#e6e6f0}.article-barcode-supplier-check{align-items:center;background:#fff;border:1px solid #9aa8b8;border-radius:5px;display:grid;gap:4px 8px;grid-template-columns:auto 145px 1fr;height:30px;padding:3px 9px}.article-barcode-supplier-check strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-barcode-editor-actions{display:flex;gap:7px}.article-barcode-editor-actions .btn{height:30px;min-height:30px;padding:3px 12px}
.article-barcode-editor{grid-template-columns:minmax(300px,1fr) minmax(480px,1.55fr) auto}.article-barcode-editor .field label,.article-barcode-supplier-fields>label{align-items:center;background:#b8cbe0;border:1px solid #8a8f98;border-radius:5px;display:flex;height:30px;padding:0 8px}.article-barcode-supplier-fields{align-items:center;display:grid;gap:3px;grid-template-columns:80px 90px minmax(180px,1fr) 34px}.article-barcode-supplier-fields [data-barcode-supplier-code]{text-align:center}.article-barcode-supplier-fields .lookup-button{height:30px;min-height:30px;width:34px}
.article-barcode-editor{grid-template-columns:minmax(300px,1fr) 220px minmax(440px,1.55fr) auto}.article-barcode-type-field input{text-align:center}
.article-barcode-editor-actions [data-barcode-cancel]{min-width:68px;padding-left:7px;padding-right:7px;width:68px}
.article-barcode-grid th:nth-child(1){width:320px}.article-barcode-grid th:nth-child(2){width:210px}
.article-price-list-panel{padding:26px 34px}.article-price-list-summary{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(220px,1fr));margin:0 auto 28px;max-width:980px}.article-price-list-summary>div{display:grid;gap:3px;grid-template-columns:145px minmax(0,1fr)}.article-price-list-summary span{align-items:center;background:#b8cbe0;border:1px solid #8a8f98;border-radius:5px;display:flex;height:30px;padding:0 8px}.article-price-list-summary strong{align-items:center;background:#e6e6f0;border:1px solid #8a8f98;border-radius:5px;display:flex;font-size:13px;font-weight:600;height:30px;justify-content:flex-end;padding:0 9px}.article-price-list-frame{border:1px solid #8799ad;border-radius:5px;margin:0 auto;max-width:980px;overflow:hidden}.article-price-list-table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.article-price-list-table th{background:linear-gradient(#c7d7e8,#b8cbe0);border-bottom:1px solid #758aa1;font-weight:500;height:32px;padding:4px 8px;text-align:center}.article-price-list-table th:first-child{width:70px}.article-price-list-table td{border-bottom:1px solid #cfd8e3;height:38px;padding:4px 6px;text-align:center}.article-price-list-table tbody tr:last-child td{border-bottom:0}.article-price-list-table tbody tr:nth-child(even){background:#f4f7fa}.article-price-list-table input{background:#fff;border:1px solid #8a8f98;border-radius:5px;height:30px;padding:3px 9px;text-align:right;width:100%}.article-price-list-table input[readonly]{background:#e6e6f0}.article-price-list-help{color:#53657a;font-size:12px;margin:12px auto 0;max-width:980px;text-align:right}
.customer-form-page .customer-entity-form{background:#f4f7fb;border:1px solid #b8c5d6;border-radius:10px;box-shadow:0 8px 20px rgba(23,34,54,.07);padding:12px}
.customer-form-page .site-notes-field>label{height:64px}.mobile-reports-grid{min-width:1050px}.mobile-reports-grid th:nth-child(1){width:150px}.mobile-reports-grid th:nth-child(2){width:130px}.mobile-reports-grid th:nth-child(4){width:150px}.mobile-reports-grid th:nth-child(5){width:120px}.mobile-reports-grid th:last-child{width:130px}.mobile-reports-grid td:last-child{text-align:center}.mobile-reports-grid form{margin:0}
.customer-city-field{position:relative}.customer-city-suggestions{background:#fff;border:1px solid #7f91a7;border-radius:6px;box-shadow:0 10px 24px rgba(23,34,54,.2);grid-column:2;left:0;max-height:240px;overflow:auto;position:absolute;right:0;top:34px;z-index:1000}.customer-city-suggestions[hidden]{display:none}.customer-city-suggestions button{align-items:center;background:#fff;border:0;border-bottom:1px solid #d9e0e8;color:#172236;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.customer-city-suggestions button:last-child{border-bottom:0}.customer-city-suggestions button:hover,.customer-city-suggestions button.selected{background:#dce9f7}.customer-city-suggestions span{color:#53657a;margin-left:12px;white-space:nowrap}
/* Opzioni - inserimento guidato città */
.options-city-suggestions{background:#fff;border:1px solid #8f9bac;border-radius:5px;box-shadow:0 8px 22px rgba(35,45,65,.22);left:156px;max-height:170px;overflow-y:auto;position:absolute;right:0;top:32px;z-index:1000}
.options-city-suggestions[hidden]{display:none!important}
.options-city-suggestions button{align-items:center;background:#fff;border:0;border-bottom:1px solid #d6deea;color:#172236;cursor:default;display:flex;font-family:"Microsoft Sans Serif","Segoe UI",Arial,sans-serif;font-size:13px;font-weight:520;height:30px;line-height:30px;padding:0 10px;text-align:left;width:100%}
.options-city-suggestions button:last-child{border-bottom:0}
.options-city-suggestions button.selected,.options-city-suggestions button:hover{background:#b8d2ee}
.options-city-suggestions button strong{display:block;flex:1 1 auto;font-weight:520;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.options-city-suggestions button span{color:#40516d;flex:0 0 auto;font-weight:520;margin-left:14px;white-space:nowrap}
.options-city-suggestions button span:last-child{min-width:28px;text-align:right}
.mobile-report-state{align-items:center;background:#eaf2ff;border:1px solid #7899ca;display:flex;justify-content:space-between;margin-bottom:12px;padding:9px 12px}.mobile-report-state div{display:grid;gap:2px}.mobile-report-state strong{color:#204f91;font-size:14px}.mobile-report-state span{color:#526a88;font-size:11px}.mobile-report-state .btn{min-width:170px}.mobile-report-values{border:0;margin:0;min-width:0;padding:0}.mobile-report-pending input,.mobile-report-pending select,.mobile-report-pending textarea{color:#b42318!important;font-weight:600;opacity:1;-webkit-text-fill-color:#b42318}.mobile-report-pending .work-detail-table td{color:#b42318;font-weight:600}.mobile-report-pending .work-actual-lines-frame button{display:none}
.mobile-report-label{align-items:center;background:#fff0ed;border:1px solid #d8665b;border-radius:5px;color:#a61b12;display:flex;font-size:14px;font-weight:600;height:38px;padding:0 12px;white-space:nowrap}
.agenda-report-toast{background:#fff;border:1px solid #72839a;box-shadow:0 12px 34px rgba(20,35,55,.28);display:grid;gap:4px;left:50%;min-width:330px;padding:18px 48px 16px 18px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}
.agenda-report-toast[hidden]{display:none}.agenda-report-toast strong{color:#173f76;font-size:15px}.agenda-report-toast span{font-size:12px}.agenda-toast-close{background:none;border:0;font-size:22px;position:absolute;right:10px;top:6px}.agenda-toast-actions{display:flex;gap:8px;margin-top:8px}.agenda-toast-open,.agenda-toast-dismiss{border:1px solid var(--BlueButton);border-radius:5px;font-weight:700;min-height:34px;padding:0 18px}.agenda-toast-open{background:var(--BlueButton);color:#fff}.agenda-toast-dismiss{background:#fff;color:var(--BlueButton)}
/* Dialog fattura elettronica */
.purchase-invoice-fe-overlay,
.purchase-invoice-xml-overlay{align-items:center;background:rgba(23,34,54,.34);bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:3000}
.purchase-invoice-fe-overlay[hidden],
.purchase-invoice-xml-overlay[hidden]{display:none!important}
.purchase-invoice-fe-dialog,
.purchase-invoice-xml-dialog{background:#fff;border:1px solid #8799ad;border-radius:8px;box-shadow:0 18px 42px rgba(23,34,54,.28);box-sizing:border-box;color:#172236;display:grid;gap:8px;max-height:calc(100vh - 48px);overflow:hidden;padding:14px}
.purchase-invoice-fe-dialog{background:#e6e6f6;font-size:12px;padding-top:24px;position:relative;width:800px}
.purchase-invoice-xml-dialog{background:#e8e8f6;gap:8px;grid-template-rows:36px minmax(0,1fr) 34px;height:min(814px,calc(100vh - 48px));padding:12px 14px 12px;width:min(1200px,calc(100vw - 48px))}
.purchase-invoice-fe-titlebar{display:none}
.purchase-invoice-fe-heading{align-items:center;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr)}
.purchase-invoice-fe-heading img{display:block;height:36px;object-fit:contain;width:36px}
.purchase-invoice-fe-heading h2{align-items:center;background:#b8cbe0;border:1px solid #8a8f98;box-sizing:border-box;color:#172236;display:flex;font-size:18px;font-weight:400;height:32px;line-height:1.2;margin:0;padding:0 10px}
.purchase-invoice-xml-dialog .purchase-invoice-fe-heading{gap:8px;grid-template-columns:34px minmax(0,1fr)}
.purchase-invoice-xml-dialog .purchase-invoice-fe-heading img{height:32px;width:32px}
.purchase-invoice-xml-dialog .purchase-invoice-fe-heading h2{font-size:18px;height:32px}
.purchase-invoice-fe-search-row{align-items:center;display:grid;gap:6px;grid-template-columns:88px 1fr 30px 120px}
.purchase-invoice-fe-search-row label{align-items:center;background:#b8cbe0;border:1px solid #8a8f98;border-radius:4px;box-sizing:border-box;color:#172236;display:flex;font-size:13px;height:30px;padding:0 8px}
.purchase-invoice-fe-search-row input{border:1px solid #8a8f98;border-radius:0;box-sizing:border-box;font-size:13px;height:30px;padding:3px 8px}
.purchase-invoice-fe-clear{background:#f7f9ff;border:1px solid #506ac0;border-radius:4px;color:#000;font-size:16px;font-weight:700;height:30px;width:30px}
.purchase-invoice-fe-count{text-align:center}
.purchase-invoice-fe-grid-frame{background:#fff;border:1px solid #8a8f98;height:338px;overflow:auto}
.purchase-invoice-fe-grid{border-collapse:collapse;font-size:12px;table-layout:fixed;width:100%}
.purchase-invoice-fe-grid th,
.purchase-invoice-fe-grid td{border:1px solid #b5bdc9;height:24px;overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}
.purchase-invoice-fe-grid th{background:linear-gradient(#c9d8e8,#b8cbe0 52%,#a9bed6);border-bottom:1px solid #758aa1;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(92,112,135,.25);font-weight:600;text-align:left}
.purchase-invoice-fe-grid tbody tr{cursor:default}
.purchase-invoice-fe-grid tbody tr:hover td{background:#eef4fa}
.purchase-invoice-fe-grid tbody tr.is-previewed:not(.is-selected) td{background:#dfeaf6}
.purchase-invoice-fe-grid tbody tr.is-selected td{background:#b8cbe0;color:#0f2236}
.purchase-invoice-fe-grid tbody tr:focus,
.purchase-invoice-fe-grid tbody tr:focus-visible{outline:none}
.purchase-invoice-fe-grid th:nth-child(1){width:300px}
.purchase-invoice-fe-grid th:nth-child(2){width:90px;text-align:center}
.purchase-invoice-fe-grid td:nth-child(2){text-align:center}
.purchase-invoice-fe-grid th:nth-child(3){width:140px}
.purchase-invoice-fe-grid th:nth-child(4){width:110px;text-align:right}
.purchase-invoice-fe-grid td:nth-child(4){text-align:right}
.purchase-invoice-fe-preview{background:#e6e6f6;border:1px solid #777f8c;box-shadow:0 8px 18px rgba(15,28,48,.18);box-sizing:border-box;color:#0f1f36;font-size:13px;line-height:1.24;min-height:104px;overflow:hidden;padding:11px 13px;position:absolute;width:374px;z-index:4}
.purchase-invoice-fe-preview[hidden]{display:none}
.purchase-invoice-fe-preview div{display:grid;grid-template-columns:82px 13px minmax(0,1fr);min-height:17px}
.purchase-invoice-fe-preview span{font-weight:400;white-space:nowrap}
.purchase-invoice-fe-preview strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.purchase-invoice-fe-actions,
.purchase-invoice-xml-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}
.purchase-invoice-fe-actions .button,
.purchase-invoice-xml-actions .button{height:32px;min-height:32px;min-width:100px}
.purchase-invoice-fe-actions .button{border-radius:6px;font-weight:500}
.purchase-invoice-fe-actions [data-electronic-invoice-accept]{background:#506ac0!important;border:1px solid #506ac0!important;color:#fff!important}
.purchase-invoice-fe-actions [data-electronic-invoice-preview],
.purchase-invoice-fe-actions [data-electronic-invoice-delete],
.purchase-invoice-fe-actions [data-electronic-invoice-close]{background:#f7f9ff!important;border:1px solid #506ac0!important;color:#1f3f94!important}
.purchase-invoice-fe-actions [data-electronic-invoice-preview]:hover,
.purchase-invoice-fe-actions [data-electronic-invoice-delete]:hover,
.purchase-invoice-fe-actions [data-electronic-invoice-close]:hover{background:#506ac0!important;color:#fff!important}
.purchase-invoice-xml-frame{background:#fff;border:1px solid #8799ad;box-sizing:border-box;height:100%;min-height:0;width:100%}
.purchase-invoice-payment-modal-overlay{align-items:center;background:rgba(23,32,51,.32);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:3200}
.purchase-invoice-payment-modal-overlay[hidden]{display:none}
.purchase-invoice-payment-modal{background:#eef1fb;border:1px solid #8799ad;border-radius:8px;box-shadow:0 18px 42px rgba(23,32,51,.28);box-sizing:border-box;height:min(720px,calc(100vh - 64px));overflow:hidden;width:min(980px,calc(100vw - 64px))}
.purchase-invoice-payment-modal iframe{background:#fff;border:0;height:100%;width:100%}
.purchase-invoice-supplier-modal{height:min(852px,calc(100vh - 12px));width:min(1128px,calc(100vw - 116px))}
.purchase-invoice-stock-load-modal{height:min(760px,calc(100vh - 64px));width:min(1200px,calc(100vw - 64px))}

/* Lista Fornitori - override statici per standard liste */
.supplier-list-page .supplier-title-actions>a.btn,
.supplier-list-page .supplier-title-actions>button.btn,
.supplier-list-page .supplier-title-actions>.customer-menu-button{
    box-sizing:border-box!important;
    flex:0 0 140px!important;
    height:40px!important;
    max-width:140px!important;
    min-height:40px!important;
    min-width:140px!important;
    padding:0 13px!important;
    width:140px!important;
}
.supplier-list-page .supplier-toolbar{
    align-items:center!important;
    box-sizing:border-box!important;
    height:48px!important;
    max-height:48px!important;
    min-height:48px!important;
    overflow:hidden!important;
    padding-bottom:8px!important;
    padding-top:8px!important;
}
.supplier-list-page .supplier-toolbar label,
.supplier-list-page .supplier-search-wrap input{
    box-sizing:border-box!important;
    height:30px!important;
    min-height:30px!important;
}
.supplier-list-page .supplier-search-wrap button{
    box-sizing:border-box!important;
    height:26px!important;
    min-height:26px!important;
    top:2px!important;
}
.supplier-list-page .supplier-search-wrap input:focus{
    border-color:#1f6feb!important;
    box-shadow:0 0 0 2px rgba(31,111,235,.14)!important;
    outline:none!important;
}

/* Lista Articoli - applicazione standard liste */
.article-list-page{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    height:100vh;
    margin:0 calc(50% - 50vw);
    overflow:hidden;
    padding:8px 18px 18px;
    width:100vw;
}
.article-list-page .list-titlebar{
    background:rgba(255,255,255,.96);
    border:1px solid #b8c5d6;
    border-radius:8px;
    box-shadow:none;
    box-sizing:border-box;
    flex:0 0 80px;
    height:80px;
    margin-bottom:8px;
    max-height:80px;
    min-height:80px;
    padding:12px 28px 12px 18px;
}
.article-list-page .list-title-layout{
    align-items:center;
    display:flex;
    gap:12px;
    height:56px;
}
.article-list-page .list-title-identity strong{
    font-size:26px;
    line-height:1.05;
}
.article-list-page .list-title-identity small{
    margin-top:3px;
}
.article-list-page .list-title-actions .btn,
.article-list-page .list-title-actions .btn-primary,
.article-list-page .list-title-actions .customer-menu-button{
    align-items:center;
    border-radius:6px;
    box-sizing:border-box;
    display:inline-flex;
    flex:0 0 140px;
    font-size:13px;
    font-weight:600;
    height:40px!important;
    justify-content:center;
    max-width:140px;
    min-height:40px!important;
    min-width:140px;
    padding:0 13px;
    text-decoration:none;
    width:140px!important;
}
.article-list-page .list-title-actions .btn-primary{
    background:var(--BlueButton);
    border:0;
    color:#fff;
}
.article-list-page .list-title-actions .customer-menu-button{
    background:#fff;
    border:1px solid var(--BlueButton);
    color:#000;
}
.article-list-page .list-title-actions .customer-menu-button:hover{
    background:var(--BlueButton);
    color:#fff;
}
.article-list-page .list-records-box{
    align-items:center;
    background:#edf2f8;
    border:1px solid #9db3ca;
    border-radius:6px;
    color:#263b55;
    display:inline-flex;
    gap:5px;
    height:40px;
    justify-content:center;
    margin-right:0;
    min-width:112px;
    padding:0 12px;
    white-space:nowrap;
}
.article-list-page .list-records-box strong{
    color:#173f76;
}
.article-filter-panel{
    align-items:center;
    background:rgba(255,255,255,.96);
    border:1px solid #b8c5d6;
    border-radius:8px;
    box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 2px 4px rgba(23,34,54,.08);
    box-sizing:border-box;
    display:flex;
    flex:0 0 auto;
    height:52px;
    justify-content:center;
    margin-bottom:0;
    min-height:52px;
    padding:8px 12px;
}
.article-list-separator{
    flex:0 0 12px;
    height:12px;
    min-height:12px;
}
.article-list-toolbar{
    align-items:center;
    display:grid;
    gap:8px;
    grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(210px,1fr));
    margin-bottom:0;
    width:100%;
}
.article-list-page .list-filter-field{
    gap:3px;
    min-width:0;
}
.article-list-page .list-filter-field label{
    align-items:center;
    background:#b8cbe0;
    border:1px solid #8a8f98;
    border-radius:6px;
    color:#0e1824;
    display:flex;
    font-size:13px;
    font-weight:400;
    height:30px;
    min-height:30px;
    padding:0 8px;
    user-select:none;
    white-space:nowrap;
}
.article-list-page .list-filter-field input,
.article-list-page .list-filter-field select{
    background:#fff;
    border:1px solid #8a8f98;
    border-radius:5px;
    box-sizing:border-box;
    color:#172236;
    font-size:13px;
    font-weight:420;
    height:30px;
    min-height:30px;
    padding:3px 8px;
    width:100%;
}
.article-list-page .list-filter-field input:focus,
.article-list-page .list-filter-field select:focus{
    border-color:#1f6feb;
    box-shadow:0 0 0 2px rgba(31,111,235,.14);
    outline:none;
}
.article-list-page .list-search-clear{
    background:var(--BlueButton);
    border:1px solid var(--BlueButton);
    border-radius:5px;
    color:#fff;
    height:26px;
    right:4px;
    width:30px;
}
.article-list-page .article-grid-frame{
    background:rgba(255,255,255,.96);
    border:1px solid #9eacbc;
    border-radius:6px;
    flex:1 1 auto;
    margin-top:0;
    min-height:0;
    overflow:auto;
    padding:0 8px 8px;
    scrollbar-gutter:stable;
}
.article-list-page .article-grid{
    border-collapse:separate;
    border-spacing:0;
    color:#000;
    font-size:13px;
    min-width:1280px;
    user-select:none;
    width:100%;
}
.article-list-page .article-grid thead{
    position:sticky;
    top:0;
    z-index:20;
}
.article-list-page .article-grid th{
    background:linear-gradient(#c7d7e8,#b8cbe0 52%,#a9bed6);
    border-bottom:1px solid #758aa1;
    box-sizing:border-box;
    color:#0e1824;
    font-size:13px;
    font-weight:400;
    height:30px;
    min-height:30px;
    padding:0 22px 0 8px;
    position:relative;
    z-index:21;
}
.article-list-page .article-grid td{
    border-bottom:1px solid #cfd8e3;
    box-sizing:border-box;
    cursor:default;
    font-size:13px;
    font-weight:500;
    height:28px;
    line-height:18px;
    min-height:28px;
    padding:4px 6px;
}
.article-list-page .article-grid tbody tr{
    cursor:default;
}