:root{--phase-before:#7157d9;--phase-during:#0877d7;--phase-after:#0b9276}
.travel-workspace .expense-content{padding:0;background:transparent;border:0;box-shadow:none}.travel-sidebar .navitem{flex-direction:row!important}.cost-overview strong{white-space:nowrap}
.quick-travel-actions{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.quick-travel-actions .btn{flex:1;white-space:nowrap}.travel-workspace .day-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:18px}
@media(min-width:901px){.itinerary-tools [data-act="settings"]{display:none}}
@media(min-width:901px){.stage-subnav button{display:none}.stage-subnav{padding-top:8px;padding-bottom:12px}.stage-subnav>strong{font-size:14px;color:#73869a}.travel-workspace .itinerary-layout{height:calc(100dvh - 216px)}}
@media(min-width:701px) and (max-width:900px){.travel-workspace .itinerary-layout{display:flex;flex-direction:column;height:auto;min-height:0}.travel-workspace .itinerary-days{order:0}.travel-workspace .itinerary-layout .maparea{order:1;height:360px;min-height:360px;margin:0 18px;border-radius:18px}.travel-workspace .itinerary-panel{order:2;overflow:visible}}
.stage-subnav{display:flex;align-items:center;gap:8px;max-width:1180px;margin:0 auto;padding:16px 24px;border-bottom:1px solid #e0e9f0}.stage-subnav>strong{margin-right:auto;font-size:20px;letter-spacing:-.03em}.stage-subnav button{padding:10px 16px;border-radius:12px;color:#64788b;font-weight:700}.stage-subnav button.active{background:#e5f2ff;color:#086bc1}.travel-sidebar{display:none}.cost-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cost-overview>div{padding:22px;border:1px solid #e0e9ef;border-radius:18px;background:#fff}.cost-overview span{display:block;color:#657c8e;font-size:13px}.cost-overview strong{display:block;font-size:28px;margin-top:9px;letter-spacing:-.04em}.cost-overview small{font-size:13px;margin-left:5px;font-weight:500}.cost-overview>div:last-child{background:#0b6cc8;color:white;border-color:#0b6cc8}.cost-overview>div:last-child span{color:#d6ebff}.cost-budget{display:flex;justify-content:space-between;gap:12px;padding:16px 3px;font-size:13px;color:#577186}.cost-toolbar{display:flex;gap:10px;margin:4px 0 24px}.cost-section{margin-bottom:20px}.cost-section h2{font-size:20px}.cost-section h2 small{font-size:13px;color:#718395;font-weight:500}.cost-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 0;border-bottom:1px solid #e6edf2}.cost-row:last-child{border-bottom:0}.cost-row small{display:block;color:#738698;font-size:12px;margin-top:5px}.cost-amount{text-align:right}.cost-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:16px}.cost-actions .btn{min-height:36px;padding:7px 13px;background:#eaf5ff;border-color:#d4e8f8;color:#076bb4}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review-number{font-size:34px;font-weight:800;margin:20px 0;letter-spacing:-.04em}.review-number small{font-size:14px;font-weight:500;color:#6f8191;margin-left:6px}
@media(min-width:901px){body.travel-workspace{background:#f3f7fb}.travel-workspace #app{padding-left:230px}.travel-workspace .journey-top{margin-left:-230px;position:relative;z-index:10;background:#fff}.travel-sidebar{display:flex;position:fixed;left:0;top:76px;bottom:0;width:230px;flex-direction:column;padding:26px 18px;background:#fff;border-right:1px solid #dee8f1;overflow:auto}.travel-sidebar>.eyebrow{margin:0 12px 18px}.travel-sidebar section{margin-bottom:20px}.travel-sidebar .navitem{display:flex;gap:10px;align-items:center;width:100%;padding:10px 12px;border-radius:12px;min-height:42px;color:#4f667a;font-size:15px;font-weight:800}.travel-sidebar .navitem.active{background:#e9f4ff;color:#0877d7}.travel-sidebar section>div{display:flex;flex-direction:column;gap:4px;margin-top:5px}.travel-sidebar [data-stage-section]{padding:10px 14px 10px 43px;text-align:left;font-size:13px;color:#62788b;border-radius:10px}.travel-sidebar [data-stage-section].active{color:#0877d7;font-weight:800;background:#f1f8ff}.travel-sidebar>.linkrow{margin-top:auto;justify-content:flex-start;gap:10px;font-size:13px}.travel-workspace .mobile-nav{display:none!important}.travel-workspace .journey-context{max-width:1180px;padding:18px 24px;margin:auto}.travel-workspace .journey-content{padding:28px 24px 50px}.travel-workspace .itinerary-layout{grid-template-columns:minmax(290px,36%) 1fr;max-width:1180px;width:calc(100% - 48px);height:calc(100dvh - 236px);margin:22px auto 30px;min-height:490px;box-shadow:0 8px 32px #25476508}.travel-workspace .stage-subnav{background:transparent}.travel-workspace .itinerary-tools{flex-wrap:wrap}}
@media(max-width:900px){.stage-subnav{padding:10px 14px;gap:5px;background:#fff;overflow-x:auto}.stage-subnav>strong{display:none}.stage-subnav button{flex:1;white-space:nowrap;padding:9px 8px;font-size:13px}.cost-overview{gap:8px}.cost-overview>div{padding:14px 10px;border-radius:14px}.cost-overview strong{font-size:19px}.cost-overview span{font-size:11px}.cost-overview small{font-size:10px;margin-left:2px}.cost-toolbar>.btn{flex:1;font-size:13px;padding:11px 8px}.cost-section{padding:18px!important}.review-grid{grid-template-columns:1fr}.cost-row strong{font-size:14px}.travel-workspace .page-heading h1{font-size:27px}.travel-workspace .journey-content{padding-top:20px}}
.lifecycle-list{max-width:1180px}
.lifecycle-title{align-items:end;margin-bottom:22px}
.lifecycle-title h1{font-size:36px;letter-spacing:-.045em}
.lifecycle-guide{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:28px;border:1px solid #dce7ee;border-radius:18px;background:#fff;color:#405d73;font-size:13px;font-weight:750}
.lifecycle-guide span{display:flex;align-items:center;gap:8px;white-space:nowrap}.lifecycle-guide b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf6fc;color:#0877d7}.lifecycle-guide i{height:1px;flex:1;background:linear-gradient(90deg,#b7d7ec,#cfc2ef,#addfd2)}
.phase-section{margin:0 0 34px}.phase-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.phase-heading h2{font-size:21px;letter-spacing:-.025em}.phase-heading p{margin-top:2px;color:#60788b;font-size:13px}.phase-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#eef6fb;color:var(--phase-during)}.phase-symbol.before{background:#f2efff;color:var(--phase-before)}.phase-symbol.after{background:#ebf8f4;color:var(--phase-after)}.phase-symbol .icon{width:21px}.phase-count{margin-left:auto;min-width:28px;padding:4px 9px;border-radius:14px;background:#eaf2f7;text-align:center;font-size:12px;font-weight:800}
.lifecycle-trip{overflow:hidden}.trip-visual{height:118px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#eaf6ff,#edf1ff)}.trip-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trip-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#062b4f99)}.trip-visual>span{color:#1878b9}.trip-visual>span .icon{width:38px;height:38px}.trip-visual b{position:absolute;z-index:1;left:14px;bottom:12px;padding:5px 9px;border-radius:10px;background:#fffffff0;color:#164766;font-size:12px}.trip-visual.before{background:linear-gradient(135deg,#f0ecff,#e8f6ff)}.trip-visual.after{background:linear-gradient(135deg,#e8f8f2,#edf6fb)}
.lifecycle-switch{display:flex;justify-content:center;gap:7px;padding:9px 16px;border-bottom:1px solid #e3ebf0;background:#fff}.lifecycle-switch button{min-height:38px;padding:7px 14px;border:1px solid transparent;border-radius:12px;color:#577085;font-size:13px;font-weight:750}.lifecycle-switch button span{margin-right:5px;color:#8aa0b1}.lifecycle-switch button.active{background:#eaf5fd;border-color:#c8e2f3;color:#086eaf}.lifecycle-switch button.active span{color:inherit}
.action-priority{display:flex;align-items:center;gap:7px;padding:8px 14px;border-bottom:1px solid #e8eef2;background:#f5fbff;color:#315c76;font-size:12px}.action-priority strong{margin-right:auto}.action-priority button{color:#0877d7;font-weight:800}.live-dot{width:8px;height:8px;border-radius:50%;background:#18a57f;box-shadow:0 0 0 4px #18a57f1e}
.lifecycle-nav{grid-template-columns:repeat(3,1fr)!important}
@media(max-width:700px){.lifecycle-title{align-items:center;margin-bottom:16px}.lifecycle-title h1{font-size:28px}.lifecycle-title p{max-width:235px}.lifecycle-guide{gap:5px;padding:10px;margin-bottom:24px;overflow:hidden}.lifecycle-guide span{gap:4px;font-size:11px}.lifecycle-guide b{width:20px;height:20px;font-size:10px}.phase-section{margin-bottom:27px}.phase-heading{gap:10px}.phase-heading h2{font-size:19px}.phase-heading p{font-size:12px}.phase-symbol{width:38px;height:38px;border-radius:12px}.lifecycle-list .tripcards{display:grid;grid-template-columns:1fr}.lifecycle-trip{display:grid;grid-template-columns:104px 1fr}.trip-visual{height:100%;min-height:151px}.trip-visual b{left:8px;bottom:8px;font-size:10px;padding:4px 6px}.lifecycle-trip .tripcardbody{padding:15px}.lifecycle-trip .tripcardbody h2{font-size:18px}.lifecycle-switch{position:sticky;top:0;z-index:850;padding:7px 10px;gap:3px}.lifecycle-switch button{flex:1;padding:6px 4px;font-size:12px}.fullmap-page .lifecycle-switch{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 100px);left:12px;right:108px;z-index:850;padding:0;border:0;background:transparent;pointer-events:none}.fullmap-page .lifecycle-switch button{display:none}.fullmap-page .action-priority{display:none}.fullmap-page .mobile-nav.lifecycle-nav{grid-template-columns:repeat(3,1fr)!important}}
