/* Glass materials, calibrated separately for light and dark appearance.
   Navigation uses refraction; reading surfaces use a quieter translucent material.
   Never filter body: fixed safety notices must remain viewport anchored. */
.sent-checklist-off-note { display: none; margin: 0 0 calc(8 * var(--panel-unit)); color: var(--text-secondary); font-size: calc(10 * var(--panel-unit)); }
#sentChecklistEnabledStatus { color: var(--text-secondary) !important; }
#sentGuardPanel[data-checklist-enabled="false"] .sent-checklist-off-note { display: block; }
#sentGuardPanel[data-checklist-enabled="false"] :is(#sentChecklistToggle, #sentChecklistBody, #sentChecklistProgress, .sent-mode-row) { display: none !important; }
.document-page-import { margin: calc(4 * var(--panel-unit)) 0 calc(6 * var(--panel-unit)); color: var(--text-secondary); font-size: calc(10 * var(--panel-unit)); }
.document-page-import > div { display: flex; gap: calc(6 * var(--panel-unit)); }
.document-page-import button { flex: 1; min-width: 0; padding: calc(6 * var(--panel-unit)) calc(4 * var(--panel-unit)); margin: 0; font-size: calc(10 * var(--panel-unit)); color: var(--accent); border: 1px solid var(--border-color); border-radius: calc(10 * var(--panel-unit)); background: var(--glass-fill); box-shadow: var(--glass-shadow); }
.document-page-import button[data-imported="true"] {
  color: var(--text-muted); background: var(--bg-card-active); border-color: var(--border-color);
  box-shadow: none; opacity: .7; cursor: not-allowed;
}
#documentPageImportStatus:empty { display: none; }
#documentPageImportStatus:not(:empty) { display: block; margin-top: calc(6 * var(--panel-unit)); line-height: 1.6; }
html[data-remarks-alert="true"] {
  background-color: #9f263b;
  background-image: linear-gradient(135deg,#c6485a,#821c32 55%,#b43851);
}
html[data-remarks-alert="true"]::after {
  content: '';
  position: fixed; inset: 0; z-index: 999;
  pointer-events: none;
  background:
    linear-gradient(90deg,#fff0f4ed,#ff456a99 5px,transparent 22px),
    linear-gradient(270deg,#fff0f4ed,#ff456a99 5px,transparent 22px),
    linear-gradient(180deg,#ffdce8cc,#ff456a66 5px,transparent 20px),
    linear-gradient(0deg,#ffdce8cc,#ff456a66 5px,transparent 20px);
  box-shadow: inset 0 0 8px #ffdde8,inset 0 0 22px #ff174bcc;
  opacity: .3;
  animation: attention-edge-glow 2.6s ease-in-out infinite;
}
@keyframes attention-edge-glow {
  0%,100% { opacity: .25; }
  45% { opacity: 1; }
  65% { opacity: .8; }
}
html[data-remarks-alert="true"] body {
  border-color: #ffb6bf;
  box-shadow: inset 0 0 0 1px #ffffff90,0 0 20px #f82045a6;
}
html[data-theme="dark"][data-remarks-alert="true"] {
  background-color: #8b1930;
  background-image: linear-gradient(135deg,#ca2846,#70142b 55%,#b52844);
}
.cv-notice-format-help { margin-bottom: calc(12 * var(--panel-unit)); padding: calc(10 * var(--panel-unit)); border: 1px solid var(--border-color); border-radius: calc(9 * var(--panel-unit)); color: var(--text-secondary); font-size: calc(11 * var(--panel-unit)); line-height: 1.6; }
.cv-notice-format-help summary { cursor: pointer; color: var(--text-primary); }
.cv-notice-format-help pre { white-space: pre-wrap; font: inherit; padding: calc(8 * var(--panel-unit)); background: var(--bg-card); border-radius: calc(6 * var(--panel-unit)); }
.remarks-alert-footer { display:flex; justify-content:flex-end; padding:2px 10px 5px; }
.remarks-alert-heading { min-height:34px; padding:5px 10px; gap:5px; }
.remarks-alert-content { white-space:normal; margin:0 10px 2px; padding:5px 0 0; line-height:1.5; }
.attention-text-section { margin:0; padding:0; }
.attention-text-section[hidden] { display:none; }
.attention-text-section + .attention-text-section:not([hidden]) { margin-top:7px; padding-top:6px; border-top:1px solid #bc333a25; }
.attention-text-section[hidden] + .attention-text-section { margin-top:0; padding-top:0; border-top:0; }
.attention-section-title { display:block; font-size:11px; margin-bottom:2px; }
.attention-section-text { white-space:pre-wrap; overflow-wrap:anywhere; user-select:text; }
.attention-text-section .remarks-alert-toggle { display:block; width:auto; margin:4px 0 0; min-height:24px; padding:2px 7px; }
.remarks-alert-footer .remarks-alert-toggle { width:auto; margin:0; min-height:24px; padding:2px 7px; }
.remarks-alert-footer button[hidden] { display:none; }
.remarks-alert-content[hidden] + .remarks-alert-footer { display:none; }
html[data-remarks-alert="true"] body { padding-top:calc(var(--attention-dock-height, 60px) + 8px); }
html[data-remarks-alert="true"] { scroll-padding-top:calc(var(--attention-dock-height, 60px) + 20px); }
:root {
  /* Match the 420px reference proportions down to a 320px desktop panel.
     CSS viewport width already accounts for browser zoom; never cancel user zoom. */
  --panel-unit: clamp(.76px, calc(100vw / 420), 1px);
  color-scheme: light;
  --panel-font: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  --text-primary: #20232c;
  --text-secondary: #505b6b;
  --text-muted: #636e7d;
  --accent: #075bbd;
  --accent-light: #2876da12;
  --bg-solid: #f0f3f7;
  --bg-card: #ffffff55;
  --bg-card-hover: #ffffff80;
  --bg-card-active: #dfe7f17d;
  --border-color: #ffffff7a;
  --glass-fill: linear-gradient(118deg,#ffffff64,#f4f7fd23 45%,#e8f1fb3d);
  --glass-edge: linear-gradient(145deg,#ffffffdb,#ffffff29 34%,#7186a733 66%,#ffffffe0);
  --glass-shadow: inset 0 calc(.5 * var(--panel-unit)) 0 #fff9,inset 0 calc(-.5 * var(--panel-unit)) calc(.8 * var(--panel-unit)) #ecf9ffb3,0 calc(3 * var(--panel-unit)) calc(9 * var(--panel-unit)) #283f5920;
  --reading-fill: linear-gradient(125deg,#ffffffa3,#f4f7fa70);
  --reading-border: #ffffff85;
  --reading-shadow: 0 calc(5 * var(--panel-unit)) calc(16 * var(--panel-unit)) #29394a0c;
  --icon-color: #52627a;
  --primary-fill: radial-gradient(ellipse 75% 90% at 15% -45%,#a7ddff8c,transparent),linear-gradient(145deg,#1468ccf2,#1657c3f5);
  --primary-edge: linear-gradient(145deg,#e2f5ffe6,#5d9be450 50%,#acd4ffd9);
  --primary-shadow: inset 0 calc(.5 * var(--panel-unit)) calc(1 * var(--panel-unit)) #d5f0ff8c,0 calc(5 * var(--panel-unit)) calc(13 * var(--panel-unit)) #2675d52b;
  --pdf-fill: radial-gradient(ellipse 80% 90% at 15% -55%,#c9defd5c,transparent),linear-gradient(140deg,#5b697ad9,#344253ed);
  --pdf-edge: linear-gradient(145deg,#f2f8ffcc,#899bb536 55%,#d1e2f5a6);
  --badge-fill: #32b56b13;
  --badge-text: #247a49;
  --slot-fill: #ffffff15;
  --slot-line: #9eafc761;
  --radius-sm: calc(11 * var(--panel-unit)); --radius-md: calc(14 * var(--panel-unit)); --radius-lg: calc(17 * var(--panel-unit));
}
html { min-height: 100%; background: #c4ccd3 url('glass/backdrop.svg') center top / 100% 100vh fixed no-repeat; }
body {
  margin: calc(22 * var(--panel-unit)); padding: calc(17 * var(--panel-unit)); min-height: calc(100vh - calc(44 * var(--panel-unit)));
  font-family: var(--panel-font); font-weight: 400; line-height: 1.5;
  color: var(--text-primary); border: calc(1 * var(--panel-unit)) solid #ffffff8c; border-radius: calc(23 * var(--panel-unit));
  background: linear-gradient(118deg,#f9fbfc8f,#e7edf543 55%,#f5f8fc75);
  box-shadow: inset calc(.5 * var(--panel-unit)) calc(.5 * var(--panel-unit)) calc(.8 * var(--panel-unit)) #ffffffe0,inset calc(-.5 * var(--panel-unit)) calc(-.5 * var(--panel-unit)) calc(.8 * var(--panel-unit)) #ffffff75,0 calc(13 * var(--panel-unit)) calc(30 * var(--panel-unit)) #24334124;
  backdrop-filter: none;
}
button,input,select,textarea { font-family: inherit; }
button { font-weight: 500; letter-spacing: 0; }
.header button::after,.template-controls button::after,.top-actions > button::after,#copyCurrentDateTimeBtn::after,.candidate-lock-actions button::after { content: none; }
.header { gap: calc(8 * var(--panel-unit)); padding: 0 calc(2 * var(--panel-unit)) calc(17 * var(--panel-unit)); margin-bottom: 0; }
.header-brand { gap: calc(10 * var(--panel-unit)); }
.header-brand-icon { width: calc(32 * var(--panel-unit)); height: calc(32 * var(--panel-unit)); border-radius: calc(9 * var(--panel-unit)); box-shadow: 0 calc(3 * var(--panel-unit)) calc(8 * var(--panel-unit)) #20314826; }
.header h3 { font-family: "Segoe UI",sans-serif; font-size: clamp(calc(12 * var(--panel-unit)),3.6vw,calc(19 * var(--panel-unit))); font-weight: 600; letter-spacing: calc(-.6 * var(--panel-unit)); background: none; color: var(--text-primary); -webkit-text-fill-color: currentColor; line-height: 1.15; }
.header-version { font-family: "Segoe UI",sans-serif; font-size: calc(9 * var(--panel-unit)); font-weight: 600; padding: calc(3 * var(--panel-unit)) calc(7 * var(--panel-unit)); border: calc(.7 * var(--panel-unit)) solid #538bd538; background: #d9eaff59; color: var(--accent); box-shadow: inset 0 calc(.5 * var(--panel-unit)) 0 #fff7; }
.header-actions { gap: calc(6 * var(--panel-unit)); }
.header-actions .theme-toggle { display: grid; place-items: center; width: calc(32 * var(--panel-unit)); height: calc(32 * var(--panel-unit)); margin: 0; padding: 0; font-size: 0; border-radius: 50%; }
.header-actions .theme-toggle,#manageRulesBtn,#startLearningBtn,#copyCurrentDateTimeBtn,#positionFindPanel,.candidate-lock-actions button {
  border: calc(1 * var(--panel-unit)) solid var(--border-color) !important;
  background: var(--glass-fill) !important;
  box-shadow: var(--glass-shadow) !important;
}
.header-actions .theme-toggle::before,#manageRulesBtn::before { content: ''; width: calc(18 * var(--panel-unit)); height: calc(18 * var(--panel-unit)); background: var(--icon-color); mask: var(--control-icon) center / contain no-repeat; -webkit-mask: var(--control-icon) center / contain no-repeat; }
#trainingModeBtn { --control-icon: url('glass/cap.svg'); }
#diagBtn { --control-icon: url('glass/scope.svg'); }
#themeToggle { --control-icon: url('glass/moon.svg'); }
#manageRulesBtn { --control-icon: url('glass/gear.svg'); }
.template-controls { gap: calc(9 * var(--panel-unit)) !important; margin-bottom: calc(12 * var(--panel-unit)) !important; }
#startLearningBtn,#manageRulesBtn { min-height: calc(37 * var(--panel-unit)); border-radius: calc(12 * var(--panel-unit)) !important; }
#startLearningBtn { display: flex; align-items: center; justify-content: center; gap: calc(8 * var(--panel-unit)); padding: calc(7 * var(--panel-unit)) calc(25 * var(--panel-unit)) !important; color: var(--accent) !important; font-size: calc(13 * var(--panel-unit)) !important; font-weight: 500 !important; }
#startLearningBtn::before { content: ''; flex: 0 0 calc(18 * var(--panel-unit)); width: calc(18 * var(--panel-unit)); height: calc(18 * var(--panel-unit)); background: currentColor; mask: url('glass/target.svg') center / contain no-repeat; -webkit-mask: url('glass/target.svg') center / contain no-repeat; }
#startLearningBtn::after,#pdfToolBtn::after,#candidateLockUnlockBtn::after { content: ''; position: absolute; inset: auto calc(16 * var(--panel-unit)) auto auto; width: calc(6 * var(--panel-unit)); height: calc(6 * var(--panel-unit)); border-top: calc(1.2 * var(--panel-unit)) solid currentColor; border-right: calc(1.2 * var(--panel-unit)) solid currentColor; border-radius: 0; background: none; transform: rotate(45deg); opacity: .65; }
#manageRulesBtn { display: grid; place-items: center; flex: 0 0 calc(37 * var(--panel-unit)); padding: calc(6 * var(--panel-unit)) !important; font-size: 0 !important; }
#manageRulesBtn::before { width: calc(19 * var(--panel-unit)); height: calc(19 * var(--panel-unit)); }
.top-actions { gap: calc(10 * var(--panel-unit)) !important; }
#extractFromPageBtn,#pdfToolBtn { display: flex; align-items: center; justify-content: center; gap: calc(10 * var(--panel-unit)); min-height: calc(48 * var(--panel-unit)); padding: calc(10 * var(--panel-unit)) calc(22 * var(--panel-unit)); margin: 0; border: calc(1 * var(--panel-unit)) solid transparent; border-radius: calc(17 * var(--panel-unit)); color: #fff; }
#extractFromPageBtn { font-size: clamp(calc(15 * var(--panel-unit)),3.6vw,calc(17 * var(--panel-unit))); font-weight: 550; background: var(--primary-fill) padding-box,var(--primary-edge) border-box; box-shadow: var(--primary-shadow); }
#extractFromPageBtn::before,#pdfToolBtn::before { content: ''; flex: 0 0 calc(19 * var(--panel-unit)); width: calc(19 * var(--panel-unit)); height: calc(22 * var(--panel-unit)); background: currentColor; mask: url('glass/document.svg') center / contain no-repeat; -webkit-mask: url('glass/document.svg') center / contain no-repeat; }
#extractFromPageBtn:hover,#pdfToolBtn:hover { transform: translateY(calc(-1 * var(--panel-unit))); filter: brightness(1.05); }
#extractFromPageBtn:hover { box-shadow: var(--primary-shadow); }
#extractFromPageBtn:active,#pdfToolBtn:active { transform: translateY(0); filter: brightness(.97); }
#copyCurrentDateTimeBtn { display: flex !important; justify-content: center; align-items: center; gap: calc(7 * var(--panel-unit)); height: calc(31 * var(--panel-unit)) !important; padding: calc(4 * var(--panel-unit)) calc(8 * var(--panel-unit)) !important; font-size: calc(11 * var(--panel-unit)) !important; font-weight: 400 !important; border-radius: calc(10 * var(--panel-unit)) !important; color: var(--text-secondary) !important; }
#copyCurrentDateTimeBtn::before { content: ''; width: calc(16 * var(--panel-unit)); height: calc(16 * var(--panel-unit)); background: currentColor; mask: url('glass/clock.svg') center / contain no-repeat; -webkit-mask: url('glass/clock.svg') center / contain no-repeat; }
#positionFindPanel { height: calc(39 * var(--panel-unit)); min-height: calc(39 * var(--panel-unit)); padding: 0; border-radius: calc(12 * var(--panel-unit)); }
#positionFindInput { height: calc(37 * var(--panel-unit)); padding-left: calc(37 * var(--panel-unit)); border: 0; background: transparent; box-shadow: none; font-size: calc(13 * var(--panel-unit)); font-weight: 400; color: var(--text-primary); }
#positionFindInput::placeholder { color: var(--text-secondary); opacity: 1; }
.position-find-icon { top: calc(12 * var(--panel-unit)); left: calc(13 * var(--panel-unit)); width: calc(11 * var(--panel-unit)); height: calc(11 * var(--panel-unit)); border-width: calc(1.3 * var(--panel-unit)); border-color: var(--icon-color); }
.position-find-icon::after { background: var(--icon-color); height: calc(1.3 * var(--panel-unit)); }
.candidate-lock-panel { padding: calc(14 * var(--panel-unit)) calc(15 * var(--panel-unit)) calc(12 * var(--panel-unit)); border: calc(.7 * var(--panel-unit)) solid var(--reading-border); border-radius: calc(15 * var(--panel-unit)); box-shadow: var(--reading-shadow); }
.candidate-lock-panel[data-state="empty"],.candidate-lock-panel[data-state="off"] { background: var(--reading-fill); }
.candidate-lock-head { margin-bottom: calc(11 * var(--panel-unit)); }
.candidate-lock-title { gap: calc(10 * var(--panel-unit)); font-size: calc(13 * var(--panel-unit)); font-weight: 550; }
.candidate-lock-dot { width: calc(8 * var(--panel-unit)); height: calc(8 * var(--panel-unit)); margin-left: calc(4 * var(--panel-unit)); outline: none; box-shadow: 0 0 0 calc(4 * var(--panel-unit)) #8b99ac1c; }
.candidate-lock-main { font-size: calc(14 * var(--panel-unit)); font-weight: 550; }
.candidate-lock-meta,.candidate-lock-message { font-size: calc(12 * var(--panel-unit)); font-weight: 400; line-height: 1.65; color: var(--text-secondary); }
.candidate-lock-meta { margin-top: calc(3 * var(--panel-unit)); }
.candidate-lock-message { margin-top: calc(8 * var(--panel-unit)); }
.candidate-lock-message.error { color: var(--error-text); }
.candidate-lock-toggle { min-width: calc(51 * var(--panel-unit)); height: calc(24 * var(--panel-unit)); padding: calc(3 * var(--panel-unit)) calc(24 * var(--panel-unit)) calc(3 * var(--panel-unit)) calc(7 * var(--panel-unit)); border: calc(.7 * var(--panel-unit)) solid #79b6ff85; border-radius: calc(999 * var(--panel-unit)); font-family: "Segoe UI",sans-serif; font-size: calc(10 * var(--panel-unit)); font-weight: 600; color: #fff; background: linear-gradient(135deg,#2582ea,#1564d3); box-shadow: inset 0 calc(.5 * var(--panel-unit)) 0 #d2edff80,0 calc(2 * var(--panel-unit)) calc(5 * var(--panel-unit)) #164c9426; }
.candidate-lock-toggle::after { inset: calc(2 * var(--panel-unit)) calc(2 * var(--panel-unit)) auto auto; width: calc(18 * var(--panel-unit)); height: calc(18 * var(--panel-unit)); border-radius: 50%; background: linear-gradient(#fff,#e8eff9); box-shadow: 0 calc(1 * var(--panel-unit)) calc(2 * var(--panel-unit)) #16397445; }
.candidate-lock-panel[data-state="off"] .candidate-lock-toggle { padding: calc(3 * var(--panel-unit)) calc(7 * var(--panel-unit)) calc(3 * var(--panel-unit)) calc(24 * var(--panel-unit)); }
.candidate-lock-panel[data-state="off"] .candidate-lock-toggle::after { right: auto; left: calc(2 * var(--panel-unit)); }
.candidate-lock-actions { margin-top: calc(12 * var(--panel-unit)); }
.candidate-lock-actions button { display: flex; align-items: center; justify-content: center; min-height: calc(35 * var(--panel-unit)); margin: 0; padding: calc(6 * var(--panel-unit)) calc(24 * var(--panel-unit)) calc(6 * var(--panel-unit)) calc(8 * var(--panel-unit)); border-radius: calc(11 * var(--panel-unit)); color: var(--text-secondary); font-size: calc(11 * var(--panel-unit)); font-weight: 500; }
/* Preserve the functional red reset control in blocked state. */
.candidate-lock-panel[data-state="blocked"] #candidateLockUnlockBtn { background: var(--error-text) !important; color: #fff; border-color: var(--error-text) !important; }
.document-intake,.document-intake[data-disabled="true"] { padding: calc(10 * var(--panel-unit)); gap: calc(8 * var(--panel-unit)); opacity: 1; background: var(--reading-fill); border: calc(.7 * var(--panel-unit)) solid var(--reading-border); border-radius: calc(15 * var(--panel-unit)); box-shadow: var(--reading-shadow); }
.document-intake-head { padding: 0 calc(2 * var(--panel-unit)) calc(2 * var(--panel-unit)); }
.document-intake-status { font-size: calc(10 * var(--panel-unit)); font-weight: 500; white-space: normal; color: var(--text-secondary); }
.document-intake-badge { padding: calc(3 * var(--panel-unit)) calc(8 * var(--panel-unit)); border-radius: calc(999 * var(--panel-unit)); font-size: calc(9 * var(--panel-unit)); font-weight: 500; color: var(--badge-text); background: var(--badge-fill); }
.document-slot { grid-template-columns: calc(73 * var(--panel-unit)) minmax(0,1fr) auto auto; min-height: calc(36 * var(--panel-unit)); gap: calc(8 * var(--panel-unit)); padding: calc(6 * var(--panel-unit)) calc(9 * var(--panel-unit)); border: calc(.7 * var(--panel-unit)) dashed var(--slot-line); border-radius: calc(9 * var(--panel-unit)); background: var(--slot-fill); box-shadow: inset 0 calc(.5 * var(--panel-unit)) 0 #ffffff24; }
.document-slot.document-slot-readonly { grid-template-columns: calc(73 * var(--panel-unit)) minmax(0,1fr) auto; border-color: var(--slot-line); background: var(--slot-fill); }
.document-slot-label { border-right: calc(.7 * var(--panel-unit)) solid var(--reading-border); font-size: calc(11 * var(--panel-unit)); font-weight: 500; color: var(--text-primary); }
.document-intake-main { color: var(--text-secondary); font-size: calc(11 * var(--panel-unit)); font-weight: 400; white-space: normal; overflow-wrap: anywhere; }
.document-slot:not(.document-slot-readonly) { position: relative; padding-right: calc(30 * var(--panel-unit)); }
.document-slot:not(.document-slot-readonly)::after { content: ''; position: absolute; right: calc(9 * var(--panel-unit)); width: calc(17 * var(--panel-unit)); height: calc(17 * var(--panel-unit)); background: var(--icon-color); mask: url('glass-upload.svg') center / contain no-repeat; -webkit-mask: url('glass-upload.svg') center / contain no-repeat; pointer-events: none; }
.document-slot:has(.document-slot-open:not([hidden]))::after { display: none; }
.document-resume-mode { font-size: calc(9 * var(--panel-unit)); font-weight: 400; line-height: 1.6; color: var(--text-secondary); }
.document-resume-mode input { width: calc(14 * var(--panel-unit)); height: calc(14 * var(--panel-unit)); accent-color: var(--accent); }
#pdfToolBtn { min-height: calc(46 * var(--panel-unit)); font-size: calc(14 * var(--panel-unit)); font-weight: 500; background: var(--pdf-fill) padding-box,var(--pdf-edge) border-box; box-shadow: inset 0 calc(.5 * var(--panel-unit)) calc(1 * var(--panel-unit)) #ffffff38,0 calc(4 * var(--panel-unit)) calc(12 * var(--panel-unit)) #1b2b4120; }
#pdfToolBtn:hover { box-shadow: inset 0 calc(.5 * var(--panel-unit)) calc(1 * var(--panel-unit)) #ffffff38,0 calc(5 * var(--panel-unit)) calc(13 * var(--panel-unit)) #1b2b4129; }
#pdfToolBtn::before { width: calc(18 * var(--panel-unit)); flex-basis: calc(18 * var(--panel-unit)); height: calc(21 * var(--panel-unit)); }
[data-optical-glass] { backdrop-filter: var(--optical-filter,blur(calc(6 * var(--panel-unit)))) saturate(115%); -webkit-backdrop-filter: var(--optical-filter,blur(calc(6 * var(--panel-unit)))) saturate(115%); }
.optical-filter-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.glass-reflection { position: absolute; inset: calc(-1 * var(--panel-unit)); border-radius: inherit; padding: calc(1 * var(--panel-unit)); pointer-events: none; background: var(--glass-edge); -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite: exclude; }
#extractFromPageBtn .glass-reflection { background: var(--primary-edge); }
#pdfToolBtn .glass-reflection { background: var(--pdf-edge); }
button:focus-visible,input:focus-visible,[role="button"]:focus-visible { outline: calc(2 * var(--panel-unit)) solid var(--accent); outline-offset: calc(3 * var(--panel-unit)); }
.site-select-wrapper { border-radius: calc(13 * var(--panel-unit)) !important; padding: calc(11 * var(--panel-unit)) !important; background: var(--reading-fill) !important; border-color: var(--reading-border) !important; }
.site-select-label { font-weight: 500; color: var(--text-secondary); }
.site-dropdown { background: var(--bg-solid); color: var(--text-primary); border-color: var(--reading-border); }
/* Night material: graphite body, violet/cool ambient light, bright neutral labels.
   No multiplied daytime background or pale daytime outlines. */
html[data-theme="dark"] {
  color-scheme: dark;
  --text-primary: #f0f0f5; --text-secondary: #bfc1ce; --text-muted: #a8adbd;
  --accent: #87baff; --accent-light: #88baff14;
  --bg-solid: #282a33; --bg-card: #282a346e; --bg-card-hover: #353742bd; --bg-card-active: #3b3f4b9c;
  --border-color: #c5cee11c;
  --glass-fill: linear-gradient(125deg,#44465291,#25263096 48%,#373b4a70);
  --glass-edge: linear-gradient(145deg,#d0d3e661,#4c506328 33%,#1a1b2540 63%,#a7b5ce52);
  --glass-shadow: inset 0 calc(.5 * var(--panel-unit)) calc(.8 * var(--panel-unit)) #e0e3ff1f,inset 0 calc(-.5 * var(--panel-unit)) calc(1 * var(--panel-unit)) #bacbf526,0 calc(3 * var(--panel-unit)) calc(8 * var(--panel-unit)) #03030938;
  --reading-fill: linear-gradient(125deg,#30313c94,#22242e80);
  --reading-border: #c6cde21c;
  --reading-shadow: inset 0 calc(.5 * var(--panel-unit)) 0 #d5ddff0b,0 calc(4 * var(--panel-unit)) calc(12 * var(--panel-unit)) #05060c21;
  --icon-color: #d9dbe7;
  --primary-fill: radial-gradient(ellipse 80% 100% at 15% -60%,#84c5ff63,transparent),linear-gradient(135deg,#2264cfe6,#214db3ed);
  --primary-edge: linear-gradient(145deg,#accfff91,#4d75bf38 45%,#73a0ed75);
  --primary-shadow: inset 0 calc(.5 * var(--panel-unit)) calc(1 * var(--panel-unit)) #c6ddff38,0 calc(4 * var(--panel-unit)) calc(13 * var(--panel-unit)) #030f3133;
  --pdf-fill: radial-gradient(ellipse 85% 100% at 15% -65%,#afb9d53d,transparent),linear-gradient(135deg,#3e4351b3,#292d38c7);
  --pdf-edge: linear-gradient(145deg,#dbe0f366,#6973861c 50%,#9aabc24d);
  --badge-fill: #4dc48814; --badge-text: #91d4b2;
  --slot-fill: #11131c1f; --slot-line: #a7b1c32b;
  background: #111117 url('glass/backdrop-dark.svg') center top / 100% 100vh fixed no-repeat;
}
[data-theme="dark"] body { border-color: #e4e3fc21; background: linear-gradient(125deg,#1e1e29b3,#191b2575 55%,#22253280); box-shadow: inset calc(.5 * var(--panel-unit)) calc(.5 * var(--panel-unit)) calc(.8 * var(--panel-unit)) #e1e5ff33,inset calc(-.5 * var(--panel-unit)) calc(-.5 * var(--panel-unit)) calc(.8 * var(--panel-unit)) #9fb5da1f,0 calc(16 * var(--panel-unit)) calc(35 * var(--panel-unit)) #00000054; }
[data-theme="dark"] .header-version { background: #a8bcff0d; border-color: #98b8fb2e; box-shadow: inset 0 calc(.5 * var(--panel-unit)) 0 #dbe8ff17; }
[data-theme="dark"] .header-brand-icon { box-shadow: 0 calc(3 * var(--panel-unit)) calc(8 * var(--panel-unit)) #0004,0 0 0 calc(.5 * var(--panel-unit)) #d5dfff21; }
[data-theme="dark"] #themeToggle { --control-icon: url('glass/sun.svg'); }
[data-theme="dark"] .candidate-lock-toggle { background: linear-gradient(140deg,#3d80e3,#285fbe); border-color: #a4c8ff38; box-shadow: inset 0 calc(.5 * var(--panel-unit)) 0 #d5e7ff40,0 calc(2 * var(--panel-unit)) calc(6 * var(--panel-unit)) #0003; }
[data-theme="dark"] .candidate-lock-panel[data-state="locked"] { background: #2046363b; }
[data-theme="dark"] .candidate-lock-panel[data-state="warning"] { background: #5e442230; }
[data-theme="dark"] .candidate-lock-panel[data-state="blocked"] { background: #6729343d; }

/* Lower workflow and generated data cards share the same reading material and scale. */
.top-actions > .site-select-wrapper { margin: 0; gap: calc(7 * var(--panel-unit)); }
.site-select-label { font-size: calc(11 * var(--panel-unit)) !important; font-weight: 500; }
select.site-dropdown { min-height: calc(35 * var(--panel-unit)); padding: calc(7 * var(--panel-unit)) calc(10 * var(--panel-unit)); border-radius: calc(10 * var(--panel-unit)); font-size: calc(13 * var(--panel-unit)); background: var(--slot-fill); border-color: var(--reading-border); }
#activeSiteAutoStatus { font-size: calc(9 * var(--panel-unit)) !important; margin-top: calc(2 * var(--panel-unit)) !important; }
.bulk-fill-shell { margin: 0; min-height: calc(46 * var(--panel-unit)); }
.bulk-fill-shell > #bulkFillBtn { min-height: calc(46 * var(--panel-unit)); }
#bulkFillBtn { display: flex; align-items: center; justify-content: center; gap: calc(9 * var(--panel-unit)); padding: calc(10 * var(--panel-unit)) calc(22 * var(--panel-unit)); border-radius: calc(17 * var(--panel-unit)); font-size: calc(16 * var(--panel-unit)); font-weight: 550; background: linear-gradient(145deg,#19805ced,#146847f5); border: calc(1 * var(--panel-unit)) solid #8ac5b261; box-shadow: inset 0 calc(.5 * var(--panel-unit)) calc(1 * var(--panel-unit)) #d6fff34a,0 calc(4 * var(--panel-unit)) calc(12 * var(--panel-unit)) #24694b26; }
#bulkFillBtn::after,.sent-guard-top button::after,#currentEmployerGateFocusBtn::after,#documentMatchCheckBtn::after { content: none; }
#bulkFillBtn:hover { transform: translateY(calc(-1 * var(--panel-unit))); box-shadow: inset 0 calc(.5 * var(--panel-unit)) calc(1 * var(--panel-unit)) #d6fff34a,0 calc(5 * var(--panel-unit)) calc(13 * var(--panel-unit)) #24694b2e; }
.sent-guard-panel { padding: calc(12 * var(--panel-unit)); border-radius: calc(15 * var(--panel-unit)); border-color: var(--reading-border); background: var(--reading-fill); box-shadow: var(--reading-shadow); }
.sent-guard-top { grid-template-columns: minmax(0,1fr) calc(58 * var(--panel-unit)) calc(54 * var(--panel-unit)); gap: calc(6 * var(--panel-unit)); }
.sent-guard-top button { min-height: calc(33 * var(--panel-unit)); padding: calc(6 * var(--panel-unit)) calc(8 * var(--panel-unit)); border-radius: calc(10 * var(--panel-unit)); font-size: calc(11 * var(--panel-unit)); font-weight: 500; }
#sentChecklistToggle,#sentResetBtn,#documentMatchCheckBtn { background: var(--glass-fill); border: calc(1 * var(--panel-unit)) solid var(--border-color); box-shadow: var(--glass-shadow); }
#sentCountBtn:not(:disabled) { background: linear-gradient(145deg,#19805c,#146847); }
.sent-counter-row,.sent-mode-row { font-size: calc(11 * var(--panel-unit)); margin-top: calc(8 * var(--panel-unit)); gap: calc(7 * var(--panel-unit)); }
.sent-counter-value { font-size: calc(15 * var(--panel-unit)); font-weight: 600; }
#sentCountModeSelect { min-width: calc(126 * var(--panel-unit)); max-width: calc(164 * var(--panel-unit)); min-height: calc(29 * var(--panel-unit)); padding: calc(5 * var(--panel-unit)) calc(8 * var(--panel-unit)); border-radius: calc(8 * var(--panel-unit)); background: var(--slot-fill); font-size: calc(10 * var(--panel-unit)); }
.sent-checklist-body { gap: calc(8 * var(--panel-unit)); margin-top: calc(11 * var(--panel-unit)); padding-top: calc(10 * var(--panel-unit)); border-color: var(--reading-border); }
.checklist-prerequisite-gate { border-radius: calc(11 * var(--panel-unit)); padding: calc(10 * var(--panel-unit)); gap: calc(8 * var(--panel-unit)); border-left-width: calc(3 * var(--panel-unit)); }
.checklist-prerequisite-gate-title { font-size: calc(11 * var(--panel-unit)); font-weight: 600; }
.checklist-prerequisite-gate-message { font-size: calc(10 * var(--panel-unit)); line-height: 1.6; }
.checklist-prerequisite-gate-icon { width: calc(20 * var(--panel-unit)); height: calc(20 * var(--panel-unit)); font-size: calc(11 * var(--panel-unit)); font-weight: 600; }
#currentEmployerGateFocusBtn { min-height: calc(32 * var(--panel-unit)); padding: calc(7 * var(--panel-unit)) calc(9 * var(--panel-unit)); border-radius: calc(9 * var(--panel-unit)); font-size: calc(10 * var(--panel-unit)); font-weight: 500; background: #c63438; }
.checklist-prerequisite-gate[data-state="ready"] #currentEmployerGateFocusBtn { background: var(--bg-solid); }
.document-check-box { padding: calc(9 * var(--panel-unit)); gap: calc(6 * var(--panel-unit)); border-radius: calc(11 * var(--panel-unit)); background: var(--slot-fill); border-color: var(--reading-border); }
#documentMatchCheckBtn { min-height: calc(33 * var(--panel-unit)); padding: calc(7 * var(--panel-unit)) calc(9 * var(--panel-unit)); border-radius: calc(9 * var(--panel-unit)); font-size: calc(11 * var(--panel-unit)); font-weight: 500; }
.document-check-result,#sentGuardFeedback { font-size: calc(10 * var(--panel-unit)); line-height: 1.6; }
.sent-check-row { font-size: calc(11 * var(--panel-unit)); line-height: 1.5; gap: calc(7 * var(--panel-unit)); }
.sent-check-row input { width: calc(13 * var(--panel-unit)); height: calc(13 * var(--panel-unit)); margin-top: calc(2 * var(--panel-unit)); }
.section-title { margin: calc(17 * var(--panel-unit)) calc(2 * var(--panel-unit)) calc(8 * var(--panel-unit)); font-size: calc(10 * var(--panel-unit)); font-weight: 500; letter-spacing: calc(.3 * var(--panel-unit)); color: var(--text-secondary); }
.grid-container { gap: calc(8 * var(--panel-unit)); }
.item-card { border-radius: calc(12 * var(--panel-unit)); padding: calc(10 * var(--panel-unit)); border-color: var(--reading-border); background: var(--reading-fill); box-shadow: var(--reading-shadow); backdrop-filter: none; -webkit-backdrop-filter: none; }
.item-card::before { content: none; }
.item-card .label { font-weight: 500; color: var(--text-secondary); }
.item-card .value { font-weight: 400; }
.mini-fill-btn,.mini-split-btn,.save-btn { border-radius: calc(8 * var(--panel-unit)); font-weight: 500; }
[data-theme="dark"] #bulkFillBtn,[data-theme="dark"] #sentCountBtn:not(:disabled) { background: linear-gradient(145deg,#28785fe6,#1c5c48ed); border-color: #8dd4b630; }
[data-theme="dark"] .checklist-prerequisite-gate:not([data-state="ready"]) { background: #692b3530; border-color: #da7c7c38; border-left-color: #d16b70; }
[data-theme="dark"] #currentEmployerGateFocusBtn { background: #a83e47; }
[data-theme="dark"] .checklist-prerequisite-gate[data-state="ready"] #currentEmployerGateFocusBtn { background: var(--bg-solid); }

.split-btn-row > button { flex: 1 1 0; min-width: 0; min-height: calc(26 * var(--panel-unit)); padding: calc(4 * var(--panel-unit)) calc(3 * var(--panel-unit)); white-space: nowrap; }
.mini-fill-btn { background: linear-gradient(145deg,#19805c,#146847); box-shadow: inset 0 calc(.5 * var(--panel-unit)) 0 #d6fff333; }
.mini-fill-btn::after,.mini-split-btn::after { content: none; }
[data-theme="dark"] .mini-fill-btn { background: linear-gradient(145deg,#28785f,#1c5c48); }
@media (max-width:420px) {
  body { margin: calc(14 * var(--panel-unit)) calc(12 * var(--panel-unit)); padding: calc(14 * var(--panel-unit)); border-radius: calc(21 * var(--panel-unit)); }
  .header { gap: calc(6 * var(--panel-unit)); } .header-brand { gap: calc(7 * var(--panel-unit)); }
  .header-brand-icon { width: calc(28 * var(--panel-unit)); height: calc(28 * var(--panel-unit)); border-radius: calc(8 * var(--panel-unit)); }
  .header h3 { font-size: clamp(calc(12 * var(--panel-unit)),3.6vw,calc(15 * var(--panel-unit))); }
  .header-actions { gap: calc(5 * var(--panel-unit)); }
  .header-actions .theme-toggle { width: calc(29 * var(--panel-unit)); height: calc(29 * var(--panel-unit)); padding: 0; font-size: 0; }
  .header-actions .theme-toggle::before { width: calc(17 * var(--panel-unit)); height: calc(17 * var(--panel-unit)); }
  .header-version { padding: calc(3 * var(--panel-unit)) calc(5 * var(--panel-unit)); font-size: calc(9 * var(--panel-unit)); }
  .document-slot { grid-template-columns: calc(64 * var(--panel-unit)) minmax(0,1fr) auto auto; padding-left: calc(7 * var(--panel-unit)); gap: calc(7 * var(--panel-unit)); }
  .document-slot.document-slot-readonly { grid-template-columns: calc(64 * var(--panel-unit)) minmax(0,1fr) auto; }
  .document-intake-main { font-size: calc(10 * var(--panel-unit)); }
}
@media (prefers-reduced-transparency:reduce) {
  [data-optical-glass] { backdrop-filter:none; -webkit-backdrop-filter:none; }
  body { background:#e9eef5; } html[data-theme="dark"] body { background:#1e2029; }
}
@media (forced-colors:active) { [data-optical-glass] { backdrop-filter:none; -webkit-backdrop-filter:none; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none !important; animation:none !important; } }

/* The recommendation note editor occupies space only while open. */
.split-btn-row .recommendation-addition-toggle { flex: 0 0 auto; width: auto; min-height: 24px; padding: 3px 10px; margin: 0; font-size: 11px; }
.recommendation-addition-editor { flex-basis: 100%; grid-column: 1 / -1; width: 100%; }
.recommendation-addition-editor[hidden] { display: none !important; }
.recommendation-addition-editor textarea { box-sizing: border-box; width: 100%; resize: vertical; padding: 8px; margin: 5px 0; border: 1px solid #899bb666; border-radius: 8px; background: #ffffff20; color: inherit; font: inherit; font-size: 12px; }
.recommendation-addition-editor .mini-fill-btn { display: inline-block; width: auto; margin: 0 5px 0 0; padding: 4px 9px; font-size: 11px; }
.recommendation-addition-editor [role="status"] { font-size: 11px; }

.recommendation-pdf-controls { display: flex; flex-wrap: wrap; gap: 5px; width: 100%; grid-column: 1 / -1; }
.recommendation-pdf-controls > .mini-fill-btn:first-child { flex: 1 1 0; width: auto; min-width: 0; }

.login-manager { margin: 8px 0; padding: 9px 12px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 14px; font-size: 12px; color: var(--text-primary); }
.login-manager summary { cursor: pointer; font-weight: 600; }
.login-manager summary span, .login-manager small { color: var(--text-muted); font-size: 10px; }
.login-manager small { display: block; margin: 5px 0; overflow-wrap: anywhere; }
.login-manager form[hidden] { display: none; }
.login-manager label { display: block; margin: 6px 0; }
.login-manager input { display: block; width: 100%; box-sizing: border-box; background: var(--bg-card); color: var(--text-primary); border: 1px solid var(--border-color); border-radius: 7px; padding: 6px; }
.login-manager button { cursor: pointer; border: 1px solid var(--border-color); background: var(--bg-card); color: var(--accent); border-radius: 7px; padding: 5px 7px; font-size: 11px; }
.login-account { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid var(--border-color); }
.login-account strong { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.login-actions { display: flex; flex: 0 0 auto; gap: 4px; }
.login-manager .login-actions button { width: auto; margin: 0; padding: 3px 6px; white-space: nowrap; }
.login-saved-list { margin-top: 8px; }
.login-saved-list [data-login-list] { max-height: 220px; overflow-y: auto; overscroll-behavior: contain; }
.login-manager [data-login-add] { margin-top: 8px; }
.login-manager [role="status"] { margin: 5px 0; overflow-wrap: anywhere; }