@font-face{font-family:LocalInter;src:local("Inter");font-display:swap}
:root{font-family:LocalInter,"Segoe UI",Arial,sans-serif;color:#1b2a43;background:#f5f7fb;font-size:14px;font-synthesis:none;--navy:#101c36;--blue:#2463eb;--blue-dark:#184bc5;--blue-pale:#edf3ff;--line:#e5eaf2;--muted:#728099;--green:#188067;--shadow:0 4px 20px #182b4b05}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #99b6ff;outline-offset:3px}input,select{height:43px;border:1px solid #dce3ed;border-radius:7px;background:#fff;color:#22324d;padding:0 12px;width:100%;min-width:0;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#97a1b2}input:focus,select:focus{border-color:#80a3ef;box-shadow:0 0 0 3px #2463eb0b;outline:none}input[type=date]{color-scheme:light}label,.field{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:12px;color:#516179}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.2px;font-weight:700;line-height:1.2}h2{font-size:16px;letter-spacing:-.2px}h3{font-size:15px}small{font-size:11px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted);font-weight:400;line-height:1.65}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:#7b8aa3}.button{border:1px solid transparent;min-height:39px;border-radius:7px;padding:9px 15px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--blue);color:#fff;box-shadow:0 3px 7px #2463eb18}.button.primary:hover:not(:disabled){background:var(--blue-dark)}.button.secondary{border-color:#dfe5ef;background:#fff;color:#536580}.button.secondary:hover:not(:disabled){border-color:#b9c9e6;background:#f9fbff}.button.quiet{background:transparent;color:#728199}.button.quiet:hover:not(:disabled){background:#f0f3f8;color:#334966}.button.danger{color:#fff;background:#bd3d46}.button.danger:hover{background:#a22d36}.button.small{min-height:32px;padding:6px 11px;font-size:11px}.danger-text{color:#b84a52!important}.full-width{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;font-size:23px;line-height:1;width:31px;height:31px;border-radius:6px;color:inherit}.icon-button:hover{background:#7c95bd15}.field-help{font-size:11px;color:#8190a5;line-height:1.7;font-weight:400}.form-error{padding:10px 12px;border-radius:6px;font-size:12px;line-height:1.6;color:#a12c38;background:#fff0f1;border:1px solid #f4d6db;margin-top:13px;overflow-wrap:anywhere}.text-button{font-size:10px;color:#3270e7;background:none;border:none;padding:0;font-weight:650}.status-dot{width:6px;height:6px;flex:none;display:inline-block;border-radius:50%;background:currentColor}.spinner{width:15px;height:15px;border:2px solid #dce5f5;border-top-color:#2463eb;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;flex:none}@keyframes spin{to{transform:rotate(360deg)}}
/* Authentication */
.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1fr) minmax(440px,1fr)}.auth-story{min-height:100vh;position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:44px 64px;display:flex;flex-direction:column}.auth-story:after{content:"";width:620px;height:620px;border:1px solid #8aa6df0d;border-radius:50%;position:absolute;right:-340px;top:5%;box-shadow:0 0 0 75px #8aa6df06,0 0 0 150px #8aa6df04;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1;font-size:17px;font-weight:800;letter-spacing:2.2px;position:relative;z-index:1}.brand small{display:block;margin-top:7px;color:#9eaeca;font-size:9px;letter-spacing:3.8px;font-weight:550}.brand-mark{font:54px/34px "Segoe UI",sans-serif;color:#66a0ff;letter-spacing:-6px;width:51px;transform:translateY(-2px)}.auth-story-content{margin:auto 0;position:relative;z-index:1;padding:70px 0 60px}.auth-story-content .eyebrow{color:#7c9aca}.auth-story h1{font-size:51px;line-height:1.13;letter-spacing:-2.5px;margin:22px 0}.auth-story p{max-width:370px;font-size:15px;line-height:1.9;color:#a9b9d2}.auth-footnote{color:#768aaa;font-size:11px}.route-art{height:145px;position:relative;max-width:355px;margin:38px 0 0}.route-line{width:80%;height:65px;border-top:2px dashed #6b8dca55;border-right:2px dashed #6b8dca55;position:absolute;left:12px;top:37px;border-radius:0 35px 0 0;transform:skewY(-12deg)}.route-dot{position:absolute;width:12px;height:12px;border-radius:50%;border:3px solid #93b7fa;background:#274771;box-shadow:0 0 0 7px #5189ea14}.route-dot.start{top:61px;left:5px}.route-dot.finish{top:70px;right:19%}.art-caption{position:absolute;left:0;bottom:0;font-size:9px;letter-spacing:2px;color:#526d98}.auth-panel{display:flex;align-items:center;justify-content:center;padding:45px;background:#fff}.auth-card{width:100%;max-width:365px}.auth-card h2{font-size:30px;letter-spacing:-1px;margin-top:16px}.auth-card>.muted{font-size:13px;margin-top:12px}.auth-card form{margin-top:30px;display:flex;flex-direction:column;gap:18px}.auth-card input{height:48px}.auth-card .button{height:47px;margin-top:7px}.auth-note{margin-top:28px;font-size:11px;color:#919eb1;line-height:1.8}.inline-status{display:flex;align-items:center;gap:9px;color:#7a879b;font-size:12px;padding:30px 0}.auth-card .form-error{margin-top:0}
/* Workspace shell */
.app-shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#c5d1e5;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;padding:30px 17px 0}.sidebar-brand{font-size:15px;margin:0 8px 31px}.sidebar-brand .brand-mark{font-size:49px;width:46px}.sidebar-brand small{font-size:8px;letter-spacing:3.3px}.workspace-tag{display:flex;align-items:center;gap:9px;margin:0 4px 28px;padding:13px 8px;border-top:1px solid #ffffff09;border-bottom:1px solid #ffffff09;font-size:11px;font-weight:600;color:#d8e3f6}.workspace-tag small{display:block;color:#697d9e;font-weight:400;margin-top:5px;font-size:10px}.workspace-symbol{display:flex;width:29px;height:29px;align-items:center;justify-content:center;border:1px solid #526b961f;background:#1b2a47;color:#a6bbdf;border-radius:7px;font-weight:650;font-size:11px}.main-navigation{display:flex;flex-direction:column;gap:5px}.nav-button{width:100%;border:0;background:transparent;padding:12px 13px;display:flex;align-items:center;gap:11px;border-radius:6px;font-size:12px;font-weight:550;color:#8195b8;text-align:left}.nav-button>span:first-child{font-size:24px;line-height:13px;width:20px}.nav-button.active{color:#fff;background:#2463eb}.nav-button:hover:not(.active){background:#1b2b49}.nav-admin{font-size:7px;padding:3px 4px;border:1px solid #ffffff18;border-radius:3px;margin-left:auto;letter-spacing:.6px}.saved-heading{margin:33px 11px 7px;display:flex;align-items:center;justify-content:space-between;color:#5f769c;font-weight:650;font-size:9px;letter-spacing:1.5px}.saved-heading .icon-button{font-size:19px;color:#8ca2c7;width:23px;height:23px}.saved-searches{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#334566 transparent}.sidebar-empty{font-size:11px;line-height:1.7;color:#526b92;padding:7px 12px}.saved-search-button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;text-align:left;color:#9bacc8;border-radius:6px;padding:12px 10px;margin:2px 0;font-size:11px}.saved-search-button:hover{background:#192941}.saved-search-button.selected{background:#1c3051;border-color:#2c43652b;color:#dce9ff}.saved-search-icon{color:#7292bf;flex:none;font-size:14px}.saved-search-copy{min-width:0;flex:1}.saved-search-copy strong{font-size:11px;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-search-copy small{color:#627ca3;font-size:9px;display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-search-button .search-count{font-size:9px;color:#7893bd;background:#101d34;padding:3px 5px;border-radius:4px}.saved-search-button .status-dot{width:4px;height:4px;color:#69ad97}.saved-search-button[data-state=error] .status-dot{color:#ee9290}.saved-search-button[data-state=paused] .status-dot{color:#b8a876}.sidebar-bottom{margin-top:20px}.sidebar-hint{display:flex;align-items:center;gap:7px;font-size:9px;color:#6a819f;padding:14px 10px;border-top:1px solid #ffffff0a}.account-menu{margin:0 -17px;padding:17px;display:flex;align-items:center;gap:9px;background:#0d172d}.user-avatar{width:31px;height:31px;border-radius:50%;background:#273b5c;display:flex;align-items:center;justify-content:center;font-size:10px;color:#a3bce5;font-weight:650;flex:none}.account-details{min-width:0;flex:1}.account-details strong{font-size:10px;font-weight:600;display:block;color:#b8c9e3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-details small{display:block;font-size:9px;color:#61799f;margin-top:4px}.account-menu .icon-button{font-size:20px;color:#6481a9;width:26px}.main-shell{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:16px}.breadcrumb{font-size:9px;letter-spacing:1px;color:#9aa6b8;display:flex;align-items:center;gap:14px}.breadcrumb strong{font-size:11px;color:#687a94;font-weight:550;letter-spacing:0}.breadcrumb>span{color:#ccd3df}.topbar-actions{display:flex;gap:19px;align-items:center}.events-status{font-size:10px;display:flex;gap:6px;align-items:center;color:#8997ac}.events-status.connected{color:#7a8e87}.events-status.reconnecting{color:#b48b42}.events-status .status-dot{width:5px;height:5px}.provider-pill{border:1px solid #e1e7ef;border-radius:5px;background:#fff;padding:8px 11px;display:flex;align-items:center;gap:8px;font-size:10px;color:#8390a5;font-weight:600;opacity:1!important;cursor:default}.provider-pill:not(:disabled){cursor:pointer}.provider-pill.live{color:#1b8b71;border-color:#dbede7;background:#f7fcfa}.provider-pill.demo{color:#946620;border-color:#ecdcbc;background:#fffaf1}.provider-pill.disconnected{color:#7f8da4}.mode-banner{padding:10px 32px;background:#fffaec;border-bottom:1px solid #eee0b9;color:#91703b;font-size:11px;line-height:1.5}.mode-banner.disconnected{background:#f0f4fb;color:#7284a1;border-color:#e2e9f4}.page-content{padding:31px 32px 0;max-width:1800px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:18px}.page-heading h1{margin-top:9px}.heading-dot{color:#3273ef}.page-heading p{margin-top:8px;font-size:12px;line-height:1.7;color:#8190a7}.refresh-caption{display:flex;gap:9px;color:#7e8ca2;font-size:10px;align-items:center}.refresh-caption small{display:block;font-size:9px;margin-top:5px;color:#a1aabb}.refresh-symbol{font-size:23px;color:#a4b6d5}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.form-tag{font-size:8px;letter-spacing:1px;color:#97a4b7;background:#f5f7fa;border-radius:4px;padding:5px 7px;font-weight:600}.search-card,.results-card,.users-create-card,.users-table-card{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.search-card{padding:23px 24px 17px;margin-bottom:25px}.search-card h2{font-size:14px;color:#445572}.search-top-grid{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(160px,1.2fr) minmax(115px,.7fr) minmax(125px,.78fr);gap:16px}.search-bottom-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr)) minmax(135px,1fr);gap:15px;align-items:end;margin-top:19px}.search-card .field,.search-card label{font-size:10px;gap:8px}.search-card input,.search-card select{font-size:12px;height:41px}.search-card input[type=date]{font-size:11px;padding-left:10px;padding-right:8px}.search-card .field-help{font-size:10px;margin-top:14px;color:#9ba7b9}.required-dot{color:#4d83ec;display:inline}.label-row{display:flex;align-items:center;justify-content:space-between;gap:6px;height:12px}.input-icon-wrap{position:relative}.input-icon-wrap input{padding-left:32px;padding-right:27px}.field-icon{position:absolute;left:12px;top:10px;font-size:18px;line-height:18px;color:#75a092;pointer-events:none}.destination-icon{color:#e0a764;font-size:19px}.clear-input{position:absolute;right:5px;top:7px;width:23px;height:26px;background:none;border:0;color:#a2adbe;font-size:17px}.input-with-unit{position:relative;display:block}.input-with-unit input{padding-right:35px}.input-with-unit>span{position:absolute;right:12px;top:14px;color:#a0adbe;font-size:10px;font-weight:400;pointer-events:none}.search-submit{height:41px;font-size:12px}.search-glyph{font-size:23px;line-height:14px}.location-field{position:relative}.suggestions{position:absolute;top:65px;left:0;right:0;background:#fff;border:1px solid #dbe4f0;border-radius:7px;box-shadow:0 10px 30px #192b4c1c;z-index:20;max-height:270px;overflow-y:auto;padding:5px}.suggestion{width:100%;border:0;background:#fff;text-align:left;font-size:12px;font-weight:400;border-radius:4px;padding:10px 8px;color:#49617f;line-height:1.4}.suggestion:hover,.suggestion.active{background:#edf3ff;color:#255ab9}.suggestion-message{padding:9px 8px;font-size:11px;line-height:1.6;color:#8a98ae}.states-input{text-transform:none}.results-heading{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.results-title-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.results-heading h2{font-size:16px}.count-badge{padding:3px 7px;border-radius:5px;display:inline-flex;align-items:center;background:#edf2fc;color:#6181b7;font-size:10px;font-weight:650;line-height:1.3}.results-heading p{font-size:10px;margin-top:7px;line-height:1.65}.result-actions{display:flex;align-items:center;gap:6px}.result-actions .button{font-size:10px;min-height:33px;padding:7px 10px}.search-state{color:#729485;font-size:9px;font-weight:500;background:#edf7f1;padding:3px 6px;border-radius:4px;text-transform:capitalize}.search-state.loading,.search-state.queued{background:#edf3ff;color:#628ac7}.search-state.error{background:#fff0f1;color:#b86c76}.search-state.paused{background:#fff5e7;color:#aa884d}.results-toolbar{border-top:1px solid #eef1f6;border-bottom:1px solid #e8edf5;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:10px;min-height:56px}.table-tabs{display:flex;align-self:stretch;gap:21px;min-width:0}.table-tab{display:flex;align-items:center;gap:7px;position:relative;border:0;background:none;font-size:10px;color:#8e9bb0;padding:0 0 1px;font-weight:550;white-space:nowrap}.table-tab span{padding:2px 5px;border-radius:4px;color:#9aa8bd;background:#f3f5f9;font-size:9px}.table-tab.selected{color:#326ce0}.table-tab.selected:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:#3175ef}.table-tab.selected span{background:#edf3ff;color:#6994df}.table-tools{display:flex;align-items:center;gap:10px}.table-tools input,.table-tools select{font-size:10px;height:30px;background:#fff;border-color:#e6eaf1;border-radius:5px}.table-filter{width:160px}.sort-label{width:128px}.results-table-wrap{overflow:auto;scrollbar-width:thin;scrollbar-color:#c9d4e5 transparent}.loads-table{width:100%;border-collapse:collapse;min-width:750px;table-layout:auto}.loads-table th,.users-table th{font-size:9px;letter-spacing:.35px;font-weight:600;color:#8a9ab1;text-align:left;background:#fafbfd;white-space:nowrap;padding:13px 13px;border-bottom:1px solid #eaf0f7}.loads-table th:first-child,.loads-table td:first-child{padding-left:24px;width:30%}.loads-table th:last-child,.loads-table td:last-child{padding-right:21px;padding-left:5px;width:25px}.loads-table td{padding:16px 13px;border-bottom:1px solid #eef2f7;font-size:11px;vertical-align:middle;height:82px}.loads-table tbody tr{cursor:pointer;transition:background .15s}.loads-table tbody tr:hover,.loads-table tbody tr:focus-within{background:#f8faff}.loads-table tbody tr.selected{background:#f3f7ff}.lane-copy{display:flex;align-items:center;gap:8px;line-height:1.5}.lane-copy strong{font-size:11px;font-weight:600;color:#455777;display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-copy .lane-arrow{color:#bdc8d8;font-size:12px}.lane-copy small{display:block;color:#9aa9be;font-size:9px;margin-top:4px}.load-pickup{margin-top:6px;font-size:9px;color:#a4b0c2}.cell-main{display:block;color:#566882;font-size:11px;font-weight:500;line-height:1.5;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-secondary{font-size:9px;color:#a0acc0;display:block;margin-top:5px;line-height:1.4}.equipment-badge{display:inline-block;padding:3px 6px;background:#f2f5f9;color:#7a8da9;font-size:9px;font-weight:500;border-radius:4px;white-space:nowrap}.rate-main{font-size:14px;font-weight:700;letter-spacing:-.2px;color:#35624f;display:block}.rate-secondary{font-size:9px;color:#88a393;margin-top:5px;display:block}.broker-main{color:#647898;font-size:10px;font-weight:550;display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broker-meta{color:#a5b1c3;font-size:9px;margin-top:6px;display:block;white-space:nowrap}.row-open{color:#a4b6d0;font-size:20px;background:none;border:0;border-radius:4px;width:25px;height:28px;padding:0}.results-empty{min-height:278px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 30px 44px;border-top:1px solid #f1f4f8}.empty-art{width:54px;height:54px;background:#f4f7fc;border-radius:14px;color:#a7bcdd;display:flex;align-items:center;justify-content:center;font-size:43px;line-height:1;margin-bottom:17px;border:1px solid #e9eff9}.results-empty h3{font-size:14px;color:#627592;letter-spacing:-.15px}.results-empty p{font-size:11px;line-height:1.9;color:#9aa9be;max-width:340px;margin-top:9px}.results-empty .button{margin-top:18px;font-size:11px;min-height:35px}.result-error{font-size:11px;color:#a57651;background:#fff9ee;border-bottom:1px solid #f5e8d4;padding:10px 24px;line-height:1.7}.results-footer{padding:14px 24px;display:flex;align-items:center;gap:16px;color:#9baabe;font-size:9px;min-height:49px}.results-footer #last-updated{margin-left:auto}.workspace-footer{display:flex;justify-content:space-between;gap:15px;padding:25px 0;color:#adb7c8;font-size:8px;letter-spacing:1px}.workspace-footer>span:last-child{letter-spacing:0;font-size:9px}.footer-divider{margin:0 8px;color:#ccd5e2}
/* Team administration */
.admin-badge{color:#788eae;font-size:9px;letter-spacing:1px;border:1px solid #dce5f2;border-radius:5px;padding:8px 10px;background:#fff}.users-create-card{padding:24px;margin-bottom:24px}.users-create-card .muted{font-size:11px}.create-user-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:15px;align-items:end}.create-user-grid label{font-size:10px}.create-user-grid input{font-size:12px}.create-user-grid .button{height:43px}.users-create-card>.field-help{margin-top:15px}.users-table-card .card-heading{margin:0;padding:21px 24px}.users-table-card h2{display:flex;align-items:center;gap:9px}.users-table{width:100%;border-collapse:collapse;min-width:660px}.users-table th{padding:13px 24px}.users-table td{padding:17px 24px;border-bottom:1px solid #eef2f7;font-size:11px;color:#6e809a}.users-table td:first-child{font-weight:600;color:#526888}.users-table td:last-child{display:flex;align-items:center;gap:8px}.users-table .button{font-size:10px;min-height:29px;padding:5px 8px}.user-status{font-size:9px;border-radius:4px;padding:4px 7px;background:#edf7f1;color:#60917a}.user-status.inactive{background:#f1f3f7;color:#93a0b2}.role-tag{font-size:9px;color:#8ba0bf;text-transform:capitalize}.users-empty{padding:25px;color:#93a0b5;font-size:12px}
/* Dialogs, load detail */
dialog{border:0;padding:0;color:#1b2a43;background:#fff;box-shadow:0 25px 100px #12214135;max-width:calc(100vw - 30px);max-height:calc(100vh - 40px)}dialog::backdrop{background:#0e1d38a6;backdrop-filter:blur(2px)}.modal{border-radius:12px;width:480px}.modal.compact{width:405px}.dialog-close-form{position:absolute;right:17px;top:15px}.dialog-close-form .icon-button{color:#98a6ba;font-size:24px}.modal-content{padding:33px 33px 27px}.modal h2{font-size:23px;letter-spacing:-.7px;margin:11px 0 13px}.modal p.muted{font-size:12px;margin-bottom:19px}.modal form:not(.dialog-close-form){display:flex;flex-direction:column;gap:15px}.modal label{font-size:11px}.modal .form-error{margin:0}.connection-current{display:flex;align-items:center;gap:8px;background:#f4f7fc;border-radius:6px;font-size:11px;color:#7c90ad;padding:12px;margin:20px 0}.connection-current.live{background:#edf7f3;color:#4b9277}.connection-current.demo{background:#fff7e7;color:#a38548}.connection-secondary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f7;margin-top:22px;padding-top:21px;gap:10px}.connection-secondary strong{font-size:11px;color:#70849f;font-weight:550}.connection-secondary small{display:block;font-size:10px;color:#9aa9bf;margin-top:6px}.connection-secondary .button{font-size:11px;min-height:34px}.dialog-footnote{font-size:10px;line-height:1.7;color:#a1afc2;margin-top:20px}.modal #disconnect-provider{font-size:11px;margin-top:12px}.load-drawer{margin:0 0 0 auto;border-radius:0;height:100dvh;max-height:100dvh;width:485px;max-width:100vw;overflow-y:auto}.drawer-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 29px;border-bottom:1px solid #edf1f7;background:#fafbfd;position:sticky;top:0;z-index:1}.drawer-topbar .icon-button{color:#8ba0be}.drawer-content{padding:30px}.drawer-content h2{font-size:24px;line-height:1.4;letter-spacing:-.7px;margin-bottom:25px}.detail-lane{position:relative;margin-bottom:27px;display:flex;flex-direction:column;gap:23px;padding-left:22px}.detail-lane:before{content:"";position:absolute;left:5px;top:12px;bottom:18px;width:1px;background:#d9e3f1}.detail-stop{position:relative}.detail-stop:before{content:"";width:7px;height:7px;background:#fff;border:2px solid #78ab97;position:absolute;left:-21px;top:5px;border-radius:50%}.detail-stop:last-child:before{border-color:#d8a874;border-radius:2px}.detail-stop strong{font-size:13px;color:#536987}.detail-stop small{font-size:10px;color:#9baabe;display:block;margin-top:7px}.detail-rate-card{display:grid;grid-template-columns:1fr 1fr;background:#f3f8f6;border:1px solid #e0ede7;border-radius:8px;padding:20px;gap:20px;margin-bottom:26px}.detail-label{font-size:9px;color:#8ca899;display:block}.detail-rate-card strong{font-size:25px;letter-spacing:-.9px;color:#3c745b;display:block;margin-top:10px}.detail-rate-card>div+div{border-left:1px solid #dce9e1;padding-left:25px}.detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.detail-specs dt{font-size:10px;color:#98a8be}.detail-specs dd{font-size:12px;color:#5d728f;margin:7px 0 0;line-height:1.5}.detail-specs dl{margin:0}.detail-section{border-top:1px solid #edf1f6;padding-top:22px;margin-top:23px}.detail-section h3{font-size:12px;color:#607996;font-weight:600;margin-bottom:17px}.detail-broker{font-size:14px;color:#40658f}.detail-contacts{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:13px}.detail-contacts a{font-size:11px;color:#477fc7;text-decoration:none;overflow-wrap:anywhere}.detail-credit{display:flex;gap:25px;font-size:10px;color:#98a9c0;margin-top:16px}.detail-comments{font-size:12px;color:#778da9;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.drawer-content>.field-help{margin-top:26px}.drawer-note{margin-top:25px;font-size:10px;line-height:1.8;color:#a6b2c4;border-top:1px solid #edf1f6;padding-top:20px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.toast-region{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(430px,calc(100vw - 40px));pointer-events:none}.toast{font-size:12px;line-height:1.6;background:#1c3050;color:#f1f5ff;padding:13px 18px;border-radius:8px;box-shadow:0 7px 25px #1b2b5125;animation:toast-in .2s ease;overflow-wrap:anywhere}.toast.error{background:#9b3e49}.toast.success{background:#246a55}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1600px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.page-content{padding:38px 44px 0}.topbar{padding:0 44px}.search-card{padding:25px 28px 21px}.search-top-grid,.search-bottom-grid{gap:22px}.loads-table td{height:87px}.loads-table th,.loads-table td{padding-left:20px;padding-right:20px}.loads-table th:first-child,.loads-table td:first-child{width:29%}.lane-copy strong{max-width:190px}.table-filter{width:220px}}
@media(max-width:1180px){.app-shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.account-menu{margin:0 -12px;padding:16px 12px}.sidebar-brand{font-size:13px;gap:8px;margin-left:2px}.sidebar-brand small{font-size:7px;letter-spacing:2.8px}.sidebar-brand .brand-mark{font-size:44px;width:42px}.workspace-tag{font-size:10px}.page-content{padding:26px 23px 0}.topbar{padding:0 23px}.search-card{padding:20px}.search-top-grid,.search-bottom-grid{gap:12px}.search-bottom-grid{grid-template-columns:repeat(4,minmax(83px,1fr)) minmax(120px,1fr)}.results-heading{padding:20px}.results-toolbar{padding:0 20px;flex-wrap:wrap}.table-tabs{min-height:50px}.table-tools{padding:8px 0}.table-filter{width:145px}.results-title-row{gap:6px}.result-actions{gap:2px}.create-user-grid{grid-template-columns:1fr 1fr}.create-user-grid .button{align-self:end}.refresh-caption{display:none}.auth-story{padding:38px 40px}.auth-story h1{font-size:44px}}
@media(max-width:900px){.app-shell{grid-template-columns:168px minmax(0,1fr)}.sidebar-brand{font-size:11px}.sidebar-brand .brand-mark{font-size:40px;width:37px}.sidebar-brand small{font-size:6px;letter-spacing:2.5px}.workspace-tag{padding-left:3px;gap:6px}.workspace-symbol{width:25px;height:25px;font-size:9px}.nav-button{font-size:10px;padding:11px 9px;gap:7px}.nav-admin{display:none}.search-top-grid{grid-template-columns:1fr 1fr}.search-bottom-grid{grid-template-columns:repeat(4,1fr)}.search-submit{grid-column:1 / -1}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.events-status{display:none}.search-card .field-help{line-height:1.7}.results-heading{align-items:flex-start;flex-direction:column}.result-actions{align-self:flex-end;margin-top:-3px}.topbar{height:61px}.results-toolbar{padding:0 17px}.table-tools{width:100%;justify-content:space-between;border-top:1px solid #f0f3f8}.table-filter{flex:1}.workspace-footer>span:last-child{max-width:180px;text-align:right;line-height:1.6}.auth-screen{grid-template-columns:1fr 1fr}.auth-story{padding:33px 29px}.auth-story h1{font-size:38px}.auth-story p{font-size:13px}.auth-panel{padding:35px 30px}.auth-card h2{font-size:27px}.brand.auth-brand{font-size:14px}}
@media(max-width:660px){.auth-screen{display:block}.auth-story{min-height:0;padding:27px 28px 28px}.auth-story-content{padding:30px 0 0}.auth-story h1{font-size:32px;letter-spacing:-1.3px;margin:12px 0}.auth-story p{font-size:12px;max-width:350px}.auth-story .route-art,.auth-footnote{display:none}.auth-story-content .eyebrow{font-size:8px}.auth-panel{padding:35px 28px 50px}.auth-card{max-width:none}.auth-card h2{font-size:25px}.auth-card form{margin-top:25px}.app-shell{display:flex;flex-direction:column}.sidebar{height:auto;position:static;padding:15px 18px;flex-direction:row;flex-wrap:wrap;gap:15px;overflow:visible}.sidebar-brand{margin:0;font-size:12px;flex:1}.sidebar-brand small{font-size:7px}.sidebar-brand .brand-mark{font-size:42px}.workspace-tag,.saved-heading,.sidebar-hint{display:none}.main-navigation{flex-direction:row;align-items:center}.nav-button{width:auto;font-size:10px;padding:9px 11px}.nav-button>span:first-child{display:none}.saved-searches{order:3;flex-basis:100%;display:flex;flex-direction:row;gap:5px;max-height:60px;overflow:auto;padding:0}.saved-search-button{width:auto;min-width:140px;padding:8px 9px;margin:0}.saved-search-copy strong{max-width:160px}.saved-search-copy small{font-size:8px}.sidebar-empty{padding:0;font-size:10px;line-height:1.5}.sidebar-bottom{margin:0}.account-menu{padding:0;margin:0;background:none}.account-details,.account-menu .user-avatar{display:none}.account-menu .icon-button{width:24px;height:28px}.topbar{padding:0 19px;height:52px}.breadcrumb{font-size:8px;gap:8px}.breadcrumb strong{font-size:10px}.provider-pill{font-size:9px;padding:7px 9px}.topbar-actions{gap:6px}.page-content{padding:23px 16px 0}.page-heading{margin-bottom:21px}.page-heading h1{font-size:26px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:10px}.search-card{padding:18px 15px 15px;margin-bottom:19px}.search-card .card-heading{margin-bottom:21px}.search-card h2{font-size:13px}.form-tag{font-size:7px}.search-top-grid,.search-bottom-grid{gap:17px 12px}.search-bottom-grid{grid-template-columns:1fr 1fr}.search-card .field,.search-card label{font-size:9px}.search-card input,.search-card select{font-size:11px}.search-card .field-help{font-size:9px}.mode-banner{padding:9px 19px;font-size:10px}.results-heading{padding:20px 16px}.results-heading h2{font-size:14px}.results-heading p{font-size:9px}.result-actions{margin-top:0;align-self:stretch;justify-content:flex-end}.results-toolbar{padding:0 15px}.table-tabs{min-height:46px;gap:20px}.table-tab{font-size:10px}.loads-table th:first-child,.loads-table td:first-child{padding-left:16px}.results-empty{min-height:240px;padding:31px 20px}.results-empty h3{font-size:13px}.results-empty p{font-size:10px}.results-footer{padding:12px 15px;flex-wrap:wrap;font-size:8px;gap:10px}.results-footer #last-updated{margin-left:0}.results-footer #load-more{margin-left:auto}.workspace-footer{font-size:7px;padding:20px 0}.workspace-footer>span:last-child{font-size:8px;max-width:130px}.users-create-card{padding:19px 15px}.users-create-card .card-heading{align-items:flex-start;flex-direction:column;gap:8px}.users-create-card .muted{font-size:10px}.create-user-grid{grid-template-columns:1fr}.users-create-card>.field-help{font-size:10px}.users-table-card .card-heading{padding:17px 15px}.users-table-card h2{font-size:14px}.users-table th,.users-table td{padding-left:16px;padding-right:16px}.admin-badge{font-size:7px;padding:6px;letter-spacing:.5px}.modal-content{padding:31px 24px 25px}.modal h2{font-size:21px}.modal p.muted{font-size:11px}.modal .connection-secondary{gap:10px}.connection-secondary small{font-size:9px}.drawer-content{padding:26px 24px}.drawer-topbar{padding:15px 24px}.detail-rate-card strong{font-size:23px}.toast-region{right:15px;bottom:15px}.toast{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.location-field>label,.label-row label{display:block}.source-app-steps{display:flex;flex-direction:column;gap:17px;margin-bottom:6px}.source-app-steps>div{display:flex;align-items:flex-start;gap:12px}.source-app-steps>div>span{width:23px;height:23px;border:1px solid #dce7f9;background:#f2f6fe;color:#7295c6;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:50%;flex:none}.source-app-steps p{font-size:11px;line-height:1.5;margin-top:2px}.source-app-steps strong{font-weight:600;color:#617896}.source-app-steps small{display:block;margin-top:4px;color:#9aaac0;font-size:10px}.metrics-card{margin-top:22px;padding:17px 0 0;border-top:1px solid #edf1f7}.metrics-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.metrics-heading h3{font-size:11px;color:#6c829f}.metrics-heading>span{font-size:8px;color:#a6b3c6}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 12px;margin-top:18px}.metrics-grid dl{margin:0;padding:11px 9px;background:#f7f9fc;border:1px solid #edf1f7;border-radius:5px}.metrics-grid dt{font-size:8px;color:#95a6bd}.metrics-grid dd{font-size:20px;font-weight:600;color:#607d9f;margin:7px 0 0}.metrics-footnote{margin-top:13px;color:#a1b0c4;font-size:9px;line-height:1.8}
.provider-pill.cooldown{color:#976923;border-color:#e9d9b5;background:#fff9ed}.mode-banner.cooldown{color:#8e682c;background:#fff7e6;border-color:#ebdcba}.mode-banner.cooldown-ended{color:#507e6a;background:#f1f8f4;border-color:#deece3}.connection-current.cooldown{background:#fff6e6;color:#9b7743}.connection-cooldown{font-size:11px;line-height:1.8;color:#97713e;background:#fff9ee;border:1px solid #efe2c8;border-radius:6px;padding:12px;margin:-8px 0 21px}.connection-cooldown.ended{color:#608a73;border-color:#deece3;background:#f4faf6}input:disabled{background:#f6f8fb;color:#98a5ba;cursor:not-allowed}
.replace-source{font-size:11px;margin-top:18px}
.desktop-download{padding:5px 10px 14px}.desktop-download a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a9c7f7;font-size:11px;font-weight:600;text-decoration:none}.desktop-download a:hover{text-decoration:underline;color:#d7e6ff}.desktop-download small{display:block;margin-top:6px;font-size:9px;line-height:1.5;color:#8297b7}@media(max-width:660px){.desktop-download{display:none}}
.desktop-download-options{display:flex;gap:16px;margin-top:9px}.desktop-download-options a{font-size:10px;font-weight:400}

/* DAT One workspace presentation. Keep functional state selectors above intact. */
:root {
  font-family: Arial, "Segoe UI", sans-serif;
  color-scheme: light;
  --surface: #fff; --canvas: #f4f5f7; --subtle: #e9ecf1;
  --ink: #202b33; --muted: #66717e; --line: #d9dee5;
  --navy: #1a232a; --blue: #0046ed; --blue-dark: #0039c4;
  --blue-pale: #edf3ff; --link: #0046ed; --green: #17774e;
  --control: #fff; --stripe: #f5f6f8; --hover: #eaf1ff;
  --shadow: none;
  color: var(--ink); background: var(--surface);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #1e2024; --canvas: #17191c; --subtle: #272a2f;
  --ink: #eceef1; --muted: #adb3bd; --line: #3a3e45;
  --navy: #111315; --blue: #3578ff; --blue-dark: #4785ff;
  --blue-pale: #223c62; --link: #9dc2ff; --green: #7bd7ad;
  --control: #1e2024; --stripe: #23262a; --hover: #2c323b;
}
body { background: var(--surface); color: var(--ink); }
input, select { background: var(--control); color: var(--ink); border-color: var(--line); border-radius: 3px; }
input::placeholder { color: var(--muted); opacity: 1; }
input:focus, select:focus { border-color: var(--blue); box-shadow: 0 0 0 1px var(--blue); }
input[type="date"] { color-scheme: inherit; }
label, .field, .muted, .field-help { color: var(--muted); }
.button { border-radius: 3px; font-size: 12px; box-shadow: none !important; transition: transform .15s; }
.button.secondary { color: var(--link); border-color: var(--line); background: var(--surface); }
.button.secondary:hover:not(:disabled), .button.quiet:hover:not(:disabled) { background: var(--hover); border-color: var(--link); color: var(--link); }
.button.quiet { color: var(--muted); }
.text-button { color: var(--link); }
.eyebrow { color: var(--muted); }
.app-shell { grid-template-columns: 196px minmax(0, 1fr); }
.sidebar { padding: 18px 0 0; background: var(--navy); color: #fff; }
.dat-brand { display: block; letter-spacing: 0; }
.dat-logo { display: block; width: 54px; height: 80px; object-fit: contain; }
.sidebar-brand { margin: 0 16px 24px; }
.main-navigation { gap: 0; }
.nav-button { border-radius: 0; padding: 10px 13px; min-height: 42px; border-bottom: 1px solid #36414a; color: #f4f6f8; gap: 10px; font-size: 12px; font-weight: 700; }
.nav-button.active { background: #303c46; border-left: 3px solid #4c86ff; padding-left: 10px; }
.nav-button:hover:not(.active) { background: #28333d; }
.nav-button svg { height: 20px; width: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.workspace-tag { margin: 20px 14px 0; padding: 12px 0; border: 0; color: #dae2eb; font-size: 12px; }
.workspace-tag small { color: #aab6c3; font-size: 11px; }
.sidebar-bottom { margin-top: auto; }
.sidebar-hint { padding: 15px; color: #c2ccd6; font-size: 11px; border-color: #36414a; }
.account-menu { margin: 0; padding: 13px 12px; background: #242f38; border-top: 1px solid #36414a; }
.account-details strong { color: #f4f6f8; font-size: 12px; }
.account-details small { color: #b8c4d0; font-size: 10px; }
.account-menu .icon-button { color: #dbe4ed; }
.user-avatar { background: #3b4b59; color: #fff; border-radius: 4px; }
.desktop-download { padding: 12px 14px; }
.desktop-download a { color: #bdd4ff; }
.desktop-download small { color: #adbccc; }
.topbar { height: 45px; padding: 0 18px; background: var(--surface); border-color: var(--line); gap: 12px; }
.breadcrumb { letter-spacing: 0; gap: 14px; }
.breadcrumb strong { color: var(--ink); font-size: 14px; font-weight: 700; }
.breadcrumb .operator-label { color: var(--muted); font-size: 11px; padding-left: 14px; border-left: 1px solid var(--line); }
.topbar-actions { gap: 12px; }
.events-status { color: var(--muted); font-size: 11px; }
.events-status.connected { color: var(--green); }
.provider-pill { color: var(--muted); border-color: var(--line); background: var(--surface); font-size: 11px; padding: 6px 9px; }
.provider-pill.live { color: var(--green); border-color: var(--line); background: var(--surface); }
.provider-pill.disconnected { color: var(--muted); }
.theme-toggle { min-height: 30px; padding: 4px 8px; gap: 6px; }
.theme-toggle .theme-icon { font-size: 17px; line-height: 1; }
.theme-toggle .theme-label { font-size: 11px; }
#events-status, .workspace-footer, .metrics-card,
.source-app-steps, #connection-current, #provider-policy { display: none !important; }
#provider-button:disabled { display: none !important; }
#provider-button .status-dot, #provider-chevron { display: none; }
.sidebar-hint { display: flex; align-items: center; gap: 8px; padding: 12px 16px; line-height: 1.5; }
.sidebar-hint .status-dot { flex: none; width: 6px; height: 6px; color: #96a1ae; }
.sidebar-hint[data-connection="connected"] .status-dot { color: #68d6ad; }
.sidebar-hint[data-connection="paused"] .status-dot, .sidebar-hint[data-connection="demo"] .status-dot { color: #e9bf71; }
.sidebar-hint[data-connection="disconnected"] .status-dot { color: #ef929a; }
.auth-footnote { color: #dae2eb; font-size: 13px; font-weight: 600; }
.page-content { padding: 0; max-width: none; margin: 0; }
.search-tabs-bar { display: flex; gap: 10px; align-items: center; min-height: 51px; background: var(--subtle); border-bottom: 1px solid var(--line); padding: 0 12px 0 0; }
.saved-searches { display: flex; flex: 0 1 auto; flex-direction: row; gap: 1px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
.sidebar-empty { color: var(--ink); background: var(--surface); margin: 0; padding: 17px 20px; min-width: 190px; border-bottom: 2px solid var(--blue); font-size: 12px; line-height: 16px; }
.saved-search-button { min-width: 205px; max-width: 280px; width: auto; flex-shrink: 0; border: 0; border-right: 1px solid var(--line); border-bottom: 2px solid transparent; border-radius: 0; padding: 8px 12px; margin: 0; background: transparent; color: var(--ink); min-height: 50px; }
.saved-search-button.selected { background: var(--surface); color: var(--ink); border-color: var(--line); border-bottom-color: var(--blue); }
.saved-search-button:hover { background: var(--hover); }
.saved-search-copy strong { max-width: 196px; font-size: 12px; font-weight: 600; }
.saved-search-copy small { color: var(--muted); font-size: 10px; margin-top: 4px; }
.saved-search-icon { color: var(--link); }
.saved-search-button .search-count { background: var(--blue-pale); color: var(--link); font-size: 10px; }
.saved-search-button .status-dot { width: 5px; height: 5px; color: var(--green); }
.new-search-button { flex: none; width: 34px; height: 34px; background: var(--blue); color: #fff; border-radius: 3px; font-size: 27px; }
.new-search-button:hover { background: var(--blue-dark); }
.refresh-caption { display: flex; margin-left: auto; padding-left: 10px; color: var(--muted); white-space: nowrap; font-size: 10px; }
.refresh-caption small { color: var(--muted); font-size: 10px; }
.refresh-symbol { color: var(--link); font-size: 21px; }
.search-card { margin: 12px 14px 0; padding: 13px 14px 8px; border: 0; border-radius: 4px; background: var(--canvas); box-shadow: none; }
.search-top-grid { grid-template-columns: minmax(140px,1fr) 80px minmax(140px,1fr) 80px; gap: 12px; }
.search-bottom-grid { grid-template-columns: minmax(140px,1.2fr) minmax(85px,.9fr) minmax(100px,1fr) minmax(150px,1.1fr) 122px; gap: 12px; margin-top: 12px; }
.search-card .field, .search-card label { font-size: 11px; font-weight: 400; gap: 5px; }
.search-card input, .search-card select { height: 35px; font-size: 13px; border-color: #aeb8c4; border-radius: 3px; }
.search-card input[type=date] { font-size: 12px; }
.label-row { height: 13px; }
.field-icon { top: 8px; color: var(--link); }
.destination-icon { color: var(--link); }
.clear-input { top: 4px; color: var(--muted); }
.input-with-unit>span { top: 11px; color: var(--muted); font-size: 11px; }
.deadhead-field input { padding-left: 9px; padding-right: 23px; }
.deadhead-field .input-with-unit>span { right: 7px; }
.search-submit { height: 35px; min-height: 35px; border-radius: 20px; grid-column: auto; letter-spacing: .4px; font-size: 11px; font-weight: 700; }
.search-submit::before { content: ""; width: 12px; height: 12px; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M21 21l-6-6M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0'/%3E%3C/svg%3E") center/contain no-repeat; }
.search-card .field-help { color: var(--muted); font-size: 10px; margin-top: 8px; display: inline-block; margin-right: 16px; }
.search-card .search-limit-note { margin-right: 0; }
.suggestions { top: 57px; border-radius: 3px; border-color: var(--line); background: var(--surface); }
.suggestion { color: var(--ink); background: var(--surface); font-size: 13px; }
.suggestion:hover, .suggestion.active { color: var(--link); background: var(--hover); }
.suggestion.state-suggestion { font-weight: 600; }
.suggestion-message { color: var(--muted); }
.results-card { border: 0; border-radius: 0; box-shadow: none; background: var(--surface); margin-top: 6px; }
.results-heading { padding: 12px 20px 9px; gap: 14px; flex-direction: row; align-items: center; }
.results-heading h2 { font-size: 15px; color: var(--ink); }
.results-heading p { color: var(--muted); font-size: 11px; margin-top: 5px; }
.results-title-row { gap: 9px; }
.count-badge { color: var(--link); background: var(--blue-pale); }
#result-count { display: none; }
.result-actions { align-self: auto; margin: 0; flex: none; }
.result-actions .button { font-size: 11px; min-height: 30px; padding: 5px 9px; }
.search-state { font-size: 10px; }
.results-toolbar { min-height: 43px; padding: 0 20px; border-color: var(--line); gap: 12px; flex-wrap: nowrap; }
.table-tabs { gap: 22px; min-height: 42px; }
.table-tab { color: var(--muted); font-size: 12px; font-weight: 500; }
.table-tab.selected { color: var(--link); }
.table-tab span { color: var(--muted); background: var(--canvas); font-size: 10px; }
.table-tab.selected span { color: var(--link); background: var(--blue-pale); }
.table-tab.selected:after { background: var(--blue); }
.table-tools { width: auto; padding: 5px 0; border: 0; }
.table-filter { width: 180px; }
.sort-label { width: 140px; }
.table-tools input, .table-tools select { background: var(--control); color: var(--ink); border-color: var(--line); font-size: 11px; border-radius: 3px; height: 29px; }
.results-table-wrap { position: relative; }
.loads-table { min-width: 980px; table-layout: auto; }
.loads-table th, .users-table th { background: var(--surface); color: var(--ink); font-weight: 400; font-size: 11px; padding: 11px 9px; letter-spacing: 0; border-color: var(--line); }
.loads-table td { color: var(--ink); padding: 6px 9px; font-size: 12px; height: 48px; border: 0; }
.loads-table tbody tr:nth-child(even) { background: var(--stripe); }
.loads-table tbody tr { transition: none; }
.loads-table tbody tr:hover, .loads-table tbody tr:focus-within { background: var(--hover); }
.loads-table tbody tr.selected { background: var(--blue-pale); box-shadow: inset 3px 0 var(--blue); }
.loads-table th:first-child, .loads-table td:first-child { padding-left: 20px; width: 55px; }
.loads-table th:last-child, .loads-table td:last-child { padding-left: 3px; padding-right: 12px; width: 30px; }
.loads-table th:nth-child(2) { width: 94px; text-align: right; }
.loads-table th:nth-child(3) { width: 64px; }
.loads-table th:nth-child(4) { width: 21%; }
.rate-cell { text-align: right; }
.lane-copy { flex-direction: column; align-items: flex-start; gap: 2px; position: relative; padding-left: 10px; }
.lane-copy:before { content: ""; width: 2px; position: absolute; left: 0; top: 5px; bottom: 5px; border-left: 2px dotted var(--link); }
.lane-copy strong { font-size: 12px; font-weight: 600; max-width: 190px; color: var(--ink); }
.lane-copy small, .lane-arrow { display: none; }
.cell-main { color: var(--ink); font-size: 12px; font-weight: 500; }
.cell-secondary { color: var(--muted); font-size: 10px; margin-top: 3px; }
.trip-cell .cell-main { color: var(--link); font-weight: 600; }
.deadhead-cell, .pickup-cell, .credit-cell { white-space: nowrap; }
.loads-table td.credit-cell { font-size: 10px; color: var(--muted); }
.equipment-badge { font-size: 11px; font-weight: 600; padding: 0; background: none; color: var(--ink); }
.rate-main { font-size: 13px; color: var(--ink); font-weight: 700; letter-spacing: 0; }
.rate-secondary { color: var(--muted); font-size: 10px; margin-top: 3px; }
.broker-main { color: var(--link); font-size: 12px; font-weight: 600; max-width: 200px; }
.broker-meta { color: var(--link); font-size: 11px; margin-top: 3px; }
.row-open { color: var(--link); }
.results-empty { border-color: var(--line); min-height: 300px; }
.empty-art { border-color: var(--line); background: var(--canvas); color: var(--link); border-radius: 50%; }
.results-empty h3 { color: var(--ink); font-size: 16px; }
.results-empty p { color: var(--muted); font-size: 12px; }
.results-footer { color: var(--muted); border-top: 1px solid var(--line); font-size: 10px; padding: 10px 20px; }
.workspace-footer { color: var(--muted); padding: 16px 20px; font-size: 10px; letter-spacing: 0; border-top: 1px solid var(--line); }
.workspace-footer>span:last-child { font-size: 10px; max-width: none; }
.footer-divider { color: var(--line); }
.mode-banner { padding: 8px 20px; font-size: 12px; }
.page-heading { margin-bottom: 22px; }
.page-heading h1 { color: var(--ink); font-size: 25px; }
.page-heading p { color: var(--muted); }
#users-panel { padding: 24px; }
.accounts-toolbar { display:flex; align-items:end; justify-content:space-between; gap:16px; padding:0 24px 12px; flex-wrap:wrap; }
.accounts-toolbar label { width: min(320px, 100%); }
.accounts-help { padding:0 24px 14px; color:var(--muted); font-size:12px; }
.users-table { min-width:940px; }
.users-table td { vertical-align:middle; padding:14px 16px; }
.users-table td:last-child { display:table-cell; min-width:260px; }
.users-table td:last-child .button { margin:3px; }
.account-secondary { display:block; margin-top:6px; font-size:11px; font-weight:400; color:var(--muted); }
.account-username { font-family:monospace; }
.payment-due-row { background:color-mix(in srgb, #ffb300 10%, var(--surface)); }
.payment-due-label { color:#8a5200; font-weight:600; }
.account-notice { padding:12px 20px; background:#fff1ce; color:#784400; border-bottom:1px solid #e5c983; font-size:14px; }
.account-edit-form { display:grid; gap:14px; margin-top:20px; }
.account-edit-form .field-help { margin-top:-7px; }
.account-check { display:flex; align-items:center; gap:10px; }
.account-check input { width:18px; height:18px; margin:0; }
#users-error { margin:0 24px 14px; }
:root[data-theme="dark"] .payment-due-label { color:#ffd17f; }
:root[data-theme="dark"] .account-notice { color:#ffdb94; background:#483919; border-color:#80662e; }
.users-create-card, .users-table-card { background: var(--surface); border-color: var(--line); border-radius: 4px; }
.users-table td { color: var(--ink); border-color: var(--line); }
.users-table td:first-child { color: var(--ink); }
.role-tag { color: var(--muted); }
.admin-badge { color: var(--muted); background: var(--canvas); border-color: var(--line); }
:root[data-theme="dark"] .user-status { color: #b0eccd; background: #203f35; }
:root[data-theme="dark"] .user-status.inactive { color: var(--muted); background: var(--subtle); }
.user-info strong, .user-username { color: var(--ink); }
.user-info small, .users-empty { color: var(--muted); }
.auth-screen { grid-template-columns: minmax(320px,.85fr) minmax(400px,1.15fr); background: var(--surface); }
.auth-story { padding: 44px 56px; background: var(--navy); }
.auth-story:after { display: none; }
.auth-brand .dat-logo { width: 85px; height: 126px; }
.auth-story-content { padding: 55px 0; }
.auth-story h1 { font-size: 46px; letter-spacing: -1.5px; line-height: 1.16; }
.auth-story-content .eyebrow { color: #a8c3ff; }
.auth-story p { color: #c4cdd6; line-height: 1.7; font-size: 15px; }
.auth-footnote { color: #aab7c5; }
.auth-panel { background: var(--surface); position: relative; }
#auth-theme-toggle { position: absolute; top: 22px; right: 24px; }
.auth-card h2 { color: var(--ink); }
.auth-card>.muted, .auth-note, .inline-status { color: var(--muted); }
.modal, .load-drawer { background: var(--surface); color: var(--ink); border-radius: 4px; border-color: var(--line); }
.modal h2 { color: var(--ink); }
.modal p.muted, .dialog-footnote { color: var(--muted); }
.drawer-topbar { background: var(--canvas); border-color: var(--line); }
.drawer-topbar .icon-button, .dialog-close-form .icon-button { color: var(--muted); }
.drawer-content h2 { color: var(--ink); font-size: 22px; }
.detail-stop strong, .detail-specs dd { color: var(--ink); }
.detail-stop small, .detail-specs dt, .detail-label, .detail-credit, .detail-comments, .drawer-note { color: var(--muted); }
.detail-rate-card { background: var(--canvas); border-color: var(--line); border-radius: 4px; }
.detail-rate-card strong { color: var(--ink); }
.detail-rate-card>div+div, .detail-section, .drawer-note, .connection-secondary { border-color: var(--line); }
.detail-section h3 { color: var(--ink); }
.detail-broker, .detail-contacts a { color: var(--link); }
.connection-current, .metrics-grid dl { background: var(--canvas); color: var(--muted); border-color: var(--line); }
.source-app-steps strong, .connection-secondary strong, .metrics-heading h3 { color: var(--ink); }
.source-app-steps small, .connection-secondary small, .metrics-heading>span, .metrics-grid dt, .metrics-footnote { color: var(--muted); }
.metrics-grid dd { color: var(--link); }
.metrics-card { border-color: var(--line); }
:root[data-theme="dark"] .form-error { background: #44262e; border-color: #81525b; color: #ffbcc2; }
:root[data-theme="dark"] .danger-text { color: #ffa7b0 !important; }
:root[data-theme="dark"] .result-error, :root[data-theme="dark"] .mode-banner { background: #3d3323; border-color: #796344; color: #f7d59f; }
:root[data-theme="dark"] .mode-banner.disconnected { background: #253449; border-color: var(--line); color: #c6d9f4; }
:root[data-theme="dark"] .provider-pill.demo, :root[data-theme="dark"] .provider-pill.cooldown,
:root[data-theme="dark"] .connection-current.demo, :root[data-theme="dark"] .connection-current.cooldown,
:root[data-theme="dark"] .connection-cooldown, :root[data-theme="dark"] .search-state.paused { background: #403622; border-color: #796344; color: #f7d59f; }
:root[data-theme="dark"] .search-state, :root[data-theme="dark"] .connection-current.live,
:root[data-theme="dark"] .connection-cooldown.ended, :root[data-theme="dark"] .mode-banner.cooldown-ended { background: #203f35; color: #b0eccd; border-color: #4b7866; }
:root[data-theme="dark"] .search-state.loading, :root[data-theme="dark"] .search-state.queued { background: #293f62; color: #c0d8ff; }
:root[data-theme="dark"] .search-state.error { background: #44262e; color: #ffbcc2; }
:root[data-theme="dark"] input:disabled { background: #292c31; color: #a8afb9; }
:root[data-theme="dark"] .source-app-steps>div>span { background: var(--subtle); border-color: var(--line); color: var(--link); }
@media (min-width:1600px) {
  .app-shell { grid-template-columns: 196px minmax(0,1fr); }
  .search-card { padding: 14px 16px 9px; }
  .loads-table td { height: 48px; padding: 6px 10px; }
  .loads-table th:first-child, .loads-table td:first-child { width: 55px; }
  .lane-copy strong { max-width: 260px; }
}
@media (max-width:1180px) {
  .app-shell { grid-template-columns: 174px minmax(0,1fr); }
  .breadcrumb .operator-label, .refresh-caption { display: none; }
  .topbar-actions { gap: 7px; }
  .nav-button { font-size: 11px; }
  .table-filter { width: 155px; }
  .results-heading { padding: 12px 15px 9px; }
  .search-bottom-grid { grid-template-columns: minmax(110px,1.2fr) minmax(75px,.7fr) minmax(85px,.85fr) minmax(130px,1fr) 110px; }
}
@media (max-width:900px) {
  .auth-screen { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .app-shell { grid-template-columns: 154px minmax(0,1fr); }
  .nav-button { padding-right: 6px; font-size: 11px; }
  .sidebar-brand { margin-left: 14px; }
  .search-top-grid { grid-template-columns: minmax(115px,1fr) 65px minmax(115px,1fr) 65px; gap: 8px; }
  .search-bottom-grid { grid-template-columns: repeat(3,minmax(80px,1fr)); gap: 10px; }
  .search-submit { grid-column: span 2; }
  .table-tools { width: 100%; }
  .table-filter { flex: 1; }
  .results-toolbar { flex-wrap: wrap; gap: 0; padding: 0 15px; }
  .results-heading { flex-wrap: wrap; }
  .result-actions { margin-left: auto; }
  .workspace-footer { flex-wrap: wrap; gap: 7px; }
  .auth-story { padding: 35px; }
  .auth-story h1 { font-size: 38px; }
}
@media (max-width:660px) {
  .app-shell { display: flex; }
  .sidebar { height: auto; position: static; flex-direction: row; padding: 12px 14px; gap: 12px; align-items: center; flex-wrap: nowrap; }
  .sidebar-brand { margin: 0 auto 0 0; flex: none; }
  .sidebar-brand .dat-logo { width: 35px; height: 52px; }
  .main-navigation { flex-direction: row; }
  .nav-button { padding: 10px 8px; min-height: 36px; border: 0; font-size: 11px; }
  .nav-button.active { border-bottom: 2px solid #4c86ff; padding-left: 8px; }
  .nav-button svg { display: none; }
  .sidebar-bottom { margin: 0; }
  .account-menu { border: 0; padding: 0; background: none; }
  .workspace-tag, .sidebar-hint { display: none; }
  .topbar { height: 43px; padding: 0 12px; }
  .breadcrumb strong { font-size: 12px; }
  .provider-pill { font-size: 10px; padding: 6px; }
  .theme-toggle .theme-label { display: none; }
  #auth-theme-toggle .theme-label { display: inline; }
  .search-tabs-bar { gap: 7px; min-height: 47px; padding-right: 9px; }
  .saved-searches { flex-basis: auto; order: 0; max-height: none; gap: 1px; }
  .saved-search-button { min-width: 170px; padding: 7px 10px; min-height: 46px; }
  .saved-search-copy strong { max-width: 135px; font-size: 11px; }
  .saved-search-copy small { font-size: 10px; }
  .sidebar-empty { min-width: 155px; padding: 14px 16px; }
  .search-card { margin: 10px 10px 0; padding: 12px 10px 9px; }
  .search-top-grid { grid-template-columns: minmax(170px,1fr) 75px; gap: 11px; }
  .search-bottom-grid { grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 11px; }
  .search-card .field, .search-card label { font-size: 11px; }
  .search-card input, .search-card select { font-size: 13px; height: 37px; }
  .search-submit { grid-column: 1 / -1; height: 37px; }
  .search-card .field-help { font-size: 10px; }
  .results-heading { padding: 14px 12px 8px; }
  .results-heading p { font-size: 10px; }
  .results-toolbar { padding: 0 12px; }
  .table-tab { font-size: 11px; }
  .results-empty { min-height: 260px; }
  .results-footer { font-size: 10px; }
  .workspace-footer { padding: 13px 12px; font-size: 10px; }
  .workspace-footer>span:last-child { font-size: 10px; text-align: left; max-width: none; }
  .auth-screen { display: block; }
  .auth-story { min-height: auto; padding: 22px 26px; }
  .auth-brand .dat-logo { width: 44px; height: 65px; }
  .auth-story-content { padding: 17px 0 0; }
  .auth-story h1 { font-size: 30px; margin: 8px 0; }
  .auth-story p { font-size: 13px; }
  .auth-story-content .eyebrow, .auth-footnote { display: none; }
  .auth-panel { padding: 57px 26px 35px; }
  #auth-theme-toggle { top: 12px; right: 18px; }
  #users-panel { padding: 20px 12px; }
}

/* Search controls share the board's palette in both themes. */
.search-form-tools { display: flex; justify-content: flex-end; gap: 18px; margin-bottom: 10px; }
.search-form-tools .text-button { display: inline-flex; gap: 5px; align-items: center; min-height: 25px; color: var(--link); font-size: 11px; }
.equipment-field { position: relative; min-width: 0; }
.equipment-toggle { display: flex; align-items: center; gap: 7px; width: 100%; height: 35px; padding: 0 10px; border: 1px solid #aeb8c4; border-radius: 3px; background: var(--control); color: var(--ink); text-align: left; font-size: 12px; }
#equipment-summary { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.equipment-count { flex: none; font-size: 10px; border-radius: 3px; padding: 2px 5px; color: var(--link); background: var(--blue-pale); }
.equipment-toggle[aria-expanded="true"] { border-color: var(--blue); }
.equipment-picker { position: absolute; z-index: 60; top: calc(100% + 6px); left: 0; width: min(420px,calc(100vw - 48px)); padding: 15px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); box-shadow: 0 10px 35px #10213b28; color: var(--ink); }
.equipment-picker-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; gap: 16px; }
.equipment-picker-heading strong { font-size: 13px; font-weight: 600; }
.equipment-picker .text-button { color: var(--link); font-size: 11px; min-height: 25px; }
.equipment-mode-buttons { display: flex; gap: 4px; padding: 3px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--canvas); }
.equipment-mode-buttons button { flex: 1; border: 0; background: transparent; border-radius: 3px; padding: 7px 10px; font-size: 12px; color: var(--muted); }
.equipment-mode-buttons button[aria-pressed="true"] { background: var(--surface); box-shadow: 0 1px 3px #10213b14; color: var(--link); font-weight: 600; }
.equipment-picker .equipment-search-label { display: block; margin: 0; }
.equipment-picker input[type="search"] { background: var(--control); border-color: var(--line); font-size: 12px; }
.equipment-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 0 5px; color: var(--muted); font-size: 10px; }
.equipment-options { max-height: min(330px,45vh); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.search-card .equipment-option { display: flex; flex-direction: row; align-items: center; gap: 9px; min-height: 36px; margin: 0; padding: 8px 5px; border-radius: 3px; color: var(--ink); cursor: pointer; font-size: 12px; font-weight: 400; }
.equipment-option:hover, .equipment-option:focus-within { background: var(--hover); }
.search-card .equipment-option input[type="checkbox"], .search-card .checkbox-field input[type="checkbox"] { width: 16px; height: 16px; min-height: 0; flex: none; padding: 0; margin: 0; accent-color: var(--blue); box-shadow: none; }
.equipment-option-code { width: 27px; flex: none; color: var(--link); font-size: 11px; font-weight: 600; }
.equipment-option-label { flex: 1; min-width: 0; }
.equipment-no-matches, .equipment-picker-note { color: var(--muted); font-size: 11px; line-height: 1.6; }
.equipment-no-matches { padding: 15px 3px; }
.equipment-picker-note { padding-top: 11px; margin-top: 7px; border-top: 1px solid var(--line); }
.equipment-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.equipment-chip { display: inline-flex; gap: 7px; align-items: center; border: 1px solid var(--line); border-radius: 3px; padding: 4px 7px; color: var(--ink); background: var(--surface); font-size: 10px; line-height: 1.4; max-width: 100%; }
.equipment-chip > span:first-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.equipment-chip .chip-remove { color: var(--muted); font-size: 14px; line-height: 1; }
.equipment-chip:hover { color: var(--link); border-color: var(--blue); }
.equipment-chip-more { color: var(--link); }
.more-filters { margin-top: 11px; border-top: 1px solid var(--line); }
.more-filters > summary { display: flex; gap: 7px; align-items: center; padding: 10px 0; cursor: pointer; list-style: none; width: max-content; color: var(--link); font-size: 11px; font-weight: 600; }
.more-filters > summary::-webkit-details-marker { display: none; }
.more-filters > summary:focus-visible { outline: 3px solid #99b6ff; outline-offset: 3px; }
.more-filter-count { padding: 2px 5px; border-radius: 3px; background: var(--blue-pale); color: var(--link); font-size: 10px; }
.more-filter-chevron { font-size: 15px; line-height: 1; }
.more-filters[open] .more-filter-chevron { transform: rotate(180deg); }
.advanced-filters-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px 17px; padding: 3px 0 14px; }
.advanced-filters-grid .field { min-width: 0; }
.advanced-filters-grid small { color: var(--muted); font-size: 10px; line-height: 1.5; font-weight: 400; }
.advanced-filters-grid textarea { display: block; resize: vertical; min-height: 73px; max-height: 240px; width: 100%; border: 1px solid #aeb8c4; border-radius: 3px; background: var(--control); color: var(--ink); padding: 8px 10px; font-size: 12px; line-height: 1.6; }
.company-name-filter { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); gap: 12px; grid-column: span 2; align-items: start; }
.advanced-checks { display: flex; flex-wrap: wrap; grid-column: 1 / -1; align-items: center; gap: 12px 26px; padding-top: 2px; }
.search-card .checkbox-field { display: inline-flex; flex-direction: row; align-items: center; gap: 8px; color: var(--ink); font-size: 12px; cursor: pointer; }
.detail-load-tags { display: flex; flex-wrap: wrap; gap: 7px; grid-column: 1 / -1; margin-top: -10px; }
.detail-load-tag { padding: 4px 7px; color: var(--link); background: var(--blue-pale); border-radius: 3px; font-size: 10px; line-height: 1.4; }
.detail-identifiers { color: var(--muted); margin-top: 6px; font-size: 11px; }
:root[data-theme="dark"] .equipment-toggle, :root[data-theme="dark"] .advanced-filters-grid textarea { border-color: #425469; }
@media (max-width:900px) {
  .advanced-filters-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .company-name-filter { grid-column: 1 / -1; }
}
@media (max-width:660px) {
  .equipment-toggle { height: 37px; }
  .search-form-tools { margin-bottom: 8px; gap: 16px; }
  .search-card .equipment-option { min-height: 41px; }
  .equipment-chip { min-height: 29px; }
}
@media (max-width:440px) {
  .advanced-filters-grid { grid-template-columns: 1fr; }
  .company-name-filter { grid-template-columns: 1fr; }
  .advanced-checks { flex-direction: column; align-items: flex-start; }
}

/* Search tabs remain separate buttons so close and reorder work with any input. */
.saved-search-tab { display: flex; align-items: stretch; position: relative; flex: 0 0 278px; min-width: 0; border-right: 1px solid var(--line); border-bottom: 2px solid transparent; background: var(--canvas); }
.saved-search-tab.selected { background: var(--surface); border-bottom-color: var(--blue); }
.saved-search-tab .saved-search-button { flex: 1; min-width: 0; max-width: none; width: auto; border: 0; padding: 8px 8px 8px 12px; cursor: grab; }
.saved-search-tab .saved-search-button:active { cursor: grabbing; }
.saved-search-tab .saved-search-copy strong { max-width: 148px; }
.search-tab-actions { display: flex; align-items: center; gap: 1px; padding-right: 5px; }
.search-tab-actions button { display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--muted); padding: 0; border-radius: 3px; width: 23px; height: 30px; font-size: 20px; line-height: 1; touch-action: manipulation; }
.search-tab-actions .search-tab-close { color: var(--ink); font-size: 22px; }
.search-tab-actions button:hover:not(:disabled) { background: var(--hover); color: var(--link); }
.search-tab-actions button:disabled { opacity: .3; }
.saved-search-tab.dragging { opacity: .55; }
.saved-search-tab.drop-before::before, .saved-search-tab.drop-after::after { content: ""; position: absolute; top: 3px; bottom: 3px; width: 3px; background: var(--blue); z-index: 2; pointer-events: none; }
.saved-search-tab.drop-before::before { left: 0; }
.saved-search-tab.drop-after::after { right: 0; }
.deadhead-hint { color: var(--muted); font-size: 9px; line-height: 1.3; font-weight: 400; }

/* Expanded details are ordinary table content and scroll with their load. */
#results-table-wrap { container-type: inline-size; }
.loads-table tbody .load-detail-row, .loads-table tbody .load-detail-row:hover, .loads-table tbody .load-detail-row:focus-within { cursor: default; background: var(--surface); }
.loads-table .load-detail-row > td { padding: 0; height: auto; width: auto; white-space: normal; border-bottom: 2px solid var(--line); }
.inline-load-details { background: var(--surface); color: var(--ink); border-left: 3px solid var(--blue); width: min(100%,100cqi); max-width: 100cqi; position: relative; left: auto; top: auto; }
/* Only horizontal positioning sticks; no top/bottom inset or vertical scroll box. */
.inline-detail-topbar { display: flex; justify-content: space-between; align-items: center; padding: 7px 18px; background: var(--canvas); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.inline-detail-topbar .eyebrow { color: var(--muted); font-size: 10px; letter-spacing: 1.2px; }
.inline-detail-topbar .icon-button { width: 30px; height: 30px; flex: none; color: var(--ink); }
.inline-detail-content { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr)); gap: 20px 28px; padding: 19px 22px 16px; }
.inline-detail-content > * { min-width: 0; overflow-wrap: anywhere; }
.inline-detail-content > h2 { grid-column: 1 / -1; margin: 0; font-size: 18px; line-height: 1.45; letter-spacing: -.2px; color: var(--ink); }
.inline-detail-content h3 { font-size: 12px; font-weight: 600; color: var(--ink); margin: 0 0 12px; }
.inline-detail-content .detail-lane { margin: 0 0 20px; gap: 16px; }
.inline-detail-content .detail-stop strong { font-size: 12px; color: var(--ink); }
.inline-detail-content .detail-stop small { margin-top: 4px; color: var(--muted); }
.inline-detail-content .detail-rate-card { margin: 0; gap: 12px; padding: 14px; }
.inline-detail-content .detail-rate-card strong { font-size: 23px; margin-top: 6px; }
.inline-detail-content .detail-rate-card > div + div { padding-left: 14px; }
.inline-detail-content .detail-specs { margin: 0 0 16px; gap: 15px 17px; }
.inline-detail-content .detail-specs dd { margin-top: 4px; overflow-wrap: anywhere; }
.inline-detail-content .detail-section { margin: 16px 0 0; padding-top: 13px; }
.inline-detail-content .detail-section:first-child { margin-top: 0; padding-top: 0; border: 0; }
.inline-detail-content .detail-section h3 { margin-bottom: 10px; }
.inline-detail-content .detail-broker { font-size: 13px; overflow-wrap: anywhere; }
.inline-detail-content .detail-contacts { margin-top: 9px; gap: 7px 14px; }
.inline-detail-content .detail-contacts a { font-size: 12px; }
.inline-detail-content .detail-credit { flex-wrap: wrap; gap: 7px 18px; margin-top: 10px; }
.inline-detail-content .detail-comments { font-size: 12px; line-height: 1.7; }
.inline-detail-note { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; line-height: 1.6; }
.detail-retained-note { margin: 0; padding: 10px 22px; color: var(--ink); background: var(--blue-pale); border-bottom: 1px solid var(--line); font-size: 12px; line-height: 1.6; }
.nav-load-count { margin-left: auto; font-size: 10px; font-weight: 500; min-width: 20px; text-align: center; background: #ffffff12; border-radius: 9px; padding: 2px 5px; }
.search-bottom-grid { grid-template-columns: minmax(135px,1.15fr) minmax(70px,.65fr) minmax(85px,.75fr) minmax(260px,2fr) 110px; }
.pickup-dates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; min-width: 0; }
.pickup-dates .field, .pickup-dates input { min-width: 0; width: 100%; }
.detail-dispatch-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.detail-extra-status { grid-column: 1 / -1; color: var(--muted); font-size: 11px; line-height: 1.5; margin: 0; }
.detail-mark-actions, .detail-share-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.detail-dispatch-actions .button { font-size: 11px; min-height: 34px; }
.detail-mark-actions .button.marked { color: var(--link); background: var(--blue-pale); border-color: var(--link); }
.inline-detail-content .detail-contacts { display: flex; flex-direction: column; gap: 10px; }
.detail-contact-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 4px 8px; min-width: 0; }
.detail-contact-label { grid-column: 1 / -1; color: var(--muted); font-size: 10px; }
.detail-contact-value { min-width: 0; overflow-wrap: anywhere; font-size: 12px; }
.detail-copy-contact { font-size: 10px; min-height: 28px; padding: 4px 8px; }
.detail-address { margin: 12px 0; }
.detail-address dt { font-size: 10px; color: var(--muted); }
.detail-address dd { margin: 5px 0 0; font-size: 12px; line-height: 1.6; white-space: pre-line; }
.copy-fallback { position: fixed; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
@media (max-width:1180px) {
  .search-bottom-grid { grid-template-columns: minmax(110px,1.2fr) minmax(75px,.7fr) minmax(85px,.8fr); }
  .pickup-dates { grid-column: 1 / 3; }
  .search-bottom-grid .search-submit { grid-column: auto; }
}
@media (max-width:660px) {
  .main-navigation { width: 100%; order: 3; flex-wrap: wrap; }
  .nav-button .nav-load-count { display: inline-block; }
  .search-bottom-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pickup-dates { grid-column: 1 / -1; }
  .search-bottom-grid .search-submit { grid-column: 1 / -1; }
  .detail-dispatch-actions { gap: 12px; }
}
@media (max-width:660px) {
  .saved-search-tab { flex-basis: 270px; }
  .saved-search-tab .saved-search-button { padding-left: 10px; }
  .search-tab-actions button { width: 27px; height: 38px; }
  .saved-search-tab .saved-search-copy strong { max-width: 125px; }
}

/* Sarzinity sign-in identity; the signed-in board retains DAT One's theme. */
.auth-screen { grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); }
.auth-story { padding: 42px 64px; background: radial-gradient(ellipse at 12% 12%,#16305b 0,transparent 48%),radial-gradient(ellipse at 90% 85%,#173d692e 0,transparent 52%),#081522; }
.auth-story::before { content: ""; width: 580px; height: 580px; position: absolute; right: -330px; bottom: -230px; border: 1px solid #658fcc20; border-radius: 50%; box-shadow: 0 0 0 75px #658fcc08,0 0 0 150px #658fcc04; pointer-events: none; }
.brand.sarzinity-brand { display: flex; align-items: center; gap: 13px; color: #f5f8ff; font-size: 31px; font-weight: 600; letter-spacing: -.7px; }
.sarzinity-brand img { height: 64px; width: 64px; object-fit: contain; }
.auth-story-content { padding: 70px 0 80px; }
.auth-story-content .eyebrow { color: #8daed6; font-size: 10px; font-weight: 500; letter-spacing: 2.4px; }
.auth-story h1 { font-size: clamp(38px,4vw,60px); line-height: 1.08; font-weight: 500; letter-spacing: -2px; margin: 25px 0; }
.auth-story p { max-width: 400px; color: #aebed3; font-size: 15px; line-height: 1.8; }
.auth-brand-rule { width: 66px; height: 2px; background: #6296e6; margin-top: 40px; }
.auth-footnote { color: #788fa9; font-size: 12px; letter-spacing: .4px; font-weight: 400; }
.auth-panel { background: #f4f6fa; padding: 65px 40px; }
.auth-card { max-width: 430px; padding: 42px; border: 1px solid #e2e7ef; border-radius: 16px; background: #fff; box-shadow: 0 18px 65px #142b4b0b; }
.auth-card .eyebrow { letter-spacing: 2.1px; font-size: 10px; color: #73829b; }
.auth-card h2 { font-size: 32px; letter-spacing: -.8px; font-weight: 600; margin-top: 14px; }
.auth-card>.muted { font-size: 13px; margin-top: 10px; line-height: 1.7; }
.auth-card label { font-size: 12px; font-weight: 500; gap: 9px; }
.auth-card input { height: 47px; border-radius: 7px; border-color: #dce3ee; font-size: 14px; }
.auth-card .button { border-radius: 7px; height: 47px; }
.auth-card .auth-note { margin-top: 26px; color: #77869a; font-size: 11px; line-height: 1.8; }
.auth-panel .theme-toggle { color: #566881; }
:root[data-theme="dark"] .auth-panel { background: #101b28; }
:root[data-theme="dark"] .auth-card { background: #172432; border-color: #2c3e50; box-shadow: 0 18px 65px #0002; }
:root[data-theme="dark"] .auth-card input { border-color: #425469; background: #142130; }
:root[data-theme="dark"] .auth-card .eyebrow { color: #99b4d6; }
:root[data-theme="dark"] .auth-card .auth-note, :root[data-theme="dark"] .auth-panel .theme-toggle { color: #aabbd0; }
@media (max-width:1000px) {
  .auth-story { padding: 36px; }
  .auth-panel { padding: 70px 25px; }
  .auth-card { padding: 30px 26px; }
  .auth-story h1 { font-size: 42px; }
}
@media (max-width:760px) {
  .auth-screen { display: block; }
  .auth-story { min-height: 0; padding: 24px 30px 28px; }
  .brand.sarzinity-brand { font-size: 27px; }
  .sarzinity-brand img { width: 51px; height: 51px; }
  .auth-story-content { padding: 22px 0 0; }
  .auth-story-content .eyebrow, .auth-footnote, .auth-brand-rule { display: none; }
  .auth-story h1 { font-size: 32px; margin: 9px 0 12px; letter-spacing: -1px; }
  .auth-story p { font-size: 13px; }
  .auth-panel { padding: 56px 22px 35px; }
  .auth-card { padding: 29px; max-width: 440px; }
  .auth-card h2 { font-size: 28px; }
  #auth-theme-toggle { top: 13px; right: 22px; }
}

/* Compact source-style controls retain the expanded search choices. */
.search-card { padding: 12px 14px 0; }
.search-top-grid { grid-template-columns: minmax(150px,1fr) 76px 25px minmax(150px,1fr) 76px; gap: 9px; align-items: end; }
.lane-swap { display: inline-flex; align-items: center; justify-content: center; height: 35px; width: 25px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--link); font-size: 24px; }
.deadhead-field { position: relative; }
.deadhead-hint { position: absolute; right: 0; top: 1px; font-size: 8px; }
.search-equipment-grid { display: grid; grid-template-columns: minmax(220px,1.6fr) minmax(135px,.5fr) minmax(140px,1fr); gap: 10px; margin-top: 11px; }
.search-bottom-grid { display: grid; grid-template-columns: minmax(150px,1fr) minmax(300px,1.4fr) 130px; gap: 10px; margin-top: 11px; }
.pickup-dates { grid-column: auto; gap: 10px; }
.search-bottom-grid .search-submit { grid-column: auto; height: 35px; align-self: end; border-radius: 22px; font-size: 11px; letter-spacing: .7px; }
.equipment-picker .equipment-chips { margin: 0 0 8px; }
.filter-menu-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 12px -14px 0; padding: 9px 0; position: relative; background: var(--surface); }
.filter-menu { position: relative; }
.filter-menu > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; cursor: pointer; list-style: none; min-height: 27px; padding: 5px 11px; background: var(--canvas); border: 1px solid var(--line); border-radius: 3px; color: var(--ink); font-size: 10px; letter-spacing: .7px; text-transform: uppercase; white-space: nowrap; }
.filter-menu > summary::-webkit-details-marker { display: none; }
.filter-menu.filter-active > summary { color: var(--link); background: var(--blue-pale); border-color: var(--link); }
.filter-menu[open] > summary { color: var(--link); }
.filter-menu[open] > summary > span:last-child { transform: rotate(180deg); }
.filter-popover { position: absolute; top: calc(100% + 5px); left: var(--filter-shift,0px); z-index: 65; display: grid; gap: 16px; width: 290px; max-width: calc(100vw - 32px); padding: 16px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink); box-shadow: 0 8px 25px #10213b25; }
.filter-popover small { font-size: 10px; line-height: 1.6; color: var(--muted); }
.filter-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.filter-actions .button { min-height: 34px; padding: 7px 14px; font-size: 11px; letter-spacing: .5px; text-transform: uppercase; }
.filter-actions .filter-clear { color: var(--link); }
.filter-actions .filter-done { min-width: 80px; border-radius: 20px; }
.filter-popover textarea { width: 100%; resize: vertical; min-height: 95px; max-height: 250px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 3px; background: var(--control); color: var(--ink); font-size: 12px; line-height: 1.6; }
.clear-filters { margin-left: auto; font-size: 10px; color: var(--link); min-height: 27px; padding: 4px 2px 4px 8px; }
.results-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 18px; padding: 5px 20px; border-bottom: 1px solid var(--line); }
.results-controls .results-heading { flex: 1 1 350px; min-width: 0; padding: 0; min-height: 42px; gap: 12px; }
.results-heading #result-subtitle { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.results-controls .results-toolbar { flex: 1 1 470px; min-width: 0; padding: 0; border: 0; gap: 16px; }
.results-controls .table-tabs { gap: 14px; min-height: 38px; flex: none; }
.results-controls .table-tab { font-size: 11px; }
.results-controls .table-tools { flex: 1; min-width: 0; justify-content: flex-end; }
.results-controls .table-filter { width: 150px; min-width: 80px; }
.results-controls .sort-label { width: 130px; }
.loads-table td { height: 43px; padding-top: 4px; padding-bottom: 4px; }
.inline-detail-content { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px 24px; padding: 16px 18px; }
.detail-headline { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 15px; }
.detail-headline h2 { font-size: 18px; line-height: 1.4; letter-spacing: -.2px; margin: 0; color: var(--ink); }
.detail-trip-distance { color: var(--muted); font-size: 15px; font-weight: 600; white-space: nowrap; }
.detail-headline .detail-load-tags { display: flex; gap: 5px; margin: 0; }
.inline-detail-content .detail-column-heading { margin: 0 0 14px; padding: 4px 8px; background: var(--canvas); color: var(--ink); font-size: 10px; font-weight: 600; letter-spacing: 1px; }
.inline-detail-content .detail-rate-card { display: flex; flex-direction: column; gap: 20px; border: 0; background: transparent; padding: 0 8px; }
.inline-detail-content .detail-rate-card > div + div { padding: 0; border: 0; }
.detail-dispatch-actions { padding-bottom: 10px; }
.inline-detail-content .detail-specs { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.inline-detail-content .detail-credit { flex-direction: column; gap: 6px; }
.detail-stop .detail-time { display: block; margin-top: 4px; font-size: 11px; color: var(--muted); }
.detail-reference-kind { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; font-weight: 400; }
.zoom-controls { display: inline-flex; align-items: center; gap: 1px; padding-right: 10px; border-right: 1px solid var(--line); }
.zoom-controls button { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; min-height: 29px; padding: 3px 6px; border: 0; border-radius: 3px; background: transparent; color: var(--muted); font-size: 16px; }
.zoom-controls #zoom-reset { font-size: 11px; min-width: 45px; }
.zoom-controls button:hover:not(:disabled) { color: var(--link); background: var(--hover); }
.zoom-controls button:disabled { opacity: .4; cursor: default; }

/* A light lift and press gives controls feedback without changing the theme. */
.button, .equipment-toggle, .lane-swap, .filter-menu > summary, .icon-button { transition: background-color .14s ease, border-color .14s ease, box-shadow .14s ease, transform .14s ease; }
.button:not(:disabled), .equipment-toggle, .filter-menu > summary { box-shadow: 0 1px 2px #172a4410 !important; }
@media (hover:hover) {
  .button:not(:disabled):hover, .equipment-toggle:hover, .lane-swap:hover, .filter-menu > summary:hover, .icon-button:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 3px 7px #172a441c !important; }
}
.button:not(:disabled):active, .equipment-toggle:active, .lane-swap:active, .filter-menu > summary:active, .icon-button:not(:disabled):active { transform: translateY(1px); box-shadow: 0 0 1px #172a4415 !important; }
button:focus-visible, summary:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
.button:disabled { transform: none; box-shadow: none !important; }
:root[data-theme="dark"] .button:not(:disabled), :root[data-theme="dark"] .equipment-toggle, :root[data-theme="dark"] .filter-menu > summary { box-shadow: 0 1px 3px #0003 !important; }
@media (max-width:1100px) {
  .filter-menu-bar { gap: 6px; }
  .filter-menu > summary { gap: 9px; font-size: 9px; padding-inline: 8px; }
  .results-controls { gap: 0; }
  .results-controls .results-heading, .results-controls .results-toolbar { flex-basis: 100%; }
}
@media (max-width:900px) {
  .search-top-grid { grid-template-columns: minmax(130px,1fr) 65px 23px minmax(130px,1fr) 65px; gap: 6px; }
  .search-equipment-grid { grid-template-columns: minmax(150px,1.4fr) minmax(120px,1fr) minmax(70px,.7fr); }
  .search-bottom-grid { grid-template-columns: minmax(80px,.7fr) minmax(240px,1.7fr) 95px; }
  .search-card .label-row .text-button { font-size: 9px; }
  .inline-detail-content { gap: 16px; }
}
@media (max-width:760px) {
  .search-top-grid { grid-template-columns: minmax(140px,1fr) 76px; gap: 10px; }
  .lane-swap { position: absolute; top: 6px; right: 12px; height: 24px; width: 24px; font-size: 21px; }
  .search-card { position: relative; padding-top: 27px; }
  .search-equipment-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); }
  .equipment-field { grid-column: 1 / -1; }
  .search-bottom-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .search-bottom-grid > .field { grid-column: 1 / -1; }
  .pickup-dates { grid-column: 1 / -1; }
  .search-bottom-grid .search-submit { grid-column: 1 / -1; }
  .inline-detail-content { grid-template-columns: 1fr; }
}
@media (max-width:660px) {
  .search-card { padding: 25px 10px 0; }
  .filter-menu-bar { margin-inline: -10px; gap: 7px; }
  .filter-menu { position: static; }
  .filter-menu > summary { min-height: 33px; font-size: 9px; }
  .filter-popover { top: 100%; width: 100%; max-width: 100%; }
  .clear-filters { min-height: 33px; }
  .results-controls { padding-inline: 12px; }
  .results-controls .results-heading { flex-wrap: wrap; gap: 4px; padding-top: 7px; }
  .results-controls .result-actions { align-self: auto; margin-left: auto; }
  .results-controls .results-toolbar { flex-wrap: wrap; gap: 0; }
  .results-controls .table-tools { width: 100%; flex-basis: 100%; padding-bottom: 9px; }
  .results-controls .table-filter { flex: 1; }
  .zoom-controls { gap: 0; padding-right: 5px; }
  .zoom-controls button { min-width: 23px; padding-inline: 3px; }
  .zoom-controls #zoom-reset { min-width: 39px; }
}
@media (prefers-reduced-motion:reduce) {
  .button, .equipment-toggle, .lane-swap, .filter-menu > summary, .icon-button { transition: none; transform: none !important; }
}

/* CSS zoom changes available content width without changing media queries. */
.main-shell { container: workspace / inline-size; }
.equipment-picker { width: min(420px,calc(100cqi - 48px)); }
@container workspace (max-width:700px) {
  .search-card { position: relative; padding-top: 27px; }
  .search-top-grid { grid-template-columns: minmax(0,1fr) 70px; gap: 10px; }
  .lane-swap { position: absolute; top: 5px; right: 12px; height: 24px; width: 24px; font-size: 21px; }
  .search-equipment-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); }
  .equipment-field { grid-column: 1 / -1; }
  .search-bottom-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .search-bottom-grid > .field, .pickup-dates, .search-bottom-grid .search-submit { grid-column: 1 / -1; }
  .results-controls { gap: 0; }
  .results-controls .results-heading, .results-controls .results-toolbar { flex-basis: 100%; }
  .inline-detail-content { grid-template-columns: 1fr; }
}
@container workspace (max-width:420px) {
  .topbar { height: auto; min-height: 52px; padding: 10px 12px; gap: 8px; flex-wrap: wrap; }
  .topbar-actions { flex-wrap: wrap; margin-left: auto; gap: 6px; min-width: 0; }
  .theme-toggle .theme-label { display: none; }
  .search-top-grid { grid-template-columns: minmax(0,1fr) 80px; }
  .filter-menu { position: static; }
  .filter-popover { top: 100%; width: 100%; max-width: 100%; }
  .filter-menu-bar { gap: 6px; }
  .filter-menu > summary { padding-inline: 7px; font-size: 9px; }
  .results-controls { padding-inline: 12px; }
  .results-controls .results-heading { flex-wrap: wrap; gap: 5px; padding-top: 7px; }
  .results-controls .result-actions { margin-left: auto; flex-wrap: wrap; }
  .results-controls .results-toolbar { flex-wrap: wrap; gap: 0; }
  .results-controls .table-tools { width: 100%; flex-basis: 100%; flex-wrap: wrap; padding-bottom: 9px; }
  .results-controls .table-filter { flex: 1; }
  .results-controls .table-tabs { gap: 10px; flex-wrap: wrap; }
  .results-controls .table-tab { font-size: 10px; }
  .results-title-row { flex-wrap: wrap; }
  .detail-dispatch-actions .button { white-space: normal; }
}
@container workspace (max-width:340px) {
  .pickup-dates { grid-template-columns: minmax(0,1fr); }
}
@container workspace (max-width:280px) {
  .search-top-grid, .search-equipment-grid, .pickup-dates { grid-template-columns: minmax(0,1fr); }
  .search-card .deadhead-field { max-width: none; }
  .inline-detail-content .detail-specs { grid-template-columns: minmax(0,1fr); }
}

#origin, #destination, #origin-states, #destination-states { text-transform: none; }
.auth-card .remember-me{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:11px;font-weight:500;color:#697991;cursor:pointer}.auth-card .remember-me input{width:17px;height:17px;margin:0;accent-color:#2463eb;flex:none}.auth-card .remember-me span{line-height:1.45}
.search-card,.search-top-grid{overflow:visible}.location-field:focus-within{z-index:80}.suggestions{z-index:100}.detail-rating{margin:6px 0;color:#a36a00;font-size:11px;font-weight:650}.results-footer #show-similar-footer{margin-left:4px}
.draft-search-tab { width:auto; min-width:110px; flex:none; align-self:stretch; margin:0; padding:10px 16px; border-radius:0; }
.draft-search-tab.selected { border-bottom:3px solid var(--blue); background:var(--surface); color:var(--ink); }

/* Search alerts and administrator sign-in history. */
.search-tab-actions .search-tab-bell { width: 28px; flex: 0 0 28px; color: var(--link); }
.search-tab-bell svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.search-tab-bell.is-muted { color: var(--muted); }
.search-tab-bell:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
.search-tab-bell.is-ringing svg { animation: search-bell-ring .38s ease-in-out 8; transform-origin: 50% 14%; }
@keyframes search-bell-ring { 0%,100% { transform: rotate(0deg); } 25% { transform: rotate(16deg); } 75% { transform: rotate(-16deg); } }
@media (prefers-reduced-motion: reduce) { .search-tab-bell.is-ringing svg { animation: none; } .search-tab-bell.is-ringing { background: #e9efff; } }
.users-table .account-login { min-width: 175px; }
.login-ip { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.users-table td:last-child { min-width: 285px; }
.login-history-dialog { width: min(780px, calc(100vw - 32px)); max-width: 780px; }
.login-history-scroll { max-height: 55vh; overflow: auto; margin: 18px 0; }
.login-history-table { width: 100%; border-collapse: collapse; font-size: 13px; text-align: left; }
.login-history-table th { position: sticky; top: 0; background: var(--surface, #fff); color: var(--muted); font-weight: 600; }
.login-history-table th, .login-history-table td { padding: 13px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.login-history-table td:first-child { min-width: 145px; }
.login-history-dialog #login-history-status { min-height: 20px; margin-top: 14px; }
#saved-searches .search-tab-actions .search-tab-bell { display: inline-flex; width: 28px; color: var(--link); } #saved-searches .search-tab-actions .search-tab-bell.is-muted { color: var(--muted); }
#users-panel .users-table { min-width: 1120px; } #users-panel .users-table .account-login { min-width: 190px; padding-right: 24px; }
.source-restart-card { display: grid; gap: 10px; margin-top: 16px; padding: 16px; border: 1px solid #e9bdc2; border-radius: 9px; background: #fff8f8; }
.source-restart-card h3 { color: #9e2937; font-size: 13px; }
.source-restart-card .button.danger { background: #b42334; color: #fff; }
.source-restart-card .button.danger:hover:not(:disabled) { background: #961c2a; }
:root[data-theme="dark"] .source-restart-card { background: #2b1820; border-color: #6d3440; }
:root[data-theme="dark"] .source-restart-card h3 { color: #ffb4bf; }