/* Sign-in gate, preview watermark, entry reordering, gallery empty state and My resumes actions. */
.gate-page{min-height:100vh;display:grid;place-items:center;background:var(--tint);padding:24px}
.gate-card{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.gate-card p{font-size:14px;color:var(--muted)}

/* Unpaid previews: a repeating text overlay. It is a visual deterrent only; the clean PDF is gated on the server. */
/* The live preview grows with its content instead of spilling past one page, so the watermark covers all of a long draft. */
.editor-paper-frame .resume-document{position:relative;aspect-ratio:auto;height:auto;min-height:0}
.editor-paper-frame .resume-inner{min-height:141.43cqw}
.preview-watermark{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:17cqw;align-items:center;justify-items:center}
.preview-watermark span{transform:rotate(-27deg);font:700 3.5cqw/1 var(--font);letter-spacing:.45cqw;white-space:nowrap;color:rgba(0,18,41,.11)}
.preview-watermark span:nth-child(4n+2),.preview-watermark span:nth-child(4n+3){color:rgba(77,110,245,.16)}
.watermark-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;font-size:11px;line-height:1.7;color:var(--muted);text-align:center;margin-top:8px}
.watermark-note .icon{width:13px;height:13px;margin-top:3px}

.entry-actions{display:flex;align-items:center;gap:4px}
.move-entry{width:32px;height:32px;border:1px solid #dce2ed;border-radius:6px;background:#fff;color:var(--body);font-size:13px;line-height:1}
.move-entry:not(:disabled):hover{border-color:var(--blue);color:var(--blue)}

.template-result{font-size:12px;color:var(--muted);margin:-14px 0 22px}
.template-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#f8faff;border:1px dashed #d4def0;border-radius:16px;padding:48px 24px}
.template-empty .icon{width:32px;height:32px;color:var(--blue)}
.template-empty h3{font-size:20px;letter-spacing:-.5px}
.template-empty p{font-size:13px;color:var(--muted);max-width:440px;line-height:1.8}
.template-empty .button{margin-top:10px;font-size:13px}

.saved-resume-more{display:flex;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid #edf0f6}
.saved-resume-more .text-link{font-size:11px;text-decoration:none}
.saved-resume-more .text-link:hover{text-decoration:underline}
.danger-link{color:#9f3943}
.button-danger{background:#b3404a;box-shadow:none}
.button-danger:not(:disabled):hover{background:#9b343e}
.resume-dialog .field{margin-top:18px}
.resume-dialog .inline-status{margin:14px 0 0}
#check-payment{font-size:12px;min-height:38px}
#auth-submit[aria-busy="true"]{opacity:.75}
.subpage-actions a:hover{color:var(--blue)}

@media(max-width:680px){.template-result{margin-top:0}.saved-resume-more{gap:14px}}
@media(prefers-reduced-motion:reduce){.move-entry{transition:none}}

/* Printing from the editor prints the preview only, and an unpaid preview keeps its watermark. */
@media print{
  .editor-header,.editor-sidebar,.editor-form-area,.preview-toolbar,.preview-design-controls,.ats-editor-note,.preview-helper,.watermark-note,.overflow-notice,.toast,dialog{display:none!important}
  .editor,.editor-preview{background:#fff!important;padding:0!important;border:0!important}
  .editor-workspace{display:block!important;min-height:0!important}
  .editor-paper-frame{max-width:none!important;box-shadow:none!important}
  .preview-watermark{display:grid!important;visibility:visible!important;opacity:1!important}
  .preview-watermark span{color:rgba(0,18,41,.2)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

.action-card{width:100%;max-width:460px;background:#fff;border:1px solid #e6eaf2;border-radius:18px;padding:36px 34px;box-shadow:0 18px 40px #1b2b5414;display:grid;gap:14px}
.action-card .brand{font-size:26px;margin-bottom:14px}.action-card .brand-mark{width:29px;height:31px;font-size:29px}
.action-card h1{font-size:28px;line-height:1.25;letter-spacing:-1px;font-weight:600;margin:0}.action-card>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}
.action-card .password-wrap{position:relative}.action-card .password-wrap input{width:100%;padding-right:52px}.action-card .password-wrap .icon-button{position:absolute;right:4px;top:50%;transform:translateY(-50%)}
.action-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.action-links:empty{display:none}
.email-pref{margin:0 0 18px;max-width:640px;font-size:13px;color:var(--body)}
@media(max-width:520px){.action-card{padding:28px 22px}.action-card h1{font-size:24px}}
.action-card h1:focus{outline:none}