/* Schermate area riservata: caricate localmente, senza font o stili CDN. */
.secure-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(ellipse at 50% 0%,#e8f1eb 0%,#f5f8f5 56%,#f8faf8 100%);color:var(--ink)}
.secure-card{width:min(100%,460px);padding:clamp(24px,6vw,42px);border:1px solid #e0e9e2;border-radius:24px;background:#fff;box-shadow:0 22px 72px rgba(22,75,63,.10)}
.secure-brand{display:flex;align-items:center;gap:11px;margin:0 auto 34px;width:max-content}.secure-brand .brand-mark{height:42px;width:42px}.secure-brand strong{display:block;font-size:21px;letter-spacing:-.7px;color:var(--green)}.secure-brand strong span{color:#82a68b}.secure-brand small{display:block;color:#78857d;font-size:9px;letter-spacing:1.6px;font-weight:800;margin-top:2px}
.secure-intro{text-align:center;margin-bottom:22px}.secure-icon{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 16px;border-radius:15px;background:var(--green-soft);color:var(--green)}.secure-intro .eyebrow{font-size:9px;letter-spacing:1.4px;font-weight:800;color:var(--green-2);margin:0 0 8px}.secure-intro h1{font-size:clamp(23px,6vw,31px);line-height:1.15;letter-spacing:-1px;margin:0 0 10px}.secure-intro>p:last-child{color:var(--muted);font-size:13px;line-height:1.55;margin:0 auto;max-width:350px}
.secure-state{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:10px 12px;margin:18px 0;color:var(--green);background:#f2f7f3;font-size:11px;font-weight:700;text-align:center}.secure-offline{background:#fff6e6;color:#79581e}.secure-error{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #f0caca;border-radius:10px;background:#fff3f2;color:#8f3131;font-size:12px;line-height:1.5;margin:16px 0}.secure-error .icon{flex:none;margin-top:1px}
.secure-form{display:grid;gap:15px;margin-top:22px}.secure-form label{display:grid;gap:7px;color:#34443a;font-size:12px;font-weight:700}.secure-form input{width:100%;min-height:48px;border:1px solid #d8e1da;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);font:inherit;font-size:16px;outline:0;transition:border .15s,box-shadow .15s}.secure-form input:focus{border-color:#4b8b70;box-shadow:0 0 0 3px rgba(75,139,112,.14)}.secure-form .btn{width:100%;min-height:48px;justify-content:center;margin-top:3px;font-size:13px}.secure-form .btn .icon{margin-left:auto}
.secure-note{display:flex;align-items:flex-start;gap:7px;color:#69756e;background:#f6f8f6;border-radius:10px;padding:12px;font-size:10px;line-height:1.5;margin:16px 0 0}.secure-note .icon{flex:none;margin-top:1px;color:var(--green)}.secure-foot,.secure-disclaimer{font-size:10px;line-height:1.5;text-align:center;color:#7a857e}.secure-foot{margin:20px 0 0}.secure-disclaimer{max-width:420px;margin:16px 0 0}
.sync-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:12px 14px;border:1px solid #ead9b6;border-radius:12px;background:#fffaf0;color:#69501f;font-size:11px;line-height:1.45}.sync-banner>div{display:flex;align-items:flex-start;gap:9px}.sync-banner>div>.icon{flex:none;margin-top:1px}.sync-banner strong{font-weight:800}.sync-banner .btn{flex:none}.sync-offline{background:#f4f7f6;border-color:#dce6df;color:#435c4c}.sync-conflict{background:#fff3f1;border-color:#edcfca;color:#813e35}
.account-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--border)}.account-row:last-child{border-bottom:0}.account-row .avatar{flex:none}.account-row-main{display:grid;gap:3px;min-width:0;flex:1}.account-row-main strong{font-size:12px;overflow-wrap:anywhere}.account-row-main strong small{font-weight:500;color:var(--muted)}.account-row-main span,.account-row-main>small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.account-row-actions{flex:none}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.temporary-credential{padding:15px;border:1px solid #d4e5d8;border-radius:12px;background:#f1f7f2;display:grid;gap:8px}.temporary-credential strong{font-size:12px;color:#204c3d}.temporary-credential p,.temporary-credential small{font-size:10px;color:#617167;margin:0}.temporary-credential code{font-size:15px;letter-spacing:.5px;color:#142d22;overflow-wrap:anywhere}.temporary-credential .btn{justify-self:start}.sync-resolution-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 6px}.sync-resolution-actions .btn{flex:1;justify-content:center;min-width:200px}
@media(max-width:480px){.secure-screen{padding:18px 12px}.secure-card{border-radius:20px;padding:25px 21px}.secure-brand{margin-bottom:27px}.secure-intro>p:last-child{font-size:12px}.secure-form input{min-height:50px}.sync-banner{align-items:flex-start;flex-direction:column}.sync-banner .btn{align-self:flex-start}.sync-resolution-actions{flex-direction:column}.sync-resolution-actions .btn{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.secure-form input{transition:none}}
.secure-demo{margin:16px 0 0;padding:11px 12px;border:1px dashed #c8d8ce;border-radius:10px;color:#476052;font-size:10px;line-height:1.5;text-align:center;background:#f7faf7}.secure-demo strong{font-weight:800}.secure-demo small{font-size:9px;color:#718077}
.account-action-stack{display:grid;gap:5px}.account-action-stack .btn{justify-content:center;white-space:nowrap}.account-row-actions{width:min(100%,170px)}
.permission-editor-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.permission-module h3{font-size:13px;margin:0}.permission-module .card-head p{font-size:10px;margin:4px 0 0;color:var(--muted)}.permission-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,44%);align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.permission-control:last-child{border-bottom:0}.permission-control strong{display:block;font-size:10px}.permission-control small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.permission-control select{width:100%;min-height:36px;border:1px solid var(--border);border-radius:8px;padding:6px;background:#fff;color:var(--ink);font:inherit;font-size:10px}
@media(max-width:760px){.permission-editor-list{grid-template-columns:1fr}.permission-control{grid-template-columns:minmax(0,1fr) minmax(125px,42%)}}
.secure-recovery{border:1px solid #dbe4e7;border-radius:12px;padding:11px 13px;font-size:13px}.secure-recovery summary{cursor:pointer;font-weight:700;color:#31545c}.secure-recovery label{display:grid;gap:7px;margin-top:12px}.secure-recovery small{display:block;color:#667981;line-height:1.45;margin-top:8px}