/* Interview scheduling is a focused workflow, not a generic record editor. */
dialog.interview-dialog{width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:hidden;border:0;border-radius:20px;background:#f4f7fb;box-shadow:0 28px 90px rgba(15,33,64,.28)}
.interview-dialog #dialog-form{display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}
.interview-dialog .dialog-head{flex-shrink:0;padding:18px 24px 16px;border-bottom:1px solid #e7ecf3;background:#fff}
.interview-dialog .dialog-head h2{margin-top:4px;color:#172033;font-size:22px;letter-spacing:-.025em}
.interview-dialog .dialog-head small{color:#246bfe;font-size:11px;font-weight:750;letter-spacing:.06em}
.interview-dialog .dialog-body{display:flex;flex-direction:column;gap:12px;min-height:0;padding:14px 16px 18px;overflow-y:auto;background:#f4f7fb;scrollbar-gutter:stable}
.interview-summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dfe8f6;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(24,45,80,.04)}
.interview-candidate-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#246bfe,#4c82f1);color:#fff;font-size:17px;font-weight:800;box-shadow:0 7px 16px rgba(36,107,254,.2)}
.interview-candidate-copy{display:grid;gap:2px;min-width:0}
.interview-candidate-copy small{color:#8a96a9;font-size:10px;font-weight:650}
.interview-candidate-copy strong{color:#182338;font-size:16px}
.interview-candidate-copy span{overflow:hidden;color:#627087;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.interview-summary-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.interview-summary-tags span{padding:5px 9px;border:1px solid #dce6f7;border-radius:999px;background:#f5f8fd;color:#627087;font-size:10px;font-weight:700}
.interview-summary-tags span.ready{border-color:#cdebdc;background:#effbf5;color:#168451}
.interview-summary-tags span.pending{border-color:#f4dfb8;background:#fff8ea;color:#a66408}
.interview-workspace{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.45fr);gap:12px;align-items:stretch}
.interview-workspace-main{display:grid;gap:12px;min-width:0}
.interview-section{box-sizing:border-box;padding:15px;border:1px solid #e1e7f0;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(24,45,80,.025)}
.interview-section-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.interview-section-head>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:#edf3ff;color:#2465d6;font-size:11px;font-weight:800}
.interview-section-head>div{display:grid;gap:2px;min-width:0}
.interview-section-head h3{margin:0;color:#223047;font-size:14px}
.interview-section-head p{margin:0;color:#8a95a8;font-size:10px;line-height:1.4}
.interview-context-stack{display:grid;gap:12px}
.interview-owner-grid{padding-top:2px}
.interview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:start}
.interview-member-section{border-color:#dbe6f7;background:linear-gradient(180deg,#fff,#fbfdff)}
.interview-member-section .interview-section-head{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #edf1f6}
.interview-dialog .form-field{display:grid;align-self:start;align-content:start;grid-template-rows:auto auto;gap:6px;width:100%;min-width:0;color:#5d6b82;font-size:11px}
.interview-dialog .form-field>span{font-weight:650}
.interview-dialog .form-field input:not([type=hidden]),.interview-dialog .form-field select{box-sizing:border-box;width:100%;min-width:0;height:40px;min-height:40px;max-height:40px;padding:0 11px;border-color:#dbe3ee;border-radius:9px;background:#fff;font-size:12px}
.interview-dialog .form-field input:focus,.interview-dialog .form-field select:focus,.interview-dialog .member-search-row input:focus{border-color:#4f83f4;box-shadow:0 0 0 3px rgba(36,107,254,.09)}
.interview-dialog .form-field textarea{min-height:78px;border-color:#dbe3ee;border-radius:9px;font-size:12px}
.interview-dialog .searchable-choice{gap:6px}
.interview-dialog .searchable-choice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}
.interview-dialog .searchable-choice-row input{width:100%;min-width:0}
.interview-dialog .btn{min-height:40px;padding:8px 13px;border-radius:9px;font-size:12px;white-space:nowrap}
.interview-dialog .searchable-choice-selected{display:flex;flex-wrap:wrap;min-height:24px;margin-top:2px;color:#8290a5;font-size:10px}
.interview-dialog .request-picker-chip{max-width:100%;padding:5px 8px;border-radius:8px;background:#edf4ff;font-size:11px;white-space:normal}
.interview-dialog .request-picker-chip strong{overflow-wrap:anywhere}
.interview-relation-hint{display:block;margin-top:-5px;padding:7px 9px;border-radius:8px;font-size:10px;line-height:1.45}
.interview-relation-hint.ready{background:#effaf4;color:#19734c}
.interview-relation-hint.pending{background:#fff7e8;color:#9a610d}
.interview-dialog .searchable-choice-results{max-height:116px;margin-top:3px}
.interview-dialog .compact-empty{min-height:0;padding:2px 0;color:#98a3b5;font-size:10px;line-height:1.4;text-align:left}
.interview-dialog .dingtalk-member-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin:0;padding:0;border:0}
.interview-dialog .source-fields-head{display:none}
.interview-dialog .member-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.interview-dialog .member-search-row input{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:0 11px;border:1px solid #dbe3ee;border-radius:9px;outline:0;font-size:12px}
.interview-dialog .member-results{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow:auto;font-size:12px}
.interview-dialog .member-choice{padding:8px 9px;border-radius:9px}
.interview-dialog .member-choice strong{font-size:11px}
.interview-dialog .member-choice small{font-size:9px}
.interview-extra{padding:0;overflow:hidden}
.interview-extra summary{display:flex;align-items:center;gap:9px;padding:13px 15px;color:#344054;cursor:pointer;list-style:none}
.interview-extra summary::-webkit-details-marker{display:none}
.interview-extra summary strong{font-size:12px}
.interview-extra summary small{margin-left:auto;color:#8792a5;font-size:10px;font-weight:400}
.interview-more-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#f0f3f8;color:#64728a;font-size:13px;transition:transform .16s ease}
.interview-extra[open] .interview-more-icon{transform:rotate(45deg)}
.interview-extra>.interview-grid{padding:0 15px 15px}
.interview-submit-hint{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dce8ff;border-radius:12px;background:#f5f8ff;color:#42526b}
.interview-submit-hint>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#246bfe;color:#fff;font-size:11px;font-weight:800}
.interview-submit-hint>div{display:grid;gap:1px;min-width:0}
.interview-submit-hint strong{color:#24334b;font-size:11px}
.interview-submit-hint small{color:#728198;font-size:9px;line-height:1.4}
.interview-dialog .secure-notice{margin:0;font-size:11px}
.interview-dialog .dialog-actions{flex-shrink:0;padding:11px 16px;border-top:1px solid #e8edf4;background:#fff;box-shadow:0 -5px 18px rgba(21,41,72,.05)}
.interview-dialog .dialog-actions .btn.primary{min-width:156px;box-shadow:0 7px 18px rgba(36,107,254,.18)}
@media(max-width:820px){.interview-workspace{grid-template-columns:1fr}.interview-workspace-main{grid-template-columns:1fr 1fr}.interview-member-section{min-width:0}}
@media(max-width:640px){dialog.interview-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);border-radius:15px}.interview-dialog #dialog-form{max-height:calc(100dvh - 14px)}.interview-dialog .dialog-head,.interview-dialog .dialog-actions{padding:12px 13px}.interview-dialog .dialog-body{padding:8px}.interview-summary{grid-template-columns:38px minmax(0,1fr);padding:10px}.interview-candidate-avatar{width:38px;height:38px;border-radius:11px}.interview-summary-tags{display:none}.interview-workspace-main,.interview-grid{grid-template-columns:1fr}.interview-dialog .form-field.full{grid-column:auto}.interview-section{padding:12px}.interview-dialog .member-search-row,.interview-dialog .searchable-choice-row{grid-template-columns:1fr}.interview-dialog .dialog-actions .btn{flex:1}.interview-extra summary small{display:none}}
