/* Core studio v307 — Utovari, Vozila, Lista. */
html body #bux3,html body #buxList{--bu307-navy:#06324a;--bu307-sea:#0bb39a;--bu307-gold:#e8b15a}
html body.bux-list-page,html body:has(#bux3),html body:has(#buxList){background:#eef5f7}
html body .bu-preview-watermark{position:fixed!important;inset:auto 18px 18px auto!important;z-index:40!important;width:118px!important;height:118px!important;display:grid!important;place-items:center!important;padding:10px!important;gap:2px!important;border:2px solid rgba(232,177,90,.55)!important;border-radius:50%!important;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.38),transparent 42%),linear-gradient(145deg,rgba(14,92,86,.42),rgba(8,44,62,.48))!important;color:#f7ffe9!important;box-shadow:0 18px 40px rgba(6,40,54,.22),inset 0 1px rgba(255,255,255,.35)!important;backdrop-filter:blur(10px) saturate(140%)!important;pointer-events:none!important;transform:rotate(-8deg)!important;text-align:center!important}
html body .bu-preview-watermark strong{font-size:15px!important;letter-spacing:.18em!important;font-weight:900!important}
html body .bu-preview-watermark .bu-preview-clock{display:block!important;max-width:96px!important;font-size:8px!important;line-height:1.25!important;opacity:.78!important}
html body .bu-preview-watermark small{display:none!important}
html body #bux3 .bu-core-status-badge,html body #buxList .bu-core-status-badge{min-width:54px;min-height:54px;width:54px;height:54px;padding:0!important;border-radius:50%!important;border:1.5px solid rgba(232,177,90,.5)!important;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.4),transparent 46%),linear-gradient(160deg,rgba(12,110,102,.55),rgba(8,48,68,.5))!important;box-shadow:0 10px 22px rgba(6,40,54,.18),inset 0 1px rgba(255,255,255,.35)!important;backdrop-filter:blur(8px);transform:rotate(-9deg);flex-direction:column!important;gap:0!important}
html body #bux3 .bu-core-status-badge i,html body #buxList .bu-core-status-badge i{display:none}
html body #bux3 .bu-core-status-badge b,html body #buxList .bu-core-status-badge b{font-size:9px!important;letter-spacing:.14em}
html body #bux3 .bu-core-status-badge small,html body #buxList .bu-core-status-badge small{font-size:8px!important;opacity:.8}
html body #bux3 .bux3-top:not(.bu-one-header),html body #buxList .buxl-top{min-height:64px!important;height:64px!important;background:radial-gradient(circle at 82% -40%,rgba(110,255,220,.28),transparent 42%),linear-gradient(108deg,#04283c 0%,#07586a 58%,#08907f)!important}
html body #bux3 .bux3-side,html body #buxList .buxl-side{width:88px!important;background:radial-gradient(ellipse at 20% 100%,rgba(14,170,150,.22),transparent 55%),linear-gradient(180deg,#04273c,#031b2c)!important}
html body #bux3[data-v270="1"] .bux3-quick{grid-template-columns:54px minmax(0,1.15fr) 14px minmax(0,1.15fr) minmax(72px,92px) minmax(88px,112px) minmax(104px,118px)!important;overflow:visible!important;min-height:68px!important}
html body #bux3[data-v270="1"] .bux3-qroute{min-width:0!important;overflow:hidden!important;grid-template-columns:minmax(0,1fr) 0!important}
html body #bux3[data-v270="1"] .bux3-qroute .bux3-qdate,html body #bux3[data-v270="1"] .bux3-qroute input[type=date]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
html body #bux3[data-v270="1"] .bux3-run{min-width:104px!important;height:auto!important;margin:7px!important;padding:0 12px!important;overflow:visible!important;border-radius:13px!important;white-space:nowrap!important;font-size:12px!important}
html body #bux3 .bux3-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;padding:12px!important}
html body #bux3 .bux3-card{position:relative!important;margin:0!important;padding:13px 14px 12px!important;overflow:hidden!important;border:1px solid rgba(186,216,222,.95)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%),linear-gradient(155deg,#fff 0%,#f7fcfb 62%,#eef7f6 100%)!important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 28px rgba(10,62,78,.08)!important}
html body #bux3 .bux3-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#0ec2a8,#1a7ad4);opacity:.55}
html body #bux3 .bux3-card.is-new{border-color:#8fe3d4!important;box-shadow:0 0 0 1px rgba(18,196,160,.28),0 16px 36px rgba(12,140,124,.14)!important;background:linear-gradient(180deg,rgba(201,255,240,.35),transparent 32%),linear-gradient(155deg,#fff,#f3fffb)!important}
html body #bux3 .bux3-card.is-new:before{opacity:1;width:4px;background:linear-gradient(180deg,#13e0bf,#0aa888)}
html body #bux3 .bux3-card.is-seen{opacity:.9;filter:saturate(.86);background:linear-gradient(155deg,#f6f8f9,#eef2f4)!important}
html body #bux3 .bux3-card.is-seen:before{background:#8aa3ad;opacity:.4}
html body #bux3 .bux3-card.is-hit{border-color:#f3c2a6!important}
html body #bux3 .bux3-badge{border-radius:999px!important;padding:3px 8px!important;background:rgba(8,90,82,.08)!important;border:1px solid rgba(12,140,124,.18)!important;font-size:9px!important;color:#0a6d62!important}
html body #bux3 .bu307-pill{display:inline-flex;align-items:center;height:18px;padding:0 7px;margin-left:4px;border-radius:999px;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}
html body #bux3 .bu307-pill-new{background:#12c4a0;color:#04332c}
html body #bux3 .bu307-pill-hit{background:linear-gradient(90deg,#ff8a4c,#ef5a2a);color:#fff}
html body #bux3 .bu307-wax{position:absolute;top:10px;right:42px;z-index:2;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;transform:rotate(-12deg);border:1.5px solid rgba(232,177,90,.55);background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.45),transparent 42%),linear-gradient(150deg,rgba(14,110,102,.38),rgba(8,48,68,.4));box-shadow:0 8px 16px rgba(8,40,54,.16);pointer-events:none;color:#f4ffe8}
html body #bux3 .bu307-wax b{font-size:7px;letter-spacing:.12em;line-height:1}
html body #bux3 .bu307-wax small{display:block;font-size:6px;opacity:.8}
html body #bux3 .bux3-stop{background:rgba(255,255,255,.72)!important;backdrop-filter:blur(8px)}
html body #bux3 .bux3-stop strong{font-size:13px!important;color:#0b3348!important}
html body #bux3 .bux3-price{color:#0a7a6c!important;font-weight:850!important}
html body #bux3 .bux3-details,html body #bux3[data-v270="1"] .bux3-details{min-width:108px!important;height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:11px!important;background:linear-gradient(115deg,#0a8f7c,#0b6e9a)!important;box-shadow:0 8px 16px rgba(10,110,120,.2)!important;overflow:visible!important;white-space:nowrap!important}
html body #bux3 #bux3-detail-modal,html body #bux3[data-v270="1"] #bux3-detail-modal{position:fixed!important;inset:0!important;z-index:2147483400!important;display:grid!important;place-items:center!important;align-items:center!important;padding:28px!important;background:rgba(3,22,34,.52)!important;backdrop-filter:blur(12px) saturate(130%)!important}
html body #bux3 #bux3-detail-modal[hidden]{display:none!important}
html body #bux3 #bux3-detail-modal .bux3-detail-modal,html body #bux3[data-v270="1"] #bux3-detail-modal .bux3-detail-modal{width:min(980px,calc(100vw - 48px))!important;max-height:min(86dvh,820px)!important;border-radius:22px!important;transform:none!important;animation:bu307-pop .38s cubic-bezier(.22,1,.32,1) both}
html body #bux3 .bux3-inspector,html body #bux3 .bux3-detail-drawer,html body #bux3 .bux3-sheet{display:none!important}
@keyframes bu307-pop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
html body #bux3.v270-ai-open .bux3-results,html body #bux3.bu307-ai-drop .bux3-results{transform:translateY(6px) scale(.985);opacity:.42;filter:saturate(.7);pointer-events:none}
html body #bux3.v270-ai-open>.bux3-ai-drop.v270-ai-modal,html body #bux3.bu307-ai-drop>.bux3-ai-drop{top:78px!important;left:50%!important;right:auto!important;bottom:auto!important;width:min(720px,calc(100vw - 40px))!important;max-height:min(70dvh,680px)!important;height:min(70dvh,680px)!important;transform:translateX(-50%)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(240,250,249,.96))!important;box-shadow:0 40px 90px rgba(2,24,38,.38)!important;animation:bu307-ai-drop .46s cubic-bezier(.22,1,.28,1) both}
@keyframes bu307-ai-drop{from{opacity:0;transform:translateX(-50%) translateY(-42px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
html body #bux3 .bu307-ai-bubble,html body #bux3 .bux3-ai-log>*{max-width:92%;margin:8px 10px;padding:11px 14px;border-radius:16px 16px 16px 6px;background:linear-gradient(160deg,#e8fbf6,#f4fbff);border:1px solid rgba(14,150,132,.14);box-shadow:0 8px 18px rgba(8,70,86,.06);color:#123848;font-size:13px;line-height:1.45;animation:bu307-msg .32s ease both}
html body #bux3 .bux3-ai-log>*.is-user,html body #bux3 .bu307-ai-bubble.is-user{margin-left:auto;border-radius:16px 16px 6px 16px;background:linear-gradient(160deg,#0a8f7c,#0c6e88);color:#f4fffb}
@keyframes bu307-msg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html body #bux3 .bu307-ai-typing{display:inline-flex;gap:4px;padding:10px 14px}
html body #bux3 .bu307-ai-typing i{width:7px;height:7px;border-radius:50%;background:#0aa888;animation:bu307-dot 1s infinite ease-in-out}
html body #bux3 .bu307-ai-typing i:nth-child(2){animation-delay:.15s}
html body #bux3 .bu307-ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes bu307-dot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}
html body #buxList{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;min-height:100dvh}
html body #buxList .buxl-side{grid-row:1/span 3}
html body #buxList .buxl-rail{grid-column:2;height:26px!important}
html body #buxList .buxl-top{grid-column:2;position:sticky;top:0;z-index:20}
html body #buxList .buxl-main{grid-column:2;width:auto!important;max-width:none!important;margin:16px 18px 28px!important}
html body #buxList .buxl-hero{position:relative;overflow:hidden;min-height:168px;padding:28px 32px!important;border-radius:24px!important;background:linear-gradient(105deg,rgba(4,32,48,.88) 0%,rgba(8,90,96,.55) 48%,rgba(8,40,56,.2) 100%),#06324a!important}
html body #buxList .buxl-hero:after{content:"";position:absolute;inset:0 auto 0 42%;background:linear-gradient(90deg,#06324a 0%,transparent 28%),url("../hero/home-network-coast-v1.webp") right center/cover no-repeat;opacity:.55;mix-blend-mode:luminosity;pointer-events:none}
html body #buxList .buxl-hero>*{position:relative;z-index:1}
html body #buxList .buxl-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;border-radius:18px!important}
html body #buxList .buxl-tabs a{min-height:64px;border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.72)}
html body #buxList .buxl-tabs a.is-on{background:linear-gradient(120deg,#0a957c,#0d727e)!important;color:#fff!important}
html body #buxList .buxl-filters{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(140px,.6fr) minmax(140px,.6fr) auto auto;gap:8px;align-items:center;padding:10px 12px!important;overflow:visible!important}
html body #buxList .buxl-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html body #buxList .buxl-card{display:flex;flex-direction:column;overflow:hidden;border-radius:20px!important;padding:0!important;background:#fff!important;box-shadow:0 14px 34px rgba(10,62,78,.1)!important}
html body #buxList .buxl-card>header{position:relative;aspect-ratio:16/10;margin:0;overflow:hidden;background:linear-gradient(135deg,#0a4a5c,#0d8a7a)}
html body #buxList .buxl-card>header img,html body #buxList .buxl-card .buxl-avatar img{width:100%;height:100%;object-fit:cover;display:block}
html body #buxList .buxl-card h2{padding:12px 14px 0;font-size:15px;color:#0b3348}
html body #buxList .buxl-card p{padding:4px 14px 14px;margin:0}
@media(max-width:1100px){html body #bux3[data-v270="1"] .bux3-quick{grid-template-columns:48px minmax(0,1fr) 10px minmax(0,1fr) minmax(96px,108px)!important}html body #bux3[data-v270="1"] .bux3-qcompact{display:none!important}html body #bux3 .bux3-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #buxList .buxl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #buxList .buxl-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){html body #bux3 .bux3-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}html body #bux3 .bux3-card{padding:9px 10px!important}html body #bux3 .bux3-details{min-width:84px!important;height:32px!important}html body #bux3 #bux3-detail-modal{padding:12px!important;align-items:center!important}html body #bux3 #bux3-detail-modal .bux3-detail-modal{width:min(100%,calc(100vw - 16px))!important;max-height:88dvh!important;border-radius:18px!important}html body #bux3.v270-ai-open>.bux3-ai-drop.v270-ai-modal{width:calc(100vw - 16px)!important;top:64px!important}html body .bu-preview-watermark{width:86px!important;height:86px!important;right:10px!important;bottom:72px!important}html body #buxList{grid-template-columns:1fr!important}html body #buxList .buxl-side{display:none}html body #buxList .buxl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){html body #bux3 .bux3-card,html body #bux3 #bux3-detail-modal .bux3-detail-modal,html body #bux3.v270-ai-open>.bux3-ai-drop{animation:none!important;transform:none!important}}
