.director-section { border-top: 1px solid var(--border, #d8dde4); padding: 24px 0; margin-top: 24px; min-width: 0; }
.director-section .panel-head { padding: 0 0 16px; flex-wrap: wrap; gap: 12px; }
.director-section h2 { font-size: 20px; }
.director-section h3 { font-size: 16px; margin: 0 0 12px; }
.director-section details { border-bottom: 1px solid var(--border, #d8dde4); padding: 14px 0; }
.director-section summary { cursor: pointer; font-weight: 600; margin-bottom: 12px; }
.director-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.director-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 13px; }
.director-section textarea, .director-section select, .director-section input:not([type=checkbox]) { width: 100%; box-sizing: border-box; min-width: 0; padding: 9px; border: 1px solid var(--border, #d8dde4); border-radius: 4px; background: var(--surface, #fff); color: inherit; font: inherit; }
.director-section textarea { resize: vertical; }
.director-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding: 14px 0; }
.director-toolbar label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.director-audit, .director-review { padding: 18px 0; border-top: 1px solid var(--border, #d8dde4); }
.director-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.director-checks label { display: flex; align-items: start; gap: 8px; font-size: 13px; }
.director-section input[type=checkbox] { flex: 0 0 auto; width: 16px; height: 16px; }
.director-review button { margin-top: 12px; }
.director-section button, .director-section p { white-space: normal; overflow-wrap: anywhere; }
.director-cue { display: grid; grid-template-columns: 100px 100px minmax(0, 1fr) 36px; gap: 8px; align-items: end; margin-bottom: 10px; }
.director-cue label { min-width: 0; font-size: 12px; }
@media (max-width: 700px) { .director-grid, .director-checks { grid-template-columns: minmax(0, 1fr); } .director-cue { grid-template-columns: 1fr 1fr 36px; } .director-cue label:nth-child(3) { grid-row: 2; grid-column: 1 / 3; } .director-section .panel-head { align-items: start; } }