:root,
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1118;
  --surface: #111a24;
  --surface-elevated: #182432;
  --text: #f3f7fb;
  --muted: #9aabba;
  --accent: #58aaf2;
  --accent-text: #07131e;
  --link: #73bcff;
  --danger: #ff7186;
  --success: #49cf9b;
  --warning: #ffb454;
  --border: rgba(182, 203, 222, .18);
  --shadow: 0 12px 36px rgba(0, 0, 0, .28);
  --radius: 18px;
  --safe-bottom: 10px;
  --safe-bottom: max(env(safe-area-inset-bottom, 0px), 10px);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6f8;
  --surface: #ffffff;
  --surface-elevated: #ffffff;
  --text: #18202a;
  --muted: #667789;
  --accent: #1976bd;
  --accent-text: #ffffff;
  --link: #176fae;
  --danger: #c63c54;
  --success: #137b55;
  --warning: #a85b00;
  --border: rgba(74, 93, 111, .20);
  --shadow: 0 10px 34px rgba(16, 31, 47, .09);
}

* { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; margin: 0; min-height: 100%; overflow-x: hidden; background: var(--bg); color: var(--text); }
body { -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: var(--link); }

.app-shell { width: 100%; max-width: 100%; min-height: 100vh; overflow-x: hidden; padding-bottom: calc(76px + var(--safe-bottom)); }
.topbar {
  position: sticky; top: 0; z-index: 10; display: flex; align-items: center;
  justify-content: space-between; gap: 16px; padding: calc(14px + env(safe-area-inset-top, 0px)) 18px 12px;
  background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
}
.topbar > div:first-child { min-width: 0; }
.topbar h1 { max-width: 100%; margin: 2px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 23px; line-height: 1.15; letter-spacing: -.02em; }
.eyebrow { margin: 0; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.identity-chip { max-width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 8px 11px; border-radius: 999px; background: var(--surface); box-shadow: var(--shadow); color: var(--muted); font-size: 12px; }
.content { width: min(100%, 920px); max-width: 100%; min-width: 0; margin: 0 auto; overflow-x: hidden; padding: 18px; }

.bottom-nav {
  position: fixed; z-index: 20; left: 0; right: 0; bottom: 0; display: grid;
  padding: 8px 10px var(--safe-bottom); background: color-mix(in srgb, var(--surface) 92%, transparent);
  border-top: 1px solid var(--border); backdrop-filter: blur(20px);
}
.bottom-nav[data-items="3"] { grid-template-columns: repeat(3, 1fr); }
.bottom-nav[data-items="4"] { grid-template-columns: repeat(4, 1fr); }
.bottom-nav[data-items="5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.bottom-nav[data-items="6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.nav-item { display: block; min-width: 0; overflow: hidden; border: 0; background: none; color: var(--muted); padding: 6px 3px; border-radius: 12px; text-decoration: none; text-align: center; overflow-wrap: anywhere; font-size: 11px; font-weight: 700; line-height: 1.12; }
.nav-item span { display: block; margin-bottom: 2px; font-size: 20px; line-height: 1; }
.nav-item.active { color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); }

.section-heading { display: flex; max-width: 100%; min-width: 0; align-items: end; justify-content: space-between; gap: 12px; margin: 4px 0 12px; }
.section-heading > div:first-child { flex: 1 1 auto; min-width: 0; }
.section-heading > :last-child:not(:first-child) { flex: 0 0 auto; max-width: 45%; }
.section-heading h2 { margin: 0; font-size: 18px; }
.section-heading h2, .section-heading h3, .section-heading p { max-width: 100%; overflow-wrap: anywhere; }
.section-heading > div:first-child > h3 {
  display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; word-break: break-word;
}
.section-heading p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }
.grid { display: grid; max-width: 100%; min-width: 0; gap: 12px; }
.stack { display: grid; max-width: 100%; min-width: 0; gap: 12px; }
.page-actions { display: flex; max-width: 100%; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 12px; }
.page-actions > div:first-child { flex: 1 1 auto; min-width: 0; }
.meta-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 100%; min-width: 0; gap: 7px 12px; margin: 10px 0; color: var(--muted); font-size: 12px; }
.meta-grid > * { min-width: 0; overflow-wrap: anywhere; }
.segmented { display: flex; max-width: 100%; gap: 7px; margin-bottom: 14px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
.segmented::-webkit-scrollbar { display: none; }
.chip { flex: 0 0 auto; min-height: 36px; border: 1px solid var(--border); border-radius: 999px; padding: 0 12px; background: var(--surface); color: var(--muted); font-size: 11px; font-weight: 800; }
.chip.active { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, var(--surface)); color: var(--accent); }
.button-row { display: flex; max-width: 100%; min-width: 0; flex-wrap: wrap; gap: 9px; }
.kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kpi { min-height: 112px; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.kpi strong { display: block; margin-top: 18px; font-size: 30px; line-height: 1; letter-spacing: -.04em; }
.kpi span { color: var(--muted); font-size: 13px; font-weight: 700; }
.kpi.accent { color: var(--accent-text); background: var(--accent); border-color: transparent; }
.kpi.accent span { color: color-mix(in srgb, var(--accent-text) 82%, transparent); }
.kpi-link { color: inherit; text-decoration: none; }
.kpi-link small { display: block; margin-top: 12px; color: var(--muted); font-size: 11px; font-weight: 700; }
.kpi-link.accent small { color: color-mix(in srgb, var(--accent-text) 82%, transparent); }
.dashboard-kpis { margin-bottom: 16px; }
.dashboard-summary-grid { grid-template-columns: 1fr; }
.dashboard-summary { min-width: 0; }
.summary-list { display: grid; }
.summary-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border); color: inherit; text-decoration: none; }
.summary-row:last-child { border-bottom: 0; }
.summary-row > span:first-child, .summary-text { flex: 1 1 auto; min-width: 0; }
.summary-row strong, .summary-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.summary-row strong { font-size: 12px; }
.summary-row small { margin-top: 3px; color: var(--muted); font-size: 11px; }

.card { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.card-link { display: block; color: inherit; text-decoration: none; transition: transform .15s ease; }
.card-link:active { transform: scale(.985); }
.order-card { display: grid; gap: 9px; }
.card-title-row { display: flex; width: 100%; max-width: 100%; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 10px; }
.card-title-content { flex: 1 1 auto; min-width: 0; max-width: 100%; overflow: hidden; }
.card-status { flex: 0 0 auto; max-width: 44%; }
.primary-action-label { color: var(--accent); font-size: 12px; font-weight: 800; }
.order-title { display: -webkit-box; max-width: 100%; margin: 0; overflow: hidden; overflow-wrap: anywhere; word-break: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 16px; line-height: 1.35; }
.compact-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.compact-subtitle { max-width: 100%; margin: 4px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 12px; }
.order-number { color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.meta-row { display: flex; max-width: 100%; min-width: 0; flex-wrap: wrap; gap: 7px 12px; overflow-wrap: anywhere; color: var(--muted); font-size: 12px; }
.meta-row > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.badge { display: inline-flex; align-items: center; width: fit-content; min-width: 0; padding: 5px 9px; border-radius: 999px; background: color-mix(in srgb, var(--accent) 11%, transparent); color: var(--accent); text-align: center; overflow-wrap: anywhere; font-size: 11px; font-weight: 800; line-height: 1.25; }
.badge.danger { color: var(--danger); background: color-mix(in srgb, var(--danger) 11%, transparent); }
.badge.muted { color: var(--muted); background: color-mix(in srgb, var(--muted) 12%, transparent); }
.badge.status-in_progress, .badge.status-assigned { color: #7c56d9; background: color-mix(in srgb, #7c56d9 13%, transparent); }
.badge.status-new { color: #287bc1; background: color-mix(in srgb, #287bc1 13%, transparent); }
.badge.status-applications_open { color: #865bd8; background: color-mix(in srgb, #865bd8 13%, transparent); }
.badge.status-review, .badge.status-ready_for_review { color: #d97706; background: color-mix(in srgb, #d97706 13%, transparent); }
.badge.status-revision { color: #dc5a35; background: color-mix(in srgb, #dc5a35 13%, transparent); }
.badge.status-sent { color: #2585c7; background: color-mix(in srgb, #2585c7 13%, transparent); }
.badge.status-completed { color: #16875d; background: color-mix(in srgb, #16875d 13%, transparent); }
.badge.status-cancelled { color: var(--muted); background: color-mix(in srgb, var(--muted) 12%, transparent); }
.badge.status-ready, .badge.status-submitted { color: #7c56d9; background: color-mix(in srgb, #7c56d9 13%, transparent); }
.badge.status-danger, .badge.status-overdue, .badge.status-blocked { color: var(--danger); background: color-mix(in srgb, var(--danger) 11%, transparent); }
.badge.status-waiting_for_performer { color: #287bc1; background: color-mix(in srgb, #287bc1 13%, transparent); }

.filters { display: grid; gap: 10px; margin-bottom: 14px; }
.search { position: relative; }
.explicit-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
.search-actions { display: flex; gap: 8px; }
.search input, .select { width: 100%; min-height: 46px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--text); padding: 0 14px; outline: none; }
.search input:focus, .select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent); }
.filter-row { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.button { min-height: 44px; border: 0; border-radius: 13px; padding: 0 15px; background: var(--accent); color: var(--accent-text); font-weight: 800; cursor: pointer; }
.button.secondary { background: var(--surface); color: var(--text); border: 1px solid var(--border); }
.button-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.danger-button { background: var(--danger); color: var(--accent-text); }
.danger-zone { margin-top: 14px; border-color: var(--danger); }
.danger-zone > summary { cursor: pointer; font-weight: 800; color: var(--danger); }
.danger-zone[open] > summary { margin-bottom: 12px; }
.confirm-dialog-backdrop { position: fixed; z-index: 90; inset: 0; display: grid; place-items: center; padding: 16px; background: rgba(10, 18, 26, .64); }
.confirm-dialog { width: min(100%, 440px); max-height: calc(100vh - 32px); overflow-y: auto; padding: 20px; border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); }
.confirm-dialog h2 { margin: 0 0 10px; }
.confirm-dialog p { margin: 0; color: var(--muted); white-space: pre-line; overflow-wrap: anywhere; }
.confirm-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.button:disabled { opacity: .42; cursor: default; }
.action-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.action-row.top-actions { justify-content: flex-end; margin: 0 0 14px; }
.action-stack { display: grid; gap: 10px; }
.assignment-controls { display: grid; gap: 9px; padding-top: 8px; border-top: 1px solid var(--border); }

.editor-form { max-width: 860px; margin: 0 auto; }
.form-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
.form-field { display: grid; gap: 6px; min-width: 0; color: var(--muted); font-size: 12px; font-weight: 700; }
.form-field input, .form-field textarea { width: 100%; min-height: 46px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg); color: var(--text); padding: 11px 13px; outline: none; resize: vertical; }
.form-field textarea { min-height: 118px; line-height: 1.45; }
.form-field input:focus, .form-field textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent); }
.form-field input[aria-invalid="true"], .form-field textarea[aria-invalid="true"] { border-color: var(--danger); }
.field-error { color: var(--danger); font-size: 12px; font-weight: 600; }
.form-field.compact { gap: 4px; }
.check-field { display: flex; align-items: center; gap: 9px; color: var(--text); font-size: 13px; }
.check-field input { width: 20px; height: 20px; accent-color: var(--accent); }
.form-error { margin-top: 12px; padding: 11px 13px; border-radius: 12px; color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, transparent); }

.pagination { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; margin: 16px 0 4px; }
.pagination .button:last-child { justify-self: stretch; }
.page-label { color: var(--muted); font-size: 12px; font-weight: 700; text-align: center; }

.detail-hero { position: relative; overflow: hidden; padding: 20px; background: var(--surface); border-left: 4px solid var(--accent); }
.detail-hero h2 { margin: 8px 0 12px; font-size: 21px; line-height: 1.28; }
.detail-columns { display: grid; grid-template-columns: 1fr; gap: 14px; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.field { min-width: 0; padding: 12px; border-radius: 13px; background: color-mix(in srgb, var(--bg) 68%, transparent); }
.field.wide { grid-column: 1 / -1; }
.field dt { margin-bottom: 5px; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.field dd { margin: 0; overflow-wrap: anywhere; font-size: 14px; }
.description { white-space: pre-wrap; line-height: 1.55; overflow-wrap: anywhere; }
.note { display: grid; gap: 5px; margin-top: 14px; padding: 13px; border-radius: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.note.shared { background: color-mix(in srgb, var(--accent) 10%, transparent); }
.note.internal { background: color-mix(in srgb, #d97706 10%, transparent); }
.note.reopened { background: color-mix(in srgb, #7c3aed 12%, transparent); border: 1px solid color-mix(in srgb, #7c3aed 35%, transparent); }
.timer-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px; border-radius: 13px; background: color-mix(in srgb, var(--accent) 10%, transparent); }
.timer-card span { color: var(--muted); font-size: 12px; }
.timer-card strong { font-variant-numeric: tabular-nums; }
.application-current, .application-card, .recommendation-state { display: grid; gap: 12px; padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: color-mix(in srgb, var(--surface) 88%, transparent); }
.application-card + .application-card { margin-top: 12px; }
.application-card.recommended { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); }
.application-status-compact { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.application-status-compact > div { display: grid; flex: 1 1 auto; min-width: 0; gap: 4px; }
.application-status-compact span { color: var(--muted); font-size: 12px; }
.compact-application-section { padding: 14px; }
.performer-primary-action { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.performer-primary-action .button { flex: 1 1 180px; }
.assignment-banner { border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent); background: color-mix(in srgb, var(--accent) 10%, transparent); }
.recommendation-state { margin-bottom: 14px; color: var(--text); }
.recommendation-state span { color: var(--muted); font-size: 12px; }
.compact-form { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border); }
.score-details { margin-top: 4px; color: var(--muted); font-size: 12px; }
.score-details pre { max-height: 280px; overflow: auto; padding: 10px; border-radius: 10px; background: var(--bg); white-space: pre-wrap; overflow-wrap: anywhere; }
.bid-detail-section { min-width: 0; }
.bid-detail-section h3 { margin-top: 0; }
.bid-price-row { display: flex; flex-wrap: wrap; gap: 7px 12px; color: var(--text); font-size: 12px; font-weight: 700; }
.secondary-actions { margin-top: 14px; }
.secondary-actions summary { cursor: pointer; color: var(--muted); font-size: 12px; font-weight: 700; }
.bid-edit-form { margin-top: 14px; }
.bid-decision-actions { margin-top: 14px; }
.reason-list { display: grid; gap: 7px; margin: 0; padding-left: 20px; }
.reason-list li { overflow-wrap: anywhere; }
.pricing-breakdown { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.pricing-breakdown div { min-width: 0; padding: 10px; border-radius: 11px; background: var(--bg); }
.pricing-breakdown dt { color: var(--muted); font-size: 11px; }
.pricing-breakdown dd { margin: 4px 0 0; overflow-wrap: anywhere; font-size: 13px; font-weight: 700; }
.pricing-breakdown dd small { display: block; margin-top: 4px; color: var(--muted); font-weight: 400; }
.pricing-cards { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 14px 0; }
.pricing-card { min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 13px; }
.pricing-card small { color: var(--muted); }
.pricing-summary { margin-bottom: 14px; }
.pricing-classification { margin: 14px 0; }
.pricing-actions, .pricing-reset-actions { margin-top: 14px; }
.pricing-debug { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border); }
.pricing-debug summary { margin-bottom: 10px; cursor: pointer; color: var(--muted); font-size: 12px; font-weight: 700; }
.assignment-candidates { display: grid; gap: 12px; margin-top: 14px; }
.recommended-assignment-action { width: 100%; margin-top: 10px; min-height: 48px; }
.assignment-candidate { min-width: 0; padding: 13px; border: 1px solid var(--border); border-radius: 14px; }
.assignment-candidate.recommended { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 5%, var(--surface)); }
.assignment-candidate h4 { margin: 0; }
.candidate-score { font-size: 24px; color: var(--accent); }
.candidate-facts { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 10px 0; color: var(--muted); font-size: 12px; }
.candidate-breakdown { margin: 10px 0; }
.candidate-breakdown summary, .excluded-candidates summary { cursor: pointer; color: var(--muted); font-size: 12px; font-weight: 700; }
.compact-reasons { margin-block: 8px; }
.excluded-candidates { margin-top: 14px; }
.excluded-candidates ul { display: grid; gap: 8px; padding-left: 18px; }
.excluded-candidates li span { display: block; color: var(--muted); font-size: 12px; }
.assignment-calculated { margin: 12px 0 0; font-size: 11px; }
.audit-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.audit-heading h2 { margin: 0; }
.audit-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 14px 0; }
.audit-summary .kpi { min-height: 92px; }
.audit-summary .kpi strong { margin-top: 12px; font-size: 25px; }
.audit-filters { padding: 14px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.audit-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.audit-table { width: 100%; min-width: 1180px; border-collapse: collapse; font-size: 12px; }
.audit-table th, .audit-table td { padding: 10px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
.audit-table th { position: sticky; top: 0; background: var(--surface); color: var(--muted); font-size: 10px; text-transform: uppercase; }
.audit-table tbody tr { cursor: pointer; }
.audit-table tbody tr:hover { background: color-mix(in srgb, var(--accent) 5%, transparent); }
.audit-table td small { display: block; margin-top: 4px; color: var(--muted); }
.audit-flags { display: flex; flex-wrap: wrap; gap: 4px; min-width: 190px; }
.audit-flags .badge { font-size: 9px; }
.settings-links { display: grid; gap: 10px; }
.compact-link { display: grid; gap: 4px; box-shadow: none; }
.compact-link span { color: var(--muted); font-size: 12px; }
.technical-information summary { cursor: pointer; font-weight: 700; }
.technical-information p { line-height: 1.5; }
.bid-debug { margin-top: 14px; }
.bid-debug summary { cursor: pointer; color: var(--muted); font-size: 12px; }
.bid-debug pre { max-width: 100%; max-height: 340px; overflow: auto; padding: 12px; border-radius: 12px; background: var(--bg); white-space: pre-wrap; overflow-wrap: anywhere; font-size: 11px; }
.timeline { display: grid; gap: 0; }
.timeline article { display: grid; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--border); }
.timeline article:last-child { border-bottom: 0; }
.timeline span, .timeline small { color: var(--muted); overflow-wrap: anywhere; }
.file-list { margin: 0; padding: 0; list-style: none; }
.file-list li { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--border); }
.file-list li:last-child { border-bottom: 0; }
.file-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: color-mix(in srgb, var(--accent) 12%, transparent); }
.file-name { overflow-wrap: anywhere; font-size: 13px; font-weight: 700; }
.file-meta { color: var(--muted); font-size: 11px; }
.managed-files { display: grid; gap: 14px; margin-top: 14px; }
.file-section { min-width: 0; }
.file-section-heading { align-items: flex-start; }
.file-section-actions { display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
.managed-file-list li { grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; min-width: 0; }
.managed-file-list li.admin-file-row { grid-template-columns: auto 34px minmax(0, 1fr) auto; }
.file-content { min-width: 0; }
.file-comment { margin-top: 5px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
.file-actions { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.compact-button { min-height: 34px; padding: 7px 10px; font-size: 11px; }
.icon-button { gap: 5px; }
.compact-empty { margin: 4px 0 0; padding: 12px 0 2px; color: var(--muted); font-size: 13px; }
.solution-versions { display: grid; gap: 12px; }
.solution-version { min-width: 0; padding: 13px; border: 1px solid var(--border); border-radius: 14px; }
.solution-version.current { border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); }
.version-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.version-heading strong { margin-right: 8px; }
.version-heading p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.version-comment {
  margin: 10px 0 2px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  font-size: 12px;
}
.mobile-download-note { display: none; margin-top: 8px; color: var(--muted); }
.action-hint { margin: 0; color: var(--muted); font-size: 13px; }
.version-file-list { margin-top: 7px; }
.upload-sheet-backdrop[hidden] { display: none; }
.upload-sheet-backdrop { position: fixed; z-index: 60; inset: 0; display: flex; align-items: flex-end; justify-content: center; background: rgba(10, 18, 26, .48); }
.upload-sheet { width: min(100%, 620px); max-height: min(88vh, 760px); overflow-y: auto; padding: 18px 18px calc(18px + env(safe-area-inset-bottom, 0px)); border-radius: 22px 22px 0 0; background: var(--surface); box-shadow: var(--shadow); }
.sheet-open { overflow: hidden; }
.sheet-close { width: 34px; height: 34px; border: 0; border-radius: 50%; background: color-mix(in srgb, var(--muted) 12%, transparent); color: var(--text); font-size: 23px; line-height: 1; }
.compact-upload-form { display: grid; gap: 12px; }
.file-drop-zone { display: grid; gap: 4px; place-items: center; padding: 22px 14px; border: 1px dashed var(--accent); border-radius: 14px; background: color-mix(in srgb, var(--accent) 6%, transparent); cursor: pointer; text-align: center; }
.file-drop-zone.dragging, .file-drop-zone:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; background: color-mix(in srgb, var(--accent) 12%, transparent); }
.file-drop-zone span { color: var(--muted); font-size: 12px; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.selected-file-list { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.selected-file-list li { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; padding: 8px 10px; border-radius: 10px; background: var(--bg); }
.selected-file-list div { min-width: 0; }
.selected-file-list strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.selected-file-list span { color: var(--muted); font-size: 11px; }
.selected-file-list button { flex: 0 0 auto; border: 0; background: transparent; color: var(--danger); font-size: 20px; }
.sheet-actions { display: grid; grid-template-columns: 1fr 1.5fr; gap: 9px; }

.empty, .error-state { padding: 34px 18px; border: 1px dashed var(--border); border-radius: var(--radius); text-align: center; color: var(--muted); }
.empty strong, .error-state strong { display: block; margin-bottom: 6px; color: var(--text); font-size: 17px; }
.boot-error p { margin: 8px auto 14px; max-width: 560px; }
.boot-error-details { max-width: 620px; margin: 14px auto; padding: 12px; overflow-wrap: anywhere; white-space: pre-wrap; border-radius: 12px; background: var(--bg); color: var(--muted); text-align: left; font-size: 11px; }
.boot-error-actions { justify-content: center; }
.error-state .button { margin-top: 14px; }
.profile-avatar { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 20px; background: var(--accent); color: var(--accent-text); font-size: 25px; font-weight: 900; }
.profile-row { display: flex; max-width: 100%; min-width: 0; align-items: center; gap: 14px; }
.profile-row > div:last-child { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }

.skeleton-stack { display: grid; gap: 12px; }
.skeleton { border-radius: var(--radius); background: linear-gradient(100deg, color-mix(in srgb, var(--muted) 9%, transparent) 20%, color-mix(in srgb, var(--muted) 18%, transparent) 45%, color-mix(in srgb, var(--muted) 9%, transparent) 70%); background-size: 250% 100%; animation: shimmer 1.4s infinite; }
.skeleton-title { width: 45%; height: 28px; }
.skeleton-card { height: 132px; }
@keyframes shimmer { to { background-position-x: -250%; } }
.toast { position: fixed; z-index: 40; left: 16px; right: 16px; bottom: calc(86px + var(--safe-bottom)); max-width: 560px; margin: auto; padding: 13px 15px; border-radius: 14px; background: var(--text); color: var(--bg); box-shadow: var(--shadow); font-size: 13px; }

.available-order-card, .collapsible-workspace, .penalty-row { min-width: 0; }
.available-order-card .card-title-row { margin-bottom: 12px; }
.available-order-card .requirements { margin: 12px 0; overflow-wrap: anywhere; }
.available-order-card .requirements p { margin: 6px 0 0; white-space: pre-wrap; }
.performer-payment { white-space: nowrap; }
.application-sent { color: var(--accent); font-weight: 700; }
.collapsible-workspace { margin-top: 14px; }
.collapsible-workspace > summary { cursor: pointer; font-weight: 800; list-style-position: inside; }
.collapsible-workspace[open] > summary { margin-bottom: 14px; }
.performer-finance { margin-top: 20px; }
.payout-heading { margin-top: 18px; }
.payout-orders { display: grid; gap: 8px; }
.payout-order-row { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--border); border-radius: 12px; }
.payout-order-row > a { display: grid; gap: 4px; min-width: 0; color: inherit; text-decoration: none; }
.payout-order-row span { color: var(--muted); font-size: 13px; }
.payout-history { display: grid; gap: 8px; }
.payout-history-row { padding: 10px; border: 1px solid var(--border); border-radius: 12px; }
.payout-history-row > summary { display: flex; justify-content: space-between; gap: 10px; cursor: pointer; }
.payout-history-content { margin-top: 10px; overflow-wrap: anywhere; }
.penalty-list { display: grid; gap: 10px; }
.penalty-row { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--border); border-radius: 14px; }
.penalty-row > div { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.penalty-row small { color: var(--muted); }
.settings-stack { display: grid; max-width: 100%; gap: 16px; }
.settings-section { margin-top: 0; }
.settings-root-accordion > summary { position: relative; display: grid; gap: 4px; padding-right: 28px; cursor: pointer; }
.settings-root-accordion > summary::after { position: absolute; top: 50%; right: 2px; content: "⌄"; font-size: 20px; line-height: 1; transform: translateY(-50%); }
.settings-root-accordion[open] > summary::after { content: "⌃"; }
.settings-root-accordion > summary span { color: var(--muted); font-size: 12px; font-weight: 400; }
.settings-root-accordion[open] > summary { margin-bottom: 14px; }
.field-span-2 { grid-column: 1 / -1; }
.preference-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; min-width: 0; margin: 16px 0 0; padding: 0; border: 0; }
.preference-group legend { grid-column: 1 / -1; margin-bottom: 4px; color: var(--muted); font-size: 12px; font-weight: 800; }
.preference-option { display: flex; min-width: 0; align-items: center; gap: 9px; padding: 12px; border: 1px solid var(--border); border-radius: 13px; background: var(--bg); cursor: pointer; }
.preference-option input { flex: 0 0 auto; width: 20px; height: 20px; accent-color: var(--accent); }
.preference-option span { min-width: 0; overflow-wrap: anywhere; }
.settings-accordion { min-width: 0; margin-top: 10px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg); }
.settings-accordion > summary { padding: 14px; cursor: pointer; font-weight: 850; overflow-wrap: anywhere; }
.settings-accordion[open] > summary { border-bottom: 1px solid var(--border); }
.settings-accordion > :not(summary) { margin: 14px; }
.automation-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.automation-cycle-cards { display: none; gap: 10px; }
.automation-cycle-card, .automation-outcome { min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.automation-cycle-card p { overflow-wrap: anywhere; }
.automation-cycle-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin: 10px 0; }
.automation-cycle-metrics div { min-width: 0; }
.automation-cycle-metrics dt { color: var(--muted); font-size: 9px; overflow-wrap: anywhere; }
.automation-cycle-metrics dd { margin: 3px 0 0; font-weight: 850; }
.automation-outcome { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; margin-top: 8px; }
.automation-outcome p, .automation-outcome small { grid-column: 1 / -1; margin: 0; overflow-wrap: anywhere; }
.compact-list { display: grid; gap: 5px; padding: 0; list-style: none; }
.compact-list li { display: flex; justify-content: space-between; gap: 10px; min-width: 0; }
.compact-list span { min-width: 0; overflow-wrap: anywhere; }
.danger-accordion { border-color: color-mix(in srgb, var(--danger) 40%, var(--border)); }

@media (min-width: 700px) {
  .content { padding: 26px; }
  .kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .filters { grid-template-columns: 2fr 3fr; align-items: end; }
  .orders-grid, .performers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .detail-columns { grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr); align-items: start; }
  .detail-columns.performer-detail-columns { grid-template-columns: minmax(0, 1fr); }
  .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .form-field.wide { grid-column: 1 / -1; }
  .pricing-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .audit-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dashboard-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bottom-nav { left: 50%; right: auto; width: min(620px, 100%); transform: translateX(-50%); border: 1px solid var(--border); border-bottom: 0; border-radius: 18px 18px 0 0; }
  .upload-sheet-backdrop { align-items: center; padding: 24px; }
  .upload-sheet { border-radius: 22px; }
}

@media (max-width: 520px) {
  .explicit-search { grid-template-columns: minmax(0, 1fr); }
  .search-actions .button { flex: 1 1 0; }
  .mobile-download-note { display: block; }
  .available-actions .button, .dashboard-quick-links .button { width: 100%; }
  .available-order-card .section-heading { align-items: flex-start; }
  .pricing-breakdown { grid-template-columns: 1fr; }
  .bid-decision-actions .button { width: 100%; }
  .file-section-heading, .version-heading { align-items: stretch; flex-direction: column; }
  .file-section-actions { justify-content: flex-start; }
  .managed-file-list li, .managed-file-list li.admin-file-row { grid-template-columns: 30px minmax(0, 1fr) auto; }
  .managed-file-list li.admin-file-row > input { grid-column: 1; grid-row: 1; }
  .managed-file-list li.admin-file-row > .file-icon { display: none; }
  .action-label { display: none; }
  .icon-button { min-width: 34px; padding-inline: 8px; }
  .automation-cycle-table { display: none; }
  .automation-cycle-cards { display: grid; }
  .automation-summary { grid-template-columns: 1fr; }
  .automation-summary .field-span-2 { grid-column: auto; }
  .automation-cycle-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .automation-actions .button { width: 100%; }
  .automation-settings, .settings-accordion, .automation-cycle-card { max-width: 100%; overflow-x: clip; }
}

@media (max-width: 420px) {
  .content { padding: 14px; }
  .topbar { padding-inline: 14px; }
  .card, .kpi { padding: 14px; }
  .bottom-nav { padding-inline: 5px; }
  .nav-item { font-size: 10px; }
  .nav-item span { font-size: 18px; }
  .card-status { max-width: 42%; }
  .meta-grid { grid-template-columns: 1fr; }
}

@media (max-width: 360px) {
  .content { padding: 11px; }
  .topbar { gap: 8px; padding-inline: 11px; }
  .topbar h1 { font-size: 20px; }
  .identity-chip { max-width: 38%; padding-inline: 8px; font-size: 10px; }
  .card, .kpi { padding: 12px; }
  .card-title-row { gap: 7px; }
  .card-status { max-width: 40%; padding-inline: 7px; font-size: 10px; }
  .order-title { font-size: 15px; }
  .nav-item { padding-inline: 1px; font-size: 9px; }
  .nav-item span { font-size: 17px; }
  .preference-group { grid-template-columns: 1fr; }
  .pagination { gap: 6px; }
  .pagination .button { min-width: 0; padding-inline: 8px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }