.inline-jobs-table{min-width:1450px}
.inline-job-select{width:100%;min-width:130px;border:1px solid #cbd8e8;border-radius:9px;padding:8px 28px 8px 9px;background:#fff;color:#17365f;font-size:12px;font-weight:800;cursor:pointer}
.inline-job-select:hover,.inline-job-select:focus{border-color:#4f82d8;box-shadow:0 0 0 3px rgba(53,112,211,.12);outline:0}
.color-select{min-width:125px;margin-bottom:7px;font-size:11px}
.work-type-select{min-width:155px}
.assignee-select{min-width:160px}
.assignee-select.unassigned{border:2px solid #f59e0b;background:#fff7df;color:#9a4f05;box-shadow:0 0 0 3px rgba(245,158,11,.13)}
.has-unassigned .assignee-cell{background:linear-gradient(135deg,#fff7df,#fffaf0)}
.unassigned-alert{display:inline-flex;align-items:center;min-width:155px;padding:9px 11px;border:2px solid #f59e0b;border-radius:10px;background:#fff7df;color:#9a4f05;font-weight:1000}
.status-select,.job-status{border:1px solid transparent;font-weight:1000}
.job-status{display:inline-flex;padding:7px 10px;border-radius:999px;white-space:nowrap}
.status-new{border-color:#fed7aa;background:#fff4e6;color:#b45309}
.status-design{border-color:#bfdbfe;background:#eaf3ff;color:#1d4ed8}
.status-waiting-customer{border-color:#ddd6fe;background:#f2edff;color:#6d28d9}
.status-revision{border-color:#fde68a;background:#fff8cf;color:#a16207}
.status-production{border-color:#a5f3fc;background:#e8fbff;color:#0e7490}
.status-success{border-color:#a7f3d0;background:#eafaf2;color:#047857}
.status-failed{border-color:#fecaca;background:#fff0f0;color:#b91c1c}
.channel-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:5px 9px;border:1px solid #dce5f0;border-radius:999px;background:#fff;color:#31435d;font-size:11px;font-weight:900}
.platform-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#fff;font-family:Arial,sans-serif;font-size:12px;font-weight:1000;line-height:1}
.platform-facebook .platform-icon{border-radius:50%;background:#1877f2;font-family:Arial;font-size:20px}
.platform-line .platform-icon{width:34px;background:#06c755;font-size:9px;letter-spacing:-.04em}
.platform-pancake .platform-icon{background:linear-gradient(135deg,#ffab3d,#8b5cf6)}
.platform-shopee .platform-icon{background:#ee4d2d}
.platform-zaapi .platform-icon{background:#5b4be7}
.platform-store .platform-icon{background:#0f766e;font-size:14px}
.platform-other .platform-icon{background:#64748b}
.inline-note-button{width:100%;min-width:190px;max-width:280px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border:1px dashed #a9bcd3;border-radius:9px;padding:8px 9px;background:#f8fbff;color:#263b59;text-align:left;line-height:1.5;cursor:pointer}
.inline-note-button span{white-space:normal}
.inline-note-button b{flex:none;color:#2563eb}
.inline-note-button:hover{border-style:solid;border-color:#5685d5;background:#edf4ff}
.inline-note-button.empty-note{color:#718096}
.inline-note-editor{min-width:260px;display:grid;gap:7px}
.inline-note-editor textarea{width:100%;border:2px solid #5685d5;border-radius:9px;padding:9px;resize:vertical;outline:0;font:inherit}
.inline-note-editor>div{display:flex;justify-content:flex-end;gap:6px}
.inline-note-editor button{padding:6px 9px;font-size:11px}
.detail-edit{white-space:nowrap}
.inline-confirm-modal{width:min(600px,100%)}
.inline-confirm-modal .modal-head p{margin:4px 0 0;color:#718096}
.inline-change-review{margin-top:18px;padding:16px;border:1px solid #dce5f0;border-radius:13px;background:#f8faff}
.inline-change-review>span{display:block;margin-bottom:9px;color:#526983;font-size:11px;font-weight:900}
.inline-change-review>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.inline-change-review article{min-height:78px;padding:12px;border:1px solid #e1e7ef;border-radius:10px;background:#fff}
.inline-change-review article.new-value{border-color:#93c5fd;background:#eff6ff}
.inline-change-review small,.inline-change-review b{display:block}
.inline-change-review small{color:#718096;font-size:10px}
.inline-change-review b{margin-top:4px;color:#17365f;font-size:15px;white-space:pre-wrap}
.inline-change-review i{color:#2563eb;font-size:20px;font-style:normal;font-weight:1000}
@media(max-width:760px){.inline-change-review>div{grid-template-columns:1fr}.inline-change-review i{transform:rotate(90deg);text-align:center}.inline-note-button{max-width:none}}