:root { --ink:#1d2540; --muted:#78809a; --line:#e8eaf3; --canvas:#f7f8fc; --paper:#fff; --indigo:#4958ce; --indigo-dark:#3948bb; --indigo-soft:#eef0ff; --teal:#119b91; --teal-soft:#e5f8f5; --amber:#d68d16; --amber-soft:#fff5dd; --danger:#c44455; --radius:18px; --shadow:0 12px 28px rgba(33,43,89,.07); }
* { box-sizing:border-box; }
html { min-height:100%; }
body { margin:0; min-height:100%; color:var(--ink); background:var(--canvas); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size:14px; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }

/* Application shell */
.app-shell { display:flex; min-height:100vh; }
.sidebar { background:#252d5b; color:#d6daf2; display:flex; flex:0 0 246px; flex-direction:column; min-height:100vh; padding:30px 15px 19px; position:sticky; top:0; height:100vh; }
.brand { align-items:center; color:#272f60; display:inline-flex; font-size:19px; font-weight:800; gap:10px; letter-spacing:.4px; }
.brand > span:last-child > span { color:#8190f6; }
.sidebar .brand { color:white; margin:0 11px 45px; }
.brand-mark { align-items:center; background:linear-gradient(135deg,#7785ff,#b8c0ff); border-radius:10px; color:white; display:inline-flex; font-size:16px; height:30px; justify-content:center; width:30px; }
.nav-caption { color:#8e96c4; font-size:10px; font-weight:800; letter-spacing:1.2px; margin:0 12px 10px; text-transform:uppercase; }
.side-nav { display:grid; gap:6px; }
.side-nav a { align-items:center; border-radius:10px; color:#c6cae4; display:flex; font-weight:600; gap:13px; min-height:45px; padding:0 13px; transition:background .15s, color .15s; }
.side-nav a:hover { background:#343d70; color:white; }
.side-nav a.active { background:#4c5bd0; box-shadow:0 5px 15px rgba(16,23,85,.24); color:white; }
.side-nav a span { font-size:18px; line-height:1; width:18px; text-align:center; }
.sidebar-bottom { border-top:1px solid rgba(255,255,255,.1); margin-top:auto; padding:16px 4px 0; }
.support-card { align-items:center; color:#c8cceb; display:grid; font-size:11px; grid-template-columns:24px 1fr; margin:0 8px 14px; }
.support-card > span { color:#aeb9ff; font-size:16px; grid-row:span 2; }
.support-card strong { color:white; font-size:11px; font-weight:700; }.support-card small { color:#8f98c8; font-size:10px; }
.sign-out { background:transparent; border:0; border-radius:9px; color:#cbd0ed; font-size:13px; padding:10px 8px; text-align:left; width:100%; }.sign-out:hover { background:#343d70; color:#fff; }.sign-out span { font-size:17px; margin-right:10px; }
.app-main { display:flex; flex:1; flex-direction:column; min-width:0; }
.topbar { align-items:center; background:rgba(255,255,255,.87); border-bottom:1px solid var(--line); display:flex; height:72px; justify-content:space-between; padding:0 42px; }
.topbar-trail { color:#7c849e; font-size:12px; font-weight:600; }.live-dot { background:#20b983; border-radius:999px; display:inline-block; height:7px; margin-right:7px; width:7px; }
.profile-chip { align-items:center; display:flex; gap:10px; }.profile-chip strong,.profile-chip small { display:block; }.profile-chip strong { color:#303852; font-size:12px; }.profile-chip small { color:#8b92a8; font-size:10px; margin-top:2px; }
.avatar { align-items:center; background:linear-gradient(135deg,#e3e6ff,#bfc5ff); border-radius:50%; color:#3b48ad; display:inline-flex; font-size:12px; font-weight:800; justify-content:center; letter-spacing:.4px; }.avatar-small { height:33px; min-width:33px; width:33px; }.avatar-soft { background:#eef0ff; height:40px; min-width:40px; width:40px; }
.mobile-menu { background:transparent; border:0; color:#384164; display:none; font-size:20px; }
.content-area { flex:1; margin:0 auto; max-width:1380px; padding:45px 48px 35px; width:100%; }.app-footer { color:#9ca2b5; font-size:11px; padding:12px 48px 23px; text-align:right; }.app-footer span { margin:0 7px; }

/* Shared content */
.page-heading { align-items:flex-start; display:flex; justify-content:space-between; margin-bottom:29px; }.compact-heading { margin-bottom:25px; }
.eyebrow { color:var(--indigo); font-size:10px; font-weight:800; letter-spacing:1.25px; margin:0 0 8px; text-transform:uppercase; }.page-heading h1 { color:#202945; font-size:27px; letter-spacing:-.65px; line-height:1.2; margin:0; }.page-subtitle { color:var(--muted); font-size:13px; margin:8px 0 0; }
.button { align-items:center; border:0; border-radius:9px; display:inline-flex; font-size:13px; font-weight:700; gap:9px; justify-content:center; min-height:42px; padding:0 17px; transition:transform .15s, background .15s; }.button:hover { transform:translateY(-1px); }.button-primary { background:var(--indigo); box-shadow:0 6px 13px rgba(72,88,206,.19); color:white; }.button-primary:hover { background:var(--indigo-dark); color:#fff; }.button-secondary { background:white; border:1px solid #dfe2ed; color:#59617a; }.button-wide { width:100%; }.button-plus { font-size:19px; font-weight:400; line-height:0; }.back-link { color:#68718f; display:inline-block; font-size:12px; font-weight:700; margin-bottom:18px; }.back-link:hover,.text-link:hover { color:var(--indigo); }
.surface { background:var(--paper); border:1px solid #ebedf5; border-radius:var(--radius); box-shadow:var(--shadow); }.surface-header { align-items:flex-start; display:flex; justify-content:space-between; }.surface-header h2,.table-toolbar h2 { color:#29314d; font-size:15px; letter-spacing:-.15px; margin:0; }.surface-header p,.table-toolbar p { color:#9097aa; font-size:11px; margin:5px 0 0; }.text-link { color:#5b69ce; font-size:12px; font-weight:700; }.text-link span { font-size:16px; margin-left:3px; }
.alert { border-radius:10px; margin:0 0 20px; padding:12px 15px; }.alert-success { background:#e9f9f3; border:1px solid #c7efe1; color:#17755d; font-size:13px; font-weight:700; }

/* Dashboard */
.metrics-grid { display:grid; gap:18px; grid-template-columns:repeat(3,1fr); margin-bottom:24px; }.metric-card { align-items:center; background:white; border:1px solid #ebedf5; border-radius:16px; box-shadow:0 8px 20px rgba(28,36,75,.05); display:flex; gap:15px; min-height:126px; padding:21px; }.metric-icon { align-items:center; border-radius:12px; display:flex; font-size:25px; height:48px; justify-content:center; width:48px; }.metric-card strong,.metric-card small,.metric-card .metric-label { display:block; }.metric-card strong { color:#26304e; font-size:25px; letter-spacing:-.7px; line-height:1.1; margin:3px 0 4px; }.metric-label { color:#75809e; font-size:11px; font-weight:700; }.metric-card small { color:#a0a7b8; font-size:10px; }.metric-indigo .metric-icon { background:var(--indigo-soft); color:var(--indigo); }.metric-teal .metric-icon { background:var(--teal-soft); color:var(--teal); }.metric-amber .metric-icon { background:var(--amber-soft); color:var(--amber); }
.dashboard-grid { display:grid; gap:23px; grid-template-columns:minmax(0,1.5fr) minmax(310px,.82fr); }.recent-users,.quick-actions { min-height:331px; padding:23px 25px; }.user-list { margin-top:13px; }.user-list-item { align-items:center; border-top:1px solid #f0f1f6; display:flex; gap:12px; min-height:61px; }.user-copy { min-width:0; }.user-copy strong,.user-copy span { display:block; }.user-copy strong { color:#3a425a; font-size:12px; }.user-copy span { color:#939aab; font-size:10px; margin-top:3px; }.user-meta { color:#8b93a8; font-size:10px; margin-left:auto; white-space:nowrap; }.status-dot { border-radius:50%; display:inline-block; height:6px; margin-right:5px; width:6px; }.status-online { background:#2fc68e; }.status-offline { background:#aab0c1; }.empty-state { color:#9299ad; padding:45px 0; text-align:center; }
.quick-actions { padding-bottom:16px; }.action-tile { align-items:center; border-top:1px solid #f0f1f6; display:flex; gap:12px; min-height:76px; }.action-tile:first-of-type { margin-top:13px; }.action-tile:hover strong { color:var(--indigo); }.action-tile > span:nth-child(2) { flex:1; }.action-tile strong,.action-tile small { display:block; }.action-tile strong { color:#39415b; font-size:12px; }.action-tile small { color:#969dad; font-size:10px; margin-top:3px; }.action-tile > b { color:#8790b6; font-size:17px; font-weight:500; }.action-icon { align-items:center; border-radius:10px; display:flex; font-size:18px; height:35px; justify-content:center; width:35px; }.action-icon.indigo { background:var(--indigo-soft); color:var(--indigo); }.action-icon.teal { background:var(--teal-soft); color:var(--teal); }.action-icon.amber { background:var(--amber-soft); color:var(--amber); }

/* Tables and roles */
.table-surface { overflow:hidden; }.table-toolbar { align-items:center; display:flex; justify-content:space-between; padding:22px 25px 15px; }.table-filter { background:#f3f4fb; border-radius:7px; color:#777f98; font-size:11px; font-weight:700; padding:7px 10px; }.table-wrap { overflow-x:auto; }.data-table { border-collapse:collapse; min-width:760px; width:100%; }.data-table th { background:#fafaff; border-bottom:1px solid #eef0f6; color:#9097aa; font-size:10px; font-weight:800; letter-spacing:.45px; padding:11px 20px; text-align:left; text-transform:uppercase; }.data-table td { border-bottom:1px solid #f0f1f6; color:#4f5770; font-size:11px; padding:14px 20px; vertical-align:middle; }.data-table tbody tr:last-child td { border-bottom:0; }.table-person { align-items:center; display:flex; gap:10px; }.table-person strong,.table-person small { display:block; }.table-person strong { color:#3a425b; font-size:12px; }.table-person small { color:#9299ab; font-size:10px; margin-top:3px; }.role-pills { display:flex; flex-wrap:wrap; gap:5px; }.role-pills span { background:#eef0ff; border-radius:999px; color:#5361c0; font-size:10px; font-weight:700; padding:4px 8px; }.status-badge { border-radius:999px; font-size:10px; font-weight:800; padding:5px 8px; }.status-active { background:#e5f8f0; color:#19815d; }.status-inactive { background:#f4f4f7; color:#7d8596; }.muted-cell { color:#9299ac!important; }.row-action { color:#5a67c9; font-size:11px; font-weight:800; }.row-action span { font-size:15px; margin-left:3px; }.roles-page-grid { align-items:start; display:grid; gap:23px; grid-template-columns:minmax(0,1fr) 330px; }.role-cards { display:grid; gap:0; }.role-card { border-top:1px solid #f0f1f6; display:flex; gap:13px; padding:18px 25px; }.role-icon { align-items:center; background:var(--indigo-soft); border-radius:10px; color:var(--indigo); display:flex; font-size:17px; height:38px; justify-content:center; width:38px; }.role-card h3 { color:#3c4560; font-size:13px; margin:0; }.role-card p { color:#9198aa; font-size:11px; line-height:1.45; margin:4px 0 8px; }.member-count { color:#5e6ac9; font-size:10px; font-weight:800; }.create-role-surface { padding:23px; }.create-role-surface .field-group { margin-top:18px; }

/* Forms */
.form-layout { display:grid; gap:22px; grid-template-columns:minmax(0,1fr) 340px; }.form-surface,.permission-surface { padding:25px; }.form-grid { display:grid; gap:19px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:22px; }.field-full { grid-column:1 / -1; }.field-group label { color:#4b536c; display:block; font-size:11px; font-weight:800; margin:0 0 7px; }.label-row { align-items:center; display:flex; justify-content:space-between; }.label-row .helper-text { color:#9da3b4; font-size:10px; }.field-group input,.field-group textarea { background:#fcfcfe; border:1px solid #dfe2ec; border-radius:8px; color:#26304e; outline:0; padding:10px 11px; transition:border .15s, box-shadow .15s; width:100%; }.field-group textarea { resize:vertical; }.field-group input:focus,.field-group textarea:focus { border-color:#6d7ae0; box-shadow:0 0 0 3px rgba(73,88,206,.1); }.field-group input::placeholder,.field-group textarea::placeholder { color:#b1b6c4; }.field-error,.form-error { color:#b33c4c; font-size:11px; }.field-error { display:block; margin-top:5px; }.form-error:empty { display:none; }.form-error ul { margin:0 0 12px; padding-left:17px; }.permission-surface { height:fit-content; }.role-selector { display:grid; gap:9px; margin-top:19px; }.role-choice { align-items:flex-start; border:1px solid #e5e7ef; border-radius:9px; cursor:pointer; display:flex; gap:9px; padding:11px; transition:border .15s, background .15s; }.role-choice:hover { border-color:#b9c0ef; }.role-choice input { height:1px; opacity:0; position:absolute; width:1px; }.choice-mark { align-items:center; border:1px solid #cdd1df; border-radius:5px; color:transparent; display:flex; flex:0 0 17px; font-size:10px; height:17px; justify-content:center; margin-top:1px; }.role-choice input:checked + .choice-mark { background:var(--indigo); border-color:var(--indigo); color:white; }.role-choice:has(input:checked) { background:#f7f8ff; border-color:#bfc6f4; }.role-choice strong,.role-choice small { display:block; }.role-choice strong { color:#46506a; font-size:11px; }.role-choice small { color:#949aac; font-size:10px; line-height:1.35; margin-top:3px; }.form-actions { align-items:center; display:flex; gap:10px; grid-column:1 / -1; justify-content:flex-end; padding-top:1px; }.toggle-row { align-items:center; cursor:pointer; display:flex; gap:10px; }.toggle-row input { height:1px; opacity:0; position:absolute; width:1px; }.toggle-track { background:#cbd0dc; border-radius:999px; height:20px; position:relative; transition:background .2s; width:35px; }.toggle-track:before { background:white; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.2); content:""; height:16px; left:2px; position:absolute; top:2px; transition:transform .2s; width:16px; }.toggle-row input:checked + .toggle-track { background:var(--indigo); }.toggle-row input:checked + .toggle-track:before { transform:translateX(15px); }.toggle-row strong,.toggle-row small { display:block; }.toggle-row strong { color:#4a536e; font-size:11px; }.toggle-row small { color:#9298aa; font-size:10px; margin-top:3px; }

/* Authentication */
.auth-page { background:#fff; display:grid; grid-template-columns:minmax(420px,1.08fr) minmax(440px,.92fr); min-height:100vh; }.auth-showcase { background:linear-gradient(147deg,#26305f 0%,#3d50aa 55%,#6b79db 100%); color:white; overflow:hidden; padding:44px clamp(45px,7vw,115px); position:relative; }.brand-light { color:white; position:relative; z-index:1; }.brand-light > span:last-child > span { color:#c5cbff; }.showcase-copy { max-width:540px; padding-top:21vh; position:relative; z-index:1; }.showcase-copy .eyebrow { color:#c3cbff; }.showcase-copy h1 { font-size:clamp(33px,3.2vw,51px); letter-spacing:-1.6px; line-height:1.1; margin:0 0 20px; }.showcase-copy > p:last-child { color:#d8ddf7; font-size:15px; line-height:1.7; max-width:460px; }.showcase-orbit { border:1px solid rgba(255,255,255,.14); border-radius:50%; position:absolute; }.orbit-one { height:540px; right:-145px; top:20%; width:540px; }.orbit-two { height:800px; right:-320px; top:9%; width:800px; }.showcase-cross { color:rgba(255,255,255,.55); font-size:38px; font-weight:200; position:absolute; right:23%; top:25%; }.showcase-note { align-items:center; backdrop-filter:blur(8px); background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.15); border-radius:12px; bottom:44px; display:flex; gap:11px; left:clamp(45px,7vw,115px); padding:11px 14px; position:absolute; z-index:1; }.showcase-note > span { color:#e7e9ff; font-size:19px; }.showcase-note p { margin:0; }.showcase-note strong,.showcase-note small { display:block; }.showcase-note strong { font-size:11px; }.showcase-note small { color:#d4d9fa; font-size:10px; margin-top:2px; }.auth-content { align-items:center; display:flex; flex-direction:column; justify-content:center; padding:35px; position:relative; }.login-card { max-width:410px; width:100%; }.mobile-brand { display:none; }.login-intro h1 { color:#232c49; font-size:29px; letter-spacing:-.75px; margin:0; }.login-intro p { color:#7d859a; font-size:13px; line-height:1.5; margin:9px 0 29px; }.login-form { display:grid; gap:18px; }.login-form .field-group { display:block; }.login-form .check-row { align-items:center; color:#7a8195; cursor:pointer; display:flex; font-size:11px; gap:8px; margin-top:-2px; }.check-row input { accent-color:var(--indigo); height:14px; width:14px; }.demo-credentials { background:#f5f6fc; border:1px solid #eceef8; border-radius:9px; color:#8c93a7; display:grid; font-size:10px; gap:3px; grid-template-columns:1fr auto; margin-top:25px; padding:11px 13px; }.demo-credentials span { grid-column:1 / -1; }.demo-credentials strong { color:#5b647d; font-size:11px; }.demo-credentials code { background:#e8eaf7; border-radius:4px; color:#5562bc; font-family:inherit; font-size:10px; padding:2px 5px; }.auth-footer { bottom:23px; color:#a0a6b5; font-size:10px; left:0; margin:0; position:absolute; text-align:center; width:100%; }

@media (max-width:1020px) { .sidebar { flex-basis:208px; }.content-area { padding:35px 30px; }.topbar { padding:0 30px; }.form-layout { grid-template-columns:minmax(0,1fr) 300px; }.auth-showcase { padding-left:45px; padding-right:45px; }.showcase-copy { padding-top:25vh; } }
@media (max-width:780px) { .sidebar { box-shadow:12px 0 30px rgba(23,29,70,.18); left:-246px; position:fixed; transition:left .2s; z-index:5; }.menu-open .sidebar { left:0; }.mobile-menu { display:block; }.topbar { height:62px; padding:0 20px; }.topbar-trail { display:none; }.content-area { padding:30px 20px; }.app-footer { padding:12px 20px 20px; }.metrics-grid { grid-template-columns:1fr; }.dashboard-grid,.roles-page-grid,.form-layout { grid-template-columns:1fr; }.permission-surface { grid-row:auto; }.page-heading h1 { font-size:24px; }.page-heading { gap:13px; }.page-heading .button { white-space:nowrap; }.auth-page { display:block; }.auth-showcase { display:none; }.auth-content { min-height:100vh; padding:25px; }.mobile-brand { display:inline-flex; margin-bottom:42px; }.auth-footer { bottom:17px; }.login-card { max-width:440px; }.form-grid { grid-template-columns:1fr; }.field-full { grid-column:auto; } }
@media (max-width:460px) { .profile-chip > span:last-child { display:none; }.page-heading { flex-direction:column; }.page-heading .button { width:100%; }.recent-users,.quick-actions,.form-surface,.permission-surface { padding:20px; }.metrics-grid { gap:12px; }.metric-card { min-height:104px; }.form-actions { justify-content:stretch; }.form-actions .button { flex:1; }.auth-content { padding:22px; }.login-intro h1 { font-size:27px; } }
/* Public representations */
.field-group select { background:#fcfcfe; border:1px solid #dfe2ec; border-radius:8px; color:#26304e; outline:0; padding:10px 11px; width:100%; }.field-group select:focus { border-color:#6d7ae0; box-shadow:0 0 0 3px rgba(73,88,206,.1); }.status-resolved { background:#e5f8f5; color:#087e74; }.status-closed { background:#f1f2f6; color:#626b80; }.representation-status { font-size:12px; padding:8px 12px; }.representation-summary { margin-bottom:22px; padding:25px; }.representation-facts { display:grid; gap:18px 30px; grid-template-columns:repeat(2,minmax(0,1fr)); margin:23px 0 0; }.representation-facts div { min-width:0; }.representation-facts dt { color:#9097aa; font-size:10px; font-weight:800; letter-spacing:.45px; margin-bottom:6px; text-transform:uppercase; }.representation-facts dd { color:#424b66; font-size:12px; line-height:1.55; margin:0; white-space:pre-wrap; }.fact-full { grid-column:1 / -1; }.representation-workspace { align-items:start; display:grid; gap:22px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }.representation-documents,.representation-timeline { padding:25px; }.document-upload-form { align-items:center; border:1px dashed #cdd2eb; border-radius:10px; display:flex; gap:12px; margin-top:20px; padding:12px; }.document-upload-form input { color:#69718b; font-size:11px; min-width:0; }.upload-help { color:#979eae; font-size:10px; line-height:1.45; margin:10px 0 0; }.document-list { margin-top:15px; }.document-item { align-items:center; border-top:1px solid #f0f1f6; display:flex; gap:12px; justify-content:space-between; padding:13px 0; }.document-item strong,.document-item small { display:block; }.document-item strong { color:#414a66; font-size:11px; overflow-wrap:anywhere; }.document-item small { color:#969dad; font-size:10px; margin-top:4px; }.timeline-form { border-bottom:1px solid #edf0f6; margin-top:19px; padding-bottom:19px; }.timeline-form-controls { align-items:end; display:flex; gap:12px; margin-top:12px; }.timeline-form-controls .field-group { flex:1; }.timeline-form-controls .field-group label { color:#4b536c; display:block; font-size:11px; font-weight:800; margin:0 0 7px; }.timeline { margin:20px 0 0; }.timeline-item { display:grid; gap:12px; grid-template-columns:13px minmax(0,1fr); padding:0 0 17px; position:relative; }.timeline-item:not(:last-child):before { background:#e4e7f0; bottom:0; content:""; left:6px; position:absolute; top:13px; width:1px; }.timeline-marker { border:3px solid white; border-radius:50%; box-shadow:0 0 0 1px #d9ddea; height:13px; position:relative; width:13px; z-index:1; }.timeline-marker.status-active { background:#22ae78; }.timeline-marker.status-resolved { background:#159d92; }.timeline-marker.status-closed { background:#838ba0; }.timeline-meta { align-items:center; display:flex; gap:8px; }.timeline-meta small { color:#979ead; font-size:10px; }.timeline-item p { color:#4f5870; font-size:12px; line-height:1.55; margin:8px 0 0; white-space:pre-wrap; }.representation-note { color:#7c8498; display:grid; font-size:11px; gap:5px; line-height:1.5; margin-top:21px; }.representation-note strong { color:#4c5570; font-size:12px; }
@media (max-width:780px) { .representation-workspace { grid-template-columns:1fr; }.representation-facts { grid-template-columns:1fr; }.fact-full { grid-column:auto; }.document-upload-form { align-items:stretch; flex-direction:column; }.timeline-form-controls { align-items:stretch; flex-direction:column; }.timeline-form-controls .button { width:100%; } }
.button-danger { background:#fff1f2; border:1px solid #f1c7cd; color:#b83d4c; }.button-danger:hover { background:#ffe7e9; color:#a83241; }.representation-heading-actions { align-items:center; display:flex; flex-wrap:wrap; gap:9px; justify-content:flex-end; }.representation-heading-actions form,.document-actions form { margin:0; }.document-actions { align-items:center; display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }.link-button { background:transparent; border:0; color:#5a67c9; font-size:11px; font-weight:800; padding:0; }.link-danger { color:#b83d4c; }.link-button:hover { text-decoration:underline; }
@media (max-width:780px) { .representation-heading-actions { justify-content:flex-start; margin-top:14px; }.document-item { align-items:flex-start; flex-direction:column; }.document-actions { justify-content:flex-start; } }
.status-inprogress { background:#fff5dd; color:#a96900; }.timeline-marker.status-inprogress { background:#d68d16; }
.representation-filter { margin-bottom:22px; padding:18px 21px; }.representation-filter-form { align-items:end; display:grid; gap:14px; grid-template-columns:repeat(4,minmax(140px,1fr)); }.representation-filter-actions { align-items:center; display:flex; gap:8px; justify-content:flex-end; min-height:38px; }.applicant-phone { color:#7380ad; font-size:15px; font-weight:700; letter-spacing:0; white-space:nowrap; }.document-inputs { display:grid; gap:9px; width:100%; }.document-file-row { align-items:center; display:flex; gap:10px; }.document-file-row input { color:#69718b; font-size:11px; min-width:0; width:100%; }.document-upload-actions { display:flex; flex-wrap:wrap; gap:9px; }.document-upload-form { align-items:stretch; flex-direction:column; }.document-remove { flex:0 0 auto; }
.representation-filter-form-single-line { grid-template-columns:repeat(5,minmax(110px,1fr)) auto; }
.landing-searches { margin-bottom:22px; }.landing-search-tabs { display:flex; gap:8px; margin:0 0 10px; }.landing-search-tab { background:#f4f5fa; border:1px solid #e0e3ee; border-radius:8px; color:#69718b; cursor:pointer; font-size:11px; font-weight:800; padding:9px 13px; }.landing-search-tab.active { background:#4657cf; border-color:#4657cf; color:#fff; }.landing-searches .representation-filter { margin-bottom:0; }.landing-search-panel.is-hidden { display:none; }.landing-search-heading { margin-bottom:15px; }.landing-search-heading h2 { color:#414a66; font-size:14px; margin:0; }.landing-search-heading p { color:#8d94a5; font-size:11px; margin:5px 0 0; }.landing-filter-form { align-items:end; display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }.landing-filter-form .representation-filter-actions { grid-column:1 / -1; justify-content:flex-end; }.applicant-lookup-form { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:1020px) { .representation-filter-form { grid-template-columns:repeat(2,minmax(0,1fr)); }.representation-filter-actions { grid-column:1 / -1; } }
@media (max-width:780px) { .representation-filter-form,.landing-filter-form { grid-template-columns:1fr; }.representation-filter-actions,.landing-filter-form .representation-filter-actions { grid-column:auto; }.representation-filter-actions .button { flex:1; }.applicant-phone { display:block; font-size:13px; margin-top:5px; }.document-file-row { align-items:flex-start; flex-direction:column; }.document-upload-actions .button { flex:1; } }
.representation-locked { background:#f7f8fb; border:1px solid #e1e4ec; border-radius:9px; color:#6f778b; font-size:11px; line-height:1.55; margin-top:19px; padding:12px; }
.applicant-type-options { display:flex; flex-wrap:wrap; gap:10px; }.applicant-type-option { align-items:center; border:1px solid #dfe2ec; border-radius:8px; color:#59617a; cursor:pointer; display:flex; font-size:11px; font-weight:700; gap:7px; padding:9px 11px; }.applicant-type-option input { accent-color:var(--indigo); height:15px; margin:0; padding:0; width:15px; }.applicant-type-option:has(input:checked) { background:#f1f3ff; border-color:#aeb8ed; color:#4658c4; }
.timeline-document-field { margin-top:12px; }.timeline-document-field label .helper-text { color:#979eae; font-size:10px; font-weight:600; margin-left:5px; }.timeline-document-field input[type="file"] { color:#737b91; font-size:11px; padding:8px; }.timeline-document-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:10px; }