/* App-specific additions on top of theme/n2k-fileshare.css (keep the theme file untouched so it can be replaced). */
[hidden]{display:none !important}
.filelist{list-style:none;margin:var(--sp-3) 0 0;padding:0}
.filelist li{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-1) 0;border-bottom:1px solid var(--line)}
.filelist li .mono{word-break:break-all}
.filelist li.is-too-big{color:var(--red-600);font-weight:700}
.up-progress{margin-top:var(--sp-4)}
.up-stats{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);color:var(--muted);margin:var(--sp-1) 0 var(--sp-3)}
.up-stats b{color:var(--ink);font-weight:700}
.progress .progress-sub{display:block;font-size:.82rem;color:var(--muted);margin-top:2px}
.select-sm{min-height:36px;width:auto;padding:.3em .6em;font-size:.9rem}
.table .actions .row{justify-content:flex-end;gap:var(--sp-2)}
.table .actions form{margin:0}
.secret span{flex:1 1 auto;min-width:0}
.secret .btn{flex:none;letter-spacing:0;font-family:var(--font)}
.copy-src{font-family:var(--mono);font-size:.88rem;min-height:0}
.result-card h2{word-break:break-word}
.result-card ul{margin:0;padding-left:1.2em}
.copied{background:var(--green-50) !important;color:var(--green-700) !important;border-color:var(--green-700) !important}
.glass > .ico-lg{display:block;margin-bottom:var(--sp-3)}
details.advanced{margin:var(--sp-3) 0}
details.advanced > summary{cursor:pointer;font-weight:700;color:var(--navy-800);padding:var(--sp-2) 0;list-style-position:inside}
details.advanced > summary:hover{color:var(--blue-600)}
details.advanced[open] > summary{margin-bottom:var(--sp-3)}
.table .badge + br + .small{white-space:nowrap}
.dl-all{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2)}
.dl-all .dl-zip{color:var(--muted)}
.dl-all .dl-zip:hover{color:var(--blue-600)}
.table tr.is-removed td{color:var(--muted)}
/* v1.2 verification code page */
.code-input{font-size:1.5rem;letter-spacing:.35em;text-align:center}
.code-actions{gap:var(--sp-2)}
.code-actions form{margin:0}
.narrow > .trust-strip{margin-top:var(--sp-4)}
/* v1.2.1 client step guide + help */
.steps{list-style:none;margin:0 0 var(--sp-4);padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.steps li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--muted);font-size:.95rem}
.steps .step-n{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);font-weight:800;font-size:.85rem}
.steps li.is-done{color:var(--green-700)}
.steps li.is-done .step-n{background:var(--green-50);border-color:var(--green-700);color:var(--green-700)}
.steps li.is-current{background:var(--blue-50);color:var(--navy-800);font-weight:700;border:1px solid #bcd0f7}
.steps li.is-current .step-n{background:var(--blue-600);border-color:var(--blue-600);color:#fff}
.steps .step-tag{font-weight:400;font-size:.85rem}
.help-hint{margin:var(--sp-4) 0 0}
.email-status{display:inline-block;margin-top:var(--sp-1);line-height:1.9}
.email-status .btn{margin-top:var(--sp-1)}
/* v1.3.2 landing order: hero, protect diagram, benefits, For businesses */
.ld-trust-line{max-width:820px;margin:var(--sp-6) auto 0}
@media (max-width:599px){.ld-hero .ld-panel{display:none}}   /* phones: the diagram right below explains it */