.support-form {display:grid;gap:1.1rem;max-width:46rem}.support-form textarea {width:100%;resize:vertical;min-height:6rem}.support-form fieldset {display:flex;gap:1rem;flex-wrap:wrap;border:1px solid var(--border,#d4dae0);border-radius:12px;padding:1rem}.support-form small,.support-record small,.support-detail small {display:block}.support-text {white-space:pre-wrap;overflow-wrap:anywhere}.support-photos {display:flex;gap:1rem;flex-wrap:wrap}.support-photos img {width:180px;max-height:180px;object-fit:cover;border-radius:12px}.support-detail .filter-card {margin-block:1rem}.support-detail li {margin-bottom:1rem}.support-switch {display:flex;align-items:center;gap:.8rem;cursor:pointer;padding:.8rem 0;font-weight:600}.support-switch input {appearance:none;width:52px;height:30px;flex:none;border-radius:18px;background:#777;box-shadow:inset 0 2px 5px #0003;position:relative;cursor:pointer;transition:background .2s}.support-switch input::before {content:'';position:absolute;width:24px;height:24px;top:3px;left:3px;background:white;border-radius:50%;box-shadow:0 1px 4px #0004;transition:transform .2s}.support-switch input:checked {background:#087869}.support-switch input:checked::before {transform:translateX(22px)}.support-switch input:focus-visible {outline:3px solid #2386dd;outline-offset:3px}.support-switch input:disabled {opacity:.7}.support-form button {min-height:44px}#status-pages {display:flex;justify-content:space-between;gap:.5rem}#status-pages[hidden] {display:none}.support-form[hidden] {display:none}@media(prefers-reduced-motion:reduce){.support-switch input,.support-switch input::before{transition:none}}
.support-form input[type="file"] {min-height:44px}.support-form input[type="file"]::file-selector-button {min-height:44px;padding:.625rem .875rem;cursor:pointer}
.support-form select {min-width:0;max-width:100%;box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;min-height:48px;padding-right:2rem;background-image:linear-gradient(45deg,transparent 50%,var(--muted,#596273) 50%),linear-gradient(135deg,var(--muted,#596273) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.support-nearest-deadline {display:grid;gap:.25rem;padding:.6rem .7rem;margin-block:.65rem;max-width:20rem;border-left:3px solid var(--accent,#087869);background:var(--surface-soft,#f3f6f8);border-radius:0 .5rem .5rem 0;overflow-wrap:anywhere}
.support-nearest-deadline strong {font-size:.78rem}
.support-nearest-deadline span {font-weight:650;font-size:.85rem}
.support-sla-stage {display:grid;gap:.25rem;overflow-wrap:anywhere}
.support-sla-overdue>strong {color:var(--danger,#b42318)}
.support-working-time {white-space:normal}
.support-duration-details {font-size:.8rem;color:var(--muted,#596273)}
.support-duration-details summary,.support-time-details summary {cursor:pointer;min-height:44px;align-content:center;overflow-wrap:anywhere}
.support-duration-details summary:focus-visible,.support-time-details summary:focus-visible {outline:2px solid var(--accent,#087869);outline-offset:3px;border-radius:.25rem}
.support-time-details {font-size:.85rem;margin:.5rem 0}
