.doc-page{display:grid;gap:20px}.doc-page.narrow{max-width:850px;margin:auto}.doc-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:4px 0 10px}.doc-chip{display:inline-flex;width:max-content;padding:6px 10px;border:1px solid color-mix(in srgb,var(--app-primary) 20%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--app-primary) 8%,transparent);color:var(--app-primary);font-size:.65rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.doc-hero h1{margin:10px 0 4px;color:var(--text);font-size:clamp(1.8rem,3vw,2.45rem);font-weight:850;letter-spacing:-.045em}.doc-hero p,.doc-panel-head p{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.65}.doc-back{display:block;width:max-content;margin-bottom:12px;color:var(--text-muted);font-size:.72rem;font-weight:750}.doc-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:12px;padding:0 15px;background:var(--surface);color:var(--text);font-size:.7rem;font-weight:850;letter-spacing:.03em;text-transform:uppercase}.doc-btn.primary{border-color:var(--app-primary);background:var(--app-primary);color:#fff}.doc-btn.soft{background:var(--surface-2)}.doc-btn.danger{border-color:color-mix(in srgb,#ef4444 35%,var(--border));background:color-mix(in srgb,#ef4444 7%,var(--surface));color:#dc2626}.doc-panel{padding:22px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-md)}.doc-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.doc-panel-head h2{margin:5px 0 3px;color:var(--text);font-size:1rem;font-weight:850}.doc-panel-head>strong{color:var(--text-muted);font-size:.7rem}.doc-text-link{color:var(--app-primary);font-size:.72rem;font-weight:800}.doc-alert{padding:13px 16px;border:1px solid var(--border);border-radius:14px;font-size:.77rem;font-weight:750}.doc-alert.success{border-color:color-mix(in srgb,#22c55e 35%,var(--border));background:color-mix(in srgb,#22c55e 7%,var(--surface));color:#15803d}.doc-alert.danger{border-color:color-mix(in srgb,#ef4444 35%,var(--border));background:color-mix(in srgb,#ef4444 7%,var(--surface));color:#dc2626}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.template-grid article{display:flex;flex-direction:column;min-height:245px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}.template-icon,.document-file-icon{width:44px;height:48px;display:grid;place-items:center;border-radius:10px;background:#dc2626;color:#fff;font-size:.64rem;font-weight:900}.template-grid article>span{margin-top:14px;color:#15803d;font-size:.61rem;font-weight:850;text-transform:uppercase}.template-grid h3{margin:5px 0;color:var(--text);font-size:.9rem;font-weight:850}.template-grid p{margin:0;color:var(--text-muted);font-size:.72rem;line-height:1.5}.template-grid small{margin-top:auto;padding-top:14px;color:var(--text-muted);font-size:.65rem}.template-grid a{display:flex;justify-content:space-between;margin-top:10px;padding-top:11px;border-top:1px solid var(--border);color:var(--app-primary);font-size:.7rem;font-weight:850}.doc-empty{display:grid;justify-items:center;gap:4px;padding:45px 20px;border:1px dashed var(--border);border-radius:17px;background:var(--surface-2);text-align:center}.doc-empty strong{color:var(--text);font-size:.9rem}.doc-empty span{color:var(--text-muted);font-size:.75rem}.doc-form{display:grid;gap:17px}.doc-form label,.field-inspector label,.generate-form label{display:grid;gap:6px}.doc-form label>span,.field-inspector label,.generate-form label>span{color:var(--text);font-size:.69rem;font-weight:800}.doc-form input,.doc-form textarea,.field-inspector input,.field-inspector select,.generate-form input,.generate-form select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);outline:0}.doc-form textarea{min-height:100px;padding-top:11px}.pdf-drop{padding:17px;border:1px dashed color-mix(in srgb,var(--app-primary) 30%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--app-primary) 4%,var(--surface))}.pdf-drop small{color:var(--text-muted);font-size:.67rem}.doc-actions{display:flex;justify-content:flex-end;gap:9px}.doc-validation{color:#dc2626;font-size:.72rem}.doc-count{min-width:105px;padding:13px 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-align:center}.doc-count strong,.doc-count span{display:block}.doc-count strong{color:var(--text);font-size:1.35rem}.doc-count span{color:var(--text-muted);font-size:.61rem;text-transform:uppercase}
.designer-layout{display:grid;grid-template-columns:220px minmax(520px,1fr) 230px;align-items:start;gap:14px}.designer-sidebar,.field-inspector,.designer-stage-panel{padding:17px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-md)}.designer-sidebar h2,.field-inspector h2{margin:0;color:var(--text);font-size:.9rem;font-weight:850}.designer-sidebar p,.field-inspector p{margin:3px 0 14px;color:var(--text-muted);font-size:.68rem}.field-palette{display:grid;gap:7px}.field-palette button{display:grid;gap:2px;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);text-align:left}.field-palette strong{color:var(--text);font-size:.69rem}.field-palette small{color:var(--text-muted);font-size:.58rem}.designer-help{display:grid;gap:4px;margin-top:14px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--app-primary) 6%,var(--surface));color:var(--text);font-size:.68rem}.designer-help span{color:var(--text-muted);line-height:1.45}.designer-stage-panel{padding:12px}.stage-toolbar{display:flex;justify-content:space-between;gap:12px;padding:3px 4px 11px}.stage-toolbar span{color:var(--text);font-size:.72rem;font-weight:850}.stage-toolbar small{color:var(--text-muted);font-size:.61rem}.pdf-stage{position:relative;width:min(100%,707px);aspect-ratio:.707;margin:auto;overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:0 14px 35px rgba(15,23,42,.14)}.pdf-stage object,#fieldLayer{position:absolute;inset:0;width:100%;height:100%}#fieldLayer{z-index:2}.placed-field{position:absolute;display:flex;align-items:center;overflow:hidden;border:1px dashed var(--app-primary);border-radius:3px;padding:1px 3px;background:color-mix(in srgb,var(--app-primary) 12%,transparent);color:#172554;cursor:move;user-select:none;white-space:nowrap}.placed-field.selected{border-style:solid;box-shadow:0 0 0 2px color-mix(in srgb,var(--app-primary) 20%,transparent)}.field-inspector{display:grid;gap:10px}.field-inspector>div[hidden]{display:none}.field-inspector>div:not(:first-child){display:grid;gap:11px}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.generate-form{display:grid;grid-template-columns:1.1fr 1.1fr .8fr 1.5fr;align-items:end;gap:11px}.release-toggle{position:relative;grid-column:1/3;cursor:pointer}.release-toggle input{position:absolute;z-index:1;inset:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:pointer}.release-toggle>span{min-height:54px;display:grid;grid-template-columns:40px 1fr;align-content:center;padding:9px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.release-toggle i{width:34px;height:20px;grid-row:1/3;align-self:center;position:relative;border-radius:999px;background:var(--border)}.release-toggle i:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:var(--surface)}.release-toggle input:checked+span i{background:var(--app-primary)}.release-toggle input:checked+span i:after{transform:translateX(14px);background:#fff}.release-toggle b{color:var(--text);font-size:.7rem}.release-toggle small{color:var(--text-muted);font-size:.6rem}.generate-submit{position:relative;z-index:2;width:100%;min-height:54px;pointer-events:auto;cursor:pointer}.doc-btn:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.48}.document-list-head{align-items:center}.batch-release-tools{display:flex;align-items:center;gap:9px}.batch-release-tools .doc-btn strong{display:grid;place-items:center;min-width:20px;height:20px;margin-left:3px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.18);font-size:.62rem}.bulk-select{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);cursor:pointer}.bulk-select input,.document-select input{position:absolute;opacity:0}.bulk-select span,.document-select span{display:grid;place-items:center;width:18px;height:18px;border:1px solid color-mix(in srgb,var(--text-muted) 55%,var(--border));border-radius:5px;background:var(--surface)}.bulk-select input:checked+span,.bulk-select input:indeterminate+span,.document-select input:checked+span{border-color:var(--app-primary);background:var(--app-primary)}.bulk-select input:checked+span:after,.document-select input:checked+span:after{content:"✓";color:#fff;font-size:.67rem;font-weight:900}.bulk-select input:indeterminate+span:after{content:"−";color:#fff;font-size:.72rem;font-weight:900}.bulk-select b{color:var(--text);font-size:.68rem}.document-list{display:grid;gap:9px}.document-list article{display:grid;grid-template-columns:26px 48px 1fr auto auto;align-items:center;gap:13px;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);transition:border-color .16s,background .16s,transform .16s}.document-list article.is-selected{border-color:color-mix(in srgb,var(--app-primary) 65%,var(--border));background:color-mix(in srgb,var(--app-primary) 7%,var(--surface-2));transform:translateX(2px)}.document-select{display:grid;place-items:center;width:26px;height:42px;cursor:pointer}.document-select-spacer{width:26px}.document-copy>span{color:var(--app-primary);font-size:.59rem;font-weight:850;text-transform:uppercase}.document-copy h3{margin:2px 0;color:var(--text);font-size:.82rem;font-weight:850}.document-copy p,.document-copy small{margin:0;color:var(--text-muted);font-size:.65rem}.release-status{padding:5px 8px;border-radius:999px;font-size:.59rem;font-weight:850;text-transform:uppercase}.release-status.released{background:color-mix(in srgb,#22c55e 10%,var(--surface));color:#15803d}.release-status.draft{background:color-mix(in srgb,#f59e0b 11%,var(--surface));color:#b45309}.document-actions{display:flex;gap:7px}.document-actions form{margin:0}
@media(max-width:1200px){.designer-layout{grid-template-columns:190px minmax(450px,1fr)}.field-inspector{grid-column:1/-1}.field-inspector>div:not(:first-child){grid-template-columns:repeat(5,1fr);align-items:end}.generate-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.doc-hero,.doc-panel-head{align-items:flex-start;flex-direction:column}.document-list-head{align-items:stretch}.batch-release-tools{width:100%;flex-wrap:wrap}.batch-release-tools .doc-btn{flex:1}.template-grid{grid-template-columns:1fr}.designer-layout{grid-template-columns:1fr}.designer-stage-panel{order:-1}.generate-form{grid-template-columns:1fr}.release-toggle{grid-column:auto}.document-list article{grid-template-columns:26px 42px 1fr}.release-status,.document-actions{grid-column:3}.document-actions{flex-wrap:wrap}}@media(max-width:520px){.doc-panel{padding:17px}.stage-toolbar{flex-direction:column}.doc-actions{flex-direction:column}.doc-btn{width:100%}.bulk-select{width:100%}.document-list article{gap:9px;padding:11px}.document-copy small{display:block;line-height:1.5}}

/* Personalized generation scope: employee, department, position, or company. */
.generate-form{grid-template-columns:repeat(12,minmax(0,1fr))}.generate-form .template-field{grid-column:span 3}.generate-form .audience-field{grid-column:span 2}.generate-form .scope-field{grid-column:span 3}.generate-form .date-field{grid-column:span 2}.generate-form .custom-text{grid-column:span 2}.generate-form .release-toggle{grid-column:1/6}.audience-notice{grid-column:6/10;min-height:54px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--app-primary) 24%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--app-primary) 6%,var(--surface-2))}.audience-notice[hidden]{display:none}.audience-notice strong{flex:0 0 auto;color:var(--app-primary);font-size:.72rem;font-weight:900}.audience-notice span{color:var(--text-muted);font-size:.62rem;line-height:1.45}.generate-form .generate-submit{grid-column:10/13}
@media(max-width:1200px){.generate-form{grid-template-columns:repeat(2,minmax(0,1fr))}.generate-form .template-field,.generate-form .audience-field,.generate-form .scope-field,.generate-form .date-field,.generate-form .custom-text,.generate-form .release-toggle,.audience-notice,.generate-form .generate-submit{grid-column:auto}}
@media(max-width:800px){.generate-form{grid-template-columns:1fr}}

/* Shared company files now live beside personalized employee documents. */
.shared-document-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:11px;margin-bottom:20px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.shared-document-form label{display:grid;gap:6px}.shared-document-form label>span{color:var(--text);font-size:.69rem;font-weight:800}.shared-document-form input,.shared-document-form textarea{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);outline:0}.shared-document-form textarea{min-height:76px;padding-top:11px;resize:vertical}.shared-title{grid-column:span 3}.shared-file{grid-column:span 3}.shared-link{grid-column:span 3}.shared-date{grid-column:span 3}.shared-description{grid-column:span 7}.shared-publish-toggle{position:relative;grid-column:span 3;cursor:pointer}.shared-publish-toggle>input{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;cursor:pointer}.shared-publish-toggle>span{min-height:76px;display:grid;grid-template-columns:40px 1fr;align-content:center;padding:9px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.shared-publish-toggle i{position:relative;grid-row:1/3;align-self:center;width:34px;height:20px;border-radius:999px;background:var(--border)}.shared-publish-toggle i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--surface-2);transition:transform .16s}.shared-publish-toggle input:checked+span i{background:var(--app-primary)}.shared-publish-toggle input:checked+span i:after{transform:translateX(14px);background:#fff}.shared-publish-toggle b{color:var(--text);font-size:.7rem}.shared-publish-toggle small{color:var(--text-muted);font-size:.6rem}.shared-submit{grid-column:span 2;min-height:76px}.shared-resource-list{display:grid;gap:9px}.shared-resource-list article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.shared-resource-icon{width:44px;height:48px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--app-primary) 12%,var(--surface));color:var(--app-primary);font-size:.58rem;font-weight:900}.shared-resource-copy>span{color:var(--app-primary);font-size:.59rem;font-weight:850;text-transform:uppercase}.shared-resource-copy h3{margin:2px 0;color:var(--text);font-size:.82rem;font-weight:850}.shared-resource-copy p,.shared-resource-copy small{margin:0;color:var(--text-muted);font-size:.65rem;line-height:1.5}.shared-resource-actions{display:flex;align-items:center;gap:7px}.shared-resource-actions form{margin:0}
@media(max-width:1100px){.shared-document-form{grid-template-columns:repeat(2,minmax(0,1fr))}.shared-title,.shared-file,.shared-link,.shared-date,.shared-description,.shared-publish-toggle,.shared-submit{grid-column:auto}}
@media(max-width:700px){.shared-document-form{grid-template-columns:1fr}.shared-resource-list article{grid-template-columns:44px 1fr}.shared-resource-actions{grid-column:2;flex-wrap:wrap}}

/* Employee rows do not include the admin-only selection column. */
.document-list.employee-list article{grid-template-columns:48px minmax(0,1fr) auto auto}
@media(max-width:800px){.document-list.employee-list article{grid-template-columns:42px minmax(0,1fr)}.document-list.employee-list .release-status,.document-list.employee-list .document-actions{grid-column:2}}