/* Operational screens extend the same Tools shell as recipient-v3.css.
   Keep shared colours, typography, title bar and controls in that stylesheet. */
.admin-layout{--admin-top:clamp(28px,7dvh,64px);padding:var(--admin-top) 12px 95px}
.admin-window{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - var(--admin-top) - 95px)}
.admin-window.is-zoomed{width:min(900px,calc(100vw - 24px))}
.admin-body{padding:25px 28px 22px;background:var(--content)}
.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.admin-heading h2{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.3}
.admin-heading p{font-size:12px;line-height:1.6;color:var(--secondary);margin-top:5px}
.admin-heading>a{flex-shrink:0}
.admin-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 28px;background:var(--glass);border-top:1px solid var(--line);font-size:10px;color:var(--secondary)}
.admin-footer a{text-underline-offset:3px}
.admin-note,.admin-alternatives{font-size:11px;line-height:1.6;color:var(--secondary);margin-top:14px}
.admin-alternatives{padding-top:18px;border-top:1px solid var(--line)}
.sender-window{width:min(680px,calc(100vw - 24px))}
.sender-window .sender-form-head{font-size:11px;margin:0 0 10px}
.sender-window .dropzone{padding:20px;border:.5px dashed var(--control-line);border-radius:12px;background:var(--soft)}
.sender-window .dropzone.dragging{background:#007aff0c;border-color:var(--accent);outline-color:var(--accent)}
.sender-window .drop-symbol{width:32px;height:32px;border:0;border-radius:50%;color:var(--accent);background:#007aff0c;margin:0 auto 9px}
.sender-window .drop-symbol .icon{width:18px;height:18px}
.sender-window .dropzone h3{font-size:14px;font-weight:500}
.sender-window .dropzone p{font-size:11px;line-height:1.5;margin-top:5px}
.sender-window .dropzone-actions{margin-top:14px;flex-wrap:wrap}
.sender-window .selected-list{margin:0;max-height:210px;overflow:auto}
.sender-window .selected-list .file-row{display:flex;align-items:center;gap:12px;padding:11px 0;min-height:60px}
.sender-window .selected-list .file-name{font-size:12px;overflow-wrap:anywhere}
.sender-window .selected-list .file-meta{font-size:10px}
.sender-window .selected-list .file-copy{flex:1;min-width:0}
.sender-window .selected-list .icon-button{width:28px;height:28px;border:0;background:var(--soft);flex-shrink:0}
.sender-window .selected-list .icon-button:hover{background:var(--control)}
.sender-window .sender-fields{margin-top:22px}
.sender-window .field{margin-bottom:17px}
.sender-window .field label{font-size:11px;margin-bottom:7px}
.sender-window .optional{font-size:10px}
.sender-window .field-pair{gap:18px}
.sender-window input,.sender-window select{min-height:34px;padding:7px 10px;border:.5px solid var(--control-line);border-radius:7px;background:var(--field);font-size:12px}
.sender-window input{cursor:text}
.sender-window select{cursor:default}
.sender-window .password-field-wrap input{padding-right:62px}
.sender-window .password-visibility{top:3px;right:3px;height:28px;border-radius:5px}
.sender-window .field-help{font-size:10px;margin-top:7px;line-height:1.6}
.sender-window .sender-form-footer{padding-top:18px;display:flex;flex-direction:column;align-items:flex-end}
.sender-window .sender-form-footer .primary-button{width:auto;min-width:160px;justify-content:center}
.sender-window .form-error{width:100%;border-radius:9px;padding:12px;font-size:11px;line-height:1.6}
.sender-window .save-progress{width:100%;margin:0 0 17px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.sender-window .save-progress label{font-size:11px;line-height:1.6}
.sender-window .download-progress{height:4px;margin-top:9px;accent-color:var(--accent)}
.sender-window .success-panel{padding:0;border:0;background:transparent}
.sender-window .success-mark{width:36px;height:36px;border:0;border-radius:50%;margin-bottom:17px;color:var(--accent);background:#007aff0c}
.sender-window .success-mark .icon{width:20px;height:20px}
.sender-window .success-panel h3{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.4px}
.sender-window .success-panel>p{font-size:12px;margin-top:8px;line-height:1.6}
.sender-window .copy-row{margin-top:22px;gap:8px}
.sender-window .copy-row input{font-size:11px;min-width:0;flex:1}
.sender-window .copy-row button{min-width:88px;flex-shrink:0}
.sender-window .success-actions{gap:8px;margin-top:18px}
.sender-window .success-detail{display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:1.6;margin-top:22px;padding-top:17px}
.sender-share-preview{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}
.sender-share-preview summary{cursor:pointer;font-size:12px;color:var(--text)}
.sender-window .share-example{margin:14px 0 0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--field)}
.sender-window .share-example img{width:100%;height:auto}
.sender-window .share-example figcaption{padding:13px 15px;font-size:12px;margin:0;display:block}
.sender-window .share-example figcaption strong{font-weight:500}
.sender-window .share-example figcaption p{font-size:11px;color:var(--secondary);margin-top:4px}
.previews-window{width:min(920px,calc(100vw - 24px))}
.previews-window.is-zoomed{width:min(1040px,calc(100vw - 24px))}
.preview-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.preview-state{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft);text-decoration:none;color:var(--text)}
.preview-state:hover{background:var(--field);border-color:var(--control-line)}
.preview-state h3{font-size:13px;font-weight:500;line-height:1.4}
.preview-state p{color:var(--secondary);font-size:11px;line-height:1.6;margin-top:6px}
.preview-state>.icon{width:15px;height:15px;color:var(--secondary);margin-top:2px}
.preview-state-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
@media(max-width:599px){
  .admin-layout{--admin-top:24px}
  .admin-body{padding:20px}
  .admin-heading{gap:12px;margin-bottom:21px}
  .admin-heading h2{font-size:20px}
  .admin-heading p{font-size:11px}
  .admin-heading>a{font-size:11px;padding-inline:12px}
  .admin-footer{padding:14px 20px}
  .sender-window .dropzone{padding:18px 12px}
  .sender-window .field-pair{grid-template-columns:1fr;gap:0}
  .sender-window input,.sender-window select{font-size:16px;min-height:40px}
  .sender-window .password-visibility{height:34px}
  .sender-window .sender-form-footer .primary-button{width:100%}
  .sender-window .copy-row{flex-wrap:wrap}
  .sender-window .copy-row input{flex-basis:100%;font-size:12px}
  .sender-window .copy-row button{margin-left:auto}
  .sender-window .success-actions .primary-button{width:100%}
  .preview-state-grid{grid-template-columns:1fr}
  .preview-state{padding:16px}
}
/* Hosted sender sign-in and sign-out controls. */
.login-window{width:min(420px,calc(100vw - 24px))}
.login-window .sender-form-footer .primary-button{min-width:120px}
.admin-footer .native-button{font-size:11px;min-height:28px;padding:3px 13px}