/* nadomogu / Open road — 18 September 2026. */
body.page--feed { --accent:#224be8; --accent-strong:#1837b9; --accent-wash:#eef2ff; --brand:#224be8; --ink:#151b20; --muted:#5b6470; --line:#dfe4e9; background:#fff; color:var(--ink); }
.page--feed :is(h1,h2,h3,h4,p,a,button,label,span,input,select) { letter-spacing:0; }
.page--feed .shell { width:calc(100% - 112px); max-width:1280px; }
.page--feed .topbar { height:88px; position:relative; background:#fff; border-bottom:0; }
.page--feed .topbar__inner { max-width:1440px; width:calc(100% - 112px); height:88px; gap:46px; }
.page--feed .brand__logo { width:156px; }
.page--feed .main-nav { gap:32px; align-self:stretch; }
.page--feed .main-nav a { font-size:13px; font-weight:600; }
.page--feed .main-nav a.is-active:after { height:3px; background:var(--accent); }
.page--feed .topbar__create { background:var(--ink); color:#fff; border-color:var(--ink); border-radius:6px; padding:0 23px; min-height:46px; }
.page--feed .topbar__create:hover { background:var(--accent); border-color:var(--accent); box-shadow:none; }
.page--feed .topbar__actions { gap:24px; }
.page--feed .hero { min-height:0; height:430px; position:relative; overflow:hidden; color:white; background:#253c2b; }
.page--feed .route-scene { position:absolute; inset:0; }
.page--feed .route-scene img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 53%; }
.page--feed .route-scene::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,26,20,.74),rgba(7,26,20,.42) 38%,rgba(7,26,20,0) 72%); }
.page--feed .hero__inner { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; min-height:0; height:100%; padding:40px 0 45px; }
.page--feed .hero__copy { max-width:810px; }
.page--feed .hero h1 { max-width:850px; margin:0; color:#fff; font-size:62px; line-height:1.09; font-weight:700; text-wrap:balance; }
.page--feed .hero h1 span { display:block; }
.page--feed .hero h1 .hero__accent { color:#dcf888; }
.page--feed .hero__lead { max-width:580px; margin:24px 0 0; color:#fff; font-size:18px; line-height:1.7; font-weight:500; }
.page--feed .route-search-band { background:#f3f5f6; padding:26px 0 20px; }
.page--feed .search-form.search-form--route { display:grid; grid-template-columns:minmax(0,1fr) 208px; gap:14px; margin:0; align-items:stretch; padding:0; border:none; background:transparent; border-radius:0; box-shadow:none; }
.page--feed .route-fields { display:grid; grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) minmax(170px,.72fr); align-items:center; min-width:0; min-height:78px; border:1px solid #dce1e5; background:#fff; border-radius:8px; padding:0 6px; }
.page--feed .search-field { min-width:0; min-height:76px; padding:14px 17px 11px; border:0; border-radius:0; background:none; }
.page--feed .search-field>span { display:flex; align-items:center; gap:6px; font-size:12px; line-height:1.6; color:#4c5964; font-weight:600; }
.page--feed .search-field>span .ui-icon { width:14px; height:14px; color:var(--accent); }
.page--feed .search-field input { width:100%; min-width:0; min-height:30px; height:30px; padding:0; border:0; border-radius:0; color:var(--ink); background:none; font-size:16px; font-weight:600; box-shadow:none; }
.page--feed .search-field input::placeholder { color:#66717b; opacity:1; font-weight:500; }
.page--feed .route-arrow { display:grid; place-items:center; width:40px; height:40px; min-width:40px; padding:0; border:1px solid #dce1e5; border-radius:50%; background:#fff; color:var(--accent); transition:transform .25s ease,background .2s; cursor:pointer; }
.page--feed .route-arrow:hover { background:#edf2ff; transform:rotate(180deg); }
.page--feed .route-arrow .ui-icon { width:18px; height:18px; }
.page--feed .search-field--date { height:auto; align-self:stretch; border-left:1px solid var(--line); margin:10px 0; min-height:56px; padding-block:4px; }
.page--feed .search-field--date label { color:#4c5964; font-size:12px; font-weight:600; line-height:1.6; }
.page--feed .search-date__empty { color:#66717b; font-size:16px; font-weight:500; }
.page--feed .search-date__picker { right:12px; top:21px; width:34px; height:34px; padding:7px; }
.page--feed .search-form>.button { gap:10px; height:80px; font-size:15px; border-radius:8px; box-shadow:none; background:var(--accent); }
.page--feed .search-form>.button:hover { background:var(--accent-strong); transform:none; }
.page--feed .hero__meta { display:flex; align-items:center; margin:12px 0 0; gap:8px; font-size:12px; color:#5b6470; }
.page--feed .hero__meta p { margin:0; }
.page--feed .hero__meta strong { color:#293842; }
.page--feed .category-strip { display:flex; align-items:stretch; gap:28px; padding:7px 0 0; min-height:80px; border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:thin; }
.page--feed .category-strip button { display:flex; align-items:center; gap:9px; min-height:72px; padding:0 1px; border:0; border-bottom:3px solid transparent; background:none; color:#69717a; white-space:nowrap; font-size:14px; font-weight:600; cursor:pointer; }
.page--feed .category-strip button[aria-pressed=true] { color:var(--ink); border-bottom-color:var(--accent); }
.page--feed .category-strip button:hover { color:var(--accent); }
.page--feed .category-strip .ui-icon { width:19px; height:19px; }
.page--feed .workspace { display:block; margin-top:0; padding-top:38px; padding-bottom:54px; }
.page--feed .feed { min-width:0; scroll-margin-top:24px; }
.page--feed .feed__topline { margin-bottom:22px; align-items:center; gap:24px; }
.page--feed .feed__topline h2 { font-size:30px; line-height:1.25; font-weight:700; }
.page--feed .feed__topline p { margin-top:9px; color:#5b6470; font-size:13px; }
.page--feed .feed__actions { gap:10px; }
.page--feed .feed-filter-trigger { width:auto; min-height:44px; gap:8px; padding-inline:14px; border:1px solid var(--line); border-radius:6px; background:#fff; }
.page--feed .filter-label { font-size:12px; font-weight:600; }
.page--feed .save-search { font-size:12px; color:#435361; padding:10px; }
.page--feed .sort-control { gap:8px; }
.page--feed .sort-control__label { display:none; }
.page--feed .sort-control select { min-height:44px; border:1px solid var(--line); border-radius:6px; font-size:12px; color:#29333e; padding-left:12px; }
.page--feed .task-list { display:grid; gap:12px; }
.page--feed .task-list:has(>.empty-state) { border:0; padding:0; box-shadow:none; border-radius:0; background:transparent; }
.page--feed .task-list .empty-state { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; max-width:none; width:100%; min-height:248px; margin:0; padding:36px 40px 36px 244px; text-align:left; background:#f3f6f7; border:0; border-radius:8px; box-shadow:none; overflow:hidden; }
.page--feed .empty-state::before { content:''; position:absolute; left:42px; top:30px; bottom:30px; width:160px; background:url('assets/ai/hero-map-20260912-v1.webp') center / contain no-repeat; mix-blend-mode:multiply; }
.page--feed .empty-state__status { color:#586675; padding:0; margin:0 0 8px; background:none; font-size:12px; }
.page--feed .empty-state h3 { margin:0; font-size:24px; max-width:600px; line-height:1.35; }
.page--feed .empty-state p { max-width:580px; margin:10px 0 0; color:#56636c; font-size:14px; line-height:1.7; }
.page--feed .empty-state__actions { gap:10px; margin-top:22px; justify-content:flex-start; }
.page--feed .empty-state__actions .button { min-height:43px; height:auto; padding:11px 15px; font-size:12px; border-radius:6px; box-shadow:none; }
.page--feed .empty-state--error::before { background:none; }
.page--feed .task-card { border-radius:8px; box-shadow:none; }
.page--feed .task-card:hover { border-color:#899bdf; box-shadow:0 8px 24px rgba(30,49,85,.06); }
.page--feed .task-icon { border-radius:8px; box-shadow:none; background:#edf2f5; }
.page--feed .guide-band { padding:58px 0 64px; background:#f6f8fa; border-top:1px solid #edf0f3; }
.page--feed .hero-guide { margin:0 auto; scroll-margin-top:24px; }
.page--feed .hero-guide__heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:36px; gap:32px; }
.page--feed .hero-guide__heading h2 { margin:0; color:var(--ink); max-width:620px; font-size:38px; font-weight:700; line-height:1.2; }
.page--feed .guide-intro { max-width:340px; font-size:15px; line-height:1.65; color:#5b6470; margin:0 0 4px; }
.page--feed .hero-guide__track { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; border-radius:0; overflow:visible; }
.page--feed .hero-guide__card { padding:0 26px 0 0; min-height:240px; border:0; border-radius:0; background:transparent; overflow:visible; }
.page--feed .hero-guide__card:not(:last-child) { border-right:1px solid #d9dfe5; }
.page--feed .step-number { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:#e6ecf3; color:#425369; font-size:13px; font-weight:700; margin-bottom:62px; }
.page--feed .hero-guide__text { width:100%; max-width:300px; }
.page--feed .hero-guide__card h3 { font-size:19px; line-height:1.4; color:var(--ink); }
.page--feed .hero-guide__card p { margin-top:12px; color:#56636c; font-size:13px; line-height:1.7; }
.page--feed .hero-guide__card img { position:absolute; top:-20px; bottom:auto; right:22px; width:116px; height:116px; mask-image:none; mix-blend-mode:multiply; }
.page--feed .hero-guide__controls { display:none !important; }
.page--feed .shipper-band { padding:48px 0; color:#fff; background:#224be8; }
.page--feed .shipper-band__inner { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.page--feed .shipper-band h2 { font-size:30px; line-height:1.3; margin:0; color:#fff; }
.page--feed .shipper-band p { margin:12px 0 0; max-width:640px; font-size:14px; line-height:1.65; color:#e5ebff; }
.page--feed .shipper-button { display:inline-flex; flex-shrink:0; align-items:center; gap:24px; min-height:54px; padding:0 25px; background:#def589; color:#1d2c16; border:0; border-radius:6px; font-size:14px; font-weight:700; box-shadow:none; }
.page--feed .shipper-button:hover { background:#ebffaf; transform:translateY(-2px); }
.page--feed .site-footer { background:#fff; border-top:none; }
.page--feed .site-footer__inner { padding-top:56px; padding-bottom:42px; }
.page--feed .site-footer__bottom { background:#fff; }
.page--feed .button--primary { background:var(--accent); box-shadow:none; }
.page--feed .button--primary:hover { background:var(--accent-strong); }
.page--feed ::selection { background:#dcf888; color:#17221d; }
.page--feed :focus-visible { outline:3px solid #224be8; outline-offset:4px; }
@media (prefers-reduced-motion:no-preference) {
 .page--feed .hero__copy { animation:route-in .8s cubic-bezier(.16,1,.3,1) both; }
 @keyframes route-in { from { transform:translateY(14px); clip-path:inset(0 0 10% 0); } to { transform:translateY(0); clip-path:inset(0); } }
}
@media(min-width:1600px) { .page--feed .hero {height:460px;} .page--feed .hero h1 {font-size:68px;} }
@media(max-width:1200px) {
 .page--feed .shell,.page--feed .topbar__inner {width:calc(100% - 64px);} .page--feed .topbar__inner {gap:28px;}
 .page--feed .hero h1 {font-size:54px;} .page--feed .hero {height:400px;}
 .page--feed .search-form.search-form--route {grid-template-columns:minmax(0,1fr) 180px;gap:10px;}
 .page--feed .search-field {padding-inline:12px;} .page--feed .route-fields {grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) minmax(160px,.8fr);}
 .page--feed .feed__topline {align-items:flex-start;} .page--feed .feed__actions {flex-wrap:wrap;justify-content:flex-end;}
 .page--feed .hero-guide__track {gap:24px;} .page--feed .hero-guide__heading h2 {font-size:34px;}
}
@media(max-width:820px) {
 .page--feed .topbar,.page--feed .topbar__inner {height:72px;} .page--feed .brand__logo {width:136px;} .page--feed .topbar__actions {gap:12px;}
 .page--feed .mobile-menu {top:72px;} .page--feed .hero {height:360px;} .page--feed .hero h1 {font-size:44px;} .page--feed .hero__lead {font-size:16px;}
 .page--feed .route-scene img {object-position:60% 50%;} .page--feed .hero__copy {max-width:600px;}
 .page--feed .search-form.search-form--route {grid-template-columns:1fr;} .page--feed .search-form>.button {height:52px;min-height:52px;}
 .page--feed .route-search-band {padding-top:20px;} .page--feed .category-strip {gap:24px;min-height:70px;} .page--feed .category-strip button {min-height:62px;font-size:13px;}
 .page--feed .workspace {padding-top:28px;padding-bottom:36px;} .page--feed .feed__topline {display:flex;flex-direction:column;gap:16px;} .page--feed .feed__actions {justify-content:flex-start;width:100%;}
 .page--feed .feed__topline h2 {font-size:27px;} .page--feed .task-list .empty-state {padding:32px 28px 32px 160px;}
 .page--feed .empty-state::before {left:20px;width:115px;top:40px;} .page--feed .empty-state h3 {font-size:21px;}
 .page--feed .empty-state__actions {flex-wrap:wrap;} .page--feed .guide-band {padding:40px 0;}
 .page--feed .hero-guide__track {gap:20px;} .page--feed .hero-guide__card {padding-right:12px;min-height:260px;} .page--feed .hero-guide__card img {width:94px;height:94px;right:0;top:0;}
 .page--feed .hero-guide__card h3 {font-size:17px;} .page--feed .hero-guide__card p {font-size:12px;}
 .page--feed .hero-guide__heading h2 {font-size:30px;} .page--feed .guide-intro {font-size:13px;}
 .page--feed .shipper-band__inner {align-items:flex-start;flex-direction:column;gap:24px;} .page--feed .shipper-band h2 {font-size:27px;}
}
@media(max-width:560px) {
 .page--feed .shell,.page--feed .topbar__inner {width:calc(100% - 36px);} .page--feed .topbar,.page--feed .topbar__inner {height:68px;}
 .page--feed .topbar__inner {gap:8px;} .page--feed .brand__logo {width:123px;} .page--feed .topbar__actions {gap:8px;}
 .page--feed .topbar__create {min-height:38px;padding-inline:12px;font-size:11px;} .page--feed .menu-button {width:36px;min-width:36px;min-height:42px;}
 .page--feed .mobile-menu {top:68px;} .page--feed .hero {height:330px;} .page--feed .hero__inner {padding:32px 0;justify-content:flex-start;}
 .page--feed .hero__copy {max-width:360px;} .page--feed .hero h1 {font-size:36px;line-height:1.13;text-wrap:initial;}
 .page--feed .hero h1 span {max-width:330px;} .page--feed .hero__lead {margin-top:17px;font-size:13px;line-height:1.65;max-width:290px;}
 .page--feed .route-scene img {object-position:64% 62%;} .page--feed .route-scene::after {background:linear-gradient(90deg,rgba(7,26,20,.75),rgba(7,26,20,.38) 67%,rgba(7,26,20,.05));}
 .page--feed .route-search-band {padding:18px 0 13px;} .page--feed .route-fields {grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);padding:0;border-radius:6px;}
 .page--feed .search-field {padding:11px 10px;min-height:66px;} .page--feed .search-field>span {font-size:11px;} .page--feed .search-field>span .ui-icon {width:12px;height:12px;}
 .page--feed .search-field input {font-size:14px;height:26px;min-height:26px;}
 .page--feed .route-arrow {width:32px;height:32px;min-width:32px;}
 .page--feed .search-field--date {grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:14px;min-height:50px;height:50px;margin:0;border-left:0;border-top:1px solid #e5e9ec;padding:8px 12px;}
 .page--feed .search-field--date label {font-size:11px;min-width:34px;} .page--feed .search-date__value {width:auto;flex:1;min-height:28px;}
 .page--feed .search-date__empty {font-size:14px;line-height:28px;} .page--feed .search-date__picker {right:8px;top:8px;}
 .page--feed .search-form>.button {height:50px;min-height:50px;border-radius:6px;font-size:14px;}
 .page--feed .hero__meta {font-size:11px;margin-top:10px;}
 .page--feed .category-strip {gap:22px;min-height:60px;width:calc(100% - 18px);margin-left:18px;padding-right:18px;}
 .page--feed .category-strip button {min-height:55px;font-size:12px;gap:7px;} .page--feed .category-strip .ui-icon {width:17px;height:17px;}
 .page--feed .workspace {padding-top:25px;padding-bottom:32px;}
 .page--feed .feed__topline h2 {font-size:26px;}
 .page--feed .feed__topline p {font-size:12px;} .page--feed .feed__actions {display:grid;grid-template-columns:auto 1fr;gap:10px;}
 .page--feed .save-search {grid-column:1/-1;grid-row:2;justify-self:start;padding:4px 0;min-height:34px;}
 .page--feed .sort-control {width:100%;} .page--feed .sort-control select {width:100%;min-width:0;}
 .page--feed .feed-filter-trigger {width:auto;} .page--feed .filter-label {font-size:12px;}
 .page--feed .task-list .empty-state {min-height:0;padding:115px 22px 26px;text-align:center;align-items:center;}
 .page--feed .empty-state::before {width:95px;height:95px;top:12px;left:calc(50% - 47.5px);bottom:auto;}
 .page--feed .empty-state h3 {font-size:20px;} .page--feed .empty-state p {font-size:13px;}
 .page--feed .empty-state__actions {width:100%;display:grid;grid-template-columns:1fr;gap:8px;}
 .page--feed .empty-state__actions .button {width:100%;min-height:43px;}
 .page--feed .hero-guide__heading {display:block;margin-bottom:28px;} .page--feed .hero-guide__heading h2 {font-size:30px;}
 .page--feed .guide-intro {margin-top:15px;font-size:13px;} .page--feed .guide-intro br {display:none;}
 .page--feed .hero-guide__track {display:grid;grid-template-columns:1fr;gap:26px;overflow:visible;}
 .page--feed .hero-guide__card {display:grid;grid-template-columns:38px 1fr;gap:16px;min-height:135px;padding:0 0 24px;}
 .page--feed .hero-guide__card:not(:last-child) {border-right:0;border-bottom:1px solid #d9dfe5;}
 .page--feed .step-number {width:36px;height:36px;margin:0;grid-column:1;grid-row:1;}
 .page--feed .hero-guide__text {max-width:none;padding-right:0;grid-column:2;grid-row:1;}
 .page--feed .hero-guide__card h3 {max-width:200px;min-height:38px;font-size:18px;}
 .page--feed .hero-guide__card p {font-size:13px;max-width:270px;margin-top:11px;}
 .page--feed .hero-guide__card img {display:none;}
 .page--feed .shipper-band {padding:34px 0;} .page--feed .shipper-band h2 {font-size:27px;max-width:270px;} .page--feed .shipper-band p {font-size:13px;}
 .page--feed .shipper-button {width:100%;justify-content:space-between;min-height:52px;}
 .page--feed .site-footer__inner {padding-top:35px;}
}
@media(max-width:360px) {
 .page--feed .hero h1 {font-size:32px;} .page--feed .brand__logo {width:105px;}
 .page--feed .topbar__create {padding-inline:8px;font-size:10px;}
 .page--feed .hero__lead {font-size:12px;} .page--feed .search-field input {font-size:12px;} .page--feed .search-field {padding-inline:8px;}
}
/* Date control stays native and keyboard-accessible in the separate search band. */
body.page--feed .route-fields .route-arrow {position:static;inset:auto;transform:none;grid-column:2;grid-row:1;}
body.page--feed .route-fields>label.search-field:first-child {grid-column:1;grid-row:1;border:0;}
body.page--feed .route-fields>label.search-field:nth-of-type(2) {grid-column:3;grid-row:1;}
body.page--feed .search-field--date {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:1px;padding-right:46px;}
body.page--feed .search-date__value {position:relative;display:flex;align-items:center;min-width:0;height:30px;min-height:30px;}
body.page--feed .search-date__picker {position:absolute;display:grid;place-items:center;right:10px;top:50%;transform:translateY(-50%);height:40px;width:36px;padding:7px;border:0;border-radius:5px;background:transparent;color:#536472;}
body.page--feed .search-date__picker:hover {background:#edf2ff;color:#224be8;}
body.page--feed .search-date__picker .ui-icon {width:19px;height:19px;}
body.page--feed #search-date::-webkit-calendar-picker-indicator {display:none;}
body.page--feed #search-date:not(.has-date):not(:focus) {color:transparent;}
body.page--feed #search-date:not(.has-date):not(:focus)::-webkit-datetime-edit {color:transparent;}
body.page--feed .search-date__empty {position:absolute;left:0;top:50%;transform:translateY(-50%);line-height:1.3;pointer-events:none;white-space:nowrap;}
body.page--feed #search-date:focus+.search-date__empty,body.page--feed #search-date.has-date+.search-date__empty {display:none;}
body.page--feed .feed-filter-trigger {display:inline-flex;flex-direction:row;align-items:center;justify-content:center;}
body.page--feed .empty-state::before {mask-image:radial-gradient(ellipse at center,black 45%,transparent 72%);}
@media(max-width:560px){
 body.page--feed .search-field--date {flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;grid-column:1/-1;grid-row:2;}
 body.page--feed .search-field--date>label {flex:none;}
 body.page--feed .search-date__value {flex:1;}
 body.page--feed .route-fields {grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);}
 body.page--feed .route-fields .route-arrow {width:36px;height:44px;border:0;background:none;}
 body.page--feed .search-field input {font-size:14px;}
}
/* Final alignment pass: legacy grid/spacing rules are superseded explicitly. */
body.page--feed .feed-filter-trigger {display:inline-flex !important;gap:8px;}
body.page--feed .route-fields .route-arrow {margin:0;align-self:center;justify-self:center;min-width:44px;width:44px;height:44px;}
body.page--feed .route-fields .search-field>input {text-overflow:ellipsis;}
@media(max-width:560px){body.page--feed .route-fields {grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);}body.page--feed .search-field input::placeholder {font-size:12px;}}
@media(max-width:560px){body.page--feed .topbar__create {min-height:44px;}body.page--feed .menu-button {width:44px;min-width:44px;height:44px;min-height:44px;}body.page--feed .topbar__actions {gap:4px;}}