/* Çaykara Tur · Interface 3.0 — shared application design */
.studio-menu-close{display:none}
@media(max-width:1023px){.studio-menu-close{display:grid;place-items:center;position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:8px;border:0;background:var(--studio-bg);color:var(--studio-muted);font-size:24px}.studio-sidebar .studio-brand{padding-right:16px}}
:root{--studio-bg:#f7f7f8;--studio-surface:#fff;--studio-ink:#202938;--studio-muted:#657080;--studio-line:#e1e4e8;--studio-accent:#c45100;--studio-fill:#c45100;--studio-accent-dark:#a84000;--studio-tint:#fff0e3;--studio-radius:18px;--app-bg:var(--studio-bg);--app-panel:var(--studio-surface);--app-text:var(--studio-ink);--app-muted:var(--studio-muted);--app-border:var(--studio-line);--app-primary:var(--studio-accent)}
html.dark{--studio-bg:#151b24;--studio-surface:#202938;--studio-ink:#f5f6f8;--studio-muted:#bdc6d2;--studio-line:#3b4656;--studio-accent:#ff9a45;--studio-fill:#c45100;--studio-accent-dark:#c45100;--studio-tint:#3a2a20;--app-bg:var(--studio-bg);--app-panel:var(--studio-surface);--app-text:var(--studio-ink);--app-muted:var(--studio-muted);--app-border:var(--studio-line);--app-primary:var(--studio-accent)}
body[data-screen]{background:var(--studio-bg)!important;color:var(--studio-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.015em;-webkit-font-smoothing:antialiased}
body[data-screen] h1,body[data-screen] h2,body[data-screen] h3{letter-spacing:-.035em;line-height:1.25}
body[data-screen] .font-black{font-weight:750}body[data-screen] .uppercase{text-transform:none;letter-spacing:.015em}
body[data-screen] :focus-visible{outline:3px solid var(--studio-accent);outline-offset:3px}
body[data-screen] button,body[data-screen] a,body[data-screen] summary{touch-action:manipulation}
body[data-screen] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body[data-screen] select,body[data-screen] textarea{border-radius:11px;min-height:46px;font-size:15px;color:var(--studio-ink);background-color:var(--studio-surface);border-color:var(--studio-line);box-shadow:none}
body[data-screen] input:focus,body[data-screen] select:focus,body[data-screen] textarea:focus{border-color:var(--studio-accent)}
body[data-screen] input[type=checkbox]{accent-color:var(--studio-accent);width:19px;height:19px}
body[data-screen] .bg-white,body[data-screen] .bg-white\/95,body[data-screen] .bg-white\/90{background:var(--studio-surface)!important}
body[data-screen] .border-slate-100,body[data-screen] .border-slate-200,body[data-screen] .border-slate-300{border-color:var(--studio-line)!important}
body[data-screen] .text-slate-400,body[data-screen] .text-slate-500,body[data-screen] .text-slate-600{color:var(--studio-muted)!important}
body[data-screen] .text-slate-700,body[data-screen] .text-slate-800,body[data-screen] .text-slate-900,body[data-screen] .text-slate-950{color:var(--studio-ink)!important}
body[data-screen] .bg-blue-600,body[data-screen] .bg-indigo-600{background-color:var(--studio-fill)!important;color:var(--studio-on-fill,#fff)!important}
body[data-screen] .hover\:bg-blue-700:hover,body[data-screen] .hover\:bg-indigo-700:hover{background-color:var(--studio-accent-dark)!important}
body[data-screen] .text-blue-500,body[data-screen] .text-blue-600,body[data-screen] .text-blue-700,body[data-screen] .text-indigo-600{color:var(--studio-accent)!important}
body[data-screen] .bg-blue-50,body[data-screen] .bg-indigo-50{background:var(--studio-tint)!important}
body[data-screen] .rounded-3xl{border-radius:var(--studio-radius)}
body[data-screen] .shadow-sm{box-shadow:0 2px 5px #20293805}body[data-screen] .shadow-2xl{box-shadow:0 20px 70px #20293826}
body[data-screen] main{min-width:0}
body:has(.studio-sidebar){padding-left:240px}
body:has(.studio-sidebar)>main{max-width:1440px;margin:0 auto;padding:30px clamp(20px,3vw,46px) 64px}
.studio-sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:28px 18px 18px;background:var(--studio-surface);border-right:1px solid var(--studio-line);display:flex;flex-direction:column;z-index:1100;color:var(--studio-ink)}
.studio-brand{display:flex;align-items:center;gap:12px;color:var(--studio-ink);text-decoration:none;min-width:0}.studio-brand strong{display:block;font-size:16px;font-weight:780;letter-spacing:-.04em}.studio-brand small{display:block;color:var(--studio-muted);font-size:11px;margin-top:3px;letter-spacing:.02em}.studio-brand-symbol{width:40px;height:44px;border-radius:12px;background:var(--studio-fill);color:var(--studio-on-fill,#fff);display:grid;place-items:center;flex-shrink:0}.studio-brand-symbol svg{width:24px;height:24px}
.studio-nav-label{margin:40px 12px 12px;font-size:10px;font-weight:750;color:var(--studio-muted);letter-spacing:.15em}.studio-nav{display:grid;gap:5px;overflow-y:auto;min-height:0;padding:2px 1px 16px}.studio-nav>a,.studio-settings>summary{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 13px;border-radius:11px;color:var(--studio-muted);font-size:14px;font-weight:600;text-decoration:none;border:0;line-height:1.4;list-style:none;margin:0;cursor:pointer}.studio-nav svg{width:20px;height:20px;flex-shrink:0}.studio-nav>a:hover,.studio-settings>summary:hover{background:var(--studio-bg);color:var(--studio-ink)}.studio-nav a[aria-current=page]{color:var(--studio-accent);background:var(--studio-tint);font-weight:750}.studio-nav>a[aria-current=page]:after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--studio-fill)}.studio-settings>summary::-webkit-details-marker{display:none}.studio-settings>summary svg:last-child{margin-left:auto;width:14px}.studio-settings[open]>summary svg:last-child{transform:rotate(180deg)}.studio-subnav{display:grid;border-left:1px solid var(--studio-line);margin:6px 0 10px 23px;padding-left:12px;gap:4px}.studio-subnav a{padding:10px 8px;border-radius:8px;font-size:13px;color:var(--studio-muted);text-decoration:none}.studio-subnav a:hover{color:var(--studio-accent);background:var(--studio-bg)}
.studio-sidebar-bottom{margin-top:auto;padding-top:22px}.studio-live-link{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--studio-accent);background:var(--studio-tint);border-radius:12px;padding:14px;text-decoration:none;font-weight:700}.studio-live-link svg{width:18px;height:18px}.studio-live-link>span:last-child{margin-left:auto}.studio-user{border-top:1px solid var(--studio-line);margin-top:20px;padding-top:20px;display:flex;align-items:center;gap:10px;min-width:0}.studio-avatar{display:grid;place-items:center;width:34px;height:34px;background:var(--studio-bg);border:1px solid var(--studio-line);border-radius:50%;flex-shrink:0}.studio-avatar svg{width:17px;height:17px}.studio-user>span:nth-child(2){min-width:0;flex:1}.studio-user strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.studio-user small{display:block;font-size:10px;color:var(--studio-muted);margin-top:3px}.studio-user form{margin:0}.studio-user button{width:32px;height:36px;display:grid;place-items:center;color:var(--studio-muted);border:0;background:transparent}.studio-user button svg{width:18px;height:18px}
.studio-topbar{height:76px;position:sticky;top:0;padding:0 clamp(20px,3vw,46px);background:var(--studio-surface);border-bottom:1px solid var(--studio-line);display:flex;align-items:center;gap:14px;z-index:1000}.studio-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--studio-muted)}.studio-breadcrumb strong{color:var(--studio-ink);font-weight:600}.studio-top-actions{display:flex;gap:24px;align-items:center;margin-left:auto}.studio-top-actions time{font-size:12px;color:var(--studio-muted);font-variant-numeric:tabular-nums}.studio-theme{border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-surface);color:var(--studio-ink);padding:9px 12px;min-height:38px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;cursor:pointer}.studio-theme svg{width:17px;height:17px}.studio-menu-trigger{display:none}.studio-nav-shade[hidden]{display:none!important}.studio-nav-shade{position:fixed;inset:0;background:#151b2488;z-index:1050;border:0;border-radius:0;padding:0;width:100%;height:100%}.studio-skip{position:fixed;top:8px;left:260px;transform:translateY(-200%);z-index:12000;background:var(--studio-fill);color:var(--studio-on-fill,#fff);padding:10px 18px;border-radius:8px}.studio-skip:focus{transform:none}
.studio-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 26px}.studio-eyebrow{display:block;font-size:10px;color:var(--studio-accent);font-weight:800;letter-spacing:.17em;margin-bottom:8px}.studio-page-heading h1,.app-page h1{font-size:clamp(27px,3vw,36px);font-weight:750;color:var(--studio-ink);letter-spacing:-.055em!important;margin:0}.studio-page-heading p,.app-page-heading p{font-size:14px;color:var(--studio-muted);margin-top:9px}.app-page-heading{margin-bottom:24px}.app-page-heading>span{padding:8px 12px;background:var(--studio-tint);color:var(--studio-accent);font-size:12px;border-radius:8px;align-self:center}
.app-card{border:1px solid var(--studio-line);padding:24px;border-radius:var(--studio-radius);box-shadow:0 3px 10px #20293803;margin-bottom:20px}.app-card h2{font-size:17px}.app-card>p{font-size:14px;line-height:1.65;margin:9px 0}.app-card>summary{padding:2px 0;font-size:15px}.app-card[open]>summary{padding-bottom:18px;border-bottom:1px solid var(--studio-line);margin-bottom:18px}.app-button{border-radius:10px;background:var(--studio-fill);font-size:13px;min-height:44px;padding:11px 17px;box-shadow:none}.app-button:not(.secondary):not(.danger):hover{background:var(--studio-accent-dark)}.app-button.secondary{background:var(--studio-surface)}.app-button.danger{background:#ad343e;color:#fff}.app-form{gap:20px}.app-form label{font-size:13px;font-weight:600}.app-form .app-actions{gap:8px}.app-help{font-size:13px;line-height:1.6}.app-field-grid{gap:22px}.app-notice{border-radius:12px;font-size:13px;padding-top:14px;padding-bottom:14px}.app-table{font-size:13px}.app-table th{background:var(--studio-bg);color:var(--studio-muted);font-weight:650;font-size:11px;padding:14px 12px}.app-table td{padding:17px 12px}.app-table tbody tr:hover{background:var(--studio-bg)}.app-status{font-size:11px;border-radius:6px;white-space:nowrap}.app-facts{line-height:1.6}.app-timeline{margin-top:18px}
/* Route selection and departure cards share one interaction model. */#routeSelectionPanel{padding-top:18px}#routeButtons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#routeButtons .route-card{aspect-ratio:1.25;min-height:150px;height:auto;align-items:flex-start;text-align:left;justify-content:space-between;padding:20px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-surface);position:relative;box-shadow:none;gap:16px}#routeButtons .route-card:after{content:'↗';position:absolute;top:17px;right:18px;color:var(--studio-muted);font-size:20px;font-weight:400}#routeButtons .route-card:hover,#routeButtons .route-card[aria-pressed=true]{border-color:var(--studio-accent);background:var(--studio-tint)!important;transform:translateY(-2px)}#routeButtons .route-icon{width:34px;height:34px;background:var(--studio-tint)!important;color:var(--studio-accent)!important;border-radius:9px}#routeButtons .route-icon svg{width:18px;height:18px}#routeButtons .route-card>span:last-child>span:first-child{font-size:15px;font-weight:750;color:var(--studio-ink)}.studio-route-origin{display:block;font-size:12px;font-weight:500;color:var(--studio-muted);margin-bottom:3px}.studio-route-destination{display:block}.studio-route-arrow{margin-right:5px;color:var(--studio-accent)}#routeButtons .route-card>span:last-child>span:last-child{font-size:11px!important;font-weight:500;letter-spacing:0;margin-top:9px}
#schedulesList{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}#schedulesList>button{border:1px solid var(--studio-line);border-radius:14px;min-height:166px;padding:19px 12px;gap:3px;background:var(--studio-surface);box-shadow:none;transition:border-color .15s,transform .15s}#schedulesList>button:not(:disabled):hover{background:var(--studio-tint)!important;border-color:var(--studio-accent);transform:translateY(-2px)}#schedulesList>button>span.text-2xl{font-size:30px;font-weight:700;letter-spacing:-.05em;font-variant-numeric:tabular-nums}#schedulesList>button:disabled{opacity:.55;background:var(--studio-bg)}#schedulesList>button>span{max-width:100%}#schedulesList>button>span.truncate{white-space:normal;font-size:10px!important;line-height:1.5}#schedulesContainer{scroll-margin-top:100px}
body[data-screen] .app-modal-overlay{background:#151b247d!important;backdrop-filter:blur(5px);padding:24px!important;align-items:center!important}body[data-screen] .app-modal-panel{border-radius:20px;max-height:calc(100dvh - 48px)!important;border:1px solid var(--studio-line);box-shadow:0 28px 100px #151b2440}body[data-screen] .app-modal-panel h3{line-height:1.4}body[data-screen] .seat{border-radius:9px 9px 5px 5px}body[data-screen] .seat-empty{background:var(--studio-surface);border-color:#b5bdc8;color:var(--studio-ink)}body[data-screen] .seat-selected{background:var(--studio-fill)!important;color:var(--studio-on-fill,#fff)!important;border-color:var(--studio-accent-dark)!important}body[data-screen] .seat-sold{background:#b53e48!important;border-color:#962d37!important}body[data-screen] .seat-reserved{background:#f8eac6!important;color:#755005!important;border-color:#d2ad56!important}
/* Page-specific composition */
body[data-screen=planning] #gridContainer>div{border-radius:16px;overflow:hidden}body[data-screen=planning] main>div.studio-plan-actions:last-child{position:static;background:var(--studio-surface);border:1px solid var(--studio-line);padding:14px;border-radius:14px;box-shadow:0 6px 24px #20293810}body[data-screen=settings] main>form>div{border-radius:var(--studio-radius)}body[data-screen=fleet] #editorTitle{font-size:19px}body[data-screen=members] .app-field-grid>.app-card{border-top:3px solid var(--studio-accent)}body[data-screen=archive] article.app-card{padding:24px 28px}body[data-screen=reports] .text-2xl,body[data-screen=reports] .text-3xl{font-size:32px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.04em}body[data-screen=period] main>p{margin:12px 0 28px;font-size:14px;color:var(--studio-muted)}
.studio-public-header{position:sticky;top:0;z-index:1000;min-height:82px;background:var(--studio-surface);border-bottom:1px solid var(--studio-line);padding:16px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-public-header nav{display:flex;align-items:center;gap:24px}.studio-public-header nav a{font-size:13px;font-weight:600;color:var(--studio-muted);text-decoration:none;white-space:nowrap}.studio-public-header nav a:hover{color:var(--studio-accent)}body[data-screen=trips]>main,body[data-screen=public-news]>main{max-width:1180px;padding:32px 24px 64px;margin:auto}
/* A single quiet sign-in card, with the fingerprint flow retained. */
body[data-screen=login]{--bg:var(--studio-bg);--surface:var(--studio-surface);--surface-solid:var(--studio-surface);--surface-soft:var(--studio-bg);--text:var(--studio-ink);--muted:var(--studio-muted);--border:var(--studio-line);--primary:var(--studio-accent);--primary-hover:var(--studio-accent-dark);--primary-soft:var(--studio-tint);min-height:100dvh;padding:32px 20px;background:radial-gradient(ellipse at 50% 0,var(--studio-tint) 0,transparent 62%),var(--studio-bg)!important}body[data-screen=login] .auth-shell{max-width:450px;border:1px solid var(--studio-line);border-radius:24px;padding:40px;background:var(--studio-surface);box-shadow:0 20px 60px #2029380a}body[data-screen=login] .auth-mark{background:var(--studio-fill);color:var(--studio-on-fill,#fff);width:48px;height:48px;border-radius:14px;margin-bottom:30px}body[data-screen=login] .eyebrow{color:var(--studio-accent);font-size:10px;letter-spacing:.15em}body[data-screen=login] .form-title{font-size:30px;font-weight:750;letter-spacing:-.05em}body[data-screen=login] .form-subtitle{font-size:14px;line-height:1.65;margin-bottom:28px}body[data-screen=login] .primary-btn{background:var(--studio-fill);border-radius:11px;min-height:48px;font-weight:650;box-shadow:none;color:var(--studio-on-fill,#fff)}body[data-screen=login] .secondary-btn{border-radius:11px;min-height:48px;background:var(--studio-surface);border:1px solid var(--studio-line);color:var(--studio-ink)}body[data-screen=login] .theme-toggle{border-radius:9px;top:24px;right:24px;height:36px}body[data-screen=login] .field-label{font-size:13px}body[data-screen=login] .helper{line-height:1.6;font-size:12px}
/* Map controls stay above Leaflet without obscuring the viewport. */
.studio-map-header{position:absolute;top:20px;left:24px;right:24px;z-index:500;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.studio-map-header>a{pointer-events:auto;text-decoration:none;box-shadow:0 4px 20px #20293814}.studio-map-brand{display:flex;gap:10px;align-items:center;background:var(--studio-surface);border:1px solid var(--studio-line);padding:8px 15px 8px 8px;border-radius:14px;color:var(--studio-ink);font-size:14px}.studio-map-brand>span{display:grid;place-items:center;background:var(--studio-fill);color:var(--studio-on-fill,#fff);border-radius:9px;width:34px;height:34px;font-weight:800}.studio-map-trips{background:var(--studio-fill);color:var(--studio-on-fill,#fff);padding:14px 18px;border-radius:12px;font-size:13px;font-weight:650;display:flex;gap:12px}body[data-screen=map] .icon-btn{border-radius:14px!important;width:46px;height:46px}body[data-screen=map] #side-panel{border-radius:22px 22px 0 0;background:var(--studio-surface)!important}body[data-screen=map] #side-panel h1{font-size:18px}body[data-screen=map] .nav-btn{font-size:12px}body[data-screen=map] .nav-btn.active{color:var(--studio-accent)}
html.dark body[data-screen] .bg-slate-50,html.dark body[data-screen] .bg-slate-100{background:var(--studio-bg)!important}html.dark body[data-screen] .bg-white,html.dark body[data-screen] .bg-white\/95{background:var(--studio-surface)!important}html.dark body[data-screen=login]{background:var(--studio-bg)!important}
@media(min-width:1024px){.studio-settings:hover .studio-subnav{display:grid!important}.studio-settings:not([open]):hover>:not(summary){content-visibility:visible;display:grid}body[data-screen=map] #side-panel{left:50%!important;top:90px;bottom:120px;width:440px;max-width:calc(100vw - 48px);height:auto;transform:translate(-50%,120vh);border-radius:20px!important}body[data-screen=map] #side-panel.translate-y-0{transform:translateX(-50%)}}
@media(max-width:1200px){#routeButtons{gap:10px}#routeButtons .route-card{padding:15px}body[data-screen=planning] #gridContainer{grid-template-columns:1fr}body[data-screen=planning] #gridContainer>.md\:col-span-3{grid-column:1/-1}}
@media(max-width:1023px){body:has(.studio-sidebar){padding-left:0}.studio-sidebar{transform:translateX(-100%);transition:transform .2s ease;width:270px;max-width:calc(100vw - 48px)}.studio-nav-open .studio-sidebar{transform:translateX(0)}.studio-menu-trigger{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-surface);color:var(--studio-ink);flex-shrink:0}.studio-menu-trigger svg{width:20px;height:20px}.studio-topbar{height:66px;padding:0 20px}.studio-skip{left:20px}body:has(.studio-sidebar)>main{padding:24px 20px 48px}.studio-breadcrumb>span{display:none}.studio-nav-open{overflow:hidden}.studio-public-header{padding:14px 20px}.studio-public-header nav{gap:16px}.app-field-grid{gap:16px}}
@media(max-width:640px){.studio-topbar{padding:0 14px}.studio-top-actions{gap:8px}.studio-top-actions time{display:none}.studio-breadcrumb strong{font-size:13px}.studio-theme{min-height:38px;padding:8px 10px;font-size:11px}.studio-top-actions .studio-theme svg{display:none}body:has(.studio-sidebar)>main{padding:22px 14px 40px}.studio-page-heading{margin-bottom:20px}.studio-page-heading h1,.app-page h1{font-size:28px}.studio-page-heading p{font-size:13px}.studio-page-heading .studio-eyebrow{font-size:9px}.app-page-heading{align-items:flex-start;gap:12px}.app-page-heading>span{font-size:11px}.app-card{padding:18px;margin-bottom:16px;border-radius:14px}.app-card h2{font-size:16px}.app-field-grid{grid-template-columns:1fr}.app-form label{font-size:13px}body[data-screen] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body[data-screen] select,body[data-screen] textarea{font-size:16px}#routeButtons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#routeButtons .route-card{min-height:160px;aspect-ratio:1;gap:12px;padding:15px}#routeButtons .route-card>span:last-child>span:first-child{font-size:14px}#routeButtons .route-card:after{top:13px;right:14px}#schedulesList{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#schedulesList>button{min-height:154px;padding:17px 10px}body[data-screen] .app-modal-overlay{padding:8px!important;align-items:flex-start!important}body[data-screen] .app-modal-panel{max-height:calc(100dvh - 16px)!important;border-radius:17px}body[data-screen=archive] article.app-card{padding:18px}body[data-screen=planning] main>div.studio-plan-actions:last-child{position:static}body[data-screen=login] .auth-shell{padding:30px 24px;border-radius:20px}body[data-screen=login] .theme-toggle{top:20px;right:20px}body[data-screen=login] .form-title{font-size:27px}.studio-public-header{flex-wrap:wrap;gap:14px;padding:14px 16px}.studio-public-header .studio-brand{gap:9px}.studio-public-header .studio-brand strong{font-size:15px}.studio-public-header .studio-brand-symbol{width:32px;height:36px;border-radius:9px}.studio-public-header nav{width:100%;justify-content:space-between;gap:8px;border-top:1px solid var(--studio-line);padding-top:11px}.studio-public-header nav a{font-size:12px}body[data-screen=trips]>main,body[data-screen=public-news]>main{padding:22px 14px 40px}.studio-map-header{left:12px;right:12px;top:max(12px,env(safe-area-inset-top));gap:8px}.studio-map-brand{font-size:12px;padding:6px 9px 6px 6px;gap:7px}.studio-map-brand>span{width:29px;height:29px}.studio-map-trips{font-size:12px;padding:12px}.studio-map-header strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-actions .app-button{flex:1}body[data-screen] .studio-page-heading+section{padding:18px!important}}
@media print{body:has(.studio-sidebar){padding-left:0}.studio-sidebar,.studio-topbar,.studio-skip,.studio-public-header,.studio-page-heading,.studio-nav-shade{display:none!important}body[data-screen]{background:white!important;color:black!important}body:has(.studio-sidebar)>main{padding:0}.app-card{border-color:#ccc;box-shadow:none}}

body[data-screen=setup]{background:var(--studio-bg)!important}body[data-screen=setup] main{border-radius:22px;border-color:var(--studio-line);box-shadow:0 20px 60px #2029380a}body[data-screen=setup] h1{color:var(--studio-ink);font-weight:750}body[data-screen=setup] button,body[data-screen=setup] .button{background:var(--studio-fill)}body[data-screen=setup] .check{border-color:var(--studio-line);background:var(--studio-bg)}
.studio-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.studio-metrics>a{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:16px;padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}.studio-metrics>a:hover{border-color:var(--studio-accent)}.studio-metrics span{font-size:12px;color:var(--studio-muted);font-weight:550}.studio-metrics strong{font-size:32px;color:var(--studio-ink);font-weight:700;letter-spacing:-.05em;line-height:1.1}.studio-metrics small{font-size:11px;color:var(--studio-accent);margin-top:4px}.studio-member-search{display:flex;align-items:center;gap:14px;margin:28px 0 18px;flex-wrap:wrap}.studio-member-search label{font-size:13px;font-weight:650}.studio-member-search input{padding:10px 14px;border:1px solid var(--studio-line);flex:1;min-width:190px}.studio-member-search>span{font-size:12px;color:var(--studio-muted)}.studio-occupancy{width:100%;height:13px;margin:20px 0 8px;appearance:none;border:0;background:var(--studio-tint);border-radius:20px}.studio-occupancy::-webkit-meter-bar{background:var(--studio-tint);border:0;border-radius:20px}.studio-occupancy::-webkit-meter-optimum-value{background:var(--studio-fill);border-radius:20px}.studio-occupancy::-moz-meter-bar{background:var(--studio-fill);border-radius:20px}.studio-jumpbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.studio-jumpbar a{border:1px solid var(--studio-line);border-radius:9px;padding:10px 16px;font-size:12px;font-weight:650;background:var(--studio-surface);color:var(--studio-muted)}.studio-jumpbar a:hover{color:var(--studio-accent);border-color:var(--studio-accent)}#studioSystemSettings,#studioVehicleSettings{scroll-margin-top:105px}
@media(max-width:640px){.studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-metrics>a{padding:16px;gap:8px}.studio-metrics strong{font-size:28px}.studio-metrics small{font-size:10px}.studio-member-search input{width:100%;flex-basis:100%;order:3}.studio-member-search>span{margin-left:auto}}

/* Icon-only theme controls, including narrow screens. */
.studio-theme,body[data-screen=login] .theme-toggle{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;flex-shrink:0}
.studio-theme svg{width:20px;height:20px}
.studio-theme .sun,.studio-top-actions .studio-theme .sun{display:none}
.studio-theme .moon,.studio-top-actions .studio-theme .moon{display:block}
html.dark .studio-theme .moon,html.dark .studio-top-actions .studio-theme .moon{display:none}
html.dark .studio-theme .sun,html.dark .studio-top-actions .studio-theme .sun{display:block}

.studio-public-header nav a{display:inline-flex;align-items:center;gap:7px;min-height:44px}
.studio-public-header nav a svg{width:18px;height:18px;flex-shrink:0}
.studio-map-logo img{display:block;width:100%;height:100%;object-fit:contain}
.studio-map-brand>.studio-map-logo:has(img){background:transparent}
@media(max-width:640px){.studio-public-header nav a{gap:5px}.studio-public-header nav a svg{width:16px;height:16px}}

/* Brand orange for action controls; status colours retain their meaning. */
body[data-screen] button.bg-emerald-600,body[data-screen] button.bg-green-600,body[data-screen] a.bg-green-500{background-color:var(--studio-fill)!important;color:var(--studio-on-fill,#fff)!important}
body[data-screen] button.bg-emerald-600:hover,body[data-screen] a.bg-green-500:hover{background-color:var(--studio-accent-dark)!important}

.studio-color-field{display:flex;gap:10px;align-items:center}.studio-color-field input[type=color]{width:54px;flex-shrink:0;padding:4px;cursor:pointer}.studio-color-field input[type=text]{width:100%;min-width:0;padding:10px 14px;border:1px solid var(--studio-line);font-family:ui-monospace,monospace}

body[data-screen] .app-button:not(.secondary):not(.danger),body[data-screen] .seat-selected{color:var(--studio-on-fill,#fff)!important}
body[data-screen] :is(.bg-blue-600,.bg-indigo-600) .text-white{color:var(--studio-on-fill,#fff)!important}
.studio-company-logo{display:block;width:100%;height:100%;object-fit:contain}
body[data-screen] .studio-brand-symbol.studio-company-mark{width:72px;height:44px;background:transparent;border-radius:0;flex-shrink:0}
body[data-screen=login] .auth-mark.studio-company-mark{width:150px;height:64px;background:transparent;border-radius:0}
body[data-screen] .studio-map-brand>.studio-map-logo:has(img){width:72px;height:38px;background:transparent}

#followTripsButton>div{width:56px;height:56px}#followTripsButton>div>svg{width:28px;height:28px}

/* Matching map header controls and safe separation from the mobile navigation. */
body[data-screen=map] .studio-map-header>a{box-sizing:border-box;width:140px;height:48px;padding:8px 12px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:1;min-width:0}
body[data-screen=map] .studio-map-brand>.studio-map-logo,body[data-screen=map] .studio-map-brand>.studio-map-logo:has(img){width:100%;height:32px;background:transparent}
@media(max-width:1023px){body[data-screen=map] .studio-map-controls{position:fixed;bottom:calc(var(--studio-map-nav-height,110px) + 36px)}}

.studio-today{font-size:14px;font-weight:650;color:var(--studio-ink);margin:0 0 18px}.studio-today time{font-variant-numeric:tabular-nums}

/* Compact trip header and deliberate mobile detail rows. */
body[data-screen] .studio-page-heading .studio-today{margin:0;flex-shrink:0;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-surface);padding:9px 12px;display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.3;text-align:right}
.studio-today>span{font-size:10px;font-weight:500;color:var(--studio-muted)}
.studio-route-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:260px}
.studio-route-details>button{grid-column:1/-1;min-height:44px}
.studio-route-details>span{min-width:0;padding:8px 10px!important;border-color:var(--studio-line)!important;color:var(--studio-ink)!important}
.studio-route-details small{display:block;font-size:11px;color:var(--studio-muted);font-weight:500;margin-bottom:3px}
.studio-route-details strong{display:block;font-size:15px;font-weight:700;overflow-wrap:anywhere}
body[data-screen] #routeInfo{background:var(--studio-surface);border-color:var(--studio-line)}
@media(max-width:640px){body[data-screen] .studio-page-heading{gap:12px;align-items:center}.studio-schedule-heading{align-items:flex-start;flex-wrap:wrap}.studio-schedule-heading>div:first-child{flex:1;min-width:0}.studio-schedule-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.studio-schedule-actions>button{min-height:44px;font-size:12px}.studio-route-details{width:100%;min-width:0}#routeInfoTitle{font-size:21px;overflow-wrap:anywhere}#scheduleSubtitle{line-height:1.5}body[data-screen] .studio-page-heading .studio-today{padding:8px 10px;font-size:12px}}

@media(max-width:640px){
body[data-screen=planning] .studio-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:18px}
body[data-screen=planning] .studio-metrics>a{padding:10px 6px;gap:5px;border-radius:10px;text-align:center;justify-content:center;min-width:0}
body[data-screen=planning] .studio-metrics span{font-size:10px;line-height:1.3}
body[data-screen=planning] .studio-metrics strong{font-size:22px;order:-1}
body[data-screen=planning] .studio-metrics small{display:none}
body[data-screen=planning] .studio-plan-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px;margin-top:18px}
.studio-plan-actions>button{width:50%;max-width:296px;margin-left:auto;min-width:0;min-height:46px;padding:10px 6px;font-size:13px;gap:6px}
.studio-plan-actions>button svg{width:18px;height:18px;flex-shrink:0}
.studio-layout-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.studio-layout-dimensions>div:first-child{grid-column:1/-1}
.studio-layout-dimensions>div{min-width:0}
}

/* Compact route summary and desktop planning overview. */
body[data-screen] #routeInfo{padding:14px!important}
#routeInfo>div{gap:12px}
#routeInfoStops:empty{display:none}
#routeInfoStops{margin-top:5px}
@media(min-width:641px){body[data-screen=planning] .studio-metrics{gap:10px;margin-bottom:18px}body[data-screen=planning] .studio-metrics>a{padding:12px 14px;gap:5px;border-radius:10px;text-align:center}body[data-screen=planning] .studio-metrics strong{font-size:22px;order:-1}body[data-screen=planning] .studio-metrics span{font-size:12px}body[data-screen=planning] .studio-metrics small{display:none}}
.studio-fleet-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-top:12px}
.studio-fleet-actions>button,.studio-fleet-delete>summary{min-height:40px;padding:9px 14px;font-size:12px;line-height:20px;border-radius:10px;white-space:nowrap}
.studio-fleet-delete>summary{cursor:pointer;color:#ad343e;border:1px solid #ebcbd0;list-style:none;text-align:center}
.studio-fleet-delete>summary::-webkit-details-marker{display:none}
.studio-fleet-delete[open]{flex-basis:100%}
.studio-fleet-delete[open]>summary{width:max-content}
.studio-fleet-delete form{display:flex;align-items:center;gap:8px;margin-top:10px;max-width:340px}
body[data-screen] .studio-fleet-delete input{min-width:0;flex:1;margin:0;min-height:40px}
.studio-fleet-delete form>button{width:auto;min-height:40px;flex-shrink:0}
.studio-fleet-preview{max-width:100%;max-height:none;overflow:hidden}

/* 3.9.3: quiet dark surfaces and explicit control contrast. */
body[data-screen] .studio-page-heading .studio-today{text-align:center;align-items:center}
body[data-screen] #modalDateTime{background:var(--studio-bg)!important;color:var(--studio-muted)!important;border:1px solid var(--studio-line);font-weight:600;letter-spacing:0!important}
body[data-screen] .selected-place-summary{background:var(--studio-bg)!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important}
body[data-screen] #displaySeatNum{color:var(--studio-ink);font-weight:650}
body[data-screen] button[data-action=printTicket],body[data-screen] button[data-action=printPage]{background:#334155!important;color:#f1f5f9!important;border:1px solid #64748b!important}
body[data-screen] button[data-action=printTicket]:hover,body[data-screen] button[data-action=printPage]:hover{background:#475569!important}
body[data-screen] button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none!important}
body[data-screen] .seat-selected{background:#3d5f77!important;color:#f4f7fb!important;border-color:#8eafc7!important;box-shadow:0 0 0 2px #8eafc7!important}
@media screen{
html.dark body[data-screen]{--studio-accent:#d8b18c;--studio-fill:#745239;--studio-accent-dark:#876346;--studio-on-fill:#fff7ef;--studio-tint:#322c29}
html.dark body[data-screen] :is(.bg-slate-200,.bg-slate-300){background:#2a3544!important;color:#d6dee8!important}
html.dark body[data-screen] :is(.bg-blue-100,.bg-indigo-100,.bg-blue-50,.bg-indigo-50){background:#293745!important;color:#d3e0ed!important}
html.dark body[data-screen] :is(.text-blue-800,.text-blue-900,.text-indigo-700,.text-indigo-800){color:#c0d3e5!important}
html.dark body[data-screen] :is(.border-blue-100,.border-blue-200,.border-blue-300,.border-indigo-200){border-color:#43596d!important}
html.dark body[data-screen] :is(.bg-emerald-50,.bg-emerald-100,.bg-green-50,.bg-green-100,.app-status.sold,.app-notice.success){background:#243c35!important;color:#b7d9c8!important;border-color:#49685a!important}
html.dark body[data-screen] :is(.text-emerald-600,.text-emerald-700,.text-emerald-800,.text-green-600,.text-green-700){color:#b7d9c8!important}
html.dark body[data-screen] :is(.border-emerald-100,.border-emerald-200,.border-green-200){border-color:#49685a!important}
html.dark body[data-screen] :is(.bg-amber-50,.bg-amber-100,.bg-yellow-50,.bg-yellow-100,.app-status.reserved,.app-notice.warning){background:#3e3525!important;color:#e0cca1!important;border-color:#716044!important}
html.dark body[data-screen] :is(.text-amber-500,.text-amber-600,.text-amber-700,.text-amber-800,.text-yellow-700){color:#e0cca1!important}
html.dark body[data-screen] :is(.border-amber-100,.border-amber-200,.border-amber-300,.border-yellow-200){border-color:#716044!important}
html.dark body[data-screen] :is(.bg-rose-50,.bg-rose-100,.bg-red-50,.bg-red-100,.app-status.canceled,.app-notice.error){background:#422d34!important;color:#ecc2ca!important;border-color:#78525d!important}
html.dark body[data-screen] :is(.text-rose-500,.text-rose-600,.text-rose-700,.text-red-600,.text-red-700){color:#ecc2ca!important}
html.dark body[data-screen] :is(.border-rose-100,.border-rose-200,.border-rose-300,.border-red-200){border-color:#78525d!important}
html.dark body[data-screen] .app-notice:not(.error):not(.warning):not(.success){background:#293745;color:#d3e0ed;border-color:#43596d}
html.dark body[data-screen] :is(button.bg-red-600,button.bg-rose-600,.app-button.danger){background:#70424c!important;color:#fff0f3!important;border:1px solid #99616d}
html.dark body[data-screen] :is(button.bg-red-600,button.bg-rose-600,.app-button.danger):hover{background:#85515d!important}
html.dark body[data-screen] button.bg-amber-500{background:#665238!important;color:#fff2d5!important;border:1px solid #947a53}
html.dark body[data-screen] button.bg-amber-500:hover{background:#796244!important}
html.dark body[data-screen] .seat-empty{background:#263241!important;color:#e3eaf2!important;border-color:#68798c!important}
html.dark body[data-screen] .seat-sold{background:#593740!important;color:#f5dfe4!important;border-color:#a36c7a!important}
html.dark body[data-screen] .seat-reserved{background:#4b402d!important;color:#f3e4c4!important;border-color:#a58c5e!important}
html.dark body[data-screen] .seat-selected{background:#3d5f77!important;color:#f4f7fb!important;border-color:#8eafc7!important;box-shadow:0 0 0 2px #8eafc7!important}
html.dark body[data-screen] .seat:focus-visible{outline-color:#dbe8f3!important}
html.dark body[data-screen] #schedulesList>button>span.text-2xl{color:#dce5ef!important}
html.dark body[data-screen] :is(input,textarea)::placeholder{color:#a9b6c6;opacity:1}
html.dark body[data-screen] .app-button.secondary:hover{background:#2e3c4d!important;color:#f1f5f9!important}
}
:root{--control-icon-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14m-6-6%206%206-6%206%22/%3E%3C/svg%3E")}
:root{--control-icon-route:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16m-4-4%204%204-4%204M20%2017H4m4-4-4%204%204%204%22/%3E%3C/svg%3E")}
:root{--control-icon-refresh:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207v5h-5M4%2017v-5h5M6%207a7%207%200%200%201%2012-1l2%206M4%2012l2%206a7%207%200%200%200%2012-1%22/%3E%3C/svg%3E")}
:root{--control-icon-plus:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22/%3E%3C/svg%3E")}
:root{--control-icon-close:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M6%2018%2018%206%22/%3E%3C/svg%3E")}
:root{--control-icon-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22/%3E%3C/svg%3E")}
:root{--control-icon-download:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-5-5%205%205%205-5M5%2016v5h14v-5%22/%3E%3C/svg%3E")}
:root{--control-icon-link:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%2013%204-4m-6%206-2%202a4%204%200%200%201-6-6l5-5a4%204%200%200%201%206%200m2%202%202-2a4%204%200%201%201%206%206l-5%205a4%204%200%200%201-6%200%22/%3E%3C/svg%3E")}
:root{--control-icon-print:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209V3h12v6M6%2017H3V9h18v8h-3M6%2014h12v7H6z%22/%3E%3C/svg%3E")}
:root{--control-icon-filter:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16l-6%207v7l-4%202v-9z%22/%3E%3C/svg%3E")}
body[data-screen] :is(.app-button,button[data-action],button[type=submit],.settings-tabs button):not(:has(svg)):not(.seat):not(.studio-nav-shade):not(.studio-menu-close):not(.app-notice-close){--control-icon:var(--control-icon-arrow);column-gap:7px}
body[data-screen] :is(.app-button,button[data-action],button[type=submit],.settings-tabs button):not(:has(svg)):not(.seat):not(.studio-nav-shade):not(.studio-menu-close):not(.app-notice-close)::before{content:"";display:inline-block;vertical-align:-3px;width:16px;height:16px;flex:0 0 16px;background:currentColor;mask:var(--control-icon) center/contain no-repeat;-webkit-mask:var(--control-icon) center/contain no-repeat;margin-inline-end:5px}
body[data-screen] :is([data-action=changeRouteSelection]){--control-icon:var(--control-icon-route)!important}
body[data-screen] :is([data-action=loadAdminSchedules],[data-action=reloadPage]){--control-icon:var(--control-icon-refresh)!important}
body[data-screen] :is([data-action=addStandingPassenger],[data-action=newLayout]){--control-icon:var(--control-icon-plus)!important}
body[data-screen] :is([data-action=clearSeatSelection],[data-action=closeServiceLink],[data-action=closeModal]){--control-icon:var(--control-icon-close)!important}
body[data-screen] :is(button[type=submit],[data-action=saveAllData],[data-action=saveMapping]){--control-icon:var(--control-icon-check)!important}
body[data-screen] :is([data-action=saveServiceLink]){--control-icon:var(--control-icon-link)!important}
body[data-screen] :is([data-action=printPage],[data-action=printTicket]){--control-icon:var(--control-icon-print)!important}
body[data-screen] :is(button[name=export]){--control-icon:var(--control-icon-download)!important}
@media screen{
html.dark body[data-screen] .service-link-button.is-linked{background:#3d5f77!important;color:#f4f7fb!important;border-color:#8eafc7!important;box-shadow:0 0 0 1px #8eafc7}
html.dark body[data-screen] .service-link-button.is-linked:after{background:#8eafc7;color:#151b24}
html.dark body[data-screen] a.bg-amber-500{background:#665238!important;color:#fff2d5!important}
html.dark body[data-screen] a.bg-amber-500:hover{background:#796244!important}
html.dark body[data-screen] .app-status:not(.sold):not(.reserved):not(.canceled){background:#2a3544;color:#d6dee8}
}
@media(max-width:640px){.studio-schedule-actions>button{padding-inline:10px;line-height:1.4}.studio-schedule-actions>button::before{width:15px;height:15px}}
@media screen{
html.dark body[data-screen=fleet] .bg-blue-500{background:#3d5f77!important;color:#f4f7fb!important;border-color:#8eafc7!important}
html.dark body[data-screen=trips] .bg-red-500{background:#593740!important;border-color:#a36c7a!important}
}

/* Mobile planning save action fills its available row. */
@media(max-width:640px){body[data-screen=planning] .studio-plan-actions>button{width:100%;max-width:none;margin-left:0;align-self:stretch}}

/* Keep logo containers transparent in dark mode. */
html.dark body[data-screen] :is(.studio-company-mark,.studio-company-logo,.studio-map-brand,.studio-map-logo,.studio-map-logo>img){background:transparent!important;border-color:transparent!important;box-shadow:none!important}

/* Reference-style trips link: pale card with a theme-colored bus tile. */
body[data-screen=map] .studio-map-header>a.studio-map-trips{width:236px;height:78px;padding:11px 15px;gap:14px;flex-shrink:0;justify-content:flex-start;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:rgba(236,247,249,.92);color:#172729;box-shadow:0 7px 20px rgba(30,66,74,.14),inset 0 1px 2px rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.studio-map-trips .studio-trips-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:15px;background:var(--studio-fill);color:var(--studio-on-fill,#fff);box-shadow:inset 0 1px 3px #ffffff35,0 2px 5px #20293820}
.studio-trips-icon svg{width:39px;height:39px}
.studio-trips-label{font-size:16px;font-weight:750;line-height:1.3;text-align:left;letter-spacing:0;white-space:nowrap}
body[data-screen=map] .studio-map-header>a.studio-map-trips:hover{background:#f2fafb}
@media(max-width:640px){body[data-screen=map] .studio-map-header>a.studio-map-trips{width:184px;height:64px;padding:9px 10px;gap:10px;border-radius:18px}.studio-map-trips .studio-trips-icon{flex-basis:44px;width:44px;height:44px;border-radius:12px}.studio-trips-icon svg{width:33px;height:33px}.studio-trips-label{font-size:13px}}

/* r410: public and sales seat panels share the same theme surfaces. */
body[data-screen] .trip-seat-content{background:var(--studio-bg)!important;color:var(--studio-ink)}
body[data-screen] .trip-seat-content #modalRouteTitle{overflow-wrap:anywhere}
body[data-screen] .trip-seat-content #modalDateTime{background:var(--studio-surface)!important;color:var(--studio-muted)!important;border:1px solid var(--studio-line)}
body[data-screen] .trip-seat-close{background:var(--studio-surface);color:var(--studio-muted);border:1px solid var(--studio-line)}