:root { --accent: #0094cf; --accent-rgb: 0, 148, 207; --ink: #163244; --muted: #6c8090; --line: #e7eef2; --canvas: #f5f9fb; }
html { font-size: 17px; }
.workspace--reviewer { --accent: #7656e9; --accent-rgb: 118, 86, 233; }
.workspace--admin { --accent: #148569; --accent-rgb: 20, 133, 105; }
.workspace--technician { --accent: #d3781b; --accent-rgb: 211, 120, 27; }
.workspace__layout { position: relative; z-index: 1; min-height: 100vh; display: grid; grid-template-columns: 254px minmax(0, 1fr); opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease; }
.workspace__layout.is-visible, .login-card.is-visible { opacity: 1; transform: none; }
.sidebar { position:sticky; top:0; height:100vh; padding:30px 18px; background:rgba(255,255,255,.8); border-right:1px solid rgba(22,50,68,.08); display:flex; flex-direction:column; backdrop-filter:blur(18px); }
.sidebar__brand, .login-brand { display:flex; gap:11px; align-items:center; font-weight:800; letter-spacing:-.03em; font-size:1.05rem; }.sidebar__brand img { width:96px; height:56px; object-fit:contain; }.login-brand img { width:66px; height:40px; object-fit:contain; }.sidebar__brand span { font-size:1.55rem; }
.sidebar__role { margin: 48px 10px 20px; color: var(--accent); font-size: .77rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.sidebar__role-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; background: var(--accent); box-shadow: 0 0 0 5px rgba(var(--accent-rgb),.12); }
.sidebar__nav { display:grid; gap:5px; }.sidebar__nav a,.sidebar__nav button { display:flex; justify-content:space-between; width:100%; border:0; padding:13px 12px; color:var(--muted); border-radius:12px; background:transparent; font:700 .9rem "Manrope",sans-serif; text-align:left; cursor:pointer; transition:.2s ease; }.sidebar__nav a:hover,.sidebar__nav a.is-active,.sidebar__nav button:hover,.sidebar__nav button.is-active { color:var(--accent); background:rgba(var(--accent-rgb),.09); }.sidebar__nav span,.counter { min-width:22px; padding:2px 7px; border-radius:999px; text-align:center; color:var(--accent); background:rgba(var(--accent-rgb),.12); font-size:.72rem; }.sidebar__bottom { margin-top:auto; padding:12px 0 2px; }.sidebar__logout button { width:100%; border:0; border-radius:10px; padding:11px; color:#b54d4d; background:#fae9e9; cursor:pointer; font:700 .8rem "Manrope",sans-serif; }
.workspace__main { width: min(1420px, 100%); padding: 36px clamp(22px,4vw,66px) 60px; margin: 0 auto; }.workspace__header { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 30px; }.eyebrow { margin: 0 0 7px; color: var(--accent); font-size: .7rem; text-transform: uppercase; letter-spacing: .15em; font-weight: 800; }.workspace h1, .login-card h1, .import-card h1 { margin: 0; font-size: clamp(1.75rem,3vw,2.7rem); letter-spacing: -.055em; line-height: 1.08; }.header-user { display: flex; align-items: center; gap: 10px; font-size: .86rem; color: var(--muted); font-weight: 700; }.header-user div, .team-avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: #fff; background: linear-gradient(145deg,var(--accent),#163244); }
.metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; margin-bottom: 28px; }.metrics article, .panel, .import-card, .login-card { background: rgba(255,255,255,.88); border: 1px solid rgba(22,50,68,.07); box-shadow: 0 16px 42px rgba(25,76,99,.08); border-radius: 20px; }.metrics article { padding: 20px; overflow: hidden; position: relative; }.metrics article:after { content:""; position:absolute; width:90px; height:90px; right:-34px; top:-38px; border-radius:50%; background:rgba(var(--accent-rgb),.08); }.metrics span, .metrics small { display: block; color: var(--muted); font-size: .77rem; font-weight: 700; }.metrics strong { display: block; margin: 10px 0 4px; font-size: 2rem; letter-spacing: -.06em; }.panel { padding: 24px; margin-top: 20px; }.section-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }.section-heading h2 { margin: 0; font-size: 1.2rem; letter-spacing: -.035em; }
.report-row { display: grid; grid-template-columns: 48px minmax(170px,1fr) 74px auto; align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid var(--line); }.report-row__avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:var(--accent); background:rgba(var(--accent-rgb),.11); font-size:.74rem; font-weight:800; }.report-row__info strong, .report-row__info span { display:block; }.report-row__info strong { font-size:.9rem; }.report-row__info span, .report-row__media { color:var(--muted); font-size:.76rem; margin-top:4px; }.report-row__actions, .dialog-actions { display:flex; gap:8px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border:0; border-radius:10px; padding:10px 14px; color:#fff; background:var(--accent); cursor:pointer; font:700 .8rem "Manrope",sans-serif; box-shadow:0 8px 18px rgba(var(--accent-rgb),.18); transition:transform .2s,filter .2s; }.button:hover { transform:translateY(-2px); filter:brightness(1.04); }.button--ghost { color:var(--accent); background:rgba(var(--accent-rgb),.1); box-shadow:none; }.button--danger { background:#d95757; box-shadow:none; }
.task-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }.task-card { min-height:192px; padding:17px; border-radius:15px; background:var(--canvas); border:1px solid var(--line); }.status, .priority { display:inline-block; padding:4px 8px; border-radius:999px; font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }.status { color:#17836a; background:#d9f3ea; }.status--new { color:#2457b6; background:#e0ebff; }.status--in_progress { color:#147b9f; background:#dff6ff; }.status--rejected { color:#c04f4f; background:#fce6e6; }.priority { margin-left:3px; color:#65717b; background:#e7edf1; }.priority--high { color:#b84747; background:#fde5e5; }.priority--medium { color:#b36013; background:#ffe7cf; }.priority--low { color:#8a6d12; background:#fff2b8; }.priority--not_specified { color:#65717b; background:#e7edf1; }.task-card h3 { margin:17px 0 8px; font-size:.92rem; line-height:1.35; }.task-card p { margin:0; color:var(--muted); font-size:.74rem; line-height:1.5; }
.text-button { margin-top:9px; padding:0; border:0; color:var(--accent); background:transparent; font:700 .7rem "Manrope",sans-serif; cursor:pointer; }.task-dialog { width:min(680px,calc(100% - 28px)); }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:16px 0; }.form-grid label { font-size:.7rem; }.form-grid input,.form-grid select { width:100%; border:1px solid #d8e4e9; border-radius:8px; padding:8px; font:inherit; }.task-dialog textarea { margin-top:6px; }
.team-list { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.team-card { display:grid; grid-template-columns:34px minmax(0,1fr); gap:2px 9px; align-items:center; width:100%; padding:11px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:#fff; cursor:pointer; text-align:left; font:inherit; }.team-avatar { grid-row:span 2; width:32px; height:32px; font-size:.7rem; }.team-card strong { font-size:.78rem; }.team-card > span:not(.team-avatar) { color:var(--muted); font-size:.68rem; }.empty-state { padding:28px; color:var(--muted); text-align:center; border:1px dashed #cbdce4; border-radius:14px; font-size:.86rem; }
.decision-dialog { width:min(460px,calc(100% - 28px)); border:0; border-radius:20px; padding:28px; color:var(--ink); box-shadow:0 30px 80px rgba(0,0,0,.25); }.decision-dialog::backdrop { background:rgba(12,34,46,.46); backdrop-filter:blur(3px); }.decision-dialog h3 { margin:0 0 9px; }.decision-dialog p { color:var(--muted); font-size:.85rem; }.decision-dialog label, .login-form label { display:grid; gap:7px; color:var(--ink); font-size:.78rem; font-weight:800; }.decision-dialog textarea, .login-form input { border:1px solid #d8e4e9; border-radius:10px; padding:11px; font:inherit; resize:vertical; }.decision-dialog textarea { width:100%; min-height:92px; margin:8px 0 16px; }.dialog-close { position:absolute; top:12px; right:14px; border:0; background:transparent; font-size:1.5rem; color:var(--muted); cursor:pointer; }
.messages { margin:-10px 0 18px; }.message { padding:11px 13px; margin:8px 0; border-radius:10px; font-size:.8rem; }.message--success { color:#166a55; background:#daf4eb; }.message--error { color:#a13c3c; background:#fce4e4; }
.section-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }.form-panel { padding:28px; }.entity-form { display:grid; gap:18px; }.form-section { padding:18px; border:1px solid rgba(var(--accent-rgb),.12); border-radius:14px; background:rgba(var(--accent-rgb),.035); }.form-section h3 { margin:0 0 14px; font-size:1rem; letter-spacing:-.02em; }.form-section > label { display:grid; gap:7px; color:var(--ink); font-size:.78rem; font-weight:800; }.form-grid textarea,.form-section textarea,.form-grid input[type=file] { width:100%; border:1px solid #d8e4e9; border-radius:8px; padding:8px; background:#fff; font:inherit; }.form-grid textarea,.form-section textarea { min-height:92px; resize:vertical; }.choice-stack { display:grid; gap:9px; margin-top:14px; color:var(--ink); font-size:.78rem; font-weight:800; }.choice-stack ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px; margin:0; padding:0; list-style:none; }.choice-stack label { display:flex; align-items:center; gap:8px; padding:10px; border:1px solid rgba(var(--accent-rgb),.14); border-radius:10px; background:#fff; }.form-actions { display:flex; justify-content:flex-end; gap:10px; padding-top:4px; }.form-errors,.errorlist { color:#b84242; font-size:.72rem; font-weight:800; }.errorlist { margin:6px 0 0; padding-left:18px; }.report-edit-dialog { width:min(920px,calc(100% - 28px)); max-height:92vh; overflow:auto; }.report-edit-dialog .entity-form { gap:14px; }.report-edit-dialog .form-section { padding:14px; }
.login-shell, .import-page { position:relative; z-index:1; width:min(1050px,calc(100% - 32px)); min-height:100vh; margin:auto; padding:30px 0; display:grid; align-content:center; }.login-brand { position:absolute; top:28px; left:0; }.login-card, .import-card { width:min(470px,100%); padding:38px; margin:auto; opacity:0; transform:translateY(14px); transition:.5s ease; }.login-card > p, .import-card > p { color:var(--muted); font-size:.9rem; line-height:1.6; }.login-form { display:grid; gap:16px; margin-top:25px; }.login-form input { width:100%; }.login-form .button { margin-top:6px; }.login-card small { display:block; margin-top:22px; color:var(--muted); font-size:.7rem; line-height:1.5; }.import-page { align-content:start; padding-top:52px; }.back-link { color:var(--accent); font-size:.83rem; font-weight:800; }.import-card { width:min(720px,100%); margin:30px 0 0; opacity:1; transform:none; }.drop-zone { display:grid; justify-items:center; gap:7px; padding:30px; margin:25px 0 17px; border:2px dashed rgba(var(--accent-rgb),.3); border-radius:16px; color:var(--muted); text-align:center; cursor:pointer; transition:.2s; }.drop-zone:hover,.drop-zone.is-dragging { background:rgba(var(--accent-rgb),.05); border-color:var(--accent); }.drop-zone input { position:absolute; width:1px; height:1px; opacity:0; }.drop-zone__icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:var(--accent); background:rgba(var(--accent-rgb),.12); font-size:1.5rem; }.drop-zone strong { color:var(--ink); font-size:.9rem; }.drop-zone small,.drop-zone em { font-size:.75rem; }.drop-zone em { color:var(--accent); font-style:normal; }.toggle { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:.8rem; font-weight:700; cursor:pointer; }.toggle input { accent-color:var(--accent); }.import-form > .button { margin-top:22px; }.import-note { padding:14px; margin-top:25px; border-radius:12px; color:var(--muted); background:var(--canvas); font-size:.75rem; }.import-note p { margin:6px 0 0; line-height:1.55; }
@media (max-width:1050px) { .task-grid { grid-template-columns:repeat(2,1fr); }.metrics { grid-template-columns:repeat(2,1fr); }.team-list { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .workspace__layout { grid-template-columns:1fr; }.sidebar { min-height:auto; padding:15px 20px; border-right:0; border-bottom:1px solid var(--line); }.sidebar__role,.sidebar__logout { display:none; }.sidebar__nav { display:flex; overflow:auto; margin-top:14px; }.sidebar__nav a { white-space:nowrap; }.workspace__main { padding:25px 16px 44px; }.report-row { grid-template-columns:42px 1fr auto; }.report-row__media { display:none; }.report-row__actions { grid-column:2 / -1; }.team-list,.task-grid { grid-template-columns:1fr; }.header-user span { display:none; } }
@media (max-width:460px) { .metrics { grid-template-columns:1fr 1fr; }.metrics article { padding:15px; }.panel { padding:17px; }.report-row { gap:9px; }.report-row__actions .button { padding:8px 9px; font-size:.7rem; }.login-card,.import-card { padding:25px 20px; } }

.bulk-assign { display:flex; align-items:center; gap:12px; padding:12px; margin:0 0 16px; border:1px solid rgba(var(--accent-rgb),.18); border-radius:13px; background:rgba(var(--accent-rgb),.05); }.bulk-assign select { min-width:260px; max-width:390px; min-height:74px; border:1px solid #d8e4e9; border-radius:9px; padding:7px; background:#fff; font:inherit; font-size:.75rem; }.bulk-assign label { color:var(--muted); font-size:.75rem; font-weight:700; }.task-select { display:flex; align-items:center; gap:5px; margin-bottom:10px; color:var(--muted); font-size:.67rem; font-weight:700; }.task-select input { accent-color:var(--accent); }
[data-task-card] { cursor:pointer; transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease; }
[data-task-card]:hover { border-color:rgba(var(--accent-rgb),.35); box-shadow:0 14px 30px rgba(22,50,68,.08); transform:translateY(-1px); }
[data-task-card].is-selected { border-color:rgba(var(--accent-rgb),.65); background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),#fff); box-shadow:0 16px 34px rgba(var(--accent-rgb),.14); }
.list-filters { display:grid; grid-template-columns:minmax(220px,1fr) minmax(150px,.45fr) minmax(150px,.45fr) auto auto; gap:10px; align-items:end; margin:0 0 16px; padding:12px; border:1px solid rgba(var(--accent-rgb),.14); border-radius:13px; background:rgba(var(--accent-rgb),.04); }
.list-filters label { display:grid; gap:6px; color:var(--muted); font-size:.72rem; font-weight:800; }
.list-filters input,.list-filters select { width:100%; min-height:40px; border:1px solid #d8e4e9; border-radius:9px; padding:8px 10px; color:var(--ink); background:#fff; font:inherit; font-size:.82rem; }
.list-filters .button { min-height:40px; padding:9px 12px; box-shadow:none; white-space:nowrap; }
.directory-page { position:relative; z-index:1; width:min(1280px,calc(100% - 32px)); min-height:100vh; margin:auto; padding:52px 0; }.directory-panel { margin-top:25px; }.directory-panel h1,.report-page h1 { margin:0; font-size:clamp(1.65rem,3vw,2.35rem); letter-spacing:-.05em; }.task-grid--directory { grid-template-columns:repeat(4,minmax(0,1fr)); }.pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin:26px 0 0; color:var(--muted); font-size:.82rem; font-weight:700; }.pagination a { padding:8px 11px; border-radius:9px; color:var(--accent); background:rgba(var(--accent-rgb),.1); }.history-filter { display:flex; align-items:end; gap:12px; margin:0 0 16px; }.history-filter label { display:grid; gap:6px; color:var(--muted); font-size:.72rem; font-weight:700; }.history-filter select { min-width:200px; border:1px solid #d8e4e9; border-radius:8px; padding:9px; font:inherit; }.history-list { display:grid; }.history-list article { display:grid; grid-template-columns:150px 1fr; gap:18px; padding:15px 0; border-top:1px solid var(--line); }.history-list time { color:var(--muted); font-size:.75rem; }.history-list strong,.history-list span { display:block; }.history-list strong { font-size:.84rem; }.history-list span { margin-top:4px; color:var(--muted); font-size:.75rem; }.history-list details { margin-top:8px; color:var(--accent); font-size:.73rem; cursor:pointer; }.history-list pre { overflow:auto; padding:10px; border-radius:8px; color:var(--ink); background:var(--canvas); white-space:pre-wrap; }.report-page h2 { font-size:1.1rem; }.profile-actions { display:flex; gap:8px; margin-left:auto; }
@media (max-width:760px) { .sidebar { position:static; height:auto; min-height:auto; }.sidebar__bottom { display:none; }.sidebar__nav button { white-space:nowrap; }.bulk-assign { align-items:stretch; flex-direction:column; }.bulk-assign select { max-width:none; width:100%; }.task-grid--directory { grid-template-columns:1fr; }.history-list article { grid-template-columns:1fr; gap:6px; }.profile-actions { width:100%; margin-left:0; } }

.report-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0; }
.report-details section,.photo-section { padding:13px; border-radius:12px; background:var(--canvas); }
.report-details h4,.photo-section h4 { margin:0 0 10px; font-size:.82rem; }
.report-details dl,.profile-grid dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 12px; margin:0; font-size:.72rem; }
.report-details dt,.profile-grid dt { color:var(--muted); }.report-details dd,.profile-grid dd { margin:0; overflow-wrap:anywhere; }
.photo-section { margin:12px 0; }.photo-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.photo-grid a { overflow:hidden; border-radius:9px; color:var(--ink); background:#fff; font-size:.65rem; }.photo-grid img { width:100%; height:95px; object-fit:cover; }.photo-grid span { display:block; padding:6px; }
.role-card { width:min(590px,100%); }.role-list { display:grid; gap:10px; margin-top:24px; }.role-list button { display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:12px; width:100%; padding:13px; border:1px solid var(--line); border-radius:13px; color:var(--ink); background:var(--canvas); text-align:left; cursor:pointer; transition:.2s; }.role-list button:hover { transform:translateX(4px); border-color:var(--accent); }.role-list strong,.role-list small { display:block; }.role-list strong { font-size:.85rem; }.role-list small { margin:3px 0 0; font-size:.7rem; }.role-list b { color:var(--accent); }.role-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:#fff; background:#d3781b; font-size:.85rem; font-weight:800; }.role-icon--admin { background:#148569; }.role-icon--reviewer { background:#7656e9; }
.profile-page { position:relative; z-index:1; width:min(940px,calc(100% - 32px)); min-height:100vh; margin:auto; padding:52px 0; }.profile-card { padding:32px; margin-top:25px; border:1px solid rgba(22,50,68,.07); border-radius:22px; background:rgba(255,255,255,.9); box-shadow:var(--shadow-soft); }.profile-hero { display:flex; align-items:center; gap:16px; padding-bottom:25px; border-bottom:1px solid var(--line); }.profile-hero h1 { margin:0; font-size:1.7rem; letter-spacing:-.05em; }.profile-avatar { display:grid; place-items:center; width:72px; height:72px; border-radius:22px; color:#fff; background:linear-gradient(145deg,var(--accent),#163244); font-size:1.5rem; font-weight:800; }.profile-role { color:var(--accent); font-size:.78rem; font-weight:800; }.profile-hero .button { margin-left:auto; }.profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:22px; }.profile-grid section { padding:18px; border-radius:14px; background:var(--canvas); }.profile-grid h2 { margin:0 0 15px; font-size:1rem; }.profile-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.profile-metrics div { padding:10px; border-radius:10px; background:#fff; }.profile-metrics strong,.profile-metrics span { display:block; }.profile-metrics strong { font-size:1.3rem; }.profile-metrics span,.profile-hint { color:var(--muted); font-size:.68rem; }.profile-hint { line-height:1.5; }
@media (max-width:760px) { .report-details,.profile-grid { grid-template-columns:1fr; }.profile-card { padding:22px; }.profile-hero { align-items:flex-start; flex-wrap:wrap; }.profile-hero .button { margin-left:0; } }
@media (max-width:460px) { .photo-grid { grid-template-columns:repeat(2,1fr); } }

/* Compact records still need to remain comfortably readable on wide work screens. */
.eyebrow { font-size:.78rem; }.sidebar__nav a,.sidebar__nav button { font-size:.98rem; }.metrics span,.metrics small { font-size:.84rem; }.report-row__info strong { font-size:1rem; }.report-row__info span,.report-row__media { font-size:.86rem; }.task-card h3 { font-size:1.02rem; }.task-card p { font-size:.84rem; }.team-list strong { font-size:.88rem; }.team-list span { font-size:.78rem; }.button { font-size:.88rem; }.back-link { font-size:.92rem; }

.report-row { grid-template-columns:48px minmax(240px,1fr) minmax(205px,240px) auto; }.status { min-width:fit-content; padding:7px 14px; text-align:center; line-height:1.25; }.report-row > .status { display:flex; align-items:center; justify-content:center; min-width:205px; min-height:52px; white-space:normal; }.status--on_review { color:#7754d9; background:#eee8ff; }.status--on_admin { color:#167d68; background:#d9f5eb; }.status--accepted { color:#197552; background:#d8f2e6; }.status--rejected { color:#b84747; background:#fde5e5; }
.report-row--head { padding:0 0 9px; border-top:0; color:var(--muted); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.report-row--head span { display:block; }
.report-status-bar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:10px; }
.status-decision-actions { display:flex; flex-wrap:wrap; gap:8px; }
.status-decision-actions .button { min-height:38px; padding:8px 12px; box-shadow:none; }
.status-decision-actions .button--danger { background:#d95757; }

.bulk-assign { display:grid; grid-template-columns:minmax(0,1fr) 240px; align-items:stretch; gap:20px; padding:18px; }.technician-picker > strong { display:block; margin:0 0 11px; font-size:.93rem; }.technician-options { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; max-height:244px; overflow:auto; padding:2px 5px 2px 2px; }.technician-options label { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #dce8ed; border-radius:11px; color:var(--ink); background:#fff; cursor:pointer; transition:border-color .2s,background .2s; }.technician-options label:hover { border-color:var(--accent); background:rgba(var(--accent-rgb),.05); }.technician-options input { width:17px; height:17px; accent-color:var(--accent); }.technician-option__avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:var(--accent); background:rgba(var(--accent-rgb),.12); font-size:.78rem; font-weight:800; }.technician-options b,.technician-options small { display:block; }.technician-options b { font-size:.82rem; }.technician-options small { margin-top:2px; color:var(--muted); font-size:.72rem; }.bulk-actions { display:flex; flex-direction:column; align-items:stretch; justify-content:center; gap:14px; padding-left:20px; border-left:1px solid rgba(var(--accent-rgb),.18); }.bulk-actions label { color:var(--ink); font-size:.84rem; line-height:1.4; }.bulk-actions label input { width:17px; height:17px; vertical-align:middle; accent-color:var(--accent); }.bulk-actions .button { min-height:48px; }
.technician-options label:has(input:checked) { border-color:rgba(var(--accent-rgb),.65); background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),#fff); box-shadow:0 12px 26px rgba(var(--accent-rgb),.12); }
.bulk-actions .button:disabled { cursor:wait; filter:saturate(.6); opacity:.72; transform:none; }
.bulk-feedback,.task-feedback { grid-column:1 / -1; margin:0; padding:10px 12px; border-radius:10px; font-size:.82rem; font-weight:800; }
.bulk-feedback--success { color:#166a55; background:#daf4eb; }
.bulk-feedback--error,.task-feedback--error { color:#a13c3c; background:#fce4e4; }
.team-card { transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease; }
.team-card:hover { border-color:rgba(var(--accent-rgb),.42); background:linear-gradient(180deg,rgba(var(--accent-rgb),.07),#fff); box-shadow:0 14px 30px rgba(22,50,68,.08); transform:translateY(-1px); }
.technician-dialog { width:min(760px,calc(100% - 28px)); max-height:92vh; overflow:auto; }
.technician-dialog__header { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; align-items:center; margin-bottom:18px; }
.technician-dialog__header .team-avatar { width:48px; height:48px; border-radius:15px; font-size:.95rem; }
.technician-dialog__header h3 { margin:0; font-size:1.25rem; }
.technician-dialog__header p:not(.eyebrow) { margin:4px 0 0; color:var(--muted); font-size:.82rem; }
.technician-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0 0 18px; }
.technician-metrics div { padding:11px; border:1px solid var(--line); border-radius:12px; background:var(--canvas); }
.technician-metrics strong,.technician-metrics span { display:block; }
.technician-metrics strong { color:var(--ink); font-size:1.2rem; letter-spacing:-.04em; }
.technician-metrics span { margin-top:2px; color:var(--muted); font-size:.68rem; font-weight:800; }
.technician-task-list { display:grid; gap:9px; }
.technician-task-list h4 { margin:0 0 2px; font-size:.96rem; }
.technician-task { display:grid; gap:7px; padding:12px; border:1px solid #dfeaf0; border-radius:12px; background:#fff; }
.technician-task strong { color:var(--ink); font-size:.86rem; line-height:1.35; overflow-wrap:anywhere; }
.technician-task > span { color:var(--muted); font-size:.78rem; line-height:1.4; overflow-wrap:anywhere; }
.technician-task__actions { display:grid; gap:9px; margin-top:3px; }
.technician-task__actions details { border:1px solid #e2edf2; border-radius:11px; background:var(--canvas); }
.technician-task__actions summary { padding:10px 11px; color:var(--accent); cursor:pointer; font-size:.78rem; font-weight:900; }
.technician-task__actions details[open] summary { border-bottom:1px solid #e2edf2; }
.technician-task__details { display:grid; grid-template-columns:minmax(130px,.34fr) 1fr; gap:8px 12px; margin:0; padding:12px; font-size:.78rem; }
.technician-task__details dt { color:var(--muted); font-weight:800; }
.technician-task__details dd { margin:0; color:var(--ink); overflow-wrap:anywhere; }
.technician-task-edit { display:grid; gap:12px; padding:12px; }
.technician-task-edit textarea { min-height:76px; }
.technician-task__actions [data-unassign-form] .button { width:100%; min-height:40px; box-shadow:none; }

.history-list article { grid-template-columns:180px 1fr; }.history-list time { font-size:.84rem; }.history-list strong { font-size:1rem; }.history-list span { font-size:.87rem; }.history-list details { color:var(--accent); font-size:.84rem; }.change-list { display:grid; gap:7px; margin:10px 0 0; padding:0; list-style:none; }.change-list li { display:grid; grid-template-columns:minmax(165px, .35fr) 1fr; gap:12px; padding:10px 12px; border-radius:9px; color:var(--ink); background:var(--canvas); }.change-list b { font-size:.82rem; }.change-list span { margin:0; color:var(--ink); font-size:.82rem; }

@media (max-width:900px) { .report-row { grid-template-columns:48px minmax(0,1fr) auto; }.report-row--head { display:none; }.report-row > .status { grid-column:2; justify-self:start; min-width:0; min-height:auto; }.report-row__actions { grid-column:2 / -1; }.bulk-assign,.list-filters { grid-template-columns:1fr; }.bulk-actions { flex-direction:row; align-items:center; justify-content:space-between; padding:15px 0 0; border-top:1px solid rgba(var(--accent-rgb),.18); border-left:0; } }
@media (max-width:600px) { html { font-size:16px; }.technician-options { grid-template-columns:1fr; }.bulk-actions { align-items:stretch; flex-direction:column; }.change-list li { grid-template-columns:1fr; gap:3px; } }


.report-collaboration { display:grid; grid-template-columns:minmax(280px,.34fr) minmax(0,1fr); gap:22px; margin-top:22px; align-items:start; }
.report-meta-card { padding:18px; border:1px solid rgba(22,50,68,.09); border-radius:16px; background:linear-gradient(180deg,#fff,var(--canvas)); box-shadow:0 14px 34px rgba(22,50,68,.07); }
.report-meta-card h4 { margin:0 0 14px; font-size:.95rem; letter-spacing:-.01em; }
.report-meta-card p { display:grid; gap:6px; margin:10px 0; padding:12px; border:1px solid #e2edf2; border-radius:12px; background:#fff; font-size:.82rem; }
.report-meta-card strong { color:var(--ink); }
.report-meta-card span { color:var(--muted); line-height:1.45; overflow-wrap:anywhere; }
.conversation-panel { overflow:hidden; border:2px solid rgba(var(--accent-rgb),.28); border-radius:20px; background:#fff; box-shadow:0 22px 52px rgba(22,50,68,.12); }
.conversation-panel__header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:20px 22px; border-bottom:1px solid rgba(var(--accent-rgb),.16); background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),#fff 70%); }
.conversation-panel__header h3 { margin:0; font-size:1.2rem; letter-spacing:-.025em; }
.conversation-panel__header > span { display:grid; place-items:center; min-width:38px; height:32px; padding:0 10px; border-radius:999px; color:#fff; background:var(--accent); box-shadow:0 8px 18px rgba(var(--accent-rgb),.22); font-size:.82rem; font-weight:800; }
.conversation-list { display:flex; flex-direction:column; gap:14px; min-height:220px; max-height:470px; overflow:auto; padding:20px; background:linear-gradient(180deg,#f8fbfd,#eef6f9); }
.conversation-message { display:flex; align-items:flex-end; gap:10px; width:100%; animation:messageIn .28s ease both; }
.conversation-message--mine { flex-direction:row-reverse; }
.conversation-message__avatar { flex:0 0 34px; display:grid; place-items:center; width:34px; height:34px; border-radius:12px; color:#fff; background:#6b7f8d; font-size:.78rem; font-weight:900; box-shadow:0 8px 18px rgba(22,50,68,.14); }
.conversation-message--mine .conversation-message__avatar { background:var(--accent); }
.conversation-message__bubble { max-width:min(72%,680px); padding:12px 14px; border:1px solid #dce8ed; border-radius:16px 16px 16px 5px; background:#fff; box-shadow:0 10px 24px rgba(22,50,68,.08); transition:transform .18s ease, box-shadow .18s ease; }
.conversation-message--mine .conversation-message__bubble { border-color:rgba(var(--accent-rgb),.22); border-radius:16px 16px 5px 16px; color:#fff; background:linear-gradient(135deg,var(--accent),rgba(var(--accent-rgb),.78)); box-shadow:0 12px 28px rgba(var(--accent-rgb),.22); }
.conversation-message__bubble:hover { transform:translateY(-2px); box-shadow:0 16px 30px rgba(22,50,68,.12); }
.conversation-message__meta { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:6px; }
.conversation-message__meta strong { font-size:.78rem; }
.conversation-message__meta time { color:var(--muted); font-size:.67rem; white-space:nowrap; }
.conversation-message--mine .conversation-message__meta time { color:rgba(255,255,255,.76); }
.conversation-message__bubble p { margin:0; font-size:.88rem; line-height:1.55; overflow-wrap:anywhere; }
.conversation-empty { padding:28px; border:1px dashed #bed3dd; border-radius:16px; color:var(--muted); background:rgba(255,255,255,.72); text-align:center; font-size:.9rem; }
.conversation-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:end; padding:18px 20px 20px; border-top:1px solid rgba(var(--accent-rgb),.16); background:#fff; }
.conversation-composer { display:grid; gap:8px; min-width:0; color:var(--ink); font-size:.82rem; font-weight:800; }
.conversation-composer textarea { display:block; width:100%; min-height:106px; padding:14px 15px; border:1px solid #c7dbe4; border-radius:15px; color:var(--ink); background:#f9fcfd; outline:none; box-shadow:inset 0 1px 2px rgba(22,50,68,.04); font:500 .9rem/1.5 "Manrope",sans-serif; resize:vertical; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.conversation-composer textarea::placeholder { color:#8ea2af; }
.conversation-composer textarea:focus { border-color:var(--accent); background:#fff; box-shadow:0 0 0 4px rgba(var(--accent-rgb),.14); }
.conversation-submit { min-height:48px; padding-inline:18px; white-space:nowrap; }
.conversation-submit:disabled { cursor:wait; filter:saturate(.6); opacity:.72; transform:none; }
.conversation-error { grid-column:1 / -1; margin:0; padding:10px 12px; border-radius:10px; color:#a13c3c; background:#fce4e4; font-size:.82rem; font-weight:700; }
.decision-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; padding:16px 20px 20px; border-top:1px solid rgba(var(--accent-rgb),.14); background:linear-gradient(180deg,#fff,rgba(var(--accent-rgb),.04)); }
.decision-actions .button { min-height:48px; padding-inline:18px; }
@keyframes messageIn { from { opacity:0; transform:translateY(8px) scale(.98); } to { opacity:1; transform:none; } }
@media (max-width:900px) { .report-collaboration { grid-template-columns:1fr; }.conversation-list { max-height:none; }.conversation-message__bubble { max-width:min(82%,680px); } }
@media (max-width:620px) { .conversation-form { grid-template-columns:1fr; }.conversation-submit,.decision-actions .button { width:100%; }.decision-actions { display:grid; grid-template-columns:1fr; }.conversation-message__bubble { max-width:calc(100% - 44px); }.conversation-message__meta { align-items:flex-start; flex-direction:column; gap:2px; } }

/* Responsive foundation: no fixed-width content may push a page sideways. */
body { overflow-x:hidden; }.workspace__layout,.workspace__main,.sidebar,.directory-page,.panel,.report-row,.report-row__info,.task-card,.profile-card,.login-card,.import-card,.report-details section { min-width:0; }.report-row__info strong,.report-row__info span,.task-card h3,.task-card p,.photo-grid span,.profile-grid dd { overflow-wrap:anywhere; }
[data-live-fragment].is-live-updated { animation:livePulse .7s ease both; }
@keyframes livePulse { 0% { filter:saturate(1.25); } 45% { filter:saturate(1.45) brightness(1.02); } 100% { filter:none; } }
@media (max-width:1180px) { .workspace__layout { grid-template-columns:228px minmax(0,1fr); }.sidebar { padding:24px 14px; }.sidebar__brand img { width:82px; }.sidebar__brand span { font-size:1.35rem; }.workspace__main { padding:30px clamp(18px,3vw,36px) 48px; }.task-grid,.task-grid--directory { grid-template-columns:repeat(3,minmax(0,1fr)); }.team-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.directory-page { width:min(100% - 32px,1120px); } }
@media (max-width:960px) { .workspace__layout { grid-template-columns:1fr; }.sidebar { position:sticky; z-index:5; height:auto; min-height:0; padding:12px 18px; border-right:0; border-bottom:1px solid var(--line); }.sidebar__brand { display:inline-flex; }.sidebar__brand img { width:72px; height:42px; }.sidebar__brand span { font-size:1.2rem; }.sidebar__role { display:none; }.sidebar__nav { display:flex; max-width:100%; gap:4px; margin-top:9px; overflow-x:auto; scrollbar-width:none; }.sidebar__nav::-webkit-scrollbar { display:none; }.sidebar__nav a,.sidebar__nav button { flex:0 0 auto; width:auto; padding:9px 11px; white-space:nowrap; font-size:.83rem; }.sidebar__bottom,.sidebar__logout { display:block; }.sidebar__bottom { position:absolute; top:12px; right:18px; margin:0; padding:0; }.sidebar__logout button { width:auto; padding:9px 12px; font-size:.74rem; }.workspace__main { padding:26px clamp(16px,4vw,32px) 44px; }.task-grid,.task-grid--directory { grid-template-columns:repeat(2,minmax(0,1fr)); }.metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.report-row { grid-template-columns:48px minmax(0,1fr) auto; gap:12px; }.report-row > .status { grid-column:2; grid-row:2; justify-self:start; min-width:0; min-height:0; padding:6px 11px; }.report-row__actions { grid-column:3; grid-row:1 / span 2; align-self:center; }.report-row__actions .button { white-space:nowrap; }.report-details { grid-template-columns:repeat(2,minmax(0,1fr)); }.directory-page { padding:34px 0; }.bulk-assign { grid-template-columns:1fr; }.bulk-actions { flex-direction:row; align-items:center; justify-content:space-between; padding:15px 0 0; border-top:1px solid rgba(var(--accent-rgb),.18); border-left:0; } }
@media (max-width:680px) { html { font-size:16px; }.page-shell__grid { background-size:36px 36px; }.sidebar { padding:10px 14px; }.sidebar__brand img { width:60px; height:35px; }.sidebar__brand span { font-size:1.08rem; }.sidebar__bottom,.sidebar__logout { display:block; }.sidebar__bottom { top:10px; right:14px; }.sidebar__logout button { padding:8px 10px; font-size:.7rem; }.sidebar__nav { margin-top:7px; }.sidebar__nav a,.sidebar__nav button { padding:8px 10px; font-size:.76rem; }.workspace__header { align-items:flex-start; margin-bottom:20px; }.workspace h1 { font-size:clamp(1.65rem,8vw,2.2rem); }.header-user { flex-direction:column-reverse; gap:4px; font-size:.7rem; }.header-user div { width:34px; height:34px; }.metrics { gap:10px; margin-bottom:18px; }.metrics article { min-height:126px; padding:16px; }.metrics strong { font-size:1.75rem; }.panel { padding:17px; margin-top:14px; border-radius:16px; }.section-heading { align-items:flex-start; gap:12px; }.section-heading h2 { font-size:1.1rem; }.section-heading .button { padding:9px 10px; font-size:.74rem; }.report-row { grid-template-columns:42px minmax(0,1fr); padding:15px 0; }.report-row__avatar { width:38px; height:38px; }.report-row > .status { grid-column:2; grid-row:auto; }.report-row__actions { grid-column:1 / -1; grid-row:auto; justify-content:flex-start; width:100%; }.report-row__actions .button { flex:1; }.task-grid,.task-grid--directory,.team-list { grid-template-columns:1fr; }.task-card { min-height:0; padding:16px; }.technician-options { grid-template-columns:1fr; max-height:280px; }.bulk-actions { align-items:stretch; flex-direction:column; }.bulk-actions .button { width:100%; }.form-grid,.report-details,.profile-grid { grid-template-columns:1fr; }.directory-page,.profile-page { width:min(100% - 24px,720px); padding:24px 0; }.directory-panel { margin-top:16px; }.directory-panel h1,.report-page h1 { font-size:clamp(1.55rem,8vw,2rem); }.report-page h2 { font-size:1rem; line-height:1.45; }.report-details dl,.profile-grid dl { grid-template-columns:minmax(110px,.45fr) 1fr; gap:8px; }.photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.photo-grid img { height:128px; }.history-filter { align-items:stretch; flex-direction:column; }.history-filter select,.history-filter .button { width:100%; }.history-list article { grid-template-columns:1fr; gap:6px; }.pagination { flex-wrap:wrap; gap:10px; }.decision-dialog { width:min(100% - 20px,680px); max-height:94vh; padding:22px 16px; }.profile-card { padding:20px; }.profile-hero { gap:12px; }.profile-avatar { width:58px; height:58px; border-radius:17px; }.profile-hero h1 { font-size:1.35rem; }.profile-actions { gap:7px; }.profile-actions .button { padding:9px 10px; }.login-shell,.import-page { width:min(100% - 24px,620px); padding:24px 0; }.login-brand { position:static; margin-bottom:26px; }.login-card,.import-card { padding:24px 18px; }.drop-zone { padding:24px 14px; } }
@media (max-width:420px) { .sidebar__brand span { display:none; }.sidebar__bottom { right:10px; }.sidebar__logout button { font-size:0; width:36px; height:36px; padding:0; }.sidebar__logout button::after { content:"↪"; font-size:1rem; }.workspace__main { padding:18px 12px 34px; }.metrics { grid-template-columns:1fr 1fr; }.metrics article { min-height:114px; padding:13px; }.metrics strong { margin-block:7px 3px; font-size:1.55rem; }.panel { padding:14px; }.section-heading .button { white-space:nowrap; }.report-row__actions { flex-direction:column; }.report-row__actions .button { width:100%; }.photo-grid img { height:105px; }.report-details section,.photo-section { padding:11px; }.profile-actions { width:100%; flex-wrap:wrap; }.profile-actions form,.profile-actions .button { flex:1; }.profile-actions form .button { width:100%; } }

/* Report detail readability and image viewer. */
.report-page { font-size:1.08rem; }
.report-page h2 { font-size:1.32rem; line-height:1.35; }
.report-details h4,.photo-section h4 { font-size:1rem; }
.report-details dl { font-size:.88rem; gap:10px 18px; }
.photo-section { padding:18px; border:1px solid rgba(22,50,68,.06); }
.photo-grid { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }
.photo-card { overflow:hidden; display:grid; width:100%; padding:0; border:1px solid #d8e7ee; border-radius:14px; color:var(--ink); background:#fff; cursor:pointer; text-align:left; box-shadow:0 12px 26px rgba(22,50,68,.08); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.photo-card:hover { transform:translateY(-3px); border-color:rgba(var(--accent-rgb),.55); box-shadow:0 18px 36px rgba(var(--accent-rgb),.15); }
.photo-card img { width:100%; height:185px; object-fit:cover; transition:transform .24s ease; }
.photo-card:hover img { transform:scale(1.035); }
.photo-card span { display:block; padding:10px 12px; font-size:.86rem; font-weight:700; }
.image-lightbox { width:100vw; max-width:none; height:100vh; max-height:none; margin:0; padding:0; border:0; background:transparent; }
.image-lightbox::backdrop { background:rgba(10,25,35,.58); backdrop-filter:blur(12px); }
.image-lightbox__surface { display:grid; grid-template-rows:auto minmax(0,1fr); width:min(96vw,1500px); height:min(92vh,980px); margin:4vh auto; overflow:hidden; border:1px solid rgba(255,255,255,.24); border-radius:22px; background:rgba(12,28,39,.88); box-shadow:0 34px 90px rgba(0,0,0,.42); animation:lightboxIn .18s ease both; }
.image-lightbox__toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; color:#fff; background:rgba(255,255,255,.08); backdrop-filter:blur(16px); }
.image-lightbox__toolbar strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.95rem; }
.image-lightbox__toolbar div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.image-lightbox__toolbar button { display:grid; place-items:center; min-width:38px; height:38px; border:1px solid rgba(255,255,255,.22); border-radius:12px; color:#fff; background:rgba(255,255,255,.12); cursor:pointer; font:800 1.15rem/1 "Manrope",sans-serif; transition:background .18s ease, transform .18s ease; }
.image-lightbox__toolbar button:hover { transform:translateY(-1px); background:rgba(255,255,255,.22); }
.image-lightbox__stage { display:grid; place-items:center; min-height:0; overflow:auto; padding:22px; }
.image-lightbox__stage img { max-width:100%; max-height:100%; object-fit:contain; border-radius:10px; box-shadow:0 24px 70px rgba(0,0,0,.35); cursor:grab; transform-origin:center; transition:transform .2s ease; }
.image-lightbox__stage img.is-dragging { cursor:grabbing; transition:none; }
@keyframes lightboxIn { from { opacity:0; transform:scale(.985); } to { opacity:1; transform:none; } }
@media (max-width:680px) { .report-page { font-size:1rem; }.photo-grid { grid-template-columns:1fr; }.photo-card img { height:220px; }.image-lightbox__surface { width:100vw; height:100vh; margin:0; border-radius:0; }.image-lightbox__toolbar { align-items:flex-start; flex-direction:column; }.image-lightbox__toolbar div { justify-content:flex-start; }.image-lightbox__stage { padding:12px; } }

.not-found { position:relative; z-index:1; display:grid; place-items:center; min-height:100vh; width:min(100% - 32px,980px); margin:auto; padding:48px 0; }
.not-found__card { position:relative; overflow:hidden; width:min(760px,100%); padding:46px; border:1px solid rgba(20,133,105,.16); border-radius:28px; background:rgba(255,255,255,.9); box-shadow:0 28px 80px rgba(22,50,68,.13); text-align:center; animation:notFoundCardIn .6s cubic-bezier(.2,.8,.2,1) both; }
.not-found__card::before { content:""; position:absolute; inset:-140px auto auto 50%; width:340px; height:340px; border-radius:50%; background:radial-gradient(circle,rgba(var(--accent-rgb),.16),transparent 68%); transform:translateX(-50%); animation:notFoundGlow 5s ease-in-out infinite; }
.not-found__visual { position:relative; display:grid; place-items:center; width:min(310px,72vw); aspect-ratio:1; margin:0 auto 22px; }
.not-found__visual strong { position:relative; z-index:2; color:var(--ink); font-size:clamp(4.6rem,14vw,8rem); line-height:1; letter-spacing:-.08em; text-shadow:0 14px 34px rgba(22,50,68,.1); animation:notFoundFloat 4.5s ease-in-out infinite; }
.not-found__orbit { position:absolute; inset:14px; border:1px solid rgba(var(--accent-rgb),.22); border-radius:50%; animation:notFoundSpin 14s linear infinite; }
.not-found__orbit::before,.not-found__orbit::after { content:""; position:absolute; inset:34px; border:1px dashed rgba(22,50,68,.12); border-radius:50%; }
.not-found__orbit::after { inset:78px; border-style:solid; border-color:rgba(var(--accent-rgb),.16); }
.not-found__orbit span { position:absolute; display:block; width:16px; height:16px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 9px rgba(var(--accent-rgb),.11),0 10px 22px rgba(var(--accent-rgb),.22); }
.not-found__orbit span:nth-child(1) { top:16px; left:46px; }
.not-found__orbit span:nth-child(2) { right:20px; top:48%; width:12px; height:12px; opacity:.72; }
.not-found__orbit span:nth-child(3) { bottom:28px; left:54%; width:10px; height:10px; opacity:.58; }
.not-found__route { position:absolute; inset:0; border-radius:50%; background:linear-gradient(90deg,transparent 15%,rgba(var(--accent-rgb),.12),transparent 85%); mask:radial-gradient(circle,transparent 47%,#000 48%,#000 52%,transparent 53%); animation:notFoundRoute 3.2s ease-in-out infinite; }
.not-found__route i { position:absolute; width:7px; height:7px; border-radius:50%; background:#163244; opacity:.18; animation:notFoundBlink 2.4s ease-in-out infinite; }
.not-found__route i:nth-child(1) { left:18%; top:55%; }
.not-found__route i:nth-child(2) { left:48%; top:18%; animation-delay:.35s; }
.not-found__route i:nth-child(3) { right:18%; bottom:28%; animation-delay:.7s; }
.not-found h1 { position:relative; margin:0; color:var(--ink); font-size:clamp(2rem,5vw,3.25rem); line-height:1.05; letter-spacing:-.06em; }
.not-found__text { width:min(590px,100%); margin:18px auto 0; color:var(--muted); font-size:1rem; line-height:1.65; }
.not-found__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:28px; }
.not-found__actions .button { min-height:46px; padding-inline:18px; }
@keyframes notFoundCardIn { from { opacity:0; transform:translateY(18px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes notFoundGlow { 0%,100% { opacity:.62; transform:translateX(-50%) scale(.96); } 50% { opacity:1; transform:translateX(-50%) scale(1.07); } }
@keyframes notFoundFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@keyframes notFoundSpin { to { transform:rotate(360deg); } }
@keyframes notFoundRoute { 0%,100% { opacity:.52; transform:rotate(-6deg) scale(.98); } 50% { opacity:1; transform:rotate(8deg) scale(1.02); } }
@keyframes notFoundBlink { 0%,100% { opacity:.14; transform:scale(.8); } 45% { opacity:.45; transform:scale(1.25); } }
@media (max-width:620px) { .not-found { width:min(100% - 24px,560px); padding:28px 0; }.not-found__card { padding:30px 18px; border-radius:22px; }.not-found__visual { margin-bottom:14px; }.not-found__actions { display:grid; grid-template-columns:1fr; }.not-found__actions .button { width:100%; } }

/* Visual polish pass: calmer navigation, richer surfaces, and subtle motion. */
.workspace__layout { grid-template-columns:270px minmax(0,1fr); }
.sidebar { position:sticky; top:0; z-index:6; height:100vh; min-height:100vh; padding:30px 18px 18px; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94)); border-right:1px solid rgba(22,50,68,.09); box-shadow:18px 0 46px rgba(22,50,68,.07); backdrop-filter:blur(18px); }
.sidebar::before { content:""; position:absolute; inset:0 0 auto; height:170px; pointer-events:none; background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),transparent 72%); }
.sidebar__brand,.sidebar__role,.sidebar__nav,.sidebar__bottom { position:relative; z-index:1; }
.sidebar__nav { gap:7px; }
.sidebar__nav a,.sidebar__nav button { position:relative; overflow:hidden; min-height:45px; padding:13px 12px 13px 15px; border-radius:14px; transition:color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }
.sidebar__nav a::before,.sidebar__nav button::before { content:""; position:absolute; inset:9px auto 9px 0; width:3px; border-radius:999px; background:var(--accent); opacity:0; transform:scaleY(.35); transition:opacity .2s ease, transform .2s ease; }
.sidebar__nav a:hover,.sidebar__nav a.is-active,.sidebar__nav button:hover,.sidebar__nav button.is-active { transform:translateX(4px); box-shadow:0 10px 24px rgba(var(--accent-rgb),.1); }
.sidebar__nav a:hover::before,.sidebar__nav a.is-active::before,.sidebar__nav button:hover::before,.sidebar__nav button.is-active::before { opacity:1; transform:scaleY(1); }
.sidebar__bottom { position:sticky; bottom:18px; margin-top:auto; padding-top:18px; background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.98) 28%); }
.sidebar__logout button { min-height:46px; border:1px solid rgba(181,77,77,.12); border-radius:13px; background:linear-gradient(180deg,#fdecec,#f9dfdf); box-shadow:0 12px 28px rgba(181,77,77,.08); transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.sidebar__logout button:hover { transform:translateY(-2px); background:#f9dddd; box-shadow:0 16px 34px rgba(181,77,77,.14); }
.workspace__main { animation:workspaceMainIn .62s ease both; }
.panel,.metrics article,.profile-card,.import-card,.login-card { position:relative; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease; }
.panel:hover,.metrics article:hover,.profile-card:hover { transform:translateY(-2px); border-color:rgba(var(--accent-rgb),.16); box-shadow:0 24px 58px rgba(25,76,99,.11); }
.panel::before,.metrics article::before { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),transparent 38%); opacity:0; transition:opacity .24s ease; }
.panel:hover::before,.metrics article:hover::before { opacity:1; }
.metrics article { animation:softRise .48s ease both; }
.metrics article:nth-child(2) { animation-delay:.04s; }
.metrics article:nth-child(3) { animation-delay:.08s; }
.metrics article:nth-child(4) { animation-delay:.12s; }
.metrics strong { color:var(--ink); text-shadow:0 12px 28px rgba(22,50,68,.08); }
.report-row:not(.report-row--head) { transition:background .18s ease, transform .18s ease, border-color .18s ease; }
.report-row:not(.report-row--head):hover { background:linear-gradient(90deg,rgba(var(--accent-rgb),.06),transparent 82%); transform:translateX(3px); }
.report-row__avatar,.counter,.status,.priority,.technician-option__avatar,.team-avatar,.header-user div { transition:transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.report-row:hover .report-row__avatar,.task-card:hover .priority,.task-card:hover .status,.technician-options label:hover .technician-option__avatar,.header-user:hover div { transform:translateY(-1px) scale(1.03); filter:saturate(1.08); }
.task-card { background:linear-gradient(180deg,#f8fbfd,#f1f7fa); transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease; }
.task-card:hover { border-color:rgba(var(--accent-rgb),.28); box-shadow:0 16px 34px rgba(22,50,68,.09); transform:translateY(-2px); }
.list-filters,.bulk-assign,.conversation-panel,.report-meta-card { box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 30px rgba(22,50,68,.04); }
.list-filters input,.list-filters select,.form-grid input,.form-grid select,.decision-dialog textarea,.conversation-composer textarea { transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease; }
.list-filters input:focus,.list-filters select:focus,.form-grid input:focus,.form-grid select:focus,.decision-dialog textarea:focus { outline:none; border-color:var(--accent); background:#fff; box-shadow:0 0 0 4px rgba(var(--accent-rgb),.13); }
.button { position:relative; overflow:hidden; letter-spacing:.005em; transition:transform .2s ease, filter .2s ease, box-shadow .2s ease; }
.button::after { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.24) 46%,transparent 62%); transform:translateX(-130%); transition:transform .55s ease; }
.button:hover::after { transform:translateX(130%); }
.button:active { transform:translateY(0) scale(.98); }
.button--ghost { box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.04); }
.status--accepted,.status { color:#197552; background:linear-gradient(180deg,#dff7ec,#cceedd); }
.status--new { color:#2457b6; background:linear-gradient(180deg,#e7efff,#d5e4ff); }
.status--in_progress { color:#147b9f; background:linear-gradient(180deg,#e6f9ff,#ccefff); }
.status--rejected { color:#b84747; background:linear-gradient(180deg,#fdeaea,#f9dada); }
.status--on_review { color:#7754d9; background:linear-gradient(180deg,#f2edff,#e8defd); }
.status--on_admin { color:#167d68; background:linear-gradient(180deg,#dff8ee,#d0f0e4); }
.priority { color:#65717b; background:linear-gradient(180deg,#eef3f6,#dfe7ec); box-shadow:0 6px 16px rgba(101,113,123,.07); }
.priority--high { color:#b84747; background:linear-gradient(180deg,#ffe6e6,#fad4d4); box-shadow:0 6px 16px rgba(184,71,71,.08); }
.priority--medium { color:#b36013; background:linear-gradient(180deg,#ffead5,#ffd7ad); box-shadow:0 6px 16px rgba(179,96,19,.08); }
.priority--low { color:#8a6d12; background:linear-gradient(180deg,#fff4bf,#ffe985); box-shadow:0 6px 16px rgba(138,109,18,.08); }
.priority--not_specified { color:#65717b; background:linear-gradient(180deg,#eef3f6,#dfe7ec); box-shadow:0 6px 16px rgba(101,113,123,.07); }
.messages .message { animation:softRise .3s ease both; }
@keyframes workspaceMainIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes softRise { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; } }
@media (max-width:1180px) { .workspace__layout { grid-template-columns:238px minmax(0,1fr); }.sidebar { padding:24px 14px 16px; } }
@media (max-width:960px) { .workspace__layout { grid-template-columns:1fr; }.sidebar { position:sticky; top:0; height:auto; min-height:0; padding:12px 18px; box-shadow:0 14px 34px rgba(22,50,68,.08); }.sidebar::before { height:100%; }.sidebar__nav a:hover,.sidebar__nav a.is-active,.sidebar__nav button:hover,.sidebar__nav button.is-active { transform:translateY(-1px); }.sidebar__bottom { position:absolute; top:12px; right:18px; bottom:auto; margin:0; padding:0; background:transparent; } }
@media (max-width:680px) { .panel:hover,.metrics article:hover,.profile-card:hover,.task-card:hover,.report-row:not(.report-row--head):hover { transform:none; }.sidebar { padding:10px 14px; }.sidebar__bottom { top:10px; right:14px; } }
@media (max-width:680px) { .technician-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.technician-dialog { width:min(100% - 20px,680px); padding:22px 16px; } }

/* Hard fixes for persistent navigation and smoother report-row highlights. */
.sidebar__nav { padding-bottom:84px; }

/* Manual forms polish: checkbox alignment, richer technician cards, photo slots. */
.entity-form .toggle,.decision-dialog .entity-form .toggle,.form-section > .toggle { display:inline-flex !important; grid-template-columns:none !important; align-items:center; justify-content:flex-start; gap:10px; width:max-content; max-width:100%; margin:4px 0 12px; color:var(--ink); }
.entity-form .toggle input,.technician-choice input { flex:0 0 auto; width:17px; height:17px; margin:0; accent-color:var(--accent); }
.toggle-card { padding:9px 12px; border:1px solid rgba(var(--accent-rgb),.18); border-radius:12px; background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(255,255,255,.92)); box-shadow:0 10px 24px rgba(22,50,68,.04); transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.toggle-card:hover { transform:translateY(-1px); border-color:rgba(var(--accent-rgb),.34); box-shadow:0 14px 30px rgba(var(--accent-rgb),.09); }
.form-section { position:relative; overflow:hidden; background:linear-gradient(135deg,rgba(var(--accent-rgb),.055),rgba(255,255,255,.92) 46%,rgba(0,148,207,.035)); transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.form-section:nth-of-type(2n) { background:linear-gradient(135deg,rgba(118,86,233,.045),rgba(255,255,255,.94) 48%,rgba(211,120,27,.04)); }
.form-section:hover { transform:translateY(-1px); border-color:rgba(var(--accent-rgb),.26); box-shadow:0 18px 44px rgba(22,50,68,.07); }
.form-hint { margin:0 0 14px; padding:12px 14px; border:1px solid rgba(var(--accent-rgb),.15); border-radius:13px; color:#315267; background:linear-gradient(135deg,rgba(var(--accent-rgb),.09),rgba(255,255,255,.82)); font-size:.8rem; line-height:1.55; font-weight:700; }
.technician-choice-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:10px; }
.technician-choice { display:grid !important; grid-template-columns:auto 42px minmax(0,1fr) !important; align-items:center; gap:11px; padding:12px; border:1px solid rgba(var(--accent-rgb),.16); border-radius:15px; background:linear-gradient(135deg,#fff,rgba(var(--accent-rgb),.045)); cursor:pointer; box-shadow:0 10px 24px rgba(22,50,68,.045); transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.technician-choice:hover,.technician-choice:has(input:checked),.technician-choice.is-selected { transform:translateY(-2px); border-color:rgba(var(--accent-rgb),.5); background:linear-gradient(135deg,rgba(var(--accent-rgb),.13),#fff); box-shadow:0 18px 38px rgba(var(--accent-rgb),.12); }
.technician-choice__avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; color:#fff; background:linear-gradient(145deg,var(--accent),#163244); font-weight:900; box-shadow:0 10px 22px rgba(var(--accent-rgb),.2); }
.technician-choice__body { display:grid; min-width:0; gap:2px; }
.technician-choice__body strong { overflow:hidden; color:var(--ink); text-overflow:ellipsis; white-space:nowrap; font-size:.86rem; }
.technician-choice__body small { overflow:hidden; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; font-size:.72rem; }
.task-search-field { margin:0 0 12px; }
.task-search-field input { width:100%; min-height:42px; border:1px solid rgba(var(--accent-rgb),.2); border-radius:11px; padding:10px 12px; color:var(--ink); background:#fff; font:inherit; box-shadow:0 8px 22px rgba(22,50,68,.04); transition:border-color .18s ease, box-shadow .18s ease; }
.task-search-field input:focus { outline:none; border-color:rgba(var(--accent-rgb),.58); box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1); }
select.is-search-empty { border-color:#d95757 !important; box-shadow:0 0 0 4px rgba(217,87,87,.08); }
.photo-upload-grid { display:grid; gap:10px; margin-top:8px; }
.photo-upload-row { display:grid; grid-template-columns:minmax(190px,.34fr) minmax(260px,1fr) auto; gap:10px; align-items:end; padding:12px; border:1px solid rgba(var(--accent-rgb),.13); border-radius:14px; background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(var(--accent-rgb),.045)); transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease, background .18s ease; }
.photo-upload-row:hover { transform:translateY(-1px); border-color:rgba(var(--accent-rgb),.34); box-shadow:0 12px 28px rgba(22,50,68,.06); }
.photo-upload-row.has-file { border-color:rgba(var(--accent-rgb),.45); background:linear-gradient(135deg,rgba(var(--accent-rgb),.11),#fff 58%,rgba(211,120,27,.08)); box-shadow:0 14px 30px rgba(var(--accent-rgb),.09); }
.photo-upload-row label { display:grid; gap:7px; color:var(--ink); font-size:.76rem; font-weight:800; }
.photo-upload-row input,.photo-upload-row select { width:100%; border:1px solid #d8e4e9; border-radius:9px; padding:9px; background:#fff; font:inherit; }
.photo-upload-add { justify-self:start; margin-top:12px; border:1px solid rgba(var(--accent-rgb),.16); color:#0e846d; background:linear-gradient(135deg,rgba(20,133,105,.14),rgba(0,148,207,.08)); }
.photo-upload-remove { min-height:39px; border:0; border-radius:9px; padding:9px 12px; color:#b84747; background:#fde5e5; cursor:pointer; font:800 .75rem "Manrope",sans-serif; transition:transform .18s ease, filter .18s ease; }
.photo-upload-remove:hover { transform:translateY(-1px); filter:brightness(1.02); }
.task-card__actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }
.task-card__action { display:inline-flex; align-items:center; justify-content:center; min-height:38px; border:0; border-radius:11px; padding:9px 10px; text-align:center; text-decoration:none; cursor:pointer; font:900 .72rem "Manrope",sans-serif; line-height:1.2; box-shadow:0 10px 24px rgba(22,50,68,.08); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.task-card__action:hover { transform:translateY(-2px); box-shadow:0 16px 32px rgba(22,50,68,.12); filter:brightness(1.03); }
.task-card__action--report { color:#fff; background:linear-gradient(135deg,#148569,#0094cf); }
.task-card__action--edit { color:#78480a; background:linear-gradient(135deg,#fff2bf,#ffd39b); }
.conversation-actions { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; padding:16px 20px; border-top:1px solid var(--line); background:linear-gradient(135deg,rgba(var(--accent-rgb),.045),rgba(255,255,255,.92)); }
.conversation-actions .decision-actions { display:flex; gap:10px; padding:0; border:0; background:transparent; }
.conversation-actions .decision-actions .button { min-height:48px; }
@media (max-width:680px) { .photo-upload-row,.task-card__actions { grid-template-columns:1fr; }.technician-choice-grid { grid-template-columns:1fr; }.entity-form .toggle,.decision-dialog .entity-form .toggle,.form-section > .toggle { width:100%; }.conversation-actions { align-items:stretch; flex-direction:column; }.conversation-actions .button,.conversation-actions .decision-actions { width:100%; }.conversation-actions .decision-actions { flex-direction:column; } }
.sidebar__bottom { position:fixed; left:18px; bottom:18px; width:234px; margin:0; padding:0; background:transparent; z-index:8; }
.sidebar__logout button { width:100%; }
.report-row:not(.report-row--head) { position:relative; isolation:isolate; }
.report-row:not(.report-row--head)::before { content:""; position:absolute; inset:6px -8px; z-index:-1; border-radius:16px; background:linear-gradient(90deg,rgba(var(--accent-rgb),.11),rgba(var(--accent-rgb),.045) 42%,rgba(var(--accent-rgb),0) 100%); opacity:0; transform:scaleX(.985); transform-origin:left center; transition:opacity .18s ease, transform .18s ease; }
.report-row:not(.report-row--head):hover { background:transparent; }
.report-row:not(.report-row--head):hover::before { opacity:1; transform:scaleX(1); }
@media (max-width:1180px) { .sidebar__bottom { left:14px; width:210px; } }
@media (max-width:960px) { .sidebar__nav { padding-bottom:0; }.sidebar__bottom { position:absolute; top:12px; right:18px; bottom:auto; left:auto; width:auto; } }
@media (max-width:680px) { .sidebar__bottom { top:10px; right:14px; }.report-row:not(.report-row--head)::before { display:none; } }

/* Task card actions should read as controls, not as loud primary CTAs on every card. */
.task-card { display:flex; flex-direction:column; }
.task-card__actions { margin-top:auto; padding-top:14px; align-items:stretch; }
.task-card__action { height:48px; min-height:48px; border:1px solid rgba(var(--accent-rgb),.13); box-shadow:none; font-weight:850; }
.task-card__action:hover { box-shadow:0 10px 22px rgba(22,50,68,.08); }
.task-card__action--report { color:#0f725f; background:linear-gradient(135deg,rgba(20,133,105,.13),rgba(0,148,207,.09)); }
.task-card__action--edit { color:#80530f; border-color:rgba(211,120,27,.18); background:linear-gradient(135deg,rgba(255,223,166,.58),rgba(255,245,220,.78)); }

/* Existing report photos can be marked for deletion without disappearing before submit. */
.existing-photo-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:10px; margin:0 0 14px; }
.existing-photo-card { position:relative; overflow:hidden; display:grid !important; gap:0 !important; min-height:158px; border:1px solid rgba(var(--accent-rgb),.14); border-radius:14px; background:#fff; cursor:pointer; box-shadow:0 10px 24px rgba(22,50,68,.05); transition:opacity .18s ease, filter .18s ease, transform .18s ease, border-color .18s ease; }
.existing-photo-card:hover { transform:translateY(-1px); border-color:rgba(var(--accent-rgb),.3); }
.existing-photo-card input { position:absolute; top:10px; left:10px; z-index:2; width:18px; height:18px; margin:0; accent-color:#d95757; }
.existing-photo-card img { width:100%; height:105px; object-fit:cover; background:var(--canvas); transition:filter .18s ease, opacity .18s ease; }
.existing-photo-card span { display:grid; gap:2px; padding:9px 10px; }
.existing-photo-card strong { overflow:hidden; color:var(--ink); text-overflow:ellipsis; white-space:nowrap; font-size:.76rem; }
.existing-photo-card small { color:var(--muted); font-size:.66rem; font-weight:800; }
.existing-photo-card:has(input:checked) { border-color:rgba(217,87,87,.36); background:#fff7f7; }
.existing-photo-card:has(input:checked) img { opacity:.35; filter:grayscale(1); }
.existing-photo-card:has(input:checked) small { color:#b84747; }
.decision-warning { flex:1 0 100%; max-width:720px; margin:0 0 4px; padding:9px 11px; border:1px solid rgba(211,120,27,.24); border-radius:10px; color:#7a520f; background:linear-gradient(135deg,rgba(255,239,206,.72),rgba(255,248,232,.9)); font-size:.75rem; line-height:1.45; font-weight:800; }

/* Definitive desktop sidebar layout: fixed panel, fixed content offset, logout pinned inside it. */
@media (min-width:961px) {
    .workspace__layout { display:block; min-height:100vh; padding-left:270px; }
    .sidebar { position:fixed; inset:0 auto 0 0; width:270px; height:auto; min-height:100vh; overflow:hidden; }
    .sidebar__nav { max-height:none; overflow:visible; padding-bottom:18px; scrollbar-width:none; }
    .sidebar__nav::-webkit-scrollbar { display:none; }
    .sidebar__bottom { position:absolute; left:18px; right:18px; bottom:18px; width:auto; }
    .workspace__main { width:min(1420px,100%); }
}
@media (min-width:961px) and (max-width:1180px) {
    .workspace__layout { padding-left:238px; }
    .sidebar { width:238px; }
    .sidebar__bottom { left:14px; right:14px; }
}

.conversation-message__bubble { position:relative; padding-right:42px; }
.conversation-message__menu-button { position:absolute; top:8px; right:8px; display:grid; place-items:center; width:28px; height:28px; border:0; border-radius:9px; color:var(--muted); background:rgba(22,50,68,.06); cursor:pointer; font:900 1rem/1 "Manrope",sans-serif; transition:background .18s ease, color .18s ease, transform .18s ease; }
.conversation-message--mine .conversation-message__menu-button { color:rgba(255,255,255,.82); background:rgba(255,255,255,.16); }
.conversation-message__menu-button:hover { transform:translateY(-1px); color:var(--accent); background:rgba(var(--accent-rgb),.12); }
.conversation-message--mine .conversation-message__menu-button:hover { color:#fff; background:rgba(255,255,255,.26); }
.conversation-message__menu { display:none; }
.conversation-floating-menu { position:fixed; z-index:1000; display:none; min-width:166px; padding:6px; border:1px solid rgba(22,50,68,.09); border-radius:13px; background:#fff; box-shadow:0 18px 42px rgba(22,50,68,.18); animation:commentMenuIn .14s ease both; }
.conversation-floating-menu.is-open { display:grid; gap:4px; }
.conversation-floating-menu button { width:100%; border:0; border-radius:9px; padding:9px 10px; color:var(--ink); background:transparent; cursor:pointer; font:800 .78rem "Manrope",sans-serif; text-align:left; transition:background .16s ease, color .16s ease; }
.conversation-floating-menu button:hover { color:var(--accent); background:rgba(var(--accent-rgb),.09); }
.conversation-floating-menu button[data-comment-delete]:hover { color:#b84747; background:#fdeaea; }
.conversation-edit-form { display:grid; gap:10px; margin-top:8px; }
.conversation-edit-form textarea { width:100%; min-height:92px; padding:11px 12px; border:1px solid rgba(255,255,255,.4); border-radius:12px; color:var(--ink); background:#fff; font:500 .88rem/1.5 "Manrope",sans-serif; resize:vertical; outline:none; box-shadow:inset 0 1px 2px rgba(22,50,68,.06); }
.conversation-message:not(.conversation-message--mine) .conversation-edit-form textarea { border-color:#c7dbe4; }
.conversation-edit-form textarea:focus { border-color:var(--accent); box-shadow:0 0 0 4px rgba(var(--accent-rgb),.13); }
.conversation-edit-form > div { display:flex; justify-content:flex-end; gap:8px; }
.conversation-edit-form .button { min-height:36px; padding:8px 11px; font-size:.78rem; }
.conversation-message--mine .conversation-edit-form .button { color:var(--accent); background:#fff; box-shadow:0 10px 22px rgba(22,50,68,.12); }
.conversation-message--mine .conversation-edit-form .button:hover { filter:none; box-shadow:0 14px 28px rgba(22,50,68,.16); }
.conversation-message--mine .conversation-edit-form .button--ghost { color:#fff; background:rgba(255,255,255,.18); box-shadow:inset 0 0 0 1px rgba(255,255,255,.28); }
.conversation-message--mine .conversation-edit-form .button--ghost:hover { color:#fff; background:rgba(255,255,255,.28); }
@keyframes commentMenuIn { from { opacity:0; transform:translateY(-4px) scale(.98); } to { opacity:1; transform:none; } }
@media (max-width:620px) { .conversation-message__bubble { padding-right:38px; }.conversation-floating-menu { max-width:calc(100vw - 24px); } }

.profile-page { width:min(1080px,calc(100% - 32px)); font-size:1.05rem; }
.profile-card { padding:40px; }
.profile-hero h1 { font-size:2rem; line-height:1.08; }
.profile-role { font-size:.95rem; }
.profile-avatar { width:82px; height:82px; border-radius:24px; font-size:1.75rem; }
.profile-grid { gap:22px; }
.profile-grid section { padding:24px; }
.profile-grid h2 { font-size:1.18rem; }
.profile-grid dl { grid-template-columns:minmax(170px,.42fr) minmax(0,1fr); gap:11px 18px; font-size:.96rem; line-height:1.45; }
.profile-grid dt { font-weight:700; }
.profile-grid dd { font-weight:500; }
.profile-metrics { gap:12px; }
.profile-metrics div { padding:14px; }
.profile-metrics strong { font-size:1.65rem; }
.profile-metrics span,.profile-hint { font-size:.88rem; }
@media (max-width:680px) { .profile-page { font-size:1rem; }.profile-card { padding:22px; }.profile-avatar { width:62px; height:62px; border-radius:18px; font-size:1.35rem; }.profile-hero h1 { font-size:1.55rem; }.profile-grid section { padding:18px; }.profile-grid dl { grid-template-columns:minmax(118px,.44fr) minmax(0,1fr); font-size:.9rem; } }

.login-brand { gap:20px; font-size:1.35rem; }
.login-brand img { width:142px; height:86px; }
.login-brand span { font-size:1.72rem; font-weight:900; letter-spacing:-.045em; }

.report-row__actions form { margin:0; }
.archive-pill { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:7px 11px; border-radius:999px; color:#6b7b86; background:#e8eef2; font-size:.74rem; font-weight:900; white-space:nowrap; }
.archive-pill.is-archived { color:#7a520f; background:#fff0cf; }
.archive-pill.is-active { color:#1f6a88; background:#dff4fb; }
.archive-pill.is-in-container { color:#13745f; background:#d9f3ea; }
.container-strip { position:sticky; top:14px; z-index:8; display:flex; align-items:center; justify-content:space-between; gap:16px; margin:-10px 0 20px; padding:16px 18px; border:1px solid rgba(var(--accent-rgb),.16); border-radius:18px; background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(255,255,255,.94)); box-shadow:0 18px 42px rgba(22,50,68,.12); backdrop-filter:blur(16px); }
.container-strip strong,.container-strip span { display:block; }
.container-strip strong { color:var(--ink); font-size:1.05rem; }
.container-strip span { margin-top:3px; color:var(--muted); font-size:.82rem; font-weight:800; }
.container-strip__actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.container-strip--static { position:relative; top:auto; }
.container-content-band { margin:-8px 0 20px; padding:18px; border:1px solid rgba(var(--accent-rgb),.14); border-radius:18px; background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(var(--accent-rgb),.045)); box-shadow:0 14px 34px rgba(22,50,68,.055); }
.container-content-band .section-heading { margin-bottom:12px; }
.container-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:10px; }
.container-report-card { display:grid; gap:6px; min-height:74px; padding:14px; border:1px solid rgba(var(--accent-rgb),.14); border-radius:14px; color:var(--ink); background:#fff; text-decoration:none; box-shadow:0 10px 24px rgba(22,50,68,.045); transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.container-report-card:hover { transform:translateY(-2px); border-color:rgba(var(--accent-rgb),.35); box-shadow:0 16px 32px rgba(22,50,68,.08); }
.container-report-card strong { font-size:.86rem; line-height:1.35; }
.container-report-card span { color:var(--muted); font-size:.78rem; font-weight:800; }
.container-report-card small { color:var(--muted); font-size:.78rem; font-weight:800; }
.container-report-card--selectable { grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; }
.container-report-card--selectable label { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:10px; min-width:0; cursor:pointer; }
.container-report-card--selectable input { width:16px; height:16px; accent-color:var(--accent); }
.container-report-card--selectable label span { display:grid; gap:4px; min-width:0; color:var(--ink); }
.container-report-card--selectable strong,
.container-report-card--selectable small {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.container-report-card--selectable .button { align-self:center; box-shadow:none; }
.dashboard-ops-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:18px; margin-top:20px; align-items:start; }
.dashboard-ops-grid > .panel { margin-top:0; }
.dashboard-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dashboard-action-grid article { display:grid; gap:10px; padding:16px; border:1px solid rgba(var(--accent-rgb),.12); border-radius:16px; background:linear-gradient(135deg,#fff,rgba(var(--accent-rgb),.045)); }
.dashboard-action-grid strong { color:var(--ink); font-size:.98rem; }
.dashboard-action-grid span { color:var(--muted); font-size:.84rem; line-height:1.5; }
.dashboard-action-grid .button { justify-self:start; }
.dashboard-export-current { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; margin:0 0 16px; padding:18px; border:1px solid rgba(var(--accent-rgb),.16); border-radius:18px; background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(255,255,255,.94)); }
.dashboard-export-current h3 { margin:0 0 8px; font-size:1.3rem; letter-spacing:-.035em; }
.dashboard-export-current p { margin:0; color:var(--muted); font-size:.86rem; line-height:1.55; }
.dashboard-export-current__actions { display:grid; gap:10px; }
.dashboard-container-item { display:block; color:var(--ink); font-size:.82rem; font-weight:800; }
.button--mini-preview { min-height:32px; margin-left:8px; padding:6px 10px; color:var(--accent); background:rgba(var(--accent-rgb),.1); box-shadow:none; font-size:.74rem; vertical-align:middle; }
.button--container-add { color:#fff; background:linear-gradient(135deg,#008bbf,#148569); box-shadow:0 8px 18px rgba(0,139,191,.16); }
.dashboard-archive-list { max-height:560px; overflow:auto; padding-right:4px; }
.export-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 18px; padding:16px; border:1px solid rgba(var(--accent-rgb),.14); border-radius:16px; background:linear-gradient(135deg,rgba(var(--accent-rgb),.045),rgba(255,255,255,.92)); }
.export-filters label:not(.toggle) { display:grid; gap:6px; color:var(--muted); font-size:.73rem; font-weight:900; }
.export-filters input,.export-filters select,.export-filters textarea { width:100%; min-height:42px; border:1px solid #d8e4e9; border-radius:10px; padding:9px 10px; color:var(--ink); background:#fff; font:inherit; font-size:.82rem; }
.export-filters textarea { resize:vertical; }
.export-filter-wide { grid-column:span 2; }
.export-filter-actions { display:flex; align-items:end; gap:8px; }
.export-toggle { display:grid !important; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:10px; padding:12px; border:1px solid rgba(var(--accent-rgb),.14); border-radius:14px; color:var(--ink); background:linear-gradient(135deg,rgba(var(--accent-rgb),.055),#fff); cursor:pointer; }
.export-toggle input { width:18px !important; height:18px; min-height:18px !important; padding:0; accent-color:var(--accent); }
.export-toggle b,.export-toggle small { display:block; }
.export-toggle b { font-size:.82rem; }
.export-toggle small { margin-top:2px; color:var(--muted); font-size:.68rem; line-height:1.35; }
.export-batch-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.45fr); gap:14px; margin:0 0 14px; padding:18px; border:1px solid rgba(var(--accent-rgb),.16); border-radius:18px; background:linear-gradient(135deg,rgba(20,133,105,.08),rgba(255,255,255,.94)); box-shadow:0 14px 32px rgba(22,50,68,.05); }
.export-batch-panel h2 { margin:0 0 8px; font-size:1.25rem; }
.export-batch-panel p { margin:0; color:var(--muted); font-size:.86rem; line-height:1.55; }
.export-batch-actions,.export-batch-list { display:grid; gap:10px; }
.export-batch-list { grid-column:1 / -1; padding-top:12px; border-top:1px solid rgba(var(--accent-rgb),.12); }
.export-batch-list label { display:flex; align-items:center; gap:8px; color:var(--ink); font-size:.82rem; font-weight:800; }
.export-batch-list input { accent-color:var(--accent); }
.container-overview--export { margin:0 0 14px; }
.container-overview--export .container-overview__header { align-items:flex-start; }
.container-overview--export .container-strip__actions { min-width:min(448px,100%); }
.container-overview--export .container-strip__actions .button { flex:1 1 190px; }
.container-overview--export .container-strip__actions .button:first-child { flex-basis:248px; }
.export-batch-remove { width:100%; min-height:40px; margin-top:12px; box-shadow:none; }
.empty-inline { color:var(--muted); font-size:.82rem; font-weight:800; }
.export-toolbar { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 12px; padding:14px; border:1px solid rgba(var(--accent-rgb),.12); border-radius:14px; background:#fff; }
.report-row--export { grid-template-columns:90px 48px minmax(220px,1fr) minmax(150px,190px) 120px 130px; }
.report-row--export .task-select { margin:0; }
.report-row--export[data-selectable-report-row] { cursor:pointer; border-radius:13px; padding-inline:8px; }
.report-row--export[data-selectable-report-row].is-selected { border-color:rgba(var(--accent-rgb),.28); background:linear-gradient(90deg,rgba(var(--accent-rgb),.11),rgba(var(--accent-rgb),.035)); box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.12); }
.archive-batches { margin:0 0 22px; }
.archive-search-panel { margin-bottom:22px; }
.archive-search-result { color:var(--muted); font-size:.78rem; font-weight:900; }
.archive-package-list { display:grid; gap:13px; }
.archive-package-card { overflow:hidden; border:1px solid rgba(var(--accent-rgb),.14); border-radius:17px; background:linear-gradient(135deg,#fff,rgba(var(--accent-rgb),.045)); box-shadow:0 12px 28px rgba(22,50,68,.045); }
.archive-package-card details { display:block; }
.archive-package-card summary { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px; cursor:pointer; list-style:none; }
.archive-package-card summary::-webkit-details-marker { display:none; }
.archive-package-card summary::after { content:""; width:10px; height:10px; border-right:2px solid var(--accent); border-bottom:2px solid var(--accent); transform:rotate(45deg); transition:transform .2s ease; }
.archive-package-card details[open] summary::after { transform:rotate(225deg); }
.archive-package-card__main { display:grid; min-width:0; gap:4px; }
.archive-package-card__main strong { overflow:hidden; color:var(--ink); font-size:1rem; text-overflow:ellipsis; white-space:nowrap; }
.archive-package-card__main small { color:var(--muted); font-size:.78rem; font-weight:850; }
.archive-package-card__hint { flex:0 0 auto; padding:7px 10px; border-radius:999px; color:var(--accent); background:rgba(var(--accent-rgb),.1); font-size:.72rem; font-weight:900; }
.archive-package-card__body { display:grid; gap:14px; padding:0 16px 16px; border-top:1px solid rgba(var(--accent-rgb),.1); }
.archive-package-actions { display:grid; grid-template-columns:minmax(220px,1fr) auto auto; gap:10px; align-items:center; padding-top:14px; }
.archive-package-actions input { width:100%; min-height:42px; border:1px solid #d8e4e9; border-radius:10px; padding:9px 11px; color:var(--ink); background:#fff; font:inherit; font-size:.82rem; }
.archive-package-actions form { margin:0; }
.archive-package-table { display:grid; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#fff; }
.archive-package-row { display:grid; grid-template-columns:64px minmax(220px,1fr) minmax(130px,190px) minmax(130px,170px) minmax(110px,auto); gap:12px; align-items:center; min-width:0; padding:12px 14px; border-top:1px solid var(--line); }
.archive-package-row:first-child { border-top:0; }
.archive-package-row--head { color:var(--muted); background:rgba(var(--accent-rgb),.04); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
.archive-package-row[hidden] { display:none; }
.archive-package-row .button { justify-self:end; min-width:100px; box-shadow:none; }
.archive-package-empty { margin:12px; }
@media (max-width:1100px) { .report-row--export { grid-template-columns:48px minmax(0,1fr) auto; }.report-row--export > .task-select { grid-column:1 / -1; }.report-row--export > .archive-pill,.report-row--export > .button { grid-column:2 / -1; justify-self:start; } }
@media (max-width:1180px) { .dashboard-ops-grid { grid-template-columns:1fr; } }
@media (max-width:980px) { .export-filters { grid-template-columns:1fr 1fr; }.dashboard-action-grid { grid-template-columns:1fr; }.container-strip { align-items:flex-start; flex-direction:column; }.container-strip__actions { justify-content:flex-start; } }
@media (max-width:900px) { .archive-package-actions { grid-template-columns:1fr; }.archive-package-actions .button,.archive-package-actions form,.archive-package-actions form .button { width:100%; }.archive-package-row { grid-template-columns:54px minmax(0,1fr) auto; }.archive-package-row--head { display:none; }.archive-package-row .status,.archive-package-row .archive-pill { grid-column:2 / -1; justify-self:start; }.archive-package-row .button { grid-column:1 / -1; width:100%; justify-self:stretch; } }
@media (max-width:760px) { .export-batch-panel { grid-template-columns:1fr; }.archive-package-card summary { align-items:flex-start; flex-direction:column; }.archive-package-card summary::after { position:absolute; right:18px; margin-top:6px; }.archive-package-card { position:relative; } }
@media (max-width:620px) { .export-filters { grid-template-columns:1fr; }.export-filter-wide { grid-column:auto; }.export-toolbar { align-items:stretch; flex-direction:column; }.export-toolbar .button { width:100%; }.archive-package-row { grid-template-columns:1fr; }.archive-package-row .report-row__avatar { width:max-content; }.archive-package-row .status,.archive-package-row .archive-pill,.archive-package-row .button { grid-column:auto; }.container-strip__actions,.container-strip__actions .button { width:100%; }.dashboard-export-current__actions .button { width:100%; } }
@media (max-width:680px) { .login-brand { gap:14px; }.login-brand img { width:102px; height:62px; }.login-brand span { font-size:1.22rem; } }

.team-list .team-avatar { color:#fff; background:linear-gradient(145deg,var(--accent),#1b3e62); text-shadow:none; box-shadow:0 8px 18px rgba(var(--accent-rgb),.22); font-weight:900; }

.header-user span { color:var(--ink); font-size:1.02rem; font-weight:900; letter-spacing:-.015em; }

.report-meta-card { padding:20px; }
.report-meta-card h4 { margin-bottom:16px; font-size:1.02rem; }
.report-meta-card p { display:block; margin:0; padding:0; border:0; background:transparent; }
.report-meta-list { display:grid; gap:9px; }
.report-meta-item { display:grid; gap:4px; padding:12px 13px; border:1px solid #e2edf2; border-radius:13px; background:#fff; box-shadow:0 8px 20px rgba(22,50,68,.04); }
.report-meta-item span { color:var(--muted); font-size:.74rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.report-meta-item strong { color:var(--ink); font-size:.9rem; line-height:1.35; overflow-wrap:anywhere; }
.report-meta-item small { color:var(--muted); font-size:.78rem; line-height:1.35; }

/* Dashboard and journal container refresh. */
.directory-page > .back-link {
    display:inline-flex;
    align-items:center;
    min-height:38px;
    margin:0 0 16px;
}
.container-overview {
    position:relative;
    overflow:hidden;
    display:grid;
    gap:0;
    margin:0 0 22px;
    border:1px solid rgba(var(--accent-rgb),.16);
    border-radius:20px;
    background:
        linear-gradient(135deg,rgba(var(--accent-rgb),.105),rgba(255,255,255,.93) 42%,rgba(0,148,207,.055)),
        #fff;
    box-shadow:0 20px 48px rgba(22,50,68,.095);
}
.container-overview::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(255,255,255,.4),transparent 30%),
        radial-gradient(circle at 88% 20%,rgba(160,195,44,.15),transparent 34%);
}
.container-overview__header,
.container-overview__body {
    position:relative;
    z-index:1;
}
.container-overview__header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:20px 22px 18px;
}
.container-overview__header h2 {
    margin:0;
    color:var(--ink);
    font-size:1.2rem;
    letter-spacing:-.035em;
}
.container-overview__header span {
    display:block;
    margin-top:5px;
    color:var(--muted);
    font-size:.9rem;
    font-weight:850;
}
.container-overview__body {
    padding:18px 22px 22px;
    border-top:1px solid rgba(var(--accent-rgb),.12);
    background:rgba(255,255,255,.44);
}
.container-overview__body .section-heading {
    margin-bottom:14px;
}
.container-overview .empty-state {
    grid-column:1 / -1;
    background:rgba(255,255,255,.54);
}
.container-overview--directory {
    margin-bottom:24px;
}

/* Operations area: stacked full-width panels remove the empty column beside containers. */
.dashboard-ops-grid {
    grid-template-columns:1fr;
    align-items:stretch;
}
.dashboard-ops-grid > .panel {
    width:100%;
}
.export-dashboard-panel {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.52fr);
    gap:16px;
}
.export-dashboard-panel > .section-heading {
    grid-column:1 / -1;
}
.dashboard-export-current {
    min-height:100%;
    margin:0;
}
.dashboard-archive-list {
    max-height:none;
    overflow:visible;
    padding-right:0;
}

/* Larger manual task creation screen. */
.task-create-page {
    width:min(1380px,calc(100% - 32px));
}
.form-panel--large {
    padding:34px;
}
.form-panel--large .section-heading h1 {
    font-size:clamp(2rem,3.2vw,3rem);
}
.form-panel--large .entity-form {
    gap:22px;
}
.form-panel--large .form-section {
    padding:24px;
    border-radius:18px;
}
.form-panel--large .form-section h3 {
    margin-bottom:18px;
    font-size:1.18rem;
}
.form-panel--large .form-grid {
    gap:16px;
}
.form-panel--large .form-grid label,
.form-panel--large .choice-stack,
.form-panel--large .form-section > label {
    font-size:.9rem;
}
.form-panel--large .form-grid input,
.form-panel--large .form-grid select,
.form-panel--large .form-grid textarea,
.form-panel--large .form-section textarea {
    min-height:48px;
    border-radius:12px;
    padding:12px 13px;
    font-size:1rem;
}
.form-panel--large .form-section textarea {
    min-height:116px;
}
.form-panel--large .toggle-card {
    min-height:44px;
    padding:11px 14px;
    font-size:.94rem;
}
.form-panel--large .technician-choice-grid {
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:12px;
}
.form-panel--large .technician-choice {
    grid-template-columns:auto 50px minmax(0,1fr) !important;
    min-height:72px;
    padding:14px;
}
.form-panel--large .technician-choice__avatar {
    width:50px;
    height:50px;
    border-radius:15px;
    font-size:.95rem;
}
.form-panel--large .technician-choice__body strong {
    font-size:1rem;
}
.form-panel--large .technician-choice__body small {
    font-size:.82rem;
}
.form-panel--large .form-actions .button {
    min-height:48px;
    padding-inline:18px;
    font-size:.96rem;
}

@media (max-width:980px) {
    .container-overview__header {
        align-items:flex-start;
        flex-direction:column;
    }
    .export-dashboard-panel {
        grid-template-columns:1fr;
    }
}
@media (max-width:680px) {
    .container-overview__header,
    .container-overview__body {
        padding:17px;
    }
    .task-create-page {
        width:min(100% - 24px,720px);
    }
    .form-panel--large {
        padding:20px;
    }
    .form-panel--large .form-section {
        padding:18px;
    }
    .form-panel--large .form-grid {
        gap:12px;
    }
}

/* Mobile hardening pass for the branch screens. */
@media (max-width:680px) {
    .workspace__layout,
    .workspace__main,
    .directory-page,
    .task-create-page,
    .panel,
    .form-panel,
    .form-section,
    .container-overview,
    .export-batch-panel,
    .archive-package-card,
    .report-list {
        min-width:0;
    }

    .sidebar {
        overflow:hidden;
    }

    .sidebar__nav {
        max-width:100%;
        padding-right:0;
        padding-bottom:4px;
    }

    .sidebar__bottom {
        position:static;
        width:100%;
        margin-top:10px;
        padding:0;
        background:transparent;
    }

    .sidebar__logout button {
        width:100%;
        min-height:38px;
        padding:9px 12px;
        font-size:.72rem;
    }

    .section-heading {
        align-items:stretch;
        flex-direction:column;
    }

    .section-actions {
        justify-content:flex-start;
        width:100%;
    }

    .section-actions .button {
        flex:1 1 150px;
        min-width:0;
        white-space:normal;
    }

    .container-overview__header {
        gap:14px;
    }

    .container-strip__actions {
        width:100%;
    }

    .container-strip__actions .button {
        flex:1 1 100%;
        width:100%;
    }

    .form-panel--large .technician-choice-grid,
    .technician-choice-grid {
        grid-template-columns:minmax(0,1fr);
    }

    .form-panel--large .technician-choice,
    .technician-choice {
        grid-template-columns:auto 44px minmax(0,1fr) !important;
        min-width:0;
        min-height:0;
        padding:12px;
    }

    .form-panel--large .technician-choice__avatar,
    .technician-choice__avatar {
        width:44px;
        height:44px;
        border-radius:14px;
        font-size:.88rem;
    }

    .form-panel--large .technician-choice__body,
    .technician-choice__body,
    .form-grid label,
    .choice-stack,
    .export-batch-list label,
    .report-row__info {
        min-width:0;
    }

    .export-filters,
    .list-filters {
        padding:14px;
    }

    .export-filter-actions {
        align-items:stretch;
        flex-direction:column;
    }

    .export-filter-actions .button {
        width:100%;
    }

    .export-batch-actions .button,
    .export-toolbar .button {
        white-space:normal;
    }
}

@media (max-width:420px) {
    .sidebar__brand {
        max-width:70px;
    }

    .sidebar__bottom {
        margin-top:8px;
    }

    .sidebar__logout button {
        width:100%;
        height:auto;
        min-height:36px;
        font-size:.68rem;
    }

    .sidebar__logout button::after {
        content:none;
    }

    .form-panel--large {
        padding:16px;
    }

    .form-panel--large .form-section {
        padding:14px;
    }

    .form-panel--large .technician-choice,
    .technician-choice {
        grid-template-columns:auto 38px minmax(0,1fr) !important;
        gap:9px;
        padding:10px;
    }

    .form-panel--large .technician-choice__avatar,
    .technician-choice__avatar {
        width:38px;
        height:38px;
    }

    .form-actions,
    .dialog-actions {
        align-items:stretch;
        flex-direction:column;
    }

    .form-actions .button,
    .dialog-actions .button {
        width:100%;
    }
}