.instructions-panel{margin-top:27px;padding-top:25px;border-top:1px solid var(--line);min-width:0}.instructions-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.instructions-eyebrow{display:block;color:#8b977f;font-size:9px;font-weight:700;letter-spacing:1.8px;margin-bottom:6px}.instructions-heading h3{margin:0;color:var(--ink);font-size:19px;letter-spacing:-.65px}.instructions-heading p{margin:7px 0 0;color:#839080;font-size:11px;line-height:1.7}.instructions-total{flex-shrink:0;background:#edf2e7;color:#496041;font-size:11px;font-weight:600;border-radius:20px;padding:7px 11px;margin-top:17px}.instructions-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.instructions-filter{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #e4e9df;border-radius:18px;background:#fff;color:#778273;font-size:10px;transition:background .15s,border-color .15s}.instructions-filter.is-selected{background:#edf2e7;color:#355441;border-color:#b8c8ab;font-weight:700}.instructions-filter-count{font-family:'DM Sans',sans-serif;font-size:10px;opacity:.8}.instructions-notice{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#899181;font-size:10px;line-height:1.7;margin:0 0 13px}.instructions-notice.is-error{padding:10px 12px;background:#fcf2ec;border:1px solid #efdfd2;border-radius:9px;color:#9d6346}.instructions-retry{flex-shrink:0;color:#4f6c43;font-size:10px;text-decoration:underline;text-underline-offset:3px}.instructions-empty{padding:30px 18px;border:1px dashed #d7dfd0;background:#f8faf5;border-radius:13px;text-align:center;white-space:pre-line;color:#8a9581;font-size:12px;line-height:1.85}.instructions-people{display:flex;flex-direction:column;gap:13px}.instruction-person{min-width:0;border:1px solid #e2e8dc;border-radius:15px;overflow:hidden;background:#fbfcf9}.instruction-person-heading{display:flex;align-items:center;gap:10px;padding:15px 17px;background:#f5f7f0;border-bottom:1px solid #e8ede2}.instruction-person-avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:11px;background:#dfe9d6;color:#547049;font-size:12px;font-weight:600}.instruction-person-copy{flex:1;min-width:0}.instruction-person-name-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:1.4}.instruction-person-name-line strong{font-size:12px;color:#3c5142;overflow-wrap:anywhere}.instruction-person-rank{color:#8e9786;font-size:9px;padding:1px 5px;background:#edf0e7;border:1px solid #e1e6d9;border-radius:4px}.instruction-person-role{display:block;color:#8e9788;font-size:9px;margin-top:3px;overflow-wrap:anywhere}.instruction-person-count{flex-shrink:0;font-size:9px;color:#6e825f;background:#eaf0e2;padding:5px 7px;border-radius:12px}.instruction-thread{display:flex;flex-direction:column;gap:9px;padding:14px 17px 0}.instruction-thread-empty{font-size:11px;color:#a0a797;margin:4px 0 15px}.instruction-item{border:1px solid #e5eadd;border-radius:11px;padding:12px 13px;background:white;min-width:0}.instruction-item.is-done{background:#f8faf5;border-color:#e1e9d8}.instruction-item.is-cancelled{background:#f8f8f6;border-color:#e6e7e1}.instruction-meta{display:flex;align-items:center;gap:10px;justify-content:space-between}.instruction-status{font-size:9px;border-radius:5px;padding:3px 6px;line-height:1.35;background:#f5efd9;color:#a27b36}.instruction-status.is-done{background:#e7efdc;color:#658148}.instruction-status.is-cancelled{background:#eeeee9;color:#929587}.instruction-time{font-size:9px;color:#9aa18f;font-variant-numeric:tabular-nums}.instruction-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#57634e;font-size:12px;line-height:1.85;margin:9px 0 12px}.instruction-item.is-cancelled .instruction-body{color:#9a9e92}.instruction-status-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.instruction-status-button{font-size:9px;padding:4px 7px;border-radius:6px;border:1px solid transparent;color:#9aa190;transition:background .15s}.instruction-status-button:hover{background:#eff3e9}.instruction-status-button.is-selected{background:#edf2e5;border-color:#dce5d1;color:#61764c;opacity:1}.instruction-status-button[data-status=cancelled].is-selected{color:#909584;background:#ededE8;border-color:#e1e3db}.instruction-composer{padding:14px 17px 16px}.instruction-composer-field{display:block;min-width:0}.instruction-composer textarea{display:block;box-sizing:border-box;width:100%;min-height:70px;max-height:220px;resize:vertical;border:1px solid #dde5d5;border-radius:10px;padding:11px 12px;color:#4b5c42;background:#fff;font-size:12px;line-height:1.75}.instruction-composer textarea::placeholder{color:#a3ad99}.instruction-composer textarea:disabled{background:#f4f6f0}.instruction-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.instruction-composer-hint{font-size:9px;line-height:1.6;color:#9da694}.instruction-add{flex-shrink:0;background:#59734b;color:white;font-size:10px;font-weight:500;border-radius:7px;padding:8px 12px;transition:background .15s}.instruction-add:hover{background:#48633b}.instruction-person-historical{font-size:10px;line-height:1.7;color:#9ba58e;margin:13px 17px 16px}.instruction-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.instructions-panel{margin-top:23px;padding-top:22px}.instructions-heading{gap:10px}.instructions-heading h3{font-size:17px}.instructions-heading p{font-size:10px}.instructions-person{border-radius:12px}.instruction-person-heading{padding:13px 12px;gap:8px}.instruction-thread{padding:12px 12px 0}.instruction-composer{padding:12px}.instruction-person-count{font-size:8px}.instruction-composer-footer{align-items:flex-end}.instruction-composer-hint{max-width:65%}.instruction-time{font-size:8px}.instruction-item{padding:11px}.instruction-body{font-size:11px}.instructions-notice{align-items:flex-start}.instructions-filter{padding:7px 9px}}
