.password-share-page{margin-bottom:64px}.password-share-hero{border-color:rgba(83,224,197,.34);background:#071e2a}.ss-panel{border:1px solid rgba(83,224,197,.20);border-radius:18px;background:linear-gradient(155deg,rgba(8,39,54,.96),rgba(5,25,37,.96));box-shadow:0 16px 40px rgba(0,0,0,.20);padding:28px}.ss-eyebrow{margin:0 0 7px;color:#58e1c6;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.ss-panel h1,.ss-panel h2{margin:0;color:#f4fbff}.ss-panel h1{font-size:clamp(28px,4vw,42px)}.ss-panel h2{font-size:22px}.ss-panel p{color:#a9c7d5;line-height:1.65}.ss-lead{max-width:900px;font-size:17px}.ss-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.ss-feature-grid div{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.ss-feature-grid strong,.ss-feature-grid span{display:block}.ss-feature-grid strong{color:#fff;margin-bottom:7px}.ss-feature-grid span{color:#9fbccb;font-size:13px;line-height:1.5}.ss-privacy,.ss-security-tip{padding:16px 18px;border:1px solid rgba(83,224,197,.25);border-radius:13px;background:rgba(83,224,197,.07);color:#b9d8df;line-height:1.55}.ss-privacy strong,.ss-security-tip strong{color:#6ce9d0}.ss-actions{display:flex;gap:10px;margin-top:22px}.ss-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid rgba(83,224,197,.38);border-radius:10px;background:rgba(83,224,197,.07);color:#c9fff5;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.ss-btn.primary{border-color:#52dfc4;background:#1a9e8a;color:#fff}.ss-btn.danger{border-color:rgba(255,104,104,.35);background:rgba(160,39,39,.15);color:#ffadad}.ss-heading,.ss-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ss-heading>div>p:last-child{margin-bottom:0}.ss-badge,.ss-section-title>span{padding:7px 11px;border-radius:999px;background:rgba(83,224,197,.10);color:#6ce9d0;font-size:12px;font-weight:900}.ss-form{display:grid;gap:15px;margin-top:24px;max-width:820px}.ss-form label,.ss-pin-form label{display:grid;gap:7px;color:#d8edf4;font-weight:800;font-size:13px}.ss-form input,.ss-form textarea,.ss-form select,.ss-pin-form input,.ss-result input,.ss-secret-box input{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#061c29;color:#f4fbff;padding:12px 13px;font:inherit}.ss-form textarea{resize:vertical}.ss-form-note{margin:0!important;font-size:12px}.ss-alert{margin:18px 0 0;padding:13px 15px;border-radius:11px;line-height:1.5}.ss-alert.error{border:1px solid rgba(255,90,90,.32);background:rgba(145,30,30,.14);color:#ffb0b0}.ss-alert.ok{border:1px solid rgba(83,224,197,.28);background:rgba(25,130,106,.12);color:#8ef0dc}.ss-alert.warning{border:1px solid rgba(255,206,84,.28);background:rgba(154,113,12,.12);color:#ffe19a}.ss-created{margin-top:24px;padding:22px;border:1px solid rgba(83,224,197,.28);border-radius:15px;background:rgba(4,25,35,.55)}.ss-created h2{margin-bottom:5px}.ss-result{margin-top:14px}.ss-result label{display:block;margin-bottom:6px;color:#9fbccb;font-size:12px;font-weight:800}.ss-result>div,.ss-secret-box>div{display:grid;grid-template-columns:1fr auto;gap:8px}.ss-result button,.ss-secret-box button{border:0;border-radius:9px;padding:0 16px;background:#1a9e8a;color:#fff;font-weight:800;cursor:pointer}.ss-security-tip{margin-top:18px}.ss-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.ss-list{display:grid;gap:10px;margin-top:18px}.ss-list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02)}.ss-list-row strong,.ss-list-row small{display:block}.ss-list-row strong{color:#eefaff}.ss-list-row small{margin-top:5px;color:#8eafbf;font-size:12px}.ss-status{font-size:11px;font-weight:900;text-transform:uppercase}.ss-status.delivered{color:#6ce9d0}.ss-status.expired{color:#ffd178}.ss-status.revoked{color:#ff9d9d}.ss-empty{margin-bottom:0}.ss-redeem{max-width:760px;margin:0 auto}.ss-pin-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:22px}.ss-pin-form input{font-size:24px;letter-spacing:.25em;text-align:center}.ss-secret-box{margin-top:20px;padding:20px;border:1px solid rgba(83,224,197,.3);border-radius:14px;background:rgba(83,224,197,.06)}.ss-secret-box label{display:block;margin-bottom:8px;color:#fff;font-weight:800}.ss-secret-box input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ss-secret-box p{margin-bottom:0;font-size:12px}@media(max-width:900px){.ss-feature-grid{grid-template-columns:1fr 1fr}.ss-grid{grid-template-columns:1fr}}@media(max-width:600px){.ss-panel{padding:20px}.ss-feature-grid{grid-template-columns:1fr}.ss-heading{display:block}.ss-badge{display:inline-block;margin-top:12px}.ss-pin-form{grid-template-columns:1fr}.ss-list-row{align-items:flex-start;flex-direction:column}.ss-result>div,.ss-secret-box>div{grid-template-columns:1fr}.ss-result button,.ss-secret-box button{min-height:42px}}

/* Password Share v1.2 - evidenza visualizzazione monouso */
.ss-secret-box{padding:22px}.ss-secret-row{display:grid;grid-template-columns:1fr auto;gap:10px}.ss-secret-row button{min-width:94px;min-height:46px;font-size:15px}.ss-secret-row button.copied{background:#147f70}.ss-one-time-warning{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;margin-top:20px;padding:18px 20px;border:1px solid rgba(255,84,101,.62);border-radius:14px;background:linear-gradient(135deg,rgba(118,28,41,.34),rgba(73,20,29,.24));box-shadow:inset 0 0 26px rgba(255,70,92,.05)}.ss-one-time-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ff7d8b;color:#371017;font-size:31px;font-weight:950;line-height:1}.ss-one-time-warning strong{display:block;color:#ff929e;font-size:17px;letter-spacing:.025em}.ss-one-time-warning p{margin:5px 0 0!important;color:#f3dfe2!important;font-size:14px!important;line-height:1.55!important}.ss-one-time-warning b{color:#fff}.ss-confirm-wrap{display:flex;justify-content:center;margin-top:22px}.ss-confirm-copy{min-width:270px}.ss-copy-confirmed{margin-top:20px!important;text-align:center;font-weight:800}.ss-secret-box>p{display:none}
@media(max-width:600px){.ss-secret-row{grid-template-columns:1fr}.ss-secret-row button{min-height:44px}.ss-one-time-warning{grid-template-columns:1fr;gap:10px;text-align:center}.ss-one-time-icon{margin:0 auto}.ss-confirm-copy{width:100%;min-width:0}}


/* Password Share v1.3 - collegamento Password Generator */
.ss-generator-tip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(83,224,197,.20);border-radius:12px;background:rgba(83,224,197,.045)}.ss-generator-tip div{min-width:0}.ss-generator-tip strong,.ss-generator-tip span{display:block}.ss-generator-tip strong{color:#dffbf5;font-size:13px}.ss-generator-tip span{margin-top:4px;color:#95b7c5;font-size:12px;line-height:1.45}.ss-generator-tip .ss-btn{flex:0 0 auto;white-space:nowrap;min-height:38px;font-size:12px}
@media(max-width:650px){.ss-generator-tip{align-items:stretch;flex-direction:column}.ss-generator-tip .ss-btn{width:100%}}

/* v1.4 - dashboard compatta e storico richiudibile */
.ss-dashboard{display:grid;gap:18px;margin-top:18px}.ss-history-toggle{padding:0;overflow:hidden}.ss-history-toggle>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 28px;cursor:pointer;list-style:none;user-select:none}.ss-history-toggle>summary::-webkit-details-marker{display:none}.ss-history-toggle>summary strong{display:block;color:#eefaff;font-size:18px}.ss-history-toggle>summary .ss-eyebrow{display:block;margin-bottom:4px}.ss-history-toggle .ss-history-chevron{color:#6ce9d0;font-size:24px;line-height:1;transition:transform .18s ease}.ss-history-toggle[open] .ss-history-chevron{transform:rotate(180deg)}.ss-history-toggle[open]>summary{border-bottom:1px solid rgba(255,255,255,.07)}.ss-history-toggle>.ss-list,.ss-history-toggle>.ss-empty{margin:18px 28px 24px}.ss-history-toggle>.ss-list{margin-top:18px}@media(max-width:600px){.ss-history-toggle>summary{padding:18px 20px}.ss-history-toggle>.ss-list,.ss-history-toggle>.ss-empty{margin-left:20px;margin-right:20px}}

/* v1.5 - recupero locale dei dati pending */
.ss-list-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.ss-list-actions form{margin:0}.ss-recovery-modal[hidden]{display:none}.ss-recovery-modal{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:22px;background:rgba(1,12,18,.84);backdrop-filter:blur(7px)}body.ss-modal-open{overflow:hidden}.ss-recovery-dialog{width:min(760px,100%);padding:26px;border:1px solid rgba(83,224,197,.34);border-radius:18px;background:linear-gradient(150deg,#0a3040,#061b27);box-shadow:0 30px 90px rgba(0,0,0,.58)}.ss-recovery-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.ss-recovery-close{width:38px;height:38px;border:1px solid rgba(83,224,197,.25);border-radius:10px;background:rgba(255,255,255,.035);color:#9fd5cc;font-size:25px;cursor:pointer}.ss-recovery-dialog .ss-result input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ss-recovery-dialog .ss-alert{margin-top:20px}
@media(max-width:600px){.ss-list-actions{width:100%;align-items:stretch;flex-direction:column}.ss-list-actions .ss-btn{width:100%}.ss-recovery-dialog{padding:20px}}
