/* Payments Hub 24 — Personal Edition 1.0 | design system locale, nessuna libreria esterna */
:root{color-scheme:dark;--bg:#080d16;--bg2:#0c121e;--panel:#111927;--panel2:#141e2d;--stroke:#273347;--stroke2:#33445c;--ink:#f4f7fd;--muted:#92a5c1;--muted2:#6e819d;--cyan:#5ad8f5;--cyan2:#149ac2;--red:#fa3e54;--orange:#f5b95f;--green:#3fd1a6;--shadow:0 14px 50px #0005;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 65% 26% at 69% -3%,#15314b85,transparent),radial-gradient(ellipse 48% 38% at 0 0,#191c3655,transparent),var(--bg);color:var(--ink);font-size:14px;min-height:100vh}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{min-width:0}::selection{background:#226b84;color:white}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.i-sm svg{width:16px;height:16px}.i-lg svg{width:23px;height:23px}
.topbar{height:84px;position:sticky;top:0;z-index:15;border-bottom:1px solid #243144a3;backdrop-filter:blur(22px);background:#090f19ec}.topbar-inner{max-width:1440px;margin:auto;padding:0 35px;height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(145deg,#f5314a,#a10f31);border:1px solid #f7788a66;box-shadow:0 6px 24px #cf254344;border-radius:14px;color:white;font-size:22px;font-weight:900;letter-spacing:-2px}.brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1.05}.brand-copy strong{font-size:16px;font-weight:760;letter-spacing:-.45px}.brand-copy small{font-size:10px;font-weight:740;letter-spacing:2px;color:var(--cyan)}.nav{display:flex;align-items:center;gap:5px;margin:auto}.nav a{border-radius:11px;padding:12px 13px;font-size:13px;font-weight:650;color:#a9b9ce;transition:.18s;white-space:nowrap}.nav a:hover{background:#1c293a;color:white}.nav a.active{background:#1c3142;color:#6de4fa}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap}.save-status{display:flex;align-items:center;gap:8px;color:#92a6be;font-size:11px;min-width:76px;justify-content:flex-end}.save-dot{height:7px;width:7px;background:var(--green);box-shadow:0 0 0 4px #3fd1a61a;border-radius:50%}.save-status.error .save-dot{background:var(--red);box-shadow:0 0 0 4px #fa3e541a}.save-status.busy .save-dot{background:var(--orange)}.avatar{background:#1b2a3b;border:1px solid #34516a;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#d9edf9}.mobile-nav{display:none}
.page{max-width:1380px;padding:36px 35px 90px;margin:0 auto}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:800}.eyebrow:before{content:'';height:6px;width:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #41d9ff77}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4.7vw,54px);letter-spacing:-2.4px;line-height:1.08;margin:16px 0}h2{font-size:24px;letter-spacing:-.8px;margin:0}h3{font-size:18px;letter-spacing:-.35px;margin:0}p{line-height:1.6}.muted{color:var(--muted)}.mini-label{font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--cyan);text-transform:uppercase}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading .lead{color:var(--muted);font-size:14px;max-width:690px;margin:8px 0 0}.home-hero{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(340px,.85fr);gap:24px;align-items:stretch;margin-bottom:42px}.hero-main{padding:42px 4px 28px 0;min-width:0}.hero-main .muted{max-width:670px;font-size:15px;margin-bottom:23px}.hero-datum{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:10px;background:#142233;border:1px solid #294055;color:#ccd9e9;font-weight:600;font-size:12px}.hero-datum svg{width:16px;height:16px;color:var(--cyan)}.hero-visual{border-radius:23px;border:1px solid #314358;background:linear-gradient(135deg,#15273a 0%,#111a29 57%,#111825 100%);padding:26px;position:relative;overflow:hidden;min-height:240px;box-shadow:var(--shadow)}.hero-visual:after{content:'';position:absolute;border:1px solid #53cbea24;width:320px;height:320px;border-radius:50%;right:-145px;top:-170px;box-shadow:0 0 0 52px #58d9f008,0 0 0 106px #58d9f006;pointer-events:none}.hero-visual>*{position:relative;z-index:1}.date-head{display:flex;justify-content:space-between;align-items:center;color:#aac0da;font-size:11px;font-weight:750;letter-spacing:1px;text-transform:uppercase}.today-date{font-size:21px;font-weight:800;letter-spacing:-.7px;margin:20px 0 10px}.shift-big{font-size:32px;font-weight:850;letter-spacing:-1.4px;line-height:1.15;margin-bottom:10px}.mode-chip{font-size:12px;color:#78dff4;display:inline-flex;gap:7px;align-items:center}.hero-visual .text-link{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:750;color:#dff7ff;margin-top:27px}.hero-visual .text-link:hover{color:var(--cyan)}.text-link svg{width:15px;height:15px}
.section{margin-bottom:32px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading p{color:var(--muted);font-size:12px;margin:7px 0 0}.section-tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{border:1px solid transparent;border-radius:10px;color:#9aafcb;background:transparent;padding:9px 13px;font-size:12px;font-weight:700}.tab.active{border-color:#365d76;background:#142b3b;color:#8ee7f7}.tab:hover{color:white;background:#172536}
.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tool-card{border:1px solid #293448;background:linear-gradient(180deg,#121826,#0c111b);border-radius:21px;padding:22px;min-height:216px;display:flex;flex-direction:column;gap:20px;transition:transform .17s,border-color .17s,box-shadow .17s;min-width:0}.tool-card:hover{transform:translateY(-3px);border-color:#47748d;box-shadow:0 13px 35px #0004}.tool-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.icon-tile{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#202b3c;color:#e6f1ff}.icon-tile.cyan{background:#153645;color:#5bd9f4}.icon-tile.red{background:#3a1b2a;color:#ff6478}.icon-tile.gold{background:#39301f;color:#ffc977}.icon-tile.purple{background:#2f2641;color:#c0a2ff}.tag{border-radius:99px;font-size:10px;font-weight:850;letter-spacing:.2px;padding:6px 10px;border:1px solid #245e72;background:#0f2a37;color:#69dff6;white-space:nowrap}.tag.red{border-color:#8b2639;background:#35131f;color:#ff697c}.tag.gold{border-color:#85602b;background:#31271a;color:#ffd17e}.tool-card h3{font-size:18px;margin-bottom:10px;line-height:1.25}.tool-card p{color:#a3b8d6;font-size:13px;line-height:1.65;margin:0}.tool-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.tool-bottom span{color:#59738c;font-weight:650;font-size:11px}.tool-bottom svg{width:17px;color:#6a8aa4}.tool-card:hover .tool-bottom svg{color:var(--cyan)}
.panel{border:1px solid #2a374a;background:linear-gradient(160deg,#131b29,#0f1521);border-radius:20px;padding:25px;min-width:0}.panel-soft{background:#101824}.bottom-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-heading p{font-size:12px;color:var(--muted);margin:7px 0 0}.pane-actions{display:flex;gap:8px;flex-wrap:wrap}.label{display:block;font-size:11px;font-weight:750;color:#a4b6cd;margin-bottom:8px}.field,.select,.textarea{display:block;width:100%;padding:12px 13px;border-radius:11px;border:1px solid #344055;background:#0c1420;color:#e9f3ff;outline:none;transition:border-color .16s;box-shadow:none}.field:focus,.select:focus,.textarea:focus{border-color:#53cce9}.field::placeholder,.textarea::placeholder{color:#6b7e99}.textarea{resize:vertical;min-height:110px;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-stack{display:grid;gap:14px}.form-stack label{display:block;min-width:0}.helper{font-size:11px;color:#8297af;margin-top:9px}.btn{appearance:none;background:#162233;border:1px solid #344257;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#dbe7f6;padding:10px 14px;font-weight:750;font-size:12px;line-height:1.3;transition:.15s;white-space:nowrap}.btn:hover{background:#203148;border-color:#5b748d}.btn.primary{background:linear-gradient(120deg,#ee3048,#ff5166);border-color:#e6334e;color:white;box-shadow:0 5px 18px #fa35532a}.btn.primary:hover{filter:brightness(1.1)}.btn.cyan{background:#123344;border-color:#286780;color:#8ce6f6}.btn.cyan:hover{background:#184459}.btn.danger{background:#341820;color:#ff95a2;border-color:#6c2937}.btn.ghost{background:transparent;border-color:transparent;color:#b6c8dd}.btn.ghost:hover{background:#1d2a3a}.btn svg{height:16px;width:16px}.btn.small{padding:7px 10px;font-size:11px}.btn.icon-only{width:35px;height:35px;padding:7px}.btn:focus-visible{outline-offset:2px}.text-link{color:#85e1f4;font-weight:700}.text-link:hover{text-decoration:underline}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 11px;display:inline-flex;align-items:center;gap:7px;border:1px solid #2b4257;background:#122234;border-radius:9px;color:#bbd3e8;font-size:11px;font-weight:650}.chip:hover{border-color:#65c9df}.chip svg{width:14px;height:14px}
.week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.day-mini{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 5px;border-radius:12px;border:1px solid #2f3d51;background:#151d2a;min-width:0;cursor:pointer;transition:.16s}.day-mini:hover,.day-mini.selected{border-color:#53cce9;background:#173243}.day-mini small{color:#8fa3bc;font-size:10px}.day-mini strong{font-size:16px}.day-mini span{color:#80a0bb;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center}.day-mini.selected strong{color:#9bf2ff}.today-marker{height:3px;width:15px;background:var(--red);border-radius:8px}
.workspace-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:18px;align-items:start}.section-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:210px}.search-box>svg{position:absolute;top:13px;left:13px;width:17px;height:17px;color:#7189a2}.search-box .field{padding-left:40px}.select{cursor:pointer}.section-tools .select{max-width:215px}.result-count{font-size:11px;color:#92a6c0;font-weight:700}.record-list{display:grid;gap:12px;margin-top:18px}.record-card{border:1px solid #2a3749;border-radius:15px;background:#101927;padding:17px 18px;min-width:0;transition:.17s}.record-card:hover{border-color:#41627b}.record-card-header{display:flex;justify-content:space-between;gap:14px;align-items:start}.record-card h3{font-size:15px;margin:0 0 7px}.record-card p{color:#a8b9cb;font-size:12px;line-height:1.6;white-space:pre-line;margin:9px 0 0;overflow-wrap:anywhere}.record-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.pill{display:inline-block;padding:5px 9px;background:#192a3a;border-radius:7px;font-weight:750;font-size:10px;color:#80cbe0}.pill.tone2{background:#2c2334;color:#c6a0ec}.record-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px}.record-emails{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.email-pill{border:1px solid #2a4053;padding:6px 9px;border-radius:8px;background:#142332;color:#a9daed;font-size:11px;overflow-wrap:anywhere;max-width:100%}.favorite{display:inline-flex;gap:5px;align-items:center;color:#fecf75}.favorite svg{width:15px;height:15px}.record-card .caption{color:#7087a3;font-size:10px}.empty-state{text-align:center;padding:42px 20px;background:#111c2a;border:1px dashed #3a4a5e;border-radius:14px;color:#93a5c2}.empty-state svg{width:35px;height:35px;color:var(--cyan);margin-bottom:11px}.empty-state h3{color:#e8f3ff;margin-bottom:6px}.empty-state p{margin:0}.stacked-field{display:grid;gap:7px}.modal{position:fixed;inset:0;z-index:40;background:#03070dcc;backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-content{width:min(100%,660px);max-height:92vh;overflow:auto;border:1px solid #39506a;border-radius:22px;background:#111a28;box-shadow:0 30px 80px #000a;padding:27px}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}.modal-top p{margin:0;color:#90a7bf;font-size:11px}.modal-top h2{margin:6px 0 0}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:21px;flex-wrap:wrap}.checkbox-line{display:flex;gap:9px;align-items:center;font-size:12px;color:#b4c4d7}.checkbox-line input{accent-color:#4bcfea;width:17px;height:17px}.checkbox-line span{line-height:1.3}.editor-hint{font-size:11px;color:#8298b0;line-height:1.5}.note-body-preview{white-space:pre-wrap;max-height:180px;overflow:hidden;overflow-wrap:anywhere}.note-body-preview.clamped{mask-image:linear-gradient(black 65%,transparent)}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}.cal-controls{display:flex;align-items:center;gap:8px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.calendar-weekday{text-align:center;color:#8093ad;font-weight:800;font-size:10px;letter-spacing:1px;padding:6px}.calendar-day{position:relative;min-height:105px;border:1px solid #2b384c;border-radius:13px;background:#121d2b;padding:11px;display:flex;align-items:start;flex-direction:column;gap:10px;min-width:0;text-align:left;color:#e5ecf6;transition:.15s}.calendar-day:hover{border-color:#447c97;background:#18283a}.calendar-day.selected{border-color:#64d3ed;box-shadow:inset 0 0 0 1px #64d3ed38;background:#152b3b}.calendar-day.other{opacity:.43}.calendar-day.today .cal-num{color:#ff7184}.cal-num{font-size:13px;font-weight:800}.shift-label{display:inline-block;padding:5px 7px;border-radius:7px;font-size:10px;font-weight:750;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-label.full{background:#153c4c;color:#69dcf5}.shift-label.late{background:#49331e;color:#ffd08a}.shift-label.off{background:#293044;color:#a7b6d4}.shift-label.leave{background:#1b4337;color:#7fe7b7}.shift-label.sick{background:#4e2632;color:#ffa3ae}.shift-label.custom{background:#3d2b55;color:#d8adfa}.cal-mode{font-size:10px;color:#8197b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cal-empty{font-size:11px;color:#4e627f}.shift-editor{position:sticky;top:105px}.shift-editor .field-row{grid-template-columns:1fr 1fr}.shift-editor h3{margin-bottom:7px}.shift-editor-date{font-size:15px;color:white;font-weight:800;margin:7px 0 18px}.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preset{padding:11px 10px;border-radius:10px;border:1px solid #344257;color:#b3c7df;background:#121f2e;text-align:center;font-size:12px;font-weight:700}.preset.active,.preset:hover{border-color:#54d4ec;background:#163447;color:#b6f2ff}.preset.off.active{background:#303749;border-color:#697b99}.preset.leave.active{background:#1e3d34;border-color:#47ae81}.preset.sick.active{background:#472733;border-color:#ba5368}.info-strip{padding:12px 14px;border-radius:10px;border:1px solid #2f4e60;background:#132533;color:#a4cde0;font-size:11px;line-height:1.6}.info-strip strong{color:#e2f9ff}.divider{height:1px;background:#2a394d;border:0;margin:4px 0}.section-small{font-size:12px;font-weight:800;color:white}
.backup-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.backup-box{border:1px solid #334459;background:#122030;border-radius:15px;padding:21px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.backup-box svg{color:#6eddf3;width:25px;height:25px}.backup-box h3{font-size:17px}.backup-box p{font-size:12px;color:#a6b9d0;margin:0}.backup-box .btn{margin-top:auto}.warning{border-left:3px solid #dca95c;background:#392d1d70;color:#ead4af;padding:12px 14px;font-size:12px;line-height:1.6;border-radius:0 9px 9px 0}.file-input{display:none}.storage-mode{font-weight:800;color:#8ce8ef}.statusline{font-size:11px;color:#98abbd}.footer{margin-top:32px;border-top:1px solid #233043;padding:26px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#71859f;font-size:11px}.footer strong{color:#a0b8ce}.footer .sig{letter-spacing:.3px}.toast{position:fixed;bottom:30px;right:30px;z-index:80;background:#192c3a;border:1px solid #448ba4;box-shadow:var(--shadow);padding:14px 18px;border-radius:12px;color:#eafcff;font-weight:680;font-size:12px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s;max-width:min(390px,calc(100vw - 32px))}.toast.show{opacity:1;transform:none}.toast.error{background:#3a1b26;border-color:#a64658}
@media(max-width:1190px){.topbar-inner{gap:14px;padding:0 22px}.nav a{padding:10px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page{padding:30px 23px 70px}.bottom-grid{grid-template-columns:1.2fr 1fr}}
@media(max-width:900px){.nav{display:none}.mobile-nav{display:flex;gap:7px;overflow-x:auto;padding:10px 20px;border-top:1px solid #223146;background:#0b121e}.mobile-nav a{padding:8px 12px;white-space:nowrap;border-radius:9px;color:#9db1c9;font-size:11px;font-weight:700;background:#152031}.mobile-nav a.active{color:#71e0f7;background:#153346}.topbar{height:auto}.topbar-inner{height:66px}.save-status{font-size:10px}.home-hero{grid-template-columns:1fr 1fr}.hero-main{padding:26px 0}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid,.workspace-layout{grid-template-columns:1fr}.shift-editor{position:static}.calendar-day{min-height:86px;padding:8px}.page-heading{align-items:start}.backup-layout{grid-template-columns:1fr 1fr}}
@media(max-width:590px){.topbar-inner{padding:0 14px}.brand-mark{width:38px;height:38px;border-radius:11px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:8px;letter-spacing:1.5px}.top-actions{gap:7px}.avatar{display:none}.save-status{font-size:10px}.page{padding:23px 14px 60px}.home-hero{display:flex;flex-direction:column;gap:10px;margin-bottom:31px}.hero-main{padding:12px 0}.hero-visual{min-height:220px;padding:22px}.page-heading{display:block}.page-heading .pane-actions{margin-top:15px}.tool-grid{gap:10px}.tool-card{padding:14px;min-height:208px;border-radius:15px;gap:14px}.tool-card h3{font-size:15px}.tool-card p{font-size:11px}.icon-tile{width:39px;height:39px}.icon-tile svg{width:19px;height:19px}.tag{font-size:8px;padding:5px 6px}.section-heading{flex-direction:column;align-items:start}.panel{padding:17px;border-radius:15px}.week-strip{gap:4px}.day-mini{padding:9px 2px}.day-mini strong{font-size:13px}.day-mini small,.day-mini span{font-size:9px}.field-row,.shift-editor .field-row,.backup-layout{grid-template-columns:1fr}.calendar{gap:3px}.calendar-day{padding:5px;border-radius:8px;min-height:70px;gap:6px}.calendar-weekday{font-size:9px}.cal-num{font-size:11px}.shift-label{font-size:8px;padding:3px}.cal-mode{display:none}.section-tools .select{max-width:none;flex:1}.record-card{padding:14px}.record-card-header{gap:6px}.record-actions .btn{flex:1}.modal-content{padding:17px;border-radius:14px}.footer{flex-direction:column;align-items:start}.toast{right:16px;bottom:16px}h1{letter-spacing:-1.5px}}

[hidden]{display:none!important}
.search-box>span{position:absolute;top:12px;left:13px;width:18px;height:18px;display:grid;place-items:center;color:#7189a2;z-index:1}
.search-box>span svg{width:17px;height:17px}

/* v1.1 · Bacheca note più ampia, testo interamente visibile e sempre copiabile */
.route-view[data-route="notes"] .panel{padding:28px 30px 34px}
.notes-layout-actions{align-items:center;justify-content:flex-end}
.notes-layout-actions .helper{margin:0}
.notes-library{grid-template-columns:minmax(0,1fr);gap:14px}
.notes-library.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.note-card{padding:23px 24px;border-radius:17px;background:linear-gradient(120deg,#121e2d,#0e1724);min-width:0}
.note-card .record-card-header{align-items:start}
.note-card h3{font-size:16px;line-height:1.4;margin:0}
.note-top-actions{display:flex;align-items:center;gap:8px;flex:none}
.note-content{font-family:inherit;font-size:14px;font-weight:480;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;user-select:text;-webkit-user-select:text;color:#e1ebf7;background:#0a1421;border:1px solid #2a3f53;border-radius:12px;padding:20px 22px;margin-top:18px;min-height:74px}
.note-content::selection{background:#356e89;color:white}
.note-footer-actions{margin-top:12px;justify-content:space-between}
.note-select-hint{display:inline-flex;align-items:center;gap:6px;color:#8298b2;font-size:11px}
.note-select-hint svg{width:14px;height:14px}
.note-modal-wide{width:min(100%,920px);padding:31px 36px}
.note-modal-wide #ntContent{min-height:340px!important;font-size:14px;line-height:1.7;resize:vertical}
@media(max-width:900px){.notes-library.notes-grid{grid-template-columns:minmax(0,1fr)}.route-view[data-route="notes"] .panel{padding:20px}}
@media(max-width:590px){.note-card{padding:14px}.note-content{padding:15px;font-size:13px}.note-top-actions{gap:4px}.note-card .record-card-header{gap:8px}.note-card h3{font-size:14px}.notes-layout-actions{flex-wrap:wrap;justify-content:flex-start}.notes-layout-actions .helper{width:100%}.note-modal-wide{padding:17px}.note-modal-wide #ntContent{min-height:280px!important}}


/* ===== v1.2 · Unified dashboard + subpages styling ===== */
.dashboard-utility-row{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:16px;align-items:stretch;margin:0 0 18px}.operator-panel-lite,.quick-app-card{border:1px solid #293448;background:linear-gradient(180deg,#121826,#0c111b);box-shadow:var(--shadow)}.operator-panel-lite{border-radius:24px;padding:16px 18px;display:flex;align-items:center;gap:14px;min-width:0}.operator-panel-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ef233c,#ff4557);color:#fff;font-weight:900;font-size:22px;box-shadow:0 10px 24px rgba(225,6,19,.28)}.operator-panel-copy{min-width:0}.operator-panel-copy h3{margin:4px 0 3px;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.operator-panel-copy p{margin:0;color:#9fb0c9;font-size:13px}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid #3c4d64;background:#1a2434;color:#dfe8f8;font-size:10px;font-weight:800;letter-spacing:.2px;text-transform:uppercase}.quick-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-app-card{border-radius:22px;padding:16px 18px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#e9f2ff;font-weight:850;min-height:80px;transition:transform .17s,border-color .17s,box-shadow .17s}.quick-app-card:hover{transform:translateY(-2px);border-color:#47748d;box-shadow:0 13px 35px #0004}.quick-app-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#172131;border:1px solid #2f4157;color:#eef5ff}.quick-app-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.hero-logo{display:block;max-width:min(340px,100%);width:100%;height:auto;margin:10px 0 18px;border-radius:18px}.icon-tile,.icon-tile.cyan,.icon-tile.red,.icon-tile.gold,.icon-tile.purple{background:#172131;border:1px solid #2f4157;color:#eef5ff}.icon-tile svg{stroke-width:1.9}.tool-card:hover .icon-tile,.quick-app-card:hover .quick-app-icon{border-color:#4a6987;background:#1c2a3d}.tool-card.person-highlight,.tool-card.person-highlight:hover{background:linear-gradient(180deg,#102535,#0c1a27)}@media(max-width:980px){.dashboard-utility-row{grid-template-columns:1fr}.quick-apps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.quick-apps{grid-template-columns:1fr}.quick-app-card{min-height:68px}.hero-logo{max-width:280px}}

/* Timesheet Paolo: note operative nel calendario, sempre senza scroll orizzontale */
.timesheet-info{padding:11px 13px;background:#0d2230;border:1px solid #295168;border-radius:10px;color:#9dc9dc;line-height:1.55;margin-bottom:0!important}.cal-note{color:#79d8f0;font-weight:750;letter-spacing:.1px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* === v1.4 · Compact-first dashboard: E-Play24 header + accessible workspace === */
.topbar{height:72px}.topbar-inner{max-width:1560px;padding:0 26px;gap:16px}
.brand{flex:0 0 auto;width:220px;min-width:0;display:flex;align-items:center}
.brand-logo-main{display:block;width:220px;max-width:100%;height:auto;object-fit:contain}
.nav{display:flex;align-items:center;gap:3px;flex:1 1 auto;justify-content:center;min-width:0}
.nav a{padding:10px 10px;white-space:nowrap;font-size:12px;font-weight:750;letter-spacing:0}
.top-actions{flex:0 0 auto;margin-left:auto}
.page{padding-top:17px;max-width:1560px;padding-left:26px;padding-right:26px}
.dashboard-utility-row{grid-template-columns:minmax(230px,1.35fr) repeat(3,minmax(150px,1fr));display:grid;gap:10px;margin:0 0 20px;align-items:stretch}
.operator-panel-lite{padding:10px 15px;min-height:66px;border-radius:18px;gap:11px}
.operator-panel-avatar{width:39px;height:39px;border-radius:12px;font-size:17px;flex:0 0 39px}
.operator-panel-copy .mini-label{font-size:9px}
.operator-panel-copy h3{font-size:13px;margin:3px 0 2px}
.operator-panel-copy p{font-size:11px;line-height:1.2}
.status-pill{font-size:9px;padding:3px 7px}
.quick-apps{display:contents}
.quick-app-card{border-radius:18px;padding:11px 13px;min-height:66px;gap:10px;font-size:12px;box-shadow:none}
.quick-app-icon{width:33px;height:33px;border-radius:11px;flex:0 0 33px}
.quick-app-icon svg{width:17px;height:17px}
.route-view[data-route="dashboard"] > .section{margin-top:0;margin-bottom:24px}
.route-view[data-route="dashboard"] .section-heading{margin-bottom:12px;gap:16px}
.route-view[data-route="dashboard"] .section-heading h2{font-size:24px;line-height:1.1}
.route-view[data-route="dashboard"] .section-heading p{font-size:12px;line-height:1.35;margin-top:4px}
.route-view[data-route="dashboard"] .tool-grid{gap:12px}
.route-view[data-route="dashboard"] .tool-card{min-height:166px;gap:12px;padding:17px 19px;border-radius:18px}
.route-view[data-route="dashboard"] .tool-card h3{font-size:16px;margin-bottom:6px}
.route-view[data-route="dashboard"] .tool-card p{font-size:12px;line-height:1.45}
.route-view[data-route="dashboard"] .tool-bottom{padding-top:3px}
.route-view[data-route="dashboard"] .tool-bottom span{font-size:9px}
.route-view[data-route="dashboard"] .icon-tile{width:39px;height:39px;border-radius:12px}
.route-view[data-route="dashboard"] .icon-tile svg{width:19px;height:19px}
.route-view[data-route="dashboard"] .tag{padding:5px 8px;font-size:9px}
.finance-empty{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:320px;padding:50px 25px;gap:14px}
.finance-empty h2{margin:0}.finance-empty p{color:var(--muted);max-width:510px;line-height:1.55;margin:0}
.finance-placeholder-icon{display:grid;place-items:center;width:57px;height:57px;border:1px solid #31455e;border-radius:16px;background:#172435;color:#b8d7f0}
.finance-placeholder-icon svg{width:29px;height:29px}
@media(max-width:1370px){.brand{width:185px}.brand-logo-main{width:185px}.nav a{padding:9px 7px;font-size:11px}.topbar-inner{gap:8px;padding-left:20px;padding-right:20px}}
@media(max-width:1150px){.topbar{height:auto}.topbar-inner{height:68px}.nav{display:none}.mobile-nav{display:flex;flex-wrap:wrap;gap:5px;padding:7px 20px;overflow-x:visible;justify-content:center}.mobile-nav a{white-space:nowrap;font-size:11px}.page{padding:16px 20px 60px}.dashboard-utility-row{grid-template-columns:minmax(200px,1.3fr) repeat(3,minmax(110px,1fr))}.operator-panel-copy p{font-size:10px}.quick-app-card{padding:10px}.quick-app-icon{width:30px;height:30px;flex-basis:30px}}
@media(max-width:720px){.dashboard-utility-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.operator-panel-lite{grid-column:1/-1}.quick-apps{display:contents}.quick-app-card{justify-content:center;min-height:52px;padding:9px 7px;border-radius:13px;gap:7px}.quick-app-card strong{font-size:11px}.quick-app-icon{width:27px;height:27px;flex-basis:27px}.page{padding:14px 13px 52px}.mobile-nav{padding:8px 10px;justify-content:flex-start}.mobile-nav a{font-size:10px;padding:8px 10px}.route-view[data-route="dashboard"] .section-heading{flex-direction:column;align-items:flex-start}.route-view[data-route="dashboard"] .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.route-view[data-route="dashboard"] .tool-card{min-height:168px;padding:13px;gap:9px}.route-view[data-route="dashboard"] .tool-card h3{font-size:14px}.route-view[data-route="dashboard"] .tool-card p{font-size:11px}.route-view[data-route="dashboard"] .section-heading h2{font-size:21px}}
@media(max-width:390px){.quick-app-card{flex-direction:column}.route-view[data-route="dashboard"] .tool-grid{grid-template-columns:1fr}.route-view[data-route="dashboard"] .tool-card{min-height:126px}}

/* Desktop ampio: workspace completo su due righe senza scroll inutile. */
@media(min-width:1380px){.route-view[data-route="dashboard"] .tool-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.route-view[data-route="dashboard"] .tool-card{min-height:175px}}


/* ===== v1.5 · Accesso operatore: data, turno e sede nello stesso riquadro ===== */
.dashboard-utility-row{grid-template-columns:minmax(410px,1.65fr) repeat(3,minmax(140px,1fr))}
.operator-panel-lite{min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:84px;overflow:hidden}
.operator-panel-avatar{flex:0 0 39px}
.operator-panel-copy{flex:0 1 auto;min-width:115px;max-width:177px}
.operator-panel-copy h3{font-size:12px;line-height:1.18;white-space:nowrap;display:block}
.operator-panel-copy .status-pill{font-size:8px;padding:2px 5px;margin-left:2px;vertical-align:middle}
.operator-panel-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.operator-day-summary{flex:1 1 177px;min-width:0;border-left:1px solid #324257;padding:1px 0 1px 12px;display:flex;flex-direction:column;gap:2px;justify-content:center}
.operator-day-date{font-size:10px;color:#9fb6ce;font-weight:740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.operator-day-shift{font-size:15px;color:#f1f7ff;font-weight:850;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.25px}
.operator-place-field{display:block;min-width:0;margin:0;position:relative}
.operator-place-field select{appearance:none;-webkit-appearance:none;cursor:pointer;max-width:100%;width:100%;height:23px;font-size:10px;font-weight:750;line-height:1.1;color:#82ddf1;background:#0e2534;border:1px solid #2b596b;border-radius:7px;padding:2px 19px 2px 7px;outline-offset:2px;white-space:nowrap;text-overflow:ellipsis}
.operator-place-field:after{content:'';pointer-events:none;position:absolute;right:9px;top:9px;width:5px;height:5px;transform:rotate(45deg);border-bottom:1.5px solid #83dced;border-right:1.5px solid #83dced}
.operator-place-field select:disabled{opacity:.62;cursor:default;background:#17202b;border-color:#2d3d4e;color:#b1c0d0}
.operator-place-field select option{color:#eaf6ff;background:#152234}
@media(max-width:1230px){.dashboard-utility-row{grid-template-columns:minmax(390px,1.7fr) repeat(3,minmax(115px,1fr))}.operator-panel-lite{gap:8px;padding:8px 11px}.operator-panel-copy{min-width:109px;max-width:150px}.operator-day-summary{padding-left:10px}}
@media(max-width:1020px){.dashboard-utility-row{grid-template-columns:minmax(0,1fr) repeat(3,minmax(105px,.5fr))}.operator-panel-lite{grid-column:1/-1;max-width:none;min-height:72px}.operator-panel-copy{flex:0 0 auto;max-width:none}.operator-day-summary{margin-left:auto;flex:0 1 240px}.quick-apps{display:contents}}
@media(max-width:720px){.dashboard-utility-row{grid-template-columns:repeat(3,minmax(0,1fr))}.operator-panel-lite{grid-column:1/-1;padding:10px;gap:9px;min-height:82px}.operator-panel-copy{flex:1 1 120px;min-width:0;max-width:none}.operator-panel-copy h3{white-space:normal}.operator-day-summary{flex:1 1 150px;margin:0;padding-left:9px}.operator-day-shift{font-size:13px}.operator-day-date{font-size:9px}}
@media(max-width:370px){.operator-panel-avatar{width:32px;height:32px;flex-basis:32px;font-size:14px}.operator-panel-copy h3{font-size:11px}.operator-panel-copy .status-pill{display:none}.operator-panel-copy p{font-size:9px}.operator-day-shift{font-size:12px}.operator-day-date{font-size:8px}.operator-place-field select{font-size:9px}}

/* ===== v1.6 · Home: appunti giornalieri e note pronte da copiare ===== */
.home-working-area{margin-top:22px!important}
.home-working-heading{margin-bottom:15px!important}
.home-notes-layout{display:grid;grid-template-columns:minmax(300px,.83fr) minmax(0,1.37fr);gap:16px;align-items:start}
.home-notes-layout .panel{min-width:0;padding:23px 24px;border-radius:20px;box-shadow:0 15px 35px #0002}
.home-notes-layout .panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}
.home-notes-layout .panel-heading h2{font-size:19px;line-height:1.3;margin:6px 0 5px}
.home-notes-layout .panel-heading p{font-size:12px;line-height:1.5;color:#94abc7;margin:0}
.home-daily-textarea{display:block;width:100%;min-height:300px;resize:vertical;font-size:13px;line-height:1.65;padding:17px;color:#e7f2ff}
.home-daily-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.home-daily-footer .helper{font-size:10px;margin:0}
.home-notes-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:13px;min-width:0}
.home-notes-search{flex:1 1 240px;min-width:0;margin:0;display:block}
.home-notes-search input{width:100%;padding-left:40px;min-height:40px;font-size:12px}
.home-note-filters{display:flex;gap:5px;flex:0 0 auto}
.home-note-filters .tab{font-size:11px;padding:9px 12px;white-space:nowrap}
.home-quick-notes-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.home-quick-note{display:flex;flex-direction:column;min-width:0;padding:13px;border:1px solid #2b3e54;border-radius:13px;background:linear-gradient(160deg,#131e2c,#0c1623);gap:10px}
.home-note-top{display:flex;align-items:start;justify-content:space-between;gap:6px;min-width:0}
.home-note-title{flex:1;min-width:0}
.home-note-title h3{font-size:12px;line-height:1.35;color:#f1f6fd;margin:0 0 4px;overflow-wrap:anywhere}
.home-note-title span{font-size:10px;color:#90a6c2}
.home-copy-note{flex:0 0 auto;min-height:34px;padding:7px 9px;font-size:11px;white-space:nowrap}
.home-copy-note svg{width:13px;height:13px}
.home-quick-note-content{white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text;color:#b7cce2;font-size:11.5px;line-height:1.55;background:#0a1420;border:1px solid #21334a;border-radius:9px;padding:10px 11px}
.home-quick-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px}
.home-quick-foot .helper{font-size:10px;margin:0}
.home-quick-foot .text-link{font-size:11px}
@media(max-width:1050px){.home-notes-layout{grid-template-columns:1fr}.home-daily-textarea{min-height:170px}}
@media(max-width:680px){.home-notes-layout{gap:12px}.home-notes-layout .panel{padding:16px;border-radius:16px}.home-notes-toolbar{flex-wrap:wrap}.home-notes-search{flex-basis:100%}.home-quick-notes-list{grid-template-columns:1fr}.home-daily-textarea{min-height:185px}.home-daily-footer .btn{margin-left:auto}}

/* Accessibilità: etichette per screen reader senza sovrapposizioni visive. */
.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;clip-path:inset(50%)!important}