.job-next-actions {display:grid;gap:.65rem;margin:.6rem 0;min-width:0;max-width:100%}
.job-next-actions>div {display:grid;gap:.5rem;padding:.75rem;border-left:3px solid #996a2a;background:#f6f0e5;border-radius:8px;color:#243d44}
.job-next-actions .button {font-size:.8rem;padding:.5rem .7rem;width:fit-content;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.job-work-state {display:block;margin-top:.5rem;color:#475b62}
.journey-panel {max-width:900px;margin:1.5rem auto;padding:clamp(1rem,3vw,2rem);border:1px solid #d8e1df;border-radius:18px;background:#fff}
.journey-panel h1,.journey-panel h2 {overflow-wrap:anywhere}
.journey-panel label {display:grid;gap:.4rem;margin:.8rem 0}
.journey-panel textarea,.journey-panel select,.journey-panel input:not([type=checkbox]):not([type=radio]) {max-width:100%;width:100%}
.journey-panel .inline-check {display:flex;align-items:flex-start;gap:.65rem}
.journey-panel .inline-check input {width:auto;flex:none;margin-top:.3rem}
.journey-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem}
.journey-panel [hidden], [data-specific-timing][hidden] {display:none!important}
.review-company-response {margin:1rem 0 0;padding:1rem;background:#edf3f0;border-left:3px solid #446d62;border-radius:8px}
.journey-history {padding:1rem;border-bottom:1px solid #d8e1df;overflow-wrap:anywhere}
.journey-history pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}
.journey-actions {display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}
.journey-error {color:#932424;background:#fff0ee;padding:1rem;border-radius:8px}
.journey-metrics {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:1.5rem 0}
.journey-metrics article {padding:1.2rem;background:#fff;border:1px solid #d8e1df;border-radius:14px}
.journey-metrics strong {display:block;font-size:1.8rem;margin:.5rem 0}
[id^=job-actions-] {scroll-margin-top:100px}
.journey-panel .table-wrap {width:100%;max-width:100%;overflow-x:auto}
.journey-panel .table {width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}
.journey-panel .table th,.journey-panel .table td {padding:.75rem;border-bottom:1px solid #d8e1df;vertical-align:top}
.admin-body .journey-panel .table {min-width:550px}
.job-next-actions+.inline-actions {margin-top:.6rem}
.job-progress-link {display:inline-block;margin-bottom:.5rem;font-size:.8rem}

                                                                                   
.job-photo-picker {min-width:0;margin:1.2rem 0;padding:1rem;border:1px solid var(--border);border-radius:12px}
.job-photo-picker legend {padding:0 .35rem;font-size:.9rem;font-weight:700;color:var(--ink)}
.job-photo-picker legend span {font-weight:400}
.job-photo-picker p {margin:.2rem 0 .6rem;font-size:.85rem}
.job-photo-picker small {display:block;color:var(--muted)}
.job-photo-picker__toolbar {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:1rem}
.job-photo-picker__toolbar [role=status] {font-size:.8rem;color:var(--muted)}
.job-photo-picker .job-photo-preview {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));align-items:start;gap:12px;width:100%;height:auto;margin-top:1rem}
.job-photo-picker .job-photo-preview:empty {display:none}
.job-photo-picker .job-photo-preview__item {display:flex;flex-direction:column;min-width:0;height:auto;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.job-photo-picker .job-photo-preview__item img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;flex:none}
.job-photo-picker .job-photo-preview__item span {padding:8px 10px;color:var(--ink)}
.job-photo-picker .job-photo-remove {align-self:stretch;margin:0 8px 8px;padding:7px 9px;min-height:38px;font-size:12px;background:#fff3f1;color:var(--danger);border:1px solid #ddb7b4}
.job-photo-picker .job-photo-remove:hover {background:#fbe7e4;color:#84242d}
.job-photo-picker .journey-error {margin-top:.8rem;padding:.75rem}

                                                                                        
.job-period-line {display:block}
.job-period-line + .job-period-line {margin-top:4px}
.job-actions-list {display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;max-width:100%}
.job-actions-list .job-next-actions {margin:0}
.job-actions-list .job-action-group {display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;min-width:0;max-width:100%}
.job-actions-list .job-proposal-summary {display:flex;flex-direction:column;gap:7px;min-width:0;max-width:100%;font-size:12px;overflow-wrap:anywhere}
.job-actions-list .job-proposal-summary > strong {color:var(--accent)}
.job-actions-list .inline-action-form {display:flex;min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.job-actions-list .job-action {display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-width:0;max-width:100%;min-height:40px;margin:0;padding:9px 11px;border:1px solid #bbcfc4;border-radius:9px;font:inherit;font-size:12px;font-weight:700;line-height:1.4;text-align:center;white-space:normal;overflow-wrap:anywhere;text-decoration:none;background:#edf3ef;color:#1c5142;box-shadow:none;cursor:pointer;transform:none}
.job-actions-list .job-action:hover {background:#e0ece5;color:#163f34;border-color:#9ab6a5;transform:none;box-shadow:none}
.job-actions-list .job-action--primary {background:#246653;border-color:#246653;color:#fff}
.job-actions-list .job-action--primary:hover {background:#1b5142;border-color:#1b5142;color:#fff}
.job-actions-list .job-action--danger {background:#fff3f1;border-color:#ddb7b4;color:#a32c36}
.job-actions-list .job-action--danger:hover {background:#fbe7e4;border-color:#c99994;color:#84242d}
.job-actions-list .job-action:focus-visible,.job-photo-picker button:focus-visible {outline:3px solid #b79a3b;outline-offset:3px}
.job-actions-list .chat-unread-badge {margin-left:3px;flex:none}
@media(max-width:560px) {
    .job-actions-list .job-action-group {flex-direction:column;align-items:stretch}
    .job-actions-list .job-action-group > *,.job-actions-list .job-action {width:100%}
    .job-photo-picker .job-photo-preview {grid-template-columns:repeat(2,minmax(0,1fr))}
}
