:root{
  --bg:#F4FCFB;--surface:#FFFFFF;--surface-2:#F4FCFB;--ink:#1F3B4D;--muted:#6F8792;--line:#C6ECE8;
  --green:#69D7D0;--green-2:#8EDFF0;--green-dark:#3FBDB5;--mint:#DDF7F4;--mint-2:#DDF7F4;
  --peach:#FFF3EA;--peach-ink:#C96C38;--sand:#FFF8E2;--red:#E25563;--blue:#69D7D0;
  --shadow:0 14px 34px rgba(31,59,77,.08);--shadow-sm:0 6px 18px rgba(31,59,77,.07);
  --r:22px;--r-lg:30px;--r-sm:14px;--sidebar:238px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 "Nunito",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}img{max-width:100%;display:block}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none!important}.muted{color:var(--muted)}.tiny{font-size:11px}.line-clamp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#F4FCFB;border-right:1px solid var(--line);padding:26px 16px 18px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.brand-mark{width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,var(--green-2),var(--green-dark));color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 10px 26px rgba(105,215,208,.24)}.brand b{display:block;font-size:17px;letter-spacing:.18em}.brand small{display:block;font-size:9px;letter-spacing:.28em;color:var(--muted);margin-top:1px}.side-nav{display:flex;flex-direction:column;gap:7px}.side-item{height:52px;border-radius:16px;display:flex;align-items:center;gap:14px;padding:0 15px;color:#52615A;font-weight:600;transition:.18s}.side-item svg{width:19px}.side-item:hover{background:#DDF7F4;color:var(--green-dark)}.side-item.active{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(105,215,208,.17)}.side-footer{margin-top:auto}.user-chip{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:17px;background:#fff}.avatar{width:36px;height:36px;border-radius:12px;background:var(--peach);color:var(--peach-ink);display:grid;place-items:center;font-weight:800}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:12px}.user-chip small{font-size:9px;color:var(--muted);margin-top:1px}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:88px;display:flex;align-items:center;gap:22px;padding:18px 42px 14px;position:sticky;top:0;z-index:20;background:rgba(238,243,245,.90);backdrop-filter:blur(16px)}.page-heading{min-width:220px}.page-heading h1{font-size:23px;margin:0;line-height:1.25}.eyebrow{display:block;font-size:9px;letter-spacing:.22em;font-weight:800;color:#6F8792;text-transform:uppercase;margin-bottom:4px}.eyebrow.light{color:rgba(255,255,255,.68)}.global-search{margin-left:auto;max-width:420px;width:min(34vw,420px);height:44px;border:1px solid var(--line);background:#fff;border-radius:15px;display:flex;align-items:center;gap:9px;padding:0 13px}.global-search svg{width:17px;color:#6F8792}.global-search input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.icon-btn svg{width:20px}.content{padding:12px 42px 70px;max-width:1640px;margin:0 auto}.bottom-nav{display:none}

.btn{border:0;border-radius:14px;min-height:43px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;cursor:pointer;transition:.18s;white-space:nowrap}.btn svg{width:16px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 9px 24px rgba(105,215,208,.18)}.btn-white{background:#fff;color:var(--green-dark)}.btn-glass{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.30);color:#fff}.btn-soft{background:#EDF3EF;color:var(--green-dark);border:1px solid #C6ECE8}.btn-peach{background:var(--peach);color:var(--peach-ink)}.btn-danger{background:#FFF0F0;color:var(--red);border:1px solid #F1CECE}.btn-lg{min-height:50px;border-radius:16px}.btn-block{width:100%}.text-link{color:var(--green);font-weight:700;font-size:12px}.circle-link{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--green)}.back-link{font-size:11px;font-weight:700;color:rgba(255,255,255,.8);display:inline-block;margin-bottom:18px}.back-link.dark{color:var(--green)}

.flash{margin:0 42px 8px;border-radius:14px;padding:12px 15px;display:flex;align-items:center;gap:9px;font-weight:600;font-size:12px}.flash.success{background:#E2F2E9;color:#245F4F}.flash.error{background:#FFF0EF;color:#B83B49}.flash span{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.7);display:grid;place-items:center}.panel,.mini-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 0 rgba(23,33,29,.02);padding:24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:22px 0 16px}.section-head:first-child{margin-top:0}.section-head h2{font-size:22px;margin:0;letter-spacing:-.03em}.section-head h3{font-size:17px;margin:0}.section-head.compact{align-items:center;margin-bottom:17px}.hero-head{margin:8px 0 22px}.hero-head h2{font-size:30px}.hero-head p{margin:4px 0 0;max-width:680px}.empty{min-height:260px;border:1px dashed #D6E0DA;background:rgba(255,255,255,.58);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px}.empty-icon{width:58px;height:58px;border-radius:20px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:22px;margin-bottom:13px}.empty h3{font-size:16px;margin:0 0 5px}.empty p{max-width:460px;color:var(--muted);margin:0 0 18px;font-size:12px}.notice{border-radius:15px;padding:13px 15px;margin-bottom:16px;font-size:12px}.notice.warning{background:#FFF4DB;color:#8A6712}.notice.success{background:#E6F2EB;color:#356657}.notice p{margin:4px 0 0}.notice a{text-decoration:underline;font-weight:700}

.hero-v2{min-height:315px;background:linear-gradient(115deg,#69D7D0,#249D98);border-radius:32px;position:relative;overflow:hidden;color:#fff;padding:44px 46px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 60px rgba(32,91,76,.15)}.hero-copy{position:relative;z-index:3;max-width:500px}.hero-copy h2{font-size:42px;line-height:.98;letter-spacing:-.055em;margin:10px 0 16px}.hero-copy p{max-width:510px;color:rgba(255,255,255,.82);font-size:13px;margin:0 0 22px}.hero-actions{display:flex;gap:10px}.hero-illustration{position:absolute;right:0;top:0;width:46%;height:100%}.hero-illustration .sun{position:absolute;width:112px;height:112px;border-radius:50%;background:#FFD15C;right:105px;top:44px}.hero-illustration .hill{position:absolute;border-radius:55% 55% 0 0}.hero-illustration .h1{width:420px;height:190px;background:#3FBDB5;right:-80px;bottom:-10px;transform:rotate(5deg)}.hero-illustration .h2{width:340px;height:155px;background:#73C98A;right:210px;bottom:-20px;transform:rotate(-8deg)}.hero-illustration .spark{position:absolute;right:155px;bottom:95px;font-size:22px}.next-trip-card{z-index:4;width:380px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(10px);border-radius:26px;padding:24px;color:#fff;position:relative;box-shadow:inset 0 1px rgba(255,255,255,.1)}.next-trip-card .next-label{font-size:9px;font-weight:800;letter-spacing:.16em;color:#D9EEE6}.next-trip-card h3{font-size:23px;margin:7px 0 3px}.next-trip-card>p{font-size:11px;color:rgba(255,255,255,.72);margin:0 0 20px}.next-trip-card>div{display:flex;gap:26px}.next-trip-card>div span b,.next-trip-card>div span small{display:block}.next-trip-card>div span b{font-size:17px}.next-trip-card>div span small{font-size:9px;color:rgba(255,255,255,.62)}.next-trip-card>i{position:absolute;right:20px;bottom:20px;font-style:normal;font-size:22px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 32px}.stat-strip>a,.stat-strip>div{min-height:74px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:13px;padding:13px 16px}.stat-strip b,.stat-strip small{display:block}.stat-strip b{font-size:17px}.stat-strip small{font-size:9px;color:var(--muted)}.stat-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:800}.stat-icon.green{background:#DCECE5;color:var(--green)}.stat-icon.mint{background:#E7F4ED;color:#4B9A60}.stat-icon.peach{background:#FBEDDF;color:#FF9B5E}.stat-icon.sand{background:#F5EEDB;color:#8A6712}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px}.dash-side{display:flex;flex-direction:column;gap:16px}.mini-panel{padding:20px}.collection-mini-list{display:flex;flex-direction:column;gap:5px}.collection-mini-list a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px;border-radius:13px}.collection-mini-list a:hover{background:var(--surface-2)}.collection-mini-list a>span{width:34px;height:34px;border-radius:11px;background:var(--mint);display:grid;place-items:center;color:var(--green)}.collection-mini-list b,.collection-mini-list small{display:block}.collection-mini-list b{font-size:11px}.collection-mini-list small{font-size:9px;color:var(--muted)}.collection-mini-list i{font-style:normal;color:#9AA69F}.quick-panel>a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #EEF1EF}.quick-panel>a:last-child{border:0}.quick-panel>a span{width:34px;height:34px;border-radius:12px;background:#F1F5F2;display:grid;place-items:center}.quick-panel>a b{font-size:11px}.quick-panel>a i{font-style:normal;color:var(--green)}

.place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.place-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s;min-width:0}.place-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.place-cover{height:190px;position:relative;display:block;background:#E9F0EC;overflow:hidden}.compact-grid .place-cover{height:165px}.place-cover img{width:100%;height:100%;object-fit:cover;transition:.35s}.place-card:hover .place-cover img{transform:scale(1.025)}.cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(145deg,#E1EEE8,#F3E6D0);color:var(--green)}.cover-placeholder span{font-size:32px}.cover-placeholder small{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.category-pill{position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);font-size:9px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.06)}.heart-badge{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#FF9B5E;font-size:16px}.place-body{padding:15px}.place-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.place-top>div{min-width:0}.place-top h3{font-size:14px;margin:0 0 3px;line-height:1.35}.place-top p{font-size:9px;margin:0}.rating{flex:0 0 auto;padding:5px 8px;border-radius:10px;background:#FFF5DB;color:#C96C38;font-weight:800;font-size:10px}.place-desc{font-size:10px;color:#68766F;margin:11px 0;min-height:31px}.place-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:11px;border-top:1px solid #EEF1EF}.inline{display:inline}.status-btn{border:0;background:#F0F3F1;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}.status-btn.done{background:#DCEFE6;color:var(--green)}.icon-link{font-size:9px;font-weight:800;color:var(--green)}

.toolbar,.filters-bar{display:flex;gap:10px;align-items:center;margin:0 0 20px}.search-box{height:44px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 13px;min-width:260px}.search-box.grow{flex:1}.search-box svg{width:17px;color:#8C9892}.search-box input{border:0;background:transparent;outline:0;width:100%;font-size:11px}.filters-bar select,.toolbar select{height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 34px 0 12px;font-size:10px;outline:0}.result-line{font-size:11px;color:var(--muted);margin:0 0 13px}.result-line b{color:var(--ink)}.province-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.province-card{height:230px;border-radius:25px;overflow:hidden;position:relative;background:#DCE8E2;color:#fff;box-shadow:var(--shadow-sm)}.province-card>img{width:100%;height:100%;object-fit:cover}.province-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(11,36,29,.76))}.province-info{position:absolute;left:20px;bottom:18px}.province-info>span{display:block;font-size:22px;font-weight:800;letter-spacing:-.04em}.province-info>div{font-size:9px;color:rgba(255,255,255,.75)}.province-arrow{position:absolute;right:18px;bottom:18px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-style:normal}.province-art{position:absolute;inset:0;background:linear-gradient(140deg,#4B9A60,#184E43);overflow:hidden}.province-art i{position:absolute;border-radius:50% 50% 0 0;background:#5CA48F}.province-art i:nth-child(1){width:300px;height:160px;right:-80px;bottom:-10px}.province-art i:nth-child(2){width:230px;height:120px;right:120px;bottom:-25px;background:#91BBA9}.province-art span{position:absolute;right:38px;top:38px;font-size:24px}.province-hero{min-height:265px;border-radius:30px;overflow:hidden;position:relative;color:#fff;margin-bottom:18px;background:linear-gradient(120deg,#256D5B,#164B42);display:flex;align-items:flex-end;justify-content:space-between;padding:30px}.province-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.province-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,48,40,.86),rgba(15,48,40,.28))}.province-hero>div{position:relative;z-index:2}.province-hero h2{font-size:38px;margin:4px 0 4px;letter-spacing:-.05em}.province-hero p{margin:0;max-width:600px;font-size:11px;color:rgba(255,255,255,.78)}.province-hero-actions{display:flex;gap:8px;align-items:center}

.form-page-head{margin:4px 0 20px}.form-page-head h2{font-size:30px;margin:5px 0 3px;letter-spacing:-.04em}.form-page-head p{margin:0}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.editor-main{display:flex;flex-direction:column;gap:18px}.editor-side{min-width:0}.sticky-card{position:sticky;top:106px}.form-section{padding:26px}.form-section-title{display:flex;align-items:center;gap:13px;margin-bottom:20px}.form-section-title>span{width:38px;height:38px;border-radius:13px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800;font-size:11px}.form-section-title h3{margin:0;font-size:16px}.form-section-title p{margin:2px 0 0;color:var(--muted);font-size:9px}.form-stack,.form-section{display:flex;flex-direction:column;gap:15px}.form-stack.compact{gap:12px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#44534C}label small{font-weight:400;color:var(--muted);font-size:8px}input,select,textarea{width:100%;outline:0;font:inherit;color:inherit}textarea{resize:vertical}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{min-height:110px;border:1px dashed #B9CBC2;border-radius:18px;background:#F8FBF9;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:16px}.upload-box.large{min-height:145px}.upload-box input{display:none}.upload-box span{width:34px;height:34px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:17px}.upload-box b{font-size:10px;color:var(--ink)}.upload-box small{font-size:8px}.edit-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.edit-gallery>div{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden}.edit-gallery img{width:100%;height:100%;object-fit:cover}.edit-gallery button{position:absolute;right:5px;top:5px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;cursor:pointer}.switch-row{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);border-radius:15px;padding:11px}.switch-row span b,.switch-row span small{display:block}.switch-row span b{font-size:10px}.switch-row input{display:none}.switch-row i{width:38px;height:22px;border-radius:999px;background:#DFE5E1;position:relative;transition:.2s}.switch-row i:after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;box-shadow:0 2px 5px rgba(0,0,0,.12);transition:.2s}.switch-row input:checked+i{background:var(--green)}.switch-row input:checked+i:after{transform:translateX(16px)}

.place-detail-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:2px 0 14px}.detail-actions{display:flex;gap:8px;align-items:center}.detail-actions form{margin:0}.place-detail-hero{display:grid;grid-template-columns:48% 52%;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;min-height:380px}.detail-cover{position:relative;min-height:380px;background:#E9F0EC}.detail-cover>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.detail-placeholder{position:absolute;inset:0}.detail-summary{padding:42px;display:flex;flex-direction:column;justify-content:center}.detail-summary h2{font-size:34px;line-height:1.08;letter-spacing:-.05em;margin:7px 0 10px}.address-line{font-size:11px;color:var(--muted);margin:0 0 25px}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:20px}.detail-metrics div+div{border-left:1px solid var(--line);padding-left:14px}.detail-metrics small,.detail-metrics b{display:block}.detail-metrics small{font-size:8px;color:var(--muted)}.detail-metrics b{font-size:11px;margin-top:4px}.visit-big{height:48px;border:0;border-radius:15px;background:#EFF2F0;color:#65716B;font-weight:800;cursor:pointer}.visit-big.done{background:#DCEEE6;color:var(--green)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;margin-top:22px}.detail-main{display:flex;flex-direction:column;gap:18px}.prose-card h3{margin:2px 0 10px}.prose-card p{font-size:12px;color:#52615A}.note-box{background:#EDF5F1;border:1px solid #D7E7DF;border-radius:18px;padding:16px;display:flex;gap:12px}.note-box.big{padding:20px}.note-box>span{width:34px;height:34px;border-radius:11px;background:#D5EBE1;color:var(--green);display:grid;place-items:center;flex:0 0 auto}.note-box b{font-size:10px}.note-box p{font-size:10px;color:#5C6B64;margin:4px 0 0}.photo-grid{display:grid;gap:9px}.place-photos{grid-template-columns:repeat(4,1fr)}.photo-grid a{aspect-ratio:1;border-radius:16px;overflow:hidden;background:#eee}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:.2s}.photo-grid a:hover img{transform:scale(1.03)}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.collection-toggle-list{display:flex;flex-direction:column;gap:6px}.collection-toggle-list button{width:100%;border:1px solid var(--line);background:#FBFCFB;border-radius:13px;min-height:42px;display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;text-align:left}.collection-toggle-list button.selected{background:#E5F2EC;border-color:#CCE3D8}.collection-toggle-list button span{width:25px;height:25px;border-radius:9px;background:#EDF3EF;display:grid;place-items:center;color:var(--green)}.collection-toggle-list button b{font-size:9px}.detail-side hr,.modal-card hr{border:0;border-top:1px solid var(--line);margin:18px 0}.trip-use-list{display:flex;flex-direction:column;gap:7px}.trip-use-list a{padding:9px;border-radius:12px;background:#F7F9F8}.trip-use-list b,.trip-use-list small{display:block}.trip-use-list b{font-size:9px}.trip-use-list small{font-size:8px;color:var(--muted)}

.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.2s}.collection-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.collection-art{height:150px;position:relative;overflow:hidden;background:#DFECE6}.collection-art i{position:absolute;width:180px;height:100px;border-radius:50% 50% 0 0;bottom:-22px;right:-20px;background:#6CA38F}.collection-art i:nth-child(2){right:100px;bottom:-42px;background:#B2CFBF}.collection-art span{position:absolute;right:24px;top:24px;color:#fff;font-size:22px}.collection-art.art-2{background:#F0DFD3}.collection-art.art-2 i{background:#C98261}.collection-art.art-2 i:nth-child(2){background:#ECC7AD}.collection-art.art-3{background:#E7E0C8}.collection-art.art-3 i{background:#A99055}.collection-art.art-3 i:nth-child(2){background:#D8C993}.collection-art.art-4{background:#DBE4ED}.collection-art.art-4 i{background:#6685A1}.collection-art.art-4 i:nth-child(2){background:#9FB5C8}.collection-card>div:last-child{padding:18px}.collection-card h3{font-size:16px;margin:3px 0 5px}.collection-card p{font-size:9px;color:var(--muted);min-height:30px}.collection-card>div:last-child>b{font-size:9px;color:var(--green);display:flex;justify-content:space-between}.collection-card i{font-style:normal}.collection-hero{background:#fff;border:1px solid var(--line);border-radius:26px;padding:27px 30px;margin-bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.collection-hero h2{font-size:30px;margin:3px 0}.collection-hero p{color:var(--muted);max-width:600px;font-size:11px}.collection-hero>div:first-child>div{display:flex;align-items:baseline;gap:5px}.collection-hero>div:first-child>div b{font-size:23px;color:var(--green)}.collection-hero>div:first-child>div small{font-size:9px;color:var(--muted)}.collection-hero-actions{display:flex;gap:8px}.modal-search{margin:10px 0;width:100%}.modal-place-list{max-height:440px;overflow:auto;display:flex;flex-direction:column;gap:5px}.modal-place-list form button{width:100%;border:0;background:#F7F9F8;border-radius:14px;padding:10px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.modal-place-list form button>span{width:36px;height:36px;border-radius:12px;background:#E8F1ED;display:grid;place-items:center}.modal-place-list b,.modal-place-list small{display:block}.modal-place-list b{font-size:10px}.modal-place-list small{font-size:8px;color:var(--muted)}.modal-place-list i{font-style:normal;color:var(--green);font-size:17px}

.trip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trip-card-v2{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.2s}.trip-card-v2:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.trip-cover{height:180px;position:relative;overflow:hidden;background:#DBE9E3}.trip-cover img{width:100%;height:100%;object-fit:cover}.trip-art{position:absolute;inset:0;background:linear-gradient(135deg,#4B9A60,#174D43)}.trip-art .sun{position:absolute;right:44px;top:24px;width:72px;height:72px;border-radius:50%;background:#FFD15C}.trip-art i{position:absolute;width:260px;height:120px;border-radius:50% 50% 0 0;right:-50px;bottom:-20px;background:#3FBDB5}.trip-art i:nth-of-type(2){right:100px;bottom:-40px;background:#73C98A}.trip-status{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;font-size:8px;font-weight:800}.trip-cover .trip-status{position:absolute;left:13px;top:13px;background:rgba(255,255,255,.9);color:var(--green-dark)}.status-planning{background:#EEF1EF;color:#65716B}.status-upcoming{background:#FFF0D8;color:#8A6712}.status-ongoing{background:#DFF0E8;color:#286651}.status-completed{background:#E6EBEF;color:#576B7D}.trip-card-body{padding:17px}.trip-card-body h3{font-size:16px;margin:4px 0 15px}.trip-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.trip-metrics span{background:#F7F9F8;border-radius:12px;padding:8px}.trip-metrics b,.trip-metrics small{display:block}.trip-metrics b{font-size:11px}.trip-metrics small{font-size:7px;color:var(--muted)}.trip-progress{margin-top:13px}.trip-progress>div{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-bottom:5px}.trip-progress>div b{color:var(--green)}.trip-progress>i{height:5px;background:#EDF1EE;border-radius:999px;display:block;overflow:hidden}.trip-progress>i em{display:block;height:100%;background:var(--green);border-radius:999px}.trip-header-v2{min-height:275px;border-radius:30px;background:linear-gradient(120deg,#255F51,#153F38);position:relative;overflow:hidden;color:#fff;padding:30px 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.trip-header-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trip-header-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,38,31,.9),rgba(11,38,31,.3))}.trip-header-copy,.trip-header-actions{position:relative;z-index:2}.trip-header-copy h2{font-size:35px;margin:8px 0 5px;letter-spacing:-.05em}.trip-header-copy>p{margin:0 0 17px;font-size:10px;color:rgba(255,255,255,.75)}.trip-header-stats{display:flex;gap:28px}.trip-header-stats span b,.trip-header-stats span small{display:block}.trip-header-stats span b{font-size:15px}.trip-header-stats span small{font-size:7px;color:rgba(255,255,255,.62)}.trip-header-actions{display:flex;gap:8px}.trip-tabs{display:flex;gap:7px;overflow-x:auto;padding:13px 2px 10px;scrollbar-width:none;position:sticky;top:88px;background:var(--bg);z-index:15}.trip-tabs::-webkit-scrollbar{display:none}.trip-tabs a{min-height:40px;padding:0 13px;border-radius:13px;display:flex;align-items:center;gap:7px;color:#68766F;font-size:9px;font-weight:700;white-space:nowrap;border:1px solid transparent}.trip-tabs a svg{width:15px}.trip-tabs a.active{background:#fff;border-color:var(--line);color:var(--green);box-shadow:var(--shadow-sm)}.day-strip{display:flex;gap:7px;overflow-x:auto;padding:5px 0 15px;scrollbar-width:none}.day-strip::-webkit-scrollbar{display:none}.day-strip a{width:68px;height:72px;border-radius:17px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.day-strip a small{font-size:7px;color:var(--muted);letter-spacing:.12em}.day-strip a b{font-size:20px;line-height:1.1}.day-strip a span{font-size:8px;color:var(--muted)}.day-strip a.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 10px 24px rgba(105,215,208,.18)}.day-strip a.active small,.day-strip a.active span{color:rgba(255,255,255,.68)}.itinerary-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.timeline-panel{min-width:0}.day-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:7px 0 18px}.day-heading h2{font-size:24px;margin:2px 0}.day-heading p{font-size:10px;color:var(--muted);margin:0}.day-heading>div:last-child{display:flex;gap:7px}.timeline{display:flex;flex-direction:column}.stop-wrap{display:grid;grid-template-columns:72px 1fr;gap:11px;align-items:start}.stop-time{text-align:right;padding-top:19px}.stop-time b,.stop-time small{display:block}.stop-time b{font-size:12px}.stop-time small{font-size:7px;color:var(--muted)}.stop-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;grid-template-columns:20px 42px 1fr 34px;gap:11px;align-items:start;position:relative}.stop-card:before{content:"";position:absolute;left:-18px;top:24px;width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid var(--green);z-index:3}.stop-card.status-done{background:#F7FBF9}.stop-card.status-skipped{opacity:.62}.drag-handle{color:#A1ADA7;cursor:grab;padding-top:8px}.stop-icon{width:42px;height:42px;border-radius:14px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:16px}.stop-content{min-width:0}.stop-title-row{display:flex;justify-content:space-between;gap:10px}.stop-label{font-size:7px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.stop-card h3{font-size:13px;margin:2px 0 3px}.stop-card p{font-size:9px;margin:4px 0}.stop-note{background:#F3F6F4;padding:8px 10px;border-radius:10px}.stop-badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.badge{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:7px;font-weight:800}.badge-soft{background:#EEF2EF;color:#65726C}.badge-green{background:#DCEEE6;color:#2C6D58}.badge-peach{background:#FDE8DC;color:#C96C38}.badge-red{background:#FDE5E5;color:#A14B4B}.badge-blue{background:#E4EDF4;color:#4D708D}.stop-links{display:flex;gap:12px;margin-top:7px}.stop-links a{font-size:8px;font-weight:800;color:var(--green)}.stop-more{width:32px;height:32px;border:0;border-radius:11px;background:#F1F4F2;color:#67746E;cursor:pointer}.travel-leg{display:grid;grid-template-columns:72px 1fr auto;gap:11px;align-items:center;min-height:56px;position:relative}.travel-leg:before{content:"";position:absolute;left:76px;top:-8px;bottom:-8px;border-left:1px dashed #B7C9C1}.travel-leg>span{width:31px;height:31px;border-radius:10px;background:#EDF3EF;color:var(--green);display:grid;place-items:center;margin-left:auto;position:relative;z-index:2}.travel-leg>div{padding-left:12px}.travel-leg b,.travel-leg small{display:block}.travel-leg b{font-size:9px}.travel-leg small{font-size:7px;color:var(--muted)}.travel-leg>a{font-size:8px;font-weight:800;color:var(--green);padding-right:10px}.summary-list{display:flex;flex-direction:column;margin:11px 0 15px}.summary-list div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #EDF1EF}.summary-list span{font-size:9px;color:var(--muted)}.summary-list b{font-size:9px}.stop-wrap.dragging{opacity:.45}.stop-wrap.dragging .stop-card{border-style:dashed}

.calendar-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;align-items:start}.calendar-day{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.calendar-day-head{padding:15px;background:#F2F6F3}.calendar-day-head span,.calendar-day-head b,.calendar-day-head small{display:block}.calendar-day-head span{font-size:7px;letter-spacing:.14em;font-weight:800;color:var(--green)}.calendar-day-head b{font-size:18px}.calendar-day-head small{font-size:8px;color:var(--muted)}.calendar-slots{padding:9px}.calendar-slots>a{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:9px;border-radius:12px}.calendar-slots>a:hover{background:#F6F9F7}.calendar-slots time{font-size:9px;font-weight:800;color:var(--green)}.calendar-slots b,.calendar-slots small{display:block}.calendar-slots b{font-size:9px}.calendar-slots small{font-size:7px;color:var(--muted)}.calendar-empty{padding:22px;text-align:center;color:var(--muted);font-size:8px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.map-panel{padding:18px}.map-panel .section-head{padding:5px 5px 0}.map-panel #trip-map{height:520px;border-radius:18px;overflow:hidden;background:#EAF0ED;position:relative}.map-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:10px}.map-stop-list{display:flex;flex-direction:column;gap:3px}.map-stop-list>div{display:grid;grid-template-columns:31px 1fr auto;gap:9px;align-items:center;padding:8px;border-radius:12px}.map-stop-list>div>span{width:29px;height:29px;border-radius:10px;background:#EDF3EF;color:var(--green);display:grid;place-items:center;font-weight:800;font-size:8px}.map-stop-list b,.map-stop-list small{display:block}.map-stop-list b{font-size:9px}.map-stop-list small{font-size:7px;color:var(--muted)}.map-stop-list i{font-style:normal;color:#BDC7C2}.map-stop-list .has-coord{color:var(--green)}

.money-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.money-cards>div{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px}.money-cards small,.money-cards b{display:block}.money-cards small{font-size:8px;color:var(--muted)}.money-cards b{font-size:15px;margin-top:3px}.money-cards .negative b{color:var(--red)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.expense-list,.booking-list{display:flex;flex-direction:column;gap:7px}.expense-row{display:grid;grid-template-columns:38px 1fr auto 28px;align-items:center;gap:10px;padding:9px;border-radius:14px;background:#F8FAF9}.expense-icon{width:36px;height:36px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800}.expense-row b,.expense-row small{display:block}.expense-row b{font-size:9px}.expense-row small{font-size:7px;color:var(--muted)}.expense-money{text-align:right}.mini-delete{width:27px;height:27px;border:0;border-radius:9px;background:#FFF0F0;color:var(--red);cursor:pointer}.check-progress{height:6px;background:#EDF1EE;border-radius:999px;overflow:hidden;margin-bottom:15px}.check-progress i{display:block;height:100%;background:var(--green);border-radius:999px}.checklist{display:flex;flex-direction:column;gap:6px}.check-item{display:grid;grid-template-columns:34px 1fr 28px;align-items:center;gap:9px;padding:9px;border-radius:13px;background:#F8FAF9}.check-item.done span{text-decoration:line-through;color:#8A9690}.check-button{width:31px;height:31px;border:1px solid #CCD8D1;border-radius:10px;background:#fff;color:var(--green);font-weight:800;cursor:pointer}.check-item.done .check-button{background:var(--green);color:#fff;border-color:var(--green)}.quick-checks{margin-top:17px;display:flex;flex-wrap:wrap;gap:6px}.quick-checks small{width:100%;font-size:8px;color:var(--muted)}.quick-checks button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 9px;font-size:8px;cursor:pointer}.booking-card{display:grid;grid-template-columns:44px 1fr 28px;gap:11px;padding:13px;border-radius:16px;border:1px solid #E9EEEB}.booking-type{width:42px;height:42px;border-radius:14px;background:#EDF4F1;color:var(--green);display:grid;place-items:center;font-size:17px}.booking-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.booking-title h3{font-size:12px;margin:2px 0}.booking-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.booking-meta span{background:#F7F9F8;border-radius:10px;padding:7px}.booking-meta small,.booking-meta b{display:block}.booking-meta small{font-size:6px;color:var(--muted)}.booking-meta b{font-size:8px}.booking-links{display:flex;gap:12px}.booking-links a{font-size:8px;color:var(--green);font-weight:800}

.trip-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.trip-photo-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative}.trip-photo-grid article>a{display:block;aspect-ratio:1}.trip-photo-grid img{width:100%;height:100%;object-fit:cover}.trip-photo-grid article>div{padding:10px}.trip-photo-grid b,.trip-photo-grid small{display:block}.trip-photo-grid b{font-size:9px}.trip-photo-grid small{font-size:7px;color:var(--muted)}.trip-photo-grid form{position:absolute;right:7px;top:7px}.trip-photo-grid form button{width:27px;height:27px;border:0;border-radius:50%;background:rgba(18,31,26,.72);color:#fff;cursor:pointer}.journal-list{display:flex;flex-direction:column;gap:12px}.journal-card{display:grid;grid-template-columns:55px 1fr 28px;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px}.journal-date{width:52px;height:58px;border-radius:16px;background:var(--mint);color:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center}.journal-date b{font-size:20px;line-height:1}.journal-date span{font-size:7px;font-weight:800;margin-top:4px}.journal-top{display:flex;justify-content:space-between;gap:10px}.journal-top h3{font-size:14px;margin:2px 0}.journal-text{font-size:10px;color:#52615A;line-height:1.75}.journal-images{display:flex;gap:7px;margin-top:10px;overflow-x:auto}.journal-images a{width:95px;height:75px;border-radius:11px;overflow:hidden;flex:0 0 auto}.journal-images img{width:100%;height:100%;object-fit:cover}

.info-list{display:flex;flex-direction:column}.info-list>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #EDF1EF}.info-list span{font-size:9px;color:var(--muted)}.info-list b{font-size:9px;text-align:right}.danger-panel form{margin-top:9px}.stats-hero{background:linear-gradient(125deg,#1F6655,#16473E);border-radius:30px;padding:38px;color:#fff;overflow:hidden;position:relative}.stats-hero h2{font-size:36px;line-height:1.05;letter-spacing:-.05em;margin:7px 0 25px}.big-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.big-stats div{border-left:1px solid rgba(255,255,255,.25);padding-left:15px}.big-stats b,.big-stats small{display:block}.big-stats b{font-size:27px}.big-stats small{font-size:8px;color:rgba(255,255,255,.65)}.stats-extra{margin-top:14px}.bar-list{display:flex;flex-direction:column;gap:13px}.bar-list>div>div:first-child{display:flex;justify-content:space-between;font-size:9px;margin-bottom:5px}.bar{height:6px;background:#EDF1EE;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:999px}.rank-list{display:flex;flex-direction:column}.rank-list>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #EDF1EF}.rank{font-size:8px;color:var(--muted)}.rank-list b,.rank-list small{display:block}.rank-list b{font-size:9px}.rank-list small{font-size:7px;color:var(--muted)}.rank-total{font-size:12px;font-weight:800;color:var(--green)}

.search-page{max-width:1280px}.big-search{height:62px;background:#fff;border:1px solid var(--line);border-radius:19px;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;box-shadow:var(--shadow-sm);margin:5px 0 24px}.big-search svg{color:var(--green)}.big-search input{border:0;background:transparent;box-shadow:none;height:auto;font-size:14px}.search-summary{font-size:11px;color:var(--muted);margin-bottom:20px}.search-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.search-links-grid a{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px}.search-links-grid a>span{width:38px;height:38px;border-radius:12px;background:#EDF4F1;color:var(--green);display:grid;place-items:center}.search-links-grid small,.search-links-grid b{display:block}.search-links-grid small{font-size:6px;color:var(--muted)}.search-links-grid b{font-size:9px}.search-links-grid i{font-style:normal;color:var(--green)}

.modal{position:fixed;inset:0;background:rgba(15,28,23,.46);backdrop-filter:blur(7px);z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:26px;padding:28px;position:relative;box-shadow:0 30px 90px rgba(12,37,29,.28)}.modal-card.small{width:min(480px,100%)}.modal-card.medium{width:min(660px,100%)}.modal-card h2{font-size:22px;margin:3px 0 15px}.modal-close{position:absolute;right:17px;top:17px;width:34px;height:34px;border:0;border-radius:12px;background:#F0F3F1;cursor:pointer;font-size:20px}.modal-open{overflow:hidden}

.auth-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#F4FCFB}.auth-art{position:relative;overflow:hidden;background:linear-gradient(130deg,#69D7D0,#143F37);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:space-between}.auth-logo{width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.15);display:grid;place-items:center}.auth-art h1{font-size:52px;line-height:1.02;letter-spacing:-.055em;margin:10px 0 16px}.auth-art p{color:rgba(255,255,255,.72);max-width:500px}.auth-bubbles i{position:absolute;border-radius:50% 50% 0 0;background:#3FBDB5}.auth-bubbles i:nth-child(1){width:620px;height:300px;right:-150px;bottom:-60px}.auth-bubbles i:nth-child(2){width:430px;height:220px;right:300px;bottom:-100px;background:#8EDFF0}.auth-bubbles i:nth-child(3){width:120px;height:120px;border-radius:50%;right:120px;bottom:260px;background:#FFD15C}.auth-card{align-self:center;width:min(430px,80%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:35px;box-shadow:var(--shadow)}.auth-card h2{font-size:28px;margin:4px 0}.auth-card>p{margin:0 0 20px}.auth-form{margin-top:18px}.auth-version{display:block;text-align:center;color:#9AA59F;margin-top:18px;font-size:8px}.mobile-brand{display:none}

.setup-body{min-height:100vh;background:#F2F5F2;display:grid;place-items:center;padding:28px}.setup-wrap{width:min(760px,100%)}.setup-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:var(--shadow)}.setup-brand{display:flex;gap:10px;align-items:center;margin-bottom:25px}.setup-brand>span{width:40px;height:40px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center}.setup-brand b,.setup-brand small{display:block}.setup-brand b{font-size:13px}.setup-brand small{font-size:8px;color:var(--muted)}.setup-card h1{font-size:27px;margin:0 0 5px}.setup-card .lead{font-size:11px;color:var(--muted);margin:0 0 25px}.setup-form{display:flex;flex-direction:column;gap:13px}.section-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:800;margin:7px 0 1px}.success-box{text-align:center;padding:25px}.success-icon{width:64px;height:64px;border-radius:22px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:25px;margin:0 auto 14px}.success-box p{color:var(--muted)}

@media(max-width:1250px){.place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.province-grid,.trip-grid,.collection-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px}.hero-v2{padding:35px}.next-trip-card{width:330px}.detail-summary{padding:30px}.trip-photo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px){:root{--sidebar:210px}.topbar{padding-left:26px;padding-right:26px}.content{padding-left:26px;padding-right:26px}.flash{margin-left:26px;margin-right:26px}.desktop-search{display:none}.dashboard-grid{grid-template-columns:1fr}.dash-side{display:grid;grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:minmax(0,1fr) 290px}.detail-grid{grid-template-columns:minmax(0,1fr) 280px}.itinerary-layout{grid-template-columns:1fr}.day-summary{display:none}.map-layout{grid-template-columns:1fr}.map-layout>aside{display:none}.two-col{grid-template-columns:1fr 310px}.booking-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){body{padding-bottom:78px}.sidebar{display:none}.main{margin-left:0}.topbar{height:72px;padding:12px 16px;position:sticky}.page-heading{min-width:0}.page-heading h1{font-size:19px}.page-heading .eyebrow{font-size:7px}.desktop-only{display:none!important}.content{padding:8px 14px 32px}.flash{margin:0 14px 8px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;left:10px;right:10px;bottom:8px;height:66px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:22px;z-index:50;box-shadow:0 14px 40px rgba(20,50,40,.18);padding:5px 8px}.bottom-item{height:52px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;color:#829087}.bottom-item svg{width:18px;height:18px}.bottom-item small{font-size:7px;font-weight:700}.bottom-item.active{color:var(--green)}.bottom-add{width:46px;height:46px;border-radius:16px;background:var(--green);color:#fff;display:grid;place-items:center;margin:auto;box-shadow:0 8px 20px rgba(105,215,208,.25)}.hero-v2{min-height:390px;padding:28px 24px;align-items:flex-start}.hero-copy h2{font-size:36px}.next-trip-card{position:absolute;left:22px;right:22px;bottom:22px;width:auto;padding:18px}.next-trip-card>div{gap:18px}.hero-illustration{width:100%;opacity:.65}.stat-strip{grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0 24px}.stat-strip>a,.stat-strip>div{min-height:67px;padding:10px}.stat-icon{width:38px;height:38px}.dashboard-grid{display:block}.dash-side{display:flex;margin-top:20px}.place-grid,.compact-grid,.province-grid,.trip-grid,.collection-grid{grid-template-columns:1fr 1fr;gap:10px}.place-cover,.compact-grid .place-cover{height:145px}.province-card{height:190px}.hero-head{align-items:flex-end}.hero-head h2{font-size:25px}.hero-head p{font-size:9px}.toolbar,.filters-bar{flex-wrap:wrap}.search-box{min-width:0;width:100%}.filters-bar .search-box{flex-basis:100%}.filters-bar select{flex:1;min-width:0}.province-hero{min-height:290px;padding:23px;align-items:flex-start;flex-direction:column;justify-content:flex-end}.province-hero h2{font-size:31px}.province-hero-actions{width:100%}.province-hero-actions .btn{flex:1}.editor-layout,.detail-grid,.two-col{grid-template-columns:1fr}.editor-side{order:-1}.trip-editor .editor-side{order:-1}.sticky-card{position:static}.place-detail-head{align-items:flex-start;flex-direction:column}.detail-actions{width:100%;overflow-x:auto}.detail-actions .btn{flex:0 0 auto}.place-detail-hero{grid-template-columns:1fr;min-height:0}.detail-cover{min-height:280px}.detail-summary{padding:24px}.detail-summary h2{font-size:29px}.place-photos{grid-template-columns:repeat(3,1fr)}.review-grid{grid-template-columns:repeat(2,1fr)}.collection-hero{align-items:flex-start;flex-direction:column;padding:22px}.collection-hero-actions{width:100%}.collection-hero-actions .btn{flex:1}.trip-header-v2{min-height:340px;padding:24px;align-items:flex-start;justify-content:flex-end;flex-direction:column}.trip-header-copy h2{font-size:30px}.trip-header-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 25px}.trip-header-actions{width:100%}.trip-header-actions .btn{flex:1}.trip-tabs{top:72px;margin:0 -14px;padding:10px 14px;background:rgba(245,247,244,.96)}.day-heading{align-items:flex-start;flex-direction:column}.day-heading>div:last-child{width:100%}.day-heading .btn{flex:1}.stop-wrap{grid-template-columns:52px 1fr}.stop-card{grid-template-columns:34px 1fr 30px;padding:13px}.drag-handle{display:none}.stop-icon{width:34px;height:34px;border-radius:11px}.stop-title-row{flex-direction:column}.stop-badges{justify-content:flex-start}.travel-leg{grid-template-columns:52px 1fr auto}.travel-leg:before{left:55px}.calendar-board{grid-template-columns:1fr}.money-cards{grid-template-columns:repeat(2,1fr)}.trip-photo-grid{grid-template-columns:repeat(2,1fr)}.stats-hero{padding:25px}.stats-hero h2{font-size:31px}.big-stats{grid-template-columns:repeat(2,1fr);gap:16px}.auth-page{display:block;min-height:100vh;padding:18px}.auth-art{display:none}.auth-card{width:100%;margin:8vh auto;padding:27px;border-radius:26px}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:28px}.auth-card h2{font-size:26px}.search-links-grid{grid-template-columns:1fr}.map-panel #trip-map{height:430px}}
@media(max-width:560px){.top-actions .icon-btn{width:40px;height:40px}.content{padding-left:12px;padding-right:12px}.hero-v2{border-radius:25px;min-height:410px}.hero-copy h2{font-size:33px}.hero-actions .btn{padding:0 13px}.stat-strip{gap:7px}.stat-strip>a,.stat-strip>div{border-radius:15px}.section-head h2{font-size:20px}.place-grid,.compact-grid,.province-grid,.trip-grid,.collection-grid{grid-template-columns:1fr}.place-cover,.compact-grid .place-cover{height:210px}.province-card{height:215px}.collection-art{height:175px}.trip-cover{height:205px}.form-grid.two,.form-grid.three,.upload-grid{grid-template-columns:1fr}.form-section{padding:19px}.panel,.mini-panel{padding:18px;border-radius:19px}.editor-side .panel{padding:18px}.edit-gallery{grid-template-columns:repeat(3,1fr)}.detail-cover{min-height:245px}.detail-summary{padding:20px}.detail-metrics{grid-template-columns:1fr}.detail-metrics div+div{border-left:0;border-top:1px solid var(--line);padding:9px 0 0;margin-top:9px}.place-photos{grid-template-columns:repeat(2,1fr)}.trip-header-v2{border-radius:24px}.trip-header-stats{gap:8px 20px}.day-strip a{width:62px;height:66px}.stop-wrap{grid-template-columns:44px 1fr}.stop-time b{font-size:10px}.stop-card:before{left:-13px}.travel-leg{grid-template-columns:44px 1fr}.travel-leg:before{left:47px}.travel-leg>a{display:none}.booking-card{grid-template-columns:38px 1fr 26px;padding:10px}.booking-type{width:36px;height:36px}.booking-title{flex-direction:column}.booking-meta{grid-template-columns:1fr 1fr}.trip-photo-grid{grid-template-columns:1fr 1fr;gap:7px}.journal-card{grid-template-columns:45px 1fr 24px;padding:12px}.journal-date{width:43px;height:50px}.journal-date b{font-size:17px}.journal-images a{width:80px;height:65px}.modal{padding:8px;align-items:flex-end}.modal-card,.modal-card.small,.modal-card.medium{width:100%;max-height:91vh;border-radius:25px 25px 14px 14px;padding:22px}.money-cards{gap:7px}.money-cards>div{padding:12px}.stats-extra{grid-template-columns:1fr 1fr}.big-search{height:56px;padding-left:13px}.big-search .btn{padding:0 12px}.setup-body{padding:10px}.setup-card{padding:22px;border-radius:24px}}
.puy-map-marker{background:transparent!important;border:0!important}.puy-map-marker span{width:32px;height:32px;border-radius:12px;background:#69D7D0;color:#fff;border:3px solid #fff;box-shadow:0 5px 15px rgba(20,70,55,.28);display:grid;place-items:center;font:800 10px "Nunito",sans-serif}.leaflet-popup-content-wrapper{border-radius:14px}.leaflet-popup-content{font-family:"Nunito",sans-serif;font-size:10px}.leaflet-popup-content b{font-size:11px}
.place-action-links{display:flex;align-items:center;gap:9px}.link-button{border:0;background:transparent;padding:0;font-size:9px;font-weight:800;cursor:pointer}.danger-text{color:#A65353}

/* =========================
   PUY TRAVEL V4
   ========================= */
.head-actions{display:flex;align-items:center;gap:9px}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 16px}.tag-row span{font-size:9px;font-weight:700;background:#EDF4F0;color:var(--green);border:1px solid #DCE8E2;padding:5px 9px;border-radius:999px}.nearby-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nearby-list>a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px 13px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:.18s}.nearby-list>a:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nearby-icon{width:42px;height:42px;border-radius:14px;background:var(--mint);display:grid;place-items:center;font-size:18px}.nearby-list b,.nearby-list small{display:block}.nearby-list b{font-size:11px}.nearby-list small{font-size:8px;color:var(--muted);margin-top:2px}.nearby-list i{font-style:normal;color:#8BA098}
.smart-day-card{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:16px;border-radius:20px;padding:15px 17px;margin:0 0 18px;border:1px solid #D9E7E1;background:linear-gradient(135deg,#F5FBF8,#EDF6F2)}.smart-day-card.tone-medium{background:linear-gradient(135deg,#FFF8E2,#F8F2E6);border-color:#EDE1C8}.smart-day-card.tone-heavy{background:linear-gradient(135deg,#FFF6F4,#FAECEA);border-color:#EFD7D3}.smart-score{width:68px;height:68px;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.smart-score span{font-size:24px;font-weight:800;line-height:1;color:var(--green-dark)}.smart-score small{font-size:6px;letter-spacing:.12em;color:var(--muted);margin-top:5px;font-weight:800}.smart-copy h3{margin:2px 0 3px;font-size:15px}.smart-copy p{margin:0;color:var(--muted);font-size:9px}.smart-warnings{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.smart-warnings span{font-size:7px;background:rgba(255,255,255,.75);border:1px solid rgba(100,80,60,.12);padding:4px 7px;border-radius:999px;color:#C96C38}.smart-ok{font-size:8px;color:#34715F;margin-top:6px;font-weight:700}.smart-open{border:0;background:transparent;color:var(--green);font-weight:800;font-size:10px;cursor:pointer}.smart-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.smart-tool-grid form{border:1px solid var(--line);border-radius:18px;padding:15px;background:#FBFDFB}.smart-tool-grid form>div{min-height:112px}.smart-tool-grid form>div>span{width:38px;height:38px;border-radius:13px;background:var(--mint);display:grid;place-items:center;color:var(--green);font-size:17px;margin-bottom:10px}.smart-tool-grid b,.smart-tool-grid small{display:block}.smart-tool-grid b{font-size:12px}.smart-tool-grid small{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.5}.planner-warning-list{display:flex;flex-direction:column;gap:7px}.planner-warning-list>div{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;background:#FFF6EC;border-radius:12px;font-size:9px}.planner-warning-list span{width:18px;height:18px;border-radius:6px;background:#F4D5B1;display:grid;place-items:center;flex:0 0 auto;font-weight:800}.weather-mini{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:15px;padding:9px 11px;min-height:50px}.weather-mini .weather-icon{font-size:22px}.weather-mini b,.weather-mini small{display:block}.weather-mini b{font-size:10px}.weather-mini small{font-size:7px;color:var(--muted);margin-top:1px}.summary-weather{margin:10px 0 15px;background:#F8FBF9}.share-panel-v3{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.share-panel-v3 h3{margin:2px 0 4px}.share-panel-v3 p{font-size:9px}.share-url-row{display:flex;gap:8px;margin:12px 0}.share-url-row input{flex:1;min-width:0;border:1px solid var(--line);background:#F8FAF8;border-radius:13px;padding:0 12px;font-size:9px}.share-meta{display:flex;gap:12px;color:var(--muted);font-size:8px;margin-bottom:9px}.backup-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:16px;padding:11px;margin:14px 0}.backup-card>span{width:42px;height:42px;border-radius:13px;background:var(--mint);display:grid;place-items:center;color:var(--green);font-weight:800}.backup-card b,.backup-card small{display:block}.backup-card b{font-size:10px}.backup-card small{font-size:7px;color:var(--muted);margin-top:2px;line-height:1.5}

/* public share */
.public-share-body{background:#EDF3EF;min-height:100vh}.public-share{width:min(960px,calc(100% - 28px));margin:0 auto;padding:24px 0 48px}.public-brand{display:flex;align-items:center;gap:10px;margin:0 0 18px}.public-brand .brand-mark{width:38px;height:38px;border-radius:13px}.public-brand b,.public-brand small{display:block}.public-brand b{font-size:12px;letter-spacing:.12em}.public-brand small{font-size:7px;color:var(--muted);letter-spacing:.18em}.public-trip-hero{min-height:330px;border-radius:30px;background:linear-gradient(125deg,#205F50,#123E36);overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:34px;color:#fff;box-shadow:var(--shadow)}.public-trip-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.public-trip-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,45,38,.85),rgba(12,45,38,.24))}.public-trip-hero>div:last-child{position:relative;z-index:2}.public-trip-hero h1{font-size:38px;line-height:1.05;margin:5px 0 8px;letter-spacing:-.045em}.public-trip-hero p{margin:0;color:rgba(255,255,255,.82);font-size:11px}.public-note{display:flex;gap:11px;align-items:flex-start;margin:14px 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.public-note>span{width:35px;height:35px;border-radius:12px;background:var(--mint);display:grid;place-items:center;color:var(--green)}.public-note b,.public-note p{display:block}.public-note b{font-size:10px}.public-note p{font-size:8px;color:var(--muted);margin:3px 0 0}.public-days{display:flex;flex-direction:column;gap:14px}.public-day{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px}.public-day-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:5px}.public-day-head h2{font-size:20px;margin:2px 0}.public-day-head p{margin:0;color:var(--muted);font-size:9px}.public-stop-list article{display:grid;grid-template-columns:55px 30px 1fr auto;gap:11px;align-items:flex-start;padding:15px 0;border-bottom:1px dashed #E1E8E4}.public-stop-list article:last-child{border-bottom:0}.public-stop-list time{font-size:10px;font-weight:800;padding-top:5px}.public-stop-number{width:28px;height:28px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}.public-stop-list small{font-size:7px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.public-stop-list h3{font-size:13px;margin:2px 0}.public-stop-list p{font-size:8px;color:var(--muted);margin:2px 0}.public-stop-list article>div>div span{font-size:7px;color:var(--muted)}.public-stop-list article>a{font-size:8px;font-weight:800;color:var(--green);padding-top:5px}.public-footer{text-align:center;color:var(--muted);font-size:8px;padding:22px}.public-error{width:min(520px,calc(100% - 32px));margin:18vh auto;background:#fff;border:1px solid var(--line);border-radius:26px;padding:36px;text-align:center;box-shadow:var(--shadow)}.public-error>span{width:60px;height:60px;border-radius:20px;background:var(--mint);display:grid;place-items:center;margin:0 auto 12px;color:var(--green);font-size:24px}.public-error h1{font-size:22px}.public-error p{color:var(--muted);font-size:10px}

@media(max-width:800px){.head-actions{width:100%;overflow-x:auto}.hero-head{flex-direction:column;align-items:flex-start}.nearby-list{grid-template-columns:1fr}.smart-day-card{grid-template-columns:62px 1fr}.smart-score{width:58px;height:58px;border-radius:17px}.smart-score span{font-size:20px}.smart-open{grid-column:1/-1;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;min-height:38px}.smart-tool-grid{grid-template-columns:1fr}.share-url-row{flex-wrap:wrap}.share-url-row input{flex-basis:100%;height:43px}.backup-card{grid-template-columns:38px 1fr}.backup-card>a{grid-column:1/-1;width:100%}.public-share{width:min(100% - 20px,960px);padding-top:14px}.public-trip-hero{min-height:300px;border-radius:24px;padding:24px}.public-trip-hero h1{font-size:30px}.public-day{padding:17px;border-radius:20px}.public-day-head{flex-direction:column}.public-day-head .weather-mini{width:100%}.public-stop-list article{grid-template-columns:42px 26px 1fr}.public-stop-list article>a{grid-column:3/-1}.public-stop-list time{font-size:9px}.public-stop-list h3{font-size:11px}}
@media(max-width:560px){.smart-day-card{padding:12px;gap:10px}.smart-copy p{line-height:1.45}.smart-warnings{display:none}.public-trip-hero{min-height:270px}.public-trip-hero h1{font-size:27px}.public-stop-list article{grid-template-columns:38px 24px 1fr;gap:8px}.public-stop-number{width:24px;height:24px;border-radius:8px}}
.today-card-v3{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px 17px;margin:14px 0 0;box-shadow:var(--shadow-sm)}.today-main h3{margin:1px 0 2px;font-size:15px}.today-main>p{margin:0;color:var(--muted);font-size:8px}.today-next{display:flex;align-items:center;gap:7px;margin-top:7px}.today-next span{font-size:7px;color:var(--green);background:var(--mint);padding:3px 7px;border-radius:999px;font-weight:800}.today-next b{font-size:9px}.today-weather{min-width:210px}@media(max-width:800px){.today-card-v3{grid-template-columns:1fr;margin-top:10px}.today-weather{width:100%;min-width:0}.today-card-v3>.btn{width:100%}}


/* ===== TRIPLOOM V4 ===== */
.live-hero-v4{min-height:250px;border-radius:34px;padding:34px 38px;background:linear-gradient(135deg,#249D98,#4B9A60);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative;margin-bottom:18px;box-shadow:0 22px 55px rgba(23,79,69,.16)}
.live-hero-v4:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.07);right:-90px;top:-120px}.live-hero-v4 h2{font-size:clamp(30px,4vw,48px);margin:6px 0 8px}.live-hero-v4 p{margin:0;color:rgba(255,255,255,.78)}.live-hero-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.live-status-stack{display:flex;align-items:center;gap:20px;z-index:1}.network-chip{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.13);font-size:12px;font-weight:700;white-space:nowrap}.network-chip.offline{background:#B83B49}.live-progress-ring{--progress:0;width:126px;height:126px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(#FFD18D calc(var(--progress)*1%),rgba(255,255,255,.15) 0);position:relative}.live-progress-ring:after{content:"";position:absolute;inset:9px;background:#226553;border-radius:50%}.live-progress-ring b,.live-progress-ring small{z-index:1}.live-progress-ring b{font-size:25px}.live-progress-ring small{font-size:8px;letter-spacing:.12em}.live-progress-ring{grid-template-rows:1fr 1fr}.live-progress-ring b{align-self:end}.live-progress-ring small{align-self:start}
.travel-mode-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 18px}.day-strip.compact{margin:0;max-width:780px}.live-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.live-summary-grid>article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:5px;min-height:105px}.live-summary-grid small{color:var(--muted);font-size:11px}.live-summary-grid b{font-size:19px}.live-summary-grid span{font-size:12px;color:var(--muted)}.weather-live .weather-icon{font-size:26px}.live-booking-alert{display:flex;align-items:center;gap:14px;background:#FFF4E8;border:1px solid #F4DFC9;border-radius:20px;padding:15px 18px;margin-bottom:18px}.live-booking-alert>span{font-size:24px}.live-booking-alert div{flex:1}.live-booking-alert small{display:block;font-size:9px;letter-spacing:.12em}.live-booking-alert p{margin:3px 0 0;color:var(--muted);font-size:12px}.live-start-form{margin-bottom:18px}.live-stop-section{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px}.live-stop-list{display:grid;gap:12px}.live-stop-card{display:grid;grid-template-columns:38px 1fr;gap:12px;border:1px solid var(--line);border-radius:22px;padding:16px;background:#FBFCFA;transition:.2s}.live-stop-card.is-active{border-color:#4B9A60;box-shadow:0 10px 30px rgba(47,132,111,.10)}.live-stop-card.is-nearest{outline:3px solid rgba(255,184,94,.45);scroll-margin-top:110px}.live-stop-card.status-done{opacity:.7}.live-stop-index{display:flex;flex-direction:column;align-items:center}.live-stop-index span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#DCEBE5;color:#1C6656;font-weight:800}.live-stop-index i{width:1px;flex:1;background:var(--line);margin-top:7px}.live-stop-kicker{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:5px}.live-stop-kicker>*{font-size:10px;padding:5px 8px;border-radius:999px;background:#EEF4F1;color:#46635A}.live-stop-content h3{margin:4px 0;font-size:18px}.live-stop-content>p{margin:5px 0;color:var(--muted);font-size:12px}.live-note{background:#fff;border-radius:12px;padding:10px 12px;font-size:12px;margin-top:9px}.live-stop-actions,.live-status-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.live-status-actions form{flex:1}.live-status-actions button{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.live-status-actions button.active{border-color:#4B9A60;background:#E5F2ED;color:#1B6554}.live-status-actions button.done{background:#4B9A60;color:#fff}.live-status-actions button.skip{background:#F2EFEB;color:#6D635A}.check-line{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.check-line input{width:auto!important}
.team-hero-v4{border-radius:28px;padding:28px 32px;background:linear-gradient(135deg,#1E594D,#4B9A60);color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.team-hero-v4 h2{font-size:34px;margin:6px 0}.team-hero-v4 p{max-width:560px;color:rgba(255,255,255,.75)}.team-hero-v4>div:last-child{text-align:center;min-width:120px}.team-hero-v4>div:last-child b{display:block;font-size:44px}.team-hero-v4>div:last-child small{font-size:10px;letter-spacing:.12em}.inline-add-v4{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:14px}.member-list-v4{display:grid;gap:8px}.member-list-v4>div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px;border-radius:16px}.member-list-v4>div>div{flex:1}.member-list-v4 small{display:block;color:var(--muted);font-size:11px}.settlement-list-v4{display:grid;gap:8px;margin:12px 0}.settlement-list-v4>div{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center;background:#F5F8F6;border-radius:14px;padding:11px}.settlement-list-v4 b{color:#1B6655}.settlement-meta-v4{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.settlement-meta-v4 span{font-size:10px;background:#F4F1EC;border-radius:999px;padding:7px 9px}.split-expense-list-v4{display:grid;gap:10px}.split-expense-list-v4 article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,auto) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px}.split-expense-list-v4 small{display:block;color:var(--muted);font-size:11px}.payer-form-v4{display:flex;gap:6px}.payer-form-v4 select{min-width:130px}.grouped-v4 .check-category-v4{font-size:10px;font-weight:800;letter-spacing:.12em;color:#688078;margin:16px 0 5px}.grouped-v4 .check-item span small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.print-page-v4{background:#ECEFE9;color:#1B2824;font-family:"Nunito",sans-serif}.print-sheet{width:min(980px,calc(100% - 32px));margin:30px auto;background:#fff;padding:48px;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.08)}.print-sheet>header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #1C5F50;padding-bottom:24px}.print-sheet h1{font-size:36px;margin:4px 0}.print-sheet header button{align-self:start;border:0;background:#1F6B59;color:#fff;border-radius:12px;padding:11px 15px;font:inherit;font-weight:700;cursor:pointer}.print-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.print-summary>div{background:#F4F7F4;border-radius:14px;padding:14px}.print-summary small{display:block;color:#6C7D76}.print-day{margin:28px 0;break-inside:avoid}.print-day-title{border-left:5px solid #4B9A60;padding-left:14px;margin-bottom:10px}.print-day-title h2{margin:2px 0}.print-day article{display:grid;grid-template-columns:80px 1fr auto;gap:14px;border-top:1px solid #E7ECE9;padding:12px 0}.print-day article time{font-weight:800}.print-day article small,.print-day article p{display:block;color:#66756F;font-size:11px;margin:2px 0}.print-extra{margin-top:28px;break-inside:avoid}.print-extra>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #E7ECE9;padding:9px 0}.print-extra span{font-size:11px;color:#66756F}.print-sheet footer{text-align:center;color:#87928D;font-size:10px;margin-top:30px;padding-top:18px;border-top:1px solid #E7ECE9}
@media(max-width:900px){.live-hero-v4{padding:25px;align-items:flex-start}.live-status-stack{flex-direction:column}.live-summary-grid{grid-template-columns:1fr 1fr}.team-hero-v4 h2{font-size:28px}.inline-add-v4{grid-template-columns:1fr}.split-expense-list-v4 article{grid-template-columns:1fr}.payer-form-v4{width:100%}.payer-form-v4 select{flex:1}.travel-mode-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.live-hero-v4{border-radius:24px;flex-direction:column}.live-status-stack{width:100%;flex-direction:row;justify-content:space-between}.live-progress-ring{width:92px;height:92px}.live-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.live-summary-grid>article{padding:13px;min-height:90px}.live-stop-section{padding:14px;border-radius:22px}.live-stop-card{grid-template-columns:30px 1fr;padding:12px}.live-stop-index span{width:28px;height:28px}.live-status-actions{display:grid;grid-template-columns:1fr 1fr}.live-status-actions form:last-child{grid-column:1/-1}.team-hero-v4{padding:22px;align-items:flex-start}.team-hero-v4>div:last-child{min-width:70px}.print-sheet{width:100%;margin:0;padding:22px;border-radius:0}.print-sheet>header{flex-direction:column}.print-summary{grid-template-columns:1fr}.print-day article{grid-template-columns:55px 1fr}.print-day article>span{grid-column:2}}
@media print{.print-page-v4{background:#fff}.print-sheet{width:100%;margin:0;padding:0;box-shadow:none;border-radius:0}.print-sheet header button{display:none}.print-day{break-inside:avoid}.print-sheet footer{margin-top:18px}.print-page-v4 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}


/* ========================= PUY TRAVEL V6 ========================= */
.v5-task-mini{margin-top:16px}.v5-task-mini>a{display:flex;gap:11px;align-items:center;padding:12px 0;border-top:1px solid var(--line);color:var(--text)}.v5-task-mini>a:first-of-type{border-top:0}.v5-task-mini>a div{min-width:0;flex:1}.v5-task-mini>a b,.v5-task-mini>a small{display:block}.v5-task-mini>a small{color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-dot{width:10px;height:10px;border-radius:50%;background:#A9B6B1;box-shadow:0 0 0 5px #EEF3F0}.task-dot.priority-high{background:#FF9B5E}.task-dot.priority-urgent{background:#E25563}.task-dot.priority-low{background:#79A99A}
.task-hero-v5{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:32px;border-radius:28px;background:linear-gradient(135deg,#174F44,#4B9A60);color:#fff;margin-bottom:18px;overflow:hidden;position:relative}.task-hero-v5:after{content:'✓';position:absolute;right:25%;top:-42px;font-size:190px;font-weight:800;opacity:.055;transform:rotate(-8deg)}.task-hero-v5 h2{font-size:34px;line-height:1.12;margin:7px 0 10px}.task-hero-v5 p{max-width:620px;opacity:.8}.task-kpis-v5{display:flex;gap:10px;position:relative;z-index:1}.task-kpis-v5 span{min-width:92px;padding:14px 16px;border-radius:18px;background:#ffffff14;border:1px solid #ffffff25;text-align:center}.task-kpis-v5 b,.task-kpis-v5 small{display:block}.task-kpis-v5 b{font-size:23px}.task-kpis-v5 small{font-size:10px;opacity:.72}.task-layout-v5{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:18px}.task-list-v5{display:grid;gap:10px}.task-row-v5{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:20px;background:#fff}.task-row-v5.status-done{opacity:.65;background:#F7FAF8}.task-row-v5.overdue{box-shadow:inset 4px 0 #E25563}.task-priority-v5{width:8px;height:42px;border-radius:99px;background:#AAB7B2}.task-priority-v5.low{background:#82AA9E}.task-priority-v5.high{background:#FF9B5E}.task-priority-v5.urgent{background:#E25563}.task-copy-v5>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.task-copy-v5 small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.task-copy-v5 p{margin:7px 0 0;color:#52605B;font-size:13px}.task-actions-v5{display:flex;gap:7px;align-items:center}.task-actions-v5 form{margin:0}.task-actions-v5 .btn{padding:8px 11px;font-size:11px}
.v5-day-profile{padding:15px;border-radius:18px;background:#F6F9F7;border:1px solid #E2EAE6;display:grid;gap:12px}.v5-day-profile .eyebrow{margin-bottom:-2px}
.settlement-suggest-v5{display:grid!important;grid-template-columns:1fr auto 1fr auto!important;gap:8px!important;align-items:center!important}.settlement-suggest-v5 form{grid-column:1/-1}.settlement-suggest-v5 .btn{width:100%;padding:8px 10px}.paid-settlements-v5{display:grid;gap:8px;margin-top:8px}.paid-settlements-v5>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#F4F8F5}.paid-settlements-v5>div>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#DCECE5;color:#4B9A60}.paid-settlements-v5 b,.paid-settlements-v5 small{display:block}.paid-settlements-v5 small{font-size:10px;color:var(--muted);margin-top:2px}.split-card-v5{display:grid!important;grid-template-columns:minmax(150px,1fr) auto!important;align-items:start!important}.split-basic-actions-v5{display:flex;gap:8px;align-items:center}.custom-split-v5{grid-column:1/-1;border-top:1px dashed var(--line);padding-top:10px;margin-top:4px}.custom-split-v5 summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--green);list-style:none}.custom-split-v5 summary::-webkit-details-marker{display:none}.custom-split-grid-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.custom-split-grid-v5 label{font-size:11px}.custom-split-grid-v5 label span{display:block;margin-bottom:5px}.custom-split-grid-v5 input{padding:10px 11px}
.story-hero-v5{min-height:390px;border-radius:32px;position:relative;overflow:hidden;padding:44px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#174F44,#4B9A60);color:#fff}.story-hero-v5>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-shade{position:absolute;inset:0;background:linear-gradient(90deg,#123d37eb 0%,#153f38b5 44%,#122f2f50 100%)}.story-hero-v5>div:last-child{position:relative;z-index:2}.story-hero-v5 h2{font-size:48px;line-height:1.05;margin:11px 0}.story-hero-v5 p{opacity:.8}.story-stats{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.story-stats span{min-width:120px;padding:13px 16px;border:1px solid #ffffff25;background:#ffffff12;border-radius:17px}.story-stats b,.story-stats small{display:block}.story-stats b{font-size:19px}.story-stats small{font-size:10px;opacity:.75;margin-top:3px}.story-layout-v5{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:22px;margin-top:24px}.story-layout-v5>aside{display:grid;gap:18px;align-content:start}.story-days-v5{display:grid;gap:12px}.story-day-v5{background:#fff;border:1px solid var(--line);border-radius:23px;padding:20px}.story-day-v5 header{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:13px}.story-day-v5 header>span{padding:8px 10px;border-radius:11px;background:#E0EEE8;color:#69D7D0;font-size:10px;font-weight:800}.story-day-v5 h3{margin:0;font-size:18px}.story-day-v5 small{color:var(--muted)}.story-stop-line{display:grid;gap:5px}.story-stop-line>div{display:flex;align-items:center;gap:11px;padding:9px;border-radius:13px}.story-stop-line>div.done{background:#F3F8F5}.story-stop-line>div>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#EDF3F0}.story-stop-line b,.story-stop-line small{display:block}.story-stop-line small{font-size:10px;margin-top:2px}.story-photo-grid-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.story-photo-grid-v5 a{aspect-ratio:1;border-radius:11px;overflow:hidden}.story-photo-grid-v5 img{width:100%;height:100%;object-fit:cover}.story-journal-v5>div{padding:12px 0;border-top:1px solid var(--line)}.story-journal-v5>div:first-of-type{border-top:0}.story-journal-v5 small,.story-journal-v5 b{display:block}.story-journal-v5 small{color:var(--muted);font-size:10px}.story-journal-v5 b{margin-top:3px}.story-journal-v5 p{font-size:12px;line-height:1.55;color:#59655F;margin:5px 0 0}
@media(max-width:980px){.task-layout-v5,.story-layout-v5{grid-template-columns:1fr}.task-hero-v5{align-items:flex-start;flex-direction:column}.task-kpis-v5{width:100%}.task-kpis-v5 span{flex:1}.custom-split-grid-v5{grid-template-columns:repeat(2,1fr)}.story-hero-v5{padding:28px;min-height:330px}.story-hero-v5 h2{font-size:38px}}
@media(max-width:620px){.task-hero-v5{padding:22px;border-radius:23px}.task-hero-v5 h2{font-size:28px}.task-kpis-v5{gap:6px}.task-kpis-v5 span{min-width:0;padding:10px 8px}.task-row-v5{grid-template-columns:8px 1fr}.task-actions-v5{grid-column:2;flex-wrap:wrap}.split-card-v5{grid-template-columns:1fr!important}.split-basic-actions-v5{grid-column:1;flex-wrap:wrap}.custom-split-grid-v5{grid-template-columns:1fr}.story-hero-v5{min-height:300px;padding:22px;border-radius:24px}.story-hero-v5 h2{font-size:32px}.story-stats span{min-width:calc(50% - 5px);flex:1}.story-photo-grid-v5{grid-template-columns:repeat(3,1fr)}}


/* ===== TRIPLOOM V6 ===== */
.v6-command-hero,.v6-tools-hero{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;padding:34px 38px;margin-bottom:22px;border-radius:28px;background:linear-gradient(135deg,#153F38,#4B9A60);color:#fff;overflow:hidden;position:relative}.v6-command-hero:after,.v6-tools-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-140px;background:rgba(255,255,255,.08)}.v6-command-hero h2,.v6-tools-hero h2{font-size:34px;line-height:1.08;margin:7px 0 10px}.v6-command-hero p,.v6-tools-hero p{max-width:680px;color:rgba(255,255,255,.78);margin:0}.v6-command-score,.v6-health-number{min-width:145px;text-align:center;padding:18px 22px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);z-index:1}.v6-command-score b,.v6-health-number b{display:block;font-size:42px;line-height:1}.v6-command-score small,.v6-health-number small{display:block;margin-top:5px;color:rgba(255,255,255,.78)}.v6-command-score span{display:block;margin-top:10px;font-size:11px;color:#D8F2E8}.v6-inbox-layout,.v6-vault-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:18px;margin-bottom:18px}.v6-inbox-list,.v6-doc-list,.v6-contact-list{display:grid;gap:10px}.v6-inbox-row{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #E2E9E5;border-radius:18px;background:#fff}.v6-inbox-row.status-done{opacity:.62}.v6-kind{font-size:11px;font-weight:800;padding:8px 10px;border-radius:999px;background:#EDF6F2;color:#226554;text-align:center}.v6-inbox-row p{font-size:13px;color:#66726D;margin:5px 0}.v6-inbox-row a{font-size:12px;font-weight:700}.v6-row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.v6-row-actions form{margin:0}.v6-row-actions .btn{padding:9px 12px;font-size:12px}.v6-readiness{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:25px;margin-bottom:18px;border:1px solid #DCE7E2;border-radius:24px;background:linear-gradient(135deg,#fff,#F4FAF7)}.v6-ready-ring{width:132px;height:132px;border-radius:50%;display:grid;place-content:center;text-align:center;border:12px solid #D8ECE4;background:#fff}.v6-ready-ring.tone-green{border-color:#55A98C}.v6-ready-ring.tone-peach{border-color:#F1B87C}.v6-ready-ring.tone-red{border-color:#DF8B85}.v6-ready-ring b{font-size:38px;line-height:1}.v6-ready-ring small{font-size:10px;letter-spacing:.14em;margin-top:4px}.v6-ready-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:13px}.v6-ready-bars>div{display:grid;grid-template-columns:80px 1fr 45px;align-items:center;gap:8px;font-size:11px}.v6-ready-bars i{height:7px;border-radius:99px;background:#E7EEEB;overflow:hidden}.v6-ready-bars i b{display:block;height:100%;background:#4B9A60;border-radius:99px}.v6-ready-bars em{font-style:normal;text-align:right;color:#77817D}.v6-warning-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.v6-warning-pills span{padding:7px 9px;border-radius:10px;background:#FFF1E5;color:#C96C38;font-size:11px}.v6-doc-list article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid #E2E9E5;border-radius:16px;padding:14px}.v6-doc-list article>span svg{width:24px;height:24px;stroke:#4B9A60;fill:none;stroke-width:1.8}.v6-doc-list article small,.v6-doc-list article p{display:block;color:#78817D;font-size:11px;margin:2px 0}.v6-doc-list article.expired{border-color:#E9AAA5;background:#FFF8F7}.v6-doc-list article>div:last-child{display:flex;gap:7px;align-items:center}.v6-contact-list article{display:grid;grid-template-columns:36px 1fr auto auto;gap:10px;align-items:center;padding:13px;border:1px solid #E2E9E5;border-radius:16px}.v6-contact-list article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#EDF6F2}.v6-contact-list small,.v6-contact-list p{display:block;font-size:11px;color:#77817D;margin:2px 0}.v6-contact-list a{font-weight:800}.v6-tool-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.v6-tool-kpis>a,.v6-tool-kpis>span{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid #DFE8E4;border-radius:18px;background:#fff;color:inherit}.v6-tool-kpis>a>span,.v6-tool-kpis>span>span{width:42px;height:42px;border-radius:13px;background:#EDF6F2;display:grid;place-items:center;color:#4B9A60;font-weight:800}.v6-tool-kpis b{display:block;font-size:22px}.v6-tool-kpis small{color:#76817C}.v6-ready-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:24px}.v6-ready-card{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px;border:1px solid #DFE8E4;border-radius:18px;background:#fff;color:inherit}.v6-ready-card strong{font-size:28px}.v6-ready-card i{grid-column:1/-1;height:7px;background:#E6EEEA;border-radius:99px;overflow:hidden}.v6-ready-card i b{display:block;height:100%;background:#4A9B82}.v6-ready-card.tone-peach i b{background:#FF9B5E}.v6-ready-card.tone-red i b{background:#D57B75}.v6-ready-card p{font-size:11px;color:#7A847F;margin:3px 0 0}.v6-tools-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.v6-audit-list{display:grid;gap:8px}.v6-audit-list a{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:14px;background:#F7FAF8;color:inherit}.v6-audit-list a>span{width:32px;height:32px;border-radius:10px;background:#FFF0E8;display:grid;place-items:center;color:#C96C38;font-weight:800}.v6-audit-list small{display:block;color:#7B847F;font-size:11px}.v6-duplicate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.v6-duplicate-grid>div{padding:14px;border:1px solid #E1E8E5;border-radius:15px}.v6-duplicate-grid span{float:right;font-size:11px;font-weight:800;padding:4px 7px;background:#FFF0E8;border-radius:8px}.v6-duplicate-grid b,.v6-duplicate-grid small{display:block}.v6-duplicate-grid small{color:#7A847F;margin-top:4px}.trip-header-stats{flex-wrap:wrap}
@media(max-width:900px){.v6-command-hero,.v6-tools-hero{align-items:flex-start}.v6-inbox-layout,.v6-vault-grid,.v6-tools-columns{grid-template-columns:1fr}.v6-tool-kpis{grid-template-columns:repeat(2,1fr)}.v6-ready-bars{grid-template-columns:1fr}}
@media(max-width:600px){.v6-command-hero,.v6-tools-hero{padding:24px;display:block}.v6-command-hero h2,.v6-tools-hero h2{font-size:28px}.v6-command-score,.v6-health-number{margin-top:18px;display:inline-block}.v6-inbox-row{grid-template-columns:1fr}.v6-kind{justify-self:start}.v6-row-actions{justify-content:flex-start}.v6-readiness{grid-template-columns:1fr}.v6-ready-ring{width:110px;height:110px}.v6-ready-bars{grid-template-columns:1fr}.v6-tool-kpis{grid-template-columns:1fr 1fr}.v6-doc-list article{grid-template-columns:36px 1fr}.v6-doc-list article>div:last-child{grid-column:1/-1}.v6-contact-list article{grid-template-columns:34px 1fr}.v6-contact-list article>a,.v6-contact-list article>form{grid-column:auto}}

/* ===== TRIPLOOM V7 · Google Maps + Photo Library ===== */
.v7-place-map-card{overflow:hidden}.v7-place-map-frame{height:380px;border-radius:20px;overflow:hidden;background:#EDF2EF}.v7-place-map-frame iframe{width:100%;height:100%;border:0;display:block}
.v7-map-hero{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:34px 38px;margin-bottom:20px;border-radius:28px;background:linear-gradient(135deg,#173D35,#4B9A60);color:#fff;position:relative;overflow:hidden}.v7-map-hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-180px;background:rgba(255,255,255,.08)}.v7-map-hero h2{font-size:36px;line-height:1.06;margin:7px 0 10px}.v7-map-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.78)}.v7-map-hero-actions{display:flex;align-items:center;gap:12px;z-index:1}.v7-map-hero-actions>span{min-width:105px;padding:12px 15px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);text-align:center}.v7-map-hero-actions b,.v7-map-hero-actions small{display:block}.v7-map-hero-actions b{font-size:27px}.v7-map-hero-actions small{font-size:10px;opacity:.78}.v7-google-map-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.6fr);gap:18px}.v7-google-map-panel{min-width:0}.v7-map-day-filter{display:flex;gap:7px;overflow:auto;padding-bottom:12px}.v7-map-day-filter button{border:0;padding:9px 13px;border-radius:999px;background:#EEF3F0;color:#596761;font-weight:800;font-size:11px;white-space:nowrap;cursor:pointer}.v7-map-day-filter button.active{background:#4B9A60;color:#fff}.v7-google-frame-wrap{height:560px;position:relative;border-radius:22px;overflow:hidden;background:#EEF3F0;border:1px solid #DCE5E1}.v7-google-frame-wrap iframe{width:100%;height:100%;border:0;display:block}.v7-map-focus-card{position:absolute;left:16px;right:16px;bottom:16px;padding:13px 15px;border-radius:17px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 12px 36px rgba(23,57,49,.16);display:flex;align-items:center;justify-content:space-between;gap:15px}.v7-map-focus-card small,.v7-map-focus-card b{display:block}.v7-map-focus-card small{font-size:9px;letter-spacing:.12em;color:#71807A;font-weight:800}.v7-map-focus-card b{font-size:15px;margin-top:3px}.v7-map-focus-card a{font-size:12px;font-weight:800}.v7-map-route-panel{align-self:start}.v7-map-stop-list{display:grid;gap:8px;max-height:680px;overflow:auto}.v7-map-stop{width:100%;display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;text-align:left;padding:11px;border:1px solid #E1E8E4;border-radius:14px;background:#fff;color:inherit;cursor:pointer}.v7-map-stop>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#EDF5F1;color:#4B9A60;font-weight:800}.v7-map-stop b,.v7-map-stop small{display:block}.v7-map-stop b{font-size:12px}.v7-map-stop small{font-size:10px;color:#78847E;margin-top:2px}.v7-map-stop i{font-style:normal;color:#97A39D}.v7-map-stop.active{border-color:#6DA792;background:#F2F9F6}.v7-map-stop.active>span{background:#4B9A60;color:#fff}.v7-day-route-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 14px;border-radius:15px;background:#F5F8F6}.v7-day-route-links>b{font-size:12px}.v7-day-route-links>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v7-day-route-links a{padding:7px 9px;border-radius:9px;background:#fff;font-size:10px;font-weight:800}.v7-map-empty{min-height:360px;display:grid;place-items:center;text-align:center}
.v7-photo-hero{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;padding:34px 38px;margin-bottom:18px;border-radius:28px;background:linear-gradient(135deg,#403829,#82735A);color:#fff;position:relative;overflow:hidden}.v7-photo-hero:after{content:"";position:absolute;right:-80px;top:-150px;width:290px;height:290px;border-radius:50%;background:rgba(255,255,255,.08)}.v7-photo-hero h2{font-size:37px;line-height:1.05;margin:7px 0 10px}.v7-photo-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.76)}.v7-photo-hero-stats{display:grid;grid-template-columns:repeat(2,100px);gap:8px;z-index:1}.v7-photo-hero-stats span{padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}.v7-photo-hero-stats b,.v7-photo-hero-stats small{display:block}.v7-photo-hero-stats b{font-size:22px}.v7-photo-hero-stats small{font-size:9px;opacity:.78}.v7-photo-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:17px 0}.v7-photo-actions>div{display:flex;gap:8px;flex-wrap:wrap}.v7-photo-filter{overflow:auto;justify-content:flex-end}.v7-photo-filter button{border:0;border-radius:999px;padding:9px 12px;background:#EDF3F0;color:#59655F;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.v7-photo-filter button.active{background:#4B9A60;color:#fff}.v7-album-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:18px}.v7-album-strip article{position:relative;display:grid;grid-template-columns:1fr auto;border:1px solid #E0E7E3;background:#fff;border-radius:18px;overflow:hidden}.v7-album-main{border:0;background:transparent;display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center;text-align:left;padding:10px;color:inherit;cursor:pointer}.v7-album-main img,.v7-album-main>span{width:58px;height:52px;border-radius:12px;object-fit:cover;background:#EDF3EF;display:grid;place-items:center}.v7-album-main b,.v7-album-main small{display:block}.v7-album-main b{font-size:13px}.v7-album-main small{font-size:10px;color:#77827C;margin-top:3px}.v7-album-strip form{align-self:start;margin:8px 7px 0 0}.v7-trip-photo-grid{columns:4 220px;column-gap:12px}.v7-photo-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 12px;border:1px solid #DFE7E3;border-radius:19px;overflow:hidden;background:#fff;position:relative}.v7-photo-card[hidden]{display:none!important}.v7-photo-card.is-cover{box-shadow:0 0 0 2px #D7A967 inset}.v7-photo-open{display:block;width:100%;border:0;padding:0;background:#EEF2EF;position:relative;cursor:zoom-in}.v7-photo-open img{display:block;width:100%;height:auto;min-height:150px;object-fit:cover}.v7-photo-zoom{position:absolute;right:10px;bottom:10px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:rgba(20,42,35,.72);color:#fff;opacity:0;transition:.2s}.v7-photo-card:hover .v7-photo-zoom{opacity:1}.v7-photo-badges{position:absolute;left:9px;top:9px;display:flex;gap:5px;pointer-events:none}.v7-photo-badges span{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.92);font-size:8px;font-weight:800;letter-spacing:.05em}.v7-photo-badges .cover{background:#F6DEAA;color:#6A5227}.v7-photo-badges .favorite{background:#FFF0EC;color:#B83B49;font-size:11px}.v7-photo-copy{padding:11px 12px 7px}.v7-photo-copy b,.v7-photo-copy small{display:block}.v7-photo-copy b{font-size:12px}.v7-photo-copy small{font-size:9px;color:#7C8581;margin-top:3px}.v7-photo-card-actions{display:flex;gap:5px;padding:6px 9px 10px}.v7-photo-card-actions form{margin:0}.v7-photo-card-actions button{width:31px;height:31px;border:0;border-radius:10px;background:#EFF4F1;color:#4C5C55;display:grid;place-items:center;cursor:pointer;font-weight:800}.v7-photo-card-actions button:hover{background:#DFECE6}.v7-photo-card-actions .danger{color:#B83B49;background:#FFF0EF}.v7-photo-no-result{padding:45px;text-align:center;color:#77837D;border:1px dashed #CCD9D3;border-radius:20px}.v7-lightbox{display:none;position:fixed;inset:0;z-index:2000;background:rgba(10,15,13,.94);align-items:center;justify-content:center;padding:30px}.v7-lightbox.open{display:flex}.v7-lightbox figure{margin:0;max-width:min(1200px,88vw);max-height:90vh;display:flex;flex-direction:column;align-items:center}.v7-lightbox figure img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 70px #0008}.v7-lightbox figcaption{color:#fff;text-align:center;padding:13px}.v7-lightbox figcaption b,.v7-lightbox figcaption small{display:block}.v7-lightbox figcaption small{opacity:.66;margin-top:4px}.v7-lightbox-close,.v7-lightbox-nav{position:absolute;border:0;background:#ffffff16;color:#fff;cursor:pointer;backdrop-filter:blur(6px)}.v7-lightbox-close{right:22px;top:20px;width:43px;height:43px;border-radius:50%;font-size:26px}.v7-lightbox-nav{top:50%;transform:translateY(-50%);width:48px;height:66px;border-radius:17px;font-size:38px}.v7-lightbox-nav.prev{left:22px}.v7-lightbox-nav.next{right:22px}
@media(max-width:980px){.v7-google-map-layout{grid-template-columns:1fr}.v7-map-route-panel{order:-1}.v7-map-stop-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}.v7-map-hero,.v7-photo-hero{align-items:flex-start;flex-direction:column}.v7-photo-actions{align-items:flex-start;flex-direction:column}.v7-photo-filter{justify-content:flex-start;width:100%;flex-wrap:nowrap}.v7-trip-photo-grid{columns:3 190px}}
@media(max-width:620px){.v7-place-map-frame{height:300px}.v7-map-hero,.v7-photo-hero{padding:24px;border-radius:23px}.v7-map-hero h2,.v7-photo-hero h2{font-size:29px}.v7-map-hero-actions{width:100%;align-items:stretch}.v7-map-hero-actions .btn{flex:1}.v7-google-frame-wrap{height:430px}.v7-map-focus-card{left:9px;right:9px;bottom:9px;align-items:flex-start}.v7-map-stop-list{grid-template-columns:1fr}.v7-day-route-links{align-items:flex-start;flex-direction:column}.v7-day-route-links>div{justify-content:flex-start}.v7-photo-hero-stats{grid-template-columns:repeat(4,1fr);width:100%}.v7-photo-hero-stats span{padding:9px}.v7-photo-hero-stats b{font-size:18px}.v7-album-strip{grid-template-columns:1fr}.v7-trip-photo-grid{columns:2 145px;column-gap:8px}.v7-photo-card{margin-bottom:8px;border-radius:15px}.v7-photo-copy{padding:9px 9px 5px}.v7-photo-card-actions{padding:5px 7px 8px}.v7-photo-card-actions button{width:29px;height:29px}.v7-lightbox{padding:12px}.v7-lightbox-nav{width:40px;height:55px}.v7-lightbox-nav.prev{left:8px}.v7-lightbox-nav.next{right:8px}.v7-lightbox-close{right:10px;top:10px}}


/* ===== PUY TRAVEL V10 · ACCOUNT CENTER ===== */
.v8-auth-page .auth-art{overflow:hidden}.v8-auth-ranks{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.v8-auth-ranks span{font-size:11px;font-weight:700;padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.v8-auth-card{max-height:calc(100vh - 40px);overflow:auto}.auth-helper-row{display:flex;justify-content:flex-end;margin-top:-4px}.auth-helper-row a,.auth-switch a{color:var(--green,#69D7D0);font-weight:700;text-decoration:none}.auth-switch{text-align:center;margin-top:18px;font-size:13px;color:#6B756F}.password-hint{display:block;margin-top:-5px;color:#7A857F}.auth-terms{align-items:flex-start!important;font-size:12px;line-height:1.5}.auth-terms input{margin-top:3px;flex:0 0 auto}
.v8-settings-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.v8-settings-nav{position:sticky;top:20px;padding:14px}.v8-profile-mini{display:flex;align-items:center;gap:11px;padding:8px 6px 16px;border-bottom:1px solid #EDF0EE;margin-bottom:10px}.v8-profile-mini>span,.v8-profile-mini>img{width:46px;height:46px;border-radius:16px;object-fit:cover;display:grid;place-items:center;background:#DFEEE8;color:#69D7D0;font-weight:800;font-size:18px}.v8-profile-mini div{min-width:0}.v8-profile-mini b,.v8-profile-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v8-profile-mini small{font-size:10px;color:#79847E;margin-top:3px}.v8-settings-nav nav{display:grid;gap:5px}.v8-settings-nav nav a{padding:11px 12px;border-radius:13px;text-decoration:none;color:#54605A;font-size:13px;font-weight:600}.v8-settings-nav nav a:hover,.v8-settings-nav nav a.active{background:#EDF6F2;color:#69D7D0}.v8-settings-main{min-width:0;display:grid;gap:16px}.v8-avatar-row{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid #E7ECE9;background:#FAFCFB;border-radius:18px}.v8-avatar-row>span,.v8-avatar-row>img{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;object-fit:cover;background:#DFEEE8;color:#69D7D0;font-size:27px;font-weight:800}.v8-avatar-row label{flex:1;margin:0}.v8-rank-hero{border-radius:26px;padding:28px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#69D7D0,#249D98)}.v8-rank-hero:after{content:'✦';position:absolute;right:18%;top:-32px;font-size:150px;opacity:.07}.v8-rank-hero h2{font-size:30px;margin:5px 0 8px}.v8-rank-hero p{opacity:.9;margin:0 0 17px}.v8-rank-hero>strong{font-size:34px;white-space:nowrap}.v8-rank-hero>strong small{font-size:12px}.v8-rank-hero.rank-backpacker{background:linear-gradient(135deg,#476A3F,#8CA05D)}.v8-rank-hero.rank-road{background:linear-gradient(135deg,#C96C38,#FF9B5E)}.v8-rank-hero.rank-master{background:linear-gradient(135deg,#249D98,#6178BD)}.v8-rank-hero.rank-legend{background:linear-gradient(135deg,#191B22,#8A6712)}.v8-xpbar{height:9px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;max-width:520px}.v8-xpbar i{display:block;height:100%;border-radius:inherit;background:#fff}.v8-rank-road{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.v8-rank-road>div{padding:16px 12px;border-radius:18px;border:1px solid #E6EBE8;text-align:center;background:#FBFCFB}.v8-rank-road span{display:block;font-size:27px;margin-bottom:7px}.v8-rank-road b,.v8-rank-road small{display:block}.v8-rank-road small{font-size:10px;color:#7D8882;margin-top:4px}.v8-rank-road .locked{filter:grayscale(1);opacity:.45}.v8-rank-road .unlocked{border-color:#BDD8CC;background:#F0F8F4}.v8-xp-list{display:grid;gap:9px}.v8-xp-list>div{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid #EDF0EE;border-radius:15px}.v8-xp-list>div>span{min-width:72px;text-align:center;padding:7px 9px;border-radius:999px;font-size:11px;font-weight:800}.v8-xp-list .plus{background:#E7F5EE;color:#1B6B4E}.v8-xp-list .minus{background:#FFF0EF;color:#B83B49}.v8-xp-list b,.v8-xp-list small{display:block}.v8-xp-list small{font-size:10px;color:#89928D;margin-top:2px}.settings-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v8-account-list{display:grid;gap:10px}.v8-account-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #E7ECE9;border-radius:18px}.v8-account-ident{display:flex;align-items:center;gap:10px;min-width:0}.v8-account-ident>span,.v8-account-ident>img{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;object-fit:cover;background:#E3F0EB;color:#69D7D0;font-weight:800}.v8-account-ident div{min-width:0}.v8-account-ident b,.v8-account-ident small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v8-account-ident small{font-size:10px;color:#7B8680;margin-top:3px}.v8-account-controls{display:flex;align-items:center;gap:7px}.v8-account-controls select{width:auto;min-width:118px;padding:9px 28px 9px 10px;font-size:11px}.v8-mail-list{display:grid;gap:8px}.v8-mail-list details{border:1px solid #E7ECE9;border-radius:15px;padding:11px 13px}.v8-mail-list summary{cursor:pointer}.v8-mail-list summary b,.v8-mail-list summary small{display:block}.v8-mail-list summary small{font-size:10px;color:#7D8782}.v8-mail-list pre{white-space:pre-wrap;word-break:break-word;background:#F6F8F7;padding:12px;border-radius:12px;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.avatar-img{overflow:hidden}.avatar-img img{width:100%;height:100%;object-fit:cover}.side-footer .user-chip small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.v8-settings-shell{grid-template-columns:1fr}.v8-settings-nav{position:static;padding:10px}.v8-settings-nav nav{display:flex;overflow:auto;gap:6px;padding-bottom:3px}.v8-settings-nav nav a{white-space:nowrap}.v8-profile-mini{display:none}.v8-rank-road{grid-template-columns:1fr 1fr}.settings-security-grid{grid-template-columns:1fr}.v8-account-list article{align-items:flex-start;flex-direction:column}.v8-account-controls{width:100%;flex-wrap:wrap}.v8-account-controls select{flex:1;min-width:130px}}
@media(max-width:560px){.v8-rank-hero{padding:22px;align-items:flex-start;flex-direction:column}.v8-rank-hero h2{font-size:25px}.v8-rank-hero>strong{font-size:28px}.v8-rank-road{grid-template-columns:1fr}.v8-avatar-row{align-items:flex-start}.v8-auth-card{max-height:none}.v8-auth-ranks{display:none}}

.v8-dashboard-rank{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:16px 18px;border-radius:21px;background:#fff;border:1px solid #E5EBE8;text-decoration:none;color:#26332E;box-shadow:0 8px 26px rgba(22,77,67,.05)}.v8-dashboard-rank-icon{width:48px;height:48px;border-radius:16px;background:#E8F3EF;display:grid;place-items:center;font-size:24px}.v8-dashboard-rank>div{flex:1;min-width:0}.v8-dashboard-rank h3{margin:2px 0 7px;font-size:16px}.v8-dashboard-rank h3 small{font-size:11px;color:#68766F;margin-left:5px}.v8-dashboard-rank i{display:block;height:6px;background:#EDF1EF;border-radius:999px;overflow:hidden}.v8-dashboard-rank i b{display:block;height:100%;background:#249D98;border-radius:inherit}.v8-dashboard-rank p{font-size:10px;color:#78847E;margin:6px 0 0}.v8-dashboard-rank>strong{font-size:20px;color:#507167}

/* ===== PUY TRAVEL V10 · VERIFIED TRAVEL ===== */
.btn-checkin-v9{background:linear-gradient(135deg,#166B57,#4B9A60)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(22,107,87,.18)}
.btn-checkin-v9:hover{transform:translateY(-1px);box-shadow:0 11px 25px rgba(22,107,87,.24)}
.btn-verified{background:#E6F5EE!important;color:#17654F!important;border-color:#BFDFD2!important;cursor:default!important;opacity:1!important}.v9-checkin-link,.v9-verified-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;text-decoration:none}.v9-checkin-link{background:#EAF5F1;color:#176853}.v9-verified-link{background:#E8F7EC;color:#4B9A60}
.v9-checkin-place-config{padding:14px;border:1px solid #DCEAE4;background:#F7FBF9;border-radius:17px}.v9-checkin-place-config .check-line{margin:0 0 10px}
.v9-checkin-modal .modal-card{max-width:560px}.v9-checkin-privacy{display:flex;gap:11px;padding:13px 14px;border-radius:16px;background:#F1F7F4;color:#4E625A;font-size:12px;line-height:1.55;margin:12px 0}.v9-checkin-privacy span{font-size:18px;flex:0 0 auto}.v9-checkin-progress{text-align:center;padding:22px 8px}.v9-gps-ring{width:92px;height:92px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#fff 42%,transparent 44%),conic-gradient(#4B9A60 var(--gps,28%),#DFE9E5 0);box-shadow:0 0 0 9px #F2F8F5}.v9-gps-ring:after{content:'⌖';font-size:31px;color:#1C6C57}.v9-checkin-progress.is-loading .v9-gps-ring{animation:v9gps 1.25s linear infinite}@keyframes v9gps{to{transform:rotate(360deg)}}.v9-checkin-progress h3{margin:8px 0 5px}.v9-checkin-progress p{color:var(--muted);font-size:12px;line-height:1.5}.v9-checkin-result{border-radius:22px;padding:21px;margin-top:14px;text-align:center}.v9-checkin-result.verified{background:linear-gradient(145deg,#E9F8F1,#F8FFFB);border:1px solid #BFE4D3}.v9-checkin-result.suspicious{background:#FFF8E7;border:1px solid #EDD89F}.v9-checkin-result.rejected{background:#FFF0EF;border:1px solid #EDC5C0}.v9-checkin-result .result-icon{font-size:43px;display:block;margin-bottom:8px}.v9-checkin-result h3{font-size:22px;margin:3px 0 7px}.v9-checkin-result>p{margin:0;color:#67736D}.v9-checkin-total{margin:16px auto 8px;padding:13px 16px;border-radius:17px;background:#fff;max-width:360px;box-shadow:0 7px 22px rgba(31,92,72,.08)}.v9-checkin-total b{display:block;font-size:28px;color:#176B52}.v9-checkin-total small{display:block;color:#718079}.v9-xp-breakdown{display:grid;gap:6px;max-width:390px;margin:12px auto}.v9-xp-breakdown span{display:flex;justify-content:space-between;gap:15px;padding:8px 10px;border-bottom:1px dashed #D8E5DF;font-size:12px}.v9-checkin-rank{font-weight:800;color:#284D41;margin-top:13px}
.v9-rank-hero{position:relative;overflow:hidden;border-radius:28px;padding:30px;background:linear-gradient(135deg,#123F36,#4B9A60);color:#fff;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.v9-rank-hero:after{content:'⌖';position:absolute;right:18%;top:-55px;font-size:190px;opacity:.055;transform:rotate(10deg)}.v9-rank-hero h2{font-size:34px;margin:5px 0 8px}.v9-rank-hero p{opacity:.82}.v9-rank-hero>strong{font-size:34px;position:relative;z-index:1}.v9-rank-xpbar{height:10px;max-width:580px;background:#ffffff25;border-radius:99px;overflow:hidden;margin:16px 0 7px}.v9-rank-xpbar i{display:block;height:100%;background:#fff;border-radius:inherit}.v9-profile-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px 0}.v9-profile-stat-grid article{padding:15px 12px;border:1px solid #E4EBE7;border-radius:18px;background:#FBFDFC}.v9-profile-stat-grid b,.v9-profile-stat-grid small{display:block}.v9-profile-stat-grid b{font-size:22px;color:#214E42}.v9-profile-stat-grid small{font-size:10px;color:#7A8780;margin-top:4px}.v9-requirements{display:grid;gap:9px;margin-top:14px}.v9-requirements article{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,2fr) auto;gap:12px;align-items:center;padding:11px 12px;border-radius:15px;background:#F8FAF9;border:1px solid #E8ECEA}.v9-requirements article>span{font-size:12px;font-weight:700}.v9-requirements article>i{height:7px;background:#E3EAE6;border-radius:99px;overflow:hidden}.v9-requirements article>i b{display:block;height:100%;background:#4B9A60;border-radius:inherit}.v9-requirements article>strong{font-size:11px;white-space:nowrap}.v9-rank-road{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.v9-rank-road article{border:1px solid #E3E9E6;border-radius:18px;padding:15px;background:#fff}.v9-rank-road article.current{border-color:#8BC0AD;background:#F0F8F4;box-shadow:0 7px 24px rgba(32,100,78,.08)}.v9-rank-road b,.v9-rank-road small{display:block}.v9-rank-road small{color:#7C8983;font-size:10px;margin-top:4px;line-height:1.45}.v9-xp-invalid{opacity:.52;text-decoration:none}.v9-xp-invalid .plus,.v9-xp-invalid .minus{background:#EEF1EF!important;color:#66716C!important}.v9-verified-note{padding:13px 14px;border-radius:15px;background:#EEF7F3;border-left:4px solid #4B9A60;color:#496057;font-size:12px;line-height:1.55}
.v9-level-admin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}.v9-level-admin-grid article{padding:14px;border:1px solid #E4EAE7;border-radius:18px;background:#FBFDFC}.v9-level-admin-grid header{display:flex;gap:9px;align-items:center;margin-bottom:12px}.v9-level-admin-grid header>span{font-size:23px}.v9-level-admin-grid header b,.v9-level-admin-grid header small{display:block}.v9-level-admin-grid header small{font-size:9px;color:#839089}.v9-level-admin-grid label{font-size:10px}.v9-level-admin-grid input{padding:10px;margin-top:5px}.v9-xp-rule-grid,.v9-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v9-xp-rule-grid label,.v9-rule-grid label{padding:12px;border:1px solid #E6ECE9;background:#FBFCFB;border-radius:16px}.v9-xp-rule-grid small,.v9-rule-grid small{display:block;color:#849089;font-size:9px;margin-top:4px}.v9-log-filters{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr)) auto auto;gap:8px;margin:14px 0 18px}.v9-log-filters select,.v9-log-filters input{min-width:0}.v9-checkin-log{display:grid;gap:11px}.v9-checkin-log>article{padding:16px;border:1px solid #E3E9E6;border-radius:20px;background:#fff;box-shadow:0 7px 22px rgba(25,62,50,.035)}.v9-checkin-log>article.status-verified{border-left:5px solid #4B9A60}.v9-checkin-log>article.status-suspicious,.v9-checkin-log>article.status-pending{border-left:5px solid #FFD15C}.v9-checkin-log>article.status-rejected{border-left:5px solid #E25563}.v9-log-main{display:flex;gap:11px;align-items:flex-start}.v9-status-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:#7F938B;box-shadow:0 0 0 5px #EDF2EF}.status-verified .v9-status-dot{background:#4B9A60}.status-suspicious .v9-status-dot,.status-pending .v9-status-dot{background:#FFD15C}.status-rejected .v9-status-dot{background:#E25563}.v9-log-main b,.v9-log-main small,.v9-log-main p{display:block}.v9-log-main small{color:#7F8B85;font-size:10px}.v9-log-main b{font-size:16px;margin-top:2px}.v9-log-main p{font-size:11px;color:#6D7973;margin:3px 0 0}.v9-log-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:13px 0}.v9-log-metrics span{padding:9px 10px;border-radius:13px;background:#F6F8F7}.v9-log-metrics small,.v9-log-metrics b{display:block}.v9-log-metrics small{font-size:9px;color:#87928C}.v9-log-metrics b{font-size:12px;margin-top:2px}.v9-checkin-log details{margin:10px 0;padding:10px 12px;border-radius:13px;background:#F7F9F8;font-size:11px}.v9-checkin-log details code{display:block;white-space:pre-wrap;word-break:break-word;margin-top:7px;font-size:9px;color:#647069}.v9-review-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.v9-review-actions input[name=note]{flex:1;min-width:210px}.v9-review-actions .check-line{font-size:10px;margin:0}.v9-recalc-user{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v9-recalc-user .check-line{font-size:9px;margin:0;color:#7B8781}
.v9-footprint-hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,#143E36,#336C5D);color:#fff;margin-bottom:17px}.v9-footprint-hero h2{font-size:34px;margin:5px 0 8px}.v9-footprint-hero p{opacity:.8;max-width:620px}.v9-footprint-score{display:grid;grid-template-columns:repeat(3,100px);gap:8px}.v9-footprint-score span{padding:13px;border:1px solid #ffffff24;background:#ffffff10;border-radius:18px;text-align:center}.v9-footprint-score b,.v9-footprint-score small{display:block}.v9-footprint-score b{font-size:23px}.v9-footprint-score small{font-size:9px;opacity:.75}.v9-footprint-map{height:520px;border-radius:23px;overflow:hidden;background:#EAF0ED}.v9-collection-list{display:flex;flex-wrap:wrap;gap:8px}.v9-collection-list span{padding:8px 11px;border:1px solid #DFE8E3;border-radius:999px;background:#F6FAF8;font-size:11px;font-weight:700}.v9-footprint-list{display:grid;gap:8px}.v9-footprint-list article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #E5EBE8;border-radius:17px}.v9-footprint-list .fp-icon{width:39px;height:39px;border-radius:13px;background:#E8F4EF;display:grid;place-items:center}.v9-footprint-list b,.v9-footprint-list small{display:block}.v9-footprint-list small{font-size:10px;color:#7B8781;margin-top:2px}
@media(max-width:1200px){.v9-level-admin-grid{grid-template-columns:repeat(3,1fr)}.v9-xp-rule-grid,.v9-rule-grid{grid-template-columns:repeat(3,1fr)}.v9-log-filters{grid-template-columns:repeat(4,minmax(130px,1fr))}.v9-profile-stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.v9-rank-road{grid-template-columns:1fr 1fr}.v9-level-admin-grid{grid-template-columns:1fr 1fr}.v9-xp-rule-grid,.v9-rule-grid{grid-template-columns:1fr 1fr}.v9-log-filters{grid-template-columns:1fr 1fr}.v9-log-metrics{grid-template-columns:repeat(3,1fr)}.v9-footprint-hero{grid-template-columns:1fr}.v9-footprint-score{grid-template-columns:repeat(3,1fr)}.v9-footprint-map{height:430px}.v9-recalc-user{width:100%}}
@media(max-width:600px){.v9-rank-hero{grid-template-columns:1fr;padding:23px}.v9-rank-hero h2,.v9-footprint-hero h2{font-size:27px}.v9-rank-hero>strong{font-size:28px}.v9-profile-stat-grid{grid-template-columns:1fr 1fr}.v9-requirements article{grid-template-columns:1fr auto}.v9-requirements article>i{grid-column:1/-1;grid-row:2}.v9-rank-road,.v9-level-admin-grid,.v9-xp-rule-grid,.v9-rule-grid,.v9-log-filters{grid-template-columns:1fr}.v9-log-metrics{grid-template-columns:1fr 1fr}.v9-review-actions{align-items:stretch;flex-direction:column}.v9-review-actions>*{width:100%}.v9-footprint-hero{padding:23px}.v9-footprint-score{grid-template-columns:1fr 1fr 1fr}.v9-footprint-score span{padding:9px 5px}.v9-footprint-map{height:350px}.v9-footprint-list article{grid-template-columns:auto 1fr}.v9-footprint-list article>a{grid-column:2}.v9-checkin-modal .modal-card{border-radius:23px}.v9-checkin-result{padding:17px}}
/* V10 achievement + leaderboard refinements */
.live-summary-grid{grid-template-columns:repeat(5,1fr)}
.v9-checkin-result ul{list-style:none;padding:0;margin:12px auto;max-width:390px;display:grid;gap:6px}.v9-checkin-result ul li{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:12px;background:#fff;border:1px solid #E0EBE6;font-size:11px}.v9-checkin-result ul li b{color:#176B52}.v9-checkin-result .v9-gps-ring b,.v9-checkin-result .v9-gps-ring small{position:relative;z-index:2}.v9-gps-ring b,.v9-gps-ring small{display:block;position:absolute;z-index:2}.v9-gps-ring b{font-size:14px;top:33px}.v9-gps-ring small{font-size:7px;top:52px;letter-spacing:.08em;color:#738079}.v9-gps-ring:after{display:none}
.v9-requirements>div{display:grid;grid-template-columns:minmax(150px,1fr);gap:7px;padding:12px 13px;border-radius:15px;background:#F8FAF9;border:1px solid #E8ECEA}.v9-requirements>div.ok{background:#F1F8F5;border-color:#CFE5DB}.v9-requirements header{display:flex;justify-content:space-between;gap:12px;align-items:center}.v9-requirements header span{font-size:12px;font-weight:700}.v9-requirements header b{font-size:11px}.v9-requirements>div>i{height:7px;background:#E3EAE6;border-radius:99px;overflow:hidden}.v9-requirements>div>i em{display:block;height:100%;background:#4B9A60;border-radius:inherit}.v9-requirements>div>small{font-size:9px;color:#7C8882}.v9-rank-road>div{border:1px solid #E3E9E6;border-radius:18px;padding:15px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.v9-rank-road>div.unlocked{border-color:#8BC0AD;background:#F0F8F4}.v9-rank-road>div.locked{opacity:.58}.v9-rank-road>div>span{font-size:26px}.v9-rank-road>div b,.v9-rank-road>div small{display:block}.v9-rank-road>div small{color:#7C8983;font-size:9px;margin-top:3px;line-height:1.45}.v9-rank-road>div>strong{font-size:13px}
.v9-achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v9-achievement-grid article{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;padding:13px;border-radius:17px;border:1px solid #E5EBE8;background:#FBFCFB}.v9-achievement-grid article>span{width:46px;height:46px;border-radius:15px;background:#EEF4F1;display:grid;place-items:center;font-size:22px}.v9-achievement-grid article.locked{opacity:.5;filter:grayscale(.7)}.v9-achievement-grid article.unlocked{border-color:#B9D8CA;background:#F1F8F5}.v9-achievement-grid b,.v9-achievement-grid small{display:block}.v9-achievement-grid small{font-size:9px;color:#7D8983;margin-top:2px}.v9-achievement-grid i{height:5px;background:#E3EAE6;border-radius:99px;overflow:hidden;display:block;margin:7px 0 4px}.v9-achievement-grid i em{height:100%;display:block;background:#4B9A60;border-radius:inherit}
.v9-footprint-score{display:flex;gap:8px}.v9-footprint-score>b{font-size:44px}.v9-footprint-score>small{font-size:9px;align-self:flex-end;margin-bottom:7px;opacity:.75}.v9-collection-list>div{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #DFE8E3;border-radius:15px;background:#F6FAF8}.v9-collection-list>div>span{padding:0;border:0;background:transparent;font-size:17px}.v9-collection-list>div b,.v9-collection-list>div small{display:block}.v9-collection-list>div small{font-size:9px;color:#7B8781;margin-top:2px}
.v9-leader-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px;border-radius:28px;background:linear-gradient(135deg,#1A4238,#8A6712);color:#fff;margin-bottom:17px;overflow:hidden}.v9-leader-hero h2{font-size:34px;margin:6px 0 8px}.v9-leader-hero p{max-width:700px;opacity:.82}.v9-leader-hero>span{font-size:82px;filter:drop-shadow(0 8px 20px #0002)}.v9-leader-list{display:grid;gap:9px;margin-bottom:16px}.v9-leader-list article{display:grid;grid-template-columns:62px 46px minmax(170px,1fr) minmax(390px,1.5fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid #E3E9E6;border-radius:18px;background:#fff}.v9-leader-list article.me{border-color:#7FB49F;background:#F0F8F4;box-shadow:0 8px 24px rgba(34,102,80,.08)}.v9-leader-rank{text-align:center;font-size:20px}.v9-leader-list img,.v9-leader-avatar{width:44px;height:44px;border-radius:14px;object-fit:cover;display:grid;place-items:center;background:#E4F0EB;color:#1B5F4D;font-weight:800}.v9-leader-name b,.v9-leader-name small{display:block}.v9-leader-name small{font-size:10px;color:#79867F;margin-top:3px}.v9-leader-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.v9-leader-metrics span{padding:7px 8px;border-radius:12px;background:#F6F8F7;text-align:center}.v9-leader-metrics b,.v9-leader-metrics small{display:block}.v9-leader-metrics b{font-size:12px}.v9-leader-metrics small{font-size:8px;color:#839088;margin-top:2px}
@media(max-width:1100px){.live-summary-grid{grid-template-columns:repeat(3,1fr)}.v9-leader-list article{grid-template-columns:50px 42px 1fr}.v9-leader-metrics{grid-column:3;grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.live-summary-grid{grid-template-columns:1fr 1fr}.v9-achievement-grid{grid-template-columns:1fr}.v9-leader-list article{grid-template-columns:42px 42px 1fr}.v9-leader-metrics{grid-column:1/-1}.v9-leader-hero{padding:24px}.v9-leader-hero>span{font-size:58px}}
@media(max-width:600px){.v9-rank-road{grid-template-columns:1fr}.v9-rank-road>div{grid-template-columns:auto 1fr auto}.v9-leader-hero{align-items:flex-start}.v9-leader-hero h2{font-size:27px}.v9-leader-hero>span{font-size:44px}.v9-leader-list article{padding:10px;grid-template-columns:34px 40px 1fr}.v9-leader-rank{font-size:15px}.v9-leader-metrics{grid-template-columns:repeat(3,1fr)}}

/* ======================================================================
   PUY TRAVEL V10 · 3D GLASSMORPHISM DESIGN SYSTEM
   Palette: Deep Teal #69D7D0 · Tropical Mint #3FBDB5 · Sunset Yellow
   #FFD15C · Coral Pink #FF9B5E · Cloud White #F4FCFB · Midnight #1F3B4D
   ====================================================================== */
:root{
  --bg:#F4FCFB;--surface:#FFFFFF;--surface-2:#F4FCFB;--ink:#1F3B4D;--muted:#6F8792;--line:#C6ECE8;
  --green:#69D7D0;--green-2:#8EDFF0;--green-dark:#3FBDB5;--mint:#DDF7F4;--mint-2:#DDF7F4;
  --peach:#FFF3EA;--peach-ink:#E25563;--sand:#FFF8E2;--red:#E25563;--blue:#69D7D0;--blue-2:#69D7D0;
  --yellow:#FFD15C;--coral:#FF9B5E;--cloud:#F4FCFB;--midnight:#1F3B4D;
  --glass:rgba(255,255,255,.62);--glass-strong:rgba(255,255,255,.80);--glass-dark:rgba(36,157,152,.16);
  --glass-border:rgba(255,255,255,.78);--glass-line:rgba(36,157,152,.12);
  --travel-gradient:linear-gradient(135deg,#69D7D0 0%,#3FBDB5 38%,#69D7D0 72%,#69D7D0 100%);
  --travel-gradient-soft:linear-gradient(135deg,rgba(105,215,208,.16),rgba(142,223,240,.12));
  --accent-gradient:linear-gradient(135deg,#FFD15C,#FF9B5E);
  --shadow:0 26px 70px rgba(15,23,42,.10),0 8px 24px rgba(36,157,152,.08);
  --shadow-sm:0 12px 30px rgba(15,23,42,.08),0 4px 12px rgba(36,157,152,.06);
  --shadow-3d:0 14px 28px rgba(15,23,42,.12),0 5px 10px rgba(36,157,152,.12),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -1px 0 rgba(36,157,152,.08);
  --shadow-press:0 6px 14px rgba(15,23,42,.12),inset 0 2px 5px rgba(15,23,42,.12);
  --r:24px;--r-lg:34px;--r-sm:16px
}
html{background:#EAF7F7}
body{
  background:
    radial-gradient(circle at 8% 5%,rgba(105,215,208,.16),transparent 28rem),
    radial-gradient(circle at 92% 9%,rgba(142,223,240,.14),transparent 32rem),
    radial-gradient(circle at 70% 82%,rgba(251,191,36,.07),transparent 27rem),
    #F4FCFB;
  color:var(--midnight)
}
body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px)}
body:before{width:320px;height:320px;left:-140px;top:22vh;background:rgba(105,215,208,.10)}
body:after{width:360px;height:360px;right:-170px;bottom:8vh;background:rgba(142,223,240,.09)}
::selection{background:rgba(105,215,208,.35);color:#052F2D}

/* Global glass surfaces */
.panel,.mini-panel,.form-section,.sticky-card,.today-card-v3,.v8-dashboard-rank,.task-row-v5,
.money-cards>div,.booking-card,.journal-card,.trip-photo-grid article,.search-links-grid a,
.public-note,.public-day,.public-error,.v9-leader-list article,.v9-rank-road>div,.v9-achievement-grid article,
.v9-footprint-list article,.v9-checkin-log,.v9-level-admin-grid>div,.v9-xp-rule-grid>div,.v9-rule-grid>div,
.backup-card,.user-chip,.auth-card,.setup-card{
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.52));
  border:1px solid var(--glass-border);
  box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(22px) saturate(155%);backdrop-filter:blur(22px) saturate(155%)
}
.panel,.mini-panel,.form-section,.sticky-card,.auth-card,.setup-card{border-radius:var(--r)}
.panel:hover,.mini-panel:hover{border-color:rgba(105,215,208,.30)}

/* Sidebar & top navigation */
.sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,250,252,.68));
  border-right:1px solid rgba(255,255,255,.85);
  box-shadow:14px 0 42px rgba(15,23,42,.055);
  -webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)
}
.brand-mark{
  background:var(--travel-gradient)!important;border:1px solid rgba(255,255,255,.52);border-radius:16px;
  box-shadow:0 13px 28px rgba(142,223,240,.22),0 7px 15px rgba(36,157,152,.20),inset 0 2px 1px rgba(255,255,255,.34),inset 0 -3px 8px rgba(15,23,42,.16);
  transform:translateZ(0)
}
.brand b{color:#1F3B4D}.brand small{color:#69D7D0;font-weight:800}
.side-nav{gap:8px}.side-item{height:52px;border:1px solid transparent;border-radius:17px;color:#475569;position:relative;overflow:hidden}
.side-item:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.65),rgba(255,255,255,.28));opacity:0;transition:.18s}
.side-item:hover{background:rgba(255,255,255,.58);border-color:rgba(105,215,208,.18);color:#69D7D0;box-shadow:0 8px 20px rgba(36,157,152,.07)}
.side-item:hover:before{opacity:1}.side-item>*{position:relative;z-index:1}
.side-item.active{
  background:var(--travel-gradient);color:#fff;border-color:rgba(255,255,255,.45);
  box-shadow:0 12px 25px rgba(142,223,240,.20),0 5px 10px rgba(36,157,152,.20),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 5px rgba(15,23,42,.12)
}
.user-chip{border-radius:18px}.avatar{background:linear-gradient(145deg,#DDF7F4,#EAF9FC);color:#69D7D0;box-shadow:inset 0 1px #fff,0 5px 14px rgba(36,157,152,.12)}
.topbar{
  background:linear-gradient(180deg,rgba(248,250,252,.88),rgba(248,250,252,.64));
  border-bottom:1px solid rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);
  box-shadow:0 8px 28px rgba(15,23,42,.035)
}
.eyebrow{color:#69D7D0}.page-heading h1{color:#1F3B4D;letter-spacing:-.035em}
.global-search,.search-box,.big-search{
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.54));border:1px solid rgba(255,255,255,.86);
  box-shadow:0 10px 26px rgba(15,23,42,.07),inset 0 1px rgba(255,255,255,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)
}
.global-search:focus-within,.search-box:focus-within,.big-search:focus-within{border-color:rgba(105,215,208,.62);box-shadow:0 0 0 4px rgba(105,215,208,.12),0 12px 28px rgba(142,223,240,.09)}

/* V10 Glassmorphism Buttons + 3D depth */
.btn,.icon-btn,.circle-link,.status-btn,.check-button,.quick-checks button,.modal-close,.mini-delete,.link-button{
  position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.78);overflow:hidden;
  -webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);
  box-shadow:var(--shadow-3d);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease
}
.btn:before,.icon-btn:before,.circle-link:before,.status-btn:before,.check-button:before{
  content:"";position:absolute;z-index:-1;inset:1px 1px auto 1px;height:48%;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));pointer-events:none
}
.btn:hover,.icon-btn:hover,.circle-link:hover,.status-btn:hover,.check-button:hover{transform:translateY(-2px);filter:saturate(1.05);box-shadow:0 17px 32px rgba(15,23,42,.14),0 6px 16px rgba(142,223,240,.13),inset 0 1px rgba(255,255,255,.9)}
.btn:active,.icon-btn:active,.circle-link:active,.status-btn:active,.check-button:active{transform:translateY(1px) scale(.985);box-shadow:var(--shadow-press)}
.btn-primary{
  background:var(--travel-gradient);color:#fff;border-color:rgba(255,255,255,.48)!important;
  box-shadow:0 13px 28px rgba(142,223,240,.22),0 6px 13px rgba(36,157,152,.22),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -3px 8px rgba(15,23,42,.12)
}
.btn-primary:hover{box-shadow:0 18px 34px rgba(142,223,240,.26),0 8px 17px rgba(36,157,152,.22),inset 0 1px rgba(255,255,255,.48)}
.btn-soft,.btn-white,.icon-btn,.circle-link{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.55));color:#69D7D0;border-color:rgba(255,255,255,.90)
}
.btn-glass{background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border-color:rgba(255,255,255,.40);color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.16),inset 0 1px rgba(255,255,255,.28)}
.btn-peach{background:linear-gradient(145deg,rgba(255,228,230,.88),rgba(254,205,211,.70));color:#B83B49}
.btn-danger{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,228,230,.70));color:#E25563;border-color:rgba(251,113,133,.24)!important}
.btn-checkin-v9{background:var(--travel-gradient)!important;border-color:rgba(255,255,255,.48)!important;box-shadow:0 14px 30px rgba(142,223,240,.22),0 6px 14px rgba(36,157,152,.20),inset 0 1px rgba(255,255,255,.42)!important}
.btn-verified{background:linear-gradient(145deg,rgba(204,251,241,.88),rgba(219,234,254,.72))!important;color:#69D7D0!important;border-color:rgba(105,215,208,.30)!important}
.text-link,.icon-link,.rank-total,.back-link.dark{color:#69D7D0}

/* Forms — field visual styling is owned by triploom-design-system.css V15.1.85. */
label{color:#334155}.section-label{color:#69D7D0}

/* Heroes */
.hero-v2,.province-hero,.stats-hero,.live-hero-v4,.task-hero-v5,.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,.public-trip-hero{
  background:var(--travel-gradient)!important;border:1px solid rgba(255,255,255,.28);
  box-shadow:0 28px 60px rgba(142,223,240,.18),0 12px 28px rgba(36,157,152,.18),inset 0 1px rgba(255,255,255,.28);
  position:relative
}
.hero-v2:before,.province-hero:before,.stats-hero:before,.live-hero-v4:before,.task-hero-v5:before,.v9-rank-hero:before,.v9-footprint-hero:before,.v9-leader-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.16),transparent 38%,rgba(255,255,255,.06));border-radius:inherit
}
.hero-illustration .sun{background:linear-gradient(145deg,#FDE68A,#FFD15C);box-shadow:0 15px 30px rgba(251,191,36,.28)}
.hero-illustration .h1{background:rgba(105,215,208,.56)}.hero-illustration .h2{background:rgba(125,211,252,.46)}
.next-trip-card,.task-kpis-v5 span,.network-chip,.v9-footprint-score span{
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.30);
  box-shadow:0 14px 32px rgba(15,23,42,.12),inset 0 1px rgba(255,255,255,.25);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)
}
.live-progress-ring{background:conic-gradient(#FFD15C calc(var(--progress)*1%),rgba(255,255,255,.17) 0)}.live-progress-ring:after{background:linear-gradient(145deg,#69D7D0,#249D98)}

/* Dashboard cards */
.stat-strip>a,.stat-strip>div{
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.86);
  box-shadow:var(--shadow-sm),inset 0 1px rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.2s
}
.stat-strip>a:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(15,23,42,.10),0 8px 17px rgba(142,223,240,.08)}
.stat-icon.green,.stat-icon.mint{background:linear-gradient(145deg,#DDF7F4,#EAF9FC);color:#69D7D0;box-shadow:inset 0 1px #fff,0 6px 14px rgba(36,157,152,.09)}
.stat-icon.peach{background:linear-gradient(145deg,#FFF3EA,#FECDD3);color:#E25563}.stat-icon.sand{background:linear-gradient(145deg,#FFF8E2,#FDE68A);color:#C96C38}
.v8-dashboard-rank i,.bar,.check-progress{background:rgba(148,163,184,.16)}
.v8-dashboard-rank i b,.bar i,.check-progress i,.v9-requirements>div>i em,.v9-achievement-grid i em{background:var(--travel-gradient)}

/* Place & province cards */
.place-card{
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.56));border:1px solid rgba(255,255,255,.88);border-radius:24px;
  box-shadow:0 14px 34px rgba(15,23,42,.07),0 5px 14px rgba(36,157,152,.05),inset 0 1px rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)
}
.place-card:hover{transform:translateY(-5px) rotateX(.4deg);box-shadow:0 24px 45px rgba(15,23,42,.12),0 10px 24px rgba(142,223,240,.09)}
.place-cover{background:linear-gradient(145deg,#DDF7F4,#EAF9FC)}.cover-placeholder{background:linear-gradient(145deg,#DDF7F4 5%,#EAF9FC 55%,#FFF8E2 120%);color:#69D7D0}
.category-pill,.heart-badge{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.78);box-shadow:0 8px 18px rgba(15,23,42,.10);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.heart-badge{color:#FF9B5E}.rating{background:linear-gradient(145deg,#FFFBEB,#FFF8E2);color:#C96C38;border:1px solid rgba(251,191,36,.20)}
.status-btn{background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(241,245,249,.68));color:#475569}.status-btn.done{background:linear-gradient(145deg,#DDF7F4,#EAF9FC);color:#69D7D0}
.province-card{border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 40px rgba(15,23,42,.12),0 8px 18px rgba(142,223,240,.07)}
.province-art{background:var(--travel-gradient)}.province-art i{background:rgba(105,215,208,.52)}.province-art i:nth-child(2){background:rgba(125,211,252,.46)}
.province-arrow{background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.32)}

/* Tabs, badges & micro UI */
.trip-tabs{
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.84);
  border-radius:20px;padding:6px;box-shadow:var(--shadow-sm),inset 0 1px #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)
}
.trip-tabs a{border-radius:14px}.trip-tabs a.active{background:var(--travel-gradient)!important;color:#fff!important;box-shadow:0 9px 20px rgba(142,223,240,.18),inset 0 1px rgba(255,255,255,.35)}
.badge,.category-pill,.v9-checkin-link,.v9-verified-link{border-radius:999px}
.badge-green,.badge-success{background:#DDF7F4!important;color:#69D7D0!important}.badge-yellow,.badge-warning{background:#FFF8E2!important;color:#C96C38!important}.badge-red,.badge-danger{background:#FFF3EA!important;color:#B83B49!important}
.flash{background:rgba(255,255,255,.74)!important;border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.flash.success{color:#69D7D0!important}.flash.error{color:#B83B49!important}.notice.warning{background:linear-gradient(145deg,rgba(254,243,199,.88),rgba(255,255,255,.68));color:#C96C38}.notice.success{background:linear-gradient(145deg,rgba(204,251,241,.88),rgba(255,255,255,.68));color:#69D7D0}

/* Lists / booking / expenses / checklist */
.expense-row,.check-item,.booking-meta span,.v9-log-metrics span,.v9-leader-metrics span,.v9-requirements>div,.v9-checkin-log details{
  background:linear-gradient(145deg,rgba(248,250,252,.86),rgba(255,255,255,.58));border:1px solid rgba(148,163,184,.12)
}
.expense-icon,.booking-type,.journal-date,.empty-icon,.public-note>span,.public-error>span,.v8-dashboard-rank-icon,.v9-footprint-list .fp-icon,.v9-leader-avatar{
  background:linear-gradient(145deg,#DDF7F4,#EAF9FC);color:#69D7D0;box-shadow:inset 0 1px rgba(255,255,255,.85),0 6px 14px rgba(36,157,152,.08)
}
.check-button{background:rgba(255,255,255,.76);color:#69D7D0}.check-item.done .check-button{background:var(--travel-gradient);border-color:rgba(255,255,255,.48)}
.task-priority-v5.low{background:#3FBDB5}.task-priority-v5.high{background:#FFD15C}.task-priority-v5.urgent{background:#FF9B5E}.task-row-v5.overdue{box-shadow:inset 4px 0 #FF9B5E,var(--shadow-sm)}
.money-cards .negative b,.danger-text{color:#E25563!important}

/* Verified Travel V9 engine, V10 presentation */
.v9-checkin-privacy{background:linear-gradient(145deg,rgba(204,251,241,.72),rgba(219,234,254,.60));color:#334155;border:1px solid rgba(105,215,208,.20)}
.v9-gps-ring{background:radial-gradient(circle,rgba(255,255,255,.95) 42%,transparent 44%),conic-gradient(#69D7D0 var(--gps,28%),rgba(148,163,184,.18) 0);box-shadow:0 0 0 9px rgba(204,251,241,.48),0 12px 28px rgba(142,223,240,.12)}
.v9-checkin-result.verified{background:linear-gradient(145deg,rgba(204,251,241,.82),rgba(219,234,254,.62));border-color:rgba(105,215,208,.28)}
.v9-checkin-result.suspicious{background:linear-gradient(145deg,rgba(254,243,199,.88),rgba(255,255,255,.70));border-color:rgba(251,191,36,.30)}
.v9-checkin-result.rejected{background:linear-gradient(145deg,rgba(255,228,230,.88),rgba(255,255,255,.70));border-color:rgba(251,113,133,.26)}
.v9-checkin-total{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow-sm)}.v9-checkin-total b{color:#69D7D0}.v9-checkin-rank{color:#69D7D0}
.v9-rank-road>div.unlocked,.v9-achievement-grid article.unlocked,.v9-leader-list article.me{background:linear-gradient(145deg,rgba(204,251,241,.66),rgba(219,234,254,.52));border-color:rgba(105,215,208,.28)}
.status-verified .v9-status-dot{background:#3FBDB5}.status-suspicious .v9-status-dot,.status-pending .v9-status-dot{background:#FFD15C}.status-rejected .v9-status-dot{background:#FF9B5E}
.v9-collection-list span,.v9-collection-list>div{background:linear-gradient(145deg,rgba(204,251,241,.54),rgba(255,255,255,.65));border-color:rgba(105,215,208,.18)}
.v9-footprint-map{box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.84)}

/* Modal */
.modal{background:rgba(15,23,42,.36);-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%)}
.modal-card{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,250,252,.76));border:1px solid rgba(255,255,255,.90);
  box-shadow:0 36px 100px rgba(15,23,42,.26),0 12px 30px rgba(142,223,240,.09),inset 0 1px rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%)
}
.modal-close{background:rgba(255,255,255,.72);color:#1F3B4D}

/* Auth + setup */
.auth-page,.setup-body{background:radial-gradient(circle at 12% 12%,rgba(105,215,208,.20),transparent 28rem),radial-gradient(circle at 90% 8%,rgba(142,223,240,.18),transparent 30rem),#F4FCFB}
.auth-art{background:var(--travel-gradient);box-shadow:24px 0 70px rgba(15,23,42,.11)}
.auth-logo,.mobile-brand .brand-mark{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);box-shadow:0 12px 24px rgba(15,23,42,.12),inset 0 1px rgba(255,255,255,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.auth-bubbles i:nth-child(1){background:rgba(105,215,208,.26)}.auth-bubbles i:nth-child(2){background:rgba(125,211,252,.24)}.auth-bubbles i:nth-child(3){background:#FFD15C;box-shadow:0 20px 45px rgba(251,191,36,.25)}
.auth-card,.setup-card{box-shadow:0 35px 80px rgba(15,23,42,.12),0 12px 30px rgba(142,223,240,.07),inset 0 1px rgba(255,255,255,.96)}
.setup-brand>span,.success-icon{background:var(--travel-gradient);color:#fff;box-shadow:0 12px 25px rgba(142,223,240,.18),inset 0 1px rgba(255,255,255,.38)}

/* Public share */
.public-share-body{background:radial-gradient(circle at 10% 5%,rgba(105,215,208,.14),transparent 26rem),radial-gradient(circle at 90% 6%,rgba(142,223,240,.12),transparent 28rem),#F4FCFB}
.public-stop-number{background:var(--travel-gradient);box-shadow:0 7px 14px rgba(142,223,240,.14),inset 0 1px rgba(255,255,255,.35)}
.public-footer{color:#6F8792}

/* Scrollbar */
*{scrollbar-width:thin;scrollbar-color:rgba(36,157,152,.30) transparent}
*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(105,215,208,.55),rgba(142,223,240,.45));border:2px solid transparent;background-clip:padding-box;border-radius:999px}

/* Mobile glass navigation */
@media(max-width:900px){
  .bottom-nav{
    background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(248,250,252,.70))!important;
    border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 -10px 38px rgba(15,23,42,.10),inset 0 1px rgba(255,255,255,.94);
    -webkit-backdrop-filter:blur(26px) saturate(165%);backdrop-filter:blur(26px) saturate(165%)
  }
  .bottom-item.active{color:#69D7D0!important}.bottom-add{background:var(--travel-gradient)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 12px 26px rgba(142,223,240,.24),0 6px 12px rgba(36,157,152,.18),inset 0 1px rgba(255,255,255,.38)!important}
  .topbar{background:rgba(248,250,252,.78)}
}
@media(max-width:600px){
  :root{--r:20px;--r-lg:28px}.hero-v2,.province-hero,.stats-hero,.live-hero-v4,.task-hero-v5,.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero{border-radius:26px}
  .panel,.mini-panel,.form-section,.auth-card,.setup-card{border-radius:21px}
  .btn{border-radius:15px}.place-card{border-radius:21px}.trip-tabs{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.btn,.icon-btn,.circle-link,.status-btn,.check-button,.place-card,.side-item{transition:none!important}.btn:hover,.icon-btn:hover,.circle-link:hover,.status-btn:hover,.check-button:hover,.place-card:hover{transform:none!important}}
@media print{body{background:#fff!important}body:before,body:after{display:none!important}.panel,.mini-panel{box-shadow:none!important;backdrop-filter:none!important}}

/* V10 extended card coverage */
.trip-card-v2,.collection-card,.collection-hero,.v8-settings-nav,.v8-avatar-row,.v8-rank-road>div,.v8-xp-list>div,.v8-account-list article,.v8-mail-list details{
  background:linear-gradient(145deg,rgba(255,255,255,.83),rgba(255,255,255,.54));border:1px solid rgba(255,255,255,.86);
  box-shadow:var(--shadow-sm),inset 0 1px rgba(255,255,255,.94);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)
}
.trip-card-v2,.collection-card{border-radius:24px}.trip-card-v2:hover,.collection-card:hover{transform:translateY(-5px);box-shadow:0 24px 44px rgba(15,23,42,.12),0 9px 22px rgba(142,223,240,.08)}
.trip-art,.trip-header-v2{background:var(--travel-gradient)}.trip-art .sun{background:linear-gradient(145deg,#FDE68A,#FFD15C);box-shadow:0 12px 25px rgba(251,191,36,.25)}.trip-art i{background:rgba(105,215,208,.48)}.trip-art i:nth-of-type(2){background:rgba(125,211,252,.48)}
.trip-metrics span{background:linear-gradient(145deg,rgba(248,250,252,.84),rgba(255,255,255,.60));border:1px solid rgba(148,163,184,.10)}
.trip-progress>i{background:rgba(148,163,184,.17)}.trip-progress>i em{background:var(--travel-gradient)}
.status-planning{background:rgba(226,232,240,.76);color:#475569}.status-upcoming{background:#FFF8E2;color:#C96C38}.status-ongoing{background:#DDF7F4;color:#69D7D0}.status-completed{background:#EAF9FC;color:#69D7D0}
.collection-art{background:linear-gradient(145deg,#DDF7F4,#EAF9FC)!important}.collection-art i{background:rgba(105,215,208,.60)!important}.collection-art i:nth-child(2){background:rgba(56,189,248,.42)!important}.collection-art.art-2{background:linear-gradient(145deg,#FFF3EA,#FFF8E2)!important}.collection-art.art-2 i{background:rgba(251,113,133,.65)!important}.collection-art.art-2 i:nth-child(2){background:rgba(251,191,36,.52)!important}.collection-art.art-3{background:linear-gradient(145deg,#FFF8E2,#DDF7F4)!important}.collection-art.art-4{background:linear-gradient(145deg,#EAF9FC,#DDF7F4)!important}
.v8-settings-nav nav a{border:1px solid transparent}.v8-settings-nav nav a:hover{background:rgba(204,251,241,.42);color:#69D7D0;border-color:rgba(105,215,208,.14)}.v8-settings-nav nav a.active{background:var(--travel-gradient);color:#fff;border-color:rgba(255,255,255,.42);box-shadow:0 10px 22px rgba(142,223,240,.16),inset 0 1px rgba(255,255,255,.35)}
.v8-profile-mini>span,.v8-profile-mini>img,.v8-avatar-row>span,.v8-avatar-row>img,.v8-account-ident>span,.v8-account-ident>img{background:linear-gradient(145deg,#DDF7F4,#EAF9FC);color:#69D7D0;box-shadow:inset 0 1px #fff,0 8px 18px rgba(36,157,152,.09)}
.v8-rank-hero,.v8-rank-hero.rank-backpacker,.v8-rank-hero.rank-road,.v8-rank-hero.rank-master,.v8-rank-hero.rank-legend{background:var(--travel-gradient);border:1px solid rgba(255,255,255,.30);box-shadow:0 24px 50px rgba(142,223,240,.18),0 10px 24px rgba(36,157,152,.15),inset 0 1px rgba(255,255,255,.30)}
.v8-rank-road .unlocked{background:linear-gradient(145deg,rgba(204,251,241,.72),rgba(219,234,254,.58));border-color:rgba(105,215,208,.28)}.v8-xp-list .plus{background:#DDF7F4;color:#69D7D0}.v8-xp-list .minus{background:#FFF3EA;color:#B83B49}

/* ========================= PUY TRAVEL V11 · TRAVEL SUITE ========================= */
.v11-command-hero,.v11-suite-hero{position:relative;overflow:hidden;border-radius:30px;padding:34px 38px;background:linear-gradient(125deg,#69D7D0 0%,#69D7D0 48%,#69D7D0 100%);color:#fff;box-shadow:0 24px 70px rgba(36,157,152,.20);border:1px solid rgba(255,255,255,.24)}
.v11-command-hero{min-height:250px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.v11-command-hero h2,.v11-suite-hero h2{font-size:36px;line-height:1.08;letter-spacing:-.045em;margin:6px 0 10px}.v11-command-hero p,.v11-suite-hero p{max-width:690px;color:rgba(255,255,255,.82);margin:0}.v11-command-art{width:230px;height:170px;position:relative}.v11-command-art i{position:absolute;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.35)}.v11-command-art i:first-child{width:150px;height:150px;right:10px;top:5px}.v11-command-art i:nth-child(2){width:90px;height:90px;right:130px;top:65px}.v11-command-art span{position:absolute;right:68px;top:48px;font-size:48px;color:#FFD15C;filter:drop-shadow(0 9px 20px rgba(0,0,0,.18))}.v11-ready-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0 22px}.v11-ready-card{display:block;padding:19px;border-radius:22px;background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.8);box-shadow:0 15px 40px rgba(15,23,42,.07),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(16px)}.v11-ready-card header{display:flex;justify-content:space-between;gap:15px}.v11-ready-card h3{margin:3px 0 0;font-size:17px}.v11-ready-card header strong{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#ECFDF8,#D8F5EB);color:#69D7D0;font-size:20px;box-shadow:inset 0 1px #fff,0 10px 23px rgba(36,157,152,.10)}.v11-ready-card>i{display:block;height:7px;background:#E7EEEB;border-radius:99px;overflow:hidden;margin:14px 0 10px}.v11-ready-card>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#69D7D0,#3FBDB5,#8EDFF0)}.v11-ready-card>div{display:flex;gap:10px;flex-wrap:wrap}.v11-ready-card>div span{font-size:9px;color:#6F8792;padding:5px 8px;background:#F4F7F6;border-radius:999px}.v11-ready-card>p{font-size:10px;color:#C96C38;margin:10px 0 0}.v11-ready-card>p.ok{color:#4B9A60}.v11-command-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.v11-command-reminders{display:grid;gap:8px}.v11-command-reminders a{display:grid;grid-template-columns:86px 1fr auto;gap:12px;align-items:center;padding:11px 12px;border-radius:15px;background:#F7FAF9;border:1px solid #E8EEEB}.v11-command-reminders a.late{background:#FFF6F2;border-color:#FFD7CB}.v11-command-reminders a>span{font-size:10px;font-weight:800;color:#69D7D0}.v11-command-reminders b,.v11-command-reminders small{display:block}.v11-command-reminders small{font-size:9px;color:#738079}.v11-command-reminders i{font-style:normal}.v11-quick-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v11-quick-tools a{padding:14px;border:1px solid #E4EBE8;border-radius:17px;background:linear-gradient(145deg,#fff,#F5FAF8);box-shadow:inset 0 1px #fff}.v11-quick-tools a>span{width:36px;height:36px;border-radius:13px;background:linear-gradient(145deg,#DFF7EE,#EAF4FF);color:#69D7D0;display:grid;place-items:center;margin-bottom:8px;font-weight:800}.v11-quick-tools b,.v11-quick-tools small{display:block}.v11-quick-tools small{font-size:9px;color:#738079;margin-top:3px;line-height:1.45}
.v11-suite-hero{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;margin-bottom:12px}.v11-departure-score{width:148px;padding:17px;border-radius:24px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.27);backdrop-filter:blur(16px);text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.24)}.v11-departure-score b{display:block;font-size:42px;line-height:1}.v11-departure-score small{font-size:8px;letter-spacing:.13em;opacity:.74}.v11-departure-score i{display:block;height:6px;margin-top:12px;border-radius:99px;background:#ffffff2d;overflow:hidden}.v11-departure-score em{display:block;height:100%;background:#fff;border-radius:inherit}.v11-warning-row{display:flex;gap:7px;overflow:auto;padding:2px 0 12px}.v11-warning-row span{white-space:nowrap;font-size:10px;padding:7px 10px;border-radius:999px;background:#FFF8E7;border:1px solid #F3DEB0;color:#8A6712}.v11-suite-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v11-suite-panel{min-width:0}.v11-template-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.v11-template-row form{margin:0}.v11-inline-create{display:grid;grid-template-columns:130px minmax(180px,1fr) 72px 130px auto 46px;gap:7px;align-items:center;margin-bottom:13px}.v11-inline-create input,.v11-inline-create select,.v11-mini-form input,.v11-mini-form select,.v11-budget-form input{min-width:0}.v11-pack-list,.v11-transport-list,.v11-reminder-list{display:grid;gap:7px;max-height:440px;overflow:auto;padding-right:2px}.v11-pack-list article{display:grid;grid-template-columns:auto auto 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:15px;background:#F8FAF9;border:1px solid #E7EDEA}.v11-pack-list article.done{opacity:.58}.v11-pack-list article.done b{text-decoration:line-through}.v11-check-circle{border:0;background:transparent;font-size:21px;color:#69D7D0;cursor:pointer;padding:0}.v11-pack-icon{width:34px;height:34px;border-radius:12px;background:#E8F6F1;display:grid;place-items:center}.v11-pack-list b,.v11-pack-list small{display:block}.v11-pack-list small{font-size:9px;color:#76837C}.v11-mini-form{padding:12px;border-radius:17px;background:#F8FBFA;border:1px solid #E8EEEB;margin-bottom:12px}.v11-transport-list article{display:grid;grid-template-columns:39px 1fr 116px auto;gap:10px;align-items:center;padding:10px;border-radius:15px;border:1px solid #E6ECE9;background:#fff}.v11-transport-list article>span{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#E6F8F1,#E8F3FF);display:grid;place-items:center;font-size:18px}.v11-transport-list b,.v11-transport-list small,.v11-transport-list p{display:block}.v11-transport-list small{font-size:9px;color:#728079}.v11-transport-list p{font-size:9px;color:#7A8780;margin:3px 0 0}.v11-transport-list select{padding:8px 9px;font-size:10px}.v11-reminder-list article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:15px;border-left:4px solid #3FBDB5;background:#F8FAF9}.v11-reminder-list article.priority-important{border-left-color:#FFD15C}.v11-reminder-list article.priority-urgent,.v11-reminder-list article.late{border-left-color:#FF9B5E;background:#FFF6F7}.v11-reminder-list article.done{opacity:.53}.v11-reminder-list b,.v11-reminder-list small,.v11-reminder-list p{display:block}.v11-reminder-list small{font-size:9px;color:#728079}.v11-reminder-list p{font-size:10px;margin:3px 0 0;color:#6F8792}.v11-budget-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v11-budget-form label{display:grid;grid-template-columns:1fr 130px;gap:9px;align-items:center;padding:8px 10px;border:1px solid #E7EDEA;border-radius:14px;background:#F8FAF9;font-size:10px}.v11-budget-form input{padding:8px 10px}.v11-budget-form .btn{grid-column:1/-1}.v11-budget-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.v11-budget-summary>div{padding:11px;border-radius:15px;background:#F4F8F6;border:1px solid #E7EDEA}.v11-budget-summary span,.v11-budget-summary b{display:block}.v11-budget-summary span{font-size:9px;color:#738079}.v11-budget-summary b{font-size:15px;margin-top:2px}.v11-budget-summary .over{background:#FFF1F3;border-color:#FFD1D9;color:#C84F67}.v11-trip-pack-cta{margin-top:16px;padding:22px 24px;border-radius:23px;background:linear-gradient(115deg,rgba(36,157,152,.09),rgba(105,215,208,.12),rgba(37,99,235,.08));border:1px solid #DCEAE6;display:flex;align-items:center;justify-content:space-between;gap:16px}.v11-trip-pack-cta h3{margin:2px 0 4px}.v11-trip-pack-cta p{margin:0;color:#738079;font-size:11px}
.v11-pack-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:4px 0 18px}.v11-pack-page-head h2{font-size:31px;margin:3px 0}.v11-pack-page-head p{margin:0;color:#6F8792}.v11-pack-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.v11-pack-row{display:grid;grid-template-columns:35px 1fr;gap:9px;align-items:center;padding:9px 0;border-bottom:1px dashed #E1E8E4}.v11-pack-row:last-child{border-bottom:0}.v11-pack-row>span{width:34px;height:34px;border-radius:11px;background:#EAF6F2;color:#69D7D0;display:grid;place-items:center}.v11-pack-row b,.v11-pack-row small{display:block}.v11-pack-row small{font-size:9px;color:#748079}.v11-pack-day{margin:13px 0;border:1px solid #E6ECE9;border-radius:18px;overflow:hidden}.v11-pack-day header{display:flex;justify-content:space-between;gap:15px;padding:11px 14px;background:#F2F8F5}.v11-pack-day>div{display:grid;grid-template-columns:70px 1fr 1fr;gap:12px;padding:9px 14px;border-top:1px solid #EDF1EF;align-items:center}.v11-pack-day time{font-weight:800;color:#69D7D0}.v11-pack-day small{color:#748079}
@media(max-width:1200px){.v11-ready-grid{grid-template-columns:1fr 1fr}.v11-inline-create{grid-template-columns:120px 1fr 70px 120px}.v11-inline-create .check-line,.v11-inline-create .btn{grid-row:2}.v11-inline-create .btn{grid-column:4}}
@media(max-width:900px){.v11-command-hero{min-height:auto}.v11-command-art{display:none}.v11-command-grid,.v11-suite-grid,.v11-pack-page-grid{grid-template-columns:1fr}.v11-suite-hero{grid-template-columns:1fr}.v11-departure-score{width:100%;display:grid;grid-template-columns:auto 1fr;gap:10px;text-align:left;align-items:center}.v11-departure-score i{grid-column:1/-1;margin-top:0}.v11-ready-grid{grid-template-columns:1fr}.v11-inline-create{grid-template-columns:1fr 1fr}.v11-inline-create .check-line,.v11-inline-create .btn{grid-row:auto;grid-column:auto}.v11-transport-list article{grid-template-columns:39px 1fr auto}.v11-transport-list article>form:first-of-type{grid-column:2}.v11-budget-form{grid-template-columns:1fr}.v11-budget-form .btn{grid-column:auto}}
@media(max-width:600px){.v11-command-hero,.v11-suite-hero{padding:24px 20px;border-radius:24px}.v11-command-hero h2,.v11-suite-hero h2{font-size:28px}.v11-ready-grid{gap:9px}.v11-command-grid{gap:12px}.v11-quick-tools{grid-template-columns:1fr}.v11-inline-create{grid-template-columns:1fr}.v11-template-row{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.v11-template-row .btn{white-space:nowrap}.v11-transport-list article{grid-template-columns:36px 1fr auto}.v11-transport-list article>form{grid-column:2/-1}.v11-budget-form label{grid-template-columns:1fr 110px}.v11-budget-summary{grid-template-columns:1fr 1fr}.v11-trip-pack-cta,.v11-pack-page-head{align-items:stretch;flex-direction:column}.v11-pack-day>div{grid-template-columns:55px 1fr}.v11-pack-day>div small{grid-column:2}.v11-command-reminders a{grid-template-columns:74px 1fr auto}}
@media print{.v11-pack-page-head .btn,.sidebar,.topbar,.bottom-nav{display:none!important}.main{margin:0!important}.content{padding:0!important}.v11-pack-page-head{margin-top:0}.v11-pack-page-grid{break-inside:avoid}.panel{box-shadow:none!important;border-color:#DFE5E2!important}.v11-pack-day{break-inside:avoid}}
/* V11: sidebar may contain more Travel modules; keep footer reachable on shorter screens. */
.sidebar{min-height:0}.side-nav{overflow-y:auto;min-height:0;padding-right:2px;scrollbar-width:thin}.side-footer{flex:0 0 auto;padding-top:8px}
.v11-auto-reminder{margin:-3px 0 10px}.v11-auto-reminder .btn{width:100%}


/* ========================= TRIPLOOM V12 · BRAND & PALETTE ========================= */
:root{
  --sidebar:252px;
  --bg:#F4FCFB;--surface:#FFFFFF;--surface-2:#DDF7F4;--ink:#1F3B4D;--muted:#6F8792;--line:#C6ECE8;
  --green:#69D7D0;--green-dark:#3FBDB5;--green-2:#8EDFF0;--mint:#DDF7F4;--mint-2:#EAF9FC;
  --yellow:#FFD15C;--coral:#FF9B5E;--peach:#FFE6E0;--peach-ink:#E25563;--sand:#FFF3D6;--red:#FF9B5E;--blue:#8EDFF0;--blue-2:#69D7D0;
  --travel-gradient:linear-gradient(135deg,#3FBDB5 0%,#8EDFF0 62%,#69D7D0 100%);
  --travel-gradient-soft:linear-gradient(135deg,rgba(105,215,208,.16),rgba(114,189,242,.14));
  --accent-gradient:linear-gradient(135deg,#FFD15C,#FF9B5E);
  --shadow:0 26px 70px rgba(34,52,61,.10),0 10px 28px rgba(105,215,208,.09);
  --shadow-sm:0 12px 30px rgba(34,52,61,.08),0 4px 12px rgba(105,215,208,.06);
  --shadow-3d:0 14px 28px rgba(34,52,61,.12),0 5px 10px rgba(105,215,208,.12),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -1px 0 rgba(105,215,208,.08);
}
html{background:#F4FCFB}
body{background:radial-gradient(circle at 8% 8%,rgba(105,215,208,.16),transparent 28rem),radial-gradient(circle at 92% 9%,rgba(114,189,242,.16),transparent 32rem),radial-gradient(circle at 70% 82%,rgba(246,201,104,.08),transparent 27rem),#F4FCFB;color:var(--ink)}
body:before{background:rgba(105,215,208,.10)}body:after{background:rgba(114,189,242,.10)}
.brand.triploom-brand,.triploom-mobile-brand,.triploom-public-brand,.triploom-setup-brand{display:flex;align-items:center;gap:12px}
.triploom-brand{align-items:flex-start;padding:2px 6px 22px}.triploom-copy{display:flex;flex-direction:column;gap:2px}
.triploom-copy b{display:block;font-size:18px;letter-spacing:.08em;color:var(--ink)}
.triploom-copy small,.triploom-mobile-brand small{font-size:10px;line-height:1.35;color:var(--green-dark);letter-spacing:0}
.triploom-logo{display:block;width:168px;max-width:100%;height:auto;filter:drop-shadow(0 12px 26px rgba(105,215,208,.18)) drop-shadow(0 4px 12px rgba(114,189,242,.16))}
.triploom-logo.small{width:146px}
.public-brand .triploom-logo.small{width:140px}.triploom-setup-brand .triploom-logo.small{width:154px}
.mobile-brand{display:flex;align-items:center;gap:10px}.triploom-mobile-brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.triploom-mobile-brand b{font-size:15px;letter-spacing:.08em}
.page-heading h1{margin-bottom:2px}.page-tagline{margin:2px 0 0;font-size:11px;color:var(--muted);font-weight:600}
.brand-mark{background:var(--travel-gradient)!important}
.topbar,.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(246,250,251,.70))}
.global-search,.search-box,.big-search,.panel,.mini-panel,.form-section,.sticky-card,.today-card-v3,.v8-dashboard-rank,.task-row-v5,.money-cards>div,.booking-card,.journal-card,.trip-photo-grid article,.search-links-grid a,.public-note,.public-day,.public-error,.v9-leader-list article,.v9-rank-road>div,.v9-achievement-grid article,.v9-footprint-list article,.v9-checkin-log,.v9-level-admin-grid>div,.v9-xp-rule-grid>div,.v9-rule-grid>div,.backup-card,.user-chip,.auth-card,.setup-card{border-color:rgba(226,236,239,.98)}
.btn-primary{background:var(--travel-gradient)!important}
.btn-peach{background:linear-gradient(145deg,rgba(255,244,229,.94),rgba(255,230,224,.82));color:#C96C38}
.btn-danger{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,230,224,.76));color:#E25563;border-color:rgba(255,143,130,.26)!important}
.badge-peach,.badge-warning{background:rgba(246,201,104,.18)!important;color:#8A6712!important}
.badge-red,.badge-danger{background:rgba(255,143,130,.16)!important;color:#E25563!important}
.badge-green,.badge-soft,.badge-success{background:rgba(221,246,241,.92)!important;color:var(--green-dark)!important}
.hero-v2,.province-hero,.stats-hero,.live-hero-v4,.task-hero-v5,.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,.public-trip-hero,.v11-suite-hero,.v11-command-hero{background:var(--travel-gradient)!important}
.hero-illustration .sun{background:var(--yellow)!important}.hero-illustration .h1{background:#69C8BE!important}.hero-illustration .h2{background:#AEE6F3!important}
.rating{background:rgba(246,201,104,.18)!important;color:#8A6712!important}
.heart-badge,.btn-favorite,.favorite-pill{background:rgba(255,143,130,.90)!important;color:#fff!important}
.text-link,.icon-link,.rank-total,.back-link.dark,.eyebrow,.brand small{color:var(--green-dark)!important}
.notice.warning{background:#FFF5DF;color:#8A6712}.notice.success{background:#DDF7F4;color:#249D98}
.auth-page .auth-logo-img{width:230px;max-width:92%;margin-bottom:18px;filter:drop-shadow(0 14px 30px rgba(105,215,208,.16))}
.auth-page .auth-art{background:var(--travel-gradient)!important}
.setup-body .setup-card h1,.auth-page h1{letter-spacing:-.04em}
.public-footer,.auth-version{color:var(--muted)}
@media (max-width:1200px){:root{--sidebar:236px}.triploom-logo{width:154px}.triploom-copy small{font-size:9px}}
@media (max-width:800px){.page-tagline{display:none}.triploom-brand{padding-bottom:18px}.triploom-logo{width:148px}.topbar{padding-top:14px}.mobile-brand .triploom-logo.small{width:132px}}
@media (max-width:620px){.triploom-mobile-brand small{font-size:9px}.triploom-public-brand{align-items:flex-start}.triploom-public-brand .triploom-logo.small{width:120px}}


/* TRIPLOOM V12.1 · Auth logo lockup */
.triploom-mobile-brand{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:16px;
  margin-bottom:24px;
}
.triploom-mobile-brand .triploom-logo.small{
  width:150px;
  flex:0 0 auto;
}
.triploom-auth-slogan{
  display:block;
  max-width:190px;
  font-size:11px;
  line-height:1.5;
  font-weight:600;
  color:#69D7D0;
}
@media(max-width:520px){
  .triploom-mobile-brand{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  .triploom-mobile-brand .triploom-logo.small{width:155px;}
  .triploom-auth-slogan{
    max-width:none;
    font-size:10px;
    line-height:1.45;
  }
}


/* ========================= TRIPLOOM V12.2 · LOGO ONLY + CLEAN VISUAL REFRESH ========================= */
.triploom-brand.logo-only{padding:0 6px 24px;justify-content:center;align-items:center}
.triploom-brand.logo-only .triploom-logo{width:172px;max-width:100%;margin:0 auto;filter:drop-shadow(0 10px 22px rgba(34,52,61,.10))}
.triploom-copy{display:none!important}

:root{
  --travel-gradient:linear-gradient(135deg,#3FBDB5 0%,#69D7D0 46%,#8EDFF0 100%);
  --travel-gradient-soft:linear-gradient(135deg,rgba(105,215,208,.10),rgba(114,189,242,.10));
  --shadow:0 24px 60px rgba(34,52,61,.08),0 6px 20px rgba(105,215,208,.06);
  --shadow-sm:0 12px 30px rgba(34,52,61,.06),0 4px 12px rgba(105,215,208,.04);
  --shadow-3d:0 12px 24px rgba(34,52,61,.08),0 4px 8px rgba(105,215,208,.06),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(105,215,208,.05);
}
body{background:linear-gradient(180deg,#F8FCFD 0%,#F4FCFB 100%)!important}
body:before,body:after{opacity:.55}
.sidebar{background:rgba(255,255,255,.94)!important;border-right:1px solid #C6ECE8!important;box-shadow:8px 0 24px rgba(34,52,61,.04)}
.topbar{background:rgba(255,255,255,.80)!important;border-bottom:1px solid rgba(226,236,239,.86)}
.page-heading h1{font-size:24px;color:#1F3B4D;letter-spacing:-.03em}
.page-tagline{font-size:12px;color:#5E727A;font-weight:600;max-width:420px}
.eyebrow,.text-link,.icon-link,.back-link.dark{color:#69D7D0!important}

.side-item{color:#445664;border:1px solid transparent;background:transparent}
.side-item:hover{background:#F4FCFB;border-color:#D6ECE8;color:#69D7D0;box-shadow:none}
.side-item.active{background:linear-gradient(135deg,#3FBDB5,#8EDFF0)!important;border-color:transparent;color:#fff;box-shadow:0 12px 24px rgba(105,215,208,.18)}
.side-item.active svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}
.user-chip{background:#fff!important;border:1px solid #C6ECE8!important;box-shadow:var(--shadow-sm)}
.avatar{background:#DDF7F4!important;color:#69D7D0!important}

.global-search,.icon-btn,.btn-soft,.btn-white,.circle-link,.panel,.mini-panel,.form-section,.sticky-card,.today-card-v3,.v8-dashboard-rank,.task-row-v5,.money-cards>div,.booking-card,.journal-card,.trip-photo-grid article,.search-links-grid a,.public-note,.public-day,.public-error,.v9-leader-list article,.v9-rank-road>div,.v9-achievement-grid article,.v9-footprint-list article,.v9-checkin-log,.v9-level-admin-grid>div,.v9-xp-rule-grid>div,.v9-rule-grid>div,.backup-card,.auth-card,.setup-card{
  background:rgba(255,255,255,.92)!important;
  border:1px solid #C6ECE8!important;
  box-shadow:var(--shadow-sm)!important;
  backdrop-filter:blur(10px);
}
.panel,.mini-panel,.form-section{padding:24px}
.panel:hover,.mini-panel:hover{border-color:#D8EDEF!important;box-shadow:0 14px 34px rgba(34,52,61,.06)!important}

.btn{font-weight:700;letter-spacing:0}
.btn-primary{background:linear-gradient(135deg,#3FBDB5 0%,#8EDFF0 100%)!important;color:#fff!important;border:0!important;box-shadow:0 14px 26px rgba(105,215,208,.22)!important}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 30px rgba(105,215,208,.24)!important}
.btn-soft,.btn-white,.icon-btn,.circle-link{color:#69D7D0!important;background:#fff!important}
.btn-soft:hover,.btn-white:hover,.icon-btn:hover,.circle-link:hover{border-color:#CFE8E4!important;background:#F4FCFB!important;transform:translateY(-1px)}
.btn-glass{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.42)!important;color:#fff!important;box-shadow:none!important}
.btn-glass:hover{background:rgba(255,255,255,.24)!important}
.btn-peach{background:#FFF7E5!important;color:#8A6712!important;border:1px solid #F4E3B4!important}
.btn-danger{background:#FFF4F3!important;color:#E25563!important;border:1px solid #FFD4CF!important}

.hero-v2,.province-hero,.stats-hero,.live-hero-v4,.task-hero-v5,.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,.public-trip-hero,.v11-suite-hero,.v11-command-hero{
  background:linear-gradient(135deg,#3FBDB5 0%,#69D7D0 44%,#8EDFF0 100%)!important;
  box-shadow:0 30px 70px rgba(105,215,208,.16)!important;
}
.hero-v2:before,.province-hero:before,.stats-hero:before,.live-hero-v4:before,.task-hero-v5:before,.v9-rank-hero:before,.v9-footprint-hero:before,.v9-leader-hero:before{opacity:.45!important}
.hero-copy h2{font-size:54px;line-height:.95;letter-spacing:-.06em;color:#fff;text-shadow:0 3px 12px rgba(34,52,61,.08)}
.hero-copy p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.96)!important;max-width:560px;font-weight:500}
.hero-actions{gap:12px}
.hero-v2 .btn-soft,.hero-v2 .btn-white{background:rgba(255,255,255,.92)!important;color:#69D7D0!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 12px 24px rgba(34,52,61,.10)!important}
.next-trip-card{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 14px 28px rgba(34,52,61,.08)!important}
.next-trip-card h3,.next-trip-card b{color:#fff}.next-trip-card>p,.next-trip-card small,.next-trip-card .next-label{color:rgba(255,255,255,.82)!important}
.hero-illustration .sun{background:#FFD15C!important;box-shadow:0 0 0 8px rgba(255,255,255,.08)}
.hero-illustration .h1{background:rgba(44,158,149,.82)!important}.hero-illustration .h2{background:rgba(197,237,255,.76)!important}

.stat-strip>a,.stat-strip>div,.place-card,.trip-card-v2,.trip-day-card,.checkin-place-card,.trip-photo-grid article,.collection-mini-list a,.quick-panel>a{background:#fff!important;border:1px solid #C6ECE8!important;box-shadow:var(--shadow-sm)!important}
.stat-strip>a,.stat-strip>div{min-height:84px}
.stat-strip b{font-size:22px;color:#1F3B4D}.stat-strip small{font-size:11px;color:#6F8792}
.stat-icon{box-shadow:none!important}.stat-icon.green{background:#DDF7F4!important;color:#69D7D0!important}.stat-icon.mint{background:#EAF9FC!important;color:#8EDFF0!important}.stat-icon.peach{background:#FFF1EE!important;color:#E07768!important}.stat-icon.sand{background:#FFF7E2!important;color:#8A6712!important}
.place-top h3 a,.section-head h2,.section-head h3,h3,h4,b,strong{color:#1F3B4D}
.muted,.place-desc,.panel p,.mini-panel p,.collection-mini-list small,.quick-panel a i{color:#6F8792!important}
.rating{background:#FFF7E2!important;color:#8A6712!important;border:1px solid #F7E2A8}
.category-pill{background:rgba(255,255,255,.95)!important;color:#69D7D0!important;border:1px solid rgba(221,246,241,.95)!important}
.heart-badge,.btn-favorite,.favorite-pill{background:#FF9B5E!important;color:#fff!important}
.status-btn{background:#F4FCFB!important;border:1px solid #DCEDEE!important;color:#69D7D0!important;box-shadow:none!important}
.status-btn.done{background:linear-gradient(135deg,#3FBDB5,#8EDFF0)!important;border-color:transparent!important;color:#fff!important}
.notice.warning{background:#FFF8E2!important;color:#8A6712!important;border:1px solid #F5E1AF}
.notice.success{background:#ECFBF7!important;color:#69D7D0!important;border:1px solid #D8F2EC}
.badge-green,.badge-soft,.badge-success{background:#ECFBF7!important;color:#69D7D0!important}
.badge-warning,.badge-peach{background:#FFF7E5!important;color:#8A6712!important}
.badge-red,.badge-danger{background:#FFF1EE!important;color:#E25563!important}

.triploom-public-brand .triploom-logo.small,.triploom-mobile-brand .triploom-logo.small,.triploom-setup-brand .triploom-logo.small{filter:drop-shadow(0 8px 18px rgba(34,52,61,.08))}
.auth-page .auth-art{background:linear-gradient(135deg,#3FBDB5 0%,#8EDFF0 100%)!important}
.auth-page .auth-art p,.auth-page .auth-art .eyebrow.light{color:rgba(255,255,255,.92)!important}
.auth-page h1{color:#fff;text-shadow:0 3px 10px rgba(34,52,61,.08)}
.public-footer{color:#6F8792!important}

@media (max-width:920px){
  .triploom-brand.logo-only{padding-bottom:18px}
  .triploom-brand.logo-only .triploom-logo{width:150px}
  .hero-copy h2{font-size:42px}
  .hero-copy p{font-size:14px}
}
@media (max-width:620px){
  .triploom-brand.logo-only .triploom-logo{width:138px}
  .page-tagline{font-size:11px;max-width:none}
  .hero-copy h2{font-size:36px}
  .hero-copy p{font-size:13px}
}


/* ======================================================================
   TRIPLOOM V13 · CLEAN TRAVEL PREMIUM UI
   Goal: fewer competing colors, clearer hierarchy, better readability.
   ====================================================================== */
:root{
  --bg:#F4FCFB;
  --surface:#FFFFFF;
  --surface-2:#F4FCFB;
  --ink:#1F3B4D;
  --muted:#6F8792;
  --line:#C6ECE8;
  --green:#69D7D0;
  --green-dark:#3FBDB5;
  --green-2:#8EDFF0;
  --mint:#DDF7F4;
  --mint-2:#EAF9FC;
  --yellow:#FFD15C;
  --coral:#FF9B5E;
  --travel-gradient:linear-gradient(135deg,#69D7D0 0%,#69D7D0 50%,#8EDFF0 100%);
  --travel-gradient-soft:linear-gradient(135deg,rgba(105,215,208,.08),rgba(114,189,242,.07));
  --shadow:0 24px 60px rgba(34,52,61,.08);
  --shadow-sm:0 10px 28px rgba(34,52,61,.06);
  --shadow-3d:0 10px 22px rgba(34,52,61,.09),inset 0 1px 0 rgba(255,255,255,.90);
}
html,body{background:#F4FCFB!important;color:#1F3B4D}
body{background-image:linear-gradient(180deg,#FAFDFE 0,#F4FCFB 440px)!important}
body:before,body:after{display:none!important}

/* Header hierarchy requested for V13 */
.topbar{height:96px;padding:16px 42px 13px;background:rgba(250,253,254,.94)!important;border-bottom:1px solid #C6ECE8!important;box-shadow:0 5px 20px rgba(34,52,61,.025)!important;backdrop-filter:blur(18px)}
.v13-page-heading{min-width:430px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.v13-brandline{display:flex;align-items:center;gap:8px;min-height:24px;white-space:nowrap}
.v13-brandname{font-size:10px;line-height:1;font-weight:800;letter-spacing:.20em;color:#69D7D0}
.v13-brandline>i{width:1px;height:12px;background:#C7D9DE;display:block}
.v13-slogan{font-size:11px;line-height:1.2;font-weight:600;color:#5D727B;letter-spacing:-.01em}
.v13-version{margin-left:2px;display:inline-flex;align-items:center;justify-content:center;height:23px;padding:0 9px;border-radius:8px;background:#E7F7F4;border:1px solid #CBEAE5;color:#69D7D0;font-size:9px;line-height:1;font-weight:800;letter-spacing:.10em;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.v13-page-heading h1{margin:0;font-size:28px;line-height:1.15;color:#1F3B4D;letter-spacing:-.045em;font-weight:800}
.page-tagline{display:none!important}

/* Logo area: logo only */
.triploom-brand.logo-only{height:auto;min-height:108px;padding:14px 12px 24px;display:flex;align-items:center;justify-content:center}
.triploom-brand.logo-only .triploom-logo{width:188px;max-width:100%;margin:auto;filter:drop-shadow(0 9px 20px rgba(34,52,61,.09))}
.triploom-copy{display:none!important}

/* Restrained overall shell */
.sidebar{background:#FFFFFF!important;border-right:1px solid #C6ECE8!important;box-shadow:7px 0 26px rgba(34,52,61,.035)!important}
.content{padding-top:18px}
.side-nav{gap:5px}
.side-item{height:48px;border-radius:14px;color:#435763;font-weight:600;background:transparent;border:1px solid transparent;box-shadow:none!important}
.side-item:hover{background:#F1F9F8!important;border-color:#DDF7F4!important;color:#69D7D0!important;transform:none!important}
.side-item.active{background:#3FBDB5!important;border-color:#3FBDB5!important;color:#fff!important;box-shadow:0 9px 20px rgba(105,215,208,.20)!important}
.side-item.active:before{display:none!important}
.user-chip{background:#fff!important;border:1px solid #C6ECE8!important;box-shadow:0 8px 22px rgba(34,52,61,.05)!important}
.avatar{background:#DDF7F4!important;color:#69D7D0!important}

/* Search / controls */
.global-search,.search-box,.big-search{background:#fff!important;border:1px solid #DCE8EB!important;box-shadow:0 7px 20px rgba(34,52,61,.045)!important}
.global-search:focus-within,.search-box:focus-within,.big-search:focus-within{border-color:#78CFC7!important;box-shadow:0 0 0 4px rgba(105,215,208,.10)!important}

/* Cards: white is default, not rainbow */
.panel,.mini-panel,.form-section,.sticky-card,.today-card-v3,.v8-dashboard-rank,.task-row-v5,
.money-cards>div,.booking-card,.journal-card,.trip-photo-grid article,.search-links-grid a,.public-note,.public-day,.public-error,
.v9-leader-list article,.v9-rank-road>div,.v9-achievement-grid article,.v9-footprint-list article,.v9-checkin-log,
.v9-level-admin-grid>div,.v9-xp-rule-grid>div,.v9-rule-grid>div,.backup-card,.auth-card,.setup-card,
.stat-strip>a,.stat-strip>div,.place-card,.trip-card-v2,.trip-day-card,.checkin-place-card{
  background:#FFFFFF!important;
  border:1px solid #C6ECE8!important;
  box-shadow:0 10px 28px rgba(34,52,61,.055)!important;
  backdrop-filter:none!important;
}
.panel:hover,.mini-panel:hover,.place-card:hover,.trip-card-v2:hover{border-color:#D4E8EB!important;box-shadow:0 14px 34px rgba(34,52,61,.075)!important}

/* Buttons: one primary color, restrained secondaries */
.btn,.icon-btn,.circle-link,.status-btn,.check-button{box-shadow:none!important}
.btn-primary{background:#3FBDB5!important;color:#fff!important;border:1px solid #3FBDB5!important;box-shadow:0 8px 18px rgba(105,215,208,.18)!important}
.btn-primary:hover{background:#69D7D0!important;border-color:#69D7D0!important;box-shadow:0 10px 22px rgba(105,215,208,.20)!important;transform:translateY(-1px)}
.btn-soft,.btn-white,.icon-btn,.circle-link{background:#fff!important;color:#69D7D0!important;border:1px solid #D9E9E8!important}
.btn-soft:hover,.btn-white:hover,.icon-btn:hover,.circle-link:hover{background:#F2FAF9!important;border-color:#C7E4E0!important;transform:none!important}
.btn-glass{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.44)!important;box-shadow:none!important}
.btn-glass:hover{background:rgba(255,255,255,.24)!important;transform:none!important}
.btn-peach{background:#FFF8E2!important;color:#8A6712!important;border:1px solid #F2E2B7!important}
.btn-danger{background:#FFF3F1!important;color:#E25563!important;border:1px solid #FFD8D3!important}

/* Hero: calm two-tone gradient + much stronger text contrast */
.hero-v2,.province-hero,.stats-hero,.live-hero-v4,.task-hero-v5,.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,.public-trip-hero,.v11-suite-hero,.v11-command-hero{
  background:linear-gradient(135deg,#69D7D0 0%,#69D7D0 52%,#8EDFF0 100%)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 24px 55px rgba(105,215,208,.15)!important;
}
.hero-v2:before,.province-hero:before,.stats-hero:before,.live-hero-v4:before,.task-hero-v5:before,.v9-rank-hero:before,.v9-footprint-hero:before,.v9-leader-hero:before{opacity:.20!important}
.hero-copy{max-width:590px}
.hero-copy h2{font-size:48px!important;line-height:1.02!important;color:#fff!important;text-shadow:0 2px 10px rgba(27,70,78,.10)!important}
.hero-copy p{font-size:14px!important;line-height:1.58!important;color:rgba(255,255,255,.97)!important;font-weight:500}
.hero-v2 .eyebrow.light{color:rgba(255,255,255,.80)!important}
.next-trip-card{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 10px 26px rgba(34,52,61,.08)!important}
.next-trip-card h3,.next-trip-card b{color:#fff!important}.next-trip-card p,.next-trip-card small,.next-trip-card .next-label{color:rgba(255,255,255,.84)!important}
.hero-illustration .sun{background:#FFD15C!important}.hero-illustration .h1{background:rgba(41,143,139,.52)!important}.hero-illustration .h2{background:rgba(218,246,255,.48)!important}

/* Dashboard stats use only soft mint/sky; yellow/coral reserved for semantic highlights */
.stat-strip>a,.stat-strip>div{min-height:82px}
.stat-strip b{font-size:21px;color:#1F3B4D}.stat-strip small{font-size:10px;color:#6F8792}
.stat-icon{box-shadow:none!important}.stat-icon.green,.stat-icon.mint{background:#E5F7F4!important;color:#69D7D0!important}.stat-icon.peach{background:#F0F8FF!important;color:#69D7D0!important}.stat-icon.sand{background:#F3FAFC!important;color:#69D7D0!important}
.rating{background:#FFF8E2!important;color:#8A6712!important;border:1px solid #F3E4B7!important}
.heart-badge,.btn-favorite,.favorite-pill{background:#FF9B5E!important;color:#fff!important}
.category-pill{background:rgba(255,255,255,.96)!important;color:#69D7D0!important;border:1px solid #DDF0ED!important}
.status-btn{background:#F7FBFC!important;color:#69D7D0!important;border:1px solid #C6ECE8!important}
.status-btn.done{background:#3FBDB5!important;color:#fff!important;border-color:#3FBDB5!important}

/* Typography */
.section-head h2,.section-head h3,.place-top h3 a,h2,h3,h4,b,strong{color:#1F3B4D}
.muted,.place-desc,.panel p,.mini-panel p,.collection-mini-list small{color:#6F8792!important}
.eyebrow,.text-link,.icon-link,.back-link.dark{color:#69D7D0!important}
.notice.success{background:#DDF7F4!important;color:#249D98!important;border:1px solid #D8EFEB!important}
.notice.warning{background:#FFF9EA!important;color:#8A6712!important;border:1px solid #F0E1B8!important}

/* Grid rhythm */
.dashboard-grid{gap:22px}.dash-side{gap:14px}.stat-strip{gap:14px;margin:16px 0 28px}.section-head{margin-top:26px}

/* Auth also inherits cleaner V13 branding */
.auth-page .auth-art{background:linear-gradient(135deg,#69D7D0,#8EDFF0)!important}
.auth-page .auth-art p,.auth-page .auth-art .eyebrow.light{color:rgba(255,255,255,.92)!important}
.auth-page .auth-art h1{color:#fff!important}

@media(max-width:1200px){
  .v13-page-heading{min-width:360px}
  .v13-slogan{max-width:210px;overflow:hidden;text-overflow:ellipsis}
  .triploom-brand.logo-only .triploom-logo{width:172px}
}
@media(max-width:980px){
  .topbar{height:auto;min-height:86px}
  .v13-page-heading{min-width:0;flex:1}
  .v13-slogan{display:none}
  .v13-brandline>i{display:none}
  .v13-page-heading h1{font-size:25px}
}
@media(max-width:620px){
  .topbar{padding:13px 18px 11px}
  .v13-brandline{gap:6px}
  .v13-brandname{font-size:9px}
  .v13-version{height:21px;padding:0 7px;font-size:8px}
  .v13-page-heading h1{font-size:23px}
  .triploom-brand.logo-only .triploom-logo{width:146px}
  .hero-copy h2{font-size:36px!important}
}


/* ======================================================================
   TRIPLOOM V13.1 · UI CONSISTENCY FIX
   Unifies hero colors, text contrast, progress bars and semantic accents.
   ====================================================================== */
:root{
  --brand-mint:#69D7D0;
  --brand-mint-dark:#3FBDB5;
  --brand-sky:#8EDFF0;
  --brand-sky-soft:#EAF9FC;
  --brand-mint-soft:#DDF7F4;
  --brand-sun:#FFD15C;
  --brand-coral:#FF9B5E;
  --brand-bg:#F4FCFB;
  --brand-text:#1F3B4D;
  --brand-muted:#6F8792;
  --brand-border:#C6ECE8;
  --brand-hero:linear-gradient(135deg,#69D7D0 0%,#69D7D0 48%,#8EDFF0 100%);
}

/* One visual language for every major hero */
.hero-v2,.province-hero,.stats-hero,.live-hero-v4,.task-hero-v5,.team-hero-v4,
.v6-command-hero,.v6-tools-hero,.v7-map-hero,.v7-photo-hero,.v8-rank-hero,
.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,.v11-suite-hero,.v11-command-hero,
.public-trip-hero,.collection-hero{
  background:var(--brand-hero)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:0 22px 50px rgba(105,215,208,.14)!important;
}
.hero-v2 h1,.hero-v2 h2,.hero-v2 h3,
.province-hero h1,.province-hero h2,.province-hero h3,
.stats-hero h1,.stats-hero h2,.stats-hero h3,
.live-hero-v4 h1,.live-hero-v4 h2,.live-hero-v4 h3,
.task-hero-v5 h1,.task-hero-v5 h2,.task-hero-v5 h3,
.team-hero-v4 h1,.team-hero-v4 h2,.team-hero-v4 h3,
.v6-command-hero h1,.v6-command-hero h2,.v6-command-hero h3,
.v6-tools-hero h1,.v6-tools-hero h2,.v6-tools-hero h3,
.v7-map-hero h1,.v7-map-hero h2,.v7-map-hero h3,
.v7-photo-hero h1,.v7-photo-hero h2,.v7-photo-hero h3,
.v8-rank-hero h1,.v8-rank-hero h2,.v8-rank-hero h3,
.v9-rank-hero h1,.v9-rank-hero h2,.v9-rank-hero h3,
.v9-footprint-hero h1,.v9-footprint-hero h2,.v9-footprint-hero h3,
.v9-leader-hero h1,.v9-leader-hero h2,.v9-leader-hero h3,
.v11-suite-hero h1,.v11-suite-hero h2,.v11-suite-hero h3,
.v11-command-hero h1,.v11-command-hero h2,.v11-command-hero h3,
.public-trip-hero h1,.public-trip-hero h2,.public-trip-hero h3,
.collection-hero h1,.collection-hero h2,.collection-hero h3{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(34,52,61,.10)!important;
}
.hero-v2 p,.province-hero p,.stats-hero p,.live-hero-v4 p,.task-hero-v5 p,.team-hero-v4 p,
.v6-command-hero p,.v6-tools-hero p,.v7-map-hero p,.v7-photo-hero p,.v8-rank-hero p,
.v9-rank-hero p,.v9-footprint-hero p,.v9-leader-hero p,.v11-suite-hero p,.v11-command-hero p,
.public-trip-hero p,.collection-hero p{
  color:rgba(255,255,255,.94)!important;
}
.hero-v2 .eyebrow,.province-hero .eyebrow,.stats-hero .eyebrow,.live-hero-v4 .eyebrow,
.task-hero-v5 .eyebrow,.team-hero-v4 .eyebrow,.v6-command-hero .eyebrow,.v6-tools-hero .eyebrow,
.v7-map-hero .eyebrow,.v7-photo-hero .eyebrow,.v8-rank-hero .eyebrow,.v9-rank-hero .eyebrow,
.v9-footprint-hero .eyebrow,.v9-leader-hero .eyebrow,.v11-suite-hero .eyebrow,.v11-command-hero .eyebrow,
.public-trip-hero .eyebrow,.collection-hero .eyebrow{
  color:rgba(255,255,255,.78)!important;
}

/* Travel Mode – readable and consistent */
.live-hero-v4{min-height:260px!important}
.live-hero-v4 h2{font-size:clamp(34px,4vw,50px)!important;letter-spacing:-.045em!important;margin:7px 0 10px!important}
.live-status-stack{position:relative;z-index:2}
.network-chip{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.34)!important;color:#fff!important;box-shadow:none!important}
.network-chip.offline{background:rgba(255,143,130,.24)!important;border-color:rgba(255,255,255,.28)!important}
.live-progress-ring{background:conic-gradient(#FFD15C calc(var(--progress)*1%),rgba(255,255,255,.22) 0)!important;box-shadow:0 0 0 7px rgba(255,255,255,.10)}
.live-progress-ring:after{background:#69D7D0!important}
.live-progress-ring b,.live-progress-ring small{color:#fff!important}
.live-hero-v4 .btn-white{background:#fff!important;color:#69D7D0!important;border:1px solid rgba(255,255,255,.72)!important}
.live-hero-v4 .btn-glass{color:#fff!important}
.day-strip.compact .day-pill,.day-strip.compact a,.day-strip.compact button{border-color:#DDECEE!important;background:#fff!important;color:#50636D!important;box-shadow:none!important}
.day-strip.compact .active{background:#3FBDB5!important;color:#fff!important;border-color:#3FBDB5!important}
.live-summary-grid>article{background:#fff!important;border:1px solid #C6ECE8!important;box-shadow:0 8px 22px rgba(34,52,61,.045)!important}
.live-summary-grid>article b{color:#1F3B4D!important}.live-summary-grid>article small,.live-summary-grid>article span{color:#6F8792!important}
.live-stop-section{background:#fff!important;border:1px solid #C6ECE8!important;box-shadow:0 10px 28px rgba(34,52,61,.05)!important}
.live-stop-card{background:#F4FCFB!important;border-color:#C6ECE8!important}
.live-stop-card.is-active{border-color:#69C6BE!important;box-shadow:0 0 0 3px rgba(105,215,208,.08)!important}
.live-stop-index span{background:#DDF7F4!important;color:#69D7D0!important}
.live-stop-kicker>*{background:#DDF7F4!important;color:#39756F!important}

/* Health Check / Control Center */
.v6-tools-hero{align-items:center!important}
.v6-tools-hero h2{font-size:clamp(32px,3.4vw,46px)!important;letter-spacing:-.045em!important;max-width:720px}
.v6-health-number,.v6-command-score{
  background:rgba(255,255,255,.15)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:none!important;
}
.v6-health-number b,.v6-health-number small,.v6-command-score b,.v6-command-score small,.v6-command-score span{color:#fff!important}
.v6-tool-kpis>a,.v6-tool-kpis>span,.v6-ready-card,.v6-readiness,.v6-tools-columns>.panel{
  background:#fff!important;border:1px solid #C6ECE8!important;box-shadow:0 8px 22px rgba(34,52,61,.045)!important;
}
.v6-tool-kpis>a>span,.v6-tool-kpis>span>span{background:#DDF7F4!important;color:#69D7D0!important}
.v6-tool-kpis b,.v6-ready-card strong{color:#1F3B4D!important}
.v6-tool-kpis small,.v6-ready-card p{color:#6F8792!important}
.v6-ready-card i,.v6-ready-bars i{background:#EAF1F3!important}
.v6-ready-card i b,.v6-ready-card.tone-peach i b,.v6-ready-card.tone-red i b,.v6-ready-bars i b{
  background:linear-gradient(90deg,#3FBDB5,#8EDFF0)!important;
}
.v6-ready-ring,.v6-ready-ring.tone-green,.v6-ready-ring.tone-peach,.v6-ready-ring.tone-red{border-color:#8CD6CF!important}
.v6-warning-pills span{background:#FFF8E2!important;color:#8A6712!important;border:1px solid #F2E2B7!important}
.v6-audit-list a{background:#F4FCFB!important;border:1px solid #DDF7F4!important}
.v6-audit-list a>span{background:#DDF7F4!important;color:#69D7D0!important}
.v6-duplicate-grid>div{background:#fff!important;border-color:#C6ECE8!important}
.v6-duplicate-grid span{background:#FFF8E2!important;color:#8A6712!important}

/* Other legacy feature heroes: remove old brown / dark-green leftovers */
.v7-map-hero-actions>span,.v7-photo-hero-stats span,.team-hero-v4>div:last-child{
  background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important;
}
.v7-map-hero-actions b,.v7-map-hero-actions small,.v7-photo-hero-stats b,.v7-photo-hero-stats small,.team-hero-v4>div:last-child b,.team-hero-v4>div:last-child small{color:#fff!important}
.v7-map-day-filter button,.v7-photo-filter button{background:#F1F7F7!important;color:#5A6D75!important}
.v7-map-day-filter button.active,.v7-photo-filter button.active{background:#3FBDB5!important;color:#fff!important}
.v7-map-stop.active{border-color:#8AD3CC!important;background:#F0FAF8!important}.v7-map-stop.active>span{background:#3FBDB5!important;color:#fff!important}

/* Semantic colors: use accent only where meaning exists */
.rating{background:#FFF8E2!important;color:#8A6712!important;border-color:#F0E0B0!important}
.heart-badge,.btn-favorite,.favorite-pill{background:#FF9B5E!important;color:#fff!important}
.flash.error,.notice.error,.badge-danger,.badge-red{background:#FFF2F0!important;color:#B83B49!important;border-color:#FFD5D0!important}
.flash.success,.notice.success,.badge-success,.badge-green{background:#ECF9F7!important;color:#249D98!important;border-color:#D7EEEA!important}

/* Prevent broad dark heading rules from leaking into colored surfaces */
.live-hero-v4 b,.v6-tools-hero b,.v6-command-hero b,.team-hero-v4 b,.v7-map-hero b,.v7-photo-hero b,
.v8-rank-hero b,.v9-rank-hero b,.v9-footprint-hero b,.v9-leader-hero b,.v11-suite-hero b,.v11-command-hero b{color:#fff!important}

@media(max-width:900px){
  .v6-tools-hero,.v6-command-hero{align-items:flex-start!important}
  .v6-health-number,.v6-command-score{margin-top:14px!important}
}


/* ========================= TRIPLOOM V13.2 · DASHBOARD WOW REFRESH ========================= */
.dashwow-hero{position:relative;min-height:390px;margin:6px 0 18px;padding:44px 48px;overflow:hidden;border-radius:34px;background:linear-gradient(128deg,#69D7D0 0%,#3FBDB5 46%,#8EDFF0 100%);box-shadow:0 30px 70px rgba(35,141,137,.18);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr);gap:48px;align-items:center;color:#fff}
.dashwow-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.17),transparent 22%),linear-gradient(120deg,transparent 55%,rgba(255,255,255,.06));pointer-events:none}
.dashwow-orb{position:absolute;border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.12)}.dashwow-orb.orb-a{width:330px;height:330px;right:-120px;top:-150px;background:rgba(255,255,255,.08)}.dashwow-orb.orb-b{width:190px;height:190px;right:27%;bottom:-135px;background:rgba(246,201,104,.10)}
.dashwow-hero-copy,.dashwow-visual{position:relative;z-index:2}.dashwow-kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.10);font-size:9px;letter-spacing:.18em;font-weight:800;color:rgba(255,255,255,.90)}
.dashwow-hero-copy h2{margin:16px 0 14px;font-size:52px;line-height:.98;letter-spacing:-.065em;color:#fff}.dashwow-hero-copy>p{max-width:610px;margin:0;color:rgba(255,255,255,.90);font-size:14px;line-height:1.7;font-weight:500}
.dashwow-actions{display:flex;gap:10px;margin-top:25px}.dashwow-btn-main,.dashwow-btn-ghost{min-height:49px;border-radius:16px!important;padding:0 18px!important}.dashwow-btn-main{background:#fff!important;color:#69D7D0!important;border:0!important;box-shadow:0 14px 26px rgba(34,52,61,.13)!important}.dashwow-btn-main span{font-size:16px}.dashwow-btn-ghost{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:none!important}.dashwow-btn-ghost:hover{background:rgba(255,255,255,.20)!important}
.dashwow-mini-metrics{display:flex;gap:28px;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.20);max-width:560px}.dashwow-mini-metrics span{display:block}.dashwow-mini-metrics b,.dashwow-mini-metrics small{display:block}.dashwow-mini-metrics b{font-size:20px;line-height:1;color:#fff}.dashwow-mini-metrics small{margin-top:5px;font-size:9px;color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.08em}
.dashwow-trip-card{display:block;padding:26px;border-radius:28px;background:linear-gradient(150deg,rgba(255,255,255,.22),rgba(255,255,255,.10));border:1px solid rgba(255,255,255,.34);box-shadow:0 22px 45px rgba(34,52,61,.14),inset 0 1px 0 rgba(255,255,255,.30);backdrop-filter:blur(18px);color:#fff;transition:.22s}.dashwow-trip-card:hover{transform:translateY(-4px);background:linear-gradient(150deg,rgba(255,255,255,.26),rgba(255,255,255,.13))}.dashwow-trip-top{display:flex;align-items:center;justify-content:space-between}.dashwow-trip-top span{font-size:9px;letter-spacing:.16em;font-weight:800;color:rgba(255,255,255,.80)}.dashwow-trip-top i{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-style:normal}.dashwow-trip-card h3{margin:22px 0 6px;font-size:30px;letter-spacing:-.04em;color:#fff}.dashwow-trip-card>p{margin:0;color:rgba(255,255,255,.78);font-size:12px}.dashwow-trip-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0 20px}.dashwow-trip-metrics span{padding:13px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14)}.dashwow-trip-metrics b,.dashwow-trip-metrics small{display:block}.dashwow-trip-metrics b{font-size:21px;color:#fff}.dashwow-trip-metrics small{font-size:9px;color:rgba(255,255,255,.68)}.dashwow-trip-foot{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid rgba(255,255,255,.18)}.dashwow-trip-foot b{font-size:10px;color:#fff}.dashwow-trip-foot span{font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.60)}
.dashwow-route-art{min-height:270px;border-radius:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashwow-route-art .dw-sun{position:absolute;width:96px;height:96px;border-radius:50%;right:44px;top:28px;background:#FFD15C}.dashwow-route-art .dw-route{position:absolute;left:28px;right:28px;bottom:62px;height:82px;border-radius:50%;border-bottom:3px dashed rgba(255,255,255,.54);transform:rotate(-7deg)}.dashwow-route-art .dw-pin{position:absolute;font-style:normal;color:#fff;font-size:22px}.dashwow-route-art .p1{left:54px;bottom:94px}.dashwow-route-art .p2{left:46%;bottom:76px}.dashwow-route-art .p3{right:52px;bottom:106px}.dashwow-route-art>b{position:relative;z-index:2;font-size:22px;letter-spacing:.12em;color:#fff}.dashwow-route-art>small{position:relative;z-index:2;margin-top:5px;color:rgba(255,255,255,.72);font-size:9px;letter-spacing:.12em}

.dashwow-today{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;align-items:center;margin:0 0 18px;padding:14px 16px;border-radius:22px;background:#fff;border:1px solid #C6ECE8;box-shadow:0 12px 30px rgba(34,52,61,.06)}.dashwow-today-mark{width:66px;height:58px;border-radius:17px;background:#DDF7F4;display:grid;place-items:center;align-content:center;text-align:center;color:#69D7D0}.dashwow-today-mark span{font-size:7px;font-weight:800;letter-spacing:.14em}.dashwow-today-mark b{font-size:12px}.dashwow-today-main h3{margin:2px 0 1px;font-size:15px}.dashwow-today-main p{margin:0;font-size:9px;color:#6F8792}.dashwow-weather{min-width:190px}

.dashwow-pulse-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(390px,.9fr);gap:16px;margin-bottom:30px}.dashwow-rank-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 24px;border-radius:26px;background:#fff;border:1px solid #C6ECE8;box-shadow:0 14px 34px rgba(34,52,61,.06)}.dashwow-rank-icon{width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,#DDF7F4,#EAF9FC);display:grid;place-items:center;font-size:29px}.dashwow-rank-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.dashwow-rank-line h3{font-size:19px;margin:2px 0 8px}.dashwow-rank-line>b{font-size:12px;color:#69D7D0}.dashwow-progress{height:7px;border-radius:999px;background:#EDF4F5;overflow:hidden}.dashwow-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3FBDB5,#8EDFF0)}.dashwow-rank-copy p{margin:7px 0 0;font-size:9px;color:#6F8792}.dashwow-arrow{font-size:22px;color:#69D7D0}
.dashwow-snapshot{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dashwow-snapshot>div{padding:15px 16px;border-radius:20px;background:#fff;border:1px solid #C6ECE8;box-shadow:0 10px 24px rgba(34,52,61,.05);display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.snap-icon{grid-row:1/3;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-size:15px}.snap-icon.mint{background:#DDF7F4;color:#69D7D0}.snap-icon.sky{background:#EAF9FC;color:#69D7D0}.snap-icon.sun{background:#FFF5D9;color:#8A6712}.snap-icon.coral{background:#FFF0ED;color:#E25563}.dashwow-snapshot b{font-size:18px;line-height:1}.dashwow-snapshot small{font-size:9px;color:#6F8792}

.dashwow-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.dashwow-section-head{align-items:center;margin-top:0}.dashwow-section-head p{margin:4px 0 0;font-size:11px;color:#6F8792}.dashwow-place-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashwow-place-grid .place-card{border-radius:23px;overflow:hidden;box-shadow:0 12px 28px rgba(34,52,61,.05)!important}.dashwow-place-grid .place-cover{height:160px}.dashwow-place-grid .place-body{padding:15px}.dashwow-place-grid .place-body h3{font-size:14px}.dashwow-place-grid .place-desc{font-size:10px}
.dashwow-side{display:flex;flex-direction:column;gap:14px}.dashwow-quick-card,.dashwow-side-card{padding:20px;border-radius:24px;background:#fff;border:1px solid #C6ECE8;box-shadow:0 12px 30px rgba(34,52,61,.05)}.dashwow-quick-card{background:linear-gradient(145deg,#F4FCFA,#F5FAFD);border-color:#DDEDEF}.dashwow-quick-card h3,.dashwow-side-card h3{margin:2px 0 13px;font-size:17px}.dashwow-quick-list,.dashwow-collections,.dashwow-task-list{display:grid;gap:7px}.dashwow-quick-list>a,.dashwow-collections>a,.dashwow-task-list>a{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:15px;transition:.18s}.dashwow-quick-list>a:hover,.dashwow-collections>a:hover,.dashwow-task-list>a:hover{background:#F4FCFB}.dashwow-quick-list>a>span,.dashwow-collections>a>span{width:36px;height:36px;border-radius:12px;background:#fff;border:1px solid #DDEDEF;display:grid;place-items:center;color:#69D7D0}.dashwow-quick-list b,.dashwow-quick-list small,.dashwow-collections b,.dashwow-collections small,.dashwow-task-list b,.dashwow-task-list small{display:block}.dashwow-quick-list b,.dashwow-collections b,.dashwow-task-list b{font-size:11px}.dashwow-quick-list small,.dashwow-collections small,.dashwow-task-list small{font-size:8px;color:#6F8792;margin-top:2px}.dashwow-quick-list i,.dashwow-collections i,.dashwow-task-list i{font-style:normal;color:#87A0A8}.dashwow-task-list>a{grid-template-columns:8px 1fr auto;padding-left:6px}

@media(max-width:1180px){.dashwow-hero{grid-template-columns:1fr 350px;padding:38px}.dashwow-hero-copy h2{font-size:45px}.dashwow-pulse-grid{grid-template-columns:1fr}.dashwow-content-grid{grid-template-columns:1fr 300px}.dashwow-place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dashwow-hero{grid-template-columns:1fr;min-height:auto;gap:28px;padding:32px}.dashwow-visual{max-width:560px;width:100%}.dashwow-content-grid{grid-template-columns:1fr}.dashwow-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dashwow-quick-card{grid-column:1/-1}.dashwow-today{grid-template-columns:auto 1fr}.dashwow-weather{min-width:0}.dashwow-today>.btn{grid-column:1/-1;width:100%}}
@media(max-width:620px){.dashwow-hero{padding:25px 21px;border-radius:26px}.dashwow-hero-copy h2{font-size:36px}.dashwow-hero-copy>p{font-size:12px}.dashwow-actions{flex-direction:column}.dashwow-actions .btn{width:100%}.dashwow-mini-metrics{gap:16px;justify-content:space-between}.dashwow-mini-metrics b{font-size:17px}.dashwow-trip-card{padding:20px;border-radius:23px}.dashwow-trip-card h3{font-size:24px}.dashwow-pulse-grid{gap:10px}.dashwow-rank-card{grid-template-columns:50px 1fr;padding:17px}.dashwow-rank-icon{width:50px;height:50px;border-radius:16px}.dashwow-arrow{display:none}.dashwow-rank-line{align-items:flex-start;flex-direction:column;gap:0}.dashwow-snapshot{gap:7px}.dashwow-snapshot>div{grid-template-columns:32px 1fr;padding:12px}.snap-icon{width:32px;height:32px}.dashwow-place-grid{grid-template-columns:1fr}.dashwow-place-grid .place-cover{height:205px}.dashwow-side{grid-template-columns:1fr}.dashwow-quick-card{grid-column:auto}.dashwow-today-mark{width:58px}.dashwow-section-head{align-items:flex-start;flex-direction:column}.dashwow-section-head .btn{width:100%}}


/* ======================================================================
   TRIPLOOM V13.3 · GLOBAL COLOR, CONTRAST & READABILITY LOCK
   Final authoritative layer. No legacy module may override these tokens.
   ====================================================================== */
:root{
  --ui-primary:#69D7D0;
  --ui-primary-dark:#3FBDB5;
  --ui-sky:#8EDFF0;
  --ui-mint-soft:#DDF7F4;
  --ui-sky-soft:#EAF9FC;
  --ui-sun:#FFD15C;
  --ui-coral:#FF9B5E;
  --ui-bg:#F4FCFB;
  --ui-surface:#FFFFFF;
  --ui-text:#1F3B4D;
  --ui-muted:#6F8792;
  --ui-border:#C6ECE8;
  --ui-border-strong:#C6ECE8;
  --ui-hero-start:#69D7D0;
  --ui-hero-end:#8EDFF0;
  --ui-shadow:0 10px 26px rgba(34,52,61,.055);
  --ui-shadow-hover:0 15px 34px rgba(34,52,61,.075);
}

/* 1. GLOBAL CANVAS & TYPOGRAPHY */
html,body{background:var(--ui-bg)!important;color:var(--ui-text)!important}
body{background-image:none!important}
body:before,body:after{display:none!important}
h1,h2,h3,h4,h5,h6{color:var(--ui-text);font-weight:800;letter-spacing:-.035em}
p,li,td,th,label{color:var(--ui-text)}
.muted,.tiny,.result-line,.place-desc,.panel p,.mini-panel p,.rank-list small,.collection-mini-list small{color:var(--ui-muted)!important}
.eyebrow{color:var(--ui-primary-dark)!important;font-size:10px!important;line-height:1.35;letter-spacing:.16em!important;font-weight:800!important}

/* 2. SURFACES – ONE CARD LANGUAGE */
.panel,.mini-panel,.form-section,.sticky-card,.today-card-v3,.v8-dashboard-rank,.task-row-v5,
.money-cards>div,.booking-card,.journal-card,.trip-photo-grid article,.search-links-grid a,.public-note,.public-day,.public-error,
.v9-leader-list article,.v9-rank-road>div,.v9-achievement-grid article,.v9-footprint-list article,.v9-checkin-log,
.v9-level-admin-grid>div,.v9-xp-rule-grid>div,.v9-rule-grid>div,.backup-card,.auth-card,.setup-card,
.stat-strip>a,.stat-strip>div,.place-card,.trip-card-v2,.trip-day-card,.checkin-place-card,
.v6-tool-kpis>a,.v6-tool-kpis>span,.v6-ready-card,.v6-readiness,.v6-tools-columns>.panel,
.v11-suite-panel,.dashwow-rank-card,.dashwow-snapshot>div,.dashwow-quick-card,.dashwow-side-card,.dashwow-today{
  background:var(--ui-surface)!important;
  border:1px solid var(--ui-border)!important;
  box-shadow:var(--ui-shadow)!important;
  color:var(--ui-text)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.panel:hover,.mini-panel:hover,.place-card:hover,.trip-card-v2:hover,.dashwow-side-card:hover{
  border-color:var(--ui-border-strong)!important;box-shadow:var(--ui-shadow-hover)!important;
}

/* 3. HEADER / SIDEBAR */
.sidebar{background:#fff!important;border-right:1px solid var(--ui-border)!important;box-shadow:7px 0 22px rgba(34,52,61,.035)!important}
.topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--ui-border)!important;box-shadow:none!important}
.v13-brandname{color:var(--ui-primary-dark)!important}.v13-slogan{color:#6F8792!important}.v13-brandline>i{background:#C6ECE8!important}
.v13-version{background:#DDF7F4!important;color:var(--ui-primary-dark)!important;border:1px solid #C6ECE8!important}
.v13-page-heading h1,.page-heading h1{color:var(--ui-text)!important}
.side-item{color:#405563!important;background:transparent!important}
.side-item:hover{background:#F1F9F8!important;color:var(--ui-primary-dark)!important;border-color:#C6ECE8!important}
.side-item.active{background:var(--ui-primary)!important;color:#fff!important;border-color:var(--ui-primary)!important;box-shadow:0 8px 18px rgba(105,215,208,.17)!important}
.user-chip{background:#fff!important;border-color:var(--ui-border)!important}.user-chip b{color:var(--ui-text)!important}.user-chip small{color:var(--ui-muted)!important}

/* 4. FORMS / SEARCH — native fields owned by canonical V15.1.85. */
.global-search,.search-box,.big-search{
  background:#fff!important;border:1px solid #C6ECE8!important;color:var(--ui-text)!important;box-shadow:none!important;
  box-shadow:0 5px 16px rgba(34,52,61,.035)!important
}
.global-search:focus-within,.search-box:focus-within,.big-search:focus-within{
  border-color:#70C9C2!important;box-shadow:0 0 0 3px rgba(105,215,208,.11)!important;outline:0!important;
}

/* 5. BUTTONS – NEVER MULTICOLOUR UNLESS SEMANTIC */
.btn,.icon-btn,.circle-link,.status-btn,.check-button{box-shadow:none!important;text-shadow:none!important}
.btn-primary{background:var(--ui-primary)!important;color:#fff!important;border:1px solid var(--ui-primary)!important;box-shadow:0 7px 16px rgba(105,215,208,.16)!important}
.btn-primary:hover{background:#69D7D0!important;border-color:#69D7D0!important;box-shadow:0 9px 19px rgba(105,215,208,.19)!important}
.btn-soft,.btn-white,.icon-btn,.circle-link{background:#fff!important;color:var(--ui-primary-dark)!important;border:1px solid #C6ECE8!important}
.btn-soft:hover,.btn-white:hover,.icon-btn:hover,.circle-link:hover{background:#F2FAF9!important;border-color:#C7E4E0!important}
.btn-glass{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.48)!important;box-shadow:none!important}
.btn-danger{background:#FFF3F1!important;color:#E25563!important;border:1px solid #FFD5D0!important}
.btn-peach{background:#FFF8E2!important;color:#8A6712!important;border:1px solid #F1DFB1!important}

/* 6. ALL LARGE HEROES – SAME GRADIENT + FORCED CONTRAST */
.hero-v2,.province-hero,.stats-hero,.live-hero-v4,.task-hero-v5,.team-hero-v4,
.v6-command-hero,.v6-tools-hero,.v7-map-hero,.v7-photo-hero,.v8-rank-hero,
.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,.v11-suite-hero,.v11-command-hero,
.public-trip-hero,.collection-hero,.dashwow-hero{
  background:linear-gradient(135deg,var(--ui-hero-start) 0%,#69D7D0 50%,var(--ui-hero-end) 100%)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 20px 48px rgba(105,215,208,.13)!important;
}
.hero-v2:before,.province-hero:before,.stats-hero:before,.live-hero-v4:before,.task-hero-v5:before,
.team-hero-v4:before,.v6-command-hero:before,.v6-tools-hero:before,.v7-map-hero:before,.v7-photo-hero:before,
.v8-rank-hero:before,.v9-rank-hero:before,.v9-footprint-hero:before,.v9-leader-hero:before,
.v11-suite-hero:before,.v11-command-hero:before,.public-trip-hero:before,.collection-hero:before,.dashwow-hero:before{opacity:.12!important}
/* Important: legacy global b/strong rules previously made hero statistics dark. */
.hero-v2 h1,.hero-v2 h2,.hero-v2 h3,.hero-v2 h4,.hero-v2 p,.hero-v2 b,.hero-v2 strong,.hero-v2 small,.hero-v2 span,
.province-hero h1,.province-hero h2,.province-hero h3,.province-hero h4,.province-hero p,.province-hero b,.province-hero strong,.province-hero small,.province-hero span,
.stats-hero h1,.stats-hero h2,.stats-hero h3,.stats-hero h4,.stats-hero p,.stats-hero b,.stats-hero strong,.stats-hero small,.stats-hero span,
.live-hero-v4 h1,.live-hero-v4 h2,.live-hero-v4 h3,.live-hero-v4 h4,.live-hero-v4 p,.live-hero-v4 b,.live-hero-v4 strong,.live-hero-v4 small,.live-hero-v4 span,
.task-hero-v5 h1,.task-hero-v5 h2,.task-hero-v5 h3,.task-hero-v5 h4,.task-hero-v5 p,.task-hero-v5 b,.task-hero-v5 strong,.task-hero-v5 small,.task-hero-v5 span,
.team-hero-v4 h1,.team-hero-v4 h2,.team-hero-v4 h3,.team-hero-v4 h4,.team-hero-v4 p,.team-hero-v4 b,.team-hero-v4 strong,.team-hero-v4 small,.team-hero-v4 span,
.v6-command-hero h1,.v6-command-hero h2,.v6-command-hero h3,.v6-command-hero p,.v6-command-hero b,.v6-command-hero strong,.v6-command-hero small,.v6-command-hero span,
.v6-tools-hero h1,.v6-tools-hero h2,.v6-tools-hero h3,.v6-tools-hero p,.v6-tools-hero b,.v6-tools-hero strong,.v6-tools-hero small,.v6-tools-hero span,
.v7-map-hero h1,.v7-map-hero h2,.v7-map-hero h3,.v7-map-hero p,.v7-map-hero b,.v7-map-hero strong,.v7-map-hero small,.v7-map-hero span,
.v7-photo-hero h1,.v7-photo-hero h2,.v7-photo-hero h3,.v7-photo-hero p,.v7-photo-hero b,.v7-photo-hero strong,.v7-photo-hero small,.v7-photo-hero span,
.v8-rank-hero h1,.v8-rank-hero h2,.v8-rank-hero h3,.v8-rank-hero p,.v8-rank-hero b,.v8-rank-hero strong,.v8-rank-hero small,.v8-rank-hero span,
.v9-rank-hero h1,.v9-rank-hero h2,.v9-rank-hero h3,.v9-rank-hero p,.v9-rank-hero b,.v9-rank-hero strong,.v9-rank-hero small,.v9-rank-hero span,
.v9-footprint-hero h1,.v9-footprint-hero h2,.v9-footprint-hero h3,.v9-footprint-hero p,.v9-footprint-hero b,.v9-footprint-hero strong,.v9-footprint-hero small,.v9-footprint-hero span,
.v9-leader-hero h1,.v9-leader-hero h2,.v9-leader-hero h3,.v9-leader-hero p,.v9-leader-hero b,.v9-leader-hero strong,.v9-leader-hero small,.v9-leader-hero span,
.v11-suite-hero h1,.v11-suite-hero h2,.v11-suite-hero h3,.v11-suite-hero p,.v11-suite-hero b,.v11-suite-hero strong,.v11-suite-hero small,.v11-suite-hero span,
.v11-command-hero h1,.v11-command-hero h2,.v11-command-hero h3,.v11-command-hero p,.v11-command-hero b,.v11-command-hero strong,.v11-command-hero small,.v11-command-hero span,
.public-trip-hero h1,.public-trip-hero h2,.public-trip-hero h3,.public-trip-hero p,.public-trip-hero b,.public-trip-hero strong,.public-trip-hero small,.public-trip-hero span,
.collection-hero h1,.collection-hero h2,.collection-hero h3,.collection-hero p,.collection-hero b,.collection-hero strong,.collection-hero small,.collection-hero span,
.dashwow-hero h1,.dashwow-hero h2,.dashwow-hero h3,.dashwow-hero p,.dashwow-hero b,.dashwow-hero strong,.dashwow-hero small,.dashwow-hero span{
  color:#fff!important;text-shadow:none!important;
}
.hero-v2 .eyebrow,.province-hero .eyebrow,.stats-hero .eyebrow,.live-hero-v4 .eyebrow,.task-hero-v5 .eyebrow,
.team-hero-v4 .eyebrow,.v6-command-hero .eyebrow,.v6-tools-hero .eyebrow,.v7-map-hero .eyebrow,.v7-photo-hero .eyebrow,
.v8-rank-hero .eyebrow,.v9-rank-hero .eyebrow,.v9-footprint-hero .eyebrow,.v9-leader-hero .eyebrow,
.v11-suite-hero .eyebrow,.v11-command-hero .eyebrow,.public-trip-hero .eyebrow,.collection-hero .eyebrow,.dashwow-hero .eyebrow{
  color:rgba(255,255,255,.88)!important;
}

/* 7. STATS PAGE – explicit readability */
.stats-hero{padding:42px!important}
.stats-hero h2{font-size:clamp(34px,4vw,46px)!important;line-height:1.02!important;margin:8px 0 28px!important}
.big-stats{gap:0!important}
.big-stats>div{padding:8px 24px!important;border-left:1px solid rgba(255,255,255,.30)!important}
.big-stats>div:first-child{padding-left:18px!important}
.big-stats b{font-size:32px!important;line-height:1.1!important;color:#fff!important;font-weight:800!important}
.big-stats small{font-size:10px!important;line-height:1.45!important;color:rgba(255,255,255,.88)!important;font-weight:600!important;margin-top:5px!important}
.stats-extra>div{min-height:92px!important}.stats-extra b{font-size:23px!important}.stats-extra small{font-size:10px!important}
.bar{background:#EBF2F3!important}.bar i{background:var(--ui-primary)!important}.rank-total{color:var(--ui-primary-dark)!important}

/* 8. PROVINCE / DESTINATION CARDS */
.province-card{background:#D7EFF1!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}
.province-art{background:linear-gradient(145deg,#3FBDB5 0%,#8EDFF0 100%)!important}
.province-art i:nth-child(1){background:rgba(35,141,137,.58)!important}.province-art i:nth-child(2){background:rgba(215,244,250,.40)!important}
.province-overlay{background:linear-gradient(180deg,rgba(21,52,60,.02) 20%,rgba(24,61,70,.16) 50%,rgba(24,61,70,.82) 100%)!important}
.province-info>span{font-size:22px!important;color:#fff!important;text-shadow:0 2px 9px rgba(17,48,56,.18)!important}
.province-info>div,.province-info>div b{font-size:10px!important;color:rgba(255,255,255,.90)!important}
.province-arrow{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.38)!important}

/* 9. TRAVEL MODE / HEALTH CHECK / PROGRESS */
.live-progress-ring{background:conic-gradient(var(--ui-sun) calc(var(--progress)*1%),rgba(255,255,255,.24) 0)!important}
.live-progress-ring:after{background:#249D98!important}.live-progress-ring b,.live-progress-ring small{color:#fff!important}
.network-chip{color:#fff!important}
.day-strip.compact .active{background:var(--ui-primary)!important;color:#fff!important;border-color:var(--ui-primary)!important}
.live-summary-grid>article b{color:var(--ui-text)!important}.live-summary-grid>article small,.live-summary-grid>article span{color:var(--ui-muted)!important}
.v6-ready-card i,.v6-ready-bars i,.dashwow-progress{background:#EAF1F3!important}
.v6-ready-card i b,.v6-ready-bars i b,.dashwow-progress i{background:linear-gradient(90deg,var(--ui-primary),var(--ui-sky))!important}
.v6-health-number,.v6-command-score,.v11-departure-score{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.36)!important}
.v6-health-number b,.v6-health-number small,.v6-command-score b,.v6-command-score small,.v11-departure-score b,.v11-departure-score small{color:#fff!important}

/* 10. SEMANTIC ACCENTS ONLY */
.rating{background:#FFF8E2!important;color:#8A6712!important;border:1px solid #F0DFAD!important}
.heart-badge,.btn-favorite,.favorite-pill{background:var(--ui-coral)!important;color:#fff!important}
.flash.success,.notice.success,.badge-success,.badge-green{background:#ECF9F7!important;color:#249D98!important;border-color:#D7EEEA!important}
.flash.error,.notice.error,.badge-danger,.badge-red{background:#FFF2F0!important;color:#B83B49!important;border-color:#FFD5D0!important}
.notice.warning,.badge-warning,.badge-peach{background:#FFF9EA!important;color:#8A6712!important;border-color:#F0E1B8!important}
.stat-icon.green,.stat-icon.mint{background:var(--ui-mint-soft)!important;color:var(--ui-primary-dark)!important}
.stat-icon.peach,.stat-icon.sand{background:var(--ui-sky-soft)!important;color:#69D7D0!important}

/* 11. DASHBOARD WOW – make glass trip card readable, not washed out */
.dashwow-trip-card{background:rgba(30,105,118,.20)!important;border-color:rgba(255,255,255,.42)!important;box-shadow:0 16px 34px rgba(25,78,87,.14)!important}
.dashwow-trip-card:hover{background:rgba(30,105,118,.25)!important}
.dashwow-trip-card h3,.dashwow-trip-card b,.dashwow-trip-card strong{color:#fff!important}
.dashwow-trip-card p,.dashwow-trip-card small,.dashwow-trip-card span{color:rgba(255,255,255,.91)!important}
.dashwow-trip-metrics span{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important}
.dashwow-trip-foot{border-color:rgba(255,255,255,.28)!important}
.dashwow-mini-metrics small{color:rgba(255,255,255,.82)!important}
.dashwow-btn-main{background:#fff!important;color:var(--ui-primary-dark)!important}.dashwow-btn-ghost{color:#fff!important}

/* 12. Readability floors */
.panel small,.mini-panel small,.stat-strip small,.money-cards small,.live-summary-grid small{line-height:1.45}
.section-head h2{font-size:24px}.section-head h3{font-size:18px}
.toolbar{gap:12px}.search-box{min-height:48px}.btn{min-height:44px}

@media(max-width:800px){
  .stats-hero{padding:28px!important}.big-stats{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}
  .big-stats>div{padding:10px 14px!important}.big-stats b{font-size:27px!important}.big-stats small{font-size:9px!important}
  .province-info>span{font-size:20px!important}.province-info>div,.province-info>div b{font-size:9px!important}
}
@media(max-width:560px){
  .stats-hero{padding:24px!important}.stats-hero h2{font-size:31px!important}.big-stats b{font-size:25px!important}
  .section-head h2{font-size:22px}.btn{min-height:43px}
}

/* ========================= TRIPLOOM V14 · CHUYỆN HÀNH TRÌNH ========================= */
.story-community-hero-v14{margin-bottom:18px;padding:34px 38px;border-radius:30px;background:linear-gradient(135deg,#69D7D0 0%,#3FBDB5 48%,#8EDFF0 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 24px 60px rgba(35,141,137,.16);overflow:hidden;position:relative}.story-community-hero-v14:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-120px;top:-170px;background:rgba(255,255,255,.10)}.story-community-hero-v14>div,.story-community-hero-v14>a{position:relative;z-index:1}.story-community-hero-v14 h2{font-size:38px;line-height:1;margin:5px 0 10px;color:#fff}.story-community-hero-v14 p{margin:0;color:rgba(255,255,255,.91);max-width:720px}.story-cycle-v14{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px;font-size:10px;font-weight:800;letter-spacing:.05em}.story-cycle-v14 span,.story-cycle-v14 b{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);color:#fff}.story-cycle-v14 i{font-style:normal;opacity:.7}
.story-toolbar-v14{position:sticky;top:88px;z-index:15;margin-bottom:18px;padding:10px;border:1px solid #C6ECE8;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(34,52,61,.05);backdrop-filter:blur(16px)}.story-toolbar-v14 nav{display:flex;gap:5px;overflow:auto;padding-bottom:7px}.story-toolbar-v14 nav a{white-space:nowrap;padding:9px 12px;border-radius:12px;font-size:11px;font-weight:700;color:#627680}.story-toolbar-v14 nav a:hover,.story-toolbar-v14 nav a.active{background:#DDF7F4;color:#69D7D0}.story-toolbar-v14 form{display:grid;grid-template-columns:auto 1fr 180px auto;gap:8px;align-items:center;border-top:1px solid #C6ECE8;padding-top:9px}.story-toolbar-v14 form>span{padding-left:8px;color:#6F8792}.story-toolbar-v14 input,.story-toolbar-v14 select{min-height:40px;padding:8px 11px}.story-layout-v14{display:grid;grid-template-columns:minmax(0,820px) 310px;gap:24px;align-items:start}.story-feed-v14{display:grid;gap:18px}.story-aside-v14{display:grid;gap:16px;position:sticky;top:214px}.story-signature-v14{text-align:center;background:linear-gradient(145deg,#ECFBF7,#EFF8FF)!important}.story-signature-v14>span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 10px;border-radius:18px;background:#fff;font-size:25px;box-shadow:0 10px 20px rgba(35,141,137,.10)}.story-signature-v14 h3{margin:0 0 5px;color:#69D7D0}.story-signature-v14 p{font-size:11px;margin:0}.story-topic-cloud-v14{display:flex;flex-wrap:wrap;gap:7px}.story-topic-cloud-v14 form{margin:0}.story-topic-cloud-v14 button{border:1px solid #C6ECE8;background:#F4FCFB;color:#69D7D0;border-radius:999px;padding:7px 9px;font-size:10px;cursor:pointer}.story-topic-cloud-v14 button small{color:#6F8792}.story-trending-list-v14{display:grid}.story-trending-list-v14 a{padding:10px 0;border-bottom:1px solid #DDF7F4}.story-trending-list-v14 a:last-child{border:0}.story-trending-list-v14 b,.story-trending-list-v14 small{display:block}.story-trending-list-v14 b{font-size:12px}.story-trending-list-v14 small{font-size:9px;color:#6F8792;margin-top:3px}
.story-card-v14{background:#fff;border:1px solid #C6ECE8;border-radius:26px;box-shadow:0 14px 34px rgba(34,52,61,.055);overflow:hidden}.story-author-v14{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:17px 18px 10px}.story-avatar-v14{width:42px;height:42px;border-radius:14px;overflow:hidden;background:#DDF7F4;display:grid;place-items:center;color:#69D7D0;font-weight:800}.story-avatar-v14 img{width:100%;height:100%;object-fit:cover}.story-author-v14 b,.story-author-v14 p{margin:0}.story-author-v14 b{font-size:12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.story-author-v14 b>small{font-size:9px;color:#6F8792;font-weight:600}.story-author-v14 p{font-size:9px;color:#879AA2;margin-top:2px}.story-verified-v14,.story-local-v14{font-style:normal;font-size:8px;padding:3px 6px;border-radius:999px}.story-verified-v14{background:#DDF7F4;color:#69D7D0}.story-local-v14{background:#EFF7FE;color:#8EDFF0}.story-more-v14{font-weight:800;color:#7A8D95}.story-sensitive-v14{margin:0 18px 8px;padding:9px 11px;background:#FFF7E5;border:1px solid #F5E2B6;border-radius:12px;color:#8A6712;font-size:10px}.story-main-v14{display:block;padding:4px 18px 16px}.story-type-chip-v14{display:inline-flex;padding:5px 8px;border-radius:999px;background:#F0FAF8;color:#69D7D0;font-size:9px;font-weight:800}.story-main-v14 h2{font-size:24px;line-height:1.18;margin:9px 0 7px;color:#1F3B4D}.story-main-v14>p{font-size:12px;line-height:1.65;color:#5F727B;margin:0 0 13px}.story-cover-v14{height:360px;border-radius:20px;overflow:hidden;background:#F1F6F7;margin:12px 0}.story-cover-v14 img{width:100%;height:100%;object-fit:cover}.story-source-v14{border:1px solid #DDECEE;background:#F4FCFB;border-radius:18px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:end}.story-source-v14 small,.story-source-v14 b,.story-source-v14 span{display:block}.story-source-v14 small{font-size:8px;letter-spacing:.14em;color:#69D7D0;font-weight:800}.story-source-v14 b{font-size:15px;margin:3px 0}.story-source-v14 span{font-size:10px;color:#6F8792}.story-meta-v14{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.story-meta-v14 span{background:#fff;border:1px solid #E3EDEF;border-radius:999px;padding:5px 7px;font-size:9px}.story-tags-v14{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.story-tags-v14 span{font-size:9px;color:#249D98;background:#DDF7F4;padding:4px 7px;border-radius:999px}.story-actions-v14{border-top:1px solid #DDF7F4;padding:8px 12px;display:flex;gap:3px;overflow:auto}.story-actions-v14 form{margin:0;display:flex}.story-actions-v14 button,.story-actions-v14>a,.story-visited-action{border:0;background:transparent;min-height:38px;border-radius:11px;padding:7px 9px;display:flex;align-items:center;gap:4px;font-size:10px;color:#526871;cursor:pointer;white-space:nowrap}.story-actions-v14 button:hover,.story-actions-v14>a:hover,.story-actions-v14 button.active{background:#DDF7F4;color:#69D7D0}.story-actions-v14 small{font-size:8px;color:#8FA0A7}.story-visited-action.verified{color:#69D7D0;background:#EBF9F6}.story-weave-v14{margin:0 12px 12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#69D7D0,#3FBDB5);color:#fff;display:grid;grid-template-columns:36px auto 1fr auto;gap:8px;align-items:center}.story-weave-v14>span{font-size:21px}.story-weave-v14 b{color:#fff;font-size:12px}.story-weave-v14 small{font-size:9px;color:rgba(255,255,255,.83)}.story-weave-v14 i{font-style:normal;font-size:18px}.story-load-more-v14{display:block;text-align:center;padding:14px;background:#fff;border:1px solid #C6ECE8;border-radius:16px;color:#69D7D0;font-weight:800}
.story-editor-head-v14{margin-bottom:20px}.story-editor-head-v14 h2{font-size:34px;margin:4px 0}.story-editor-head-v14 p{color:#6F8792;margin:0;max-width:760px}.story-editor-v14{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.story-editor-main-v14{display:grid;gap:16px}.story-type-picker-v14{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.story-type-picker-v14 label{cursor:pointer}.story-type-picker-v14 input{position:absolute;opacity:0}.story-type-picker-v14 label>span{display:grid;grid-template-columns:38px 1fr;column-gap:9px;padding:12px;border:1px solid #C6ECE8;border-radius:16px;background:#fff}.story-type-picker-v14 label i{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#DDF7F4;display:grid;place-items:center;font-style:normal;font-size:17px}.story-type-picker-v14 b,.story-type-picker-v14 small{display:block}.story-type-picker-v14 b{font-size:11px}.story-type-picker-v14 small{font-size:9px;color:#6F8792}.story-type-picker-v14 input:checked+span{border-color:#8ED8D1;background:#F1FBF9;box-shadow:0 0 0 3px rgba(105,215,208,.09)}.story-editor-side-v14{min-width:0}.story-source-preview-v14>div{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center}.story-source-preview-v14 img{width:130px;height:100px;object-fit:cover;border-radius:14px}.story-source-preview-v14 h3{margin:2px 0}.story-source-preview-v14 p,.story-source-preview-v14 em{display:block;margin:2px 0;color:#6F8792;font-style:normal;font-size:10px}.story-source-preview-v14 em{color:#69D7D0}
.source-story-panel-v14{margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(145deg,#F2FCFA,#F3F9FE)!important}.source-story-panel-v14 h3{margin:3px 0}.source-story-panel-v14 p{margin:0;max-width:650px}.source-story-panel-v14>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.story-share-status-v14{font-size:9px;color:#526871;background:#fff;border:1px solid #C6ECE8;padding:7px 9px;border-radius:999px}.v14-album-story-link{width:30px;height:30px;border-radius:10px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center}
.story-detail-shell-v14{display:grid;grid-template-columns:minmax(0,820px) 300px;gap:24px;align-items:start}.story-detail-shell-v14>main{display:grid;gap:16px}.story-detail-side-v14{display:grid;gap:16px;position:sticky;top:104px}.story-media-grid-v14{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.story-media-grid-v14 a{min-height:150px;border-radius:15px;overflow:hidden;background:#EEF5F6}.story-media-grid-v14 img{width:100%;height:100%;object-fit:cover}.story-video-link-v14{display:grid!important;place-items:center;color:#69D7D0;font-weight:800}.story-highlight-grid-v14{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.story-highlight-grid-v14 a{border:1px solid #C6ECE8;border-radius:16px;overflow:hidden}.story-highlight-grid-v14 img{height:110px;width:100%;object-fit:cover}.story-highlight-grid-v14 div{padding:9px}.story-highlight-grid-v14 b,.story-highlight-grid-v14 small{display:block}.story-highlight-grid-v14 b{font-size:11px}.story-highlight-grid-v14 small{font-size:9px;color:#6F8792}.story-return-note-v14{padding:18px;border-radius:20px;background:#FFF8E2;border:1px solid #F2E2BB;display:flex;gap:12px}.story-return-note-v14>span{font-size:24px}.story-return-note-v14 small{font-weight:800;color:#8A6712}.story-return-note-v14 p{margin:4px 0 0;color:#5E5B4E}.story-replay-v14{display:grid;grid-template-columns:110px 1fr;gap:0}.story-replay-day-v14{grid-column:1/-1;margin:10px 0 4px;display:flex;gap:8px;align-items:center}.story-replay-day-v14 b{color:#69D7D0}.story-replay-day-v14 small{color:#6F8792}.story-replay-stop-v14{grid-column:1/-1;display:grid;grid-template-columns:75px 14px 1fr;gap:10px;min-height:56px}.story-replay-stop-v14 time{text-align:right;font-size:10px;color:#6F8792;padding-top:3px}.story-replay-stop-v14 i{position:relative}.story-replay-stop-v14 i:before{content:"";position:absolute;left:5px;top:6px;width:7px;height:7px;border-radius:50%;background:#3FBDB5}.story-replay-stop-v14 i:after{content:"";position:absolute;left:8px;top:14px;bottom:0;width:1px;background:#D6E8E9}.story-replay-stop-v14 b,.story-replay-stop-v14 small{display:block}.story-replay-stop-v14 b{font-size:11px}.story-replay-stop-v14 small{font-size:9px;color:#6F8792}.story-weave-panel-v14{padding:25px;border-radius:26px;background:linear-gradient(135deg,#69D7D0,#3FBDB5,#8EDFF0);color:#fff;display:grid;grid-template-columns:1fr 290px;gap:24px;align-items:center}.story-weave-panel-v14 h2{margin:5px 0;color:#fff}.story-weave-panel-v14 p{color:rgba(255,255,255,.90)}.story-weave-panel-v14 small{color:rgba(255,255,255,.78)}.story-weave-panel-v14 form{display:grid;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);border-radius:18px}.story-weave-panel-v14 label{color:#fff;font-size:9px}.story-comment-form-v14 textarea{width:100%}.story-comment-form-v14>div{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.story-comments-v14{display:grid;gap:10px;margin-top:16px}.story-comments-v14 article{display:grid;grid-template-columns:36px 1fr;gap:9px;padding:11px;border-radius:15px;background:#F4FCFB;border:1px solid #E6EFF0}.story-comments-v14 article.is-answer{border-color:#A7DED7;background:#F1FBF9}.story-comments-v14 header{display:flex;justify-content:space-between;gap:8px}.story-comments-v14 header small{font-size:8px;color:#879AA2}.story-comments-v14 p{margin:4px 0;font-size:11px}.story-profile-mini-v14{display:flex;gap:9px;align-items:center;margin-bottom:10px}.story-profile-mini-v14 img,.story-profile-mini-v14>.avatar{width:42px;height:42px;border-radius:14px;object-fit:cover}.story-profile-mini-v14 b,.story-profile-mini-v14 small{display:block}.story-profile-mini-v14 small{font-size:9px;color:#6F8792}.story-companion-v14{text-align:center}.story-companion-v14>span{font-size:30px}.story-companion-v14 h3{margin:6px 0}.story-companion-v14 p{font-size:10px}
.moderation-head-v14{padding:28px 30px;border-radius:28px;background:linear-gradient(135deg,#1F3B4D,#69D7D0);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.moderation-head-v14 h2{font-size:32px;color:#fff;margin:4px 0}.moderation-head-v14 p{color:rgba(255,255,255,.83);margin:0;max-width:700px}.moderation-head-v14>div:last-child{display:flex;gap:8px}.moderation-head-v14>div:last-child span{min-width:84px;text-align:center;padding:12px;border:1px solid rgba(255,255,255,.20);border-radius:15px;background:rgba(255,255,255,.09)}.moderation-head-v14 b,.moderation-head-v14 small{display:block;color:#fff}.moderation-head-v14 b{font-size:22px}.moderation-head-v14 small{font-size:8px;opacity:.78}.moderation-tabs-v14{display:flex;gap:6px;overflow:auto;margin:14px 0 18px;padding:7px;border:1px solid #C6ECE8;border-radius:16px;background:#fff}.moderation-tabs-v14 a{white-space:nowrap;padding:8px 10px;border-radius:10px;font-size:10px;font-weight:700;color:#627680}.moderation-tabs-v14 a.active{background:#DDF7F4;color:#69D7D0}.moderation-kpis-v14{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.moderation-kpis-v14>div{padding:18px;border:1px solid #C6ECE8;background:#fff;border-radius:18px}.moderation-kpis-v14 b,.moderation-kpis-v14 span{display:block}.moderation-kpis-v14 b{font-size:27px}.moderation-kpis-v14 span{font-size:9px;color:#6F8792}.moderation-policy-grid-v14{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.moderation-policy-grid-v14>div{padding:12px;border-radius:14px;border:1px solid #E6EFF0;background:#F4FCFB}.moderation-policy-grid-v14 p{font-size:9px;margin:3px 0}.moderation-list-v14{display:grid;gap:10px;margin-top:12px}.moderation-list-v14 article{display:grid;grid-template-columns:1fr 300px;gap:15px;padding:13px;border:1px solid #C6ECE8;border-radius:15px}.moderation-list-v14 article b,.moderation-list-v14 article small,.moderation-list-v14 article em{display:block}.moderation-list-v14 article>div>b{font-size:13px;margin:5px 0}.moderation-list-v14 article small{font-size:9px;color:#6F8792}.moderation-list-v14 article p{font-size:10px}.moderation-list-v14 article em{font-size:9px;color:#C96C38;font-style:normal}.moderation-list-v14 article form{display:grid;gap:7px;align-content:start}.moderation-report-list-v14,.moderation-simple-list-v14{display:grid;gap:6px;margin-top:12px}.moderation-report-list-v14 a{display:grid;grid-template-columns:90px 1fr auto;gap:10px;padding:11px;border:1px solid #C6ECE8;border-radius:14px}.moderation-report-list-v14>a>span{font-size:9px;font-weight:800;color:#E25563}.moderation-report-list-v14 b,.moderation-report-list-v14 small{display:block}.moderation-report-list-v14 small,.moderation-report-list-v14 p{font-size:9px;color:#6F8792}.moderation-simple-list-v14 a{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #DDF7F4}.moderation-simple-list-v14 b{font-size:11px}.moderation-simple-list-v14 small{font-size:9px;color:#6F8792}.moderation-user-list-v14{display:grid;gap:6px;margin-top:12px}.moderation-user-list-v14>div{display:grid;grid-template-columns:38px 1fr 60px;gap:9px;align-items:center;padding:10px;border-bottom:1px solid #DDF7F4}.moderation-user-list-v14 b,.moderation-user-list-v14 small,.moderation-user-list-v14 strong{display:block}.moderation-user-list-v14 small{font-size:9px;color:#6F8792}.moderation-user-list-v14 strong{text-align:center;font-size:17px}.moderation-user-list-v14 strong small{font-size:7px}.moderation-log-list-v14{display:grid;margin-top:12px}.moderation-log-list-v14>div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #DDF7F4}.moderation-log-list-v14 time{font-size:9px;color:#6F8792}.moderation-log-list-v14 b,.moderation-log-list-v14 small{display:block}.moderation-log-list-v14 b{font-size:10px}.moderation-log-list-v14 small{font-size:8px;color:#6F8792}.moderation-log-list-v14 p{font-size:9px;margin:3px 0}
@media(max-width:1180px){.story-layout-v14{grid-template-columns:1fr 280px}.story-detail-shell-v14{grid-template-columns:1fr 270px}.story-community-hero-v14 h2{font-size:34px}}
@media(max-width:980px){.story-layout-v14,.story-detail-shell-v14,.story-editor-v14{grid-template-columns:1fr}.story-aside-v14,.story-detail-side-v14{position:static}.story-editor-side-v14 .sticky-card{position:static}.story-community-hero-v14{align-items:flex-start}.story-toolbar-v14{top:78px}.story-weave-panel-v14{grid-template-columns:1fr}.moderation-list-v14 article{grid-template-columns:1fr}.moderation-policy-grid-v14,.moderation-kpis-v14{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.story-community-hero-v14{padding:25px 22px;flex-direction:column}.story-community-hero-v14 h2{font-size:30px}.story-cycle-v14{gap:5px}.story-toolbar-v14{position:relative;top:auto}.story-toolbar-v14 form{grid-template-columns:auto 1fr}.story-toolbar-v14 form select,.story-toolbar-v14 form .btn{grid-column:1/-1}.story-cover-v14{height:260px}.story-actions-v14 b{display:none}.story-source-v14{flex-direction:column;align-items:flex-start}.story-meta-v14{justify-content:flex-start}.story-type-picker-v14{grid-template-columns:1fr}.story-source-preview-v14>div{grid-template-columns:90px 1fr}.story-source-preview-v14 img{width:90px;height:80px}.story-media-grid-v14,.story-highlight-grid-v14{grid-template-columns:repeat(2,1fr)}.story-weave-v14{grid-template-columns:32px auto 1fr}.story-weave-v14 small{display:none}.moderation-head-v14{align-items:flex-start;flex-direction:column}.moderation-head-v14>div:last-child{width:100%;overflow:auto}.moderation-tabs-v14{margin-top:10px}}
@media(max-width:520px){.story-main-v14 h2{font-size:21px}.story-cover-v14{height:220px}.story-media-grid-v14,.story-highlight-grid-v14{grid-template-columns:1fr}.story-actions-v14{padding:6px}.story-actions-v14 button,.story-actions-v14>a,.story-visited-action{padding:6px 7px}.story-replay-v14{grid-template-columns:1fr}.moderation-policy-grid-v14,.moderation-kpis-v14{grid-template-columns:1fr 1fr}.source-story-panel-v14{align-items:flex-start;flex-direction:column}.source-story-panel-v14>div:last-child{justify-content:flex-start}}
.weave-selected-v14,.weave-segment-v14{padding:9px;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20)}.weave-selected-v14>small{display:block;color:rgba(255,255,255,.82);margin-bottom:6px}.weave-selected-v14>div{max-height:150px;overflow:auto;display:grid;gap:4px}.weave-selected-v14 label{display:flex!important;gap:6px;align-items:center;font-size:9px!important}.weave-selected-v14 input{width:auto!important;min-height:0!important}.weave-segment-v14{display:grid;grid-template-columns:1fr 1fr;gap:7px}.story-map-cta-v14{display:flex;justify-content:space-between;gap:18px;align-items:center}.v14-trip-community-badge{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;background:rgba(255,255,255,.94);color:#526871;border:1px solid rgba(255,255,255,.84)}.v14-trip-community-badge.public{color:#69D7D0}.v14-trip-community-badge.followers{color:#69D7D0}@media(max-width:600px){.weave-segment-v14{grid-template-columns:1fr}.story-map-cta-v14{align-items:flex-start;flex-direction:column}}
.story-community-badge-v14{font-style:normal;font-size:8px;padding:3px 6px;border-radius:999px;background:#FFF7E5;color:#8A6712}
.story-search-related-v14>a,.story-search-related-v14 form button{width:100%;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;text-align:left;padding:8px 0;border:0;border-bottom:1px solid #DDF7F4;background:transparent;color:inherit;cursor:pointer}.story-search-related-v14>a>span,.story-search-related-v14 form button>span{width:28px;height:28px;border-radius:9px;background:#DDF7F4;display:grid;place-items:center}.story-search-related-v14 b,.story-search-related-v14 small{display:block}.story-search-related-v14 b{font-size:10px}.story-search-related-v14 small{font-size:8px;color:#6F8792}.story-search-related-v14 form{margin:0}


/* TRIPLOOM V14.2 · Community Access Safe Mode */
.community-safe-note-v142{max-width:1180px;margin:14px auto 18px}.community-safe-note-v142 details{margin-top:8px}.community-safe-note-v142 code{display:block;margin-top:8px;padding:10px 12px;border-radius:12px;background:#fff;color:#425760;white-space:pre-wrap;word-break:break-word}.story-card-lite-v142 .story-actions-v14>span{display:flex;align-items:center;gap:5px}.community-safe-error-v142{text-align:left}

/* TRIPLOOM V14.4 · Stable Community Feed */
.community-safe-note-v142,.community-safe-error-v142{display:none!important}


/* ============================================================================
   TRIPLOOM V14.4 · GLOBAL UI CONSISTENCY AUDIT
   Single source of truth for color, typography, controls, surfaces and heroes.
   ============================================================================ */
:root{
  --tl-primary:#69D7D0;
  --tl-primary-dark:#3FBDB5;
  --tl-sky:#8EDFF0;
  --tl-turquoise:#3FBDB5;
  --tl-green:#73C98A;
  --tl-orange:#FF9B5E;
  --tl-sun:#FFD15C;
  --tl-coral:#FF9B5E;
  --tl-purple:#8EDFF0;
  --tl-danger:#E25563;
  --tl-soft-sky:#F4FCFB;
  --tl-soft-mint:#DDF7F4;
  --tl-soft-green:#EDF9F0;
  --tl-soft-orange:#FFF3EA;
  --tl-soft-yellow:#FFF8E2;
  --tl-soft-coral:#FFF3EA;
  --tl-soft-purple:#EAF9FC;
  --tl-bg:#F4FCFB;
  --tl-surface:#FFFFFF;
  --tl-text:#1F3B4D;
  --tl-muted:#6F8792;
  --tl-border:#C6ECE8;
  --tl-border-strong:#C6ECE8;
  --tl-hover:#F4FCFB;
  --tl-primary-soft:#DDF7F4;
  --tl-sky-soft:#F4FCFB;
  --tl-danger-soft:#FFF0F2;
  --tl-warning-soft:#FFF8E2;
  --tl-radius:20px;
  --tl-radius-sm:14px;
  --tl-shadow:0 8px 24px rgba(31,59,77,.07);
  --tl-shadow-hover:0 14px 34px rgba(31,59,77,.10);
  --tl-hero:linear-gradient(120deg,#249D98 0%,#69D7D0 62%,#8EDFF0 125%);
  --bg:var(--tl-bg);--surface:var(--tl-surface);--ink:var(--tl-text);--muted:var(--tl-muted);--line:var(--tl-border);
  --green:var(--tl-primary);--green-dark:var(--tl-primary-dark);--green-2:var(--tl-sky);--mint:var(--tl-soft-mint);--mint-2:var(--tl-soft-sky);
  --yellow:var(--tl-sun);--coral:var(--tl-coral);--blue:var(--tl-primary);--blue-2:var(--tl-sky);--red:var(--tl-danger);
}

/* Foundation */
html{background:var(--tl-bg)!important}
body{background:var(--tl-bg)!important;color:var(--tl-text)!important}
body:before,body:after{display:none!important}
body,button,input,select,textarea{font-family:"Nunito",sans-serif}
h1,h2,h3,h4,h5,h6{color:var(--tl-text);font-weight:800;letter-spacing:-.035em}
p{color:var(--tl-muted)}
.muted{color:var(--tl-muted)!important}
.eyebrow{color:var(--tl-primary-dark)!important;font-weight:800;letter-spacing:.16em}
a{outline:none}
:focus-visible{outline:3px solid rgba(105,215,208,.22);outline-offset:2px}

/* Main shell */
.sidebar{background:#fff!important;border-right:1px solid var(--tl-border)!important;box-shadow:6px 0 22px rgba(34,52,61,.03)!important}
.topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--tl-border)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
.content{background:transparent}
.triploom-brand.logo-only .triploom-logo{filter:drop-shadow(0 7px 16px rgba(34,52,61,.08))}
.page-heading .brandline-v13,.page-heading .eyebrow{color:var(--tl-primary-dark)!important}
.page-heading h1{color:var(--tl-text)!important;font-weight:800}

/* Navigation */
.side-item{color:#435A64!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important}
.side-item:hover{color:var(--tl-primary-dark)!important;background:var(--tl-primary-soft)!important;border-color:#DDF7F4!important}
.side-item.active{color:#fff!important;background:var(--tl-primary)!important;border-color:var(--tl-primary)!important;box-shadow:0 8px 20px rgba(105,215,208,.18)!important}
.side-item.active svg{color:#fff!important}
.bottom-nav{background:rgba(255,255,255,.97)!important;border-color:var(--tl-border)!important;box-shadow:0 10px 30px rgba(34,52,61,.11)!important}
.bottom-item{color:#667B84!important}.bottom-item.active{color:var(--tl-primary-dark)!important}
.bottom-add{background:var(--tl-primary)!important;box-shadow:0 7px 18px rgba(105,215,208,.20)!important}
.user-chip{background:#fff!important;border:1px solid var(--tl-border)!important;box-shadow:none!important}
.avatar{background:var(--tl-soft-mint)!important;color:var(--tl-primary-dark)!important}

/* One card language everywhere */
.panel,.mini-panel,.form-section,.sticky-card,.today-card-v3,.v8-dashboard-rank,.task-row-v5,
.money-cards>div,.booking-card,.journal-card,.trip-card-v2,.place-card,.collection-card,
.trip-photo-grid article,.search-links-grid a,.public-note,.public-day,.public-error,
.v9-leader-list article,.v9-rank-road>div,.v9-achievement-grid article,.v9-footprint-list article,
.v9-checkin-log,.v9-level-admin-grid>div,.v9-xp-rule-grid>div,.v9-rule-grid>div,.backup-card,
.auth-card,.setup-card,.story-card-v14,.story-source-v14,.story-comments-v14 article,
.moderation-kpis-v14>div,.moderation-policy-grid-v14>div,.moderation-list-v14 article,
.v11-pack-list article,.v11-transport-list article,.v11-mini-form,.v11-budget-summary>div,
.stop-card,.calendar-day,.expense-row,.check-item,.v7-map-stop,.v6-inbox-row,.v6-vault-row,
.dashwow-rank-card,.dashwow-snapshot>div,.dashwow-today,.dashwow-side-card{
  background:var(--tl-surface)!important;
  border:1px solid var(--tl-border)!important;
  box-shadow:var(--tl-shadow)!important;
}
.panel,.mini-panel,.form-section,.sticky-card{border-radius:var(--tl-radius)!important}
.panel:hover,.mini-panel:hover,.trip-card-v2:hover,.place-card:hover,.story-card-v14:hover{
  border-color:var(--tl-border-strong)!important;box-shadow:var(--tl-shadow-hover)!important
}
.danger-panel{background:#fff!important;border-color:#F1DFDC!important}

/* Consistent text inside light surfaces */
:is(.panel,.mini-panel,.form-section,.sticky-card,.today-card-v3,.task-row-v5,.money-cards>div,.booking-card,
.story-card-v14,.story-source-v14,.stop-card,.trip-card-v2,.place-card,.collection-card,
.moderation-kpis-v14>div,.moderation-policy-grid-v14>div,.moderation-list-v14 article,
.v11-pack-list article,.v11-transport-list article,.v11-budget-summary>div) :is(h1,h2,h3,h4,b,strong){color:var(--tl-text)!important}
:is(.panel,.mini-panel,.form-section,.sticky-card,.today-card-v3,.task-row-v5,.booking-card,
.story-card-v14,.story-source-v14,.stop-card,.trip-card-v2,.place-card,.collection-card) :is(p,small){color:var(--tl-muted)}

/* Forms and search — native fields owned by canonical V15.1.85. */
.global-search,.search-box,.big-search{
  background:#fff!important;color:var(--tl-text)!important;border:1px solid var(--tl-border)!important;
  box-shadow:none!important;border-radius:var(--tl-radius-sm)!important
  box-shadow:0 4px 14px rgba(34,52,61,.025)!important
}
.global-search:focus-within,.search-box:focus-within,.big-search:focus-within{
  border-color:#8FD8D2!important;box-shadow:0 0 0 4px rgba(105,215,208,.11)!important
}
label{color:#425862!important;font-weight:600}

/* Buttons: only 4 visual roles */
.btn,.icon-btn,.circle-link,.status-btn,.check-button,.link-button,.modal-close,.mini-delete{
  border-radius:14px!important;box-shadow:none!important;transition:background .16s,border-color .16s,color .16s,transform .16s!important;
  font-weight:700
}
.btn:before,.icon-btn:before,.circle-link:before,.status-btn:before,.check-button:before{display:none!important}
.btn:hover,.icon-btn:hover,.circle-link:hover,.status-btn:hover,.check-button:hover{transform:translateY(-1px)!important;box-shadow:none!important}
.btn-primary{background:var(--tl-primary)!important;border:1px solid var(--tl-primary)!important;color:#fff!important;box-shadow:0 7px 18px rgba(105,215,208,.16)!important}
.btn-primary:hover{background:#69D7D0!important;border-color:#69D7D0!important}
.btn-soft,.btn-white,.icon-btn,.circle-link{background:#fff!important;border:1px solid var(--tl-border-strong)!important;color:var(--tl-primary-dark)!important}
.btn-soft:hover,.btn-white:hover,.icon-btn:hover,.circle-link:hover{background:var(--tl-primary-soft)!important;border-color:#C6ECE8!important}
.btn-glass{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.34)!important;color:#fff!important;box-shadow:none!important}
.btn-glass:hover{background:rgba(255,255,255,.21)!important;border-color:rgba(255,255,255,.48)!important}
.btn-danger{background:var(--tl-danger-soft)!important;border:1px solid #FFD6D1!important;color:#B83B49!important}
.btn-peach{background:var(--tl-warning-soft)!important;border:1px solid #F2E1B2!important;color:#8A6712!important}

/* Major hero language: same color, same contrast, same border radius */
.hero-v2,.stats-hero,.live-hero-v4,.task-hero-v5,.team-hero-v4,
.v6-command-hero,.v6-tools-hero,.v7-map-hero,.v7-photo-hero,.v8-rank-hero,
.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,.v11-suite-hero,.v11-command-hero,
.story-community-hero-v14,.trip-header-v2,.moderation-head-v14,.dashwow-hero{
  background:var(--tl-hero)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 18px 46px rgba(35,141,137,.12)!important;border-radius:30px!important
}
:is(.hero-v2,.stats-hero,.live-hero-v4,.task-hero-v5,.team-hero-v4,.v6-command-hero,.v6-tools-hero,
.v7-map-hero,.v7-photo-hero,.v8-rank-hero,.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,
.v11-suite-hero,.v11-command-hero,.story-community-hero-v14,.trip-header-v2,.moderation-head-v14,.dashwow-hero)
:is(h1,h2,h3,h4,b,strong){color:#fff!important;text-shadow:none!important}
:is(.hero-v2,.stats-hero,.live-hero-v4,.task-hero-v5,.team-hero-v4,.v6-command-hero,.v6-tools-hero,
.v7-map-hero,.v7-photo-hero,.v8-rank-hero,.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,
.v11-suite-hero,.v11-command-hero,.story-community-hero-v14,.trip-header-v2,.moderation-head-v14,.dashwow-hero)
:is(p,small,span){color:rgba(255,255,255,.88)!important}
:is(.hero-v2,.stats-hero,.live-hero-v4,.task-hero-v5,.team-hero-v4,.v6-command-hero,.v6-tools-hero,
.v7-map-hero,.v7-photo-hero,.v8-rank-hero,.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,
.v11-suite-hero,.v11-command-hero,.story-community-hero-v14,.trip-header-v2,.moderation-head-v14,.dashwow-hero)
.eyebrow{color:rgba(255,255,255,.78)!important}

/* Trip header: remove old black/green overlay and force readable metrics */
.trip-header-v2{min-height:285px!important;padding:34px 38px!important;align-items:flex-end!important}
.trip-header-shade{background:linear-gradient(90deg,rgba(27,105,104,.88),rgba(49,145,171,.68))!important}
.trip-header-bg{filter:saturate(.85) brightness(.78)!important}
.trip-header-copy h2{font-size:clamp(34px,3.2vw,46px)!important;line-height:1!important;color:#fff!important}
.trip-header-copy>p{font-size:11px!important;color:rgba(255,255,255,.9)!important}
.trip-header-stats{gap:24px!important;flex-wrap:wrap!important}
.trip-header-stats span b{font-size:16px!important;color:#fff!important}
.trip-header-stats span small{font-size:8px!important;color:rgba(255,255,255,.76)!important}
.trip-header-actions{flex-wrap:wrap!important;justify-content:flex-end!important}
.trip-header-v2 .trip-status{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important}

/* Travel Mode */
.live-hero-v4 h2{color:#fff!important;font-size:clamp(38px,4vw,54px)!important}
.live-status-stack .network-chip{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.32)!important;color:#fff!important}
.live-progress-ring{background:#249D98!important;border-color:rgba(255,255,255,.25)!important}
.live-progress-ring:before{border-color:rgba(255,255,255,.18)!important}
.live-progress-ring b,.live-progress-ring small{color:#fff!important}

/* Stats */
.stats-hero{padding:40px!important}.stats-hero h2{color:#fff!important}
.big-stats div{border-left:1px solid rgba(255,255,255,.25)!important}
.big-stats b{color:#fff!important}.big-stats small{color:rgba(255,255,255,.75)!important}
.bar{background:#C6ECE8!important}.bar i{background:var(--tl-primary)!important}

/* Community */
.story-community-hero-v14{padding:34px 38px!important}
.story-community-hero-v14 h2{color:#fff!important}
.story-cycle-v14 span,.story-cycle-v14 b{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
.story-toolbar-v14{background:rgba(255,255,255,.96)!important;border:1px solid var(--tl-border)!important;box-shadow:0 7px 18px rgba(34,52,61,.04)!important}
.story-toolbar-v14 a,.story-toolbar-v14 button{color:#5D737C!important}
.story-toolbar-v14 a.active,.story-toolbar-v14 button.active{background:var(--tl-primary-soft)!important;color:var(--tl-primary-dark)!important}
.story-type-chip-v14,.story-tags-v14 span,.story-verified-v14{background:var(--tl-primary-soft)!important;color:var(--tl-primary-dark)!important}
.story-local-v14{background:var(--tl-sky-soft)!important;color:#69D7D0!important}
.story-actions-v14{background:#F4FCFB!important;border-top:1px solid var(--tl-border)!important}
.story-actions-v14 button,.story-actions-v14>a,.story-visited-action{color:#526871!important}
.story-actions-v14 button:hover,.story-actions-v14>a:hover,.story-actions-v14 button.active,.story-visited-action.verified{background:var(--tl-primary-soft)!important;color:var(--tl-primary-dark)!important}
.story-weave-v14{background:var(--tl-primary)!important;border:1px solid var(--tl-primary)!important;box-shadow:none!important}
.story-weave-v14 b,.story-weave-v14 small,.story-weave-v14 span,.story-weave-v14 i{color:#fff!important}
.story-signature-v14{background:linear-gradient(145deg,#fff,#F4FCFB)!important}
.story-topic-cloud-v14 a{background:var(--tl-primary-soft)!important;color:var(--tl-primary-dark)!important;border-color:#DDF7F4!important}
.story-sensitive-v14{background:var(--tl-warning-soft)!important;border-color:#F1DFAD!important;color:#8A6712!important}

/* Tabs, day selectors, filters */
.trip-tabs{background:rgba(255,255,255,.96)!important;border-bottom:0!important}
.trip-tabs a{color:#61757D!important;background:transparent!important;border:1px solid transparent!important}
.trip-tabs a:hover{background:#fff!important;border-color:var(--tl-border)!important;color:var(--tl-primary-dark)!important}
.trip-tabs a.active{background:var(--tl-primary)!important;border-color:var(--tl-primary)!important;color:#fff!important;box-shadow:0 7px 16px rgba(105,215,208,.15)!important}
.trip-tabs a.active svg{color:#fff!important}
.day-strip a{background:#fff!important;border-color:var(--tl-border)!important;box-shadow:none!important}
.day-strip a b{color:var(--tl-text)!important}.day-strip a small,.day-strip a span{color:var(--tl-muted)!important}
.day-strip a.active{background:var(--tl-primary)!important;border-color:var(--tl-primary)!important;box-shadow:none!important}
.day-strip a.active b{color:#fff!important}.day-strip a.active small,.day-strip a.active span{color:rgba(255,255,255,.8)!important}
.filters-bar,.v7-map-day-filter,.v7-photo-filter{background:#fff!important;border-color:var(--tl-border)!important}
.v7-map-day-filter button,.v7-photo-filter button{background:#F5F9FA!important;color:#60767F!important;border:1px solid transparent!important}
.v7-map-day-filter button.active,.v7-photo-filter button.active{background:var(--tl-primary)!important;color:#fff!important}

/* Status / semantic accents only */
.badge,.trip-status,.category-pill,.v14-trip-community-badge{box-shadow:none!important}
.badge-soft,.status-planning{background:#F4FCFB!important;color:#61757E!important}
.badge-green,.badge-success,.status-ongoing{background:var(--tl-primary-soft)!important;color:var(--tl-primary-dark)!important}
.badge-blue,.status-completed{background:var(--tl-sky-soft)!important;color:#69D7D0!important}
.badge-peach,.badge-warning,.status-upcoming,.rating{background:var(--tl-warning-soft)!important;color:#8A6712!important}
.badge-red,.badge-danger,.flash.error{background:var(--tl-danger-soft)!important;color:#B83B49!important}
.heart-badge,.favorite-pill{background:var(--tl-coral)!important;color:#fff!important}
.flash.success,.notice.success{background:var(--tl-primary-soft)!important;color:var(--tl-primary-dark)!important;border-color:#DDF7F4!important}
.notice.warning{background:var(--tl-warning-soft)!important;color:#8A6712!important;border-color:#F2E1B2!important}

/* Timeline / itinerary */
.stop-card:before{border-color:var(--tl-primary)!important;background:#fff!important}
.stop-card.status-done{background:#F5FBFA!important}
.stop-icon,.travel-leg>span{background:var(--tl-primary-soft)!important;color:var(--tl-primary-dark)!important}
.stop-note{background:#F5F8F9!important;color:#536973!important}
.stop-links a,.travel-leg>a,.text-link,.icon-link,.rank-total{color:var(--tl-primary-dark)!important}
.travel-leg:before{border-color:#BCD7D7!important}

/* Dashboard WOW components now use the same system */
.dashwow-hero{background:var(--tl-hero)!important}
.dashwow-btn-main{background:#fff!important;color:var(--tl-primary-dark)!important;border:1px solid rgba(255,255,255,.65)!important}
.dashwow-btn-ghost{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important}
.dashwow-progress i{background:var(--tl-primary)!important}
.dashwow-rank-icon,.snap-icon.mint{background:var(--tl-primary-soft)!important;color:var(--tl-primary-dark)!important}
.snap-icon.sky{background:var(--tl-sky-soft)!important;color:#69D7D0!important}
.snap-icon.sun{background:var(--tl-warning-soft)!important;color:#8A6712!important}
.snap-icon.coral{background:var(--tl-danger-soft)!important;color:#B83B49!important}

/* V11/V6 tool internals */
.v11-pack-list article.done,.v11-reminder-list article.done{opacity:.62}
.v11-pack-icon{background:var(--tl-primary-soft)!important;color:var(--tl-primary-dark)!important}
.v11-reminder-list article{background:#fff!important;border:1px solid var(--tl-border)!important;border-left:4px solid var(--tl-primary)!important}
.v11-reminder-list article.priority-important{border-left-color:var(--tl-sun)!important}
.v11-reminder-list article.priority-urgent,.v11-reminder-list article.late{border-left-color:var(--tl-coral)!important;background:#FFF8F7!important}
.v11-trip-pack-cta{background:linear-gradient(120deg,var(--tl-primary-soft),var(--tl-sky-soft))!important;border-color:var(--tl-border)!important}
.v6-health-number,.v6-command-score,.v11-departure-score{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.30)!important;color:#fff!important}

/* Moderation follows same family, with warning red/orange only for actual risk */
.moderation-head-v14{background:var(--tl-hero)!important}
.moderation-tabs-v14{background:#fff!important;border-color:var(--tl-border)!important}
.moderation-tabs-v14 a{color:#60757E!important}.moderation-tabs-v14 a.active{background:var(--tl-primary-soft)!important;color:var(--tl-primary-dark)!important}
.moderation-report-list-v14>a,.moderation-user-list-v14>div,.moderation-log-list-v14>div{border-color:var(--tl-border)!important}

/* Compact interaction target sizing */
.btn{min-height:44px!important;padding-left:16px!important;padding-right:16px!important}
.icon-btn{width:46px!important;height:46px!important}
.story-actions-v14 button,.story-actions-v14>a,.story-visited-action{min-height:40px!important}

/* Responsive */
@media(max-width:980px){
  .trip-header-v2{align-items:flex-start!important;flex-direction:column!important}
  .trip-header-actions{justify-content:flex-start!important}
  .trip-header-stats{gap:16px!important}
}
@media(max-width:800px){
  .topbar{background:rgba(246,250,251,.98)!important}
  .content{padding-left:14px!important;padding-right:14px!important}
  .hero-v2,.stats-hero,.live-hero-v4,.task-hero-v5,.team-hero-v4,.v6-command-hero,.v6-tools-hero,.v7-map-hero,.v7-photo-hero,
  .v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,.v11-suite-hero,.v11-command-hero,.story-community-hero-v14,.trip-header-v2,.moderation-head-v14,.dashwow-hero{border-radius:24px!important}
}
@media(max-width:620px){
  .trip-header-v2{padding:24px 20px!important}
  .trip-header-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}
  .trip-header-actions{width:100%!important}.trip-header-actions .btn{flex:1 1 auto!important}
  .story-community-hero-v14{padding:26px 22px!important}
}

/* Print stays plain */
@media print{body{background:#fff!important}.panel,.mini-panel,.trip-card-v2,.place-card{box-shadow:none!important}}


/* ========================= TRIPLOOM V14.5.3 · PREMIUM ITINERARY ========================= */
.trip-premium-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;align-items:stretch!important;gap:30px!important;min-height:330px!important;padding:38px 40px!important;background:linear-gradient(135deg,#69D7D0 0%,#3FBDB5 48%,#8EDFF0 100%)!important;box-shadow:0 26px 60px rgba(35,141,137,.14)!important}
.trip-premium-hero .trip-header-shade{background:linear-gradient(90deg,rgba(21,77,82,.28),rgba(25,91,111,.08))!important}
.trip-premium-hero .trip-header-copy{align-self:center;max-width:900px}
.trip-premium-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px}.trip-premium-kicker .back-link{margin:0!important;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);font-size:10px}.trip-premium-kicker .trip-status{position:static!important}
.trip-premium-hero .trip-header-copy h2{font-size:clamp(42px,4vw,60px)!important;letter-spacing:-.055em!important;margin:0 0 10px!important}.trip-premium-hero .trip-header-copy>p{font-size:13px!important;line-height:1.55!important;margin:0 0 26px!important;font-weight:600!important}
.premium-trip-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.premium-trip-stats>span{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:16px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.15)!important;min-width:0}.premium-trip-stats>span>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.14);flex:0 0 auto}.premium-trip-stats svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:1.8}.premium-trip-stats span b{font-size:15px!important;line-height:1.1!important}.premium-trip-stats span small{font-size:8px!important;margin-top:3px!important;line-height:1.2!important}
.trip-action-dock{align-self:stretch!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:16px!important;border-radius:24px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.20)!important;backdrop-filter:blur(15px)!important;box-shadow:inset 0 1px rgba(255,255,255,.20)!important}.trip-action-dock .btn{min-height:52px!important;padding:0 14px!important;border-radius:16px!important;justify-content:flex-start!important;gap:9px!important;font-size:11px!important;box-shadow:none!important}.trip-action-dock .btn svg{width:17px;height:17px;stroke-width:1.8}.trip-action-primary{grid-column:1/-1!important;background:#fff!important;color:#69D7D0!important;border:1px solid rgba(255,255,255,.68)!important;font-size:12px!important}.trip-action-secondary{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}.trip-action-light{background:rgba(255,255,255,.90)!important;color:#69D7D0!important;border:1px solid rgba(255,255,255,.55)!important}.trip-action-dock .btn:hover{transform:translateY(-1px)!important;background:#fff!important;color:#69D7D0!important}

.trip-tabs{margin:12px 0 8px!important;padding:7px!important;border:1px solid #C6ECE8!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 26px rgba(34,52,61,.05)!important}.trip-tabs a{min-height:42px!important;padding:0 14px!important;border-radius:13px!important;font-size:10px!important}.trip-tabs a svg{width:17px!important;height:17px!important;stroke-width:1.8}.trip-tabs a.active{background:#3FBDB5!important}

.premium-day-strip{gap:9px!important;padding:8px 0 20px!important}.premium-day-strip a{width:76px!important;height:90px!important;border-radius:20px!important;box-shadow:0 7px 18px rgba(34,52,61,.04)!important;position:relative!important}.premium-day-strip a small{font-size:7px!important}.premium-day-strip a b{font-size:23px!important}.premium-day-strip a span{font-size:8px!important}.premium-day-strip a em{font-style:normal;font-size:7px;margin-top:4px;color:#91A0A6;font-weight:700}.premium-day-strip a.active em{color:rgba(255,255,255,.78)!important}

.premium-itinerary-layout{grid-template-columns:minmax(0,1fr) 310px!important;gap:24px!important}.premium-day-heading{align-items:center!important;margin:8px 0 18px!important;padding:0 2px}.premium-day-heading h2{font-size:30px!important;letter-spacing:-.04em!important}.premium-day-heading p{font-size:11px!important}.day-heading-actions{display:flex!important;gap:8px!important}.day-heading-actions .btn{min-height:44px!important;border-radius:14px!important}.day-heading-actions .btn svg{width:16px;height:16px;stroke-width:1.8}

.premium-smart-day{grid-template-columns:82px minmax(0,1fr) auto!important;gap:18px!important;padding:18px 20px!important;border-radius:22px!important;background:linear-gradient(135deg,#F4FCFB,#F1FAFA)!important;border:1px solid #D9EBE8!important;box-shadow:0 9px 24px rgba(34,52,61,.04)!important;margin-bottom:18px!important}.premium-smart-day .smart-score{width:72px!important;height:72px!important;border-radius:20px!important;background:#fff!important;border:1px solid #DCEDEA!important;box-shadow:0 8px 18px rgba(35,141,137,.08)!important}.premium-smart-day .smart-score span{font-size:27px!important;color:#69D7D0!important}.premium-smart-day .smart-score small{color:#6F8792!important}.smart-title-line{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.smart-title-line h3{font-size:16px!important;margin:2px 0 7px!important}.smart-score-label{font-size:12px!important;color:#69D7D0!important;white-space:nowrap}.smart-progress{height:6px;border-radius:999px;background:#E6EFF0;overflow:hidden;margin-bottom:8px}.smart-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3FBDB5,#8EDFF0)}.premium-smart-day .smart-copy>p{font-size:10px!important;line-height:1.55!important;color:#6F8792!important}.premium-smart-day .smart-open{width:76px!important;height:44px!important;border:1px solid #D8E9E7!important;background:#fff!important;border-radius:14px!important;color:#69D7D0!important;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:800}.premium-smart-day .smart-open svg{width:14px;height:14px;stroke-width:1.8}.premium-smart-day .smart-open span{color:#69D7D0!important}

.timeline{gap:0!important}.stop-wrap{grid-template-columns:68px 1fr!important;gap:15px!important}.stop-time{padding-top:18px!important}.stop-time b{font-size:13px!important;color:#1F3B4D!important}.stop-time small{font-size:8px!important}.premium-stop-card{padding:17px 18px!important;grid-template-columns:18px 48px minmax(0,1fr) 38px!important;gap:13px!important;border-radius:20px!important;border:1px solid #C6ECE8!important;box-shadow:0 9px 24px rgba(34,52,61,.045)!important;transition:.18s ease!important}.premium-stop-card:hover{transform:translateY(-1px);border-color:#CFE5E3!important;box-shadow:0 13px 28px rgba(34,52,61,.065)!important}.premium-stop-card:before{left:-23px!important;top:25px!important;width:11px!important;height:11px!important;box-shadow:0 0 0 5px #F4FCFB}.drag-handle{font-size:12px!important;letter-spacing:-3px!important;color:#A8B5BA!important;cursor:grab!important;padding-top:12px!important}.premium-stop-icon{width:48px!important;height:48px!important;border-radius:15px!important;background:#ECF9F6!important;border:1px solid #DDF7F4!important}.premium-stop-icon svg{width:22px!important;height:22px!important;stroke:#69D7D0!important;fill:none!important;stroke-width:1.75!important}.stop-label{font-size:8px!important;letter-spacing:.14em!important;color:#6F8792!important}.premium-stop-card h3{font-size:15px!important;margin:3px 0 4px!important;color:#1F3B4D!important}.premium-stop-card p{font-size:10px!important}.stop-title-row{align-items:flex-start!important}.stop-badges{gap:5px!important}.stop-links{gap:7px!important;flex-wrap:wrap!important;margin-top:10px!important}.stop-links a,.stop-links button{font-size:9px!important;padding:6px 9px!important;border-radius:9px!important;background:#F4FCFB!important;border:1px solid #C6ECE8!important;color:#69D7D0!important;text-decoration:none!important}.stop-more{width:36px!important;height:36px!important;border-radius:12px!important;background:#F5F8F9!important;border:1px solid #E4ECEE!important;display:grid!important;place-items:center!important}.stop-more svg{width:17px;height:17px;stroke:#6F8792;fill:none;stroke-width:1.7}.travel-leg{grid-template-columns:68px 40px 1fr auto!important;gap:10px!important;min-height:66px!important}.travel-leg:before{left:75px!important;border-left:1px dashed #C7DCDD!important}.travel-leg>span{margin:0!important;width:36px!important;height:36px!important;border-radius:12px!important;background:#EEF8F7!important;border:1px solid #DDEDEB!important}.travel-leg>span svg{width:17px;height:17px;stroke:#69D7D0;fill:none;stroke-width:1.8}.travel-leg>div{padding-left:0!important}.travel-leg b{font-size:10px!important}.travel-leg small{font-size:8px!important}

.premium-day-summary .sticky-card{top:155px!important;padding:22px!important;border-radius:22px!important}.summary-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.summary-head h3{font-size:16px!important;margin:2px 0 0!important}.summary-score{font-size:24px!important;color:#69D7D0!important;font-weight:800;line-height:1}.summary-score small{font-size:8px!important;color:#6F8792!important}.summary-progress{margin:16px 0}.summary-progress>div{display:flex;justify-content:space-between;font-size:9px;margin-bottom:6px}.summary-progress>div span{color:#6F8792}.summary-progress>div b{color:#1F3B4D}.summary-progress>i{display:block;height:7px;background:#EBF1F2;border-radius:999px;overflow:hidden}.summary-progress>i em{display:block;height:100%;background:linear-gradient(90deg,#3FBDB5,#8EDFF0);border-radius:inherit}.summary-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px}.summary-metric-grid>div{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:10px;border-radius:14px;background:#F4FCFB;border:1px solid #C6ECE8}.summary-metric-grid i{grid-row:1/3;width:30px;height:30px;border-radius:10px;background:#E7F6F3;display:grid;place-items:center}.summary-metric-grid svg{width:14px;height:14px;stroke:#69D7D0;fill:none;stroke-width:1.8}.summary-metric-grid span{font-size:7px;color:#6F8792}.summary-metric-grid b{font-size:11px;color:#1F3B4D}.summary-map-btn svg{width:15px;height:15px;stroke-width:1.8}

@media(max-width:1180px){.trip-premium-hero{grid-template-columns:1fr!important}.trip-action-dock{grid-template-columns:repeat(3,1fr)!important}.trip-action-primary{grid-column:auto!important}.premium-itinerary-layout{grid-template-columns:1fr!important}.premium-day-summary{display:none!important}}
@media(max-width:800px){.trip-premium-hero{padding:26px 22px!important;min-height:0!important}.trip-premium-hero .trip-header-copy h2{font-size:38px!important}.premium-trip-stats{grid-template-columns:repeat(2,1fr)!important}.trip-action-dock{grid-template-columns:1fr 1fr!important;padding:11px!important}.trip-action-primary{grid-column:1/-1!important}.trip-tabs{top:72px!important}.premium-day-heading{align-items:flex-start!important;flex-direction:column!important}.day-heading-actions{width:100%;overflow-x:auto}.day-heading-actions .btn{flex:0 0 auto}.premium-smart-day{grid-template-columns:62px 1fr!important;padding:14px!important}.premium-smart-day .smart-score{width:58px!important;height:58px!important}.premium-smart-day .smart-open{grid-column:1/-1!important;width:100%!important}.stop-wrap{grid-template-columns:52px 1fr!important}.premium-stop-card{grid-template-columns:16px 42px minmax(0,1fr) 34px!important;padding:14px!important;gap:9px!important}.premium-stop-icon{width:42px!important;height:42px!important}.premium-stop-card:before{left:-18px!important}.travel-leg{grid-template-columns:52px 34px 1fr!important}.travel-leg>a{display:none!important}.travel-leg:before{left:58px!important}}
@media(max-width:520px){.premium-trip-stats{grid-template-columns:1fr 1fr!important}.premium-trip-stats>span{padding:9px!important}.trip-action-dock{grid-template-columns:1fr!important}.trip-action-primary{grid-column:auto!important}.premium-day-strip a{width:68px!important;height:82px!important}.stop-wrap{grid-template-columns:44px 1fr!important;gap:8px!important}.stop-time b{font-size:11px!important}.premium-stop-card{grid-template-columns:38px minmax(0,1fr) 32px!important}.drag-handle{display:none!important}.premium-stop-icon{width:38px!important;height:38px!important}.premium-stop-icon svg{width:19px!important;height:19px!important}.premium-stop-card:before{left:-14px!important}.stop-title-row{display:block!important}.stop-badges{justify-content:flex-start!important;margin-top:7px}.travel-leg{grid-template-columns:44px 30px 1fr!important}.travel-leg:before{left:49px!important}}


/* ========================= TRIPLOOM V14.5.3 · ACTION + TIMELINE BUG FIX ========================= */
/* Hero global contrast rules make all span text white. Override action buttons explicitly. */
.trip-header-v2 .trip-action-dock .btn{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  overflow:hidden!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important
}
.trip-header-v2 .trip-action-dock .btn span{
  display:inline-block!important;opacity:1!important;visibility:visible!important;
  font-weight:800!important;line-height:1.2!important
}
.trip-header-v2 .trip-action-dock .trip-action-primary,
.trip-header-v2 .trip-action-dock .trip-action-light{
  color:#69D7D0!important;background:#FFFFFF!important;border-color:rgba(255,255,255,.72)!important
}
.trip-header-v2 .trip-action-dock .trip-action-primary span,
.trip-header-v2 .trip-action-dock .trip-action-light span{
  color:#69D7D0!important
}
.trip-header-v2 .trip-action-dock .trip-action-secondary{
  color:#FFFFFF!important;background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.25)!important
}
.trip-header-v2 .trip-action-dock .trip-action-secondary span{color:#FFFFFF!important}
.trip-header-v2 .trip-action-dock .btn svg{
  color:inherit!important;stroke:currentColor!important;fill:none!important;flex:0 0 auto!important
}
.trip-header-v2 .trip-action-dock .btn:hover span{color:#69D7D0!important}
.trip-header-v2 .trip-action-dock .btn:hover svg{color:#69D7D0!important;stroke:#69D7D0!important}

/* Make the action dock visually stable even when Share is absent. */
.trip-action-dock{grid-auto-flow:row!important;grid-auto-rows:minmax(52px,auto)!important}
.trip-action-dock .trip-action-primary{grid-column:1/-1!important}

/* Timeline connector: align travel segment with the exact stop marker axis. */
.travel-leg{
  display:grid!important;grid-template-columns:68px minmax(0,1fr) auto!important;
  column-gap:15px!important;row-gap:0!important;align-items:center!important;
  min-height:62px!important;padding:3px 0!important;position:relative!important
}
.travel-leg:before{
  content:""!important;position:absolute!important;left:66px!important;top:-8px!important;bottom:-8px!important;
  border-left:1px dashed #C7DCDD!important;z-index:0!important
}
.travel-leg>span{
  grid-column:1!important;grid-row:1!important;justify-self:end!important;align-self:center!important;
  margin:0!important;transform:translateX(18px)!important;width:36px!important;height:36px!important;
  border-radius:12px!important;background:#EEF8F7!important;border:1px solid #DDEDEB!important;
  display:grid!important;place-items:center!important;position:relative!important;z-index:2!important
}
.travel-leg>span svg{width:17px!important;height:17px!important;stroke:#69D7D0!important;fill:none!important;stroke-width:1.8!important}
.travel-leg>div{
  grid-column:2!important;grid-row:1!important;padding:0 0 0 8px!important;min-width:0!important
}
.travel-leg>div b{font-size:10px!important;line-height:1.25!important;color:#1F3B4D!important}
.travel-leg>div small{font-size:8px!important;line-height:1.25!important;color:#6F8792!important;margin-top:2px!important}
.travel-leg>a{
  grid-column:3!important;grid-row:1!important;padding:7px 10px!important;border-radius:10px!important;
  background:#F4FCFB!important;border:1px solid #DDF7F4!important;color:#69D7D0!important;
  font-size:8px!important;font-weight:800!important;white-space:nowrap!important
}

/* Stop marker and connector share the same axis. */
.premium-stop-card:before{left:-23px!important;top:25px!important}
.drag-handle{padding-top:10px!important;letter-spacing:0!important;display:grid!important;place-items:center!important;color:#9AAAB0!important}
.drag-handle svg{width:16px!important;height:22px!important;fill:#9AAAB0!important;stroke:none!important;display:block!important}

@media(max-width:800px){
  .trip-header-v2 .trip-action-dock .btn{min-width:0!important;width:100%!important}
  .travel-leg{grid-template-columns:52px minmax(0,1fr)!important;column-gap:10px!important;min-height:58px!important}
  .travel-leg:before{left:48px!important}
  .travel-leg>span{grid-column:1!important;transform:translateX(13px)!important;width:34px!important;height:34px!important}
  .travel-leg>div{grid-column:2!important;padding-left:5px!important}
  .travel-leg>a{display:none!important}
}
@media(max-width:520px){
  .trip-action-dock{grid-template-columns:1fr 1fr!important}
  .trip-action-dock .trip-action-primary{grid-column:1/-1!important}
  .travel-leg{grid-template-columns:44px minmax(0,1fr)!important;column-gap:8px!important}
  .travel-leg:before{left:43px!important}
  .travel-leg>span{width:30px!important;height:30px!important;transform:translateX(14px)!important;border-radius:10px!important}
  .travel-leg>span svg{width:15px!important;height:15px!important}
}

/* ========================= TRIPLOOM V14.5.3 · ITINERARY LAYOUT POLISH ========================= */
/* Action dock: one strong primary CTA + one unified secondary style for the remaining buttons. */
.trip-premium-hero{gap:24px!important}
.trip-action-dock{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;
  grid-auto-rows:minmax(54px,auto)!important;
  align-content:start!important;
  gap:12px!important;
  padding:18px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.trip-action-dock .trip-action-primary{
  grid-column:1 / -1!important;
  min-height:56px!important;
  background:#FFFFFF!important;
  color:#69D7D0!important;
  border:1px solid rgba(255,255,255,.72)!important;
}
.trip-action-dock .trip-action-primary span{color:#69D7D0!important}
.trip-action-dock .trip-action-secondary,
.trip-action-dock .trip-action-light{
  min-height:54px!important;
  background:rgba(255,255,255,.16)!important;
  color:#FFFFFF!important;
  border:1px solid rgba(255,255,255,.24)!important;
}
.trip-action-dock .trip-action-secondary span,
.trip-action-dock .trip-action-light span{color:#FFFFFF!important}
.trip-action-dock .trip-action-secondary svg,
.trip-action-dock .trip-action-light svg{color:#FFFFFF!important;stroke:#FFFFFF!important}
.trip-action-dock .btn:hover{
  background:#FFFFFF!important;
  color:#69D7D0!important;
  border-color:rgba(255,255,255,.72)!important;
}
.trip-action-dock .btn:hover span{color:#69D7D0!important}
.trip-action-dock .btn:hover svg{color:#69D7D0!important;stroke:#69D7D0!important}
/* Keep the optional share button balanced when present. */
.trip-action-dock > .trip-action-secondary:nth-child(4):last-child,
.trip-action-dock > .trip-action-light:last-child{grid-column:auto!important}

/* Travel leg: reserve a dedicated left rail so the icon and distance block never overlap the time column. */
.travel-leg{
  display:grid!important;
  grid-template-columns:84px 42px minmax(0,1fr) auto!important;
  column-gap:12px!important;
  align-items:center!important;
  min-height:64px!important;
  padding:4px 0 6px!important;
  position:relative!important;
}
.travel-leg:before{
  left:90px!important;
  top:-10px!important;
  bottom:-10px!important;
  border-left:1px dashed #C7DCDD!important;
}
.travel-leg>span{
  grid-column:2!important;
  justify-self:center!important;
  align-self:center!important;
  transform:none!important;
  width:36px!important;
  height:36px!important;
  margin:0!important;
}
.travel-leg>div{
  grid-column:3!important;
  padding-left:0!important;
  min-width:0!important;
}
.travel-leg>a{
  grid-column:4!important;
  justify-self:end!important;
}
.stop-wrap{grid-template-columns:84px 1fr!important;gap:14px!important}
.stop-time{padding-top:18px!important;padding-right:4px!important}
.premium-stop-card:before{left:-29px!important;top:25px!important}

@media(max-width:800px){
  .trip-action-dock{grid-template-columns:1fr 1fr!important;padding:12px!important;gap:10px!important}
  .trip-action-dock .trip-action-primary{grid-column:1 / -1!important}
  .travel-leg{grid-template-columns:60px 34px minmax(0,1fr)!important;column-gap:10px!important;min-height:58px!important}
  .travel-leg:before{left:64px!important}
  .travel-leg>span{grid-column:2!important;width:32px!important;height:32px!important}
  .travel-leg>div{grid-column:3!important}
  .travel-leg>a{display:none!important}
  .stop-wrap{grid-template-columns:60px 1fr!important;gap:10px!important}
  .premium-stop-card:before{left:-22px!important}
}
@media(max-width:520px){
  .trip-action-dock{grid-template-columns:1fr 1fr!important;padding:10px!important}
  .trip-action-dock .trip-action-primary{grid-column:1 / -1!important}
  .travel-leg{grid-template-columns:52px 30px minmax(0,1fr)!important;column-gap:8px!important}
  .travel-leg:before{left:55px!important}
  .travel-leg>span{width:28px!important;height:28px!important}
  .stop-wrap{grid-template-columns:52px 1fr!important;gap:8px!important}
  .premium-stop-card:before{left:-18px!important}
}


/* ========================= TRIPLOOM V14.5.3 · STRUCTURAL TIMELINE + SMART ACTION DOCK ========================= */
/* ACTION DOCK — one visual language, smarter order */
.trip-action-dock{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:14px!important;
  border-radius:24px!important;
  align-content:center!important;
  background:rgba(255,255,255,.11)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.trip-header-v2 .trip-action-dock .btn,
.trip-header-v2 .trip-action-dock .trip-action-primary,
.trip-header-v2 .trip-action-dock .trip-action-secondary,
.trip-header-v2 .trip-action-dock .trip-action-light,
.trip-header-v2 .trip-action-dock .trip-action-share{
  min-height:54px!important;
  width:100%!important;
  padding:0 15px!important;
  border-radius:15px!important;
  justify-content:flex-start!important;
  gap:9px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.76)!important;
  color:#69D7D0!important;
  box-shadow:0 8px 18px rgba(27,85,96,.06)!important;
}
.trip-header-v2 .trip-action-dock .btn span{color:#69D7D0!important;font-weight:800!important}
.trip-header-v2 .trip-action-dock .btn svg{stroke:#69D7D0!important;color:#69D7D0!important;width:17px!important;height:17px!important}
.trip-header-v2 .trip-action-dock .trip-action-primary{
  grid-column:1/-1!important;
  min-height:58px!important;
  background:#FFFFFF!important;
  box-shadow:0 12px 24px rgba(20,80,92,.10)!important;
}
.trip-header-v2 .trip-action-dock .trip-action-share{grid-column:1/-1!important;background:rgba(255,255,255,.78)!important}
.trip-header-v2 .trip-action-dock .btn:hover{background:#F6FFFD!important;border-color:#FFFFFF!important;transform:translateY(-1px)!important}

/* TIMELINE — hard 3-column structure: TIME | RAIL | CONTENT */
.timeline{display:flex!important;flex-direction:column!important;gap:0!important;overflow:visible!important}
.premium-stop-wrap,
.stop-wrap.premium-stop-wrap{
  display:grid!important;
  grid-template-columns:72px 34px minmax(0,1fr)!important;
  gap:0 10px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.premium-stop-wrap .stop-time{
  grid-column:1!important;
  text-align:right!important;
  padding:20px 4px 0 0!important;
  min-width:0!important;
}
.timeline-rail{
  grid-column:2!important;
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-height:100%!important;
  overflow:visible!important;
}
.timeline-rail:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border-left:1px dashed #C3D9DB!important;
  z-index:0!important;
}
.stop-rail .timeline-dot{
  width:13px!important;
  height:13px!important;
  margin-top:24px!important;
  border-radius:50%!important;
  background:#FFFFFF!important;
  border:2px solid #3FBDB5!important;
  box-shadow:0 0 0 5px #F4FCFB!important;
  position:relative!important;
  z-index:2!important;
}
.premium-stop-wrap .premium-stop-card{
  grid-column:3!important;
  margin:0!important;
  min-width:0!important;
}
.premium-stop-card:before{display:none!important}

/* Segment between stops lives on the same 3-column rail. */
.premium-travel-leg,
.travel-leg.premium-travel-leg{
  display:grid!important;
  grid-template-columns:72px 34px minmax(0,1fr)!important;
  gap:0 10px!important;
  align-items:stretch!important;
  min-height:62px!important;
  padding:0!important;
  position:relative!important;
}
.premium-travel-leg:before{display:none!important}
.travel-leg-time{grid-column:1!important}
.premium-travel-leg .travel-rail{
  grid-column:2!important;
  align-items:center!important;
}
.premium-travel-leg .travel-rail:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border-left:1px dashed #C3D9DB!important;
}
.travel-leg-icon{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:#EEF8F7!important;
  border:1px solid #D8ECE9!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  z-index:2!important;
  box-shadow:0 0 0 5px #F4FCFB!important;
}
.travel-leg-icon svg{width:16px!important;height:16px!important;stroke:#69D7D0!important;fill:none!important;stroke-width:1.8!important}
.travel-leg-info{
  grid-column:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  padding:8px 10px!important;
}
.travel-leg-info>div{min-width:0!important;padding:0!important}
.travel-leg-info b{display:block!important;font-size:10px!important;color:#1F3B4D!important;line-height:1.25!important}
.travel-leg-info small{display:block!important;font-size:8px!important;color:#6F8792!important;margin-top:2px!important}
.travel-leg-info>a{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:7px 9px!important;
  border-radius:9px!important;
  background:#FFFFFF!important;
  border:1px solid #DDF7F4!important;
  color:#69D7D0!important;
  font-size:8px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.travel-leg-info>a svg{width:13px!important;height:13px!important;stroke:#69D7D0!important;fill:none!important}

@media(max-width:800px){
  .trip-action-dock{grid-template-columns:1fr 1fr!important;padding:11px!important}
  .premium-stop-wrap,.stop-wrap.premium-stop-wrap,.premium-travel-leg,.travel-leg.premium-travel-leg{grid-template-columns:54px 30px minmax(0,1fr)!important;gap:0 8px!important}
  .premium-stop-wrap .stop-time{padding-top:18px!important}
  .travel-leg-icon{width:30px!important;height:30px!important}
  .travel-leg-info>a{display:none!important}
}
@media(max-width:520px){
  .trip-action-dock{grid-template-columns:1fr 1fr!important}
  .trip-header-v2 .trip-action-dock .trip-action-primary{grid-column:1/-1!important}
  .premium-stop-wrap,.stop-wrap.premium-stop-wrap,.premium-travel-leg,.travel-leg.premium-travel-leg{grid-template-columns:46px 26px minmax(0,1fr)!important;gap:0 7px!important}
  .stop-rail .timeline-dot{width:11px!important;height:11px!important;margin-top:22px!important;box-shadow:0 0 0 4px #F4FCFB!important}
  .travel-leg-icon{width:26px!important;height:26px!important;border-radius:9px!important;box-shadow:0 0 0 4px #F4FCFB!important}
  .travel-leg-icon svg{width:14px!important;height:14px!important}
  .travel-leg-info{padding:6px 4px!important}
}


/* ========================= TRIPLOOM V14.6 · ROUTE CREATOR ========================= */
.route-form-head{margin-bottom:18px}.route-form-head h2{font-size:34px!important;letter-spacing:-.045em}.route-builder-form .route-form-section{overflow:visible}.departure-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;align-items:stretch}.departure-fields{display:flex;flex-direction:column;gap:12px}.departure-map-card{min-height:310px;border:1px solid #DDEAEC;border-radius:22px;background:#F4FCFB;overflow:hidden;position:relative;display:flex;flex-direction:column}.departure-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #C6ECE8}.departure-map-head b{display:block;font-size:13px}.departure-map-head a{font-size:10px;font-weight:800;color:#69D7D0}.departure-map-card iframe{border:0;width:100%;min-height:255px;flex:1;background:#EEF5F6}.departure-map-empty{position:absolute;inset:58px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#6F8792;text-align:center;padding:20px}.departure-map-empty[hidden]{display:none}.departure-map-empty>b{font-size:13px}.departure-map-empty>small{font-size:10px}.route-advanced{border:1px solid #C6ECE8;border-radius:14px;background:#F4FCFB;padding:0 12px}.route-advanced summary{cursor:pointer;padding:11px 0;font-size:10px;font-weight:800;color:#69D7D0}.route-advanced[open]{padding-bottom:12px}
.route-choice-grid{display:grid;gap:10px}.transport-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.style-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.route-choice{position:relative;min-height:92px;border:1px solid #DDE9EB;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:14px;cursor:pointer;transition:.17s ease;box-shadow:0 5px 16px rgba(34,52,61,.035)}.route-choice:hover{border-color:#A9DCD7;transform:translateY(-1px)}.route-choice input{position:absolute;opacity:0;pointer-events:none}.route-choice>span{width:36px;height:36px;border-radius:12px;background:#ECF9F6;display:grid;place-items:center;color:#69D7D0}.route-choice svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.route-choice b{font-size:11px}.route-choice small{font-size:8px;color:#6F8792}.route-choice:has(input:checked){border-color:#3FBDB5;background:linear-gradient(145deg,#DDF7F4,#EFF9FD);box-shadow:0 10px 22px rgba(105,215,208,.10),inset 0 0 0 1px rgba(105,215,208,.14)}.route-choice:has(input:checked)>span{background:#3FBDB5;color:#fff}.route-choice:has(input:checked):after{content:'✓';position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:999px;background:#3FBDB5;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.route-other-field,.people-count-field{margin-top:12px}.people-count-field input{max-width:180px}.trip-departure-summary{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin:-8px 0 22px;padding:9px 12px;border:1px solid rgba(255,255,255,.20);border-radius:14px;background:rgba(255,255,255,.10)}.trip-departure-summary>span{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.13);display:grid;place-items:center}.trip-departure-summary svg{width:15px;height:15px;stroke:#fff;fill:none}.trip-departure-summary small,.trip-departure-summary b{display:block;color:#fff!important}.trip-departure-summary small{font-size:7px;letter-spacing:.14em;opacity:.72}.trip-departure-summary b{font-size:10px}.trip-departure-summary a{font-size:9px;font-weight:800;color:#fff;margin-left:auto}.departure-timeline-row{display:grid;grid-template-columns:84px 40px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:4px}.departure-rail{height:100%;min-height:76px;position:relative;display:grid;place-items:center}.departure-rail:after{content:'';position:absolute;top:50%;bottom:-18px;border-left:1px dashed #C7DCDD}.departure-rail .timeline-dot{width:13px;height:13px;border-radius:50%;background:#3FBDB5;border:3px solid #fff;box-shadow:0 0 0 1px #3FBDB5;z-index:2}.departure-timeline-card{min-height:74px;border:1px solid #CFE6E3;border-radius:20px;background:linear-gradient(145deg,#F2FBF9,#F5FBFD);display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 16px}.departure-icon{width:46px;height:46px;border-radius:15px;background:#3FBDB5;color:#fff;display:grid;place-items:center}.departure-icon svg{width:20px;height:20px;stroke:currentColor;fill:none}.departure-timeline-card h3{font-size:14px;margin:2px 0}.departure-timeline-card p{font-size:9px;color:#6F8792;margin:3px 0 0}.departure-timeline-card>a{font-size:9px;font-weight:800;color:#69D7D0;padding:7px 9px;border-radius:10px;background:#fff;border:1px solid #C6ECE8}
@media(max-width:1000px){.departure-grid{grid-template-columns:1fr}.transport-choice-grid{grid-template-columns:repeat(3,1fr)}.style-choice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.transport-choice-grid{grid-template-columns:repeat(2,1fr)}.route-choice{min-height:82px}.departure-timeline-row{grid-template-columns:52px 30px minmax(0,1fr);gap:8px}.departure-timeline-card{grid-template-columns:38px minmax(0,1fr);padding:11px}.departure-timeline-card>a{grid-column:2}.departure-icon{width:38px;height:38px}.route-form-head h2{font-size:28px!important}}


/* ========================= TRIPLOOM V14.7 · COMPACT TRANSPORT + THEME/LANGUAGE ========================= */
/* Route creator: 7 choices stay on one row on desktop. */
.transport-choice-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important}
.transport-choice-grid .route-choice{min-height:68px!important;border-radius:15px!important;padding:9px 10px!important;gap:4px!important;justify-content:center!important}
.transport-choice-grid .route-choice>span{width:31px!important;height:31px!important;border-radius:10px!important}
.transport-choice-grid .route-choice svg{width:16px!important;height:16px!important}
.transport-choice-grid .route-choice b{font-size:9px!important;white-space:nowrap!important}
.transport-choice-grid .route-choice:has(input:checked):after{right:7px!important;top:7px!important;width:18px!important;height:18px!important;font-size:8px!important}
@media(max-width:1120px){.transport-choice-grid{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:minmax(116px,1fr)!important;overflow-x:auto!important;padding:2px 2px 7px!important;scrollbar-width:thin}.transport-choice-grid .route-choice{min-width:116px!important}}
@media(max-width:620px){.transport-choice-grid{grid-auto-columns:108px!important}.transport-choice-grid .route-choice{min-width:108px!important;min-height:64px!important}}

/* Header preference tools */
.ui-pref-controls{display:flex;align-items:center;gap:8px;position:relative}
.theme-toggle,.language-current{width:44px!important;height:44px!important;padding:0!important;position:relative!important;overflow:visible!important}
.theme-icon{display:grid;place-items:center;position:absolute;inset:0;transition:.2s ease}
.theme-icon svg{width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
html[data-theme="light"] .theme-moon{opacity:0;transform:rotate(-20deg) scale(.72)}
html[data-theme="light"] .theme-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="dark"] .theme-sun{opacity:0;transform:rotate(20deg) scale(.72)}
html[data-theme="dark"] .theme-moon{opacity:1;transform:rotate(0) scale(1)}
.language-switcher{position:relative}
.language-current{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important}
.language-current>svg{width:11px!important;height:11px!important;margin-left:-4px!important;margin-bottom:-20px!important;stroke:currentColor!important}
.flag-3d{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1;background:linear-gradient(145deg,#fff,#EDF4F5);border:1px solid rgba(34,52,61,.08);box-shadow:0 5px 10px rgba(34,52,61,.12),inset 0 2px 2px rgba(255,255,255,.96),inset 0 -2px 3px rgba(34,52,61,.08);overflow:hidden}
.language-current .flag-3d{width:31px;height:31px;font-size:21px}
.language-popover{position:absolute;right:0;top:54px;width:245px;padding:10px;border-radius:20px;background:rgba(255,255,255,.98);border:1px solid #DDE9EB;box-shadow:0 22px 54px rgba(34,52,61,.16);z-index:120;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:.16s ease;backdrop-filter:blur(18px)}
.language-switcher.open .language-popover{opacity:1;visibility:visible;transform:none}
.language-popover-head{padding:5px 8px 8px;border-bottom:1px solid #DDF7F4;margin-bottom:5px}.language-popover-head b,.language-popover-head small{display:block}.language-popover-head b{font-size:12px}.language-popover-head small{font-size:8px;color:#6F8792;margin-top:2px}
.language-popover>button{width:100%;border:0;background:transparent;border-radius:13px;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;text-align:left;padding:8px;cursor:pointer;color:#1F3B4D}
.language-popover>button:hover,.language-popover>button.active{background:#DDF7F4}
.language-popover>button .flag-3d{width:30px;height:30px;font-size:20px}.language-popover>button b,.language-popover>button small{display:block}.language-popover>button b{font-size:10px}.language-popover>button small{font-size:8px;color:#6F8792;margin-top:1px}
.triploom-google-translate{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,.goog-te-balloon-frame,#goog-gt-tt,.goog-te-gadget{display:none!important}body{top:0!important}.skiptranslate:not(.triploom-google-translate){font-size:0!important}

/* Dark mode tokens and broad surface overrides. */
html[data-theme="dark"]{color-scheme:dark;--bg:#10181C;--surface:#162127;--surface-2:#19282E;--ink:#EAF3F5;--muted:#9AAEB6;--line:#2B3B42;--green:#3FBDB5;--green-dark:#6AD2C9;--mint:#183B3A;--mint-2:#162F3C;--shadow:0 20px 50px rgba(0,0,0,.26);--shadow-sm:0 9px 24px rgba(0,0,0,.18)}
html[data-theme="dark"] body{background:linear-gradient(180deg,#10181C 0%,#111B20 100%)!important;color:#EAF3F5!important}
html[data-theme="dark"] .sidebar{background:rgba(15,24,28,.96)!important;border-color:#293940!important;box-shadow:8px 0 30px rgba(0,0,0,.18)!important}
html[data-theme="dark"] .topbar{background:rgba(16,24,28,.90)!important;border-color:#293940!important}
html[data-theme="dark"] .page-heading h1,html[data-theme="dark"] .v13-slogan,html[data-theme="dark"] .v13-brandline,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] b,html[data-theme="dark"] strong{color:#EAF3F5!important}
html[data-theme="dark"] .muted,html[data-theme="dark"] small,html[data-theme="dark"] .page-tagline,html[data-theme="dark"] .place-desc{color:#9AAEB6!important}
html[data-theme="dark"] .panel,html[data-theme="dark"] .mini-panel,html[data-theme="dark"] .form-section,html[data-theme="dark"] .sticky-card,html[data-theme="dark"] .stat-strip>a,html[data-theme="dark"] .stat-strip>div,html[data-theme="dark"] .place-card,html[data-theme="dark"] .trip-card-v2,html[data-theme="dark"] .trip-tabs,html[data-theme="dark"] .premium-day-strip a,html[data-theme="dark"] .stop-card,html[data-theme="dark"] .departure-timeline-card,html[data-theme="dark"] .route-choice,html[data-theme="dark"] .user-chip,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .setup-card,html[data-theme="dark"] .global-search,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#162127!important;border-color:#2B3B42!important;color:#EAF3F5!important;box-shadow:var(--shadow-sm)!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#738991!important}
html[data-theme="dark"] .side-item{color:#B6C7CD!important}html[data-theme="dark"] .side-item:hover{background:#19282E!important;border-color:#2D4648!important;color:#6AD2C9!important}html[data-theme="dark"] .side-item.active{color:#fff!important}
html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .btn-soft,html[data-theme="dark"] .btn-white,html[data-theme="dark"] .circle-link{background:#17242A!important;border-color:#2B3B42!important;color:#8FE0D8!important}
html[data-theme="dark"] .route-choice:has(input:checked){background:linear-gradient(145deg,#173331,#172D38)!important;border-color:#3FBDB5!important}
html[data-theme="dark"] .route-choice>span,html[data-theme="dark"] .stat-icon.green,html[data-theme="dark"] .stat-icon.mint,html[data-theme="dark"] .premium-stop-icon{background:#193A39!important;color:#72D8CF!important;border-color:#28504E!important}
html[data-theme="dark"] .trip-tabs a{color:#AABCC2!important}html[data-theme="dark"] .trip-tabs a.active{background:#3FBDB5!important;color:#fff!important}
html[data-theme="dark"] .language-popover{background:rgba(22,33,39,.99)!important;border-color:#304149!important}html[data-theme="dark"] .language-popover-head{border-color:#2B3B42!important}html[data-theme="dark"] .language-popover>button{color:#EAF3F5!important}html[data-theme="dark"] .language-popover>button:hover,html[data-theme="dark"] .language-popover>button.active{background:#1B3434!important}
html[data-theme="dark"] .flag-3d{background:linear-gradient(145deg,#25343B,#142027);border-color:#384A52;box-shadow:0 5px 12px rgba(0,0,0,.30),inset 0 2px 2px rgba(255,255,255,.08),inset 0 -2px 3px rgba(0,0,0,.25)}
html[data-theme="dark"] .bottom-nav{background:rgba(18,28,33,.96)!important;border-color:#2B3B42!important}

@media(max-width:800px){.topbar{gap:8px!important}.top-actions{gap:7px!important}.ui-pref-controls{gap:6px!important}.theme-toggle,.language-current,.top-story-btn,.top-add-place-btn{width:40px!important;height:40px!important}.language-popover{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:84px!important;width:auto!important;transform:translateY(8px) scale(.99)!important;transform-origin:bottom center!important}.language-switcher.open .language-popover{transform:none!important}.top-add-place-btn{display:none!important}}
@media(max-width:520px){.v13-slogan{display:none!important}.top-story-btn{display:none!important}.page-heading{min-width:0!important}.top-actions{margin-left:auto!important}.theme-toggle,.language-current{width:38px!important;height:38px!important}.language-current .flag-3d{width:28px;height:28px;font-size:19px}}


/* V14.8 · Trip management + overview */
.trip-card-shell{position:relative;overflow:visible!important}
.trip-card-main{display:block;color:inherit;text-decoration:none}
.trip-card-shell .trip-cover{position:relative}
.trip-card-menu{position:absolute;top:14px;right:14px;z-index:6}
.trip-card-menu summary,.trip-hero-menu summary{list-style:none;cursor:pointer;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(15,34,46,.68);color:#fff;border:1px solid rgba(255,255,255,.24);font-size:22px;line-height:1;backdrop-filter:blur(10px)}
.trip-card-menu summary::-webkit-details-marker,.trip-hero-menu summary::-webkit-details-marker{display:none}
.trip-card-menu-panel,.trip-hero-menu-panel{position:absolute;right:0;top:46px;min-width:220px;background:#fff;border:1px solid #D9E8E7;border-radius:18px;box-shadow:0 20px 48px rgba(21,41,52,.18);padding:8px;display:grid;gap:4px}
.trip-card-menu-panel a,.trip-card-menu-panel button,.trip-hero-menu-panel a,.trip-hero-menu-panel button{appearance:none;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:12px;color:#1F3B4D;font-weight:700;text-decoration:none;cursor:pointer;width:100%}
.trip-card-menu-panel a:hover,.trip-card-menu-panel button:hover,.trip-hero-menu-panel a:hover,.trip-hero-menu-panel button:hover{background:#F4FCFB;color:#69D7D0}
.trip-card-menu-panel .danger,.trip-hero-menu-panel .danger{color:#E25563}
.trip-card-menu-panel .danger:hover,.trip-hero-menu-panel .danger:hover{background:#FFF4F5;color:#B83B49}
.trip-hero-menu{position:absolute;top:18px;right:18px;z-index:5}
.trip-hero-menu summary{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.26)}
.trip-overview-strip{margin:14px 0 14px!important;padding:22px!important;border-radius:24px!important;background:linear-gradient(180deg,#FFFFFF 0%,#F9FEFD 100%)!important;border:1px solid #D8ECEA!important;box-shadow:0 12px 32px rgba(36,89,96,.07)!important}
.trip-overview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.trip-overview-head h3{margin:4px 0 6px;font-size:24px}
.trip-overview-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.trip-overview-actions form{margin:0}
.trip-overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.trip-overview-grid>div{padding:14px 16px;border:1px solid #DCEEEE;border-radius:18px;background:#F4FCFB;display:flex;flex-direction:column;gap:4px;min-height:84px}
.trip-overview-grid span{font-size:12px;font-weight:700;color:#5B7B80;letter-spacing:.04em;text-transform:uppercase}
.trip-overview-grid b{font-size:16px;color:#1F3B4D}
.trip-overview-grid small{font-size:12px;color:#6F8790}
.trip-overview-note{margin-top:14px;padding:16px 18px;border-radius:18px;background:#F5FBFA;border:1px solid #DDEEEE}
.trip-overview-note b{display:block;margin-bottom:6px;color:#1F3B4D}
.trip-overview-note p{margin:0;color:#516D74;line-height:1.6}
body.theme-dark .trip-card-menu-panel,body.theme-dark .trip-hero-menu-panel{background:#10212B;border-color:#24414A;box-shadow:0 18px 40px rgba(0,0,0,.45)}
body.theme-dark .trip-card-menu-panel a,body.theme-dark .trip-card-menu-panel button,body.theme-dark .trip-hero-menu-panel a,body.theme-dark .trip-hero-menu-panel button{color:#E8F8F7}
body.theme-dark .trip-card-menu-panel a:hover,body.theme-dark .trip-card-menu-panel button:hover,body.theme-dark .trip-hero-menu-panel a:hover,body.theme-dark .trip-hero-menu-panel button:hover{background:#163843;color:#7DE6DE}
body.theme-dark .trip-overview-strip{background:linear-gradient(180deg,#0E1D26 0%,#10252E 100%)!important;border-color:#1E3B45!important;box-shadow:0 18px 40px rgba(0,0,0,.28)!important}
body.theme-dark .trip-overview-head h3{color:#F2FFFF}
body.theme-dark .trip-overview-grid>div{background:#0F2430;border-color:#1E3B45}
body.theme-dark .trip-overview-grid b{color:#F2FFFF}
body.theme-dark .trip-overview-grid span{color:#8FB7B6}
body.theme-dark .trip-overview-grid small,body.theme-dark .trip-overview-note p{color:#A8C4C8}
body.theme-dark .trip-overview-note{background:#0E212A;border-color:#1E3B45}
body.theme-dark .trip-overview-note b{color:#F2FFFF}
@media(max-width:1180px){.trip-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trip-hero-menu{top:14px;right:14px}}
@media(max-width:800px){.trip-overview-head{flex-direction:column}.trip-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trip-card-menu{top:10px;right:10px}.trip-card-menu-panel,.trip-hero-menu-panel{min-width:200px}}
@media(max-width:520px){.trip-overview-grid{grid-template-columns:1fr}.trip-overview-actions{width:100%}.trip-overview-actions .btn{flex:1 1 auto}.trip-card-menu summary,.trip-hero-menu summary{width:36px;height:36px;border-radius:12px;font-size:20px}}


/* ========================= TRIPLOOM V14.9 · ROUTE OVERVIEW TAB ========================= */
.route-overview-page{padding:16px 0 28px}.route-overview-title{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:12px 0 18px;padding:0 2px}.route-overview-title h2{font-size:32px;letter-spacing:-.045em;margin:3px 0 7px;color:#1F3B4D}.route-overview-title p{max-width:720px;margin:0;color:#6F8792;line-height:1.55}.route-overview-title-actions{display:flex;gap:10px;flex:0 0 auto}.route-overview-title-actions .btn svg{width:16px;height:16px}.route-overview-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.route-overview-kpis article{position:relative;min-height:124px;padding:18px;border-radius:22px;background:#FFFFFF;border:1px solid #C6ECE8;box-shadow:0 10px 28px rgba(34,52,61,.05);display:flex;flex-direction:column;justify-content:flex-end}.route-overview-kpis article>i{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:13px;background:#DDF7F4;display:grid;place-items:center}.route-overview-kpis article>i svg{width:18px;height:18px;stroke:#69D7D0;fill:none}.route-overview-kpis span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#6F8792}.route-overview-kpis b{font-size:23px;line-height:1.1;color:#1F3B4D;margin:7px 0 4px}.route-overview-kpis small{font-size:10px;color:#6F8792}.route-overview-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.route-overview-card{padding:22px!important;border-radius:22px!important}.route-info-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.route-info-list>div{padding:13px 0;border-bottom:1px solid #DDF7F4;display:flex;flex-direction:column;gap:4px}.route-info-list span,.route-budget-main span{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#6F8792;font-weight:800}.route-info-list b{font-size:14px;color:#1F3B4D}.route-info-list small{font-size:10px;color:#6F8792}.route-overview-map{margin-top:15px}.route-budget-main{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.route-budget-main>div{padding:15px;border-radius:16px;background:#F4FCFB;border:1px solid #E5EEEE;display:flex;flex-direction:column;gap:6px}.route-budget-main b{font-size:17px;color:#1F3B4D}.route-budget-main .negative b{color:#E25563}.route-budget-bar{margin-top:14px}.route-budget-bar>i{height:7px;background:#EAF0F1;border-radius:999px;overflow:hidden;display:block}.route-budget-bar em{height:100%;display:block;background:linear-gradient(90deg,#3FBDB5,#8EDFF0);border-radius:inherit}.route-budget-bar small{display:block;margin-top:7px;color:#6F8792;font-size:10px}.route-progress-stack{display:grid;gap:14px}.route-progress-stack>div>div{display:flex;justify-content:space-between;margin-bottom:6px;font-size:11px}.route-progress-stack>div>div span{color:#6F8792}.route-progress-stack>div>div b{color:#1F3B4D}.route-progress-stack i{display:block;height:7px;background:#EAF0F1;border-radius:999px;overflow:hidden}.route-progress-stack em{display:block;height:100%;background:#3FBDB5;border-radius:inherit}.route-mini-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.route-mini-links a{padding:11px;border-radius:13px;background:#F4FCFB;border:1px solid #E3EEEE;color:#4C666E;text-decoration:none;font-size:10px;display:flex;justify-content:space-between;align-items:center}.route-mini-links b{color:#69D7D0}.route-memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.route-memory-grid a{min-height:102px;border-radius:17px;background:#F4FCFB;border:1px solid #C6ECE8;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#6F8792}.route-memory-grid i{width:34px;height:34px;border-radius:11px;background:#E7F7F4;display:grid;place-items:center}.route-memory-grid svg{width:16px;height:16px;stroke:#69D7D0;fill:none}.route-memory-grid b{font-size:20px;color:#1F3B4D}.route-memory-grid span{font-size:9px}.route-overview-note-full{margin-top:14px!important;padding:20px 22px!important;border-radius:22px!important}.route-overview-note-full p{margin:8px 0 0;color:#516D74;line-height:1.65}.trip-tabs a:first-child{padding-left:17px!important;padding-right:17px!important}
body.theme-dark .route-overview-title h2,body.theme-dark .route-overview-kpis b,body.theme-dark .route-info-list b,body.theme-dark .route-budget-main b,body.theme-dark .route-progress-stack>div>div b,body.theme-dark .route-memory-grid b{color:#F4FCFB}.theme-dark .route-overview-kpis article,.theme-dark .route-overview-card,.theme-dark .route-overview-note-full{background:#10212B!important;border-color:#23414A!important}.theme-dark .route-overview-kpis article>i,.theme-dark .route-memory-grid i{background:#173A3F}.theme-dark .route-info-list>div{border-color:#203943}.theme-dark .route-budget-main>div,.theme-dark .route-mini-links a,.theme-dark .route-memory-grid a{background:#0E2029;border-color:#203B45}.theme-dark .route-overview-title p,.theme-dark .route-overview-kpis span,.theme-dark .route-overview-kpis small,.theme-dark .route-info-list span,.theme-dark .route-info-list small,.theme-dark .route-budget-main span,.theme-dark .route-budget-bar small,.theme-dark .route-overview-note-full p{color:#9AB7BC}
@media(max-width:1180px){.route-overview-kpis{grid-template-columns:repeat(3,1fr)}.route-overview-layout{grid-template-columns:1fr}.route-memory-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.route-overview-title{flex-direction:column}.route-overview-title-actions{width:100%}.route-overview-title-actions .btn{flex:1}.route-overview-kpis{grid-template-columns:repeat(2,1fr)}.route-info-list{grid-template-columns:1fr}.route-memory-grid{grid-template-columns:repeat(2,1fr)}.route-mini-links{grid-template-columns:1fr}}
@media(max-width:520px){.route-overview-title h2{font-size:27px}.route-overview-kpis{grid-template-columns:1fr 1fr}.route-overview-kpis article{min-height:112px;padding:15px}.route-budget-main{grid-template-columns:1fr}.route-overview-title-actions{display:grid;grid-template-columns:1fr 1fr}.route-overview-card{padding:17px!important}}


/* ========================= TRIPLOOM V14.9.1 · ROUTE DELETE / CARD MENU ========================= */
/* Large trip detail: no floating 3-dot button. */
.trip-hero-menu{display:none!important}

/* Delete route sits below In/PDF + Revisit as a full-width, soft danger action. */
.trip-action-delete-form{grid-column:1/-1!important;margin:0!important;padding:0!important;display:block!important}
.trip-header-v2 .trip-action-dock .trip-action-delete{
  width:100%!important;min-height:48px!important;justify-content:center!important;gap:8px!important;
  background:rgba(255,244,245,.96)!important;color:#B83B49!important;
  border:1px solid rgba(210,103,113,.28)!important;box-shadow:none!important
}
.trip-header-v2 .trip-action-dock .trip-action-delete span{color:#B83B49!important;font-weight:800!important}
.trip-header-v2 .trip-action-dock .trip-action-delete:hover{
  background:#FDEBEC!important;color:#B83B49!important;border-color:rgba(201,91,103,.42)!important;
  transform:translateY(-1px)!important
}
.trip-header-v2 .trip-action-dock .trip-action-delete:hover span{color:#B83B49!important}
.trip-delete-icon{width:20px;height:20px;border-radius:7px;background:rgba(184,86,97,.10);display:inline-grid!important;place-items:center!important;font-size:16px!important;line-height:1!important}

/* Trips list: 3-dot is only here, at the card's top-right/detail position. */
.trip-card-shell{position:relative!important;overflow:visible!important}
.trip-card-shell .trip-card-menu{position:absolute!important;top:14px!important;right:14px!important;z-index:12!important}
.trip-card-shell .trip-card-menu summary{
  width:38px!important;height:38px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;list-style:none!important;cursor:pointer!important;
  background:rgba(255,255,255,.90)!important;color:#35646A!important;
  border:1px solid rgba(219,235,236,.95)!important;box-shadow:0 8px 20px rgba(31,70,77,.10)!important;
  backdrop-filter:blur(10px)!important;font-size:20px!important;line-height:1!important
}
.trip-card-shell .trip-card-menu summary::-webkit-details-marker{display:none!important}
.trip-card-shell .trip-card-menu[open] summary{background:#FFFFFF!important;color:#69D7D0!important;border-color:#BFE2DE!important}
.trip-card-shell .trip-card-menu-panel{right:0!important;top:44px!important;min-width:210px!important;z-index:20!important}

body.theme-dark .trip-header-v2 .trip-action-dock .trip-action-delete{
  background:rgba(76,37,42,.72)!important;color:#FFB8BF!important;border-color:rgba(255,154,164,.20)!important
}
body.theme-dark .trip-header-v2 .trip-action-dock .trip-action-delete span{color:#FFB8BF!important}
body.theme-dark .trip-header-v2 .trip-action-dock .trip-action-delete:hover{background:#583038!important;color:#FFD1D6!important}
body.theme-dark .trip-header-v2 .trip-action-dock .trip-action-delete:hover span{color:#FFD1D6!important}
body.theme-dark .trip-card-shell .trip-card-menu summary{background:rgba(16,33,43,.92)!important;color:#BCE6E3!important;border-color:#1F3B4D!important}

@media(max-width:800px){
  .trip-action-delete-form{grid-column:1/-1!important}
  .trip-card-shell .trip-card-menu{top:10px!important;right:10px!important}
}


/* ========================= TRIPLOOM V14.9.2 · DELETE BUTTON POLISH ========================= */
.trip-header-v2 .trip-action-dock{grid-auto-flow:row dense!important}
.trip-action-delete-form{grid-column:1 / -1!important;width:100%!important;min-width:0!important;display:block!important}
.trip-header-v2 .trip-action-dock .trip-action-delete{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;min-width:100%!important;gap:10px!important;padding:0 16px!important;
  min-height:52px!important;border-radius:16px!important;
  background:#FFF2F1!important;border:1px solid #F2C7C8!important;color:#B83B49!important;
  box-shadow:none!important
}
.trip-header-v2 .trip-action-dock .trip-action-delete span{color:#B83B49!important;font-weight:800!important}
.trip-header-v2 .trip-action-dock .trip-action-delete .trip-delete-icon{
  width:22px!important;height:22px!important;border-radius:8px!important;
  background:#FDE3E4!important;display:grid!important;place-items:center!important;
  color:#B83B49!important;flex:0 0 22px!important
}
.trip-header-v2 .trip-action-dock .trip-action-delete .trip-delete-icon svg{
  width:14px!important;height:14px!important;stroke:currentColor!important;color:currentColor!important
}
.trip-header-v2 .trip-action-dock .trip-action-delete:hover{
  background:#FDEBEC!important;border-color:#E5B2B7!important;color:#B83B49!important;transform:translateY(-1px)!important
}
.trip-header-v2 .trip-action-dock .trip-action-delete:hover span{color:#B83B49!important}
.trip-header-v2 .trip-action-dock .trip-action-delete:hover .trip-delete-icon{background:#F9D7D9!important;color:#B83B49!important}
body.theme-dark .trip-header-v2 .trip-action-dock .trip-action-delete{background:#4A2830!important;border-color:#70404A!important;color:#FFC1C7!important}
body.theme-dark .trip-header-v2 .trip-action-dock .trip-action-delete span{color:#FFC1C7!important}
body.theme-dark .trip-header-v2 .trip-action-dock .trip-action-delete .trip-delete-icon{background:#62353E!important;color:#FFD3D8!important}
body.theme-dark .trip-header-v2 .trip-action-dock .trip-action-delete:hover{background:#583038!important;border-color:#80505A!important;color:#FFD7DB!important}
body.theme-dark .trip-header-v2 .trip-action-dock .trip-action-delete:hover span{color:#FFD7DB!important}
body.theme-dark .trip-header-v2 .trip-action-dock .trip-action-delete:hover .trip-delete-icon{background:#74464F!important;color:#FFE3E6!important}
@media(max-width:800px){
  .trip-action-delete-form{grid-column:1 / -1!important}
  .trip-header-v2 .trip-action-dock .trip-action-delete{width:100%!important;min-width:100%!important}
}


/* ========================= TRIPLOOM V14.10 · STOP ADD FORM ========================= */
.stop-add-modal .stop-add-card{width:min(760px,100%)!important;padding:30px 30px 28px!important;border-radius:28px!important;overflow:auto!important}
.stop-add-card .modal-close{right:18px!important;top:18px!important;z-index:4!important;width:38px!important;height:38px!important;border-radius:13px!important;background:#F1F7F7!important;color:#24434B!important;box-shadow:none!important}
.stop-modal-head{padding-right:54px;margin-bottom:20px}
.stop-modal-head .eyebrow{display:block!important;margin-bottom:5px!important}.stop-modal-head h2{font-size:25px!important;margin:0 0 6px!important;color:#1F3B4D!important}.stop-modal-head p{margin:0;color:#6F8792;font-size:11px;line-height:1.5}
.stop-add-form{gap:15px!important}.stop-add-form label{gap:7px!important;color:#49616A!important;font-weight:700!important}.stop-add-form label>span{display:block}
.stop-add-form input,.stop-add-form select,.stop-add-form textarea{min-height:46px!important;border-radius:14px!important;border:1px solid #D9E8EA!important;background:#FFFFFF!important;color:#1F3B4D!important;box-shadow:0 4px 12px rgba(34,52,61,.025)!important}
.stop-add-form textarea{min-height:92px!important;padding-top:13px!important}
.stop-add-form input:focus,.stop-add-form select:focus,.stop-add-form textarea:focus{border-color:#70CCC5!important;box-shadow:0 0 0 4px rgba(105,215,208,.10)!important;outline:none!important}
.map-input-wrap{position:relative}.map-input-wrap>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#69D7D0;z-index:2}.map-input-wrap input{width:100%;padding-left:44px!important}
.stop-map-field small{font-size:9px!important;color:#7A9098!important;font-weight:500!important}
.stop-transport-block{padding:16px;border:1px solid #C6ECE8;border-radius:20px;background:#F9FDFC}.stop-field-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:11px}.stop-field-title b{font-size:12px;color:#1F3B4D}.stop-field-title small{font-size:9px;color:#6F8792}
.stop-transport-choice-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;padding:0!important}
.stop-transport-choice{min-height:65px!important;padding:8px!important;border-radius:14px!important;align-items:center!important;text-align:center!important}.stop-transport-choice>span{width:29px!important;height:29px!important}.stop-transport-choice b{font-size:8px!important}.stop-transport-choice:has(input:checked):after{width:17px!important;height:17px!important;right:5px!important;top:5px!important;font-size:8px!important}
.stop-transport-other{margin-top:10px!important}.route-auto-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:16px;background:#DDF7F4;border:1px solid #D7EFEB}.route-auto-note>span{width:30px;height:30px;border-radius:10px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center;flex:0 0 auto}.route-auto-note svg{width:15px;height:15px;stroke:currentColor}.route-auto-note b,.route-auto-note small{display:block}.route-auto-note b{font-size:10px;color:#69D7D0}.route-auto-note small{font-size:9px;line-height:1.45;color:#668087;margin-top:3px}
.stop-add-submit{min-height:50px!important;border-radius:15px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important}.stop-add-submit svg{width:17px;height:17px;stroke:#fff}
body.theme-dark .stop-add-card .modal-close{background:#1A2B33!important;color:#E5F5F5!important}body.theme-dark .stop-modal-head h2,body.theme-dark .stop-field-title b{color:#DDF7F4!important}body.theme-dark .stop-modal-head p,body.theme-dark .stop-map-field small,body.theme-dark .stop-field-title small{color:#9AB4BB!important}body.theme-dark .stop-add-form input,body.theme-dark .stop-add-form select,body.theme-dark .stop-add-form textarea{background:#12232C!important;border-color:#29414A!important;color:#DDF7F4!important}body.theme-dark .stop-transport-block{background:#10242C!important;border-color:#27414A!important}body.theme-dark .route-auto-note{background:#12302F!important;border-color:#25504C!important}body.theme-dark .route-auto-note b{color:#69D7D0!important}body.theme-dark .route-auto-note small{color:#A7C1C5!important}
@media(max-width:800px){.stop-add-modal .stop-add-card{padding:25px 20px 22px!important}.stop-transport-choice-grid{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:94px!important;overflow-x:auto!important;padding-bottom:6px!important}.stop-field-title{display:block}.stop-field-title small{display:block;margin-top:3px}.stop-time-grid,.stop-route-metrics{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.stop-add-modal .stop-add-card{padding:22px 16px 18px!important}.stop-modal-head{padding-right:42px}.stop-modal-head h2{font-size:22px!important}.stop-time-grid,.stop-route-metrics{grid-template-columns:1fr!important}.stop-transport-choice-grid{grid-auto-columns:88px!important}.stop-add-card .modal-close{right:12px!important;top:12px!important}}


/* ========================= TRIPLOOM V14.10.1 · STOP FORM WOW UI ========================= */
.stop-add-modal{padding:28px!important;background:radial-gradient(circle at top,rgba(105,215,208,.28),transparent 38%),rgba(8,22,27,.30)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important;backdrop-filter:blur(16px) saturate(135%)!important}
.stop-add-modal .stop-add-card{
  position:relative!important;overflow:auto!important;
  width:min(820px,100%)!important;max-height:min(92vh,980px)!important;
  padding:34px 28px 26px!important;border-radius:32px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(246,250,251,.96))!important;
  border:1px solid rgba(178,221,221,.95)!important;
  box-shadow:0 28px 70px rgba(18,67,80,.18),inset 0 1px 0 rgba(255,255,255,.95)!important
}
.stop-add-modal .stop-add-card::before{content:'';position:absolute;inset:0 0 auto 0;height:132px;background:radial-gradient(circle at 18% 0,rgba(105,215,208,.16),transparent 42%),radial-gradient(circle at 86% 0,rgba(114,189,242,.18),transparent 34%);pointer-events:none;border-radius:32px 32px 0 0}
.stop-add-modal .stop-add-card::after{content:'';position:absolute;right:-68px;top:-68px;width:210px;height:210px;border-radius:999px;background:radial-gradient(circle,rgba(114,189,242,.18),transparent 62%);pointer-events:none;filter:blur(4px)}
.stop-add-card .modal-close{position:absolute!important;right:18px!important;left:auto!important;top:18px!important;z-index:9!important;width:42px!important;height:42px!important;border-radius:15px!important;background:linear-gradient(180deg,#FFFFFF,#F0F8F8)!important;color:#1F3B4D!important;border:1px solid #D8EDEE!important;box-shadow:0 10px 24px rgba(35,141,137,.10)!important}
.stop-add-card .modal-close:hover{transform:translateY(-1px)!important;box-shadow:0 14px 26px rgba(35,141,137,.15)!important}
.stop-modal-head{position:relative!important;padding:0 60px 0 0!important;margin:2px 0 18px!important}
.stop-modal-head .eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;border-radius:999px!important;background:#DDF7F4!important;color:#69D7D0!important;font-weight:800!important;letter-spacing:.18em!important;margin-bottom:14px!important;box-shadow:inset 0 0 0 1px #CFEFEB}
.stop-modal-head h2{font-size:38px!important;line-height:1.08!important;letter-spacing:-.03em!important;margin:0 0 10px!important;color:#1F3B4D!important;max-width:580px}
.stop-modal-head p{margin:0!important;color:#5F7780!important;font-size:14px!important;line-height:1.65!important;max-width:640px}
.stop-add-form{gap:16px!important}
.stop-add-form>label,.stop-add-form>.form-grid,.stop-add-form>.stop-transport-block,.stop-add-form>.route-auto-note,.stop-add-form>.stop-route-metrics{
  position:relative!important;padding:16px!important;border-radius:22px!important;
  background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;
  border:1px solid #DDEEEF!important;box-shadow:0 10px 30px rgba(34,52,61,.04)!important
}
.stop-add-form>.form-grid.two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.stop-add-form>.form-grid.two>label,.stop-route-metrics>label,.stop-time-grid>label{margin:0!important}
.stop-add-form label{gap:8px!important;color:#46616A!important;font-weight:800!important;font-size:12px!important;letter-spacing:.01em!important}
.stop-add-form label>span{display:block!important;color:#46616A!important;font-weight:800!important;font-size:12px!important}
.stop-add-form input,.stop-add-form select,.stop-add-form textarea{
  min-height:52px!important;padding:0 16px!important;border-radius:16px!important;border:1px solid #D7E9EB!important;
  background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;color:#1F3B4D!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 14px rgba(34,52,61,.03)!important;font-size:14px!important;font-weight:700!important
}
.stop-add-form textarea{min-height:118px!important;padding:14px 16px!important}
.stop-add-form input::placeholder,.stop-add-form textarea::placeholder{color:#96AAB1!important;font-weight:600!important}
.stop-add-form input:focus,.stop-add-form select:focus,.stop-add-form textarea:focus{border-color:#5FC7BF!important;box-shadow:0 0 0 4px rgba(105,215,208,.12),0 8px 20px rgba(105,215,208,.10)!important;outline:none!important}
#place-select-wrap select,#custom-title-wrap input,.stop-map-field .map-input-wrap input{min-height:56px!important}
.map-input-wrap>svg{left:16px!important;width:18px!important;height:18px!important;stroke:#69D7D0!important}.map-input-wrap input{padding-left:48px!important}
.stop-map-field small{display:block!important;margin-top:7px!important;font-size:11px!important;color:#7A9098!important;font-weight:600!important;line-height:1.55!important}
.stop-transport-block{padding:18px!important;background:linear-gradient(180deg,#F4FCFB,#F4FCFB)!important;border-color:#D9ECEC!important}
.stop-field-title{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:flex-end!important;margin-bottom:14px!important}.stop-field-title b{font-size:16px!important;color:#1F3B4D!important;letter-spacing:-.02em!important}.stop-field-title small{font-size:12px!important;color:#6F8792!important;max-width:320px;line-height:1.55!important;text-align:right}
.stop-transport-choice-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important;padding:0!important;overflow:visible!important}
.stop-transport-choice{
  min-height:92px!important;padding:10px 10px 12px!important;border-radius:18px!important;
  background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;border:1px solid #D6EAEB!important;
  box-shadow:0 10px 26px rgba(34,52,61,.04)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;text-align:center!important;transition:.18s ease!important
}
.stop-transport-choice:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(35,141,137,.10)!important;border-color:#AEDFDB!important}
.stop-transport-choice>span{width:40px!important;height:40px!important;border-radius:14px!important;background:#DDF7F4!important;display:grid!important;place-items:center!important;margin:0 auto!important;color:#69D7D0!important}
.stop-transport-choice svg{width:18px!important;height:18px!important;stroke:currentColor!important}.stop-transport-choice b{font-size:12px!important;color:#284047!important;line-height:1.2!important;font-weight:800!important}.stop-transport-choice input:checked+span,.stop-transport-choice:has(input:checked)>span{background:linear-gradient(180deg,#69D7D0,#69D7D0)!important;color:#FFFFFF!important}.stop-transport-choice:has(input:checked){background:linear-gradient(180deg,#F7FEFD,#EAF9F6)!important;border-color:#69D7D0!important;box-shadow:0 14px 30px rgba(105,215,208,.16)!important;transform:translateY(-2px)!important}.stop-transport-choice:has(input:checked) b{color:#69D7D0!important}.stop-transport-choice:has(input:checked):after{width:20px!important;height:20px!important;right:8px!important;top:8px!important;background:#69D7D0!important;color:#fff!important;font-size:10px!important;box-shadow:0 6px 16px rgba(105,215,208,.28)!important}
.stop-transport-other{margin-top:12px!important;padding:12px 14px!important;border-radius:16px!important;background:#FFFFFF!important;border:1px dashed #CDE5E6!important}
.route-auto-note{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:15px 16px!important;border-radius:20px!important;background:linear-gradient(180deg,#DDF7F4,#E7F6F7)!important;border:1px solid #D1ECE8!important;box-shadow:none!important}.route-auto-note>span{width:36px!important;height:36px!important;border-radius:12px!important;background:#DDF7F4!important;color:#69D7D0!important;display:grid!important;place-items:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}.route-auto-note svg{width:17px!important;height:17px!important;stroke:currentColor!important}.route-auto-note b{display:block!important;font-size:13px!important;color:#69D7D0!important;margin-bottom:3px!important}.route-auto-note small{display:block!important;font-size:11px!important;line-height:1.55!important;color:#647E86!important}
.stop-add-submit{min-height:58px!important;border-radius:18px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;background:linear-gradient(135deg,#3FBDB5,#8EDFF0)!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 18px 34px rgba(105,215,208,.26)!important;font-size:15px!important;font-weight:800!important;letter-spacing:.01em!important;position:sticky!important;bottom:0!important}.stop-add-submit:hover{transform:translateY(-1px)!important;box-shadow:0 22px 36px rgba(105,215,208,.32)!important}.stop-add-submit svg{width:18px!important;height:18px!important;stroke:#fff!important}
body.theme-dark .stop-add-modal{background:radial-gradient(circle at top,rgba(105,215,208,.18),transparent 34%),rgba(3,11,15,.56)!important}
body.theme-dark .stop-add-modal .stop-add-card{background:linear-gradient(180deg,rgba(13,26,33,.97),rgba(10,20,28,.97))!important;border-color:#23424B!important;box-shadow:0 32px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.03)!important}
body.theme-dark .stop-add-card .modal-close{background:linear-gradient(180deg,#17303A,#122630)!important;color:#DDF7F4!important;border-color:#2B4A54!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important}
body.theme-dark .stop-modal-head .eyebrow{background:#123733!important;color:#69D7D0!important;box-shadow:inset 0 0 0 1px #20504C!important}
body.theme-dark .stop-modal-head h2,body.theme-dark .stop-field-title b{color:#DDF7F4!important}
body.theme-dark .stop-modal-head p,body.theme-dark .stop-map-field small,body.theme-dark .stop-field-title small,body.theme-dark .route-auto-note small{color:#9AB4BB!important}
body.theme-dark .stop-add-form>label,body.theme-dark .stop-add-form>.form-grid,body.theme-dark .stop-add-form>.stop-transport-block,body.theme-dark .stop-add-form>.route-auto-note,body.theme-dark .stop-add-form>.stop-route-metrics{background:linear-gradient(180deg,#10212A,#0E1D26)!important;border-color:#203741!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}
body.theme-dark .stop-add-form label,body.theme-dark .stop-add-form label>span{color:#B9D0D5!important}
body.theme-dark .stop-add-form input,body.theme-dark .stop-add-form select,body.theme-dark .stop-add-form textarea{background:linear-gradient(180deg,#12232C,#0F1D25)!important;border-color:#29414A!important;color:#DDF7F4!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 6px 18px rgba(0,0,0,.14)!important}
body.theme-dark .stop-add-form input::placeholder,body.theme-dark .stop-add-form textarea::placeholder{color:#70919A!important}
body.theme-dark .stop-add-form input:focus,body.theme-dark .stop-add-form select:focus,body.theme-dark .stop-add-form textarea:focus{border-color:#69D7D0!important;box-shadow:0 0 0 4px rgba(105,215,208,.14),0 8px 24px rgba(105,215,208,.12)!important}
body.theme-dark .stop-transport-block{background:linear-gradient(180deg,#1F3B4D,#0F222B)!important;border-color:#24404A!important}
body.theme-dark .stop-transport-choice{background:linear-gradient(180deg,#132630,#102029)!important;border-color:#233E48!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important}
body.theme-dark .stop-transport-choice>span{background:#193841!important;color:#69D7D0!important}
body.theme-dark .stop-transport-choice b{color:#D4E8EA!important}
body.theme-dark .stop-transport-choice:hover{border-color:#69D7D0!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important}
body.theme-dark .stop-transport-choice:has(input:checked){background:linear-gradient(180deg,#14333A,#112B34)!important;border-color:#69D7D0!important;box-shadow:0 14px 30px rgba(0,0,0,.22)!important}
body.theme-dark .stop-transport-choice:has(input:checked) b{color:#88E1DB!important}
body.theme-dark .stop-transport-other{background:#10222B!important;border-color:#29424B!important}
body.theme-dark .route-auto-note{background:linear-gradient(180deg,#12302F,#102A2D)!important;border-color:#25504C!important}
body.theme-dark .route-auto-note b{color:#69D7D0!important}
@media(max-width:900px){.stop-add-modal .stop-add-card{width:min(760px,100%)!important;padding:28px 20px 22px!important}.stop-modal-head h2{font-size:32px!important}}
@media(max-width:800px){.stop-add-modal{padding:16px!important}.stop-add-modal .stop-add-card{padding:24px 16px 18px!important;border-radius:26px!important}.stop-modal-head{padding-right:48px!important}.stop-modal-head .eyebrow{padding:7px 10px!important;font-size:10px!important;letter-spacing:.16em!important}.stop-modal-head h2{font-size:28px!important}.stop-modal-head p{font-size:13px!important}.stop-add-form>.form-grid.two{grid-template-columns:1fr!important}.stop-time-grid,.stop-route-metrics{grid-template-columns:1fr!important}.stop-transport-choice-grid{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:104px!important;overflow-x:auto!important;padding-bottom:6px!important}.stop-field-title{display:block!important}.stop-field-title small{text-align:left!important;margin-top:4px!important}.stop-add-submit{position:static!important}}
@media(max-width:520px){.stop-add-modal .stop-add-card{padding:22px 14px 16px!important}.stop-add-card .modal-close{width:38px!important;height:38px!important;right:12px!important;top:12px!important}.stop-modal-head h2{font-size:25px!important}.stop-add-form>label,.stop-add-form>.form-grid,.stop-add-form>.stop-transport-block,.stop-add-form>.route-auto-note,.stop-add-form>.stop-route-metrics{padding:13px!important;border-radius:18px!important}.stop-transport-choice-grid{grid-auto-columns:96px!important}.stop-add-form input,.stop-add-form select,.stop-add-form textarea{min-height:50px!important;border-radius:15px!important}}


/* ========================= TRIPLOOM V14.10.2 · TRANSPORT CARD ALIGN FIX ========================= */
.stop-transport-block .stop-field-title{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important}
.stop-transport-block .stop-field-title b{margin:0!important;display:block!important}
.stop-transport-block .stop-field-title small{display:block!important;margin:0!important;max-width:360px!important;text-align:right!important;line-height:1.45!important;font-size:12px!important;white-space:normal!important}
.stop-transport-choice-grid{align-items:stretch!important}
.stop-transport-choice{padding:12px 10px 14px!important;align-items:center!important;justify-content:center!important;gap:10px!important}
.stop-transport-choice>span{margin:0 auto!important;flex:0 0 auto!important}
.stop-transport-choice b{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:30px!important;text-align:center!important;line-height:1.25!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;margin:0!important}
.stop-transport-choice:has(input:checked):after{display:grid!important;place-items:center!important}
@media(max-width:800px){.stop-transport-block .stop-field-title{grid-template-columns:1fr!important}.stop-transport-block .stop-field-title small{max-width:none!important;text-align:left!important}}


/* ========================= TRIPLOOM V14.10.3 · TRANSPORT ICON VERTICAL CENTER FIX ========================= */
.stop-transport-choice>span{display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;padding:0!important}
.stop-transport-choice>span svg{display:block!important;margin:auto!important;position:relative!important;top:0!important;left:0!important;transform:none!important;line-height:1!important;flex:0 0 auto!important}
.stop-transport-choice:has(input:checked)>span svg,.stop-transport-choice input:checked+span svg{display:block!important;margin:auto!important}


/* ========================= TRIPLOOM V14.10.4 · STOP MODAL WIDTH / NO HORIZONTAL SCROLL ========================= */
.stop-add-modal{overflow:hidden!important;box-sizing:border-box!important}
.stop-add-modal .stop-add-card{
  width:min(820px,calc(100vw - 36px))!important;
  max-width:calc(100vw - 36px)!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
.stop-add-card *{box-sizing:border-box!important}
.stop-add-form,.stop-add-form>*,.stop-add-form label,.stop-add-form .form-grid,.stop-add-form .map-input-wrap,.stop-transport-block,.stop-transport-choice-grid,.stop-route-metrics,.stop-time-grid{min-width:0!important;max-width:100%!important}
.stop-add-form input,.stop-add-form select,.stop-add-form textarea{width:100%!important;max-width:100%!important;min-width:0!important}
.map-input-wrap{width:100%!important;overflow:hidden!important}
.map-input-wrap input{width:100%!important;min-width:0!important}
.stop-add-form>.form-grid.two,.stop-time-grid,.stop-route-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
.stop-transport-choice-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  overflow-x:visible!important;
  padding:0!important;
}
.stop-transport-choice{width:100%!important;min-width:0!important;max-width:100%!important}
.stop-transport-choice b{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}
.stop-add-submit{width:100%!important;max-width:100%!important;left:auto!important;right:auto!important}
@media(max-width:900px){
  .stop-add-modal .stop-add-card{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important}
  .stop-transport-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
}
@media(max-width:700px){
  .stop-add-modal{padding:10px!important}
  .stop-add-modal .stop-add-card{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}
  .stop-add-form>.form-grid.two,.stop-time-grid,.stop-route-metrics{grid-template-columns:1fr!important}
  .stop-transport-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:hidden!important}
}
@media(max-width:480px){
  .stop-add-modal{padding:6px!important}
  .stop-add-modal .stop-add-card{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;border-radius:22px!important}
  .stop-transport-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ========================= TRIPLOOM V14.10.5 · TRANSPORT SVG TRUE CENTER ========================= */
.stop-transport-choice > span{
  position:relative!important;
  display:block!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0 auto!important;
  line-height:0!important;
  overflow:visible!important;
}
.stop-transport-choice > span > svg{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  vertical-align:middle!important;
  flex:none!important;
}
.stop-transport-choice:has(input:checked) > span > svg,
.stop-transport-choice input:checked + span > svg{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}
/* Optical correction: keep all transport pictograms on the same visual centerline. */
.stop-transport-choice input[value="walk"] + span > svg,
.stop-transport-choice input[value="bicycle"] + span > svg,
.stop-transport-choice input[value="motorbike"] + span > svg,
.stop-transport-choice input[value="car"] + span > svg,
.stop-transport-choice input[value="boat"] + span > svg,
.stop-transport-choice input[value="plane"] + span > svg,
.stop-transport-choice input[value="other"] + span > svg{
  top:50%!important;
}


/* ========================= TRIPLOOM V14.11 · VALI ========================= */
.pack-v16-hero{position:relative;overflow:hidden;min-height:240px;margin:4px 0 16px;padding:34px 38px;border-radius:30px;background:linear-gradient(120deg,#69D7D0 0%,#3FBDB5 52%,#8EDFF0 100%);display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:center;color:#fff;box-shadow:0 20px 48px rgba(41,126,134,.15)}
.pack-v16-hero:after{content:'';position:absolute;right:-70px;top:-110px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.09)}.pack-v16-hero>div{position:relative;z-index:2}.pack-v16-hero h2{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:8px 0 10px;color:#fff}.pack-v16-hero p{max-width:680px;margin:0;color:rgba(255,255,255,.87);font-size:13px;line-height:1.65}.pack-v16-score{padding:20px;border:1px solid rgba(255,255,255,.24);border-radius:24px;background:rgba(255,255,255,.13);backdrop-filter:blur(12px)}.pack-v16-score>b{display:block;font-size:42px;line-height:1;color:#fff}.pack-v16-score>span{display:block;margin-top:6px;font-size:9px;letter-spacing:.14em;font-weight:800;color:rgba(255,255,255,.78)}.pack-v16-score>i{display:block;height:8px;margin:16px 0 8px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.pack-v16-score>i em{display:block;height:100%;border-radius:inherit;background:#fff}.pack-v16-score>small{font-size:10px;color:rgba(255,255,255,.82)}
.pack-v16-suggest{padding:22px!important;border-radius:24px!important}.pack-v16-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.pack-v16-template-card{margin:0}.pack-v16-template-card button{width:100%;height:100%;min-height:118px;border:1px solid #C6ECE8;border-radius:20px;background:linear-gradient(180deg,#fff,#F4FCFB);padding:16px;text-align:left;display:grid;grid-template-columns:44px 1fr;gap:11px;align-content:center;cursor:pointer;transition:.18s ease;color:#1F3B4D}.pack-v16-template-card button:hover{transform:translateY(-2px);border-color:#A9DDD8;box-shadow:0 14px 28px rgba(105,215,208,.10)}.pack-v16-template-card i{width:44px;height:44px;border-radius:15px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center}.pack-v16-template-card i svg{width:20px;height:20px;stroke:currentColor;fill:none}.pack-v16-template-card span b,.pack-v16-template-card span small{display:block}.pack-v16-template-card span b{font-size:13px}.pack-v16-template-card span small{font-size:9px;line-height:1.45;color:#6F8792;margin-top:4px}.pack-v16-template-card em{grid-column:2;font-style:normal;font-size:9px;font-weight:800;color:#69D7D0}
.pack-v16-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;margin:14px 0}.pack-v16-layout>.panel{padding:22px!important;border-radius:24px!important}.pack-v16-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.pack-v16-list-head h2{font-size:22px;margin:4px 0 0}.pack-v16-count{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#F0F6F6;color:#60777E;font-size:9px;font-weight:800}.pack-v16-count.done{background:#E5F7F3;color:#69D7D0}.pack-v16-list{display:grid;gap:8px}.pack-v16-list article{display:grid;grid-template-columns:38px 42px minmax(0,1fr) 30px;gap:10px;align-items:center;min-height:70px;padding:10px 12px;border:1px solid #C6ECE8;border-radius:18px;background:#F4FCFB}.pack-v16-list.packed article{grid-template-columns:38px 42px minmax(0,1fr);background:#DDF7F4;border-color:#D4EBE7}.pack-v16-check{width:36px;height:36px;border-radius:13px;border:1px solid #D6E8E9;background:#fff;color:#9CB0B5;display:grid;place-items:center;cursor:pointer}.pack-v16-check svg{width:16px;height:16px;stroke:currentColor;opacity:.25}.pack-v16-check:hover,.pack-v16-check.checked{background:#3FBDB5;border-color:#3FBDB5;color:#fff}.pack-v16-check.checked svg,.pack-v16-check:hover svg{opacity:1}.pack-v16-item-icon{width:42px;height:42px;border-radius:14px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center}.pack-v16-item-icon svg{width:18px;height:18px;stroke:currentColor;fill:none}.pack-v16-list article>div b,.pack-v16-list article>div small{display:block}.pack-v16-list article>div b{font-size:12px;color:#1F3B4D}.pack-v16-list article>div small{font-size:9px;color:#6F8792;margin-top:3px}.pack-v16-list.packed article>div b{text-decoration:line-through;text-decoration-color:#98BDB8;color:#557078}.pack-v16-empty{min-height:190px;border:1px dashed #CFE3E4;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6F8792;padding:24px}.pack-v16-empty>span{width:48px;height:48px;border-radius:16px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center;font-size:20px;margin-bottom:10px}.pack-v16-empty svg{width:21px;height:21px;stroke:currentColor;fill:none}.pack-v16-empty b{font-size:13px;color:#31484F}.pack-v16-empty small{font-size:10px;margin-top:4px}.pack-v16-progress{padding:14px 15px;border-radius:17px;background:#F4FCFB;border:1px solid #E5EEEE;margin-bottom:13px}.pack-v16-progress>div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.pack-v16-progress>div span{color:#6F8792}.pack-v16-progress>div b{color:#69D7D0}.pack-v16-progress>i{display:block;height:7px;border-radius:999px;background:#E6EFEE;overflow:hidden}.pack-v16-progress>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3FBDB5,#8EDFF0)}
.pack-v16-add{padding:22px!important;border-radius:24px!important;display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:end}.pack-v16-add h2{font-size:21px;margin:4px 0 6px}.pack-v16-add-form{display:grid;grid-template-columns:135px minmax(180px,1fr) 90px 135px auto auto;gap:9px;align-items:end}.pack-v16-add-form label{display:grid;gap:6px;font-size:9px;font-weight:800;color:#5E777E}.pack-v16-add-form input,.pack-v16-add-form select{min-width:0;height:44px;border-radius:13px;border:1px solid #C6ECE8;background:#fff;padding:0 11px}.pack-v16-add-form .grow{min-width:0}.pack-v16-essential{height:44px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 10px;border:1px solid #C6ECE8;border-radius:13px;background:#F4FCFB}.pack-v16-essential input{width:16px;height:16px;min-height:0}.pack-v16-add-form>.btn{height:44px;white-space:nowrap}.pack-v16-add-form>.btn svg{width:15px;height:15px;stroke:#fff}
.check-pack-v16{margin:14px 0 18px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#F4FCFB,#F9FDFD);border:1px solid #C6ECE8}.check-pack-v16-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.check-pack-v16-head h3{font-size:15px;margin:3px 0}.check-pack-v16-head>a{font-size:9px;font-weight:800;color:#69D7D0}.check-pack-v16-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:10px 0 12px}.check-pack-v16-progress>i{display:block;height:6px;border-radius:999px;background:#E1ECEC;overflow:hidden}.check-pack-v16-progress em{display:block;height:100%;background:linear-gradient(90deg,#3FBDB5,#8EDFF0)}.check-pack-v16-progress>b{font-size:10px;color:#69D7D0}.check-pack-v16-list{display:flex;flex-wrap:wrap;gap:7px}.check-pack-v16-list form{margin:0}.check-pack-v16-list button{border:1px solid #C6ECE8;background:#fff;border-radius:13px;min-height:38px;padding:5px 9px;display:grid;grid-template-columns:22px 24px auto;gap:6px;align-items:center;cursor:pointer;color:#31484F}.check-pack-v16-list button>span{width:22px;height:22px;border-radius:8px;border:1px solid #CFE2E2;display:grid;place-items:center;font-size:9px}.check-pack-v16-list button>i{width:24px;height:24px;border-radius:8px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center}.check-pack-v16-list button>i svg{width:13px;height:13px;stroke:currentColor}.check-pack-v16-list button>b{font-size:9px}.check-pack-v16-list button>small{grid-column:3;font-size:7px;color:#6F8792;margin-top:-5px}.check-pack-v16-list form.done button{background:#DDF7F4;border-color:#C9E8E3}.check-pack-v16-list form.done button>span{background:#3FBDB5;border-color:#3FBDB5;color:#fff}.check-pack-v16-list form.done button>b{text-decoration:line-through;color:#587278}
body.theme-dark .pack-v16-suggest,body.theme-dark .pack-v16-layout>.panel,body.theme-dark .pack-v16-add{background:#10212B!important;border-color:#23414A!important}.theme-dark .pack-v16-template-card button,.theme-dark .pack-v16-list article,.theme-dark .pack-v16-add-form input,.theme-dark .pack-v16-add-form select,.theme-dark .pack-v16-essential{background:#1F3B4D!important;border-color:#29434C!important;color:#DDF7F4}.theme-dark .pack-v16-template-card span b,.theme-dark .pack-v16-list article>div b,.theme-dark .pack-v16-list-head h2,.theme-dark .pack-v16-add h2{color:#DDF7F4}.theme-dark .pack-v16-template-card span small,.theme-dark .pack-v16-list article>div small{color:#9AB4BB}.theme-dark .pack-v16-item-icon,.theme-dark .pack-v16-template-card i,.theme-dark .pack-v16-empty>span{background:#183A3A;color:#69D7D0}.theme-dark .pack-v16-check{background:#132630;border-color:#2A454D;color:#9AB4BB}.theme-dark .pack-v16-list.packed article{background:#12302E;border-color:#25504C}.theme-dark .pack-v16-progress{background:#0E2029;border-color:#203B45}.theme-dark .pack-v16-empty{border-color:#29434C}.theme-dark .pack-v16-empty b{color:#DDF7F4}.theme-dark .check-pack-v16{background:linear-gradient(180deg,#102B2B,#10252C);border-color:#25484A}.theme-dark .check-pack-v16-list button{background:#122630;border-color:#1F3B4D;color:#DCEDEE}.theme-dark .check-pack-v16-list form.done button{background:#143532;border-color:#27534F}
@media(max-width:1200px){.pack-v16-template-grid{grid-template-columns:repeat(2,1fr)}.pack-v16-add{grid-template-columns:1fr}.pack-v16-add-form{grid-template-columns:repeat(4,minmax(0,1fr))}.pack-v16-add-form .grow{grid-column:span 2}.pack-v16-add-form>.btn{grid-column:span 2}}
@media(max-width:900px){.pack-v16-hero{grid-template-columns:1fr;padding:28px 24px}.pack-v16-score{max-width:280px}.pack-v16-layout{grid-template-columns:1fr}.pack-v16-add-form{grid-template-columns:1fr 1fr}.pack-v16-add-form .grow,.pack-v16-add-form>.btn{grid-column:1/-1}}
@media(max-width:600px){.pack-v16-hero h2{font-size:30px}.pack-v16-template-grid{grid-template-columns:1fr}.pack-v16-template-card button{min-height:104px}.pack-v16-add-form{grid-template-columns:1fr}.pack-v16-add-form .grow,.pack-v16-add-form>.btn{grid-column:auto}.pack-v16-list article{grid-template-columns:36px 38px minmax(0,1fr) 28px;padding:9px}.pack-v16-list.packed article{grid-template-columns:36px 38px minmax(0,1fr)}.check-pack-v16-list{display:grid;grid-template-columns:1fr}.check-pack-v16-list button{width:100%}}


/* TRIPLOOM V14.11.1 - Packing UI refresh */
.pack-v17-shell{padding:22px!important;border-radius:26px!important;background:linear-gradient(180deg,#F4FCFB 0%,#F4FCFB 100%);border:1px solid #C6ECE8!important;box-shadow:0 18px 42px rgba(43,123,132,.08)}
.pack-v17-head{align-items:flex-start;margin-bottom:14px}.pack-v17-head h2{font-size:32px;line-height:1.05;margin:4px 0 6px}.pack-v17-head p{max-width:760px}
.pack-v17-template-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pack-v17-pill-form{margin:0}.pack-v17-pill{display:inline-flex;align-items:center;gap:7px;padding:0 14px;height:40px;border-radius:13px}.pack-v17-pill svg{width:16px;height:16px;stroke:currentColor;fill:none}
.pack-v17-add-form{display:grid;grid-template-columns:120px minmax(180px,1fr) 68px 130px auto 48px;gap:9px;align-items:center;margin-bottom:16px}.pack-v17-add-form input,.pack-v17-add-form select{min-width:0;height:44px;border-radius:14px;border:1px solid #D9E9EA;background:#fff;padding:0 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.pack-v17-add-form .grow{min-width:0}.pack-v17-essential{height:44px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #D9E9EA;border-radius:14px;background:#F4FCFB;color:#50676D;font-size:11px;font-weight:700}.pack-v17-essential input{width:16px;height:16px}
.pack-v17-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px}.pack-v17-block{padding:18px;border-radius:22px;background:#fff;border:1px solid #DFEBEC;min-width:0;box-shadow:0 10px 26px rgba(54,94,104,.05)}.pack-v17-packed-block{background:linear-gradient(180deg,#F4FCFB 0%,#F4FAF9 100%)}
.pack-v17-subhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.pack-v17-subhead h3{font-size:22px;margin:4px 0 0}.pack-v17-count{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;background:#F2F7F7;color:#62787F;font-size:10px;font-weight:800}.pack-v17-count.done{background:#E7F7F3;color:#69D7D0}
.pack-v17-progress{margin-bottom:12px;padding:14px;border-radius:16px;border:1px solid #E3EEEE;background:#F4FCFB;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.pack-v17-progress span{font-size:11px;color:#6F8792}.pack-v17-progress b{font-size:18px;color:#69D7D0}.pack-v17-progress i{grid-column:1/-1;display:block;height:7px;border-radius:999px;background:#E2ECEC;overflow:hidden}.pack-v17-progress i em{display:block;height:100%;background:linear-gradient(90deg,#3FBDB5,#8EDFF0);border-radius:inherit}
.pack-v17-list{display:grid;gap:8px;max-height:470px;overflow:auto;padding-right:3px}.pack-v17-list article{display:grid;grid-template-columns:24px 42px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:12px;border-radius:18px;background:#F4FCFB;border:1px solid #DDF7F4}.pack-v17-list article.done{background:#F3FAF8;border-color:#D8ECE8}.pack-v17-list-done{max-height:356px}
.pack-v17-check{width:20px;height:20px;border-radius:999px;border:1.8px solid #3FBDB5;background:#fff;display:grid;place-items:center;cursor:pointer;color:#3FBDB5;font-size:11px;font-weight:800;line-height:1;padding:0}.pack-v17-check.checked{background:#3FBDB5;color:#fff}.pack-v17-check:hover{transform:scale(1.04)}
.pack-v17-icon{width:42px;height:42px;border-radius:14px;background:#ECF8F6;color:#69D7D0;display:grid;place-items:center}.pack-v17-icon svg{width:18px;height:18px;stroke:currentColor;fill:none}
.pack-v17-list article>div b,.pack-v17-list article>div small{display:block}.pack-v17-list article>div b{font-size:14px;color:#1F3B4D}.pack-v17-list article>div small{font-size:10px;color:#6F8792;margin-top:3px}.pack-v17-list article.done>div b{text-decoration:line-through;text-decoration-color:#9ABFBB;color:#62787F}
.pack-v17-delete{border:0;background:transparent;color:#FF9B5E;font-size:22px;line-height:1;cursor:pointer;padding:0 2px}.pack-v17-delete:hover{color:#E25563}
.pack-v17-empty{min-height:180px;border:1px dashed #D4E6E8;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6F8792;padding:24px}.pack-v17-empty>span{width:44px;height:44px;border-radius:15px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center;font-size:20px;margin-bottom:10px}.pack-v17-empty svg{width:20px;height:20px;stroke:currentColor;fill:none}.pack-v17-empty b{font-size:13px;color:#31484F}.pack-v17-empty small{font-size:10px;margin-top:4px}
.theme-dark .pack-v17-shell{background:linear-gradient(180deg,#10232C 0%,#112932 100%)!important;border-color:#22414B!important;box-shadow:none}.theme-dark .pack-v17-block{background:#1F3B4D;border-color:#264550}.theme-dark .pack-v17-packed-block{background:linear-gradient(180deg,#1F3B4D 0%,#14312F 100%)}.theme-dark .pack-v17-head h2,.theme-dark .pack-v17-list article>div b,.theme-dark .pack-v17-subhead h3{color:#F2FBFC}.theme-dark .pack-v17-head p,.theme-dark .pack-v17-list article>div small,.theme-dark .pack-v17-progress span{color:#9DB5BB}.theme-dark .pack-v17-add-form input,.theme-dark .pack-v17-add-form select,.theme-dark .pack-v17-essential{background:#0F222B;border-color:#1F3B4D;color:#E6F4F6}.theme-dark .pack-v17-icon{background:#1F3B4D;color:#7EDDD5}.theme-dark .pack-v17-list article{background:#10232C;border-color:#264550}.theme-dark .pack-v17-list article.done{background:#12312F;border-color:#2E5853}.theme-dark .pack-v17-progress{background:#0E2029;border-color:#203B45}.theme-dark .pack-v17-empty{border-color:#29434C}.theme-dark .pack-v17-empty b{color:#F2FBFC}.theme-dark .pack-v17-count{background:#17303A;color:#A8C1C7}.theme-dark .pack-v17-count.done{background:#173932;color:#7EDDD5}
@media(max-width:1180px){.pack-v17-add-form{grid-template-columns:120px 1fr 72px 120px}.pack-v17-add-form .pack-v17-essential,.pack-v17-add-form .btn{grid-row:2}.pack-v17-add-form .btn{grid-column:4}.pack-v17-grid{grid-template-columns:1fr}}
@media(max-width:760px){.pack-v17-head h2{font-size:28px}.pack-v17-template-row{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.pack-v17-pill{white-space:nowrap}.pack-v17-add-form{grid-template-columns:1fr 1fr}.pack-v17-add-form .grow,.pack-v17-add-form .pack-v17-essential,.pack-v17-add-form .btn{grid-column:1/-1}.pack-v17-add-form .btn{grid-row:auto}.pack-v17-list article{grid-template-columns:22px 40px minmax(0,1fr) 18px;padding:11px}.pack-v17-list article>div b{font-size:13px}.pack-v17-block{padding:16px}}
@media(max-width:520px){.pack-v17-shell{padding:16px!important}.pack-v17-add-form{grid-template-columns:1fr}.pack-v17-list{max-height:none}.pack-v17-list-done{max-height:none}}

/* ========================= TRIPLOOM V14.12 · VALI 3-STEP FLOW ========================= */
.pack-v19-page{display:grid;gap:14px;margin-top:4px}.pack-v19-titlebar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px;border:1px solid #C6ECE8;border-radius:24px;background:linear-gradient(135deg,#F8FDFC,#F3FAFC);box-shadow:0 12px 30px rgba(52,105,116,.06)}.pack-v19-titlebar h2{font-size:30px;margin:3px 0 6px;color:#1F3B4D}.pack-v19-titlebar p{margin:0;color:#6F8792;font-size:12px;line-height:1.6}.pack-v19-overall{min-width:150px;padding:13px 16px;border-radius:18px;background:#fff;border:1px solid #C6ECE8;text-align:right}.pack-v19-overall strong{display:block;font-size:27px;color:#69D7D0;line-height:1}.pack-v19-overall span,.pack-v19-overall small{display:block}.pack-v19-overall span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#6F8792;margin-top:5px;text-transform:uppercase}.pack-v19-overall small{font-size:9px;color:#6F8792;margin-top:4px}
.pack-v19-step{padding:22px!important;border-radius:24px!important;border:1px solid #C6ECE8!important;box-shadow:0 10px 28px rgba(49,95,106,.05)!important}.pack-v19-step-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:flex-start;margin-bottom:18px}.pack-v19-step-no{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#DDF7F4,#E9F6FF);color:#69D7D0;display:grid;place-items:center;font-size:14px;font-weight:800;box-shadow:inset 0 0 0 1px #CBEAE6}.pack-v19-step-head h3{font-size:23px;margin:3px 0 5px;color:#1F3B4D}.pack-v19-step-head p{margin:0;color:#6F8792;font-size:11px;line-height:1.55;max-width:760px}.pack-v19-step-status{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:999px;background:#F2F7F7;color:#607980;font-size:9px;font-weight:800;white-space:nowrap}.pack-v19-step-status.done{background:#E7F7F3;color:#69D7D0}
.pack-v19-reco-head,.pack-v19-custom-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 0 10px}.pack-v19-reco-head b,.pack-v19-custom-title b{font-size:12px;color:#30484F}.pack-v19-reco-head small,.pack-v19-custom-title small{font-size:9px;color:#7B9097}.pack-v19-suggestions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px}.pack-v19-suggestion{margin:0}.pack-v19-suggestion button{width:100%;min-height:68px;padding:9px 10px;border:1px solid #C6ECE8;border-radius:17px;background:linear-gradient(180deg,#fff,#F4FCFB);display:grid;grid-template-columns:36px minmax(0,1fr) 25px;gap:8px;align-items:center;text-align:left;cursor:pointer;color:#1F3B4D;transition:.16s ease}.pack-v19-suggestion button:hover:not(:disabled){transform:translateY(-1px);border-color:#A9DDD8;box-shadow:0 10px 22px rgba(105,215,208,.09)}.pack-v19-suggestion button>i{width:36px;height:36px;border-radius:12px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center}.pack-v19-suggestion button>i svg{width:16px;height:16px;stroke:currentColor;fill:none}.pack-v19-suggestion button>span b,.pack-v19-suggestion button>span small{display:block}.pack-v19-suggestion button>span b{font-size:11px}.pack-v19-suggestion button>span small{font-size:8px;color:#6F8792;margin-top:3px}.pack-v19-suggestion button>em{width:25px;height:25px;border-radius:9px;background:#3FBDB5;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;font-style:normal}.pack-v19-suggestion.added button{background:#F3F9F8;opacity:.72;cursor:default}.pack-v19-suggestion.added button>em{background:#DCEBE8;color:#69D7D0}
.pack-v19-add{display:grid;grid-template-columns:125px minmax(220px,1fr) 70px 130px auto auto;gap:8px;align-items:center}.pack-v19-add input,.pack-v19-add select{height:44px;min-width:0;border:1px solid #D9E9EB;border-radius:13px;background:#fff;padding:0 11px;color:#1F3B4D}.pack-v19-add .grow{min-width:0}.pack-v19-essential{height:44px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #D9E9EB;border-radius:13px;background:#F4FCFB;color:#5C747B;font-size:9px;font-weight:800}.pack-v19-essential input{width:15px;height:15px}.pack-v19-add>.btn{height:44px;white-space:nowrap}
.pack-v19-step-two{background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important}.pack-v19-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pack-v19-inventory article{display:grid;grid-template-columns:24px 42px minmax(0,1fr) auto 24px;gap:9px;align-items:center;min-height:70px;padding:10px 12px;border:1px solid #DFEBED;border-radius:18px;background:#F4FCFB}.pack-v19-inventory article.checked{background:#F1FAF8;border-color:#CCE9E4}.pack-v19-check{width:21px;height:21px;border-radius:999px;border:1.8px solid #3FBDB5;background:#fff;color:#fff;display:grid;place-items:center;padding:0;font-size:11px;font-weight:800;cursor:pointer}.pack-v19-inventory article.checked .pack-v19-check{background:#3FBDB5}.pack-v19-inventory article>i,.pack-v19-packed article>i{width:42px;height:42px;border-radius:14px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center}.pack-v19-inventory article>i svg,.pack-v19-packed article>i svg{width:18px;height:18px;stroke:currentColor;fill:none}.pack-v19-inventory article>div b,.pack-v19-inventory article>div small,.pack-v19-packed article>div b,.pack-v19-packed article>div small{display:block}.pack-v19-inventory article>div b,.pack-v19-packed article>div b{font-size:12px;color:#1F3B4D}.pack-v19-inventory article>div small,.pack-v19-packed article>div small{font-size:8px;color:#6F8792;margin-top:3px}.pack-v19-inventory article.checked>div b{text-decoration:line-through;text-decoration-color:#9ABFBB;color:#627B80}.pack-v19-state{font-size:8px;font-weight:800;white-space:nowrap;padding:5px 8px;border-radius:999px;background:#F1F5F5;color:#6F8792}.pack-v19-inventory article.checked .pack-v19-state{background:#DCF4EF;color:#69D7D0}.pack-v19-remove{border:0;background:transparent;color:#FF9B5E;font-size:17px;cursor:pointer;padding:2px}
.pack-v19-step-three{background:linear-gradient(180deg,#F4FCFB,#F5FBF9)!important}.pack-v19-progress{padding:16px 18px;border:1px solid #DCEBE9;border-radius:18px;background:#fff;margin-bottom:12px}.pack-v19-progress>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.pack-v19-progress>div span{font-size:11px;color:#6F8792}.pack-v19-progress>div b{font-size:12px;color:#69D7D0}.pack-v19-progress>i{display:block;height:8px;border-radius:999px;background:#E1EBEA;overflow:hidden}.pack-v19-progress>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3FBDB5,#8EDFF0)}.pack-v19-progress>small{display:block;font-size:9px;color:#6F8792;margin-top:7px}.pack-v19-packed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pack-v19-packed article{display:grid;grid-template-columns:24px 40px minmax(0,1fr) 28px;gap:9px;align-items:center;padding:11px;border:1px solid #D4EAE6;border-radius:17px;background:#DDF7F4}.pack-v19-ok{width:22px;height:22px;border-radius:999px;background:#3FBDB5;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.pack-v19-packed article form button{width:28px;height:28px;border:0;border-radius:9px;background:#E8F3F1;color:#69D7D0;cursor:pointer}.pack-v19-empty{min-height:150px;border:1px dashed #D3E5E6;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#6F8792}.pack-v19-empty>span{width:44px;height:44px;border-radius:15px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center;margin-bottom:9px}.pack-v19-empty svg{width:20px;height:20px;stroke:currentColor;fill:none}.pack-v19-empty b{font-size:13px;color:#31484F}.pack-v19-empty small{font-size:9px;margin-top:4px}
.theme-dark .pack-v19-titlebar,.theme-dark .pack-v19-step{background:#10232C!important;border-color:#24414B!important;box-shadow:none!important}.theme-dark .pack-v19-titlebar h2,.theme-dark .pack-v19-step-head h3,.theme-dark .pack-v19-inventory article>div b,.theme-dark .pack-v19-packed article>div b,.theme-dark .pack-v19-empty b{color:#DDF7F4}.theme-dark .pack-v19-titlebar p,.theme-dark .pack-v19-step-head p,.theme-dark .pack-v19-inventory article>div small,.theme-dark .pack-v19-packed article>div small,.theme-dark .pack-v19-progress>small{color:#9AB4BB}.theme-dark .pack-v19-overall,.theme-dark .pack-v19-suggestion button,.theme-dark .pack-v19-add input,.theme-dark .pack-v19-add select,.theme-dark .pack-v19-essential,.theme-dark .pack-v19-inventory article,.theme-dark .pack-v19-progress{background:#1F3B4D;border-color:#1F3B4D;color:#DDF7F4}.theme-dark .pack-v19-inventory article.checked,.theme-dark .pack-v19-packed article{background:#14312F;border-color:#2B5550}.theme-dark .pack-v19-inventory article>i,.theme-dark .pack-v19-packed article>i,.theme-dark .pack-v19-suggestion button>i{background:#183A3A;color:#69D7D0}.theme-dark .pack-v19-suggestion button>span b{color:#DDF7F4}.theme-dark .pack-v19-step-three{background:#10252C!important}.theme-dark .pack-v19-step-no{background:#1F3B4D;color:#69D7D0;box-shadow:inset 0 0 0 1px #28504E}
@media(max-width:1200px){.pack-v19-suggestions{grid-template-columns:repeat(3,minmax(0,1fr))}.pack-v19-add{grid-template-columns:120px 1fr 70px 120px}.pack-v19-add .pack-v19-essential,.pack-v19-add>.btn{grid-row:2}.pack-v19-add>.btn{grid-column:4}.pack-v19-packed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.pack-v19-titlebar{align-items:flex-start}.pack-v19-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-v19-inventory{grid-template-columns:1fr}.pack-v19-packed{grid-template-columns:1fr}.pack-v19-add{grid-template-columns:1fr 1fr}.pack-v19-add .grow,.pack-v19-add .pack-v19-essential,.pack-v19-add>.btn{grid-column:1/-1}.pack-v19-add>.btn{grid-row:auto}.pack-v19-step-head{grid-template-columns:44px 1fr}.pack-v19-step-status{grid-column:2;justify-self:start}.pack-v19-step-no{width:44px;height:44px}}
@media(max-width:600px){.pack-v19-titlebar{flex-direction:column;padding:17px}.pack-v19-overall{width:100%;text-align:left}.pack-v19-suggestions{grid-template-columns:1fr}.pack-v19-add{grid-template-columns:1fr}.pack-v19-step{padding:16px!important}.pack-v19-step-head{gap:10px}.pack-v19-step-head h3{font-size:20px}.pack-v19-reco-head,.pack-v19-custom-title{display:block}.pack-v19-reco-head small,.pack-v19-custom-title small{display:block;margin-top:3px}.pack-v19-inventory article{grid-template-columns:22px 38px minmax(0,1fr) 20px}.pack-v19-state{grid-column:3;justify-self:start}.pack-v19-packed article{grid-template-columns:22px 38px minmax(0,1fr) 26px}}

/* TRIPLOOM V14.12.1 · Vali 3-step smart layout */
.pack-v20-page{display:grid;gap:18px}
.pack-v20-titlebar{margin-bottom:0}
.pack-v20-step{padding:22px!important}
.pack-v20-block-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}.pack-v20-block-title b{font-size:12px;color:#30484F}.pack-v20-block-title small{font-size:9px;color:#7B9097}
.pack-v20-custom-block{padding:16px;border:1px solid #C6ECE8;border-radius:18px;background:linear-gradient(180deg,#F4FCFB,#F6FBFC);margin-bottom:14px}
.pack-v20-add{grid-template-columns:125px minmax(220px,1fr) 70px 130px auto auto}
.pack-v20-suggest-wrap{padding:16px;border:1px solid #C6ECE8;border-radius:18px;background:#F4FCFB}
.pack-v20-template-picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.pack-v20-template-chip{height:44px;padding:0 16px;border-radius:999px;border:1px solid #CFE5E7;background:#fff;color:#69D7D0;display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;cursor:pointer;transition:.16s ease}.pack-v20-template-chip i{width:16px;height:16px;display:grid;place-items:center;color:inherit}.pack-v20-template-chip i svg{width:16px;height:16px;stroke:currentColor;fill:none}.pack-v20-template-chip em{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#EEF8F7;color:#69D7D0;font-style:normal;font-size:8px;font-weight:800}.pack-v20-template-chip:hover,.pack-v20-template-chip.active{background:linear-gradient(135deg,#3FBDB5,#74BDF3);border-color:transparent;color:#fff;box-shadow:0 10px 20px rgba(105,215,208,.18)}.pack-v20-template-chip.active em,.pack-v20-template-chip:hover em{background:rgba(255,255,255,.18);color:#fff}
.pack-v20-template-panels{display:grid;gap:10px}.pack-v20-template-panel{border:1px solid #C6ECE8;border-radius:18px;background:#fff;padding:14px}.pack-v20-template-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.pack-v20-template-head b{display:block;font-size:13px;color:#1F3B4D}.pack-v20-template-head small{display:block;font-size:9px;color:#6F8792;margin-top:3px}.pack-v20-template-close{height:28px;padding:0 10px;border-radius:999px;border:1px solid #C6ECE8;background:#F4FCFB;color:#607980;font-size:9px;font-weight:800;cursor:pointer}
.pack-v20-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:188px;overflow:auto;padding-right:4px}.pack-v20-template-list::-webkit-scrollbar,.pack-v20-pane-body::-webkit-scrollbar{width:8px}.pack-v20-template-list::-webkit-scrollbar-thumb,.pack-v20-pane-body::-webkit-scrollbar-thumb{background:#BFDAD9;border-radius:999px}
.pack-v20-suggest-item button{width:100%;min-height:52px;padding:8px 10px;border:1px solid #C6ECE8;border-radius:15px;background:linear-gradient(180deg,#fff,#F4FCFB);display:grid;grid-template-columns:32px minmax(0,1fr) 24px;gap:8px;align-items:center;text-align:left;color:#1F3B4D;cursor:pointer;transition:.16s ease}.pack-v20-suggest-item button:hover:not(:disabled){transform:translateY(-1px);border-color:#A9DDD8;box-shadow:0 10px 20px rgba(105,215,208,.08)}.pack-v20-suggest-item button>i{width:32px;height:32px;border-radius:11px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center}.pack-v20-suggest-item button>i svg{width:16px;height:16px;stroke:currentColor;fill:none}.pack-v20-suggest-item button>span b,.pack-v20-suggest-item button>span small{display:block}.pack-v20-suggest-item button>span b{font-size:10px}.pack-v20-suggest-item button>span small{font-size:8px;color:#6F8792;margin-top:2px}.pack-v20-suggest-item button>em{width:24px;height:24px;border-radius:8px;background:#3FBDB5;color:#fff;display:grid;place-items:center;font-size:12px;font-style:normal;font-weight:800}.pack-v20-suggest-item.added button{background:#F3F9F8;opacity:.72;cursor:default}.pack-v20-suggest-item.added button>em{background:#DCEBE8;color:#69D7D0}
.pack-v20-dual{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.pack-v20-pane{display:flex;flex-direction:column;min-height:0}.pack-v20-progress{margin-bottom:12px}.pack-v20-pane-body{flex:1;min-height:460px;max-height:460px;overflow:auto;padding-right:4px}.pack-v20-list{display:grid;gap:10px}.pack-v20-list article{display:grid;grid-template-columns:24px 42px minmax(0,1fr) 24px;gap:10px;align-items:center;min-height:72px;padding:11px 12px;border:1px solid #DFEBED;border-radius:18px;background:#F4FCFB}.pack-v20-list-open article{background:#FFFFFF}.pack-v20-list-packed article{grid-template-columns:24px 42px minmax(0,1fr) 28px;background:#DDF7F4;border-color:#D4EAE6}.pack-v20-list article>i{width:42px;height:42px;border-radius:14px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center}.pack-v20-list article>i svg{width:18px;height:18px;stroke:currentColor;fill:none}.pack-v20-list article>div b,.pack-v20-list article>div small{display:block}.pack-v20-list article>div b{font-size:12px;color:#1F3B4D}.pack-v20-list article>div small{font-size:8px;color:#6F8792;margin-top:3px}.pack-v20-empty-short{min-height:220px}
.theme-dark .pack-v20-custom-block,.theme-dark .pack-v20-suggest-wrap,.theme-dark .pack-v20-template-panel,.theme-dark .pack-v20-list article,.theme-dark .pack-v20-progress{background:#1F3B4D;border-color:#1F3B4D;color:#DDF7F4}.theme-dark .pack-v20-template-chip{background:#1F3B4D;border-color:#1F3B4D;color:#A8F1EA}.theme-dark .pack-v20-template-chip.active,.theme-dark .pack-v20-template-chip:hover{background:linear-gradient(135deg,#249D98,#69D7D0);color:#fff}.theme-dark .pack-v20-template-head b,.theme-dark .pack-v20-list article>div b,.theme-dark .pack-v20-block-title b{color:#DDF7F4}.theme-dark .pack-v20-template-head small,.theme-dark .pack-v20-block-title small,.theme-dark .pack-v20-list article>div small{color:#9AB4BB}.theme-dark .pack-v20-suggest-item button{background:#1F3B4D;border-color:#1F3B4D;color:#DDF7F4}.theme-dark .pack-v20-suggest-item button>i,.theme-dark .pack-v20-list article>i{background:#183A3A;color:#69D7D0}.theme-dark .pack-v20-list-packed article{background:#14312F;border-color:#2B5550}
@media(max-width:1100px){.pack-v20-template-list{grid-template-columns:1fr}.pack-v20-add{grid-template-columns:120px 1fr 70px 120px}.pack-v20-add .pack-v19-essential,.pack-v20-add>.btn{grid-row:2}.pack-v20-add>.btn{grid-column:4}}
@media(max-width:900px){.pack-v20-dual{grid-template-columns:1fr}.pack-v20-pane-body{min-height:360px;max-height:360px}.pack-v20-add{grid-template-columns:1fr 1fr}.pack-v20-add .grow,.pack-v20-add .pack-v19-essential,.pack-v20-add>.btn{grid-column:1/-1}.pack-v20-add>.btn{grid-row:auto}.pack-v20-template-head{display:block}.pack-v20-template-close{margin-top:8px}}
@media(max-width:600px){.pack-v20-custom-block,.pack-v20-suggest-wrap{padding:12px}.pack-v20-template-picker{gap:8px}.pack-v20-template-chip{width:auto;max-width:100%;padding:0 13px;height:42px}.pack-v20-template-chip em{display:none}.pack-v20-add{grid-template-columns:1fr}.pack-v20-template-list{max-height:176px}.pack-v20-pane-body{min-height:320px;max-height:320px}}

/* TRIPLOOM V14.12.2 · Packing AJAX + undo icon */
.pack-v21-undo{display:grid!important;place-items:center!important;padding:0!important;color:#69D7D0!important}
.pack-v21-undo svg{display:block!important;width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;margin:0!important}
.pack-v20-page.pack-ajax-busy{position:relative}
.pack-v20-page.pack-ajax-busy::after{content:'';position:fixed;right:24px;bottom:24px;width:34px;height:34px;border-radius:999px;border:3px solid rgba(105,215,208,.18);border-top-color:#3FBDB5;animation:triploomPackSpin .7s linear infinite;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(34,52,61,.12);z-index:9999}
.pack-v20-page.pack-ajax-busy{cursor:progress}
.pack-v20-page.pack-ajax-error::after{content:attr(data-pack-error);position:fixed;right:24px;bottom:24px;padding:10px 14px;border-radius:14px;background:#FFF1F2;border:1px solid #F5C2C8;color:#B83B49;font-size:11px;font-weight:800;box-shadow:0 12px 30px rgba(34,52,61,.12);z-index:9999}
@keyframes triploomPackSpin{to{transform:rotate(360deg)}}
.theme-dark .pack-v20-page.pack-ajax-busy::after{background:#102630;border-color:#1F3B4D;border-top-color:#69D7D0}
.theme-dark .pack-v20-page.pack-ajax-error::after{background:#45252C;border-color:#6B3A44;color:#FFC6CD}

/* TRIPLOOM V14.12.3 · Packing polish */
.pack-v20-progress-global{margin:16px 0 18px}
.pack-v20-add{gap:10px;align-items:center}
.pack-v20-add input,.pack-v20-add select{background:#FFFFFF;border-color:#D7E7EA;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.pack-v20-add input:focus,.pack-v20-add select:focus{border-color:#67C8C0;box-shadow:0 0 0 3px rgba(105,215,208,.12)}
.pack-v20-add input[type="number"]{padding-right:8px;text-align:center}
.pack-v20-add .btn{height:44px;border-radius:14px;box-shadow:0 10px 22px rgba(105,215,208,.18)}
.pack-v19-essential{justify-content:center;gap:8px;padding:0 12px;font-size:10px;font-weight:800;background:linear-gradient(180deg,#FFFFFF,#F4FCFB)}
.pack-v19-essential input{width:16px;height:16px;accent-color:#3FBDB5;appearance:auto;-webkit-appearance:auto;box-shadow:none;background:transparent;padding:0;margin:0;flex:0 0 auto}
.pack-v19-essential span{line-height:1;white-space:nowrap}
.pack-v20-pane .pack-v20-pane-body{padding-top:2px}
.pack-v20-list article form{margin:0}
.pack-v21-undo{width:30px!important;height:30px!important;border:1px solid #CFE5E3!important;border-radius:10px!important;background:linear-gradient(180deg,#FFFFFF,#DDF7F4)!important;box-shadow:none!important;display:grid!important;place-items:center!important;padding:0!important;color:#69D7D0!important;appearance:none;-webkit-appearance:none}
.pack-v21-undo:hover{border-color:#8FD7D0!important;background:#DDF7F4!important}
.pack-v21-undo svg{display:block!important;width:15px!important;height:15px!important;stroke:#69D7D0!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;margin:0!important}
.pack-v20-list-packed article{grid-template-columns:24px 42px minmax(0,1fr) 30px}
.theme-dark .pack-v20-add input,.theme-dark .pack-v20-add select,.theme-dark .pack-v19-essential{background:#102630;border-color:#1F3B4D;color:#DDF7F4}
.theme-dark .pack-v21-undo{background:#13302F!important;border-color:#2B5550!important;color:#69D7D0!important}
.theme-dark .pack-v21-undo svg{stroke:#69D7D0!important}

/* ========================= TRIPLOOM V14.12.4 · VALI WOW POLISH ========================= */
.pack-v20-page{
  --pack-mint:#3FBDB5;
  --pack-mint-dark:#69D7D0;
  --pack-sky:#8EDFF0;
  --pack-soft:#F4FCFB;
  --pack-line:#D9EBEC;
  --pack-ink:#1F3B4D;
  --pack-muted:#6F8792;
  gap:20px!important;
}
.pack-v20-titlebar{
  position:relative;overflow:hidden;padding:26px 28px!important;border-radius:28px!important;
  background:
    radial-gradient(circle at 86% -25%,rgba(114,189,242,.22),transparent 38%),
    radial-gradient(circle at 12% -30%,rgba(105,215,208,.20),transparent 42%),
    linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  border:1px solid var(--pack-line)!important;
  box-shadow:0 18px 45px rgba(41,103,113,.08)!important;
}
.pack-v20-titlebar:after{content:'';position:absolute;right:-62px;top:-70px;width:210px;height:210px;border-radius:999px;border:28px solid rgba(255,255,255,.20);pointer-events:none}
.pack-v20-titlebar h2{font-size:34px!important;letter-spacing:-.04em!important;margin:5px 0 7px!important;color:var(--pack-ink)!important}
.pack-v20-titlebar p{max-width:820px!important;font-size:11px!important;line-height:1.7!important;color:var(--pack-muted)!important}
.pack-v20-titlebar .pack-v19-overall{position:relative;z-index:1;min-width:132px;padding:14px 16px!important;border-radius:20px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(195,226,226,.9)!important;backdrop-filter:blur(12px);box-shadow:0 12px 28px rgba(41,103,113,.08)!important}
.pack-v20-titlebar .pack-v19-overall strong{font-size:28px!important;color:var(--pack-mint-dark)!important}

.pack-v20-step{
  position:relative;overflow:hidden;padding:24px!important;border-radius:28px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FAFDFD 100%)!important;
  border:1px solid var(--pack-line)!important;
  box-shadow:0 16px 40px rgba(42,94,103,.06)!important;
}
.pack-v20-step:before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--pack-mint),var(--pack-sky));opacity:.9}
.pack-v20-step .pack-v19-step-head{margin-bottom:20px!important}
.pack-v20-step .pack-v19-step-no{width:50px!important;height:50px!important;border-radius:17px!important;background:linear-gradient(145deg,#DDF7F4,#EAF5FF)!important;box-shadow:inset 0 0 0 1px #CBE9E7,0 8px 18px rgba(105,215,208,.10)!important}
.pack-v20-step .pack-v19-step-head h3{font-size:24px!important;letter-spacing:-.03em!important}
.pack-v20-step .pack-v19-step-head p{font-size:10px!important;line-height:1.65!important;max-width:720px!important}
.pack-v20-step .pack-v19-step-status{height:34px!important;padding:0 12px!important;background:#F1F8F7!important;border:1px solid #E0EEEE!important;color:#557178!important}
.pack-v20-step .pack-v19-step-status.done{background:#E7F7F3!important;color:#69D7D0!important;border-color:#D2ECE7!important}

.pack-v20-custom-block,.pack-v20-suggest-wrap{
  padding:18px!important;border-radius:22px!important;border:1px solid #C6ECE8!important;
  background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;
  box-shadow:0 9px 24px rgba(49,95,106,.035)!important;
}
.pack-v20-custom-block{margin-bottom:16px!important}
.pack-v20-block-title{margin-bottom:12px!important}
.pack-v20-block-title b{font-size:13px!important;color:#1F3B4D!important}
.pack-v20-block-title small{font-size:9px!important;color:#7B9097!important}

.pack-v20-add{grid-template-columns:130px minmax(240px,1fr) 74px 138px 116px 96px!important;gap:10px!important}
.pack-v20-add input,.pack-v20-add select{
  height:48px!important;border-radius:15px!important;border:1px solid #D7E8E9!important;background:#fff!important;
  padding:0 13px!important;font-size:10px!important;color:#2D444B!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.pack-v20-add input:hover,.pack-v20-add select:hover{border-color:#BDDCDD!important}
.pack-v20-add input:focus,.pack-v20-add select:focus{border-color:#69D7D0!important;box-shadow:0 0 0 4px rgba(105,215,208,.11)!important;outline:0!important}
.pack-v20-add .pack-v19-essential{height:48px!important;border-radius:15px!important;background:#F4FCFB!important;border:1px solid #D7E8E9!important;color:#4E6870!important}
.pack-v20-add>.btn{height:48px!important;border-radius:15px!important;background:linear-gradient(135deg,#3FBDB5,#69D7D0)!important;border:0!important;box-shadow:0 12px 24px rgba(105,215,208,.20)!important;font-weight:800!important}
.pack-v20-add>.btn:hover{transform:translateY(-1px)!important;box-shadow:0 16px 28px rgba(105,215,208,.25)!important}

.pack-v20-template-picker{gap:9px!important;margin-bottom:14px!important}
.pack-v20-template-chip{height:43px!important;padding:0 15px!important;border-radius:14px!important;background:#FFFFFF!important;border:1px solid #D5E8EA!important;color:#249D98!important;box-shadow:0 6px 15px rgba(46,104,112,.035)!important}
.pack-v20-template-chip:hover{transform:translateY(-1px)!important;border-color:#AEDFDC!important}
.pack-v20-template-chip.active{background:linear-gradient(135deg,#3FBDB5,#8EDFF0)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(105,215,208,.20)!important}
.pack-v20-template-panel{padding:15px!important;border-radius:19px!important;background:linear-gradient(180deg,#FFFFFF,#FAFDFD)!important;border:1px solid #C6ECE8!important}
.pack-v20-template-head{margin-bottom:11px!important}
.pack-v20-template-head b{font-size:14px!important}
.pack-v20-template-close{background:#F4F9F9!important;border-color:#DBE9EA!important;color:#5C747B!important}
.pack-v20-template-list{max-height:186px!important;gap:8px!important}
.pack-v20-suggest-item button{min-height:54px!important;border-radius:16px!important;border-color:#C6ECE8!important;background:#fff!important}
.pack-v20-suggest-item button:hover:not(:disabled){border-color:#A5DDD8!important;background:#F4FCFB!important}
.pack-v20-suggest-item button>em{background:linear-gradient(145deg,#3FBDB5,#69D7D0)!important;box-shadow:0 6px 14px rgba(105,215,208,.18)!important}

.pack-v20-progress-global{
  margin:0!important;padding:18px 20px!important;border-radius:22px!important;
  background:linear-gradient(135deg,#F4FCFA 0%,#F5FAFE 100%)!important;
  border:1px solid #D7E9E8!important;box-shadow:0 10px 28px rgba(42,94,103,.045)!important;
}
.pack-v20-progress-global>div{align-items:center!important;margin-bottom:10px!important}
.pack-v20-progress-global>div span{font-size:11px!important;font-weight:800!important;color:#516B72!important}
.pack-v20-progress-global>div b{font-size:15px!important;color:#69D7D0!important}
.pack-v20-progress-global>i{height:9px!important;background:#DDEBEA!important}
.pack-v20-progress-global>i em{background:linear-gradient(90deg,#3FBDB5 0%,#69D7D0 50%,#8EDFF0 100%)!important}
.pack-v20-progress-global>small{font-size:9px!important;margin-top:8px!important;color:#6F8792!important}

.pack-v20-dual{gap:18px!important;align-items:stretch!important}
.pack-v20-pane{min-height:610px!important;height:610px!important;padding:22px!important}
.pack-v20-pane .pack-v19-step-head{min-height:92px!important;margin-bottom:12px!important}
.pack-v20-pane-body{min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 5px 4px 0!important;scrollbar-gutter:stable}
.pack-v20-pane-body::-webkit-scrollbar{width:7px!important}.pack-v20-pane-body::-webkit-scrollbar-track{background:transparent}.pack-v20-pane-body::-webkit-scrollbar-thumb{background:#BFDAD8!important;border-radius:99px!important}.pack-v20-pane-body::-webkit-scrollbar-thumb:hover{background:#9BCBC7!important}
.pack-v20-list{gap:9px!important}
.pack-v20-list article{min-height:70px!important;border-radius:18px!important;padding:11px 12px!important;border:1px solid #C6ECE8!important;background:#FFFFFF!important;transition:.15s ease!important}
.pack-v20-list article:hover{transform:translateY(-1px)!important;border-color:#B8DEDC!important;box-shadow:0 9px 20px rgba(54,110,116,.055)!important}
.pack-v20-list-packed article{background:linear-gradient(180deg,#F4FBF9,#F1F9F7)!important;border-color:#D3E9E5!important}
.pack-v20-list article>i{width:42px!important;height:42px!important;border-radius:14px!important;background:#DDF7F4!important;color:#69D7D0!important}
.pack-v20-list article>div b{font-size:12px!important;line-height:1.35!important}.pack-v20-list article>div small{font-size:8px!important;line-height:1.35!important}
.pack-v19-check{width:23px!important;height:23px!important;border-width:1.8px!important;box-shadow:inset 0 0 0 2px #fff!important}
.pack-v19-ok{width:23px!important;height:23px!important;box-shadow:0 5px 12px rgba(105,215,208,.16)!important}
.pack-v21-undo{width:32px!important;height:32px!important;border-radius:11px!important;background:#FFFFFF!important;border:1px solid #CDE4E1!important;color:#69D7D0!important;box-shadow:0 6px 14px rgba(45,105,112,.055)!important}
.pack-v21-undo:hover{background:#DDF7F4!important;border-color:#9BD6D1!important;transform:translateY(-1px)!important}
.pack-v19-remove{width:28px!important;height:28px!important;border-radius:9px!important;background:#FFF4F5!important;color:#E25563!important;display:grid!important;place-items:center!important;font-size:16px!important;line-height:1!important}
.pack-v19-remove:hover{background:#FFE9EC!important;color:#E25563!important}
.pack-v20-empty-short{height:100%!important;min-height:260px!important;background:linear-gradient(180deg,#F4FCFB,#F4FCFB)!important;border-radius:20px!important}

/* Dark mode */
.theme-dark .pack-v20-titlebar,.theme-dark .pack-v20-step{background:linear-gradient(180deg,#1F3B4D,#0F2028)!important;border-color:#23424B!important;box-shadow:none!important}
.theme-dark .pack-v20-titlebar h2,.theme-dark .pack-v20-step .pack-v19-step-head h3,.theme-dark .pack-v20-block-title b{color:#F2FBFC!important}
.theme-dark .pack-v20-titlebar p,.theme-dark .pack-v20-block-title small{color:#9AB4BB!important}
.theme-dark .pack-v20-titlebar .pack-v19-overall{background:#112832!important;border-color:#274751!important;box-shadow:none!important}
.theme-dark .pack-v20-custom-block,.theme-dark .pack-v20-suggest-wrap,.theme-dark .pack-v20-template-panel{background:linear-gradient(180deg,#1F3B4D,#10232C)!important;border-color:#1F3B4D!important;box-shadow:none!important}
.theme-dark .pack-v20-add input,.theme-dark .pack-v20-add select,.theme-dark .pack-v20-add .pack-v19-essential{background:#0E2028!important;border-color:#1F3B4D!important;color:#DDF7F4!important}
.theme-dark .pack-v20-template-chip{background:#1F3B4D!important;border-color:#1F3B4D!important;color:#8CE2DB!important;box-shadow:none!important}
.theme-dark .pack-v20-template-chip.active{background:linear-gradient(135deg,#249D98,#69D7D0)!important;color:#fff!important}
.theme-dark .pack-v20-progress-global{background:linear-gradient(135deg,#112C2A,#102832)!important;border-color:#294A49!important;box-shadow:none!important}
.theme-dark .pack-v20-progress-global>div span,.theme-dark .pack-v20-progress-global>small{color:#9DB6BB!important}
.theme-dark .pack-v20-list article{background:#1F3B4D!important;border-color:#1F3B4D!important;box-shadow:none!important}
.theme-dark .pack-v20-list-packed article{background:#14312F!important;border-color:#2B5550!important}
.theme-dark .pack-v20-list article:hover{border-color:#3A6B68!important}
.theme-dark .pack-v19-remove{background:#40272D!important;color:#FF9EAA!important}.theme-dark .pack-v19-remove:hover{background:#4C2C34!important}
.theme-dark .pack-v20-empty-short{background:#10242C!important;border-color:#2A454E!important}

@media(max-width:1280px){
  .pack-v20-add{grid-template-columns:120px minmax(210px,1fr) 70px 125px 108px 90px!important}
}
@media(max-width:1100px){
  .pack-v20-add{grid-template-columns:120px 1fr 72px 130px!important}
  .pack-v20-add .pack-v19-essential,.pack-v20-add>.btn{grid-row:2!important}
  .pack-v20-add .pack-v19-essential{grid-column:1/3!important}.pack-v20-add>.btn{grid-column:4!important}
  .pack-v20-pane{height:580px!important;min-height:580px!important}
}
@media(max-width:900px){
  .pack-v20-dual{grid-template-columns:1fr!important}
  .pack-v20-pane{height:520px!important;min-height:520px!important}
  .pack-v20-add{grid-template-columns:1fr 1fr!important}
  .pack-v20-add .grow,.pack-v20-add .pack-v19-essential,.pack-v20-add>.btn{grid-column:1/-1!important;grid-row:auto!important}
}
@media(max-width:600px){
  .pack-v20-titlebar{padding:20px!important;border-radius:24px!important}.pack-v20-titlebar h2{font-size:29px!important}
  .pack-v20-step{padding:17px!important;border-radius:23px!important}
  .pack-v20-custom-block,.pack-v20-suggest-wrap{padding:13px!important;border-radius:18px!important}
  .pack-v20-add{grid-template-columns:1fr!important}
  .pack-v20-pane{height:470px!important;min-height:470px!important}
  .pack-v20-progress-global{padding:15px 16px!important}
}

/* TRIPLOOM V14.12.5 · Packing add-row cleanup */
.pack-v20-add{grid-template-columns:130px minmax(240px,1fr) 74px 116px 96px!important;gap:10px!important}
.pack-v20-add input,.pack-v20-add select{height:48px!important;border-radius:15px!important;font-size:15px!important;font-weight:700!important;color:#30484F!important}
.pack-v20-add input::placeholder{color:#6F8792!important;font-weight:600!important}
.pack-v20-add input[type="number"]{font-variant-numeric:tabular-nums!important;padding-left:12px!important;padding-right:12px!important;text-align:center!important}
.pack-v20-essential{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;height:48px!important;border-radius:15px!important;background:#F4FCFB!important;border:1px solid #D7E8E9!important;color:#4E6870!important;padding:0 14px!important;white-space:nowrap!important}
.pack-v20-essential input{appearance:none!important;-webkit-appearance:none!important;width:18px!important;height:18px!important;border-radius:6px!important;border:2px solid #7FCFC8!important;background:#fff!important;display:grid!important;place-items:center!important;position:relative!important;cursor:pointer!important;accent-color:unset!important}
.pack-v20-essential input:checked{background:#3FBDB5!important;border-color:#3FBDB5!important}
.pack-v20-essential input:checked::after{content:"";width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin-top:-1px}
.pack-v20-essential span{font-size:14px!important;font-weight:800!important;color:#4E6870!important;line-height:1!important}
.pack-v20-add>.btn{height:48px!important;border-radius:15px!important;font-size:16px!important;font-weight:800!important;min-width:96px!important}
.theme-dark .pack-v20-add input,.theme-dark .pack-v20-add select,.theme-dark .pack-v20-essential{background:#0E2028!important;border-color:#1F3B4D!important;color:#DDF7F4!important}
.theme-dark .pack-v20-add input::placeholder{color:#8AA6AF!important}.theme-dark .pack-v20-essential span{color:#DCEDEF!important}.theme-dark .pack-v20-essential input{background:#102630!important;border-color:#69D7D0!important}
@media(max-width:1100px){.pack-v20-add{grid-template-columns:120px minmax(210px,1fr) 74px 116px 96px!important}}
@media(max-width:900px){.pack-v20-add{grid-template-columns:120px 1fr 74px!important}.pack-v20-add .pack-v20-essential{grid-column:1/3!important}.pack-v20-add>.btn{grid-column:3!important;grid-row:2!important}.pack-v20-add .grow{grid-column:2/4!important}}
@media(max-width:600px){.pack-v20-add{grid-template-columns:1fr!important}.pack-v20-add .grow,.pack-v20-add .pack-v20-essential,.pack-v20-add>.btn{grid-column:1/-1!important;grid-row:auto!important}}


/* TRIPLOOM V14.12.6 · Perfect packing add cluster */
.pack-v25-add{display:grid!important;grid-template-columns:145px minmax(260px,1fr) 150px 142px 126px!important;gap:10px!important;align-items:end!important;padding:0!important}
.pack-v25-field{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;margin:0!important;color:#536D75!important}
.pack-v25-field>span{font-size:9px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#6F8792!important;line-height:1!important;padding-left:3px!important}
.pack-v25-field input,.pack-v25-field select{width:100%!important;height:48px!important;min-width:0!important;border-radius:15px!important;border:1px solid #D5E7E9!important;background:linear-gradient(180deg,#FFFFFF,#FAFDFD)!important;color:#2B434A!important;font-size:13px!important;font-weight:700!important;padding:0 14px!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 14px rgba(48,99,107,.025)!important;transition:.16s ease!important}
.pack-v25-field input::placeholder{color:#9AAEB5!important;font-weight:600!important}
.pack-v25-field input:hover,.pack-v25-field select:hover{border-color:#B4D9DA!important}
.pack-v25-field input:focus,.pack-v25-field select:focus{border-color:#69D7D0!important;background:#FFFFFF!important;box-shadow:0 0 0 4px rgba(105,215,208,.10),0 8px 18px rgba(105,215,208,.05)!important}
.pack-v25-category select{cursor:pointer!important}
.pack-v25-stepper{height:48px!important;display:grid!important;grid-template-columns:40px minmax(42px,1fr) 40px!important;align-items:center!important;border:1px solid #D5E7E9!important;border-radius:15px!important;background:linear-gradient(180deg,#FFFFFF,#FAFDFD)!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important}
.pack-v25-stepper:focus-within{border-color:#69D7D0!important;box-shadow:0 0 0 4px rgba(105,215,208,.10)!important}
.pack-v25-stepper button{height:100%!important;border:0!important;background:transparent!important;color:#69D7D0!important;font-size:18px!important;font-weight:800!important;cursor:pointer!important;display:grid!important;place-items:center!important;padding:0!important;transition:.14s ease!important}
.pack-v25-stepper button:hover{background:#DDF7F4!important}
.pack-v25-stepper input{height:100%!important;border:0!important;border-left:1px solid #E6EFF0!important;border-right:1px solid #E6EFF0!important;border-radius:0!important;background:transparent!important;text-align:center!important;padding:0 4px!important;font-size:14px!important;font-weight:800!important;font-variant-numeric:tabular-nums!important;box-shadow:none!important;appearance:textfield!important;-moz-appearance:textfield!important}
.pack-v25-stepper input::-webkit-outer-spin-button,.pack-v25-stepper input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}
.pack-v25-priority{height:48px!important;margin:0!important;align-self:end!important;position:relative!important;display:block!important;cursor:pointer!important}
.pack-v25-priority>input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.pack-v25-priority-ui{height:48px!important;border-radius:15px!important;border:1px solid #D5E7E9!important;background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;display:grid!important;grid-template-columns:28px 1fr!important;grid-template-rows:1fr 1fr!important;column-gap:8px!important;align-items:center!important;padding:8px 11px!important;transition:.16s ease!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important}
.pack-v25-priority-ui i{grid-row:1/3!important;width:28px!important;height:28px!important;border-radius:10px!important;background:#EDF8F6!important;color:#69D7D0!important;display:grid!important;place-items:center!important}
.pack-v25-priority-ui i svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important}
.pack-v25-priority-ui b{font-size:10px!important;line-height:1.1!important;color:#49636A!important;align-self:end!important}.pack-v25-priority-ui small{font-size:7px!important;line-height:1.1!important;color:#8A9DA4!important;align-self:start!important}
.pack-v25-priority:hover .pack-v25-priority-ui{border-color:#B4D9DA!important;transform:translateY(-1px)!important}
.pack-v25-priority>input:checked+.pack-v25-priority-ui{background:linear-gradient(180deg,#EEFAF7,#E6F7F4)!important;border-color:#64C8BF!important;box-shadow:0 8px 18px rgba(105,215,208,.10)!important}
.pack-v25-priority>input:checked+.pack-v25-priority-ui i{background:#3FBDB5!important;color:#fff!important}.pack-v25-priority>input:checked+.pack-v25-priority-ui b{color:#69D7D0!important}
.pack-v25-submit{height:48px!important;align-self:end!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 16px!important;white-space:nowrap!important;background:linear-gradient(135deg,#3FBDB5,#69D7D0)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;box-shadow:0 12px 24px rgba(105,215,208,.20)!important;transition:.16s ease!important}
.pack-v25-submit svg{width:16px!important;height:16px!important;stroke:#fff!important;fill:none!important}.pack-v25-submit:hover{transform:translateY(-1px)!important;box-shadow:0 16px 28px rgba(105,215,208,.27)!important}
.pack-v25-add:has(input[name="name"]:invalid:not(:placeholder-shown)) .pack-v25-name input{border-color:#E7A6AD!important;box-shadow:0 0 0 3px rgba(251,113,133,.08)!important}
.theme-dark .pack-v25-field>span{color:#91ABB2!important}.theme-dark .pack-v25-field input,.theme-dark .pack-v25-field select,.theme-dark .pack-v25-stepper,.theme-dark .pack-v25-priority-ui{background:linear-gradient(180deg,#102630,#0E2028)!important;border-color:#1F3B4D!important;color:#DDF7F4!important}.theme-dark .pack-v25-field input::placeholder{color:#79959E!important}.theme-dark .pack-v25-stepper input{border-color:#1F3B4D!important;color:#DDF7F4!important}.theme-dark .pack-v25-stepper button{color:#69D7D0!important}.theme-dark .pack-v25-stepper button:hover{background:#1F3B4D!important}.theme-dark .pack-v25-priority-ui i{background:#1F3B4D!important;color:#69D7D0!important}.theme-dark .pack-v25-priority-ui b{color:#DCEDEF!important}.theme-dark .pack-v25-priority-ui small{color:#8EA8AF!important}.theme-dark .pack-v25-priority>input:checked+.pack-v25-priority-ui{background:linear-gradient(180deg,#153633,#12302F)!important;border-color:#249D98!important}.theme-dark .pack-v25-priority>input:checked+.pack-v25-priority-ui i{background:#69D7D0!important;color:#fff!important}.theme-dark .pack-v25-priority>input:checked+.pack-v25-priority-ui b{color:#9BE9E3!important}
@media(max-width:1280px){.pack-v25-add{grid-template-columns:130px minmax(220px,1fr) 140px 132px 116px!important}}
@media(max-width:1040px){.pack-v25-add{grid-template-columns:130px minmax(230px,1fr) 140px!important}.pack-v25-priority{grid-column:1/3!important}.pack-v25-submit{grid-column:3!important;grid-row:2!important}.pack-v25-priority-ui{max-width:280px!important}}
@media(max-width:760px){.pack-v25-add{grid-template-columns:1fr 150px!important}.pack-v25-category{grid-column:1!important}.pack-v25-name{grid-column:1/3!important}.pack-v25-qty{grid-column:2!important;grid-row:1!important}.pack-v25-priority{grid-column:1!important;grid-row:auto!important}.pack-v25-submit{grid-column:2!important;grid-row:auto!important}.pack-v25-priority-ui{max-width:none!important}}
@media(max-width:520px){.pack-v25-add{grid-template-columns:1fr!important}.pack-v25-category,.pack-v25-name,.pack-v25-qty,.pack-v25-priority,.pack-v25-submit{grid-column:1!important;grid-row:auto!important}.pack-v25-priority-ui{max-width:none!important}.pack-v25-submit{width:100%!important}}

/* TRIPLOOM V14.12.7 · AJAX reliability */
.pack-v20-page.pack-ajax-busy button[type=submit]{pointer-events:none;opacity:.72}

/* ========================= TRIPLOOM V14.13 · SMART TASK BOARD ========================= */
.task-v27-root{display:grid;gap:16px}
.task-v27-hero{min-height:190px;border-radius:28px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative;overflow:hidden;background:linear-gradient(125deg,#249D98 0%,#3FBDB5 48%,#8EDFF0 100%);color:#fff;box-shadow:0 20px 44px rgba(105,215,208,.16)}
.task-v27-hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-60px;top:-100px;background:rgba(255,255,255,.10);box-shadow:-110px 150px 0 rgba(255,255,255,.05)}
.task-v27-hero>div{position:relative;z-index:1}.task-v27-hero h2{font-size:38px;line-height:1.05;letter-spacing:-.04em;margin:7px 0 8px;color:#fff}.task-v27-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.9);font-size:12px}.task-v27-hero-actions{display:flex;align-items:center;gap:12px;min-width:330px}.task-v27-progress{min-width:175px;padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px)}.task-v27-progress strong,.task-v27-progress span{display:block}.task-v27-progress strong{font-size:22px}.task-v27-progress span{font-size:8px;opacity:.9}.task-v27-progress i{height:5px;border-radius:999px;background:rgba(255,255,255,.23);display:block;margin-top:8px;overflow:hidden}.task-v27-progress i em{height:100%;display:block;border-radius:inherit;background:#fff}.task-v27-add-btn{height:48px!important;background:#fff!important;color:#69D7D0!important;border:0!important;box-shadow:0 12px 26px rgba(22,91,99,.17)!important;white-space:nowrap}.task-v27-add-btn svg{width:16px;height:16px;stroke:currentColor}
.task-v27-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.task-v27-summary>div{min-height:78px;padding:14px 16px;border:1px solid #C6ECE8;border-radius:19px;background:#fff;display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;box-shadow:0 10px 26px rgba(42,85,95,.04)}.task-v27-summary i{grid-row:1/3;width:38px;height:38px;border-radius:13px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center}.task-v27-summary i svg{width:17px;height:17px;stroke:currentColor}.task-v27-summary span{font-size:9px;color:#6F8792}.task-v27-summary b{font-size:18px;color:#1F3B4D;grid-column:2}.task-v27-summary>div.attention{border-color:#F4D9B0;background:#FFF8E2}.task-v27-summary>div.attention i{background:#FFF1D9;color:#C96C38}
.task-v27-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.task-v27-group{padding:18px!important;border-radius:24px!important;display:flex;flex-direction:column;min-width:0;min-height:540px}.task-v27-group-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:flex-start}.task-v27-step{width:44px;height:44px;border-radius:15px;background:#E8F7F5;color:#69D7D0;display:grid;place-items:center;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #CFE9E6}.task-v27-group-head h3{font-size:19px;line-height:1.15;margin:3px 0 5px}.task-v27-group-head p{font-size:8px;line-height:1.5;color:#6F8792;margin:0;min-height:36px}.task-v27-count{height:28px;padding:0 9px;border-radius:999px;background:#F2F7F7;color:#5E757C;display:flex;align-items:center;font-size:8px;font-weight:800}.task-v27-mini-progress{margin:13px 0 10px;padding:10px 12px;border-radius:15px;background:#F4FCFB;border:1px solid #C6ECE8}.task-v27-mini-progress>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.task-v27-mini-progress span,.task-v27-mini-progress b{font-size:8px}.task-v27-mini-progress span{color:#6F8792}.task-v27-mini-progress b{color:#69D7D0}.task-v27-mini-progress>i{height:5px;border-radius:999px;background:#E1EBEB;display:block;overflow:hidden}.task-v27-mini-progress>i em{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#3FBDB5,#8EDFF0)}
.task-v27-list{display:grid;gap:8px;overflow:auto;max-height:450px;padding-right:3px}.task-v27-list::-webkit-scrollbar{width:7px}.task-v27-list::-webkit-scrollbar-thumb{background:#C3DAD9;border-radius:999px}.task-v27-card{position:relative;padding:12px;border:1px solid #DFEAEC;border-radius:17px;background:#F4FCFB;display:grid;grid-template-columns:5px minmax(0,1fr);gap:10px;transition:.15s ease}.task-v27-card:hover{border-color:#B9DDD9;box-shadow:0 9px 20px rgba(54,126,132,.07);transform:translateY(-1px)}.task-v27-card.status-done{background:#F4FAF8;opacity:.77}.task-v27-card.overdue{border-color:#F3CACD;background:#FFF9F9}.task-v27-card.reminder-due{box-shadow:inset 0 0 0 1px #F5D297}.task-v27-priority{width:5px;height:100%;min-height:50px;border-radius:999px;background:#A9BEC3}.task-v27-priority.low{background:#88C6D9}.task-v27-priority.high{background:#FFD15C}.task-v27-priority.urgent{background:#E68189}.task-v27-copy{min-width:0}.task-v27-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.task-v27-title-row>b{font-size:11px;line-height:1.35;color:#1F3B4D}.task-v27-meta{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:5px}.task-v27-meta>span{display:inline-flex;align-items:center;gap:4px;font-size:7px;color:#6F8792}.task-v27-meta svg{width:10px;height:10px;stroke:currentColor}.task-v27-meta .reminder-active{color:#C96C38;font-weight:800}.task-v27-copy p{font-size:8px;color:#60777E;margin:7px 0 0;line-height:1.5}.task-v27-card.status-done .task-v27-title-row>b{text-decoration:line-through;color:#6F8792}.task-v27-actions{grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:8px}.task-v27-actions form{margin:0}.task-v27-icon-btn{width:30px;height:30px;border-radius:10px;border:1px solid #DDE9EA;background:#fff;color:#587279;display:grid;place-items:center;padding:0;cursor:pointer}.task-v27-icon-btn:hover{background:#DDF7F4;color:#69D7D0;border-color:#BDE2DE}.task-v27-icon-btn.done{background:#DDF7F4;color:#69D7D0;border-color:#C9E9E5}.task-v27-icon-btn.delete{color:#B95C66;background:#FFF8F8;border-color:#F0DADC}.task-v27-icon-btn svg{width:13px;height:13px;stroke:currentColor}.task-v27-empty{flex:1;min-height:255px;border:1px dashed #D6E5E7;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#6F8792}.task-v27-empty>i{width:46px;height:46px;border-radius:15px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center;margin-bottom:10px}.task-v27-empty svg{width:20px;height:20px;stroke:currentColor}.task-v27-empty b{font-size:11px;color:#31484F}.task-v27-empty small{font-size:8px;margin-top:4px;max-width:230px}
.task-v27-modal{backdrop-filter:blur(16px);background:rgba(13,31,38,.35)!important}.task-v27-modal-card{width:min(760px,calc(100vw - 30px))!important;max-height:90vh;overflow:auto;border-radius:28px!important;padding:28px!important;background:linear-gradient(180deg,#fff,#F4FCFB)!important;border:1px solid #D9E9EB!important;box-shadow:0 34px 90px rgba(23,58,68,.24)!important}.task-v27-modal-head{padding-right:44px;margin-bottom:17px}.task-v27-modal-head h2{font-size:29px;letter-spacing:-.04em;margin:4px 0 6px}.task-v27-modal-head p{font-size:10px;color:#6F8792;margin:0}.task-v27-form{display:grid;gap:13px}.task-v27-phase{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.task-v27-phase legend{font-size:9px;font-weight:800;color:#4D666D;margin-bottom:7px}.task-v27-phase>.task-v27-phase-title-v202{width:100%!important;max-width:none!important;margin:0 0 7px!important;padding:0!important;color:#425F67!important;font-size:11.5px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:0!important;white-space:normal!important}.task-v27-phase label{position:relative;display:block;cursor:pointer}.task-v27-phase input{position:absolute;opacity:0;pointer-events:none}.task-v27-phase span{min-height:70px;border:1px solid #C6ECE8;border-radius:16px;background:#fff;padding:12px;display:flex;flex-direction:column;justify-content:center;transition:.15s}.task-v27-phase b{font-size:10px;color:#30484F}.task-v27-phase small{font-size:7px;color:#6F8792;margin-top:3px}.task-v27-phase input:checked+span{border-color:#69D7D0;background:#EBF9F6;box-shadow:0 0 0 3px rgba(105,215,208,.08)}.task-v27-phase input:checked+span b{color:#69D7D0}.task-v27-title-field input{height:50px;font-size:12px}.task-v27-reminder-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:10px;padding:12px;border:1px solid #C6ECE8;border-radius:17px;background:#F4FCFB}.task-v27-reminder-toggle{display:grid;grid-template-columns:auto 34px 1fr;align-items:center;gap:9px;cursor:pointer}.task-v27-reminder-toggle input{width:17px;height:17px;accent-color:#3FBDB5}.task-v27-reminder-toggle>span{width:34px;height:34px;border-radius:11px;background:#E7F7F4;color:#69D7D0;display:grid;place-items:center}.task-v27-reminder-toggle svg{width:15px;height:15px;stroke:currentColor}.task-v27-reminder-toggle b,.task-v27-reminder-toggle small{display:block}.task-v27-reminder-toggle b{font-size:10px}.task-v27-reminder-toggle small{font-size:7px;color:#6F8792}.task-v27-reminder-time{margin:0}.task-v27-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.task-v27-modal-actions .btn{min-width:120px}.task-v27-ajax-busy{opacity:.72;pointer-events:none}.task-v27-toast{position:fixed;right:24px;bottom:24px;z-index:9999;max-width:360px;padding:12px 15px;border-radius:15px;background:#16333D;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.22);font-size:10px;font-weight:700}.task-v27-toast.error{background:#B95A64}.task-v27-toast.reminder{background:#C96C38}
.theme-dark .task-v27-summary>div,.theme-dark .task-v27-group,.theme-dark .task-v27-modal-card{background:#10232C!important;border-color:#1F3B4D!important}.theme-dark .task-v27-summary b,.theme-dark .task-v27-group-head h3,.theme-dark .task-v27-card .task-v27-title-row>b,.theme-dark .task-v27-empty b,.theme-dark .task-v27-modal-head h2,.theme-dark .task-v27-phase b{color:#DDF7F4}.theme-dark .task-v27-card,.theme-dark .task-v27-mini-progress,.theme-dark .task-v27-reminder-box,.theme-dark .task-v27-phase span{background:#1F3B4D;border-color:#1F3B4D}.theme-dark .task-v27-card.status-done{background:#14312F}.theme-dark .task-v27-card.overdue{background:#3D292F;border-color:#65414A}.theme-dark .task-v27-meta>span,.theme-dark .task-v27-copy p,.theme-dark .task-v27-group-head p,.theme-dark .task-v27-modal-head p,.theme-dark .task-v27-phase small,.theme-dark .task-v27-reminder-toggle small{color:#9DB5BB}.theme-dark .task-v27-icon-btn{background:#1F3B4D;border-color:#1F3B4D;color:#B8CFD4}.theme-dark .task-v27-icon-btn.done{background:#163B36;color:#69D7D0}.theme-dark .task-v27-icon-btn.delete{background:#3A252B;border-color:#603D45;color:#F1AEB6}.theme-dark .task-v27-step,.theme-dark .task-v27-empty>i,.theme-dark .task-v27-summary i,.theme-dark .task-v27-reminder-toggle>span{background:#1F3B4D;color:#69D7D0}.theme-dark .task-v27-count{background:#17303A;color:#A8C1C7}.theme-dark .task-v27-phase input:checked+span{background:#143B37;border-color:#69D7D0}.theme-dark .task-v27-phase input:checked+span b{color:#69D7D0}
@media(max-width:1180px){.task-v27-groups{grid-template-columns:1fr}.task-v27-group{min-height:auto}.task-v27-list{max-height:420px}.task-v27-empty{min-height:160px}.task-v27-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.task-v27-hero{padding:24px;align-items:flex-start;flex-direction:column}.task-v27-hero h2{font-size:32px}.task-v27-hero-actions{width:100%;min-width:0}.task-v27-progress{flex:1}.task-v27-phase{grid-template-columns:1fr}.task-v27-reminder-box{grid-template-columns:1fr}.task-v27-form .form-grid.three,.task-v27-form .form-grid.two{grid-template-columns:1fr}.task-v27-modal-card{padding:22px}.task-v27-group-head{grid-template-columns:42px 1fr}.task-v27-count{grid-column:2;justify-self:start}.task-v27-group-head p{min-height:0}}
@media(max-width:520px){.task-v27-summary{grid-template-columns:1fr 1fr}.task-v27-summary>div{padding:12px}.task-v27-hero-actions{display:grid;grid-template-columns:1fr}.task-v27-add-btn{width:100%}.task-v27-group{padding:15px!important}.task-v27-list{max-height:none}.task-v27-actions{flex-wrap:wrap}.task-v27-modal-card{padding:18px;border-radius:23px!important}.task-v27-modal-actions{display:grid;grid-template-columns:1fr 1fr}.task-v27-modal-actions .btn{min-width:0}}


/* TRIPLOOM V14.13.1 · Trip tabs first / hero only on overview */
.trip-tabs-top-shell{
  position:relative;
  z-index:18;
  margin:0 0 14px;
}
.trip-tabs-top-shell .trip-tabs{
  margin:0!important;
  top:88px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 10px 30px rgba(34,52,61,.06)!important;
}
.trip-tabs-top-shell + .trip-premium-hero{margin-top:0!important}
html[data-theme="dark"] .trip-tabs-top-shell .trip-tabs{
  background:rgba(22,33,39,.96)!important;
  border-color:#2B3B42!important;
  box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
}
@media(max-width:800px){
  .trip-tabs-top-shell{margin:0 -14px 12px}
  .trip-tabs-top-shell .trip-tabs{
    top:72px!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* TRIP TAB HERO · V14.13.2 */
.trip-tab-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:34px 38px;margin:0 0 20px;border-radius:28px;background:linear-gradient(135deg,#69D7D0 0%,#3FBDB5 48%,#8EDFF0 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 44px rgba(35,141,137,.14)}
.trip-tab-hero:before{content:"";position:absolute;right:-80px;top:-120px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.1)}
.trip-tab-hero-copy,.trip-tab-hero-side{position:relative;z-index:1}
.trip-tab-hero-copy{max-width:860px}
.trip-tab-hero .eyebrow{color:rgba(255,255,255,.78)!important}
.trip-tab-hero h2{margin:8px 0 10px;font-size:clamp(32px,3.2vw,54px);line-height:1.05;letter-spacing:-.04em;color:#fff!important}
.trip-tab-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.84)!important;font-size:13px;line-height:1.65;font-weight:600}
.trip-tab-hero-side{display:flex;align-items:flex-end;justify-content:flex-end;min-width:180px}
.trip-tab-hero-score{min-width:140px;display:block;padding:18px 18px 16px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);text-align:center}
.trip-tab-hero-score b,.trip-tab-hero-score small{display:block;color:#fff!important}
.trip-tab-hero-score b{font-size:44px;line-height:1;font-weight:800}
.trip-tab-hero-score small{margin-top:7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.84)!important}
.trip-tab-hero-score i{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;margin-top:14px}
.trip-tab-hero-score i em{display:block;height:100%;border-radius:999px;background:#fff}
@media(max-width:900px){.trip-tab-hero{padding:26px 24px;align-items:flex-start;flex-direction:column}.trip-tab-hero-side{width:100%;justify-content:flex-start}.trip-tab-hero-score{min-width:0;width:150px}.trip-tab-hero h2{font-size:34px}}
@media(max-width:600px){.trip-tab-hero{padding:22px 18px;border-radius:24px}.trip-tab-hero h2{font-size:29px}.trip-tab-hero p{font-size:12px}.trip-tab-hero-score b{font-size:36px}}


/* === V14.13.3 · GLOBAL MODAL POLISH === */
.modal{padding:22px!important;background:rgba(5,14,20,.56)!important;-webkit-backdrop-filter:blur(5px) saturate(92%)!important;backdrop-filter:blur(5px) saturate(92%)!important;overflow:hidden!important}
.modal-card{width:min(820px,calc(100vw - 32px))!important;max-height:min(92vh,960px)!important;overflow:auto!important;padding:28px 28px 26px!important;border-radius:30px!important;border:1px solid #D8EAEC!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,251,251,.98))!important;box-shadow:0 34px 90px rgba(22,55,67,.24),inset 0 1px 0 rgba(255,255,255,.95)!important;position:relative!important;scrollbar-width:thin;scrollbar-color:#9FD8D4 transparent}
.modal-card.small{width:min(640px,calc(100vw - 32px))!important}
.modal-card.medium{width:min(760px,calc(100vw - 32px))!important}
.modal-card::-webkit-scrollbar{width:8px;height:8px}.modal-card::-webkit-scrollbar-thumb{background:#B8DDDB;border-radius:999px}.modal-card::-webkit-scrollbar-track{background:transparent}
.modal-card::before{content:'';position:absolute;inset:0 0 auto 0;height:126px;background:linear-gradient(180deg,rgba(84,185,215,.12),rgba(84,185,215,0));pointer-events:none}
.modal-card>.eyebrow,.modal-card .form-stack>.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px!important;padding:9px 13px;border-radius:999px;background:#DDF7F4;color:#69D7D0!important;font-size:10px!important;font-weight:800!important;letter-spacing:.18em!important;box-shadow:inset 0 0 0 1px #CFEFEB}
.modal-card h2{font-size:clamp(28px,4vw,40px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:0 0 12px!important;color:#1F3B4D!important;padding-right:56px}
.modal-card>p,.modal-card .muted{font-size:13px!important;line-height:1.7!important;color:#617982!important}
.modal-close{position:absolute!important;right:18px!important;left:auto!important;top:18px!important;z-index:10!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:15px!important;border:1px solid #D8EDEE!important;background:linear-gradient(180deg,#FFFFFF,#F0F8F8)!important;color:#1F3B4D!important;font-size:24px!important;font-weight:800!important;line-height:1!important;box-shadow:0 12px 28px rgba(35,141,137,.11)!important}
.modal-close:hover{transform:translateY(-1px)!important;box-shadow:0 16px 30px rgba(35,141,137,.16)!important}
.modal-card .form-stack{display:grid!important;gap:14px!important}
.modal-card .form-stack.compact{gap:12px!important}
.modal-card .form-stack>label,
.modal-card .form-stack>.form-grid,
.modal-card .form-stack>.upload-box,
.modal-card .form-stack>.v5-day-profile,
.modal-card .form-stack>.notice,
.modal-card .form-stack>.check-line,
.modal-card .form-stack>.switch-row,
.modal-card .form-stack>.task-v27-phase,
.modal-card .form-stack>.task-v27-reminder-box{background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;border:1px solid #DDECEE!important;border-radius:22px!important;padding:16px 16px 15px!important;box-shadow:0 10px 26px rgba(34,73,84,.04)!important}
.modal-card .form-stack>.upload-box{min-height:132px!important}
.modal-card .form-grid{gap:14px!important}
.modal-card label{font-size:12px!important;font-weight:800!important;color:#43545C!important;letter-spacing:-.01em}
.modal-card label small{font-size:11px!important;line-height:1.55!important;color:#779099!important}
.modal-card input,.modal-card select,.modal-card textarea{background:#FFFFFF!important;border:1px solid #CFE3E5!important;border-radius:16px!important;min-height:50px!important;padding:12px 15px!important;font-size:14px!important;color:#23353D!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.94)}
.modal-card textarea{min-height:112px!important;padding-top:13px!important}
.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:#69D7D0!important;box-shadow:0 0 0 4px rgba(105,215,208,.10)!important;background:#fff!important}
.modal-card input::placeholder,.modal-card textarea::placeholder{color:#9AAFB5!important}
.modal-card input[type="checkbox"],.modal-card input[type="radio"]{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;accent-color:#3FBDB5!important;box-shadow:none!important;flex:0 0 auto!important}
.modal-card .check-line{display:flex!important;align-items:flex-start!important;gap:10px!important;flex-direction:row!important}
.modal-card .check-line input{margin-top:2px!important}
.modal-card .btn,.modal-card button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.modal-card .btn svg,.modal-card button svg{width:16px;height:16px;stroke:currentColor;fill:none;display:block;flex:0 0 auto}
.modal-card .btn{min-height:48px!important;border-radius:16px!important;padding:0 18px!important;font-size:13px!important;font-weight:800!important}
.modal-card .btn-block{width:100%!important}
.modal-card hr{margin:4px 0 2px!important;border:0!important;border-top:1px solid #C6ECE8!important}
.modal-card .upload-box span{width:42px!important;height:42px!important;border-radius:14px!important}
.modal-card .upload-box b{font-size:13px!important}.modal-card .upload-box small{font-size:11px!important;line-height:1.55!important}
.modal-card .v5-day-profile{gap:14px!important;background:linear-gradient(180deg,#F4FCFB,#DDF7F4)!important;border-color:#D7EBE9!important}
.modal-card .v5-day-profile .eyebrow{margin-bottom:2px!important}
.modal-card .notice p{margin:6px 0 0!important;font-size:12px!important;line-height:1.6!important}
.day-settings-modal .modal-card,.trip-smart-modal .modal-card{width:min(760px,calc(100vw - 32px))!important}
.day-settings-modal .modal-card h2{margin-bottom:14px!important}
.day-settings-modal .form-stack>button.btn-primary{margin-top:2px!important}
body.theme-dark .modal{background:radial-gradient(circle at top,rgba(105,215,208,.16),transparent 32%),rgba(3,11,15,.56)!important}
body.theme-dark .modal-card{background:linear-gradient(180deg,rgba(13,26,33,.98),rgba(10,20,28,.98))!important;border-color:#23424B!important;box-shadow:0 34px 90px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.03)!important}
body.theme-dark .modal-card::before{background:linear-gradient(180deg,rgba(84,185,215,.10),rgba(84,185,215,0))}
body.theme-dark .modal-card>.eyebrow,body.theme-dark .modal-card .form-stack>.eyebrow{background:#123733!important;color:#69D7D0!important;box-shadow:inset 0 0 0 1px #20504C!important}
body.theme-dark .modal-card h2{color:#DDF7F4!important}body.theme-dark .modal-card>p,body.theme-dark .modal-card .muted{color:#9BB4BB!important}
body.theme-dark .modal-close{background:linear-gradient(180deg,#17303A,#122630)!important;color:#DDF7F4!important;border-color:#2B4A54!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important}
body.theme-dark .modal-card .form-stack>label,body.theme-dark .modal-card .form-stack>.form-grid,body.theme-dark .modal-card .form-stack>.upload-box,body.theme-dark .modal-card .form-stack>.v5-day-profile,body.theme-dark .modal-card .form-stack>.notice,body.theme-dark .modal-card .form-stack>.check-line,body.theme-dark .modal-card .form-stack>.switch-row,body.theme-dark .modal-card .form-stack>.task-v27-phase,body.theme-dark .modal-card .form-stack>.task-v27-reminder-box{background:linear-gradient(180deg,#10212A,#0E1D26)!important;border-color:#203741!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}
body.theme-dark .modal-card label{color:#D6E8EB!important}body.theme-dark .modal-card label small{color:#97B0B7!important}
body.theme-dark .modal-card input,body.theme-dark .modal-card select,body.theme-dark .modal-card textarea{background:#12232C!important;border-color:#29414A!important;color:#DDF7F4!important}
body.theme-dark .modal-card input::placeholder,body.theme-dark .modal-card textarea::placeholder{color:#8CA7AF!important}
body.theme-dark .modal-card .v5-day-profile{background:linear-gradient(180deg,#112B31,#0F242B)!important;border-color:#24474B!important}
@media(max-width:900px){.modal{padding:16px!important}.modal-card{width:min(100%,calc(100vw - 24px))!important;padding:24px 18px 20px!important;border-radius:26px!important}.modal-card.small,.modal-card.medium,.day-settings-modal .modal-card,.trip-smart-modal .modal-card{width:min(100%,calc(100vw - 24px))!important}.modal-card h2{font-size:clamp(24px,8vw,34px)!important;padding-right:44px}.modal-close{width:40px!important;height:40px!important;right:12px!important;top:12px!important}.modal-card .form-stack>label,.modal-card .form-stack>.form-grid,.modal-card .form-stack>.upload-box,.modal-card .form-stack>.v5-day-profile,.modal-card .form-stack>.notice,.modal-card .form-stack>.check-line,.modal-card .form-stack>.switch-row,.modal-card .form-stack>.task-v27-phase,.modal-card .form-stack>.task-v27-reminder-box{padding:14px!important;border-radius:19px!important}.modal-card .form-grid.two,.modal-card .form-grid.three{grid-template-columns:1fr!important}.modal-card textarea{min-height:96px!important}}
@media(max-width:560px){.modal{padding:8px!important}.modal-card,.modal-card.small,.modal-card.medium,.day-settings-modal .modal-card,.trip-smart-modal .modal-card{width:calc(100vw - 12px)!important;max-height:94vh!important;padding:20px 14px 16px!important;border-radius:22px!important}.modal-card h2{font-size:clamp(22px,9vw,30px)!important}.modal-card>.eyebrow,.modal-card .form-stack>.eyebrow{padding:8px 11px!important;font-size:9px!important;letter-spacing:.15em!important}.modal-card input,.modal-card select,.modal-card textarea{min-height:48px!important;font-size:13px!important;padding:11px 13px!important}.modal-card .btn{min-height:46px!important;font-size:13px!important}}


/* V14.13.4 · Overview Trip Pack + People Budget */
.route-overview-page>.v11-trip-pack-cta{margin-top:18px}
.people-budget-wrap{margin-top:18px;max-width:780px}
.people-budget-wrap>.v11-budget-envelope-panel{margin:0}
.people-budget-wrap .v11-budget-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.people-budget-wrap .v11-budget-form>.btn{grid-column:1/-1}
@media(max-width:980px){.people-budget-wrap{max-width:none}.people-budget-wrap .v11-budget-form{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.people-budget-wrap .v11-budget-form{grid-template-columns:1fr}}


/* TRIPLOOM V14.13.5 · Overview status + cleaner summary */
.trip-premium-kicker .trip-status{max-width:none!important;white-space:nowrap!important;padding-left:12px!important;padding-right:12px!important}
.trip-premium-kicker .status-planning{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
.trip-premium-kicker .status-upcoming{background:rgba(246,201,104,.19)!important;border-color:rgba(255,230,168,.42)!important;color:#FFF9E9!important}
.trip-premium-kicker .status-ongoing{background:rgba(221,246,241,.20)!important;border-color:rgba(221,246,241,.42)!important;color:#fff!important}
.trip-premium-kicker .status-completed{background:rgba(223,243,255,.17)!important;border-color:rgba(223,243,255,.34)!important;color:#fff!important}
.route-overview-title{margin-top:18px!important;margin-bottom:18px!important}
.route-overview-title h2{margin-top:0!important}
.route-overview-subline{max-width:none!important}
@media(min-width:1200px){.route-overview-title>div:first-child{min-width:0;flex:1}.route-overview-subline{white-space:nowrap!important;overflow:visible!important;font-size:13px!important}}
@media(max-width:1199px){.route-overview-subline{white-space:normal!important}}

/* ===== V14.13.6 OVERVIEW WOW TRAVEL POLISH ===== */
.trip-tabs-top-shell{
  margin-bottom:14px!important;
}
.trip-tabs-top-shell .trip-tabs{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.84))!important;
  border:1px solid rgba(201,228,231,.96)!important;
  border-radius:24px!important;
  padding:10px 12px!important;
  box-shadow:0 12px 32px rgba(33,87,98,.08)!important;
}
.trip-tabs-top-shell .trip-tabs a{
  border-radius:16px!important;
  min-height:44px!important;
  padding:0 16px!important;
  font-size:10px!important;
  color:#5F747D!important;
}
.trip-tabs-top-shell .trip-tabs a.active{
  background:linear-gradient(135deg,#69D7D0 0%,#8EDFF0 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(49,180,170,.26)!important;
}
.trip-tabs-top-shell .trip-tabs a.active svg{stroke:#fff!important;color:#fff!important}

.trip-premium-hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.13) 0,rgba(255,255,255,0) 24%),
    radial-gradient(circle at 78% 22%,rgba(255,228,123,.22) 0,rgba(255,228,123,0) 12%),
    linear-gradient(128deg,#249D98 0%,#69D7D0 34%,#69D7D0 64%,#74B7EB 100%)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 28px 72px rgba(24,103,120,.18)!important;
}
.trip-premium-hero:before,
.trip-premium-hero:after{
  content:"";position:absolute;border-radius:999px;pointer-events:none;
}
.trip-premium-hero:before{
  width:480px;height:220px;right:-90px;bottom:-80px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.05));
  transform:rotate(-10deg);
}
.trip-premium-hero:after{
  width:320px;height:140px;right:180px;bottom:-42px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));
}
.trip-premium-kicker .back-link{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.22)!important;
  backdrop-filter:blur(10px)!important;
}
.trip-premium-hero .trip-header-copy h2{
  text-shadow:0 8px 28px rgba(10,61,75,.20)!important;
}
.trip-premium-hero .trip-header-copy>p{
  color:rgba(255,255,255,.94)!important;
}
.trip-departure-summary{
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 26px rgba(16,90,96,.14)!important;
}
.premium-trip-stats>span{
  background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.10))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 10px 20px rgba(14,92,105,.10)!important;
}
.premium-trip-stats>span>i{
  background:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.trip-action-dock{
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.10))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 40px rgba(16,88,101,.12), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.trip-header-v2 .trip-action-dock .btn,
.trip-header-v2 .trip-action-dock .trip-action-share{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 8px 18px rgba(19,90,102,.10)!important;
}
.trip-header-v2 .trip-action-dock .btn span,
.trip-header-v2 .trip-action-dock .btn svg,
.trip-header-v2 .trip-action-dock .trip-action-share span,
.trip-header-v2 .trip-action-dock .trip-action-share svg{
  color:#249D98!important;stroke:#249D98!important;
}
.trip-header-v2 .trip-action-dock .trip-action-primary{
  background:linear-gradient(135deg,#FFFFFF 0%,#F5FFFF 100%)!important;
}
.trip-header-v2 .trip-action-dock .trip-action-delete{
  background:linear-gradient(135deg,#FFF5F6 0%,#FFF0F1 100%)!important;
  border-color:#F6DADF!important;
  box-shadow:0 8px 18px rgba(177,78,89,.10)!important;
}
.trip-header-v2 .trip-action-dock .trip-action-delete .trip-delete-icon{
  background:#FCE4E7!important;
}

.route-overview-page{
  padding:18px 0 36px!important;
}
.route-overview-title{
  align-items:center!important;
  margin:16px 0 20px!important;
}
.route-overview-title h2{
  font-size:42px!important;
  letter-spacing:-.055em!important;
  margin:0 0 8px!important;
  color:#213742!important;
}
.route-overview-subline{
  color:#667E88!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.route-overview-title-actions .btn{
  min-height:48px!important;
  border-radius:16px!important;
  padding:0 18px!important;
  font-size:11px!important;
  box-shadow:0 10px 22px rgba(33,87,98,.07)!important;
}
.route-overview-title-actions .btn-primary{
  background:linear-gradient(135deg,#69D7D0 0%,#8EDFF0 100%)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(49,180,170,.22)!important;
}
.route-overview-title-actions .btn-soft{
  background:#fff!important;
  border:1px solid #DCEDEF!important;
  color:#249D98!important;
}
.route-overview-layout{
  grid-template-columns:1.08fr .92fr!important;
  gap:16px!important;
}
.route-overview-card,
.route-overview-note-full,
.route-overview-page>.v11-trip-pack-cta{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FBFEFF 100%)!important;
  border:1px solid #DDECF0!important;
  box-shadow:0 18px 42px rgba(34,83,98,.08)!important;
}
.route-overview-card:before,
.route-overview-note-full:before,
.route-overview-page>.v11-trip-pack-cta:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#69D7D0 0%,#8EDFF0 100%);
}
.route-overview-layout>.route-overview-card:nth-child(2):before{background:linear-gradient(90deg,#69D7D0 0%,#7FC6EC 100%)}
.route-overview-layout>.route-overview-card:nth-child(3):before{background:linear-gradient(90deg,#69D7D0 0%,#5FCE82 100%)}
.route-overview-layout>.route-overview-card:nth-child(4):before{background:linear-gradient(90deg,#8EDFF0 0%,#7ED5D1 100%)}
.route-overview-card{
  border-radius:24px!important;
  padding:24px!important;
}
.route-overview-card .section-head.compact{
  margin-bottom:18px!important;
}
.route-overview-card .section-head h3{
  font-size:24px!important;
  letter-spacing:-.03em!important;
  color:#223742!important;
}
.route-overview-card .eyebrow{
  color:#249D98!important;
  letter-spacing:.16em!important;
}
.route-overview-card .text-link{
  color:#249D98!important;
  font-weight:800!important;
}
.route-info-list{
  gap:10px 22px!important;
}
.route-info-list>div{
  padding:14px 0 12px!important;
}
.route-info-list b{
  font-size:15px!important;
  color:#223742!important;
}
.route-info-list small{
  font-size:10px!important;
}
.route-budget-main>div,
.route-mini-links a,
.route-memory-grid a{
  background:linear-gradient(180deg,#FCFEFF 0%,#F5FAFB 100%)!important;
  border:1px solid #C6ECE8!important;
  box-shadow:0 8px 20px rgba(41,102,119,.04)!important;
}
.route-budget-main>div{
  min-height:96px!important;
  justify-content:center!important;
}
.route-budget-main b{font-size:20px!important}
.route-budget-bar>i,
.route-progress-stack i{
  height:8px!important;
  background:#E6F1F2!important;
}
.route-budget-bar em,
.route-progress-stack em{
  background:linear-gradient(90deg,#69D7D0 0%,#8EDFF0 100%)!important;
}
.route-progress-stack>div{
  padding:14px 16px!important;
  background:linear-gradient(180deg,#FBFEFF 0%,#F7FBFC 100%)!important;
  border:1px solid #E1EEF0!important;
  border-radius:18px!important;
}
.route-progress-stack>div>div{
  margin-bottom:8px!important;
}
.route-mini-links{
  gap:10px!important;
}
.route-mini-links a{
  min-height:48px!important;
  border-radius:15px!important;
  font-weight:700!important;
}
.route-mini-links a:hover,
.route-memory-grid a:hover,
.route-overview-map:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 26px rgba(35,118,134,.10)!important;
}
.route-memory-grid{
  gap:11px!important;
}
.route-memory-grid a{
  min-height:112px!important;
  border-radius:18px!important;
}
.route-memory-grid i{
  width:40px!important;height:40px!important;border-radius:14px!important;
  background:linear-gradient(135deg,#E6FBF7 0%,#ECF8FD 100%)!important;
}
.route-memory-grid b{font-size:22px!important}
.route-overview-note-full p{
  font-size:13px!important;
}
.route-overview-page>.v11-trip-pack-cta{
  margin-top:20px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#F8FEFE 0%,#F2FAFD 100%)!important;
}
.route-overview-page>.v11-trip-pack-cta .btn,
.v11-trip-pack-cta .btn{
  border-radius:16px!important;
  min-height:44px!important;
  background:linear-gradient(135deg,#69D7D0 0%,#8EDFF0 100%)!important;
  border:0!important;
  box-shadow:0 12px 24px rgba(49,180,170,.18)!important;
}

@media (max-width:1200px){
  .route-overview-title h2{font-size:36px!important}
}
@media (max-width:900px){
  .route-overview-title{align-items:flex-start!important}
  .route-overview-layout{grid-template-columns:1fr!important}
}
@media (max-width:700px){
  .trip-tabs-top-shell .trip-tabs{padding:8px 10px!important}
  .route-overview-title h2{font-size:31px!important}
  .route-overview-title-actions{width:100%!important}
  .route-overview-title-actions .btn{flex:1!important}
  .route-overview-card .section-head h3{font-size:21px!important}
}
@media (max-width:520px){
  .trip-premium-hero{padding:24px 18px!important}
  .route-overview-card{padding:18px!important}
  .route-budget-main>div{min-height:84px!important}
}

/* ===== ROUTE BUILDER POLISH ===== */
.trip-tab-hero-itinerary{min-height:250px!important;padding:34px 38px!important;align-items:center!important;background:linear-gradient(135deg,#249D98 0%,#69D7D0 50%,#8EDFF0 100%)!important}
.trip-tab-hero-itinerary h2{font-size:clamp(40px,5vw,66px)!important;line-height:.98!important;max-width:900px!important;margin:10px 0 14px!important}
.trip-tab-hero-itinerary p{font-size:14px!important;max-width:820px!important;color:rgba(255,255,255,.9)!important}
.trip-tab-hero-itinerary .trip-tab-hero-side{display:none!important}

.stop-place-duration-grid{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(180px,.55fr)!important;gap:14px!important}
.stop-place-duration-grid>label{margin:0!important}
.stop-add-form>.stop-place-duration-grid{padding:16px!important;border:1px solid #DDECEE!important;border-radius:20px!important;background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;box-shadow:0 8px 22px rgba(34,73,84,.04)!important}
.stop-add-form>.stop-place-duration-grid #place-select-wrap{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.stop-add-form>.stop-place-duration-grid input,.stop-add-form>.stop-place-duration-grid select{min-height:54px!important}

.stop-map-field .map-input-wrap{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;width:100%!important;overflow:hidden!important;border:1px solid #CFE3E5!important;border-radius:16px!important;background:#fff!important;min-height:54px!important;padding:0 8px 0 10px!important}
.stop-map-field .map-input-wrap>svg{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:18px!important;height:18px!important;display:block!important;stroke:#249D98!important;z-index:auto!important;margin:auto!important}
.stop-map-field .map-input-wrap>input{border:0!important;box-shadow:none!important;background:transparent!important;padding:0 8px!important;min-height:50px!important;border-radius:0!important}
.stop-map-field .map-input-wrap:focus-within{border-color:#69D7D0!important;box-shadow:0 0 0 4px rgba(105,215,208,.10)!important}

.stop-add-form{gap:12px!important}
.stop-add-form>label,.stop-add-form>.form-grid,.stop-add-form>.stop-transport-block,.stop-add-form>.route-auto-note,.stop-add-form>.stop-route-metrics{padding:15px!important;border-radius:19px!important}
.stop-transport-block{padding-bottom:14px!important}
.stop-transport-choice-grid{gap:9px!important}
.stop-transport-choice{min-height:86px!important;padding:10px!important;border-radius:16px!important}
.stop-route-metrics{gap:12px!important}
.stop-add-submit{min-height:50px!important;border-radius:16px!important;margin-top:2px!important}

.premium-stop-card{min-height:92px!important;padding:14px 16px!important;grid-template-columns:16px 44px minmax(0,1fr) 36px!important;gap:11px!important;align-items:center!important;border-radius:19px!important}
.premium-stop-icon{width:44px!important;height:44px!important;border-radius:14px!important;align-self:center!important}
.drag-handle{padding-top:0!important;align-self:center!important}
.stop-content{align-self:center!important}
.stop-title-row{align-items:center!important}
.premium-stop-card h3{font-size:14px!important;margin:2px 0 3px!important}
.premium-stop-card p.muted{margin:4px 0!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.stop-links{margin-top:8px!important;gap:6px!important;align-items:center!important}
.stop-links a,.stop-links button{min-height:34px!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;font-size:9px!important;line-height:1!important}
.stop-more{align-self:center!important;width:34px!important;height:34px!important;border-radius:11px!important}
.stop-badges{align-items:center!important}
.stop-badges .badge{min-height:24px!important;padding:0 9px!important}
.stop-time{padding-top:22px!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important}
.stop-time b{font-size:13px!important;line-height:1!important}
.stop-time small{font-size:8px!important;color:#81949B!important;line-height:1!important}

body.theme-dark .stop-map-field .map-input-wrap{background:#12232C!important;border-color:#29414A!important}
body.theme-dark .stop-map-field .map-input-wrap>input{background:transparent!important}
body.theme-dark .stop-add-form>.stop-place-duration-grid{background:linear-gradient(180deg,#10212A,#0E1D26)!important;border-color:#203741!important}

@media(max-width:800px){
  .trip-tab-hero-itinerary{padding:28px 24px!important;min-height:220px!important}
  .trip-tab-hero-itinerary h2{font-size:44px!important}
  .stop-place-duration-grid{grid-template-columns:1fr!important}
  .premium-stop-card{min-height:88px!important}
}
@media(max-width:520px){
  .trip-tab-hero-itinerary h2{font-size:36px!important}
  .trip-tab-hero-itinerary p{font-size:12px!important}
  .stop-add-form>label,.stop-add-form>.form-grid,.stop-add-form>.stop-transport-block,.stop-add-form>.route-auto-note,.stop-add-form>.stop-route-metrics{padding:12px!important}
  .premium-stop-card{grid-template-columns:40px minmax(0,1fr) 32px!important;padding:12px!important}
}


/* === V14.13.8 · ROUTE BUILDER HERO + STOP ALIGNMENT FIX === */
.trip-tab-hero-itinerary{
  min-height:248px!important;
  padding:34px 40px!important;
  align-items:center!important;
  background:linear-gradient(135deg,#249D98 0%,#69D7D0 48%,#8EDFF0 100%)!important;
}
.trip-tab-hero-itinerary .trip-tab-hero-copy{max-width:980px!important}
.trip-tab-hero-itinerary .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  margin:0 0 10px!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  color:rgba(255,255,255,.86)!important;
}
.trip-tab-hero-itinerary h2{
  max-width:980px!important;
  margin:0 0 14px!important;
  font-size:clamp(42px,5vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
}
.trip-tab-hero-itinerary p{
  max-width:900px!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:600!important;
  color:rgba(255,255,255,.92)!important;
}
.trip-tab-hero-itinerary .trip-tab-hero-side{display:none!important}

/* Stop card: align every control to the title row instead of centering against the whole card height. */
.premium-stop-wrap .premium-stop-card{
  min-height:118px!important;
  padding:14px 16px!important;
  grid-template-columns:16px 44px minmax(0,1fr) 36px!important;
  column-gap:11px!important;
  row-gap:0!important;
  align-items:start!important;
  border-radius:19px!important;
}
.premium-stop-card .drag-handle{
  align-self:start!important;
  padding-top:12px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
}
.premium-stop-card .premium-stop-icon{
  align-self:start!important;
  margin-top:3px!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
}
.premium-stop-card .stop-content{
  align-self:start!important;
  min-width:0!important;
  padding-top:0!important;
}
.premium-stop-card .stop-title-row{
  min-height:46px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.premium-stop-card .stop-title-row>div:first-child{min-width:0!important;flex:1 1 auto!important}
.premium-stop-card .stop-label{
  margin:0 0 3px!important;
  line-height:1.15!important;
}
.premium-stop-card h3{
  margin:0!important;
  line-height:1.25!important;
}
.premium-stop-card p.muted{
  margin:3px 0 0!important;
  line-height:1.35!important;
  min-height:14px!important;
}
.premium-stop-card .stop-badges{
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  padding-top:1px!important;
}
.premium-stop-card .stop-more{
  align-self:start!important;
  margin-top:3px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
}
.premium-stop-card .stop-links{
  min-height:36px!important;
  margin-top:8px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.premium-stop-card .stop-links a,
.premium-stop-card .stop-links button{
  height:34px!important;
  min-height:34px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.premium-stop-wrap .stop-time{
  padding:18px 4px 0 0!important;
}
.stop-rail .timeline-dot{margin-top:20px!important}

@media(max-width:800px){
  .trip-tab-hero-itinerary{padding:28px 24px!important;min-height:220px!important}
  .trip-tab-hero-itinerary h2{font-size:44px!important}
  .premium-stop-wrap .premium-stop-card{min-height:108px!important}
}
@media(max-width:520px){
  .trip-tab-hero-itinerary h2{font-size:36px!important}
  .trip-tab-hero-itinerary p{font-size:12px!important}
  .premium-stop-wrap .premium-stop-card{grid-template-columns:40px minmax(0,1fr) 32px!important;padding:12px!important;min-height:104px!important}
  .premium-stop-card .drag-handle{display:none!important}
  .premium-stop-card .stop-title-row{display:block!important}
  .premium-stop-card .stop-badges{justify-content:flex-start!important;margin-top:7px!important}
}


/* ========================= TRIPLOOM V14.5.4 · STOP CARD ALIGNMENT POLISH ========================= */
.premium-stop-card{align-items:start!important;grid-template-columns:18px 48px minmax(0,1fr) 40px!important}
.premium-stop-card .drag-handle{align-self:start!important;justify-self:center!important;margin-top:2px!important}
.premium-stop-card .stop-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-width:0!important}
.premium-stop-card .stop-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:14px!important;align-items:start!important;width:100%!important}
.premium-stop-card .stop-title-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.premium-stop-card .stop-title-copy h3,.premium-stop-card h3{line-height:1.12!important}
.premium-stop-card .stop-badges{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;align-self:start!important;flex-wrap:wrap!important}
.premium-stop-card .stop-badges .badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:26px!important;padding:0 10px!important;line-height:1!important;white-space:nowrap!important}
.premium-stop-card .stop-address{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;min-height:18px!important;line-height:1.35!important}
.premium-stop-card .stop-address svg{width:14px!important;height:14px!important;flex:0 0 14px!important;stroke:#7B8E96!important;fill:none!important;stroke-width:1.8!important}
.premium-stop-card .stop-address span{display:block!important;min-width:0!important}
.premium-stop-card .stop-links{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin-top:0!important}
.premium-stop-card .stop-link-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:36px!important;padding:0 12px!important;border-radius:11px!important;background:#F4FCFB!important;border:1px solid #C6ECE8!important;color:#69D7D0!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;text-decoration:none!important;box-sizing:border-box!important}
.premium-stop-card .stop-link-btn svg{width:14px!important;height:14px!important;flex:0 0 14px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.premium-stop-card .stop-link-btn.v9-checkin-link,.premium-stop-card .stop-link-btn.v9-verified-link{margin-top:0!important}
.premium-stop-card .stop-link-btn[disabled]{opacity:1!important;cursor:default!important}
.premium-stop-card .stop-more{align-self:start!important;justify-self:end!important;margin-top:2px!important}
.premium-stop-card .stop-more svg{display:block!important}
@media(max-width:520px){
  .premium-stop-card .stop-title-row{grid-template-columns:1fr!important}
  .premium-stop-card .stop-badges{justify-content:flex-start!important;margin-top:4px!important}
  .premium-stop-card .stop-links{gap:6px!important}
  .premium-stop-card .stop-link-btn{height:34px!important;padding:0 10px!important;font-size:9px!important}
}


/* ========================= TRIPLOOM V14.13.9 · DAY SETTINGS MODAL REFINE ========================= */
.day-settings-modal .modal-card{width:min(780px,calc(100vw - 32px))!important}
.day-settings-modal .modal-card h2{margin-bottom:8px!important}
.day-v37-intro{margin:0 0 16px!important;color:#69817D!important;font-size:12px!important;line-height:1.6!important;max-width:660px!important}
.day-v37-stack{display:grid!important;gap:14px!important}
.day-v37-section{background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;border:1px solid #DDECEE!important;border-radius:24px!important;padding:18px!important;box-shadow:0 10px 26px rgba(34,73,84,.04)!important;display:grid!important;gap:14px!important}
.day-v37-section-soft{background:linear-gradient(180deg,#F4FCFB,#DDF7F4)!important;border-color:#D7EBE9!important}
.day-v37-section-copy{background:linear-gradient(180deg,#F4FCFB,#F4FCFB)!important}
.day-v37-head{display:flex!important;align-items:flex-start!important;gap:12px!important}
.day-v37-head>span{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:15px!important;background:linear-gradient(135deg,#E7F8F4,#D8F1EC)!important;border:1px solid #CFEAE3!important;color:#249D98!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:800!important;line-height:1!important}
.day-v37-head b{display:block!important;color:#243842!important;font-size:15px!important;line-height:1.2!important;margin-bottom:3px!important}
.day-v37-head small{display:block!important;color:#7A8D91!important;font-size:10px!important;line-height:1.5!important}
.day-settings-modal .day-v37-section .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.day-settings-modal .day-v37-section label{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;gap:7px!important;color:#44534C!important;font-size:10px!important;font-weight:800!important}
.day-settings-modal .day-v37-section label small{font-size:9px!important;color:#89A09C!important;line-height:1.45!important;font-weight:600!important}
.day-settings-modal .day-v37-section textarea{min-height:120px!important}
.day-v37-check{margin-top:2px!important;padding:14px 15px!important;border-radius:18px!important;background:#F4FCFB!important;border:1px solid #DDEDEA!important;align-items:flex-start!important}
.day-v37-check input{margin-top:4px!important}
.day-v37-check span{display:block!important}
.day-v37-check b{display:block!important;color:#29414A!important;font-size:11px!important;line-height:1.35!important}
.day-v37-check small{display:block!important;color:#7B908D!important;font-size:9px!important;line-height:1.5!important;margin-top:3px!important}
.day-v37-clone-form{margin-top:14px!important}
.day-settings-modal .btn.btn-primary,.day-settings-modal .btn.btn-soft{min-height:50px!important;border-radius:16px!important;font-size:13px!important;font-weight:800!important}
@media(max-width:900px){.day-settings-modal .day-v37-section .form-grid.two{grid-template-columns:1fr!important}.day-v37-head>span{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:13px!important}.day-v37-head b{font-size:14px!important}.day-v37-intro{font-size:11px!important}}
body.theme-dark .day-v37-intro{color:#93A9AF!important}
body.theme-dark .day-v37-section{background:linear-gradient(180deg,#10212A,#0E1D26)!important;border-color:#203741!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}
body.theme-dark .day-v37-section-soft{background:linear-gradient(180deg,#112B31,#0F242B)!important;border-color:#24474B!important}
body.theme-dark .day-v37-head>span{background:linear-gradient(135deg,#123B3A,#174443)!important;border-color:#285555!important;color:#7CE1D9!important}
body.theme-dark .day-v37-head b{color:#EFF8FB!important}
body.theme-dark .day-v37-head small,body.theme-dark .day-settings-modal .day-v37-section label small,body.theme-dark .day-v37-check small{color:#96ACB1!important}
body.theme-dark .day-v37-check{background:#10262E!important;border-color:#24454D!important}
body.theme-dark .day-v37-check b{color:#EEF8FB!important}


/* ========================= TRIPLOOM V14.14.0 · DAY INFO + STOP CARD ALIGNMENT ========================= */
.day-v37-info-grid{align-items:stretch!important}
.day-v37-info-grid>label{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-height:100%!important}
.day-v37-info-grid .day-v37-title-field input{min-height:56px!important}
.day-v37-info-grid .day-v37-note-field textarea{min-height:106px!important;resize:vertical!important}
.day-v37-info-grid .day-v37-title-field small,.day-v37-info-grid .day-v37-note-field small{margin-top:6px!important;font-size:9px!important;line-height:1.5!important;color:#8AA09D!important;font-weight:600!important;display:block!important}
.day-v37-check{display:grid!important;grid-template-columns:20px 1fr!important;align-items:start!important;column-gap:12px!important;padding:14px 15px!important;min-height:auto!important}
.day-v37-check input[type=checkbox]{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:18px!important;height:18px!important;appearance:none!important;-webkit-appearance:none!important;border:1.5px solid #7FD5CB!important;border-radius:5px!important;background:#FFFFFF!important;box-shadow:0 3px 8px rgba(34,73,84,.06)!important;cursor:pointer!important;margin:2px 0 0 0!important;display:block!important}
.day-v37-check input[type=checkbox]:checked{background:linear-gradient(135deg,#69D7D0,#8EDFF0)!important;border-color:#69D7D0!important}
.day-v37-check input[type=checkbox]:checked::after{content:""!important;position:absolute!important;left:5px!important;top:1px!important;width:4px!important;height:9px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important}
.premium-stop-card .stop-content{gap:6px!important}
.premium-stop-card .stop-title-copy{gap:4px!important}
.premium-stop-card .stop-title-row{align-items:start!important}
.premium-stop-card .stop-address{margin:1px 0 0!important;line-height:1.35!important;max-width:100%!important}
.premium-stop-card .stop-note{margin-top:0!important}
.premium-stop-card .stop-links{margin-top:2px!important}
.premium-stop-card .stop-link-btn{height:35px!important;padding:0 14px!important;border-radius:10px!important}
.premium-stop-card .stop-more{margin-top:0!important;align-self:start!important}
body.theme-dark .day-v37-info-grid .day-v37-title-field small,body.theme-dark .day-v37-info-grid .day-v37-note-field small{color:#97AFB0!important}
body.theme-dark .day-v37-check input[type=checkbox]{background:#11212B!important;border-color:#249D98!important;box-shadow:none!important}
body.theme-dark .day-v37-check input[type=checkbox]:checked{background:linear-gradient(135deg,#69D7D0,#8EDFF0)!important;border-color:#69D7D0!important}

/* ========================= TRIPLOOM V14.14.1 · ITINERARY TIMELINE FINAL BALANCE ========================= */
.timeline{gap:0!important}
.premium-stop-wrap,.stop-wrap.premium-stop-wrap,
.premium-travel-leg,.travel-leg.premium-travel-leg{
  grid-template-columns:76px 36px minmax(0,1fr)!important;
  column-gap:8px!important;
}
.premium-stop-wrap{align-items:stretch!important}
.premium-stop-wrap .stop-time{
  display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;
  padding:17px 7px 0 0!important;gap:4px!important
}
.premium-stop-wrap .stop-time b{font-size:14px!important;line-height:1!important;font-weight:800!important;color:#263A43!important;font-variant-numeric:tabular-nums!important}
.premium-stop-wrap .stop-time small{font-size:8px!important;line-height:1!important;color:#82969D!important;font-weight:700!important}
.timeline-rail{width:36px!important}
.stop-rail .timeline-dot{margin-top:18px!important;width:12px!important;height:12px!important;border-width:2px!important;box-shadow:0 0 0 4px #F4FCFB!important}
.premium-stop-wrap .premium-stop-card{
  min-height:86px!important;
  padding:12px 14px!important;
  grid-template-columns:16px 42px minmax(0,1fr) 34px!important;
  gap:10px!important;
  align-items:start!important;
  border-radius:20px!important;
  box-shadow:0 8px 22px rgba(33,73,86,.045)!important;
}
.premium-stop-card .drag-handle{align-self:center!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;min-height:42px!important;color:#A7B7BC!important}
.premium-stop-card .premium-stop-icon{width:42px!important;height:42px!important;border-radius:13px!important;align-self:start!important;margin:0!important}
.premium-stop-card .premium-stop-icon svg{width:19px!important;height:19px!important}
.premium-stop-card .stop-content{gap:5px!important;padding-top:0!important}
.premium-stop-card .stop-title-row{column-gap:12px!important;align-items:start!important}
.premium-stop-card .stop-title-copy{gap:1px!important;padding-top:0!important}
.premium-stop-card .stop-label{font-size:7px!important;line-height:1.15!important;letter-spacing:.15em!important;margin:0 0 1px!important}
.premium-stop-card h3{font-size:14px!important;line-height:1.18!important;margin:0!important;font-weight:800!important}
.premium-stop-card .stop-address{font-size:8px!important;line-height:1.35!important;margin:4px 0 0!important;gap:6px!important;color:#7A8E96!important}
.premium-stop-card .stop-address svg{width:12px!important;height:12px!important;flex-basis:12px!important}
.premium-stop-card .stop-badges{gap:5px!important;padding-top:0!important;align-self:start!important}
.premium-stop-card .stop-badges .badge{height:23px!important;min-height:23px!important;padding:0 8px!important;font-size:7px!important}
.premium-stop-card .stop-more{width:32px!important;height:32px!important;border-radius:10px!important;margin:0!important;align-self:start!important}
.premium-stop-card .stop-more svg{width:15px!important;height:15px!important}
.premium-stop-card .stop-links{gap:7px!important;margin-top:5px!important}
.premium-stop-card .stop-link-btn{height:32px!important;padding:0 11px!important;border-radius:9px!important;font-size:9px!important;gap:5px!important}
.premium-stop-card .stop-link-btn svg{width:12px!important;height:12px!important;flex-basis:12px!important}
.premium-stop-card .stop-note{font-size:9px!important;padding:7px 9px!important;border-radius:9px!important;margin-top:2px!important}

/* travel segment between cards */
.premium-travel-leg,.travel-leg.premium-travel-leg{min-height:56px!important;align-items:stretch!important}
.premium-travel-leg .travel-rail{width:36px!important;align-items:center!important}
.travel-leg-icon{width:30px!important;height:30px!important;border-radius:10px!important;box-shadow:0 0 0 4px #F4FCFB!important}
.travel-leg-icon svg{width:14px!important;height:14px!important}
.travel-leg-info{padding:6px 4px 6px 0!important;gap:10px!important}
.travel-leg-info>div{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:38px!important}
.travel-leg-info b{font-size:9px!important;line-height:1.2!important;font-weight:800!important}
.travel-leg-info small{font-size:7px!important;line-height:1.25!important;margin-top:2px!important;color:#80949A!important}
.travel-leg-info>a{height:30px!important;padding:0 9px!important;border-radius:9px!important;font-size:8px!important;font-weight:800!important;white-space:nowrap!important}
.travel-leg-info>a svg{width:12px!important;height:12px!important}

/* keep the rail optically centered and continuous */
.timeline-rail:before,.premium-travel-leg .travel-rail:before{border-left-color:#C8DADD!important}

@media(max-width:800px){
  .premium-stop-wrap,.stop-wrap.premium-stop-wrap,.premium-travel-leg,.travel-leg.premium-travel-leg{grid-template-columns:58px 30px minmax(0,1fr)!important;column-gap:7px!important}
  .premium-stop-wrap .stop-time{padding-top:16px!important;padding-right:4px!important}
  .premium-stop-wrap .premium-stop-card{grid-template-columns:38px minmax(0,1fr) 32px!important;padding:11px 12px!important;min-height:82px!important}
  .premium-stop-card .drag-handle{display:none!important}
  .premium-stop-card .premium-stop-icon{width:38px!important;height:38px!important}
  .premium-stop-card .stop-title-row{grid-template-columns:minmax(0,1fr) auto!important}
  .premium-stop-card .stop-badges{justify-content:flex-end!important;margin-top:0!important}
  .travel-leg-icon{width:27px!important;height:27px!important}
}
@media(max-width:560px){
  .premium-stop-wrap,.stop-wrap.premium-stop-wrap,.premium-travel-leg,.travel-leg.premium-travel-leg{grid-template-columns:48px 26px minmax(0,1fr)!important;column-gap:6px!important}
  .premium-stop-wrap .stop-time b{font-size:12px!important}
  .premium-stop-wrap .stop-time small{font-size:7px!important}
  .premium-stop-wrap .premium-stop-card{grid-template-columns:36px minmax(0,1fr) 30px!important;gap:8px!important}
  .premium-stop-card .premium-stop-icon{width:36px!important;height:36px!important;border-radius:12px!important}
  .premium-stop-card .stop-title-row{grid-template-columns:1fr!important}
  .premium-stop-card .stop-badges{justify-content:flex-start!important;margin-top:4px!important}
  .premium-stop-card .stop-links{gap:5px!important}
  .premium-stop-card .stop-link-btn{height:30px!important;padding:0 9px!important;font-size:8px!important}
  .travel-leg-info>a{display:none!important}
}


/* ========================= TRIPLOOM V14.14.2 · DAY SETTINGS COMPACT FINAL ========================= */
.day-settings-modal .day-v41-card{width:min(760px,calc(100vw - 32px))!important;padding:26px!important}
.day-v41-intro{margin:0 0 15px!important;font-size:12px!important;color:#6F858D!important;line-height:1.5!important}
.day-v41-stack{display:grid!important;gap:13px!important}
.day-v41-section{display:grid!important;gap:13px!important;padding:17px!important;border:1px solid #C6ECE8!important;border-radius:22px!important;background:#FFFFFF!important;box-shadow:0 8px 24px rgba(34,73,84,.035)!important}
.day-v41-section-soft{background:linear-gradient(180deg,#F4FCFB,#DDF7F4)!important;border-color:#D6EAE8!important}
.day-v41-section-copy{background:linear-gradient(180deg,#F4FCFB,#F4FCFB)!important}
.day-v41-head{display:flex!important;gap:11px!important;align-items:center!important}
.day-v41-head>span{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:14px!important;background:#E6F8F4!important;border:1px solid #CDEAE4!important;color:#249D98!important;font-size:12px!important;font-weight:800!important;line-height:1!important}
.day-v41-head b{display:block!important;font-size:15px!important;line-height:1.2!important;color:#253842!important}
.day-v41-head small{display:block!important;margin-top:2px!important;font-size:9px!important;line-height:1.4!important;color:#819499!important}
.day-settings-modal .day-v41-section .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.day-settings-modal .day-v41-section label:not(.day-v41-check){display:grid!important;gap:7px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:10px!important;font-weight:800!important;color:#44565E!important}
.day-settings-modal .day-v41-section input,.day-settings-modal .day-v41-section select,.day-settings-modal .day-v41-section textarea{margin:0!important}
.day-settings-modal .day-v41-section textarea{min-height:94px!important}
.day-v41-check{display:flex!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:10px 13px!important;border:1px solid #D9EAE8!important;border-radius:15px!important;background:#F4FCFB!important;cursor:pointer!important;position:relative!important}
.day-v41-box{position:relative!important;display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important}
.day-v41-box input{position:absolute!important;inset:0!important;width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;z-index:2!important}
.day-v41-box i{position:absolute!important;inset:0!important;display:block!important;border:1.5px solid #6FCBC2!important;border-radius:6px!important;background:#fff!important;box-shadow:0 2px 7px rgba(35,110,111,.08)!important;pointer-events:none!important}
.day-v41-box input:checked+i{background:linear-gradient(135deg,#69D7D0,#8EDFF0)!important;border-color:#69D7D0!important}
.day-v41-box input:checked+i:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.day-v41-check-copy{display:block!important;min-width:0!important}
.day-v41-check-copy b{display:block!important;font-size:11px!important;line-height:1.35!important;color:#2A4048!important}
.day-v41-save{min-height:49px!important;border-radius:15px!important;font-size:13px!important;font-weight:800!important}
.day-v41-clone{margin-top:13px!important}
body.theme-dark .day-v41-intro{color:#94AAB0!important}
body.theme-dark .day-v41-section{background:#10212A!important;border-color:#203741!important}
body.theme-dark .day-v41-section-soft{background:linear-gradient(180deg,#112B31,#0F242B)!important;border-color:#24474B!important}
body.theme-dark .day-v41-head>span{background:#143B39!important;border-color:#255451!important;color:#69D7D0!important}
body.theme-dark .day-v41-head b,body.theme-dark .day-v41-check-copy b{color:#EDF8FA!important}
body.theme-dark .day-v41-head small{color:#95ABB1!important}
body.theme-dark .day-v41-check{background:#10262E!important;border-color:#24454D!important}
body.theme-dark .day-v41-box i{background:#11232C!important;border-color:#249D98!important}
@media(max-width:760px){.day-settings-modal .day-v41-card{padding:20px 16px!important}.day-settings-modal .day-v41-section .form-grid.two{grid-template-columns:1fr!important}.day-v41-section{padding:14px!important}.day-v41-head>span{width:34px!important;height:34px!important;flex-basis:34px!important}.day-v41-intro{font-size:11px!important}}
/* ========================= TRIPLOOM V14.14.3 · DAY SETTINGS WOW MODAL ========================= */
.day-settings-modal .day-v41-card{width:min(780px,calc(100vw - 28px))!important;padding:18px!important;border-radius:34px!important;background:linear-gradient(180deg,rgba(248,252,252,.98),rgba(239,248,248,.98))!important;border:1px solid rgba(192,226,225,.95)!important;box-shadow:0 24px 70px rgba(20,92,104,.18)!important;backdrop-filter:blur(14px)!important;overflow:hidden!important}
.day-v41-hero{padding:18px 18px 14px!important;border-radius:26px!important;background:radial-gradient(circle at top right,rgba(123,212,234,.23),transparent 28%),linear-gradient(135deg,rgba(47,184,173,.10),rgba(80,185,226,.12))!important;border:1px solid rgba(198,231,231,.95)!important;margin-bottom:14px!important}
.day-v41-hero .eyebrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px 12px!important;border-radius:999px!important;background:#E8F8F4!important;border:1px solid #C7ECE5!important;color:#249D98!important;font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important}
.day-settings-modal .day-v41-card h2{margin:12px 0 8px!important;font-size:clamp(38px,5vw,56px)!important;line-height:1.02!important;letter-spacing:-.04em!important;color:#263A44!important}
.day-v41-intro{margin:0!important;max-width:640px!important;font-size:16px!important;line-height:1.7!important;color:#607882!important}
.day-v41-stack{display:grid!important;gap:14px!important}
.day-v41-section{display:grid!important;gap:14px!important;padding:16px!important;border-radius:28px!important;border:1px solid #D3E9E8!important;background:rgba(255,255,255,.83)!important;box-shadow:0 16px 38px rgba(31,94,94,.05)!important}
.day-v41-section-soft{background:linear-gradient(180deg,rgba(247,252,252,.98),rgba(240,248,247,.98))!important}
.day-v41-section-copy{background:linear-gradient(180deg,rgba(252,255,255,.95),rgba(246,251,251,.95))!important}
.day-v41-head{display:flex!important;align-items:flex-start!important;gap:12px!important}
.day-v41-head>span{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:16px!important;background:linear-gradient(180deg,#DDF7F4,#DDF7F4)!important;border:1px solid #BDE4DF!important;color:#249D98!important;font-size:18px!important;font-weight:800!important;box-shadow:0 8px 20px rgba(40,157,151,.09)!important}
.day-v41-head b{display:block!important;font-size:17px!important;line-height:1.15!important;color:#273B44!important}
.day-v41-head small{display:block!important;margin-top:5px!important;font-size:12px!important;line-height:1.45!important;color:#7A9095!important}
.day-settings-modal .day-v41-section .form-grid.two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.day-settings-modal .day-v41-section label:not(.day-v41-check){display:grid!important;gap:8px!important;font-size:12px!important;font-weight:800!important;color:#425861!important}
.day-settings-modal .day-v41-section input,.day-settings-modal .day-v41-section select,.day-settings-modal .day-v41-section textarea{width:100%!important;min-height:56px!important;padding:16px 18px!important;border-radius:18px!important;border:1px solid #C5E1E3!important;background:#FFFFFF!important;color:#2B3E47!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 6px 18px rgba(27,109,114,.04)!important;font-size:15px!important;font-weight:700!important}
.day-settings-modal .day-v41-section textarea{min-height:112px!important;resize:vertical!important}
.day-settings-modal .day-v41-section input::placeholder,.day-settings-modal .day-v41-section textarea::placeholder{color:#91A7AF!important;font-weight:700!important}
.day-settings-modal .day-v41-section input:focus,.day-settings-modal .day-v41-section select:focus,.day-settings-modal .day-v41-section textarea:focus{outline:none!important;border-color:#69D7D0!important;box-shadow:0 0 0 4px rgba(73,192,190,.10),0 10px 24px rgba(44,154,158,.10)!important}
.day-v41-check{display:grid!important;grid-template-columns:24px 1fr!important;align-items:start!important;gap:12px!important;padding:14px 16px!important;border-radius:18px!important;border:1px solid #D4E8E7!important;background:linear-gradient(180deg,#F4FCFB,#F4FCFB)!important;cursor:pointer!important}
.day-v41-box{position:relative!important;display:block!important;width:24px!important;height:24px!important;flex:0 0 24px!important;margin-top:2px!important}
.day-v41-box input{position:absolute!important;inset:0!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;z-index:2!important}
.day-v41-box i{position:absolute!important;inset:0!important;display:block!important;border:2px solid #67CFC5!important;border-radius:8px!important;background:#FFFFFF!important;box-shadow:0 4px 10px rgba(31,130,136,.08)!important;pointer-events:none!important}
.day-v41-box input:checked+i{background:linear-gradient(135deg,#69D7D0,#8EDFF0)!important;border-color:#69D7D0!important}
.day-v41-box input:checked+i:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.day-v41-check-copy{display:grid!important;gap:3px!important;align-self:center!important}
.day-v41-check-copy b{display:block!important;font-size:15px!important;line-height:1.35!important;color:#293C45!important}
.day-v41-check-copy small{display:block!important;font-size:12px!important;line-height:1.45!important;color:#7C9299!important}
.day-v41-save{min-height:58px!important;border-radius:19px!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.01em!important;box-shadow:0 18px 35px rgba(47,184,173,.24)!important;background:linear-gradient(135deg,#69D7D0,#8EDFF0)!important;border:0!important}
.day-v41-save:hover{transform:translateY(-1px)!important;box-shadow:0 20px 40px rgba(47,184,173,.28)!important}
.day-v41-clone{margin-top:0!important}
.day-v41-clone .btn-soft{min-height:52px!important;border-radius:18px!important;background:#fff!important;font-size:16px!important;font-weight:800!important;color:#249D98!important;border:1px solid #C8E7E4!important;box-shadow:0 8px 18px rgba(25,118,121,.05)!important}
.day-v41-clone .btn-soft:hover{background:#F5FCFB!important}
@media(max-width:760px){
  .day-settings-modal .day-v41-card{width:min(100vw - 18px,760px)!important;padding:14px!important;border-radius:28px!important}
  .day-v41-hero{padding:14px!important;border-radius:22px!important}
  .day-settings-modal .day-v41-card h2{font-size:clamp(30px,8vw,42px)!important}
  .day-v41-intro{font-size:14px!important;line-height:1.6!important}
  .day-settings-modal .day-v41-section .form-grid.two{grid-template-columns:1fr!important;gap:12px!important}
  .day-v41-head>span{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:16px!important}
  .day-v41-section{padding:14px!important;border-radius:24px!important}
  .day-settings-modal .day-v41-section input,.day-settings-modal .day-v41-section select,.day-settings-modal .day-v41-section textarea{min-height:54px!important;padding:14px 16px!important;font-size:14px!important}
  .day-v41-save{min-height:54px!important;font-size:16px!important}
}
body.theme-dark .day-settings-modal .day-v41-card{background:linear-gradient(180deg,rgba(12,29,35,.98),rgba(10,24,29,.98))!important;border-color:#1C4048!important;box-shadow:0 26px 78px rgba(0,0,0,.42)!important}
body.theme-dark .day-v41-hero{background:radial-gradient(circle at top right,rgba(85,186,226,.18),transparent 30%),linear-gradient(135deg,rgba(47,184,173,.18),rgba(80,185,226,.14))!important;border-color:#214851!important}
body.theme-dark .day-v41-hero .eyebrow{background:#13323A!important;border-color:#22505A!important;color:#87E3D9!important}
body.theme-dark .day-settings-modal .day-v41-card h2{color:#F3FBFC!important}
body.theme-dark .day-v41-intro{color:#A0B6BC!important}
body.theme-dark .day-v41-section{background:rgba(14,33,39,.92)!important;border-color:#24434A!important;box-shadow:none!important}
body.theme-dark .day-v41-section-soft{background:linear-gradient(180deg,rgba(15,38,43,.95),rgba(13,31,36,.98))!important}
body.theme-dark .day-v41-head>span{background:linear-gradient(180deg,#133B3A,#173C40)!important;border-color:#275855!important;color:#8BE4DA!important}
body.theme-dark .day-v41-head b,body.theme-dark .day-v41-check-copy b{color:#F4FCFB!important}
body.theme-dark .day-v41-head small,body.theme-dark .day-v41-check-copy small{color:#9CB2B7!important}
body.theme-dark .day-settings-modal .day-v41-section label:not(.day-v41-check){color:#C1D5DA!important}
body.theme-dark .day-settings-modal .day-v41-section input,body.theme-dark .day-settings-modal .day-v41-section select,body.theme-dark .day-settings-modal .day-v41-section textarea{background:#102630!important;border-color:#244952!important;color:#EAF5F7!important;box-shadow:none!important}
body.theme-dark .day-settings-modal .day-v41-section input::placeholder,body.theme-dark .day-settings-modal .day-v41-section textarea::placeholder{color:#7D949B!important}
body.theme-dark .day-v41-check{background:linear-gradient(180deg,#102831,#0F232B)!important;border-color:#234751!important}
body.theme-dark .day-v41-box i{background:#0E2028!important;border-color:#69D7D0!important}
body.theme-dark .day-v41-clone .btn-soft{background:#112A31!important;border-color:#214851!important;color:#8BE4DA!important}
/* ========================= TRIPLOOM V14.14.4 · DAY SETTINGS POLISH + SCROLL FIX ========================= */
.day-settings-modal .day-v41-card{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:#9FD7D3 transparent!important;
  padding:18px 18px 20px!important;
}
.day-settings-modal .day-v41-card::-webkit-scrollbar{width:9px;height:9px}
.day-settings-modal .day-v41-card::-webkit-scrollbar-thumb{background:#AFDBD8;border-radius:999px;border:2px solid transparent;background-clip:content-box}
.day-settings-modal .day-v41-card::-webkit-scrollbar-track{background:transparent}
.day-v41-hero{padding:18px 18px 16px!important;border-radius:28px!important}
.day-v41-hero .eyebrow{font-size:11px!important;letter-spacing:.12em!important;padding:7px 12px!important}
.day-settings-modal .day-v41-card h2{font-size:clamp(32px,4.6vw,46px)!important;line-height:1.06!important;letter-spacing:-.035em!important;font-weight:800!important;margin:12px 0 10px!important}
.day-v41-intro{font-size:15px!important;line-height:1.6!important;color:#637A83!important;max-width:620px!important}
.day-v41-stack{gap:16px!important}
.day-v41-section{padding:18px!important;border-radius:28px!important;gap:14px!important}
.day-v41-head{gap:12px!important;align-items:flex-start!important}
.day-v41-head>span{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:14px!important;font-size:16px!important}
.day-v41-head div{display:grid!important;gap:2px!important}
.day-v41-head b{font-size:16px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.02em!important}
.day-v41-head small{font-size:12px!important;line-height:1.45!important;color:#89A0A6!important}
.day-settings-modal .day-v41-section label:not(.day-v41-check){font-size:11px!important;line-height:1.4!important;font-weight:800!important;color:#50666E!important}
.day-settings-modal .day-v41-section input,
.day-settings-modal .day-v41-section select,
.day-settings-modal .day-v41-section textarea{min-height:54px!important;padding:14px 16px!important;font-size:14px!important;line-height:1.45!important;font-weight:700!important;border-radius:17px!important}
.day-settings-modal .day-v41-section textarea{min-height:102px!important}
.day-settings-modal .day-v41-section input::placeholder,
.day-settings-modal .day-v41-section textarea::placeholder{font-size:14px!important;font-weight:700!important;line-height:1.45!important}
.day-v41-check{grid-template-columns:22px 1fr!important;gap:12px!important;padding:12px 14px!important;border-radius:16px!important;align-items:center!important}
.day-v41-box{width:22px!important;height:22px!important;align-self:flex-start!important;margin-top:1px!important}
.day-v41-box input{width:22px!important;height:22px!important}
.day-v41-box i{border-radius:7px!important}
.day-v41-check-copy{gap:2px!important}
.day-v41-check-copy b{font-size:14px!important;line-height:1.35!important;font-weight:800!important;color:#2D4048!important}
.day-v41-check-copy small{font-size:12px!important;line-height:1.45!important;color:#8399A0!important}
.day-v41-save{min-height:56px!important;font-size:17px!important;border-radius:18px!important}
.day-v41-clone .btn-soft{min-height:50px!important;font-size:15px!important;border-radius:16px!important}
@media(max-width:760px){
  .day-settings-modal .day-v41-card{padding:14px 14px 18px!important;border-radius:26px!important}
  .day-v41-hero{padding:14px!important;border-radius:22px!important}
  .day-settings-modal .day-v41-card h2{font-size:clamp(28px,8vw,38px)!important}
  .day-v41-intro{font-size:14px!important}
  .day-v41-section{padding:14px!important;border-radius:22px!important}
  .day-v41-head b{font-size:15px!important}
  .day-v41-head small{font-size:11px!important}
  .day-settings-modal .day-v41-section input,
  .day-settings-modal .day-v41-section select,
  .day-settings-modal .day-v41-section textarea{min-height:50px!important;font-size:13px!important}
  .day-v41-check-copy b{font-size:13px!important}
  .day-v41-check-copy small{font-size:11px!important}
}
body.theme-dark .day-v41-intro{color:#A1B7BE!important}
body.theme-dark .day-v41-head small{color:#9CB3B9!important}
body.theme-dark .day-settings-modal .day-v41-section label:not(.day-v41-check){color:#BFD4D9!important}
body.theme-dark .day-v41-check-copy b{color:#F4FCFB!important}
body.theme-dark .day-v41-check-copy small{color:#97AFB6!important}

/* ========================= TRIPLOOM V14.14.5 · GLOBAL POPUP FRAME SYNC + STOP ADD POLISH ========================= */
:root{
  --tripframe-line:#D7EAEC;
  --tripframe-soft:#EFF9F8;
  --tripframe-soft-2:#F4FCFB;
  --tripframe-copy:#607882;
  --tripframe-title:#233840;
  --tripframe-accent:#69D7D0;
  --tripframe-accent-2:#8EDFF0;
}
.modal-card{
  font-family:"Nunito",sans-serif!important;
}
.modal-card,
.modal-card label,
.modal-card input,
.modal-card select,
.modal-card textarea,
.modal-card button,
.modal-card .btn{
  letter-spacing:0!important;
}
.modal-card label{font-size:12px!important;line-height:1.35!important;font-weight:800!important;color:#425760!important}
.modal-card input,
.modal-card select,
.modal-card textarea{font-size:14px!important;line-height:1.45!important;font-weight:700!important;color:#243640!important}
.modal-card input::placeholder,
.modal-card textarea::placeholder{font-size:14px!important;line-height:1.45!important;font-weight:700!important;color:#9AAEB5!important}
.modal-card .btn{font-size:14px!important;font-weight:800!important}
.modal-card .modal-close{display:grid!important;place-items:center!important;line-height:1!important;font-weight:800!important}

.tripframe-hero{
  position:relative!important;
  padding:18px 18px 16px!important;
  border-radius:28px!important;
  border:1px solid #D8ECEE!important;
  background:radial-gradient(circle at top right,rgba(92,184,225,.14),transparent 34%),linear-gradient(180deg,#F8FDFD,#DDF7F4)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.tripframe-hero .eyebrow{display:inline-flex!important;align-items:center!important;padding:7px 12px!important;border-radius:999px!important;background:#DDF7F4!important;color:#69D7D0!important;border:1px solid #CFEFEB!important;font-size:10px!important;font-weight:800!important;letter-spacing:.16em!important}
.tripframe-hero h2{margin:12px 0 8px!important;font-size:clamp(32px,4.8vw,44px)!important;line-height:1.06!important;letter-spacing:-.035em!important;font-weight:800!important;color:var(--tripframe-title)!important;padding-right:52px!important}
.tripframe-hero p{margin:0!important;max-width:640px!important;font-size:15px!important;line-height:1.62!important;color:var(--tripframe-copy)!important}

.tripframe-section{
  display:grid!important;
  gap:14px!important;
  padding:18px!important;
  border-radius:28px!important;
  border:1px solid var(--tripframe-line)!important;
  background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;
  box-shadow:0 10px 28px rgba(33,73,84,.04)!important;
}
.tripframe-section-soft{
  background:linear-gradient(180deg,#F4FCFB,#DDF7F4)!important;
  border-color:#D5E9E8!important;
}
.tripframe-section-head{
  display:flex!important;
  gap:12px!important;
  align-items:flex-start!important;
}
.tripframe-section-head>span{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:14px!important;
  background:#E7F8F4!important;
  border:1px solid #CCE9E3!important;
  color:#249D98!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1!important;
}
.tripframe-section-head div{display:grid!important;gap:2px!important}
.tripframe-section-head b{display:block!important;font-size:16px!important;line-height:1.2!important;font-weight:800!important;color:#263A43!important;letter-spacing:-.02em!important}
.tripframe-section-head small{display:block!important;font-size:12px!important;line-height:1.45!important;color:#88A0A6!important}

.stop-add-modal .stop-add-card{
  width:min(760px,calc(100vw - 28px))!important;
  max-height:min(92vh,980px)!important;
  padding:18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.stop-add-form{display:grid!important;gap:16px!important}
.stop-add-form>.tripframe-section,
.stop-add-form>.route-auto-note,
.stop-add-form>.stop-add-submit{margin:0!important}
.stop-add-form .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.stop-place-duration-grid{grid-template-columns:minmax(0,1fr) 170px!important;gap:14px!important}
.stop-add-form label,
.stop-map-field,
.stop-transport-block{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}
.stop-add-form input,
.stop-add-form select,
.stop-add-form textarea{
  min-height:54px!important;
  border-radius:17px!important;
  border:1px solid #CFE3E5!important;
  background:#FFFFFF!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.stop-add-form textarea{min-height:106px!important;padding-top:14px!important;resize:vertical!important}
.stop-map-field .map-input-wrap{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:54px!important;
  border:1px solid #CFE3E5!important;
  border-radius:17px!important;
  background:#fff!important;
  padding:0 10px 0 12px!important;
  width:100%!important;
  overflow:hidden!important;
}
.stop-map-field .map-input-wrap>svg{
  position:static!important;
  transform:none!important;
  width:18px!important;
  height:18px!important;
  stroke:#249D98!important;
  display:block!important;
  margin:auto!important;
}
.stop-map-field .map-input-wrap>input{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:50px!important;
  padding:0 8px!important;
}
.stop-map-field small,
.route-auto-note small,
.stop-transport-block small{font-size:12px!important;line-height:1.5!important;color:#81989F!important}
.route-auto-note{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:flex-start!important;
  padding:16px 18px!important;
  border-radius:22px!important;
  border:1px solid #CFE8E4!important;
  background:linear-gradient(180deg,#F5FCFB,#EEF8F8)!important;
  box-shadow:0 8px 22px rgba(47,184,173,.05)!important;
}
.route-auto-note>span{
  width:44px!important;height:44px!important;border-radius:14px!important;
  background:#E5F8F4!important;border:1px solid #CDEAE4!important;
  display:grid!important;place-items:center!important;color:#69D7D0!important
}
.route-auto-note>span svg{width:18px!important;height:18px!important}
.route-auto-note b{display:block!important;font-size:14px!important;line-height:1.25!important;font-weight:800!important;color:#2A4048!important;margin-bottom:2px!important}

.stop-transport-block{gap:12px!important}
.stop-transport-choice-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
.stop-transport-choice{
  position:relative!important;
  display:grid!important;
  grid-template-rows:44px auto!important;
  justify-items:center!important;
  align-content:start!important;
  gap:10px!important;
  min-height:126px!important;
  padding:14px 10px!important;
  border-radius:18px!important;
  border:1px solid #D6E8EA!important;
  background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;
  box-shadow:0 8px 18px rgba(28,91,96,.04)!important;
}
.stop-transport-choice input{position:absolute!important;inset:0!important;opacity:0!important;cursor:pointer!important;width:100%!important;height:100%!important}
.stop-transport-choice span{
  width:44px!important;height:44px!important;border-radius:14px!important;background:#EEF7F6!important;border:1px solid #E0EFED!important;
  display:grid!important;place-items:center!important;color:#6A8790!important;position:relative!important;
}
.stop-transport-choice span svg{width:18px!important;height:18px!important}
.stop-transport-choice b{font-size:13px!important;line-height:1.3!important;font-weight:800!important;color:#2A4048!important;text-align:center!important}
.stop-transport-choice input:checked+span{background:linear-gradient(135deg,#69D7D0,#8EDFF0)!important;border-color:#69D7D0!important;color:#fff!important;box-shadow:0 12px 26px rgba(47,184,173,.22)!important}
.stop-transport-choice input:checked+span::after{
  content:'✓';position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:50%;
  display:grid;place-items:center;background:#69D7D0;color:#fff;font-size:12px;font-weight:800;border:2px solid #fff;
}
.stop-transport-choice input:checked+span+b,
.stop-transport-choice:has(input:checked) b{color:#249D98!important}
.stop-transport-other{margin-top:2px!important}
.stop-add-submit{
  min-height:58px!important;
  border-radius:19px!important;
  font-size:17px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  box-shadow:0 18px 35px rgba(47,184,173,.24)!important;
  background:linear-gradient(135deg,#69D7D0,#8EDFF0)!important;
  border:0!important;
}
.stop-add-submit:hover{transform:translateY(-1px)!important;box-shadow:0 20px 40px rgba(47,184,173,.28)!important}

/* align common popup blocks to one frame language */
.modal-card .form-stack>label,
.modal-card .form-stack>.form-grid,
.modal-card .form-stack>.upload-box,
.modal-card .form-stack>.v5-day-profile,
.modal-card .form-stack>.notice,
.modal-card .form-stack>.check-line,
.modal-card .form-stack>.switch-row,
.modal-card .form-stack>.task-v27-phase,
.modal-card .form-stack>.task-v27-reminder-box{
  border-radius:24px!important;
  padding:16px!important;
}
.trip-smart-modal .modal-card>.eyebrow,
#collection-add .modal-card>.eyebrow,
#province-modal .modal-card>.eyebrow,
#quick-import .modal-card>.eyebrow{
  padding:8px 12px!important;
}

@media(max-width:900px){
  .tripframe-hero{padding:16px!important;border-radius:24px!important}
  .tripframe-hero h2{font-size:clamp(28px,8vw,38px)!important;padding-right:44px!important}
  .tripframe-hero p{font-size:14px!important}
  .tripframe-section{padding:16px!important;border-radius:24px!important}
  .stop-add-modal .stop-add-card{padding:14px!important}
  .stop-transport-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .stop-add-form .form-grid.two,
  .stop-place-duration-grid,
  .stop-route-metrics{grid-template-columns:1fr!important}
  .stop-transport-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .tripframe-section-head b{font-size:15px!important}
  .tripframe-section-head small{font-size:11px!important}
}
@media(max-width:560px){
  .tripframe-hero{padding:14px!important;border-radius:22px!important}
  .tripframe-hero .eyebrow{font-size:9px!important;padding:7px 10px!important}
  .tripframe-hero h2{font-size:clamp(24px,9vw,32px)!important}
  .tripframe-hero p{font-size:13px!important;line-height:1.55!important}
  .tripframe-section{padding:14px!important;border-radius:22px!important;gap:12px!important}
  .tripframe-section-head>span{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:15px!important}
  .stop-add-form input,.stop-add-form select,.stop-add-form textarea{min-height:50px!important;font-size:13px!important;border-radius:15px!important}
  .stop-add-form textarea{min-height:96px!important}
  .stop-transport-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .stop-transport-choice{min-height:116px!important;padding:12px 8px!important;border-radius:16px!important}
  .stop-transport-choice span{width:40px!important;height:40px!important;border-radius:13px!important}
  .stop-transport-choice b{font-size:12px!important}
  .route-auto-note{grid-template-columns:40px minmax(0,1fr)!important;padding:14px!important;border-radius:18px!important}
  .route-auto-note>span{width:40px!important;height:40px!important;border-radius:13px!important}
  .stop-add-submit{min-height:54px!important;font-size:15px!important;border-radius:17px!important}
}
body.theme-dark .tripframe-hero{background:radial-gradient(circle at top right,rgba(85,186,226,.18),transparent 32%),linear-gradient(180deg,#112A33,#10242C)!important;border-color:#214851!important}
body.theme-dark .tripframe-hero .eyebrow{background:#13323A!important;border-color:#22505A!important;color:#87E3D9!important}
body.theme-dark .tripframe-hero h2{color:#F2FBFC!important}
body.theme-dark .tripframe-hero p{color:#A1B7BE!important}
body.theme-dark .tripframe-section{background:linear-gradient(180deg,#10212A,#0E1D26)!important;border-color:#203741!important;box-shadow:0 10px 30px rgba(0,0,0,.16)!important}
body.theme-dark .tripframe-section-soft{background:linear-gradient(180deg,#112B31,#0F242B)!important;border-color:#24474B!important}
body.theme-dark .tripframe-section-head>span{background:#133B3A!important;border-color:#275855!important;color:#8BE4DA!important}
body.theme-dark .tripframe-section-head b{color:#F4FCFB!important}
body.theme-dark .tripframe-section-head small,
body.theme-dark .route-auto-note small,
body.theme-dark .stop-map-field small{color:#98B1B8!important}
body.theme-dark .stop-add-form input,
body.theme-dark .stop-add-form select,
body.theme-dark .stop-add-form textarea,
body.theme-dark .stop-map-field .map-input-wrap{background:#12232C!important;border-color:#29414A!important;color:#DDF7F4!important}
body.theme-dark .stop-map-field .map-input-wrap>input{background:transparent!important}
body.theme-dark .route-auto-note{background:linear-gradient(180deg,#12302F,#10262B)!important;border-color:#25504C!important}
body.theme-dark .route-auto-note>span{background:#153B39!important;border-color:#275854!important;color:#8DE3DA!important}
body.theme-dark .route-auto-note b{color:#F4FCFB!important}
body.theme-dark .stop-transport-choice{background:linear-gradient(180deg,#11232C,#0F1F27)!important;border-color:#27414A!important}
body.theme-dark .stop-transport-choice span{background:#163039!important;border-color:#2A4B55!important;color:#A5C3CC!important}
body.theme-dark .stop-transport-choice b{color:#EAF5F7!important}

/* ========================= TRIPLOOM V14.14.5 · ITINERARY DESIGN SYSTEM SYNC ========================= */
:root{
  --it-text:#243840;
  --it-muted:#768C94;
  --it-line:#D8E9EB;
  --it-surface:#FFFFFF;
  --it-soft:#F4FCFB;
  --it-mint:#DDF7F4;
  --it-accent:#69D7D0;
  --it-sky:#8EDFF0;
  --it-shadow:0 14px 36px rgba(30,84,96,.07);
}

/* Typography rhythm for itinerary */
.premium-itinerary-layout,
.premium-day-strip,
.premium-day-heading,
.premium-smart-day,
.premium-day-summary,
.premium-stop-card,
.premium-travel-leg{
  font-family:"Nunito",sans-serif!important;
  color:var(--it-text)!important;
}
.premium-itinerary-layout h2,
.premium-itinerary-layout h3,
.premium-itinerary-layout b,
.premium-day-heading h2,
.premium-day-summary h3{letter-spacing:-.02em!important}
.premium-itinerary-layout .eyebrow,
.premium-day-heading .eyebrow,
.premium-day-summary .eyebrow{font-size:9px!important;line-height:1.2!important;letter-spacing:.14em!important;font-weight:800!important;color:#249D98!important}

/* Day selector */
.premium-day-strip{gap:10px!important;padding:8px 0 18px!important}
.premium-day-strip a{
  width:76px!important;height:82px!important;border-radius:20px!important;
  border:1px solid var(--it-line)!important;background:linear-gradient(180deg,#fff,#F4FCFB)!important;
  box-shadow:0 8px 20px rgba(39,89,101,.04)!important;
}
.premium-day-strip a small{font-size:8px!important;font-weight:800!important;letter-spacing:.12em!important;color:#7D9198!important}
.premium-day-strip a b{font-size:22px!important;font-weight:800!important;color:#263A43!important}
.premium-day-strip a span{font-size:9px!important;color:#81969D!important}
.premium-day-strip a em{font-size:7px!important;color:#93A4AA!important;font-style:normal!important;margin-top:3px!important}
.premium-day-strip a.active{
  background:linear-gradient(135deg,var(--it-accent),var(--it-sky))!important;
  border-color:transparent!important;box-shadow:0 14px 28px rgba(49,183,173,.22)!important
}
.premium-day-strip a.active small,.premium-day-strip a.active b,.premium-day-strip a.active span,.premium-day-strip a.active em{color:#fff!important}

/* Page heading */
.premium-day-heading{align-items:flex-end!important;margin:10px 0 18px!important;gap:18px!important}
.premium-day-heading h2{font-size:30px!important;line-height:1.08!important;font-weight:800!important;margin:5px 0 2px!important;color:var(--it-text)!important}
.premium-day-heading p{font-size:12px!important;line-height:1.55!important;color:var(--it-muted)!important;margin:5px 0 0!important;max-width:680px!important}
.day-heading-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
.day-heading-actions .btn{min-height:44px!important;padding:0 15px!important;border-radius:14px!important;font-size:11px!important;font-weight:800!important;gap:7px!important}
.day-heading-actions .btn svg{width:15px!important;height:15px!important}
.day-heading-actions .btn-soft{background:#fff!important;border:1px solid #D7E9EA!important;color:#249D98!important;box-shadow:0 8px 18px rgba(31,99,106,.04)!important}
.day-heading-actions .btn-primary{background:linear-gradient(135deg,var(--it-accent),var(--it-sky))!important;border:0!important;color:#fff!important;box-shadow:0 12px 26px rgba(49,183,173,.20)!important}

/* Smart day */
.premium-smart-day{
  border-radius:24px!important;border:1px solid #D8EAE9!important;
  background:linear-gradient(180deg,#F4FCFB,#F0FAF8)!important;
  padding:18px!important;box-shadow:var(--it-shadow)!important;gap:16px!important;margin-bottom:20px!important
}
.premium-smart-day .smart-score{width:64px!important;height:64px!important;border-radius:20px!important;background:#fff!important;border:1px solid #D9ECEA!important;box-shadow:0 10px 24px rgba(31,115,117,.07)!important}
.premium-smart-day .smart-score span{font-size:25px!important;font-weight:800!important;color:#249D98!important}
.premium-smart-day .smart-score small{font-size:7px!important;font-weight:800!important;color:#83969B!important}
.premium-smart-day .smart-copy h3{font-size:17px!important;line-height:1.25!important;margin:2px 0 0!important;font-weight:800!important}
.premium-smart-day .smart-copy p{font-size:10px!important;line-height:1.5!important;color:#768D94!important;margin:6px 0 0!important}
.premium-smart-day .smart-score-label{font-size:13px!important;color:#249D98!important}
.premium-smart-day .smart-progress{height:7px!important;border-radius:999px!important;background:#DFECEC!important;overflow:hidden!important}
.premium-smart-day .smart-progress i{display:block!important;height:100%!important;background:linear-gradient(90deg,var(--it-accent),var(--it-sky))!important;border-radius:999px!important}
.premium-smart-day .smart-open{min-height:42px!important;padding:0 13px!important;border-radius:14px!important;background:#fff!important;border:1px solid #D7E9EA!important;color:#249D98!important;font-size:10px!important;font-weight:800!important}

/* Itinerary grid and sidebar */
.premium-itinerary-layout{grid-template-columns:minmax(0,1fr) 290px!important;gap:22px!important}
.premium-day-summary .sticky-card{border-radius:24px!important;border:1px solid var(--it-line)!important;background:linear-gradient(180deg,#fff,#F4FCFB)!important;box-shadow:var(--it-shadow)!important;padding:18px!important}
.premium-day-summary .summary-head h3{font-size:17px!important;line-height:1.25!important;font-weight:800!important;margin:4px 0!important}
.premium-day-summary .summary-score{font-size:24px!important;font-weight:800!important;color:#249D98!important}
.premium-day-summary .summary-score small{font-size:8px!important;color:#87999F!important}
.premium-day-summary .summary-progress span,.premium-day-summary .summary-progress b{font-size:9px!important}
.premium-day-summary .summary-metric-grid{gap:8px!important}
.premium-day-summary .summary-metric-grid>div{border-radius:16px!important;border:1px solid #C6ECE8!important;background:#F4FCFB!important;padding:12px!important}
.premium-day-summary .summary-metric-grid span{font-size:8px!important;color:#80939A!important}
.premium-day-summary .summary-metric-grid b{font-size:12px!important;color:#2A3D45!important}

/* Timeline spacing */
.timeline{gap:0!important}
.premium-stop-wrap{grid-template-columns:78px 24px minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}
.premium-stop-wrap .stop-time{padding-top:16px!important;text-align:right!important}
.premium-stop-wrap .stop-time b{font-size:13px!important;line-height:1.2!important;font-weight:800!important;color:#30434B!important}
.premium-stop-wrap .stop-time small{font-size:8px!important;line-height:1.3!important;color:#87999F!important;margin-top:2px!important}
.premium-stop-wrap .stop-rail{position:relative!important;min-height:100%!important}
.premium-stop-wrap .stop-rail:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #C5D9DB;transform:translateX(-50%)}
.premium-stop-wrap .stop-rail .timeline-dot{position:absolute!important;top:18px!important;left:50%!important;transform:translateX(-50%)!important;width:12px!important;height:12px!important;border-radius:50%!important;background:#fff!important;border:2px solid #69D7D0!important;z-index:2!important}

.premium-stop-wrap .premium-stop-card{
  grid-template-columns:18px 44px minmax(0,1fr) 34px!important;
  gap:11px!important;align-items:center!important;
  min-height:86px!important;padding:14px 14px!important;
  border-radius:20px!important;border:1px solid #D9E9EB!important;
  background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;
  box-shadow:0 10px 26px rgba(34,83,96,.05)!important;
}
.premium-stop-card .drag-handle{align-self:center!important;display:grid!important;place-items:center!important;min-height:40px!important;color:#A6B6BB!important;margin:0!important;padding:0!important}
.premium-stop-card .drag-handle svg{width:14px!important;height:14px!important}
.premium-stop-card .premium-stop-icon{width:44px!important;height:44px!important;border-radius:14px!important;align-self:center!important;background:#ECF8F6!important;border:1px solid #D9ECE8!important;color:#249D98!important}
.premium-stop-card .premium-stop-icon svg{width:18px!important;height:18px!important}
.premium-stop-card .stop-content{gap:5px!important;align-self:center!important}
.premium-stop-card .stop-title-row{align-items:center!important;column-gap:12px!important}
.premium-stop-card .stop-title-copy{gap:1px!important}
.premium-stop-card .stop-label{font-size:7px!important;line-height:1.15!important;letter-spacing:.14em!important;font-weight:800!important;color:#81939A!important}
.premium-stop-card h3{font-size:14px!important;line-height:1.22!important;font-weight:800!important;margin:0!important;color:#263A43!important}
.premium-stop-card .stop-address{font-size:8px!important;line-height:1.35!important;color:#7D9198!important;margin:4px 0 0!important;gap:6px!important}
.premium-stop-card .stop-address svg{width:12px!important;height:12px!important;flex-basis:12px!important}
.premium-stop-card .stop-badges{gap:6px!important;align-items:center!important;justify-content:flex-end!important;align-self:center!important}
.premium-stop-card .stop-badges .badge{height:24px!important;min-height:24px!important;padding:0 9px!important;font-size:7px!important;font-weight:800!important;line-height:1!important}
.premium-stop-card .stop-more{width:32px!important;height:32px!important;border-radius:10px!important;margin:0!important;align-self:center!important;background:#F4F8F8!important;border:1px solid #E0EBED!important;color:#768990!important;display:grid!important;place-items:center!important}
.premium-stop-card .stop-more svg{width:14px!important;height:14px!important}
.premium-stop-card .stop-links{gap:7px!important;margin-top:5px!important;align-items:center!important}
.premium-stop-card .stop-link-btn{height:32px!important;padding:0 11px!important;border-radius:10px!important;font-size:9px!important;font-weight:800!important;gap:5px!important;background:#F4FCFB!important;border:1px solid #DFECEE!important;color:#249D98!important}
.premium-stop-card .stop-link-btn svg{width:12px!important;height:12px!important}

/* Travel leg alignment */
.premium-travel-leg{display:grid!important;grid-template-columns:78px 24px minmax(0,1fr)!important;gap:10px!important;min-height:58px!important;align-items:center!important}
.premium-travel-leg .travel-leg-time{min-height:1px!important}
.premium-travel-leg .travel-rail{position:relative!important;display:grid!important;place-items:center!important;height:100%!important}
.premium-travel-leg .travel-rail:before{content:"";position:absolute;left:50%;top:-8px;bottom:-8px;border-left:1px dashed #C5D9DB;transform:translateX(-50%)}
.premium-travel-leg .travel-leg-icon{position:relative!important;z-index:2!important;width:32px!important;height:32px!important;border-radius:11px!important;background:#DDF7F4!important;border:1px solid #DDECE9!important;color:#249D98!important;display:grid!important;place-items:center!important}
.premium-travel-leg .travel-leg-icon svg{width:14px!important;height:14px!important}
.premium-travel-leg .travel-leg-info{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:42px!important}
.premium-travel-leg .travel-leg-info b{font-size:10px!important;line-height:1.3!important;font-weight:800!important;color:#32454D!important}
.premium-travel-leg .travel-leg-info small{font-size:8px!important;line-height:1.35!important;color:#81959C!important;margin-top:2px!important}
.premium-travel-leg .travel-leg-info a{height:30px!important;padding:0 10px!important;border-radius:10px!important;border:1px solid #C6ECE8!important;background:#fff!important;display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:8px!important;font-weight:800!important;color:#249D98!important;white-space:nowrap!important}
.premium-travel-leg .travel-leg-info a svg{width:12px!important;height:12px!important}

/* Common itinerary controls */
.premium-itinerary-layout input,
.premium-itinerary-layout select,
.premium-itinerary-layout textarea{
  min-height:50px!important;border-radius:15px!important;border:1px solid #CFE3E5!important;background:#fff!important;color:#263A43!important;font-size:13px!important;font-weight:700!important;padding:12px 14px!important
}
.premium-itinerary-layout input:focus,
.premium-itinerary-layout select:focus,
.premium-itinerary-layout textarea:focus{outline:none!important;border-color:#69D7D0!important;box-shadow:0 0 0 4px rgba(49,183,173,.09)!important}
.premium-itinerary-layout .btn{min-height:42px!important;border-radius:13px!important;font-size:10px!important;font-weight:800!important}

/* Generic modal frame sync: same visual language as day settings */
.modal:not(.day-settings-modal) .modal-card{
  border-radius:30px!important;
  border:1px solid #D6EAEB!important;
  background:linear-gradient(180deg,rgba(250,253,253,.98),rgba(243,250,250,.98))!important;
  box-shadow:0 28px 80px rgba(21,78,92,.20)!important;
  padding:20px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.modal:not(.day-settings-modal) .modal-card>.eyebrow{
  display:inline-flex!important;align-items:center!important;padding:7px 12px!important;border-radius:999px!important;background:#EAF9F6!important;border:1px solid #CDEBE5!important;color:#249D98!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important
}
.modal:not(.day-settings-modal) .modal-card>h2{font-size:clamp(28px,4.6vw,40px)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:800!important;color:#253A43!important;margin:12px 0 8px!important}
.modal:not(.day-settings-modal) .modal-card>p.muted{font-size:13px!important;line-height:1.6!important;color:#728991!important;margin-bottom:14px!important}
.modal:not(.day-settings-modal) .modal-card .form-stack{gap:14px!important}
.modal:not(.day-settings-modal) .modal-card .form-stack>label,
.modal:not(.day-settings-modal) .modal-card .form-stack>.form-grid,
.modal:not(.day-settings-modal) .modal-card .form-stack>.notice,
.modal:not(.day-settings-modal) .modal-card .form-stack>.upload-box{
  border-radius:22px!important;border:1px solid #C6ECE8!important;background:linear-gradient(180deg,#fff,#F4FCFB)!important;padding:15px!important;box-shadow:0 8px 22px rgba(32,82,94,.04)!important
}
.modal:not(.day-settings-modal) .modal-card input,
.modal:not(.day-settings-modal) .modal-card select,
.modal:not(.day-settings-modal) .modal-card textarea{min-height:50px!important;border-radius:15px!important;border:1px solid #CFE3E5!important;background:#fff!important;font-size:13px!important;font-weight:700!important;padding:12px 14px!important;color:#263A43!important}
.modal:not(.day-settings-modal) .modal-card textarea{min-height:96px!important}
.modal:not(.day-settings-modal) .modal-card .btn{min-height:48px!important;border-radius:15px!important;font-size:13px!important;font-weight:800!important}

@media(max-width:1100px){
  .premium-itinerary-layout{grid-template-columns:1fr!important}
  .premium-day-summary .sticky-card{position:static!important}
}
@media(max-width:800px){
  .premium-day-heading{align-items:flex-start!important;flex-direction:column!important}
  .day-heading-actions{width:100%!important}
  .day-heading-actions .btn{flex:1 1 auto!important}
  .premium-stop-wrap{grid-template-columns:58px 20px minmax(0,1fr)!important;gap:8px!important}
  .premium-travel-leg{grid-template-columns:58px 20px minmax(0,1fr)!important;gap:8px!important}
  .premium-stop-wrap .premium-stop-card{grid-template-columns:40px minmax(0,1fr) 32px!important;padding:12px!important;gap:9px!important}
  .premium-stop-card .drag-handle{display:none!important}
  .premium-stop-card .premium-stop-icon{width:40px!important;height:40px!important}
}
@media(max-width:560px){
  .premium-day-strip a{width:68px!important;height:76px!important;border-radius:18px!important}
  .premium-day-heading h2{font-size:25px!important}
  .premium-smart-day{padding:14px!important;border-radius:20px!important}
  .premium-stop-wrap{grid-template-columns:48px 18px minmax(0,1fr)!important;gap:7px!important}
  .premium-travel-leg{grid-template-columns:48px 18px minmax(0,1fr)!important;gap:7px!important}
  .premium-stop-wrap .stop-time b{font-size:11px!important}
  .premium-stop-wrap .premium-stop-card{grid-template-columns:36px minmax(0,1fr) 30px!important;gap:8px!important;padding:10px!important;border-radius:17px!important}
  .premium-stop-card .premium-stop-icon{width:36px!important;height:36px!important;border-radius:12px!important}
  .premium-stop-card .stop-title-row{grid-template-columns:1fr!important;gap:4px!important}
  .premium-stop-card .stop-badges{justify-content:flex-start!important;margin-top:3px!important}
  .premium-stop-card .stop-links{gap:5px!important}
  .premium-stop-card .stop-link-btn{height:30px!important;padding:0 9px!important;font-size:8px!important}
  .premium-travel-leg .travel-leg-info{padding:7px 9px!important}
}

body.theme-dark .premium-day-strip a,
body.theme-dark .premium-stop-wrap .premium-stop-card,
body.theme-dark .premium-day-summary .sticky-card,
body.theme-dark .premium-travel-leg .travel-leg-info{background:#10232B!important;border-color:#24434B!important;color:#EAF5F7!important;box-shadow:none!important}
body.theme-dark .premium-day-heading h2,
body.theme-dark .premium-stop-card h3,
body.theme-dark .premium-smart-day .smart-copy h3,
body.theme-dark .premium-day-summary .summary-head h3{color:#F4FCFB!important}
body.theme-dark .premium-stop-card .stop-address,
body.theme-dark .premium-smart-day .smart-copy p,
body.theme-dark .premium-day-heading p{color:#96ADB4!important}
body.theme-dark .premium-smart-day{background:linear-gradient(180deg,#112B31,#0F242B)!important;border-color:#24474B!important;box-shadow:none!important}
body.theme-dark .modal:not(.day-settings-modal) .modal-card{background:linear-gradient(180deg,#10252D,#0E2027)!important;border-color:#24444D!important;box-shadow:0 28px 80px rgba(0,0,0,.40)!important}
body.theme-dark .modal:not(.day-settings-modal) .modal-card>h2{color:#F4FCFB!important}
body.theme-dark .modal:not(.day-settings-modal) .modal-card>p.muted{color:#9BB2B8!important}
body.theme-dark .modal:not(.day-settings-modal) .modal-card .form-stack>label,
body.theme-dark .modal:not(.day-settings-modal) .modal-card .form-stack>.form-grid,
body.theme-dark .modal:not(.day-settings-modal) .modal-card .form-stack>.notice,
body.theme-dark .modal:not(.day-settings-modal) .modal-card .form-stack>.upload-box{background:#10232B!important;border-color:#24444D!important;box-shadow:none!important}
body.theme-dark .modal:not(.day-settings-modal) .modal-card input,
body.theme-dark .modal:not(.day-settings-modal) .modal-card select,
body.theme-dark .modal:not(.day-settings-modal) .modal-card textarea{background:#122932!important;border-color:#2A4A53!important;color:#EAF5F7!important}

/* ========================= TRIPLOOM V14.14.6 · TIMELINE EQUAL RHYTHM FINAL FIX ========================= */
/* One vertical rhythm for every itinerary row. Simple cards are centered;
   rich place cards use the same outer height without leaving dead space at one side. */
.timeline{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
.premium-stop-wrap,
.stop-wrap.premium-stop-wrap{
  display:grid!important;
  grid-template-columns:78px 24px minmax(0,1fr)!important;
  column-gap:10px!important;
  align-items:stretch!important;
  min-height:108px!important;
  margin:0!important;
}
.premium-stop-wrap .stop-time{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  align-self:stretch!important;
  padding:0!important;
  min-height:108px!important;
}
.premium-stop-wrap .stop-time b{
  margin:0!important;
  line-height:1.15!important;
}
.premium-stop-wrap .stop-time small{
  margin:4px 0 0!important;
  line-height:1.2!important;
  min-height:10px!important;
}
.premium-stop-wrap .stop-rail{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:108px!important;
  height:100%!important;
}
.premium-stop-wrap .stop-rail .timeline-dot{
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}

.premium-stop-wrap .premium-stop-card,
.stop-wrap.premium-stop-wrap .premium-stop-card{
  min-height:108px!important;
  height:auto!important;
  align-self:stretch!important;
  display:grid!important;
  grid-template-columns:18px 44px minmax(0,1fr) 34px!important;
  column-gap:11px!important;
  row-gap:0!important;
  align-items:center!important;
  padding:14px!important;
  box-sizing:border-box!important;
}
.premium-stop-card .drag-handle,
.premium-stop-card .premium-stop-icon,
.premium-stop-card .stop-more{
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
.premium-stop-card .stop-content{
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  justify-content:stretch!important;
  align-self:stretch!important;
  width:100%!important;
  min-height:80px!important;
  gap:5px!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.premium-stop-card .stop-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  width:100%!important;
  min-height:32px!important;
  column-gap:12px!important;
  margin:0!important;
}
.premium-stop-card .stop-title-copy{
  display:grid!important;
  align-content:center!important;
  gap:1px!important;
  min-width:0!important;
  margin:0!important;
}
.premium-stop-card .stop-label,
.premium-stop-card h3,
.premium-stop-card .stop-address,
.premium-stop-card .stop-note,
.premium-stop-card .stop-links{
  margin-left:0!important;
  margin-right:0!important;
}
.premium-stop-card .stop-address{
  min-height:14px!important;
  margin-top:2px!important;
}
.premium-stop-card .stop-note{
  margin-top:0!important;
}
.premium-stop-card .stop-links{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  min-height:32px!important;
  gap:7px!important;
  margin-top:1px!important;
}
/* When there are no action links, do not reserve a blank action row. */
.premium-stop-card .stop-links:empty{
  display:none!important;
  min-height:0!important;
  margin:0!important;
}
/* Title-only stop: center the whole text block vertically inside the same card height. */
.premium-stop-card .stop-title-row:only-child,
.premium-stop-card .stop-content:has(.stop-title-row:last-child){
  align-self:center!important;
}
.premium-stop-card .stop-content:not(:has(.stop-address)):not(:has(.stop-note)):not(:has(.stop-links:not(:empty))){
  grid-template-rows:auto!important;
  align-content:center!important;
  min-height:80px!important;
}
.premium-stop-card .stop-content:not(:has(.stop-address)):not(:has(.stop-note)):not(:has(.stop-links:not(:empty))) .stop-title-row{
  min-height:44px!important;
  align-items:center!important;
}
.premium-stop-card .stop-badges{
  align-self:center!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  min-height:24px!important;
}
.premium-stop-card .stop-badges .badge{
  flex:0 0 auto!important;
}
.premium-stop-card .stop-more{
  width:32px!important;
  height:32px!important;
}

/* Travel segments use one stable height and center content vertically. */
.premium-travel-leg,
.travel-leg.premium-travel-leg{
  display:grid!important;
  grid-template-columns:78px 24px minmax(0,1fr)!important;
  column-gap:10px!important;
  align-items:stretch!important;
  min-height:60px!important;
  height:60px!important;
  margin:0!important;
}
.premium-travel-leg .travel-leg-time{
  height:60px!important;
  min-height:60px!important;
}
.premium-travel-leg .travel-rail{
  height:60px!important;
  min-height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.premium-travel-leg .travel-leg-info{
  min-height:44px!important;
  height:44px!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
}
.premium-travel-leg .travel-leg-info>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
}
.premium-travel-leg .travel-leg-info b,
.premium-travel-leg .travel-leg-info small{
  margin:0!important;
}
.premium-travel-leg .travel-leg-info a{
  flex:0 0 auto!important;
  align-self:center!important;
}

/* Avoid accidental oversized whitespace from inherited margins/paddings. */
.premium-stop-card p,
.premium-stop-card h3,
.premium-stop-card .stop-label,
.premium-travel-leg p{
  margin-top:0!important;
  margin-bottom:0!important;
}

@media(max-width:900px){
  .premium-stop-wrap,.stop-wrap.premium-stop-wrap{
    grid-template-columns:58px 20px minmax(0,1fr)!important;
    column-gap:8px!important;
    min-height:104px!important;
  }
  .premium-stop-wrap .stop-time,
  .premium-stop-wrap .stop-rail{min-height:104px!important}
  .premium-stop-wrap .premium-stop-card,
  .stop-wrap.premium-stop-wrap .premium-stop-card{min-height:104px!important}
  .premium-travel-leg,.travel-leg.premium-travel-leg{
    grid-template-columns:58px 20px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
}
@media(max-width:600px){
  .premium-stop-wrap,.stop-wrap.premium-stop-wrap{
    grid-template-columns:48px 18px minmax(0,1fr)!important;
    column-gap:7px!important;
    min-height:100px!important;
  }
  .premium-stop-wrap .stop-time,
  .premium-stop-wrap .stop-rail{min-height:100px!important}
  .premium-stop-wrap .premium-stop-card,
  .stop-wrap.premium-stop-wrap .premium-stop-card{
    min-height:100px!important;
    grid-template-columns:36px minmax(0,1fr) 30px!important;
    column-gap:8px!important;
    padding:10px!important;
  }
  .premium-stop-card .drag-handle{display:none!important}
  .premium-stop-card .stop-content{min-height:78px!important}
  .premium-stop-card .stop-title-row{grid-template-columns:1fr!important;row-gap:4px!important}
  .premium-stop-card .stop-badges{justify-self:start!important;justify-content:flex-start!important}
  .premium-travel-leg,.travel-leg.premium-travel-leg{
    grid-template-columns:48px 18px minmax(0,1fr)!important;
    column-gap:7px!important;
    height:58px!important;min-height:58px!important;
  }
  .premium-travel-leg .travel-leg-time,
  .premium-travel-leg .travel-rail{height:58px!important;min-height:58px!important}
}

/* ===== TRIPLOOM V14.14.7 · itinerary leg unboxed + font sync ===== */
.premium-travel-leg{min-height:50px!important;margin:2px 0 8px!important}
.premium-travel-leg .travel-leg-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
.premium-travel-leg .travel-leg-info b,
.premium-travel-leg .travel-leg-info small{font-family:"Nunito",sans-serif!important}
.premium-travel-leg .travel-leg-info a{flex:0 0 auto!important}
.premium-travel-leg .travel-leg-info small{margin-top:1px!important}
@media(max-width:900px){
  .premium-travel-leg .travel-leg-info{flex-wrap:wrap!important;align-items:flex-start!important}
}


/* ===== TRIPLOOM V14.14.8 · stop badge row alignment fix ===== */
.stop-wrap.premium-stop-wrap .premium-stop-card,
.premium-stop-card{
  align-items:center!important;
}
.premium-stop-card .stop-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:12px!important;
  align-items:center!important;
  width:100%!important;
}
.premium-stop-card .stop-badges{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:max-content!important;
  align-items:center!important;
  justify-content:end!important;
  justify-self:end!important;
  align-self:center!important;
  gap:6px!important;
  min-height:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
}
.premium-stop-card .stop-badges .badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:26px!important;
  min-height:26px!important;
  line-height:1!important;
  padding:0 10px!important;
  margin:0!important;
  vertical-align:middle!important;
  transform:translateY(0)!important;
}
.premium-stop-card .stop-more{
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
}
@media(max-width:600px){
  .premium-stop-card .stop-title-row{
    grid-template-columns:1fr!important;
    row-gap:5px!important;
    align-items:flex-start!important;
  }
  .premium-stop-card .stop-badges{
    justify-self:start!important;
    justify-content:flex-start!important;
    height:auto!important;
    min-height:26px!important;
  }
}


/* ===== TRIPLOOM V14.14.9 · unified right action rail on stop cards ===== */
.premium-stop-card{
  grid-template-columns:18px 48px minmax(0,1fr) auto!important;
  align-items:start!important;
}
.premium-stop-card .stop-content{
  min-width:0!important;
}
.premium-stop-card .stop-title-row{
  display:block!important;
  width:100%!important;
}
.premium-stop-card .stop-title-copy{
  min-width:0!important;
}
.premium-stop-card .stop-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-height:32px!important;
  align-self:start!important;
  margin-top:2px!important;
}
.premium-stop-card .stop-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-height:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  flex-wrap:nowrap!important;
}
.premium-stop-card .stop-badges .badge,
.premium-stop-card .stop-actions .badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:max-content!important;
  height:26px!important;
  min-height:26px!important;
  padding:0 10px!important;
  margin:0!important;
  line-height:1!important;
  vertical-align:middle!important;
}
.premium-stop-card .stop-more{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  align-self:center!important;
}
@media(max-width:760px){
  .premium-stop-card{
    grid-template-columns:38px minmax(0,1fr)!important;
    row-gap:8px!important;
  }
  .premium-stop-card .drag-handle{display:none!important}
  .premium-stop-card .premium-stop-icon{grid-column:1!important;grid-row:1!important}
  .premium-stop-card .stop-content{grid-column:2!important;grid-row:1 / span 2!important}
  .premium-stop-card .stop-actions{grid-column:2!important;grid-row:1!important;justify-content:flex-start!important;margin-top:0!important}
  .premium-stop-card .stop-title-row{padding-top:34px!important}
}


/* ===== TRIPLOOM V14.14.10 · HARD FIX: status | priority | more on ONE row ===== */
.premium-stop-card{
  grid-template-columns:18px 48px minmax(0,1fr) max-content!important;
}
.premium-stop-card .stop-actions{
  display:grid!important;
  grid-template-columns:max-content max-content 32px!important;
  grid-auto-flow:column!important;
  align-items:center!important;
  justify-items:center!important;
  justify-content:end!important;
  column-gap:7px!important;
  row-gap:0!important;
  width:max-content!important;
  min-width:max-content!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  align-self:start!important;
  justify-self:end!important;
  margin:2px 0 0!important;
  padding:0!important;
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
}
.premium-stop-card .stop-actions>.badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:max-content!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  padding:0 10px!important;
  margin:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  align-self:center!important;
  justify-self:center!important;
}
.premium-stop-card .stop-actions>.stop-more{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  justify-self:center!important;
  position:static!important;
  transform:none!important;
}
/* Disable legacy nested badge layout for this component. */
.premium-stop-card .stop-actions .stop-badges{display:contents!important}
@media(max-width:760px){
  .premium-stop-card{
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  .premium-stop-card .stop-actions{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    justify-content:end!important;
    width:max-content!important;
    min-width:max-content!important;
    height:32px!important;
    margin:0!important;
  }
  .premium-stop-card .stop-title-row{padding-top:38px!important}
}

/* ===== TRIPLOOM V14.14.11 · FINAL VERTICAL CENTERING FOR STOP CARDS ===== */
.stop-wrap.premium-stop-wrap .premium-stop-card,
.premium-stop-card{
  align-items:center!important;
  min-height:96px!important;
  padding-top:16px!important;
  padding-bottom:16px!important;
  box-sizing:border-box!important;
}
.premium-stop-card .drag-handle{
  align-self:center!important;
  justify-self:center!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  min-height:32px!important;
}
.premium-stop-card .premium-stop-icon,
.premium-stop-card .stop-icon{
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
.premium-stop-card .stop-content{
  align-self:center!important;
  justify-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
}
.premium-stop-card .stop-title-row{
  padding:0!important;
  margin:0!important;
}
.premium-stop-card .stop-title-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  min-height:0!important;
  margin:0!important;
}
.premium-stop-card .stop-label,
.premium-stop-card h3,
.premium-stop-card .stop-address,
.premium-stop-card .stop-note{
  margin-top:0!important;
  margin-bottom:0!important;
}
.premium-stop-card .stop-actions{
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
}
.premium-stop-card .stop-actions>.badge,
.premium-stop-card .stop-actions>.stop-more{
  align-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
/* For cards with extra address/action rows, keep equal breathing room above and below. */
.premium-stop-card .stop-links{
  margin-top:4px!important;
  margin-bottom:0!important;
}
@media(max-width:760px){
  .stop-wrap.premium-stop-wrap .premium-stop-card,
  .premium-stop-card{
    min-height:92px!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
  .premium-stop-card .drag-handle{display:none!important}
  .premium-stop-card .stop-content{justify-content:center!important}
  .premium-stop-card .stop-actions{align-self:center!important}
  .premium-stop-card .stop-title-row{padding:0!important}
}

/* ===== TRIPLOOM V14.14.12 · FINAL AXIS CENTER ONLY ===== */
/* Scope: only vertical axis alignment inside itinerary stop rows. */
.stop-wrap.premium-stop-wrap{
  align-items:stretch!important;
}
.stop-wrap.premium-stop-wrap .stop-time{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  align-self:stretch!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin:0!important;
}
.stop-wrap.premium-stop-wrap .stop-rail{
  position:relative!important;
  align-self:stretch!important;
}
.stop-wrap.premium-stop-wrap .stop-rail .timeline-dot{
  top:50%!important;
  left:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card{
  align-items:center!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .drag-handle{
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .drag-handle svg{
  display:block!important;
  margin:auto!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .premium-stop-icon,
.stop-wrap.premium-stop-wrap .premium-stop-card .stop-icon{
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .stop-content{
  align-self:center!important;
  justify-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .stop-title-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:center!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .stop-label,
.stop-wrap.premium-stop-wrap .premium-stop-card h3{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* ===== TRIPLOOM V14.14.13 · MATHEMATICAL AXIS CENTER — ONLY STOP ROW AXIS ===== */
/* Keep the row height driven by the card; center the time group in that exact row. */
.stop-wrap.premium-stop-wrap{
  align-items:stretch!important;
}
.stop-wrap.premium-stop-wrap .stop-time{
  align-self:center!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:2px!important;
  box-sizing:border-box!important;
}
/* Timeline dot uses the exact vertical center of the same grid row. */
.stop-wrap.premium-stop-wrap .stop-rail{
  align-self:stretch!important;
  position:relative!important;
}
.stop-wrap.premium-stop-wrap .stop-rail .timeline-dot{
  top:50%!important;
  left:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}
/* Inside the card: drag dots, icon and the title block share one 44px center box. */
.stop-wrap.premium-stop-wrap .premium-stop-card .drag-handle{
  width:18px!important;
  height:44px!important;
  min-height:44px!important;
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .drag-handle svg{
  display:block!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .premium-stop-icon,
.stop-wrap.premium-stop-wrap .premium-stop-card .stop-icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  box-sizing:border-box!important;
}
/* For simple two-line stops (label + title only), treat both lines as ONE block
   and center that block against the 44px icon square. */
.stop-wrap.premium-stop-wrap .premium-stop-card .stop-content:not(:has(.stop-address)):not(:has(.stop-note)) .stop-title-copy{
  height:44px!important;
  min-height:44px!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .stop-content:not(:has(.stop-address)):not(:has(.stop-note)) .stop-label,
.stop-wrap.premium-stop-wrap .premium-stop-card .stop-content:not(:has(.stop-address)):not(:has(.stop-note)) h3{
  margin:0!important;
  padding:0!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .stop-content:not(:has(.stop-address)):not(:has(.stop-note)) .stop-label{
  line-height:1.15!important;
}
.stop-wrap.premium-stop-wrap .premium-stop-card .stop-content:not(:has(.stop-address)):not(:has(.stop-note)) h3{
  line-height:1.2!important;
}

/* ===== TRIPLOOM V14.14.15 · itinerary font synced to site ===== */
.premium-itinerary-layout,.premium-itinerary-layout *, .premium-day-strip,.premium-day-heading,.premium-smart-day,.premium-day-summary,.premium-stop-card,.premium-travel-leg{font-family:"Nunito",sans-serif!important}


/* ========================= TRIPLOOM V14.14.16 · GLOBAL NUNITO TYPOGRAPHY SYSTEM ========================= */
html,body,body *,button,input,select,textarea,option{
  font-family:"Nunito",sans-serif!important;
}
body{
  font-weight:400!important;
  font-synthesis-weight:none;
  text-rendering:optimizeLegibility;
}

/* 200 — decorative / background copy only */
.text-extralight,.decorative-text,.decorative-copy,.watermark-text,.hero-decoration-text{
  font-weight:200!important;
}

/* 300 — subtitles, supporting descriptions, secondary copy */
.subtitle,.description-light,.subcopy,.helper-copy,
.page-heading>p,.hero-head p,.hero-copy>p,.tripframe-hero p,.day-v41-intro,
.section-head p,.panel-head p,.auth-card>p,.auth-art p,
.muted:not(.badge):not(.trip-status),.trip-card-body>p,.collection-card p,
.place-card p,.province-card p,.detail-summary>p,.live-stop-content>p,
small:not(.badge small):not(.btn small){
  font-weight:300!important;
}

/* 400 — default reading content */
p,.description,.article-content,.story-content,.comment-content,.review-content,
.stop-note,.journal-content,.note-content,.trip-note,.place-description{
  font-weight:400!important;
}

/* 500 — forms, dates/times, trip information and functional content */
input,textarea,select,option,
.trip-info,.schedule-time,.stop-time,.stop-address,.travel-leg-info,
.summary-list,.info-list,.trip-metrics,.trip-header-stats,.route-info-list,
.route-budget-main,.premium-trip-stats,.premium-day-summary,
.day-strip span,.day-strip b,.premium-day-strip span,.premium-day-strip b,
.calendar-board,.money-cards,.live-summary-grid,.trip-progress{
  font-weight:500!important;
}
input::placeholder,textarea::placeholder{
  font-family:"Nunito",sans-serif!important;
  font-weight:500!important;
}

/* 600 — navigation, labels, tabs, names, small titles and statuses */
nav,.nav,.menu,.sidebar,.bottom-nav,
.sidebar a,.bottom-item,.trip-tabs a,.tab,.tabs a,.breadcrumb,
label,.field-label,.card-label,.stop-label,.eyebrow,.kicker,
.stop-title-copy .stop-label,.trip-status,.status-btn,
.page-heading .eyebrow,.tripframe-hero .eyebrow,
.tripframe-section-head small,.day-v41-head small,
.live-stop-kicker,.filters-bar,.toolbar,
.pack-v19-step-head .eyebrow,.section-head .eyebrow{
  font-weight:600!important;
}

/* 700 — buttons/CTA, card titles, important values, badge, levels */
button,.btn,.cta,[role="button"],
.badge,.badge *,.chip,.pill,.tag,
.card-title,.stop-card h3,.premium-stop-card h3,
.trip-card-v2 h3,.collection-card h3,.province-card h3,.place-card h3,
.detail-summary h2,.summary-head h3,.panel h3,
h2,h3,h4,strong,b,
.summary-score,.smart-score,.trip-level,.level-name,.xp-value,
.stat-strip b,.big-stats b,.route-memory-grid b,.route-budget-main b,
.trip-action-dock .btn,.stop-link-btn,.trip-status.status-ongoing{
  font-weight:700!important;
}

/* 800 — H1, page title, hero title, major section headline */
h1,.page-heading h1,.hero-title,.section-title,
.hero-copy h2,.hero-head h2,.trip-premium-hero .trip-header-copy h2,
.tripframe-hero h2,.stats-hero h2,.province-hero h2,.collection-hero h2,
.route-overview-title h2,.day-settings-modal .day-v41-card h2,
.auth-card h2,.public-share-hero h1{
  font-weight:800!important;
}

/* Keep long Vietnamese strings stable after the font migration. */
button,.btn,.badge,.tab,.trip-tabs a,.sidebar a,.bottom-item,
.stop-title-copy,.stop-links,.trip-action-dock,.route-choice b{
  overflow-wrap:anywhere;
}
input,select,textarea,.btn,.badge,.trip-tabs a{
  line-height:1.35;
}
@media(max-width:800px){
  .page-heading h1,.hero-title,.tripframe-hero h2,.day-settings-modal .day-v41-card h2{
    letter-spacing:-.025em!important;
  }
  button,.btn,.tab,.trip-tabs a,.sidebar a{
    text-wrap:balance;
  }
}


/* ========================= TRIPLOOM V14.14.17 · SMART DAY COMMAND CARD ========================= */
.smart-day-v58{
  display:grid!important;
  grid-template-columns:116px minmax(0,1fr) 154px!important;
  align-items:stretch!important;
  gap:18px!important;
  padding:18px!important;
  margin:0 0 18px!important;
  border-radius:26px!important;
  border:1px solid #D6E9E9!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(114,189,242,.12),transparent 30%),
    linear-gradient(135deg,#F4FCFB 0%,#F2FAFA 55%,#EFF8FB 100%)!important;
  box-shadow:0 14px 34px rgba(42,92,99,.055)!important;
  overflow:hidden!important;
  font-family:"Nunito",sans-serif!important;
}
.smart-day-v58.tone-medium{background:radial-gradient(circle at 92% 10%,rgba(246,201,104,.14),transparent 28%),linear-gradient(135deg,#FFFCF5,#F8FBF8 58%,#F2F8FA)!important;border-color:#ECE2C9!important}
.smart-day-v58.tone-heavy{background:radial-gradient(circle at 92% 10%,rgba(255,143,130,.14),transparent 28%),linear-gradient(135deg,#FFF8F7,#FAFAF7 58%,#F3F8FA)!important;border-color:#EFDAD6!important}
.smart-day-v58-score{
  min-height:132px!important;
  border-radius:22px!important;
  border:1px solid #D8ECEA!important;
  background:rgba(255,255,255,.88)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-shadow:0 10px 24px rgba(35,141,137,.07)!important;
  padding:14px 10px!important;
}
.smart-day-v58-score strong{font-size:36px!important;line-height:.95!important;font-weight:800!important;color:#69D7D0!important;letter-spacing:-.04em!important}
.smart-day-v58-score>span{margin-top:8px!important;font-size:8px!important;line-height:1!important;font-weight:700!important;letter-spacing:.13em!important;color:#81959C!important}
.smart-day-v58-score small{margin-top:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:25px!important;padding:0 10px!important;border-radius:999px!important;background:#E8F7F3!important;color:#69D7D0!important;font-size:9px!important;font-weight:700!important}
.tone-medium .smart-day-v58-score small{background:#FFF2D8!important;color:#8A6712!important}
.tone-heavy .smart-day-v58-score small{background:#FFE9E6!important;color:#B25F55!important}
.smart-day-v58-main{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important}
.smart-day-v58-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important}
.smart-day-v58-head .eyebrow{font-size:8px!important;line-height:1!important;font-weight:700!important;letter-spacing:.15em!important;color:#69D7D0!important}
.smart-day-v58-head h3{margin:4px 0 0!important;font-size:18px!important;line-height:1.2!important;font-weight:700!important;color:#243740!important;letter-spacing:-.015em!important}
.smart-day-v58-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:30px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid #D7E9E7!important;background:rgba(255,255,255,.84)!important;color:#249D98!important;font-size:9px!important;font-weight:700!important;white-space:nowrap!important}
.smart-day-v58-status svg{width:13px!important;height:13px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}
.smart-day-v58-status.has-warning{color:#C96C38!important;border-color:#E9DCCB!important;background:#FFFBF4!important}
.smart-day-v58-progress{height:7px!important;margin:0!important;border-radius:999px!important;background:#DFECEC!important;overflow:hidden!important}
.smart-day-v58-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#3FBDB5,#8EDFF0)!important}
.tone-medium .smart-day-v58-progress i{background:linear-gradient(90deg,#FFD15C,#8EDFF0)!important}
.tone-heavy .smart-day-v58-progress i{background:linear-gradient(90deg,#F08A7D,#FFD15C)!important}
.smart-day-v58-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.smart-day-v58-metrics>div{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:8px!important;align-items:center!important;min-width:0!important;padding:8px 9px!important;border-radius:14px!important;border:1px solid #E0EDEE!important;background:rgba(255,255,255,.7)!important}
.smart-day-v58-metrics>div>span{grid-row:1/3!important;width:30px!important;height:30px!important;border-radius:10px!important;background:#E9F7F5!important;color:#69D7D0!important;display:grid!important;place-items:center!important}
.smart-day-v58-metrics svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.smart-day-v58-metrics b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;line-height:1.2!important;font-weight:700!important;color:#2D4149!important}
.smart-day-v58-metrics small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;line-height:1.25!important;font-weight:500!important;color:#81959C!important}
.smart-day-v58-note{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;font-size:9px!important;line-height:1.4!important;font-weight:500!important;color:#607980!important}
.smart-day-v58-note svg{width:13px!important;height:13px!important;flex:0 0 13px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}
.smart-day-v58-note.good{color:#3E7E70!important}.smart-day-v58-note.warning{color:#8C694E!important}
.smart-day-v58-note span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.smart-day-v58-note b{font-weight:700!important;color:inherit!important}
.smart-day-v58-actions{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;padding-left:2px!important}
.smart-day-v58-action-form{margin:0!important;padding:0!important}
.smart-day-v58-btn,.smart-day-v58-link{
  width:100%!important;
  min-height:40px!important;
  border-radius:13px!important;
  border:1px solid #D6E8E8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 12px!important;
  font-family:"Nunito",sans-serif!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
.smart-day-v58-btn svg,.smart-day-v58-link svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.smart-day-v58-btn.secondary{background:#FFFFFF!important;color:#69D7D0!important}
.smart-day-v58-btn.primary{background:linear-gradient(135deg,#69D7D0,#8EDFF0)!important;color:#FFFFFF!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(47,184,173,.18)!important}
.smart-day-v58-link{min-height:34px!important;background:transparent!important;border-color:transparent!important;color:#71868D!important;font-size:9px!important}
.smart-day-v58-btn:hover,.smart-day-v58-link:hover{transform:translateY(-1px)!important}
.smart-day-v58-btn.secondary:hover{border-color:#A9D9D4!important;background:#F4FCFB!important}
.smart-day-v58-link:hover{background:rgba(255,255,255,.72)!important;color:#69D7D0!important}
@media(max-width:1050px){
  .smart-day-v58{grid-template-columns:100px minmax(0,1fr)!important}
  .smart-day-v58-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;padding-left:0!important}
  .smart-day-v58-action-form{display:block!important}.smart-day-v58-action-form .smart-day-v58-btn{height:100%!important}
}
@media(max-width:800px){
  .smart-day-v58{grid-template-columns:82px minmax(0,1fr)!important;gap:12px!important;padding:14px!important;border-radius:22px!important}
  .smart-day-v58-score{min-height:118px!important;border-radius:18px!important;padding:10px 7px!important}
  .smart-day-v58-score strong{font-size:29px!important}.smart-day-v58-score>span{font-size:7px!important}.smart-day-v58-score small{font-size:8px!important;padding:0 7px!important}
  .smart-day-v58-head h3{font-size:16px!important}.smart-day-v58-status{display:none!important}
  .smart-day-v58-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .smart-day-v58-actions{grid-template-columns:1fr 1fr!important}.smart-day-v58-link{grid-column:1/-1!important}
}
@media(max-width:520px){
  .smart-day-v58{grid-template-columns:1fr!important;gap:12px!important}
  .smart-day-v58-score{min-height:0!important;display:grid!important;grid-template-columns:auto auto auto!important;justify-content:start!important;column-gap:8px!important;align-items:center!important;text-align:left!important;padding:11px 13px!important}
  .smart-day-v58-score strong{font-size:27px!important}.smart-day-v58-score>span,.smart-day-v58-score small{margin:0!important}.smart-day-v58-score small{min-height:23px!important}
  .smart-day-v58-main{gap:9px!important}.smart-day-v58-head h3{font-size:15px!important}
  .smart-day-v58-metrics{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .smart-day-v58-metrics>div{padding:7px!important;grid-template-columns:28px minmax(0,1fr)!important}.smart-day-v58-metrics>div>span{width:28px!important;height:28px!important}
  .smart-day-v58-note span{white-space:normal!important}
  .smart-day-v58-actions{grid-template-columns:1fr!important}.smart-day-v58-link{grid-column:auto!important}
}
body.theme-dark .smart-day-v58{background:radial-gradient(circle at 92% 10%,rgba(86,189,228,.12),transparent 30%),linear-gradient(135deg,#11262D,#10242A)!important;border-color:#24464C!important;box-shadow:none!important}
body.theme-dark .smart-day-v58-score{background:#132C33!important;border-color:#28505A!important;box-shadow:none!important}
body.theme-dark .smart-day-v58-score strong{color:#78DDD4!important}body.theme-dark .smart-day-v58-score>span{color:#91AAB0!important}body.theme-dark .smart-day-v58-score small{background:#1F3B4D!important;color:#8BE4DA!important}
body.theme-dark .smart-day-v58-head h3{color:#EEF8FA!important}body.theme-dark .smart-day-v58-head .eyebrow{color:#7CDDD4!important}
body.theme-dark .smart-day-v58-status{background:#132B32!important;border-color:#28505A!important;color:#83DDD5!important}
body.theme-dark .smart-day-v58-metrics>div{background:#132A31!important;border-color:#26454C!important}body.theme-dark .smart-day-v58-metrics>div>span{background:#153A3A!important;color:#86E0D7!important}body.theme-dark .smart-day-v58-metrics b{color:#EDF7F9!important}body.theme-dark .smart-day-v58-metrics small{color:#93AAB0!important}
body.theme-dark .smart-day-v58-progress{background:#233C42!important}body.theme-dark .smart-day-v58-note.good{color:#83C8B9!important}body.theme-dark .smart-day-v58-note.warning{color:#D4B08E!important}
body.theme-dark .smart-day-v58-btn.secondary{background:#132C33!important;border-color:#2A5058!important;color:#86E0D7!important}body.theme-dark .smart-day-v58-btn.primary{box-shadow:none!important}body.theme-dark .smart-day-v58-link{color:#9BB0B5!important}

/* ========================= TRIPLOOM V14.14.19 · SMART DAY FULL WIDTH BALANCE ========================= */
.smart-day-v58{
  grid-template-columns:116px minmax(0,1fr)!important;
  column-gap:18px!important;
}
.smart-day-v58-main{
  width:100%!important;
  min-width:0!important;
}
.smart-day-v58-head,
.smart-day-v58-progress,
.smart-day-v58-metrics,
.smart-day-v58-note{
  width:100%!important;
}
.smart-day-v58-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:1050px){
  .smart-day-v58{grid-template-columns:100px minmax(0,1fr)!important}
}
@media(max-width:800px){
  .smart-day-v58{grid-template-columns:82px minmax(0,1fr)!important}
}
@media(max-width:520px){
  .smart-day-v58{grid-template-columns:1fr!important}
}

/* ========================= TRIPLOOM V14.14.20 · ITINERARY WOW SEPARATION ========================= */
.premium-day-strip{
  gap:12px!important;
  padding:6px 0 20px!important;
  margin-bottom:4px!important;
}
.premium-day-strip a{
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  border:1px solid #D8E9EA!important;
  box-shadow:0 12px 26px rgba(44,84,91,.06)!important;
  transform:translateY(0)!important;
}
.premium-day-strip a:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 32px rgba(44,84,91,.09)!important;
}
.premium-day-strip a.active{
  background:linear-gradient(135deg,#69D7D0 0%,#8EDFF0 100%)!important;
  border-color:transparent!important;
  box-shadow:0 16px 34px rgba(47,184,173,.24)!important;
}

.premium-itinerary-layout{
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:28px!important;
  align-items:start!important;
}
.timeline-panel{
  min-width:0!important;
  padding:18px 18px 22px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at top right, rgba(114,189,242,.10), transparent 20%),
    linear-gradient(180deg,#F4FCFB 0%,#F4FCFB 100%)!important;
  border:1px solid #DDECED!important;
  box-shadow:0 20px 42px rgba(33,77,84,.07)!important;
}
.premium-day-heading{
  margin:0 0 18px!important;
  padding:4px 4px 18px!important;
  border-bottom:1px solid rgba(37,141,137,.10)!important;
}
.premium-day-heading h2{
  font-size:32px!important;
  line-height:1.05!important;
  margin-top:4px!important;
}
.premium-day-heading p{
  margin-top:6px!important;
  color:#6F858D!important;
}
.day-heading-actions .btn{
  min-height:46px!important;
  padding:0 16px!important;
  border-radius:15px!important;
  box-shadow:0 10px 24px rgba(35,141,137,.08)!important;
}
.day-heading-actions .btn.btn-primary{
  background:linear-gradient(135deg,#69D7D0,#8EDFF0)!important;
  border-color:transparent!important;
}

.smart-day-v58{
  margin:0 0 22px!important;
  padding:18px 18px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 84% 18%, rgba(114,189,242,.16), transparent 22%),
    linear-gradient(135deg,#F8FFFD 0%,#DDF7F4 100%)!important;
  border:1px solid #D9ECEA!important;
  box-shadow:0 18px 36px rgba(35,141,137,.08)!important;
}
.smart-day-v58-score{
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  border:1px solid #D7EAEA!important;
  box-shadow:0 14px 30px rgba(35,141,137,.10)!important;
}
.smart-day-v58-main{
  gap:12px!important;
}
.smart-day-v58-head h3{
  font-size:20px!important;
}
.smart-day-v58-metrics{
  gap:10px!important;
}
.smart-day-v58-metrics>div{
  background:rgba(255,255,255,.84)!important;
  border:1px solid #DDECEE!important;
  box-shadow:0 6px 14px rgba(36,67,74,.04)!important;
}
.smart-day-v58-note{
  padding-top:2px!important;
}

.timeline{
  gap:14px!important;
}
.premium-travel-leg,
.travel-leg.premium-travel-leg{
  margin:0!important;
  min-height:72px!important;
  padding:10px 14px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#F2F8F8 100%)!important;
  border:1px solid #DFECEE!important;
  box-shadow:0 8px 20px rgba(37,141,137,.05)!important;
}
.premium-travel-leg .travel-leg-info{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-width:0!important;
}
.premium-travel-leg .travel-leg-info>div{
  min-width:0!important;
}
.premium-travel-leg b{
  font-size:11px!important;
  color:#263A43!important;
}
.premium-travel-leg small{
  font-size:8px!important;
  color:#80949B!important;
}
.premium-stop-wrap,
.stop-wrap.premium-stop-wrap{
  margin:0!important;
}
.premium-stop-wrap .stop-time b{
  font-size:14px!important;
  font-weight:800!important;
}
.premium-stop-wrap .stop-time small{
  font-size:8px!important;
}
.premium-stop-wrap .premium-stop-card{
  border-radius:24px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  border:1px solid #C6ECE8!important;
  box-shadow:0 12px 28px rgba(44,84,91,.07)!important;
}
.premium-stop-wrap .premium-stop-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 34px rgba(44,84,91,.10)!important;
}
.premium-stop-card .stop-badges .badge,
.premium-stop-card .stop-more,
.premium-stop-card .stop-link-btn{
  box-shadow:none!important;
}
.premium-stop-card .stop-link-btn{
  background:#F4FCFB!important;
}

.premium-day-summary .sticky-card{
  position:sticky!important;
  top:148px!important;
  padding:20px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at top right, rgba(114,189,242,.12), transparent 24%),
    linear-gradient(180deg,#FFFFFF 0%,#F6FCFC 100%)!important;
  border:1px solid #DBEAEC!important;
  box-shadow:0 18px 36px rgba(33,77,84,.08)!important;
}
.premium-day-summary .summary-map-btn{
  min-height:46px!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
}

@media(max-width:1180px){
  .premium-itinerary-layout{grid-template-columns:1fr!important;gap:20px!important}
  .timeline-panel{padding:16px!important;border-radius:28px!important}
  .premium-day-summary .sticky-card{position:static!important}
}
@media(max-width:800px){
  .timeline-panel{padding:14px!important;border-radius:24px!important}
  .premium-day-heading{padding-bottom:14px!important}
  .smart-day-v58{padding:14px!important;border-radius:24px!important}
  .premium-travel-leg,.travel-leg.premium-travel-leg{min-height:64px!important;padding:10px!important}
}

/* ========================= TRIPLOOM V14.14.21 · REMOVE LEG WRAPPER FRAME ========================= */
.premium-travel-leg,
.travel-leg.premium-travel-leg{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:4px 0 !important;
  min-height:auto !important;
}
.premium-travel-leg .travel-leg-info{
  padding:0 !important;
}

/* ========================= TRIPLOOM V14.14.22 · HARD REMOVE TRAVEL LEG FRAME ========================= */
.timeline > .travel-leg,
.timeline > .premium-travel-leg,
.timeline .travel-leg.premium-travel-leg,
.premium-itinerary-layout .timeline .travel-leg.premium-travel-leg{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:4px 0 !important;
}
.timeline > .travel-leg::before,
.timeline > .premium-travel-leg::before{
  box-shadow:none !important;
}

/* ========================= TRIPLOOM V14.14.23 · TRAVEL LEG ALIGNMENT RESTORE WITHOUT FRAME ========================= */
/* Keep the travel segment visually unboxed, but restore its original grid geometry
   so the timeline rail, icon and copy never overlap or clip. */
.timeline > .travel-leg.premium-travel-leg,
.timeline > .premium-travel-leg,
.premium-itinerary-layout .timeline .travel-leg.premium-travel-leg{
  display:grid!important;
  grid-template-columns:78px 24px minmax(0,1fr)!important;
  column-gap:10px!important;
  align-items:center!important;
  width:100%!important;
  min-height:60px!important;
  height:60px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.timeline > .travel-leg.premium-travel-leg .travel-leg-time,
.timeline > .premium-travel-leg .travel-leg-time{
  width:78px!important;
  min-width:78px!important;
  height:60px!important;
  min-height:60px!important;
  margin:0!important;
  padding:0!important;
}
.timeline > .travel-leg.premium-travel-leg .travel-rail,
.timeline > .premium-travel-leg .travel-rail{
  position:relative!important;
  width:24px!important;
  min-width:24px!important;
  height:60px!important;
  min-height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.timeline > .travel-leg.premium-travel-leg .travel-rail:before,
.timeline > .premium-travel-leg .travel-rail:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-8px!important;
  bottom:-8px!important;
  transform:translateX(-50%)!important;
  border-left:1px dashed #C5D9DB!important;
}
.timeline > .travel-leg.premium-travel-leg .travel-leg-icon,
.timeline > .premium-travel-leg .travel-leg-icon{
  position:relative!important;
  z-index:2!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  background:#DDF7F4!important;
  border:1px solid #DDECE9!important;
  color:#249D98!important;
  box-sizing:border-box!important;
}
.timeline > .travel-leg.premium-travel-leg .travel-leg-info,
.timeline > .premium-travel-leg .travel-leg-info{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:auto!important;
  margin:0!important;
  padding:0 4px 0 8px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.timeline > .travel-leg.premium-travel-leg .travel-leg-info>div,
.timeline > .premium-travel-leg .travel-leg-info>div{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
}
.timeline > .travel-leg.premium-travel-leg .travel-leg-info b,
.timeline > .premium-travel-leg .travel-leg-info b,
.timeline > .travel-leg.premium-travel-leg .travel-leg-info small,
.timeline > .premium-travel-leg .travel-leg-info small{
  margin:0!important;
  padding:0!important;
}
@media(max-width:900px){
  .timeline > .travel-leg.premium-travel-leg,
  .timeline > .premium-travel-leg{
    grid-template-columns:58px 20px minmax(0,1fr)!important;
    column-gap:8px!important;
    height:58px!important;
    min-height:58px!important;
  }
  .timeline > .travel-leg.premium-travel-leg .travel-leg-time,
  .timeline > .premium-travel-leg .travel-leg-time{width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important}
  .timeline > .travel-leg.premium-travel-leg .travel-rail,
  .timeline > .premium-travel-leg .travel-rail{width:20px!important;min-width:20px!important;height:58px!important;min-height:58px!important}
  .timeline > .travel-leg.premium-travel-leg .travel-leg-info,
  .timeline > .premium-travel-leg .travel-leg-info{padding-left:8px!important}
}
@media(max-width:600px){
  .timeline > .travel-leg.premium-travel-leg,
  .timeline > .premium-travel-leg{
    grid-template-columns:48px 18px minmax(0,1fr)!important;
    column-gap:7px!important;
  }
  .timeline > .travel-leg.premium-travel-leg .travel-leg-time,
  .timeline > .premium-travel-leg .travel-leg-time{width:48px!important;min-width:48px!important}
  .timeline > .travel-leg.premium-travel-leg .travel-rail,
  .timeline > .premium-travel-leg .travel-rail{width:18px!important;min-width:18px!important}
  .timeline > .travel-leg.premium-travel-leg .travel-leg-info,
  .timeline > .premium-travel-leg .travel-leg-info{padding-left:9px!important;gap:8px!important}
}

/* ========================= TRIPLOOM V14.14.24 · TIMELINE AXIS + SUMMARY SCROLL FINAL FIX ========================= */
/* One geometry for every itinerary row: TIME | RAIL | CONTENT. */
.timeline{
  gap:12px!important;
  overflow:visible!important;
}
.timeline > .premium-stop-wrap,
.timeline > .stop-wrap.premium-stop-wrap,
.timeline > .premium-travel-leg,
.timeline > .travel-leg.premium-travel-leg{
  display:grid!important;
  grid-template-columns:76px 36px minmax(0,1fr)!important;
  column-gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
/* Rail is always column 2, same width and same optical axis. */
.timeline > .premium-stop-wrap > .timeline-rail,
.timeline > .stop-wrap.premium-stop-wrap > .timeline-rail,
.timeline > .premium-travel-leg > .travel-rail,
.timeline > .travel-leg.premium-travel-leg > .travel-rail{
  grid-column:2!important;
  position:relative!important;
  width:36px!important;
  min-width:36px!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
/* Rebuild each dashed segment on exactly the same center line.
   Extend by half the row gap so segments meet without jumps. */
.timeline > .premium-stop-wrap > .timeline-rail::before,
.timeline > .stop-wrap.premium-stop-wrap > .timeline-rail::before,
.timeline > .premium-travel-leg > .travel-rail::before,
.timeline > .travel-leg.premium-travel-leg > .travel-rail::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-6px!important;
  bottom:-6px!important;
  width:0!important;
  height:auto!important;
  border:0!important;
  border-left:1px dashed #C5D9DB!important;
  transform:translateX(-50%)!important;
  z-index:0!important;
  pointer-events:none!important;
}
.timeline > :first-child > .timeline-rail::before,
.timeline > :first-child > .travel-rail::before{
  top:50%!important;
}
.timeline > :last-child > .timeline-rail::before,
.timeline > :last-child > .travel-rail::before{
  bottom:50%!important;
}
/* Dots/icons sit on top of the common rail. */
.timeline .stop-rail .timeline-dot{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  z-index:3!important;
}
.timeline > .premium-travel-leg .travel-leg-icon,
.timeline > .travel-leg.premium-travel-leg .travel-leg-icon{
  position:relative!important;
  z-index:3!important;
  margin:0!important;
}
/* Travel rows remain unboxed, but use the exact same timeline geometry. */
.timeline > .premium-travel-leg,
.timeline > .travel-leg.premium-travel-leg{
  min-height:60px!important;
  height:60px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  align-items:stretch!important;
}
.timeline > .premium-travel-leg > .travel-leg-time,
.timeline > .travel-leg.premium-travel-leg > .travel-leg-time{
  grid-column:1!important;
  width:76px!important;
  min-width:76px!important;
  height:60px!important;
  margin:0!important;
  padding:0!important;
}
.timeline > .premium-travel-leg > .travel-leg-info,
.timeline > .travel-leg.premium-travel-leg > .travel-leg-info{
  grid-column:3!important;
  min-width:0!important;
  align-self:center!important;
  padding:0 4px 0 8px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
/* Summary must scroll naturally with the page, not stick to the viewport. */
.premium-day-summary,
.premium-day-summary .sticky-card{
  position:static!important;
  top:auto!important;
  bottom:auto!important;
  align-self:start!important;
}

@media(max-width:900px){
  .timeline{gap:10px!important}
  .timeline > .premium-stop-wrap,
  .timeline > .stop-wrap.premium-stop-wrap,
  .timeline > .premium-travel-leg,
  .timeline > .travel-leg.premium-travel-leg{
    grid-template-columns:58px 30px minmax(0,1fr)!important;
    column-gap:7px!important;
  }
  .timeline > .premium-stop-wrap > .timeline-rail,
  .timeline > .stop-wrap.premium-stop-wrap > .timeline-rail,
  .timeline > .premium-travel-leg > .travel-rail,
  .timeline > .travel-leg.premium-travel-leg > .travel-rail{
    width:30px!important;
    min-width:30px!important;
  }
  .timeline > .premium-stop-wrap > .timeline-rail::before,
  .timeline > .stop-wrap.premium-stop-wrap > .timeline-rail::before,
  .timeline > .premium-travel-leg > .travel-rail::before,
  .timeline > .travel-leg.premium-travel-leg > .travel-rail::before{
    top:-5px!important;
    bottom:-5px!important;
  }
  .timeline > :first-child > .timeline-rail::before,
  .timeline > :first-child > .travel-rail::before{top:50%!important}
  .timeline > :last-child > .timeline-rail::before,
  .timeline > :last-child > .travel-rail::before{bottom:50%!important}
  .timeline > .premium-travel-leg > .travel-leg-time,
  .timeline > .travel-leg.premium-travel-leg > .travel-leg-time{
    width:58px!important;
    min-width:58px!important;
  }
}
@media(max-width:600px){
  .timeline > .premium-stop-wrap,
  .timeline > .stop-wrap.premium-stop-wrap,
  .timeline > .premium-travel-leg,
  .timeline > .travel-leg.premium-travel-leg{
    grid-template-columns:48px 26px minmax(0,1fr)!important;
    column-gap:6px!important;
  }
  .timeline > .premium-stop-wrap > .timeline-rail,
  .timeline > .stop-wrap.premium-stop-wrap > .timeline-rail,
  .timeline > .premium-travel-leg > .travel-rail,
  .timeline > .travel-leg.premium-travel-leg > .travel-rail{
    width:26px!important;
    min-width:26px!important;
  }
  .timeline > .premium-travel-leg > .travel-leg-time,
  .timeline > .travel-leg.premium-travel-leg > .travel-leg-time{
    width:48px!important;
    min-width:48px!important;
  }
}

/* ========================= TRIPLOOM V14.14.25 · SINGLE TIMELINE AXIS + TRUE STICKY SUMMARY ========================= */
/* Use ONE continuous axis for the whole timeline. This eliminates per-row drift completely. */
.timeline{
  --tl-time-col:76px;
  --tl-rail-col:36px;
  --tl-col-gap:8px;
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.timeline::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:calc(var(--tl-time-col) + var(--tl-col-gap) + (var(--tl-rail-col) / 2))!important;
  width:0!important;
  border-left:1px dashed #C5D9DB!important;
  transform:translateX(-50%)!important;
  z-index:0!important;
  pointer-events:none!important;
}
/* Remove every legacy row-level dashed line so there is only one axis. */
.timeline > .premium-stop-wrap > .timeline-rail::before,
.timeline > .stop-wrap.premium-stop-wrap > .timeline-rail::before,
.timeline > .premium-travel-leg > .travel-rail::before,
.timeline > .travel-leg.premium-travel-leg > .travel-rail::before,
.timeline .timeline-rail::before,
.timeline .travel-rail::before{
  content:none!important;
  display:none!important;
  border:0!important;
}
.timeline > .premium-stop-wrap,
.timeline > .stop-wrap.premium-stop-wrap,
.timeline > .premium-travel-leg,
.timeline > .travel-leg.premium-travel-leg{
  grid-template-columns:var(--tl-time-col) var(--tl-rail-col) minmax(0,1fr)!important;
  column-gap:var(--tl-col-gap)!important;
  position:relative!important;
  z-index:1!important;
}
.timeline > .premium-stop-wrap > .timeline-rail,
.timeline > .stop-wrap.premium-stop-wrap > .timeline-rail,
.timeline > .premium-travel-leg > .travel-rail,
.timeline > .travel-leg.premium-travel-leg > .travel-rail{
  width:var(--tl-rail-col)!important;
  min-width:var(--tl-rail-col)!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  position:relative!important;
  z-index:2!important;
}
.timeline .stop-rail .timeline-dot{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:4!important;
  background:#FFFFFF!important;
}
.timeline .travel-rail .travel-leg-icon{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  margin:0 auto!important;
  z-index:4!important;
  background:#DDF7F4!important;
}
/* Give the right column the same available height as the itinerary so its child can truly stick. */
.premium-itinerary-layout{
  align-items:stretch!important;
  overflow:visible!important;
}
.premium-day-summary{
  position:relative!important;
  align-self:stretch!important;
  height:100%!important;
  min-height:100%!important;
  overflow:visible!important;
}
.premium-day-summary .sticky-card{
  position:sticky!important;
  position:-webkit-sticky!important;
  top:116px!important;
  bottom:auto!important;
  z-index:8!important;
  align-self:start!important;
}
@media(max-width:900px){
  .timeline{--tl-time-col:58px;--tl-rail-col:30px;--tl-col-gap:7px}
}
@media(max-width:600px){
  .timeline{--tl-time-col:48px;--tl-rail-col:26px;--tl-col-gap:6px}
  .premium-day-summary .sticky-card{position:static!important;top:auto!important}
}

/* ========================= TRIPLOOM V14.14.27 · PACKING HERO + COMPACT ADD ONLY ========================= */
/* Packing-specific hero: do not affect any other tab. */
.trip-tab-hero-packing .trip-tab-hero-copy h2{
  max-width:780px!important;
  line-height:1.04!important;
}
.trip-tab-hero-packing .trip-tab-hero-copy p{
  max-width:900px!important;
}
.trip-tab-packing-score{
  min-width:178px!important;
  padding:16px 18px!important;
  text-align:center!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.trip-tab-packing-score>b{
  display:block!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:800!important;
}
.trip-tab-packing-score>small{
  display:block!important;
  margin-top:7px!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.trip-tab-packing-detail{
  display:block!important;
  margin-top:5px!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-style:normal!important;
  opacity:.82!important;
}
.trip-tab-packing-score>i{
  display:block!important;
  height:6px!important;
  margin-top:11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.24)!important;
  overflow:hidden!important;
}
.trip-tab-packing-score>i>em{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:#fff!important;
}

/* The duplicate packing title/percent block has been removed from markup. */
.pack-v20-page{margin-top:0!important}

/* Compact only the custom-add cluster; all controls and behavior remain intact. */
.pack-v20-step-one .pack-v20-custom-block{
  padding:13px 14px!important;
  margin-bottom:12px!important;
  border-radius:18px!important;
}
.pack-v20-step-one .pack-v20-custom-block .pack-v20-block-title{
  margin-bottom:8px!important;
  align-items:center!important;
}
.pack-v20-step-one .pack-v20-custom-block .pack-v20-block-title b{
  font-size:12px!important;
}
.pack-v20-step-one .pack-v20-custom-block .pack-v20-block-title small{
  font-size:8px!important;
  white-space:nowrap!important;
}
.pack-v20-step-one .pack-v25-add{
  grid-template-columns:130px minmax(250px,1fr) 138px 132px 118px!important;
  gap:8px!important;
}
.pack-v20-step-one .pack-v25-field{gap:5px!important}
.pack-v20-step-one .pack-v25-field>span{
  font-size:8px!important;
  padding-left:2px!important;
}
.pack-v20-step-one .pack-v25-field input,
.pack-v20-step-one .pack-v25-field select,
.pack-v20-step-one .pack-v25-stepper,
.pack-v20-step-one .pack-v25-priority,
.pack-v20-step-one .pack-v25-priority-ui,
.pack-v20-step-one .pack-v25-submit{
  height:43px!important;
  min-height:43px!important;
  border-radius:13px!important;
}
.pack-v20-step-one .pack-v25-field input,
.pack-v20-step-one .pack-v25-field select{
  font-size:12px!important;
  padding:0 12px!important;
}
.pack-v20-step-one .pack-v25-stepper{
  grid-template-columns:36px minmax(38px,1fr) 36px!important;
}
.pack-v20-step-one .pack-v25-stepper button{font-size:17px!important}
.pack-v20-step-one .pack-v25-stepper input{font-size:13px!important}
.pack-v20-step-one .pack-v25-priority-ui{
  grid-template-columns:25px 1fr!important;
  column-gap:7px!important;
  padding:6px 9px!important;
}
.pack-v20-step-one .pack-v25-priority-ui i{
  width:25px!important;
  height:25px!important;
  border-radius:9px!important;
}
.pack-v20-step-one .pack-v25-priority-ui b{font-size:9px!important}
.pack-v20-step-one .pack-v25-priority-ui small{font-size:6.5px!important}
.pack-v20-step-one .pack-v25-submit{
  padding:0 13px!important;
  font-size:11px!important;
  box-shadow:0 9px 18px rgba(105,215,208,.16)!important;
}

@media(max-width:1100px){
  .pack-v20-step-one .pack-v25-add{grid-template-columns:125px minmax(220px,1fr) 130px!important}
  .pack-v20-step-one .pack-v25-priority{grid-column:1/3!important;max-width:250px!important}
  .pack-v20-step-one .pack-v25-submit{grid-column:3!important;grid-row:2!important}
}
@media(max-width:760px){
  .trip-tab-packing-score{min-width:150px!important}
  .trip-tab-packing-score>b{font-size:30px!important}
  .pack-v20-step-one .pack-v20-custom-block .pack-v20-block-title{display:block!important}
  .pack-v20-step-one .pack-v20-custom-block .pack-v20-block-title small{display:block!important;margin-top:3px!important;white-space:normal!important}
  .pack-v20-step-one .pack-v25-add{grid-template-columns:1fr 132px!important}
  .pack-v20-step-one .pack-v25-category{grid-column:1!important}
  .pack-v20-step-one .pack-v25-name{grid-column:1/3!important}
  .pack-v20-step-one .pack-v25-qty{grid-column:2!important;grid-row:1!important}
  .pack-v20-step-one .pack-v25-priority{grid-column:1!important;grid-row:auto!important;max-width:none!important}
  .pack-v20-step-one .pack-v25-submit{grid-column:2!important;grid-row:auto!important}
}
@media(max-width:520px){
  .pack-v20-step-one .pack-v25-add{grid-template-columns:1fr!important}
  .pack-v20-step-one .pack-v25-category,.pack-v20-step-one .pack-v25-name,.pack-v20-step-one .pack-v25-qty,.pack-v20-step-one .pack-v25-priority,.pack-v20-step-one .pack-v25-submit{grid-column:1!important;grid-row:auto!important}
}


/* ========================= TRIPLOOM V14.14.28 · PACKING STEP 01 TRUE COMPACT ========================= */
/* Scoped to Packing step 01 only. No other tab/module is affected. */
.pack-v20-step-one{
  padding:16px!important;
  border-radius:22px!important;
}
.pack-v20-step-one:before{display:none!important}
.pack-v20-step-one>.pack-v19-step-head{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
  margin-bottom:12px!important;
}
.pack-v20-step-one>.pack-v19-step-head .pack-v19-step-no{
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  font-size:12px!important;
  box-shadow:inset 0 0 0 1px #CBE9E7!important;
}
.pack-v20-step-one>.pack-v19-step-head h3{
  margin:2px 0 2px!important;
  font-size:20px!important;
  line-height:1.15!important;
}
.pack-v20-step-one>.pack-v19-step-head p{
  font-size:9px!important;
  line-height:1.4!important;
  margin:0!important;
}
.pack-v20-step-one>.pack-v19-step-head .eyebrow{font-size:8px!important}
.pack-v20-step-one>.pack-v19-step-head .pack-v19-step-status{
  min-height:28px!important;
  height:28px!important;
  padding:0 10px!important;
  font-size:8px!important;
}

/* Custom add row = compact toolbar */
.pack-v20-step-one .pack-v20-custom-block{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:10px 14px!important;
  align-items:end!important;
  padding:10px 12px!important;
  margin:0 0 10px!important;
  border-radius:16px!important;
  background:#F4FCFB!important;
}
.pack-v20-step-one .pack-v69-custom-title{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:18px!important;
  margin:0!important;
}
.pack-v20-step-one .pack-v69-custom-title b{font-size:11px!important}
.pack-v20-step-one .pack-v69-custom-title small{font-size:7px!important;color:#91A3A9!important}
.pack-v20-step-one .pack-v25-add{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:120px minmax(280px,1fr) 124px 116px 108px!important;
  gap:7px!important;
  align-items:end!important;
}
.pack-v20-step-one .pack-v25-field{gap:3px!important}
.pack-v20-step-one .pack-v25-field>span{
  font-size:7px!important;
  line-height:1!important;
  padding-left:1px!important;
}
.pack-v20-step-one .pack-v25-field input,
.pack-v20-step-one .pack-v25-field select,
.pack-v20-step-one .pack-v25-stepper,
.pack-v20-step-one .pack-v25-priority,
.pack-v20-step-one .pack-v25-priority-ui,
.pack-v20-step-one .pack-v25-submit{
  height:38px!important;
  min-height:38px!important;
  border-radius:11px!important;
}
.pack-v20-step-one .pack-v25-field input,
.pack-v20-step-one .pack-v25-field select{
  padding:0 10px!important;
  font-size:11px!important;
  font-weight:600!important;
}
.pack-v20-step-one .pack-v25-stepper{grid-template-columns:32px minmax(34px,1fr) 32px!important}
.pack-v20-step-one .pack-v25-stepper button{font-size:15px!important}
.pack-v20-step-one .pack-v25-stepper input{font-size:12px!important;padding:0!important}
.pack-v20-step-one .pack-v25-priority-ui{
  grid-template-columns:23px minmax(0,1fr)!important;
  column-gap:6px!important;
  padding:5px 8px!important;
}
.pack-v20-step-one .pack-v25-priority-ui i{
  width:23px!important;
  height:23px!important;
  border-radius:8px!important;
}
.pack-v20-step-one .pack-v25-priority-ui b{font-size:8px!important;line-height:1.05!important}
.pack-v20-step-one .pack-v25-priority-ui small{font-size:6px!important;line-height:1.05!important;margin-top:1px!important}
.pack-v20-step-one .pack-v25-submit{
  padding:0 11px!important;
  font-size:10px!important;
  gap:5px!important;
  box-shadow:0 7px 15px rgba(105,215,208,.14)!important;
}
.pack-v20-step-one .pack-v25-submit svg{width:13px!important;height:13px!important}

/* Suggestion block = denser and visually separated */
.pack-v20-step-one .pack-v20-suggest-wrap{
  padding:10px 12px 12px!important;
  border-radius:16px!important;
}
.pack-v20-step-one .pack-v69-suggest-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 8px!important;
}
.pack-v20-step-one .pack-v69-suggest-title b{font-size:11px!important}
.pack-v20-step-one .pack-v69-suggest-title small{font-size:7px!important;white-space:nowrap!important;color:#91A3A9!important}
.pack-v20-step-one .pack-v20-template-picker{
  gap:6px!important;
  margin:0 0 8px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  padding-bottom:1px!important;
}
.pack-v20-step-one .pack-v20-template-picker::-webkit-scrollbar{display:none!important}
.pack-v20-step-one .pack-v20-template-chip{
  height:34px!important;
  min-height:34px!important;
  padding:0 11px!important;
  gap:6px!important;
  border-radius:12px!important;
  font-size:10px!important;
  flex:0 0 auto!important;
}
.pack-v20-step-one .pack-v20-template-chip i,
.pack-v20-step-one .pack-v20-template-chip i svg{width:13px!important;height:13px!important}
.pack-v20-step-one .pack-v20-template-chip em{
  height:18px!important;
  padding:0 6px!important;
  font-size:6px!important;
}
.pack-v20-step-one .pack-v20-template-panels{gap:0!important}
.pack-v20-step-one .pack-v20-template-panel{
  padding:10px!important;
  border-radius:14px!important;
}
.pack-v20-step-one .pack-v20-template-head{
  align-items:center!important;
  margin-bottom:7px!important;
}
.pack-v20-step-one .pack-v20-template-head b{font-size:11px!important}
.pack-v20-step-one .pack-v20-template-head small{font-size:7px!important;margin-top:1px!important}
.pack-v20-step-one .pack-v20-template-close{
  height:24px!important;
  padding:0 8px!important;
  font-size:7px!important;
}
.pack-v20-step-one .pack-v20-template-list{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  max-height:144px!important;
  padding-right:4px!important;
}
.pack-v20-step-one .pack-v20-suggest-item button{
  min-height:42px!important;
  height:42px!important;
  padding:5px 7px!important;
  border-radius:12px!important;
  grid-template-columns:26px minmax(0,1fr) 20px!important;
  gap:6px!important;
}
.pack-v20-step-one .pack-v20-suggest-item button>i{
  width:26px!important;
  height:26px!important;
  border-radius:8px!important;
}
.pack-v20-step-one .pack-v20-suggest-item button>i svg{width:13px!important;height:13px!important}
.pack-v20-step-one .pack-v20-suggest-item button>span b{font-size:9px!important;line-height:1.1!important}
.pack-v20-step-one .pack-v20-suggest-item button>span small{font-size:6.5px!important;line-height:1.1!important;margin-top:1px!important}
.pack-v20-step-one .pack-v20-suggest-item button>em{
  width:20px!important;
  height:20px!important;
  border-radius:7px!important;
  font-size:10px!important;
}

@media(max-width:1100px){
  .pack-v20-step-one .pack-v25-add{grid-template-columns:112px minmax(220px,1fr) 116px 108px!important}
  .pack-v20-step-one .pack-v25-submit{grid-column:4!important;grid-row:2!important}
  .pack-v20-step-one .pack-v25-priority{grid-column:1/4!important;max-width:220px!important}
}
@media(max-width:760px){
  .pack-v20-step-one{padding:13px!important}
  .pack-v20-step-one>.pack-v19-step-head{grid-template-columns:36px 1fr!important;align-items:start!important}
  .pack-v20-step-one>.pack-v19-step-head .pack-v19-step-no{width:36px!important;height:36px!important}
  .pack-v20-step-one>.pack-v19-step-head .pack-v19-step-status{grid-column:2!important;justify-self:start!important}
  .pack-v20-step-one .pack-v20-custom-block,.pack-v20-step-one .pack-v20-suggest-wrap{padding:10px!important}
  .pack-v20-step-one .pack-v25-add{grid-template-columns:1fr 116px!important}
  .pack-v20-step-one .pack-v25-category{grid-column:1!important}
  .pack-v20-step-one .pack-v25-qty{grid-column:2!important;grid-row:1!important}
  .pack-v20-step-one .pack-v25-name{grid-column:1/3!important}
  .pack-v20-step-one .pack-v25-priority{grid-column:1!important;max-width:none!important}
  .pack-v20-step-one .pack-v25-submit{grid-column:2!important;grid-row:auto!important}
  .pack-v20-step-one .pack-v69-suggest-title{display:block!important}
  .pack-v20-step-one .pack-v69-suggest-title small{display:block!important;margin-top:2px!important;white-space:normal!important}
  .pack-v20-step-one .pack-v20-template-list{grid-template-columns:1fr!important;max-height:138px!important}
}
@media(max-width:520px){
  .pack-v20-step-one .pack-v25-add{grid-template-columns:1fr!important}
  .pack-v20-step-one .pack-v25-category,.pack-v20-step-one .pack-v25-name,.pack-v20-step-one .pack-v25-qty,.pack-v20-step-one .pack-v25-priority,.pack-v20-step-one .pack-v25-submit{grid-column:1!important;grid-row:auto!important}
  .pack-v20-step-one .pack-v20-template-list{max-height:138px!important}
}


/* ========================= TRIPLOOM V14.14.29 · PACKING SUGGESTION CLEANUP ONLY ========================= */
/* Chỉ tác động Bước 01 tab Vali. */
.pack-v20-step-one .pack-v20-template-panels{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.pack-v20-step-one .pack-v20-template-panel,
.pack-v20-step-one .pack-v20-template-panel.active{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.pack-v20-step-one .pack-v20-template-head{
  display:none!important;
}

/* "Gợi ý" chỉ hiện trên đúng chip đang được mở/chọn. */
.pack-v20-step-one .pack-v20-template-chip em{
  display:none!important;
}
.pack-v20-step-one .pack-v20-template-chip.active em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Danh sách áp sát chip hơn sau khi bỏ header + khung thừa. */
.pack-v20-step-one .pack-v20-template-picker{
  margin-bottom:7px!important;
}
.pack-v20-step-one .pack-v20-template-list{
  margin:0!important;
}


/* ========================= TRIPLOOM V14.14.30 · PACKING STEP HEADERS UNIFY ONLY ========================= */
/* Chỉ chuẩn hóa cụm heading Bước 01–02–03 ở tab Vali. Không chạm phần khác. */
.pack-v20-step .pack-v19-step-head .pack-v19-step-no,
.pack-v20-pane .pack-v19-step-head .pack-v19-step-no{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#DDF7F4,#EAF5FF)!important;
  color:#69D7D0!important;
  box-shadow:inset 0 0 0 1px #CBE9E7,0 8px 18px rgba(105,215,208,.10)!important;
}
.pack-v20-step .pack-v19-step-head .pack-v19-step-no svg,
.pack-v20-pane .pack-v19-step-head .pack-v19-step-no svg{
  width:18px!important;
  height:18px!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.pack-v20-pane .pack-v19-step-head{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
  min-height:0!important;
  margin-bottom:12px!important;
}
.pack-v20-pane .pack-v19-step-head h3{
  margin:2px 0 2px!important;
  font-size:20px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}
.pack-v20-pane .pack-v19-step-head p{
  font-size:9px!important;
  line-height:1.4!important;
  margin:0!important;
  max-width:720px!important;
}
.pack-v20-pane .pack-v19-step-head .eyebrow{
  font-size:8px!important;
}
.pack-v20-pane .pack-v19-step-head .pack-v19-step-status{
  min-height:28px!important;
  height:28px!important;
  padding:0 10px!important;
  font-size:8px!important;
}
@media(max-width:900px){
  .pack-v20-pane .pack-v19-step-head{grid-template-columns:36px 1fr!important;align-items:start!important}
  .pack-v20-pane .pack-v19-step-head .pack-v19-step-no{width:36px!important;height:36px!important;min-width:36px!important}
  .pack-v20-pane .pack-v19-step-head .pack-v19-step-no svg{width:16px!important;height:16px!important}
  .pack-v20-pane .pack-v19-step-head .pack-v19-step-status{grid-column:2!important;justify-self:start!important}
}


/* ========================= TRIPLOOM V14.14.31 · TOP TRIP TABS CONSISTENCY POLISH ========================= */
/* Chỉ chuẩn hóa cụm menu tab trên đầu trang chuyến đi để bố cục / font / kích thước đồng đều hơn. */
.trip-tabs-top-shell .trip-tabs{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.trip-tabs-top-shell .trip-tabs a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-height:46px!important;
  height:46px!important;
  padding:0 16px!important;
  border-radius:16px!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.trip-tabs-top-shell .trip-tabs a svg{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  display:block!important;
  stroke-width:1.9!important;
}
.trip-tabs-top-shell .trip-tabs a span{
  display:block!important;
  line-height:1!important;
  font-size:11px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.trip-tabs-top-shell .trip-tabs a.active{
  min-height:46px!important;
  height:46px!important;
}
@media(max-width:900px){
  .trip-tabs-top-shell .trip-tabs{gap:8px!important;padding:8px 10px!important}
  .trip-tabs-top-shell .trip-tabs a{min-height:42px!important;height:42px!important;padding:0 14px!important;font-size:10px!important}
  .trip-tabs-top-shell .trip-tabs a span{font-size:10px!important}
  .trip-tabs-top-shell .trip-tabs a svg{width:15px!important;height:15px!important;min-width:15px!important;flex-basis:15px!important}
}

/* ========================= TRIPLOOM V14.14.32 · UNIFIED PREMIUM TRIP HERO SYSTEM ========================= */
/* Chỉ tác động hero của các tab bên trong một chuyến đi. */
.trip-tab-hero{
  box-sizing:border-box!important;
  width:100%!important;
  height:250px!important;
  min-height:250px!important;
  max-height:250px!important;
  margin:0 0 20px!important;
  padding:34px 40px!important;
  border-radius:30px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:34px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#249D98 0%,#69D7D0 52%,#8EDFF0 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 20px 48px rgba(28,114,126,.15)!important;
}
.trip-tab-hero:before{
  right:-70px!important;
  top:-105px!important;
  width:270px!important;
  height:270px!important;
  background:rgba(255,255,255,.09)!important;
}
.trip-tab-hero-copy{
  min-width:0!important;
  max-width:none!important;
  align-self:center!important;
}
.trip-tab-hero .eyebrow{
  display:block!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.82)!important;
}
.trip-tab-hero h2,
.trip-tab-hero-itinerary h2,
.trip-tab-hero-packing h2,
.trip-tab-hero-suite h2{
  max-width:980px!important;
  margin:0 0 12px!important;
  padding:0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:52px!important;
  line-height:1.02!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
}
.trip-tab-hero p,
.trip-tab-hero-itinerary p,
.trip-tab-hero-packing p,
.trip-tab-hero-suite p{
  max-width:920px!important;
  margin:0!important;
  padding:0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:600!important;
  color:rgba(255,255,255,.90)!important;
}
.trip-tab-hero-side{
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:132px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
}
.trip-tab-hero-score,
.trip-tab-packing-score{
  box-sizing:border-box!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:132px!important;
  min-height:132px!important;
  padding:16px 18px!important;
  border-radius:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  text-align:center!important;
}
.trip-tab-hero-score b,
.trip-tab-packing-score b{
  margin:0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:36px!important;
  line-height:1!important;
  font-weight:800!important;
}
.trip-tab-hero-score small,
.trip-tab-packing-score small{
  margin:8px 0 0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.trip-tab-hero-score>i,
.trip-tab-packing-score>i{
  width:100%!important;
  height:6px!important;
  margin:12px 0 0!important;
  flex:0 0 6px!important;
}
.trip-tab-packing-detail{
  margin-top:5px!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:600!important;
  color:rgba(255,255,255,.82)!important;
}
/* Lộ trình không có metric card nhưng vẫn giữ đúng cùng khung 250px. */
.trip-tab-hero-itinerary .trip-tab-hero-side{display:none!important}
.trip-tab-hero-itinerary{grid-template-columns:1fr!important}

@media(max-width:1000px){
  .trip-tab-hero{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
    padding:30px 30px!important;
    column-gap:24px!important;
  }
  .trip-tab-hero h2,
  .trip-tab-hero-itinerary h2,
  .trip-tab-hero-packing h2,
  .trip-tab-hero-suite h2{font-size:44px!important}
  .trip-tab-hero-side{width:158px!important;min-width:158px!important;max-width:158px!important;height:122px!important}
  .trip-tab-hero-score,.trip-tab-packing-score{width:158px!important;min-width:158px!important;max-width:158px!important;height:122px!important;min-height:122px!important}
}
@media(max-width:700px){
  .trip-tab-hero{
    height:auto!important;
    min-height:220px!important;
    max-height:none!important;
    padding:26px 22px!important;
    border-radius:26px!important;
    grid-template-columns:1fr!important;
    row-gap:18px!important;
    align-content:center!important;
  }
  .trip-tab-hero h2,
  .trip-tab-hero-itinerary h2,
  .trip-tab-hero-packing h2,
  .trip-tab-hero-suite h2{font-size:36px!important;line-height:1.03!important}
  .trip-tab-hero p,
  .trip-tab-hero-itinerary p,
  .trip-tab-hero-packing p,
  .trip-tab-hero-suite p{font-size:12px!important}
  .trip-tab-hero-side{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;justify-content:flex-start!important}
  .trip-tab-hero-score,.trip-tab-packing-score{width:160px!important;min-width:160px!important;max-width:160px!important;height:116px!important;min-height:116px!important}
}


/* ========================= TRIPLOOM V14.14.33 · MOVE SUITE FUNCTIONS ========================= */
.route-overview-warning-row{margin-top:14px!important;padding:4px 0 0!important;flex-wrap:wrap!important;overflow:visible!important}
.route-overview-warning-row span{font-size:10px!important;padding:8px 11px!important}
.booking-transport-center{margin:0 0 18px!important;padding:22px!important;border-radius:24px!important}
.booking-transport-center .section-head{align-items:flex-start!important}
.booking-transport-head-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.booking-transport-head-actions form{margin:0!important}
.booking-transport-head-actions .btn{min-height:34px!important;padding:0 12px!important}
.booking-transport-form{margin-top:14px!important;padding:16px!important}
.booking-transport-form .btn-primary{min-height:44px!important}
.booking-transport-list{max-height:none!important;margin-top:12px!important}
.booking-transport-list article{grid-template-columns:42px minmax(0,1fr) 126px 32px!important;padding:12px!important}
.booking-transport-note{margin-top:5px!important;padding:6px 8px!important;border-radius:9px!important;background:#F6FAFA!important;color:#607980!important}
@media(max-width:900px){
  .booking-transport-center{padding:16px!important}
  .booking-transport-head-actions{width:100%!important;justify-content:flex-start!important}
  .booking-transport-list article{grid-template-columns:38px minmax(0,1fr) 110px 30px!important}
}
@media(max-width:600px){
  .booking-transport-list article{grid-template-columns:36px minmax(0,1fr) 28px!important}
  .booking-transport-list article>form:first-of-type{grid-column:2!important}
  .booking-transport-list article>form:last-of-type{grid-column:3!important;grid-row:1!important}
  .booking-transport-list select{width:100%!important}
}


/* ========================= TRIPLOOM V14.14.35 · TASKS AJAX HERO FIX + TOP ADD BUTTON ========================= */
/* Chỉ tác động tab Việc: giữ Hero chính, ngăn Hero phụ AJAX xuất hiện, đưa CTA lên thanh tab. */
.trip-tabs-top-shell.trip-tabs-with-action{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
.trip-tabs-top-shell.trip-tabs-with-action .trip-tabs{min-width:0!important;margin:0!important}
.trip-tabs-task-add{
  flex:0 0 auto!important;
  min-height:46px!important;
  height:46px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  font-family:"Nunito",sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
  box-shadow:0 12px 24px rgba(49,180,170,.20)!important;
}
.trip-tabs-task-add svg{width:16px!important;height:16px!important;flex:0 0 16px!important}
@media(max-width:900px){
  .trip-tabs-top-shell.trip-tabs-with-action{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .trip-tabs-task-add{min-height:42px!important;height:42px!important;padding:0 14px!important;font-size:10px!important}
}
@media(max-width:600px){
  .trip-tabs-top-shell.trip-tabs-with-action{display:block!important;position:relative!important}
  .trip-tabs-top-shell.trip-tabs-with-action .trip-tabs{padding-right:112px!important}
  .trip-tabs-task-add{position:absolute!important;right:10px!important;top:8px!important;z-index:3!important}
}


/* ========================= TRIPLOOM V14.14.36 · TASK CTA UNDER HERO SCORE ONLY ========================= */
/* Chỉ tab Việc: CTA nằm ngay dưới card hoàn thành trong Hero. */
.trip-tab-hero-tasks .trip-tab-hero-side-tasks{
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:10px!important;
}
.trip-tab-hero-tasks .task-hero-add-btn{
  box-sizing:border-box!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:rgba(255,255,255,.96)!important;
  color:#69D7D0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:0 10px 24px rgba(22,91,99,.15)!important;
}
.trip-tab-hero-tasks .task-hero-add-btn:hover{
  transform:translateY(-1px)!important;
  background:#fff!important;
  box-shadow:0 14px 28px rgba(22,91,99,.20)!important;
}
.trip-tab-hero-tasks .task-hero-add-btn svg{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  stroke:currentColor!important;
}
/* Nút trên thanh tab của bản trước không còn render; hard-hide để tránh markup/cache cũ. */
.trip-tabs-task-add{display:none!important}
@media(max-width:1000px){
  .trip-tab-hero-tasks .trip-tab-hero-side-tasks{width:158px!important;min-width:158px!important;max-width:158px!important}
  .trip-tab-hero-tasks .task-hero-add-btn{width:158px!important;min-width:158px!important;max-width:158px!important;height:42px!important;min-height:42px!important}
}
@media(max-width:700px){
  .trip-tab-hero-tasks .trip-tab-hero-side-tasks{width:160px!important;min-width:160px!important;max-width:160px!important;align-items:stretch!important}
  .trip-tab-hero-tasks .task-hero-add-btn{width:160px!important;min-width:160px!important;max-width:160px!important}
}


/* ========================= TRIPLOOM V14.14.37 · OVERVIEW READINESS REPOSITION ========================= */
/* Chỉ tác động trang Tổng quan lộ trình. */
.route-overview-readiness{
  margin:4px 0 18px!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:26px!important;
  padding:24px 26px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#FFFFFF 0%,#F4FCFB 58%,#DDF7F4 100%)!important;
  border:1px solid #D7E9EA!important;
  box-shadow:0 14px 34px rgba(39,91,99,.06)!important;
}
.route-overview-readiness-main{min-width:0!important}
.route-overview-readiness-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:5px!important}
.route-overview-readiness-title h2{margin:0!important;font-size:22px!important;line-height:1.2!important;color:#1F3B4D!important}
.route-overview-readiness-title small{flex:0 0 auto!important;padding:6px 10px!important;border-radius:999px!important;background:#DDF7F4!important;color:#69D7D0!important;font-size:9px!important;font-weight:800!important}
.route-overview-ready-bars{margin-top:14px!important}
.route-overview-ready-bars>a{
  display:grid!important;
  grid-template-columns:82px minmax(80px,1fr) 46px 18px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:28px!important;
  color:inherit!important;
  text-decoration:none!important;
  border-radius:9px!important;
  padding:2px 4px!important;
  transition:.15s ease!important;
}
.route-overview-ready-bars>a:hover{background:#F0F8F7!important}
.route-overview-ready-bars>a span{font-size:11px!important;color:#536870!important}
.route-overview-ready-bars>a i{height:7px!important;border-radius:99px!important;background:#E7EFF0!important;overflow:hidden!important}
.route-overview-ready-bars>a i b{display:block!important;height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,#3FBDB5,#8EDFF0)!important}
.route-overview-ready-bars>a em{font-size:10px!important;font-style:normal!important;text-align:right!important;color:#6F8792!important}
.route-overview-ready-bars>a strong{font-size:12px!important;color:#8CA0A7!important;text-align:center!important}
.route-overview-ready-warnings{margin-top:14px!important}
.route-overview-ready-ok{display:flex!important;align-items:center!important;gap:7px!important;margin-top:14px!important;color:#69D7D0!important;font-size:10px!important;font-weight:700!important}
.route-overview-ready-ok svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important}
@media(max-width:900px){
  .route-overview-readiness{grid-template-columns:120px minmax(0,1fr)!important;padding:20px!important;gap:18px!important}
  .route-overview-readiness .v6-ready-ring{width:108px!important;height:108px!important;border-width:10px!important}
  .route-overview-ready-bars{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .route-overview-readiness{grid-template-columns:1fr!important;padding:18px!important}
  .route-overview-readiness-title{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
  .route-overview-ready-bars>a{grid-template-columns:72px minmax(70px,1fr) 42px 16px!important}
}

/* 14.14.0 — travel-style tabs + shared group checklist */
.route-mini-links-dynamic,
.route-memory-grid-dynamic{
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
}

.group-checklist-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}
.group-checklist-summary .stat-card{
  min-width:0;
}
.group-checklist-layout{
  align-items:start;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);
  gap:16px;
}
.group-checklist-main,
.group-checklist-side{
  min-width:0;
}
.group-checklist-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.group-checklist-head h2{margin:4px 0 6px}
.group-checklist-head p{margin:0;color:var(--muted);max-width:720px}
.group-checklist-head>strong{
  flex:0 0 auto;
  font-size:30px;
  line-height:1;
  letter-spacing:-1px;
}
.group-checklist-head>strong small{font-size:14px;margin-left:2px;color:var(--muted)}
.group-checklist-progress{margin:0 0 16px}
.group-checklist-progress>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
  margin-bottom:7px;
}
.group-checklist-progress>i{
  display:block;
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(36,157,152,.10);
}
.group-checklist-progress>i>em{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#3FBDB5,#8EDFF0);
}
.group-checklist-progress .overdue-note{
  display:block;
  margin-top:7px;
  color:#C96C38;
  font-weight:700;
}
.group-checklist-list{display:grid;gap:9px}
.group-checklist-category{
  margin:10px 0 0;
  padding:4px 2px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.group-check-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  align-items:start;
  padding:13px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface,#fff);
}
.group-check-item.is-done{opacity:.72}
.group-check-item.is-done .group-check-title{text-decoration:line-through}
.group-check-toggle{
  width:34px;
  height:34px;
  border:0;
  border-radius:11px;
  display:grid;
  place-items:center;
  cursor:pointer;
  background:rgba(36,157,152,.10);
  color:var(--primary,#69D7D0);
}
.group-check-item.is-done .group-check-toggle{
  background:rgba(16,185,129,.16);
}
.group-check-copy{min-width:0}
.group-check-title{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  font-weight:800;
  line-height:1.35;
}
.group-check-overdue{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:3px 7px;
  font-size:10px;
  color:#C96C38;
  background:#FFF7ED;
  border:1px solid #FED7AA;
  text-decoration:none!important;
}
.group-check-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin-top:7px;
  color:var(--muted);
  font-size:12px;
}
.group-check-meta span{display:inline-flex;align-items:center;gap:5px}
.group-check-meta svg{width:14px;height:14px}
.group-check-copy>small{display:block;margin-top:7px;color:var(--muted)}
.group-check-edit{margin-top:10px}
.group-check-edit>summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--primary,#69D7D0)}
.group-check-edit .form-grid{margin-top:10px}
.group-check-delete{display:flex;align-items:flex-start}
.group-checklist-side{position:sticky;top:90px}
.group-checklist-side h3{margin-top:0}
.group-checklist-side .field{margin-bottom:10px}
.group-checklist-side .btn{width:100%;justify-content:center}
.group-checklist-side .quick-suggestions{margin-top:16px}

@media (max-width:980px){
  .group-checklist-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .group-checklist-layout{grid-template-columns:1fr}
  .group-checklist-side{position:static}
}
@media (max-width:640px){
  .group-checklist-summary{gap:8px}
  .group-checklist-head{gap:10px}
  .group-checklist-head>strong{font-size:26px}
  .group-check-item{grid-template-columns:auto minmax(0,1fr);padding:11px}
  .group-check-delete{grid-column:2}
  .group-check-meta{gap:5px 9px}
  .route-mini-links-dynamic,
  .route-memory-grid-dynamic{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* checklist visual corrections */
.group-checklist-summary>div{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}
.group-checklist-summary>div>i{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(36,157,152,.08);
  color:var(--green);
}
.group-checklist-summary>div>i svg{width:18px;height:18px}
.group-checklist-summary>div>span{min-width:0}
.group-checklist-summary small,
.group-checklist-summary b{display:block}
.group-checklist-summary small{color:var(--muted);font-size:9px}
.group-checklist-summary b{margin-top:2px;font-size:18px}
.group-checklist-summary .attention>i{background:#FFF7ED;color:#C96C38}
.group-check-item.done{opacity:.72}
.group-check-item.done .group-check-title{text-decoration:line-through}
.group-check-toggle{
  width:34px;
  height:34px;
  display:block;
  background:transparent;
}
.group-check-toggle>button{
  width:34px;
  height:34px;
  border:1px solid #CBDAD4;
  border-radius:11px;
  display:grid;
  place-items:center;
  cursor:pointer;
  background:#fff;
  color:var(--green);
  font-weight:900;
}
.group-check-item.done .group-check-toggle>button{
  border-color:var(--green);
  background:var(--green);
  color:#fff;
}
.group-check-item.overdue:not(.done){border-color:#FED7AA;background:#FFFDF9}


/* TRIPLOOM V14.14.40 · Expense manager */
.expenses-layout-v28{align-items:start}
.expense-list-v28{gap:9px}
.expense-row-v28{grid-template-columns:38px minmax(0,1fr) auto auto;gap:11px;padding:11px 12px;border:1px solid #E7EFF0;background:#F4FCFB}
.expense-copy-v28{min-width:0}.expense-copy-v28 b{font-size:12px}.expense-copy-v28 small{font-size:10px;line-height:1.45;margin-top:2px}
.expense-money{min-width:106px}.expense-money b{font-size:13px}.expense-money.has-actual b,.expense-actual-total-v28{color:#FF9B5E!important}.expense-money.has-actual small{color:#FF9B5E;font-weight:700}
.expense-actions-v28{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.expense-actions-v28 form{margin:0}
.expense-action-btn-v28{width:31px;height:31px;border:1px solid #C6ECE8;border-radius:9px;background:#fff;color:#47717A;display:grid;place-items:center;font-weight:800;font-size:15px;cursor:pointer}.expense-action-btn-v28:hover{background:#F1F9F8;color:#69D7D0;border-color:#C9E2E0}
.expense-actual-btn-v28{height:31px;padding:0 10px;border:1px solid #FFD5B5;border-radius:9px;background:#FFF5ED;color:#FF9B5E;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.expense-actual-btn-v28:hover{background:#FFEBDD;border-color:#FFBE8C}
.expenses-add-note-v28{font-size:11px;margin:-2px 0 14px}.expense-modal-v28 .modal-card h2{margin-top:5px}.expense-modal-v28 .modal-card.small{max-width:430px}
@media(max-width:900px){.expense-row-v28{grid-template-columns:38px minmax(0,1fr) auto}.expense-actions-v28{grid-column:2/4;justify-content:flex-end;border-top:1px solid #DDF7F4;padding-top:8px}.expense-money{min-width:96px}}
@media(max-width:560px){.expense-row-v28{grid-template-columns:36px minmax(0,1fr)}.expense-money{grid-column:2;text-align:left;min-width:0}.expense-actions-v28{grid-column:1/3}.expense-actual-btn-v28{min-width:92px}.money-cards{grid-template-columns:1fr 1fr}}

/* TRIPLOOM V14.14.41 · Expense rows: fixed planned / actual / delete columns */
.expense-list-v28{display:grid;gap:10px}
.expense-row-v29{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(360px,430px);
  gap:16px;
  align-items:stretch;
  padding:12px 13px;
  border:1px solid #E3ECEE;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 14px rgba(30,79,88,.035);
}
.expense-main-v29{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;min-width:0}
.expense-copy-v29{min-width:0}.expense-copy-v29 b{display:block;font-size:12.5px;line-height:1.35;color:#1F3B4D;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-copy-v29 small{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:#789097;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.expense-columns-v29{display:grid;grid-template-columns:minmax(128px,1fr) minmax(158px,1.18fr) 48px;gap:8px;min-width:0;align-items:stretch}
.expense-col-v29{min-height:58px;border:1px solid #E8EFF0;border-radius:11px;background:#F4FCFB;padding:7px 9px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.expense-col-label-v29{display:block;margin-bottom:4px;color:#8A9BA0;font-size:8.5px;font-weight:800;letter-spacing:.025em;line-height:1.15;white-space:nowrap}
.expense-col-value-v29{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.expense-col-value-v29 b{font-size:12.5px;line-height:1.2;color:#29414A;white-space:nowrap}
.expense-edit-inline-v29{flex:0 0 auto;width:25px;height:25px;border:1px solid #D7E5E7;border-radius:8px;background:#fff;color:#47717A;display:grid;place-items:center;padding:0;font-size:12px;font-weight:900;cursor:pointer}.expense-edit-inline-v29:hover{background:#F0F9F8;border-color:#BFDCD9;color:#69D7D0}
.expense-actual-v29.has-actual{background:#FFF9F4;border-color:#FFE0C8}.expense-actual-v29.has-actual .expense-col-label-v29{color:#FF9B5E}.actual-value-v29 b{color:#FF9B5E!important;font-weight:900}
.expense-actual-btn-v29{width:100%;min-height:27px;border:1px solid #FFD0AE;border-radius:8px;background:#FFF5ED;color:#FF9B5E;padding:5px 7px;font-size:9px;font-weight:850;line-height:1.15;cursor:pointer;white-space:normal}.expense-actual-btn-v29:hover{background:#FFEBDD;border-color:#FFB77F}
.expense-delete-v29{align-items:center;text-align:center;padding-left:5px;padding-right:5px}.expense-delete-v29 .expense-col-label-v29{text-align:center}.expense-delete-v29 form{margin:0;display:flex;justify-content:center}.expense-delete-btn-v29{width:27px;height:27px;margin:0}
@media(max-width:900px){
  .expense-row-v29{grid-template-columns:1fr;gap:9px}
  .expense-main-v29{min-height:38px}
}
@media(max-width:560px){
  .expense-row-v29{padding:10px;border-radius:13px;gap:9px}
  .expense-main-v29{grid-template-columns:34px minmax(0,1fr);gap:9px}
  .expense-copy-v29 b{font-size:12px}.expense-copy-v29 small{font-size:9.5px}
  .expense-columns-v29{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 42px;gap:6px;width:100%}
  .expense-col-v29{min-height:61px;padding:6px 7px;border-radius:9px}
  .expense-col-label-v29{font-size:7.7px;margin-bottom:4px}
  .expense-col-value-v29 b{font-size:10.5px}
  .expense-edit-inline-v29{width:22px;height:22px;border-radius:7px;font-size:11px}
  .expense-actual-btn-v29{min-height:29px;padding:4px 5px;font-size:8.2px}
  .expense-delete-btn-v29{width:25px;height:25px}
  .expense-delete-v29{padding-left:3px;padding-right:3px}
}

/* TRIPLOOM V14.14.42 · Group expense payer column */
.expense-columns-v29.is-group{grid-template-columns:minmax(118px,.95fr) minmax(150px,1.08fr) minmax(156px,1.08fr) 48px}
.expense-payer-v30{background:#F4FCFB}
.expense-payer-v30.has-payer{background:#F4FCFB;border-color:#D4ECE8}
.expense-payer-btn-v30{width:100%;min-height:27px;border:1px solid #BFE1DE;border-radius:8px;background:#F1FAF9;color:#249D98;padding:5px 7px;font-size:9px;font-weight:850;line-height:1.15;cursor:pointer;white-space:normal}
.expense-payer-btn-v30:hover{background:#E6F7F5;border-color:#99D0CB}
.expense-payer-value-v30{width:100%;min-height:31px;border:0;border-radius:8px;background:transparent;padding:2px 3px;display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:left;cursor:pointer;color:#2D5558}
.expense-payer-value-v30 b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2}
.expense-payer-value-v30 small{flex:0 0 auto;font-size:7.5px;font-weight:800;color:#69D7D0}
.expense-payer-value-v30:hover{background:#EAF7F5}
@media(max-width:900px){.expense-columns-v29.is-group{grid-template-columns:minmax(108px,.92fr) minmax(136px,1.08fr) minmax(142px,1.08fr) 44px}}
@media(max-width:560px){
  .expense-columns-v29.is-group{grid-template-columns:minmax(70px,.86fr) minmax(91px,1.12fr) minmax(94px,1.16fr) 36px;gap:4px}
  .expense-columns-v29.is-group .expense-col-v29{min-height:64px;padding:5px 5px}
  .expense-columns-v29.is-group .expense-col-label-v29{font-size:6.9px;white-space:normal;min-height:16px;display:flex;align-items:flex-start}
  .expense-columns-v29.is-group .expense-col-value-v29 b{font-size:9.8px}
  .expense-columns-v29.is-group .expense-actual-btn-v29,.expense-columns-v29.is-group .expense-payer-btn-v30{font-size:7.2px;line-height:1.12;padding:4px 3px;min-height:31px}
  .expense-columns-v29.is-group .expense-payer-value-v30{padding:1px;display:block;text-align:center}
  .expense-columns-v29.is-group .expense-payer-value-v30 b{display:block;font-size:8.8px;white-space:normal;line-height:1.12;max-height:22px;overflow:hidden}
  .expense-columns-v29.is-group .expense-payer-value-v30 small{display:block;margin-top:2px;font-size:6.8px}
}


/* TRIPLOOM V14.14.43 · Group expense responsive grid hotfix */
.expense-row-v29,
.expense-main-v29,
.expense-columns-v29,
.expense-col-v29{box-sizing:border-box;min-width:0;max-width:100%}
.expense-row-v29.is-group-row{
  grid-template-columns:minmax(150px,.78fr) minmax(0,1.72fr);
}
.expense-row-v29.is-group-row .expense-columns-v29.is-group{
  width:100%;
  max-width:100%;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.13fr) minmax(0,1.17fr) 44px;
  gap:7px;
}
.expense-row-v29.is-group-row .expense-col-value-v29,
.expense-row-v29.is-group-row .expense-payer-value-v30{min-width:0;max-width:100%}
.expense-row-v29.is-group-row .expense-col-value-v29 b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.expense-row-v29.is-group-row .expense-actual-btn-v29,
.expense-row-v29.is-group-row .expense-payer-btn-v30{
  max-width:100%;
  overflow-wrap:anywhere;
}
@media(max-width:1100px){
  .expense-row-v29.is-group-row{grid-template-columns:minmax(120px,.55fr) minmax(0,1.8fr);gap:10px}
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{grid-template-columns:minmax(0,.9fr) minmax(0,1.08fr) minmax(0,1.1fr) 42px;gap:6px}
}
@media(max-width:900px){
  .expense-row-v29.is-group-row{grid-template-columns:minmax(0,1fr);gap:9px}
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{width:100%;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) minmax(0,1.1fr) 42px;gap:6px}
}
@media(max-width:560px){
  .expense-row-v29.is-group-row{padding:9px;overflow:hidden}
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.08fr) minmax(0,1.12fr) 34px;
    gap:4px;
    width:100%;
    max-width:100%;
  }
  .expense-row-v29.is-group-row .expense-col-v29{min-width:0;min-height:62px;padding:5px 5px}
  .expense-row-v29.is-group-row .expense-col-label-v29{font-size:6.8px;line-height:1.05;white-space:normal;min-height:14px;margin-bottom:3px}
  .expense-row-v29.is-group-row .expense-expected-v29{position:relative}
  .expense-row-v29.is-group-row .expense-expected-v29 .expense-col-label-v29{padding-right:19px}
  .expense-row-v29.is-group-row .expense-expected-v29 .expense-col-value-v29{display:block;width:100%}
  .expense-row-v29.is-group-row .expense-expected-v29 .expense-col-value-v29 b{display:block;width:100%;font-size:9px;line-height:1.2;overflow:visible;text-overflow:clip;white-space:nowrap}
  .expense-row-v29.is-group-row .expense-expected-v29 .expense-edit-inline-v29{position:absolute;right:4px;top:4px;width:18px;height:18px;border-radius:6px;font-size:9px}
  .expense-row-v29.is-group-row .expense-actual-v29 .expense-col-value-v29 b{font-size:9px;white-space:nowrap;overflow:visible;text-overflow:clip}
  .expense-row-v29.is-group-row .expense-actual-btn-v29,
  .expense-row-v29.is-group-row .expense-payer-btn-v30{font-size:6.7px;line-height:1.08;padding:4px 2px;min-height:29px}
  .expense-row-v29.is-group-row .expense-payer-value-v30{padding:1px;display:block;text-align:center;min-height:29px}
  .expense-row-v29.is-group-row .expense-payer-value-v30 b{display:block;font-size:8.3px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .expense-row-v29.is-group-row .expense-payer-value-v30 small{display:block;margin-top:2px;font-size:6.4px}
  .expense-row-v29.is-group-row .expense-delete-v29{padding:4px 2px}
  .expense-row-v29.is-group-row .expense-delete-v29 .expense-col-label-v29{font-size:6.5px;min-height:14px;justify-content:center;text-align:center}
  .expense-row-v29.is-group-row .expense-delete-btn-v29{width:23px;height:23px;border-radius:50%;font-size:13px}
}


/* TRIPLOOM V14.14.44 · Expense payer modal context */
#expense-payer-modal .expense-payer-context-v31{margin:20px 0 22px;padding:0}
#expense-payer-modal .expense-payer-context-v31 h2{margin:0;font-size:18px;line-height:1.28;font-weight:800;color:#2D3E46;letter-spacing:-.015em}
#expense-payer-modal .expense-payer-context-v31 p{margin:5px 0 0;font-size:11px;line-height:1.45;font-weight:500;color:#91A3AA}
#expense-payer-modal .expense-payer-context-v31 p[hidden]{display:none}
@media(max-width:560px){#expense-payer-modal .expense-payer-context-v31{margin:18px 0 20px}#expense-payer-modal .expense-payer-context-v31 h2{font-size:17px}}


/* TRIPLOOM V14.14.45 · Actual expense modal context + orange CTA */
#expense-actual-modal .expense-actual-context-v32{margin:20px 0 22px;padding:0}
#expense-actual-modal .expense-actual-context-v32 h2{margin:0;font-size:18px;line-height:1.28;font-weight:800;color:#2D3E46;letter-spacing:-.015em}
#expense-actual-modal .expense-actual-context-v32 p{margin:5px 0 0;font-size:11px;line-height:1.45;font-weight:500;color:#91A3AA}
#expense-actual-modal .expense-actual-context-v32 p[hidden]{display:none}
#expense-actual-modal .expense-actual-submit-v32{min-height:48px;border:1px solid #FF9B5E;border-radius:12px;background:#FF9B5E;color:#fff;font-weight:850;box-shadow:0 7px 18px rgba(253,109,0,.16);cursor:pointer}
#expense-actual-modal .expense-actual-submit-v32:hover{background:#FF9B5E;border-color:#FF9B5E}
#expense-actual-modal .expense-actual-submit-v32:active{transform:translateY(1px)}
@media(max-width:560px){#expense-actual-modal .expense-actual-context-v32{margin:18px 0 20px}#expense-actual-modal .expense-actual-context-v32 h2{font-size:17px}}


/* TRIPLOOM V14.14.46 · Expense full edit action beside delete */
.expense-columns-v29{grid-template-columns:minmax(118px,1fr) minmax(150px,1.18fr) 68px}
.expense-columns-v29.is-group,
.expense-row-v29.is-group-row .expense-columns-v29.is-group{grid-template-columns:minmax(0,.95fr) minmax(0,1.13fr) minmax(0,1.17fr) 68px}
.expense-actions-v33{align-items:center;justify-content:center;text-align:center;padding:6px 5px}
.expense-actions-v33 .expense-actions-label-v33{height:8px;min-height:8px;margin:0 0 3px;font-size:0;line-height:0}
.expense-actions-icons-v33{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
.expense-actions-icons-v33 form{margin:0;display:flex;align-items:center;justify-content:center}
.expense-edit-action-v33,
.expense-actions-v33 .expense-delete-btn-v29{flex:0 0 auto;width:27px;height:27px;margin:0;padding:0;border-radius:8px;display:grid;place-items:center;line-height:1;font-size:13px;font-weight:900;cursor:pointer}
.expense-edit-action-v33{border:1px solid #D7E5E7;background:#fff;color:#47717A}
.expense-edit-action-v33:hover{background:#F0F9F8;border-color:#BFDCD9;color:#69D7D0}
.expense-actions-v33 .expense-delete-btn-v29{border:0;border-radius:50%}
#expense-edit-modal [name="actual_amount"]{border-color:#FFD0AE;background:#FFF9F4}
#expense-edit-modal [name="actual_amount"]:focus{border-color:#FF9B5E;box-shadow:0 0 0 3px rgba(253,109,0,.10)}
@media(max-width:1100px){
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{grid-template-columns:minmax(0,.9fr) minmax(0,1.08fr) minmax(0,1.1fr) 64px}
}
@media(max-width:900px){
  .expense-columns-v29{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr) 64px}
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) minmax(0,1.1fr) 64px}
}
@media(max-width:560px){
  .expense-columns-v29{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 52px;gap:5px}
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{grid-template-columns:minmax(0,.9fr) minmax(0,1.08fr) minmax(0,1.12fr) 52px;gap:4px}
  .expense-actions-v33{padding:4px 2px}
  .expense-actions-icons-v33{gap:3px}
  .expense-edit-action-v33,
  .expense-actions-v33 .expense-delete-btn-v29{width:22px;height:22px;font-size:11px}
}


/* TRIPLOOM V14.14.47 · Expense amount change links */
.expense-money-value-v34{
  width:100%;min-width:0;min-height:31px;margin:0;border:0;border-radius:8px;background:transparent;padding:2px 3px;
  display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:left;cursor:pointer;color:#2D3E46;font:inherit;
}
.expense-money-value-v34 b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2}
.expense-money-value-v34 small{flex:0 0 auto;font-size:7.5px;font-weight:800;color:#69D7D0}
.expense-money-value-v34:hover{background:#EAF7F5}
.expense-actual-v29.has-actual .expense-money-value-v34{color:#FF9B5E}
.expense-actual-v29.has-actual .expense-money-value-v34 small{color:#FF9B5E;opacity:.72}
.expense-actual-v29.has-actual .expense-money-value-v34:hover{background:#FFF1E8}
@media(max-width:560px){
  .expense-money-value-v34{padding:1px;display:block;text-align:center;min-height:29px}
  .expense-money-value-v34 b{display:block;font-size:8.8px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .expense-money-value-v34 small{display:block;margin-top:2px;font-size:6.4px}
}

/* TRIPLOOM V14.14.48 · Expense action icons without outer box */
.expense-actions-v33{
  align-self:stretch;
  min-height:58px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.expense-actions-v33 .expense-actions-label-v33{display:none!important}
.expense-actions-icons-v33{
  width:100%;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:0;
  padding:0;
  line-height:1;
}
.expense-actions-icons-v33 form{
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}
.expense-edit-action-v33,
.expense-actions-v33 .expense-delete-btn-v29{
  flex:0 0 auto;
  align-self:center;
  margin:0!important;
  vertical-align:middle;
}
@media(max-width:560px){
  .expense-actions-v33{min-height:62px;padding:0!important}
  .expense-actions-icons-v33{gap:3px}
}

/* TRIPLOOM V14.16.0 · Group account IDs, protected join, approvals & per-tab roles */
.group-access-panel-v36{display:grid;gap:18px;padding:22px!important}
.group-access-head-v36{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.group-access-head-v36 h2{margin:4px 0 5px}
.group-access-head-v36 .muted{max-width:690px;margin:0}
.group-id-box-v36{flex:0 0 190px;min-height:104px;padding:14px 16px;border:1px solid #CFE4E5;border-radius:18px;background:#F4FCFB;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
.group-id-box-v36 small,.group-account-id-v36 small,.group-join-hero-v36>div:last-child small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#6D858C}
.group-id-box-v36 b,.group-account-id-v36 b,.group-join-hero-v36>div:last-child b{font-size:25px;line-height:1;color:#69D7D0;letter-spacing:.04em}
.group-id-box-v36 .btn{margin-top:5px;padding:7px 11px;min-height:32px;font-size:11px}
.group-password-form-v36{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding-top:17px;border-top:1px solid #E2EEEE}
.group-password-form-v36 label{margin:0}
.group-password-form-v36 .btn{min-width:144px;min-height:44px}

.group-invite-form-v36{grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr) auto!important;align-items:center}
.group-member-section-v36{margin-top:18px}
.group-member-section-v36.group-pending-section-v15189{margin-top:24px;padding-top:20px;border-top:1px solid #C6ECE8}
.group-member-section-head-v36{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px}
.group-member-section-head-v36 b{font-size:13px;color:#293D45}
.group-member-section-head-v36 small{padding:4px 9px;border-radius:999px;background:#EEF8F7;color:#249D98;font-size:10px;font-weight:800}
.group-member-list-v36{display:grid;gap:8px}
.group-member-row-v36{min-height:64px;padding:9px 10px!important;border:1px solid #C6ECE8!important;border-radius:16px!important;background:#fff;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}
.group-member-row-v36.leader{background:#F4FCFB}
.group-member-row-v36 .avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#DFF6F3;color:#249D98;font-weight:800}
.group-member-copy-v36{min-width:0;display:grid;gap:2px}
.group-member-copy-v36 b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#2C3F47}
.group-member-copy-v36 small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#84969D;font-size:10.5px}
.group-member-actions-v36{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.group-member-actions-v36 form{display:flex;margin:0}
.group-role-link-v36{border:0;background:transparent;color:#249D98;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap;padding:7px 4px}
.group-role-link-v36:hover{text-decoration:underline}
.group-icon-action-v36{width:30px;height:30px;flex:0 0 30px;border:1px solid #D5E6E8;border-radius:10px;background:#fff;color:#4C747D;display:grid;place-items:center;cursor:pointer;padding:0}
.group-icon-action-v36 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.group-icon-action-v36:hover{border-color:#91D8D2;background:#EFFBFA;color:#249D98}
.group-member-actions-v36 .mini-delete{margin:0;width:30px;height:30px;display:grid;place-items:center}

.group-pending-list-v36{display:grid;gap:8px}
.group-pending-list-v36>div{min-height:62px;padding:9px 10px;border:1px solid #DDF7F4;border-radius:16px;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;background:#fff}
.group-pending-list-v36 .avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#FFF4EA;color:#FF9B5E;font-weight:800}
.group-pending-list-v36>div>div{min-width:0;display:grid;gap:2px}
.group-pending-list-v36 b{font-size:12px;color:#31434B}
.group-pending-list-v36 small{font-size:10px;color:#84969D}
.group-pending-list-v36 form{margin:0}
.group-approve-form-v36{display:flex;align-items:center;gap:6px}
.group-approve-form-v36 input{width:130px;min-height:34px;padding:7px 9px;font-size:10px}
.group-approve-form-v36 .btn{min-height:34px;padding:7px 11px;font-size:10px}
.group-empty-compact-v36{padding:15px;border:1px dashed #D7E7E8;border-radius:14px;color:#81949B;font-size:11px;text-align:center;background:#F4FCFB}

.group-role-modal-v36{width:min(760px,calc(100vw - 28px))!important}
.group-permission-grid-v36{display:grid;gap:7px;max-height:52vh;overflow:auto;padding:2px 3px 2px 0}
.group-permission-grid-v36>div{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(360px,1.4fr);align-items:center;gap:12px;padding:9px 10px;border:1px solid #DFECEC;border-radius:13px;background:#F4FCFB}
.group-permission-grid-v36>div>b{font-size:11px;color:#33464E}
.group-permission-options-v36{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.group-permission-options-v36 label{margin:0;position:relative;cursor:pointer}
.group-permission-options-v36 input{position:absolute;opacity:0;pointer-events:none}
.group-permission-options-v36 span{min-height:33px;padding:7px 5px;border:1px solid #D6E6E7;border-radius:9px;display:grid;place-items:center;text-align:center;background:#fff;color:#6A7E85;font-size:9.5px;font-weight:800}
.group-permission-options-v36 input:checked+span{border-color:#76CDC7;background:#E9F8F6;color:#249D98;box-shadow:inset 0 0 0 1px rgba(105,215,208,.12)}
.group-permission-options-v36 label:last-child input:checked+span{border-color:#8EDFF0;background:#EDF8FE;color:#69D7D0}
.group-permission-options-v36 label:first-child input:checked+span{border-color:#E9C2C2;background:#FFF4F4;color:#B83B49}

.group-readonly-notice-v36{margin:0 0 14px;padding:10px 13px;border:1px solid #CCE6E3;border-radius:13px;background:#F1FAF9;color:#4F7379;font-size:11px}

.group-account-card-v36{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;align-items:center}
.group-account-card-v36 h2{margin:4px 0 4px}
.group-account-card-v36 p{margin:0}
.group-account-id-v36{min-width:165px;padding:15px 17px;border:1px solid #CEE7E5;border-radius:16px;background:#F1FAF9;display:grid;gap:5px}
.group-invite-pref-v36{grid-column:1/-1;padding-top:17px;border-top:1px solid #E0ECEC;display:flex;align-items:center;justify-content:space-between;gap:18px}
.group-switch-v36{flex:1;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:16px;cursor:pointer}
.group-switch-v36 span{display:grid;gap:3px}
.group-switch-v36 span b{font-size:12px;color:#33464E}
.group-switch-v36 span small{font-size:10.5px;color:#7C9097;font-weight:500}
.group-switch-v36 input{position:absolute;opacity:0;pointer-events:none}
.group-switch-v36 i{width:46px;height:26px;border-radius:999px;background:#CFDCDE;position:relative;transition:.2s}
.group-switch-v36 i:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(37,67,74,.18);transition:.2s}
.group-switch-v36 input:checked~i{background:#69D7D0}
.group-switch-v36 input:checked~i:after{transform:translateX(20px)}

.group-join-hero-v36{margin:0 0 16px;padding:26px 30px;border-radius:28px;background:linear-gradient(110deg,#249D98,#8EDFF0);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 18px 42px rgba(58,129,145,.12)}
.group-join-hero-v36 .eyebrow{color:#D7FFFF}
.group-join-hero-v36 h2{margin:7px 0 8px;color:#fff;font-size:30px;line-height:1.08}
.group-join-hero-v36 p{max-width:650px;margin:0;color:rgba(255,255,255,.88);font-size:12px}
.group-join-hero-v36>div:last-child{flex:0 0 210px;padding:17px 18px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.13);display:grid;gap:6px}
.group-join-hero-v36>div:last-child small{color:rgba(255,255,255,.78)}
.group-join-hero-v36>div:last-child b{color:#fff;font-size:28px}
.group-join-hero-v36>div:last-child span{font-size:9.5px;color:rgba(255,255,255,.78)}
.group-join-grid-v36{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin-bottom:16px}
.group-join-grid-v36>.panel{margin:0}
.group-join-form-v36{margin-top:17px}
.group-invite-list-v36{display:grid;gap:9px;margin-top:14px}
.group-invite-list-v36 article{padding:12px;border:1px solid #C6ECE8;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}
.group-invite-list-v36 article>div:first-child{min-width:0;display:grid;gap:2px}
.group-invite-list-v36 article b{font-size:12px;color:#31454D}
.group-invite-list-v36 article small,.group-invite-list-v36 article p{margin:0;color:#83969C;font-size:10px}
.group-invite-list-v36 article>div:last-child{display:flex;gap:6px;flex:0 0 auto}
.group-invite-list-v36 form{margin:0}.group-invite-list-v36 .btn{min-height:34px;padding:7px 10px;font-size:10px}
.group-pending-own-v36{display:grid;gap:8px}
.group-pending-own-v36>div{padding:10px 12px;border:1px solid #E0ECEC;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.group-pending-own-v36 span{display:grid;gap:2px}.group-pending-own-v36 b{font-size:12px}.group-pending-own-v36 small{font-size:10px;color:#84969D}

@media(max-width:900px){
  .group-access-head-v36{gap:14px}.group-id-box-v36{flex-basis:170px}
  .group-invite-form-v36{grid-template-columns:1fr 1fr!important}.group-invite-form-v36 .btn{grid-column:1/-1}
  .group-member-row-v36{grid-template-columns:38px minmax(0,1fr)}
  .group-member-row-v36>.badge,.group-member-actions-v36{grid-column:2;justify-self:start}
  .group-member-actions-v36{width:100%;justify-content:flex-start;padding-top:2px}
  .group-pending-list-v36>div{grid-template-columns:38px minmax(0,1fr) auto}.group-approve-form-v36{grid-column:2/3}.group-pending-list-v36>div>form:last-child{grid-column:3;grid-row:1/3}
  .group-permission-grid-v36>div{grid-template-columns:1fr}.group-join-grid-v36{grid-template-columns:1fr}
}
@media(max-width:620px){
  .group-access-panel-v36{padding:16px!important}.group-access-head-v36{display:grid}.group-id-box-v36{width:100%;min-height:0;display:grid;grid-template-columns:1fr auto;align-items:center}.group-id-box-v36 small{grid-column:1}.group-id-box-v36 b{grid-column:1}.group-id-box-v36 .btn{grid-column:2;grid-row:1/3;margin:0}
  .group-password-form-v36{grid-template-columns:1fr}.group-password-form-v36 .btn{width:100%}
  .group-invite-form-v36{grid-template-columns:1fr!important}.group-invite-form-v36 .btn{grid-column:auto}
  .group-member-row-v36{padding:9px!important}.group-member-copy-v36 small{white-space:normal;line-height:1.25}
  .group-role-link-v36{font-size:9.5px}.group-member-actions-v36{gap:5px}
  .group-pending-list-v36>div{grid-template-columns:34px minmax(0,1fr) 30px}.group-pending-list-v36 .avatar{width:34px;height:34px}.group-approve-form-v36{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}.group-approve-form-v36 input{width:100%}.group-pending-list-v36>div>form:last-child{grid-column:3;grid-row:1}
  .group-permission-options-v36{gap:3px}.group-permission-options-v36 span{font-size:8.7px;padding:6px 3px}.group-permission-grid-v36{max-height:58vh}
  .group-account-card-v36{grid-template-columns:1fr}.group-account-id-v36{min-width:0}.group-invite-pref-v36{display:grid}.group-invite-pref-v36 .btn{width:100%}
  .group-join-hero-v36{padding:21px 18px;border-radius:22px;display:grid}.group-join-hero-v36 h2{font-size:25px}.group-join-hero-v36>div:last-child{width:100%;padding:14px;display:grid;grid-template-columns:1fr auto}.group-join-hero-v36>div:last-child small,.group-join-hero-v36>div:last-child span{grid-column:1}.group-join-hero-v36>div:last-child b{grid-column:2;grid-row:1/3;align-self:center}
  .group-invite-list-v36 article{align-items:flex-start;display:grid}.group-invite-list-v36 article>div:last-child{width:100%}.group-invite-list-v36 article>div:last-child form{flex:1}.group-invite-list-v36 article .btn{width:100%}
}

/* TRIPLOOM V14.16.1 · Fix role/permission modal sizing and internal scroll */
.modal-card.medium.group-role-modal-v36{
  width:min(680px,calc(100vw - 40px))!important;
  max-width:680px!important;
  max-height:min(82vh,760px)!important;
  overflow:hidden!important;
  padding:24px 24px 22px!important;
  border-radius:26px!important;
}
.group-role-modal-v36>.eyebrow{margin-bottom:10px!important}
.group-role-modal-v36>h2{
  margin:0 0 7px!important;
  font-size:30px!important;
  line-height:1.05!important;
  padding-right:50px!important;
}
.group-role-modal-v36>p.muted{
  margin:0 0 12px!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}
.group-role-modal-v36>.form-stack{
  min-height:0!important;
  gap:10px!important;
  overflow:hidden!important;
}
.group-role-modal-v36>.form-stack>label{
  padding:12px 13px!important;
  border-radius:16px!important;
}
.group-role-modal-v36>.form-stack>label input{
  min-height:44px!important;
  margin-top:6px!important;
}
.group-role-modal-v36 .group-permission-grid-v36{
  min-height:0!important;
  max-height:40vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:1px 5px 1px 0!important;
  overscroll-behavior:contain;
}
.group-role-modal-v36 .group-permission-grid-v36>div{
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:9px!important;
  padding:7px 8px!important;
  border-radius:12px!important;
}
.group-role-modal-v36 .group-permission-grid-v36>div>b{
  font-size:10.5px!important;
  line-height:1.25!important;
}
.group-role-modal-v36 .group-permission-options-v36{gap:4px!important}
.group-role-modal-v36 .group-permission-options-v36 span{
  min-height:31px!important;
  padding:5px 4px!important;
  font-size:9px!important;
  line-height:1.15!important;
}
.group-role-modal-v36>.form-stack>.btn-block{
  min-height:44px!important;
  margin-top:1px!important;
  flex:0 0 auto!important;
}
@media(max-width:900px){
  .modal-card.medium.group-role-modal-v36{
    width:min(640px,calc(100vw - 32px))!important;
    max-width:640px!important;
    max-height:84vh!important;
    padding:22px 20px 20px!important;
  }
  .group-role-modal-v36 .group-permission-grid-v36{max-height:42vh!important}
}
@media(max-width:620px){
  .modal-card.medium.group-role-modal-v36{
    width:calc(100vw - 16px)!important;
    max-width:none!important;
    max-height:90vh!important;
    padding:19px 14px 15px!important;
    border-radius:22px!important;
  }
  .group-role-modal-v36>h2{font-size:26px!important}
  .group-role-modal-v36>p.muted{font-size:10.5px!important;margin-bottom:9px!important}
  .group-role-modal-v36 .group-permission-grid-v36{max-height:48vh!important;padding-right:3px!important}
  .group-role-modal-v36 .group-permission-grid-v36>div{grid-template-columns:1fr!important;gap:6px!important;padding:7px!important}
  .group-role-modal-v36 .group-permission-options-v36 span{min-height:30px!important;font-size:8.5px!important}
}


/* TRIPLOOM V14.16.2 · Group modal visibility/state hard guard */
.group-member-modal-v36,
.group-member-modal-v36:not(.open),
.group-member-modal-v36[hidden]{display:none!important;pointer-events:none!important}
.group-member-modal-v36.open:not([hidden]){display:flex!important;pointer-events:auto!important}
.group-member-modal-v36>.modal-card{pointer-events:auto!important}


/* TRIPLOOM V14.16.3 · Compact group ID/password card */
.group-access-panel-v36{gap:12px!important;padding:14px 18px!important}
.group-access-head-v36{align-items:center;gap:16px}
.group-access-head-v36>div:first-child{display:grid;gap:4px;min-width:0}
.group-access-head-v36 .eyebrow{margin-bottom:0;font-size:11px;letter-spacing:.16em}
.group-access-head-v36 h2{margin:0!important;font-size:17px;line-height:1.2}
.group-access-head-v36 .muted{max-width:760px;font-size:11px;line-height:1.45;color:#83969C}
.group-id-box-v36{flex-basis:156px;min-height:0;padding:12px 14px;border-radius:16px;gap:3px}
.group-id-box-v36 b{font-size:20px}
.group-id-box-v36 .btn{margin-top:4px;min-height:30px;padding:6px 10px;font-size:10.5px}
.group-password-form-v36{padding-top:12px;gap:8px;align-items:center}
.group-password-form-v36 label{display:grid;gap:5px}
.group-password-form-v36 label>small{font-size:10px;line-height:1.35;color:#8B9CA3}
.group-password-form-v36 input{min-height:44px}
.group-password-form-v36 .btn{min-width:132px;min-height:42px;padding:10px 16px}
@media(max-width:900px){
  .group-access-panel-v36{padding:14px 16px!important}
  .group-access-head-v36{align-items:flex-start}
  .group-id-box-v36{flex-basis:148px}
}
@media(max-width:620px){
  .group-access-panel-v36{gap:10px!important;padding:12px 14px!important}
  .group-access-head-v36{gap:10px!important}
  .group-access-head-v36 h2{font-size:16px}
  .group-access-head-v36 .muted{font-size:10.5px;line-height:1.4}
  .group-id-box-v36{padding:10px 12px;border-radius:14px;grid-template-columns:1fr auto;column-gap:10px}
  .group-id-box-v36 b{font-size:18px}
  .group-id-box-v36 .btn{min-height:28px;padding:5px 9px;font-size:10px}
  .group-password-form-v36{padding-top:10px;gap:7px}
  .group-password-form-v36 input{min-height:40px}
  .group-password-form-v36 .btn{min-height:40px}
}


/* TRIPLOOM V14.16.4 · Group hero quick tools + orange role action */
.trip-tab-hero-people .trip-tab-hero-side{display:grid!important;justify-items:end;align-content:end;gap:10px;min-width:214px!important;width:auto!important;height:auto!important}
.trip-tab-hero-group-tools-v36{width:214px;padding:11px 12px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);display:grid;gap:8px;box-shadow:0 10px 24px rgba(18,82,96,.12)}
.trip-tab-hero-group-id-v36{display:grid;gap:2px;text-align:left}
.trip-tab-hero-group-id-v36 small{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.76)}
.trip-tab-hero-group-id-v36 b{font-size:22px;line-height:1;color:#fff;letter-spacing:.04em}
.trip-tab-hero-group-link-v36{display:flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.18);color:#fff!important;font-size:11px;font-weight:800;text-align:center;text-decoration:none}
.trip-tab-hero-group-link-v36:hover{background:rgba(255,255,255,.24);text-decoration:none}
.group-role-link-v36{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 12px;border-radius:12px;border:1px solid #F7C79F;background:#FFF4EA;color:#FF9B5E!important;font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(253,109,0,.03)}
.group-role-link-v36:hover{border-color:#F3B57E;background:#FFF0E1;color:#FF9B5E!important;text-decoration:none}
.group-role-modal-v36 .eyebrow{color:#FF9B5E!important}
.group-role-modal-v36 h2{color:#FF9B5E!important}
.group-role-modal-v36 .group-permission-options-v36 input:checked+span{border-color:#F6BE8A!important;background:#FFF2E8!important;color:#FF9B5E!important;box-shadow:inset 0 0 0 1px rgba(253,109,0,.08)!important}
.group-role-modal-v36 .btn-primary{background:#FF9B5E!important;border-color:#FF9B5E!important;box-shadow:none!important}
.group-role-modal-v36 .btn-primary:hover{background:#FF9B5E!important;border-color:#FF9B5E!important}
@media(max-width:900px){
  .trip-tab-hero-people .trip-tab-hero-side{justify-items:start!important;min-width:0!important;width:100%!important}
}
@media(max-width:600px){
  .trip-tab-hero-group-tools-v36{width:160px;padding:9px 10px;border-radius:16px;gap:6px}
  .trip-tab-hero-group-id-v36 b{font-size:18px}
  .trip-tab-hero-group-link-v36{min-height:32px;padding:6px 10px;font-size:10px}
  .group-role-link-v36{min-height:28px;padding:5px 10px;font-size:10px;border-radius:11px}
}

/* TRIPLOOM V14.16.5 · Fix group hero right stack clipping */
.trip-tab-hero-people .trip-tab-hero-side{
  box-sizing:border-box!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:182px!important;
  min-height:182px!important;
  max-height:182px!important;
  display:grid!important;
  grid-template-rows:108px 66px!important;
  align-content:center!important;
  justify-items:stretch!important;
  gap:8px!important;
  align-self:center!important;
}
.trip-tab-hero-people .trip-tab-hero-score{
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:108px!important;
  min-height:108px!important;
  max-height:108px!important;
  padding:12px 16px!important;
  border-radius:22px!important;
}
.trip-tab-hero-people .trip-tab-hero-score b{font-size:32px!important}
.trip-tab-hero-people .trip-tab-hero-score small{margin-top:6px!important;font-size:8.5px!important}
.trip-tab-hero-people .trip-tab-hero-score>i{height:5px!important;flex-basis:5px!important;margin-top:9px!important}
.trip-tab-hero-people .trip-tab-hero-group-tools-v36{
  box-sizing:border-box!important;
  width:176px!important;
  height:66px!important;
  min-height:66px!important;
  max-height:66px!important;
  padding:8px 10px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-rows:auto 27px!important;
  gap:5px!important;
  overflow:hidden!important;
}
.trip-tab-hero-people .trip-tab-hero-group-id-v36{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  line-height:1!important;
}
.trip-tab-hero-people .trip-tab-hero-group-id-v36 small{
  flex:0 0 auto!important;
  font-size:8px!important;
  letter-spacing:.11em!important;
}
.trip-tab-hero-people .trip-tab-hero-group-id-v36 b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:16px!important;
  letter-spacing:.025em!important;
}
.trip-tab-hero-people .trip-tab-hero-group-link-v36{
  width:100%!important;
  min-height:27px!important;
  height:27px!important;
  padding:4px 7px!important;
  border-radius:9px!important;
  font-size:8.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
@media(max-width:1000px) and (min-width:701px){
  .trip-tab-hero-people .trip-tab-hero-side{
    width:158px!important;min-width:158px!important;max-width:158px!important;
    height:170px!important;min-height:170px!important;max-height:170px!important;
    grid-template-rows:100px 62px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-score{
    width:158px!important;min-width:158px!important;max-width:158px!important;
    height:100px!important;min-height:100px!important;max-height:100px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-group-tools-v36{
    width:158px!important;height:62px!important;min-height:62px!important;max-height:62px!important;
    padding:7px 9px!important;grid-template-rows:auto 25px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-group-link-v36{height:25px!important;min-height:25px!important;font-size:8px!important}
  .trip-tab-hero-people .trip-tab-hero-group-id-v36 b{font-size:15px!important}
}
@media(max-width:700px){
  .trip-tab-hero-people .trip-tab-hero-side{
    width:160px!important;min-width:160px!important;max-width:160px!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    grid-template-rows:104px 62px!important;
    justify-items:stretch!important;
  }
  .trip-tab-hero-people .trip-tab-hero-score{
    width:160px!important;min-width:160px!important;max-width:160px!important;
    height:104px!important;min-height:104px!important;max-height:104px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-group-tools-v36{
    width:160px!important;height:62px!important;min-height:62px!important;max-height:62px!important;
    padding:7px 9px!important;grid-template-rows:auto 25px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-group-link-v36{height:25px!important;min-height:25px!important;font-size:8px!important}
}


/* TRIPLOOM V14.16.6 · Auto 6-digit group password */
.trip-tab-hero-people .trip-tab-hero-side{height:196px!important;min-height:196px!important;max-height:196px!important;grid-template-rows:108px 80px!important}
.trip-tab-hero-people .trip-tab-hero-group-tools-v36{height:80px!important;min-height:80px!important;max-height:80px!important;padding:8px 10px!important;grid-template-rows:1fr 1fr!important;gap:3px!important}
.trip-tab-hero-group-password-v36{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;gap:6px;line-height:1}
.trip-tab-hero-group-password-v36 small{font-size:8px!important;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.76)}
.trip-tab-hero-group-password-v36 b{justify-self:end;min-width:0;font-size:15px;letter-spacing:.08em;color:#fff;white-space:nowrap}
.group-password-eye-v36{width:24px;height:24px;min-width:24px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.13);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer}
.group-password-eye-v36 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.group-password-eye-v36:hover,.group-password-eye-v36.is-visible{background:rgba(255,255,255,.24)}
.group-access-credentials-v36{flex:0 0 330px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.group-access-credentials-v36 .group-id-box-v36{width:auto!important;min-width:0!important;flex:initial!important}
.group-password-box-v36{min-width:0;padding:10px 12px;border:1px solid #CFE4E5;border-radius:16px;background:#F4FCFB;display:grid;align-content:center;gap:5px}
.group-password-box-v36>small:first-child{font-size:9px;font-weight:800;letter-spacing:.11em;color:#6D858C}
.group-password-display-v36{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:6px}
.group-password-display-v36 b,.group-password-hidden-v36{font-size:18px;line-height:1;color:#1F3B4D;letter-spacing:.1em}
.group-password-eye-v36.dark{width:28px;height:28px;min-width:28px;border-color:#C6ECE8;background:#fff;color:#53727B}
.group-password-eye-v36.dark:hover,.group-password-eye-v36.dark.is-visible{border-color:#8AD6D0;background:#EDF9F8;color:#249D98}
.group-password-regenerate-v36{width:max-content;border:0;background:transparent;padding:0;color:#FF9B5E;font:inherit;font-size:9.5px;font-weight:800;cursor:pointer}
.group-password-regenerate-v36:hover{text-decoration:underline}
.group-password-box-v36>small:last-child{font-size:9px;color:#8B9CA3}
.group-password-form-v36{display:none!important}
@media(max-width:1000px) and (min-width:701px){
  .trip-tab-hero-people .trip-tab-hero-side{height:184px!important;min-height:184px!important;max-height:184px!important;grid-template-rows:100px 76px!important}
  .trip-tab-hero-people .trip-tab-hero-group-tools-v36{height:76px!important;min-height:76px!important;max-height:76px!important}
  .group-access-credentials-v36{flex-basis:300px}
}
@media(max-width:700px){
  .trip-tab-hero-people .trip-tab-hero-side{height:auto!important;min-height:0!important;max-height:none!important;grid-template-rows:104px 76px!important}
  .trip-tab-hero-people .trip-tab-hero-group-tools-v36{height:76px!important;min-height:76px!important;max-height:76px!important}
  .group-access-head-v36{display:grid!important}
  .group-access-credentials-v36{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
}
@media(max-width:480px){
  .group-access-credentials-v36{grid-template-columns:1fr}
}


/* TRIPLOOM V14.16.7 · Extra-compact group access credentials panel */
.group-access-panel-v36{gap:8px!important;padding:10px 14px!important}
.group-access-head-v36{align-items:center!important;gap:12px!important}
.group-access-head-v36>div:first-child{gap:2px!important}
.group-access-head-v36 .eyebrow{font-size:10px!important;letter-spacing:.15em!important}
.group-access-head-v36 h2{font-size:15px!important;line-height:1.15!important}
.group-access-head-v36 .muted{font-size:10px!important;line-height:1.35!important;max-width:720px!important}
.group-access-credentials-v36{flex-basis:312px!important;gap:6px!important}
.group-access-credentials-v36 .group-id-box-v36,.group-password-box-v36{padding:8px 10px!important;border-radius:14px!important;gap:4px!important;min-height:0!important}
.group-access-credentials-v36 .group-id-box-v36 small,.group-password-box-v36>small:first-child{font-size:8px!important;letter-spacing:.11em!important}
.group-access-credentials-v36 .group-id-box-v36 b{font-size:17px!important}
.group-id-box-v36 .btn{margin-top:2px!important;min-height:26px!important;padding:5px 8px!important;font-size:9.5px!important;border-radius:10px!important}
.group-password-display-v36{grid-template-columns:minmax(0,1fr) 24px!important;gap:5px!important}
.group-password-display-v36 b,.group-password-hidden-v36{font-size:16px!important;letter-spacing:.08em!important}
.group-password-eye-v36.dark{width:24px!important;height:24px!important;min-width:24px!important;border-radius:8px!important}
.group-password-eye-v36.dark svg{width:12px!important;height:12px!important}
.group-password-regenerate-v36{font-size:8.5px!important;line-height:1.1!important}
@media(max-width:1000px){
  .group-access-panel-v36{padding:10px 12px!important}
  .group-access-head-v36{gap:10px!important}
  .group-access-credentials-v36{flex-basis:286px!important}
}
@media(max-width:700px){
  .group-access-panel-v36{padding:10px 12px!important}
  .group-access-head-v36{gap:8px!important}
  .group-access-head-v36 h2{font-size:14px!important}
  .group-access-head-v36 .muted{font-size:9.8px!important}
  .group-access-credentials-v36{gap:6px!important}
  .group-access-credentials-v36 .group-id-box-v36,.group-password-box-v36{padding:8px 9px!important}
}
@media(max-width:480px){
  .group-access-panel-v36{padding:9px 10px!important}
}


/* TRIPLOOM V14.16.8 · Balanced group hero tools */
.trip-tab-hero-people .trip-tab-hero-side{height:204px!important;min-height:204px!important;max-height:204px!important;grid-template-rows:104px 92px!important}
.trip-tab-hero-people .trip-tab-hero-score{height:104px!important;min-height:104px!important;max-height:104px!important}
.trip-tab-hero-people .trip-tab-hero-group-tools-v36{width:176px!important;height:92px!important;min-height:92px!important;max-height:92px!important;padding:8px 10px!important;border-radius:16px!important;display:grid!important;grid-template-rows:auto auto auto!important;gap:4px!important;overflow:hidden!important}
.trip-tab-hero-group-row-v37{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px;min-width:0}
.trip-tab-hero-group-meta-v37{display:grid;gap:2px;min-width:0}
.trip-tab-hero-group-meta-v37 small{font-size:8px!important;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.76)!important}
.trip-tab-hero-group-meta-v37 b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px!important;line-height:1.05!important;letter-spacing:.04em;color:#fff!important}
.trip-tab-hero-group-iconbtn-v37{width:24px;height:24px;min-width:24px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.13);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.18s ease}
.trip-tab-hero-group-iconbtn-v37 svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trip-tab-hero-group-iconbtn-v37:hover,.trip-tab-hero-group-iconbtn-v37.is-copied,.trip-tab-hero-group-iconbtn-v37[aria-pressed="true"]{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.38)}
.trip-tab-hero-group-regen-v37{margin:0}
.trip-tab-hero-group-regen-btn-v37{appearance:none;border:0;background:transparent;padding:0;color:rgba(255,255,255,.92);font-size:9px;font-weight:800;line-height:1.15;cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-align:left}
.trip-tab-hero-group-regen-btn-v37:hover{color:#fff}
.group-password-eye-v36.trip-tab-hero-group-iconbtn-v37 svg{width:14px;height:14px}
@media(max-width:1000px) and (min-width:701px){
  .trip-tab-hero-people .trip-tab-hero-side{height:194px!important;min-height:194px!important;max-height:194px!important;grid-template-rows:100px 88px!important}
  .trip-tab-hero-people .trip-tab-hero-score{height:100px!important;min-height:100px!important;max-height:100px!important}
  .trip-tab-hero-people .trip-tab-hero-group-tools-v36{width:160px!important;height:88px!important;min-height:88px!important;max-height:88px!important;padding:8px 9px!important}
  .trip-tab-hero-group-meta-v37 b{font-size:15px!important}
}
@media(max-width:700px){
  .trip-tab-hero-people .trip-tab-hero-side{height:auto!important;min-height:0!important;max-height:none!important;grid-template-rows:104px 88px!important}
  .trip-tab-hero-people .trip-tab-hero-group-tools-v36{width:160px!important;height:88px!important;min-height:88px!important;max-height:88px!important;padding:8px 9px!important}
  .trip-tab-hero-group-meta-v37 b{font-size:15px!important}
}


/* TRIPLOOM V14.16.9 · Fix group hero credential card + remove duplicate panel */
.trip-tab-hero-people .trip-tab-hero-side{
  height:218px!important;
  min-height:218px!important;
  max-height:218px!important;
  grid-template-rows:104px 106px!important;
  gap:8px!important;
}
.trip-tab-hero-people .trip-tab-hero-group-tools-v36{
  width:176px!important;
  height:106px!important;
  min-height:106px!important;
  max-height:106px!important;
  padding:9px 10px!important;
  border-radius:17px!important;
  grid-template-rows:29px 29px 22px!important;
  gap:4px!important;
  overflow:hidden!important;
}
.trip-tab-hero-group-row-v37{min-height:29px!important}
.trip-tab-hero-group-meta-v37{gap:1px!important}
.trip-tab-hero-group-meta-v37 small{font-size:7.5px!important;line-height:1!important}
.trip-tab-hero-group-meta-v37 b{font-size:15px!important;line-height:1!important}
.trip-tab-hero-group-iconbtn-v37{width:24px!important;height:24px!important;min-width:24px!important}
.trip-tab-hero-group-regen-v37{height:22px!important;display:flex!important;align-items:center!important;margin:0!important;overflow:visible!important}
.trip-tab-hero-group-regen-btn-v37{
  display:inline-flex!important;
  align-items:center!important;
  min-height:20px!important;
  padding:0!important;
  font-size:8.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  color:#fff!important;
  opacity:.9;
}
.trip-tab-hero-group-regen-btn-v37:hover{opacity:1;text-decoration:underline!important;text-underline-offset:2px}
@media(max-width:1000px) and (min-width:701px){
  .trip-tab-hero-people .trip-tab-hero-side{height:210px!important;min-height:210px!important;max-height:210px!important;grid-template-rows:100px 102px!important}
  .trip-tab-hero-people .trip-tab-hero-group-tools-v36{width:160px!important;height:102px!important;min-height:102px!important;max-height:102px!important;grid-template-rows:28px 28px 22px!important}
}
@media(max-width:700px){
  .trip-tab-hero-people .trip-tab-hero-side{height:auto!important;min-height:0!important;max-height:none!important;grid-template-rows:104px 102px!important}
  .trip-tab-hero-people .trip-tab-hero-group-tools-v36{width:160px!important;height:102px!important;min-height:102px!important;max-height:102px!important;grid-template-rows:28px 28px 22px!important}
}


/* TRIPLOOM V14.16.10 · Give group hero right cards safe vertical breathing room */
.trip-tab-hero-people{
  height:280px!important;
  min-height:280px!important;
  max-height:280px!important;
  padding-top:30px!important;
  padding-bottom:30px!important;
}
.trip-tab-hero-people .trip-tab-hero-side{
  height:212px!important;
  min-height:212px!important;
  max-height:212px!important;
  grid-template-rows:100px 104px!important;
  gap:8px!important;
  align-self:center!important;
  overflow:visible!important;
}
.trip-tab-hero-people .trip-tab-hero-score{
  height:100px!important;
  min-height:100px!important;
  max-height:100px!important;
  padding:12px 16px!important;
}
.trip-tab-hero-people .trip-tab-hero-group-tools-v36{
  height:104px!important;
  min-height:104px!important;
  max-height:104px!important;
  padding:8px 10px!important;
  overflow:visible!important;
}
@media(max-width:1000px) and (min-width:701px){
  .trip-tab-hero-people{
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    padding-top:26px!important;
    padding-bottom:26px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-side{
    height:200px!important;
    min-height:200px!important;
    max-height:200px!important;
    grid-template-rows:94px 98px!important;
    gap:8px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-score{
    height:94px!important;min-height:94px!important;max-height:94px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-group-tools-v36{
    height:98px!important;min-height:98px!important;max-height:98px!important;
  }
}
@media(max-width:700px){
  .trip-tab-hero-people{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-side{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-rows:100px 104px!important;
    gap:8px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-score{
    height:100px!important;min-height:100px!important;max-height:100px!important;
  }
  .trip-tab-hero-people .trip-tab-hero-group-tools-v36{
    height:104px!important;min-height:104px!important;max-height:104px!important;
  }
}


/* TRIPLOOM V14.16.101 · Move group finance tools to Expenses */
.group-expense-tools-v38{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;margin-top:30px}
.group-expense-tools-v38>.panel,.group-expense-tools-v38>.group-expense-tool-v38{margin:0!important}
.group-expense-budget-v38>.panel{margin:0!important}
.group-expense-settlement-v38{width:100%;max-width:none}
.team-members-panel-v38{width:100%;margin:0}
@media(max-width:700px){.group-expense-tools-v38{gap:30px;margin-top:30px}}


/* TRIPLOOM V14.16.102 · Smart group expense split & payer settlement */
html{scroll-behavior:smooth}
.expense-payer-v30.split-payer-error-v39{border-color:#F08A8A!important;background:#FFF1F1!important;box-shadow:0 0 0 2px rgba(224,75,75,.12)!important;animation:splitPayerPulseV39 .45s ease 2}
.expense-payer-v30.split-payer-error-v39 .expense-col-label-v29{color:#E25563!important}.expense-payer-v30.split-payer-error-v39 .expense-payer-btn-v30{border-color:#E88888!important;background:#FFF!important;color:#E25563!important}
@keyframes splitPayerPulseV39{50%{transform:translateY(-2px)}}
.group-expense-split-v39,.group-settlement-v39{scroll-margin-top:118px}
.split-expense-list-v39{display:grid;gap:12px;margin-top:16px}
.split-card-v39{padding:14px;border:1px solid #C6ECE8;border-radius:18px;background:linear-gradient(180deg,#FFF,#F4FCFB);display:grid;gap:12px;transition:.2s ease}
.split-card-v39:hover{border-color:#C7E2E1;box-shadow:0 10px 24px rgba(42,112,118,.06)}
.split-card-v39.missing-payer-v39{border-color:#F0C8C8;background:#FFF9F9}
.split-card-head-v39{display:flex;align-items:center;justify-content:space-between;gap:14px}
.split-card-title-v39{min-width:0;display:grid;gap:3px}.split-card-title-v39>b{font-size:14px;color:#2B4048}.split-card-title-v39>small{font-size:10.5px;color:#81949A}
.split-payer-badge-v39{flex:0 0 auto;min-width:142px;padding:8px 11px;border:1px solid #CDE7E4;border-radius:13px;background:#F1FAF9;display:grid;gap:2px}.split-payer-badge-v39 small{font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:#739096}.split-payer-badge-v39 b{font-size:11.5px;color:#249D98}.split-payer-badge-v39.missing{border-color:#F0C3C3;background:#FFF0F0}.split-payer-badge-v39.missing b{color:#E25563}
.split-missing-payer-note-v39{padding:10px 12px;border-radius:12px;background:#FFF0F0;color:#B83B49;font-size:11px;line-height:1.45}
.split-mode-actions-v39{display:grid;grid-template-columns:repeat(2,minmax(0,150px));gap:8px;justify-content:start}.split-mode-btn-v39{min-height:38px;border:1px solid #BFE0DE!important;background:#FFF!important;color:#249D98!important}.split-mode-btn-v39.active{background:#69D7D0!important;border-color:#69D7D0!important;color:#FFF!important}
.split-committed-v39{padding:11px 12px;border-radius:14px;background:#DDF7F4;border:1px solid #D2EAE6;display:grid;gap:9px}.split-committed-v39.invalid{background:#FFF7EE;border-color:#F0D4B4}.split-committed-v39>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.split-committed-v39 small{font-size:8px;letter-spacing:.1em;color:#249D98;font-weight:800}.split-committed-v39.invalid small{color:#FF9B5E}.split-committed-v39>div:first-child>b{font-size:10.5px;color:#4D686E}
.split-committed-grid-v39{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}.split-committed-grid-v39 span{padding:7px 9px;border-radius:10px;background:#FFF;display:flex;justify-content:space-between;gap:8px}.split-committed-grid-v39 em{font-style:normal;font-size:10px;color:#71878E}.split-committed-grid-v39 strong{font-size:10.5px;color:#29464E}
.split-editor-v39{padding-top:11px;border-top:1px dashed #D9E8E8}.split-editor-v39 form{display:grid;gap:11px}.split-editor-head-v39{display:flex;align-items:end;justify-content:space-between;gap:12px}.split-editor-head-v39>div{display:grid;gap:2px}.split-editor-head-v39 small{font-size:8.5px;letter-spacing:.12em;color:#249D98;font-weight:800}.split-editor-head-v39 b{font-size:11.5px;color:#31464E}.split-editor-head-v39>span{font-size:10px;color:#7C9299}
.split-member-grid-v39{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px}.split-member-grid-v39 label{margin:0;padding:9px 10px;border:1px solid #C6ECE8;border-radius:12px;background:#FFF;display:flex;align-items:center;justify-content:space-between;gap:8px}.split-member-grid-v39 label span{font-size:10.5px;color:#506A72}.split-member-grid-v39 label strong{font-size:11px;color:#2D4850}.split-member-grid-v39.editable label{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center}.split-member-grid-v39.editable input{min-height:36px;padding:7px 10px;text-align:right}
.split-sum-v39{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:#F2F7F7}.split-sum-v39 span,.split-sum-v39 em{font-size:9.5px;color:#778D94;font-style:normal}.split-sum-v39 b{justify-self:end;font-size:12px;color:#2A4951}.split-sum-v39.invalid{background:#FFF0F0}.split-sum-v39.invalid b,.split-sum-v39.invalid em{color:#E25563}
.settlement-payer-groups-v39{display:grid;gap:14px;margin-top:16px}.settlement-payer-group-v39{border:1px solid #D9EAEA;border-radius:18px;overflow:hidden;background:#FFF}.settlement-payer-group-v39>header{padding:13px 15px;background:linear-gradient(135deg,#F0FAF8,#F2F8FC);display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #C6ECE8}.settlement-payer-group-v39>header>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 8px}.settlement-payer-group-v39>header small{font-size:8px;letter-spacing:.12em;color:#6A8A91;font-weight:800}.settlement-payer-group-v39>header h3{grid-row:2;margin:0;font-size:18px;color:#263F47}.settlement-payer-group-v39>header span{grid-row:2;padding:4px 7px;border-radius:999px;background:#DDF4F0;color:#249D98;font-size:8.5px;font-weight:800}.settlement-payer-group-v39>header>strong{display:grid;text-align:right;color:#FF9B5E;font-size:17px}.settlement-payer-group-v39>header>strong small{margin-bottom:2px;color:#83979D;font-weight:700}
.settlement-debtor-list-v39{display:grid}.settlement-debtor-v39{padding:10px 13px;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;border-bottom:1px solid #EDF3F3}.settlement-debtor-v39:last-child{border-bottom:0}.settlement-avatar-v39{width:34px;height:34px;border-radius:11px;background:#E6F7F4;color:#249D98;display:grid;place-items:center;font-weight:800}.settlement-debtor-v39>div{display:grid;gap:2px}.settlement-debtor-v39>div b{font-size:11.5px;color:#32474F}.settlement-debtor-v39>div small{font-size:9.5px;color:#84979D}.settlement-debtor-v39>strong{font-size:12px;color:#293F47}.settlement-debtor-v39 form{margin:0}.settlement-debtor-v39 .btn{min-height:34px;padding:7px 12px;font-size:10px}
.settlement-meta-v39{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.settlement-meta-v39 span{padding:6px 9px;border-radius:999px;background:#F2F6F6;color:#71878E;font-size:9px}.settlement-meta-v39 span.warn{background:#FFF0E6;color:#FF9B5E}.settlement-paid-wrap-v39{margin-top:18px;padding-top:16px;border-top:1px solid #E1ECEC}
@media(max-width:720px){.split-card-head-v39{align-items:stretch;display:grid}.split-payer-badge-v39{min-width:0}.split-mode-actions-v39{grid-template-columns:1fr 1fr}.split-editor-head-v39{display:grid}.split-member-grid-v39.editable label{grid-template-columns:1fr 120px}.settlement-payer-group-v39>header{align-items:flex-start}.settlement-debtor-v39{grid-template-columns:34px minmax(0,1fr) auto}.settlement-debtor-v39 form{grid-column:2/-1}.settlement-debtor-v39 .btn{width:100%}}
@media(max-width:480px){.split-mode-actions-v39{grid-template-columns:1fr}.split-member-grid-v39{grid-template-columns:1fr}.split-member-grid-v39.editable label{grid-template-columns:1fr}.split-member-grid-v39.editable input{text-align:left}.split-sum-v39{grid-template-columns:1fr auto}.split-sum-v39 em{grid-column:1/-1}.settlement-payer-group-v39>header{display:grid}.settlement-payer-group-v39>header>strong{text-align:left}.settlement-debtor-v39{grid-template-columns:32px minmax(0,1fr)}.settlement-debtor-v39>strong{grid-column:2}.settlement-debtor-v39 form{grid-column:2}}


/* TRIPLOOM V14.16.103 · Fix split editor visibility and layout */
.split-editor-v39[hidden],
.split-editor-v39 form[hidden],
.split-editor-v39 [data-split-panel][hidden]{display:none!important}
.split-card-v39.split-mode-open-v40 .split-committed-v39{display:none!important}
.split-card-v39.split-mode-open-v40{border-color:#BFDCD9;box-shadow:0 12px 28px rgba(42,112,118,.07)}
.split-editor-v39{margin-top:2px;padding-top:12px}
.split-editor-v39 form{gap:12px}
.split-member-grid-v39{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.split-member-grid-v39 label{min-height:54px;padding:9px 11px}
.split-member-grid-v39.editable label{grid-template-columns:minmax(0,1fr) 132px}
.split-member-grid-v39.editable input{width:100%;min-width:0}
.split-mode-actions-v39{grid-template-columns:repeat(2,150px);gap:8px}
.split-editor-v39 .btn-block{min-height:42px}
@media(max-width:1100px){
  .split-member-grid-v39{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .split-member-grid-v39{grid-template-columns:1fr}
  .split-member-grid-v39.editable label{grid-template-columns:minmax(0,1fr) 120px}
}
@media(max-width:480px){
  .split-mode-actions-v39{grid-template-columns:1fr 1fr}
  .split-member-grid-v39.editable label{grid-template-columns:1fr}
}


/* TRIPLOOM V14.16.104 · Compact pending split summary */
.split-card-v39{padding:12px!important;gap:10px!important}
.split-card-head-v39{gap:10px!important}
.split-card-title-v39{gap:2px!important}.split-card-title-v39>b{font-size:13.5px!important}.split-card-title-v39>small{font-size:10px!important}
.split-payer-badge-v39{min-width:126px!important;padding:7px 10px!important;border-radius:12px!important}
.split-payer-badge-v39 small{font-size:8px!important}.split-payer-badge-v39 b{font-size:11px!important}
.split-mode-actions-v39{margin-top:-2px!important}.split-mode-btn-v39{min-height:36px!important}
.split-committed-v39{padding:8px 10px!important;border-radius:12px!important;gap:7px!important}
.split-committed-v39>div:first-child{align-items:flex-start!important;gap:8px!important}
.split-committed-v39>div:first-child>div{display:grid!important;gap:1px!important}
.split-committed-v39 small{font-size:7.5px!important;letter-spacing:.09em!important;line-height:1.1!important}
.split-committed-v39>div:first-child>b{font-size:10px!important;line-height:1.3!important;text-align:right!important}
.split-committed-grid-v39{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;gap:5px!important}
.split-committed-grid-v39 span{padding:6px 8px!important;border-radius:9px!important;min-height:34px!important}
.split-committed-grid-v39 em{font-size:9.5px!important}.split-committed-grid-v39 strong{font-size:10px!important}
@media(max-width:900px){
  .split-committed-v39>div:first-child{display:grid!important}
  .split-committed-v39>div:first-child>b{text-align:left!important}
  .split-committed-grid-v39{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .split-card-v39{padding:11px!important}
  .split-card-head-v39{display:grid!important}
  .split-payer-badge-v39{min-width:0!important;width:max-content;max-width:100%}
  .split-committed-grid-v39{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .split-committed-v39{padding:8px 9px!important}
  .split-committed-grid-v39{grid-template-columns:1fr!important}
  .split-committed-grid-v39 span{min-height:32px!important}
}


/* TRIPLOOM V14.16.105 · Pending/committed split sections */
.split-sections-v41{display:grid;gap:30px;margin-top:14px}
.split-list-section-v41{display:grid;gap:10px}
.split-list-head-v41{display:flex;align-items:end;justify-content:space-between;gap:12px}
.split-list-head-v41>div{display:grid;gap:2px}.split-list-head-v41 small{font-size:10px;letter-spacing:.12em;color:#249D98;font-weight:800}.split-list-head-v41 h3{margin:0;font-size:22px;color:#2A3F47}.split-list-head-v41>span{padding:6px 10px;border-radius:999px;background:#EEF6F6;font-size:10px;color:#6F8B92;font-weight:700}
.split-list-copy-v41{margin:0 0 2px 0;font-size:11px;line-height:1.45;color:#7F939A}.split-empty-v41{margin:2px 0 0 0}
.split-card-head-side-v41{display:grid;justify-items:end;align-content:start;gap:8px}.split-card-pending-v41 .split-card-head-side-v41{min-width:150px}.split-card-committed-v41 .split-card-head-side-v41{min-width:150px}
.split-commit-side-btn-v41,.split-edit-side-btn-v41{min-width:136px;min-height:34px;border-radius:12px!important;font-size:11px!important;font-weight:800!important}
.split-commit-side-btn-v41{background:#FF9B5E!important;border-color:#FF9B5E!important;color:#fff!important}.split-commit-side-btn-v41:hover{background:#FF9B5E!important;border-color:#FF9B5E!important}
.split-edit-side-btn-v41{background:#FFF4EA!important;border:1px solid #F7C79F!important;color:#FF9B5E!important}.split-edit-side-btn-v41:hover{background:#FFF0E1!important;border-color:#F0B372!important}
.is-committed-card-v41 .split-mode-actions-v39,.is-committed-card-v41 .split-editor-v39{display:none!important}
.split-card-pending-v41 .split-committed-v39.invalid{margin-top:-1px}
@media(max-width:860px){.split-card-head-side-v41{justify-items:start}.split-card-head-v39{align-items:start}.split-list-head-v41{display:grid}.split-list-head-v41>span{width:max-content}}
@media(max-width:640px){.split-card-head-side-v41,.split-card-pending-v41 .split-card-head-side-v41,.split-card-committed-v41 .split-card-head-side-v41{min-width:0;width:100%}.split-commit-side-btn-v41,.split-edit-side-btn-v41{width:100%}}


/* TRIPLOOM V14.16.106 · Split action row alignment */
.split-card-pending-v41{gap:12px!important}
.split-card-pending-v41 .split-card-head-v39{align-items:start!important}
.split-card-pending-v41 .split-card-head-side-v41{justify-items:end!important;align-self:start!important}
.split-card-pending-v41 .split-pending-summary-v42{order:2;margin-top:0!important}
.split-card-pending-v41 .split-mode-actions-with-submit-v42{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,150px));gap:8px;justify-content:start;align-items:stretch}
.split-card-pending-v41 .split-mode-actions-with-submit-v42 .btn{min-height:38px!important;min-width:0!important;width:100%;border-radius:12px!important;font-size:11px!important;font-weight:800!important}
.split-card-pending-v41 .split-mode-actions-with-submit-v42 .split-commit-side-btn-v41{background:#FF9B5E!important;border:1px solid #FF9B5E!important;color:#fff!important;box-shadow:none!important}
.split-card-pending-v41 .split-mode-actions-with-submit-v42 .split-commit-side-btn-v41:hover{background:#FF9B5E!important;border-color:#FF9B5E!important}
.split-card-pending-v41 .split-editor-v39{order:4}
@media(max-width:920px){.split-card-pending-v41 .split-mode-actions-with-submit-v42{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.split-card-pending-v41 .split-card-head-side-v41{justify-items:start!important}.split-card-pending-v41 .split-mode-actions-with-submit-v42{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.split-card-pending-v41 .split-mode-actions-with-submit-v42{grid-template-columns:1fr}}


/* TRIPLOOM V14.16.107 · Split buttons left/right alignment */
.split-card-pending-v41 .split-mode-actions-with-submit-v42{
  display:grid!important;
  grid-template-columns:150px 150px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:stretch!important;
  width:100%!important;
}
.split-card-pending-v41 .split-mode-actions-with-submit-v42 .split-mode-btn-v39{
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
}
.split-card-pending-v41 .split-mode-actions-with-submit-v42 .split-commit-side-btn-v41{
  grid-column:3!important;
  justify-self:end!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
}
.split-card-pending-v41 .split-committed-v39.invalid>div:first-child>small{
  text-transform:none!important;
  letter-spacing:.02em!important;
  font-size:9px!important;
  font-weight:800!important;
  color:#FF9B5E!important;
}
@media(max-width:760px){
  .split-card-pending-v41 .split-mode-actions-with-submit-v42{grid-template-columns:1fr 1fr 1fr!important}
  .split-card-pending-v41 .split-mode-actions-with-submit-v42 .split-mode-btn-v39,
  .split-card-pending-v41 .split-mode-actions-with-submit-v42 .split-commit-side-btn-v41{width:100%!important;min-width:0!important;max-width:none!important}
}
@media(max-width:520px){
  .split-card-pending-v41 .split-mode-actions-with-submit-v42{grid-template-columns:1fr 1fr!important}
  .split-card-pending-v41 .split-mode-actions-with-submit-v42 .split-commit-side-btn-v41{grid-column:1/-1!important;justify-self:stretch!important}
}


/* TRIPLOOM V14.16.108 · Split section divider + committed compact card */
.split-list-section-v41.committed{padding-top:28px;border-top:1px dashed #CFE0DE}
.split-payer-badge-v39{width:150px!important;min-width:150px!important;max-width:150px!important}
.split-card-pending-v41 .split-payer-badge-v39,.split-card-committed-v41 .split-payer-badge-v39{width:150px!important;min-width:150px!important;max-width:150px!important}
.split-card-committed-v41{gap:10px!important;padding:14px 18px!important}
.split-card-committed-v41 .split-card-head-v39{align-items:center!important}
.split-card-committed-v41 .committed-head-v43{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important}
.split-card-committed-v41 .split-edit-side-btn-v41{width:150px!important;min-width:150px!important;max-width:150px!important;min-height:38px!important}
.split-card-committed-v41 .committed-summary-v43{padding:8px 10px!important;border-radius:12px!important;gap:6px!important}
.split-card-committed-v41 .committed-summary-v43 .split-committed-grid-v39{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;gap:5px!important}
.split-card-committed-v41 .committed-summary-v43 .split-committed-grid-v39 span{padding:6px 8px!important;min-height:34px!important;border-radius:9px!important}
.split-card-committed-v41 .committed-summary-v43 small{font-size:8px!important}.split-card-committed-v41 .committed-summary-v43>div:first-child>b{font-size:10px!important}
@media(max-width:860px){.split-list-section-v41.committed{padding-top:22px}.split-card-committed-v41 .committed-head-v43{justify-content:flex-start!important;flex-wrap:wrap}.split-card-committed-v41 .split-edit-side-btn-v41{width:150px!important}}
@media(max-width:640px){.split-card-committed-v41 .committed-head-v43{display:grid!important;width:100%!important}.split-card-committed-v41 .split-edit-side-btn-v41,.split-card-committed-v41 .split-payer-badge-v39{width:100%!important;min-width:0!important;max-width:none!important}}


/* TRIPLOOM V14.16.109 · Transient split editing, save only on commit */
.split-editing-transient-v44{gap:12px!important;padding:12px!important}
.split-editing-transient-v44 .split-card-head-v39{align-items:start!important}
.split-editing-transient-v44 .split-card-head-side-v41{display:grid!important;justify-items:end!important;align-content:start!important;min-width:150px!important}
.split-editing-transient-v44 [data-split-edit]{display:none!important}
.split-editing-transient-v44 .split-mode-actions-with-submit-v42{display:grid!important}
.split-editing-transient-v44 .split-editing-summary-v44{margin-top:0!important;background:#FFF7EE!important;border-color:#F0D4B4!important}
.split-editing-transient-v44 .split-editing-summary-v44 [data-split-status-label]{text-transform:none!important;letter-spacing:.02em!important;font-size:9px!important;color:#FF9B5E!important}
.split-editing-transient-v44 .split-editing-summary-v44 [data-split-status-total]{color:#C96C38!important}
@media(max-width:720px){.split-editing-transient-v44 .split-card-head-side-v41{justify-items:start!important;min-width:0!important;width:100%!important}}


/* TRIPLOOM V14.16.110 · Compact single-list expense split UI */
.split-single-list-v45 .section-head{margin-bottom:12px!important}
.split-single-list-wrap-v45{display:grid;gap:10px;margin-top:12px}
.split-compact-card-v45{border:1px solid #D9E9EA;border-radius:16px;background:#fff;padding:11px 12px;display:grid;gap:0;transition:.18s ease}
.split-compact-card-v45:hover{border-color:#C8E1E1;box-shadow:0 8px 22px rgba(38,105,110,.05)}
.split-compact-row-v45{display:grid;grid-template-columns:minmax(0,1fr) 150px 170px;gap:9px;align-items:center}
.split-compact-copy-v45{min-width:0;display:grid;gap:2px}.split-compact-copy-v45>b{font-size:13px;color:#2C4048;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-compact-copy-v45>small{font-size:10px;color:#81949A}
.split-status-ok-v45{color:#249D98;font-weight:800}.split-status-warn-v45{color:#FF9B5E;font-weight:800}
.split-compact-payer-v45{height:44px;padding:7px 10px;border:1px solid #CFE6E4;border-radius:12px;background:#F2FAF9;display:grid;align-content:center;gap:1px;min-width:0}
.split-compact-payer-v45 small{font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;color:#7C969B}.split-compact-payer-v45 b{font-size:10.5px;color:#2D4A50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-compact-payer-v45.missing{border-color:#F0C4C4;background:#FFF3F3}.split-compact-payer-v45.missing b{color:#E25563}
.split-open-btn-v45{height:44px!important;min-height:44px!important;border:1px solid #BFE0DE!important;background:#fff!important;color:#249D98!important;border-radius:12px!important;font-size:10.5px!important;font-weight:800!important;padding:8px 12px!important;white-space:nowrap}
.split-open-btn-v45.is-edit{border-color:#F6C69D!important;background:#FFF5EC!important;color:#FF9B5E!important}.split-open-btn-v45:hover{background:#DDF7F4!important}.split-open-btn-v45.is-edit:hover{background:#FFF0E1!important}.split-open-btn-v45.is-disabled{opacity:.7;cursor:not-allowed}
.split-missing-compact-v45{margin-top:8px}
.split-drawer-v45[hidden]{display:none!important}.split-drawer-v45{margin-top:10px;padding:12px;border-top:1px dashed #D2E3E3;background:#F4FCFB;border-radius:0 0 12px 12px;display:grid;gap:11px}
.split-drawer-top-v45{display:flex;align-items:end;justify-content:space-between;gap:12px}.split-drawer-top-v45>div:first-child{display:grid;gap:2px}.split-drawer-top-v45>div:first-child>small{font-size:8px;letter-spacing:.11em;color:#249D98;font-weight:800}.split-drawer-top-v45>div:first-child>b{font-size:11.5px;color:#31464E}
.split-mode-actions-v45{display:grid!important;grid-template-columns:140px 140px!important;gap:8px!important;margin:0!important}.split-mode-actions-v45 .split-mode-btn-v39{width:140px!important;min-width:140px!important;max-width:140px!important;min-height:36px!important}
.split-current-note-v45{padding:8px 10px;border-radius:10px;background:#EEF8F7;color:#638087;font-size:10px;line-height:1.4}.split-current-note-v45.warn{background:#FFF6ED;color:#C96C38}
.split-editor-v45{padding-top:2px!important;border-top:0!important;margin-top:0!important}.split-editor-v45 form{gap:10px!important}
.split-finalize-btn-v45{min-height:40px!important;width:100%!important;background:#FF9B5E!important;border:1px solid #FF9B5E!important;color:#fff!important;border-radius:12px!important;font-size:11px!important;font-weight:800!important}.split-finalize-btn-v45:hover{background:#FF9B5E!important;border-color:#FF9B5E!important}
.split-drawer-open-v45{border-color:#BFDCD9;box-shadow:0 10px 26px rgba(42,112,118,.06)}
@media(max-width:900px){.split-compact-row-v45{grid-template-columns:minmax(0,1fr) 140px 155px}.split-drawer-top-v45{align-items:start;display:grid}.split-mode-actions-v45{justify-content:start!important}}
@media(max-width:650px){.split-compact-row-v45{grid-template-columns:1fr 1fr}.split-compact-copy-v45{grid-column:1/-1}.split-open-btn-v45{width:100%!important}.split-mode-actions-v45{grid-template-columns:1fr 1fr!important;width:100%}.split-mode-actions-v45 .split-mode-btn-v39{width:100%!important;min-width:0!important;max-width:none!important}}
@media(max-width:460px){.split-compact-row-v45{grid-template-columns:1fr}.split-compact-copy-v45{grid-column:auto}.split-mode-actions-v45{grid-template-columns:1fr!important}.split-compact-payer-v45,.split-open-btn-v45{width:100%!important}}


/* TRIPLOOM V14.16.111 · Expense add button in hero + modal form */
.expenses-layout-single-v46{display:block!important}
.expenses-layout-single-v46>section.panel{width:100%!important;max-width:none!important}
.trip-tab-hero-expenses .trip-tab-hero-side{display:grid!important;justify-items:stretch!important;align-content:center!important;gap:10px!important}
.expense-hero-add-btn-v46{width:100%!important;min-width:140px!important;min-height:40px!important;padding:9px 14px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.32)!important;background:rgba(255,255,255,.16)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;backdrop-filter:blur(8px)}
.expense-hero-add-btn-v46:hover{background:rgba(255,255,255,.24)!important;border-color:rgba(255,255,255,.42)!important}
.expense-hero-add-btn-v46 svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important}
.expense-add-modal-v46{max-height:min(86vh,760px)!important;overflow:auto!important}
.expense-add-modal-v46>h2{margin-bottom:6px!important}
.expense-add-modal-v46>.expenses-add-note-v28{margin:0 0 14px!important}
@media(max-width:900px){.trip-tab-hero-expenses .trip-tab-hero-side{width:160px!important;min-width:160px!important;max-width:160px!important}.expense-hero-add-btn-v46{min-width:0!important;width:160px!important}}
@media(max-width:600px){.trip-tab-hero-expenses .trip-tab-hero-side{width:100%!important;min-width:0!important;max-width:none!important;justify-items:start!important}.expense-hero-add-btn-v46{width:160px!important;min-height:38px!important}}


/* TRIPLOOM V14.16.112 · Unified hero action button system */
.trip-tab-hero .task-hero-add-btn,
.trip-tab-hero .expense-hero-add-btn-v46{
  box-sizing:border-box!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:rgba(255,255,255,.96)!important;
  color:#69D7D0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:0 10px 24px rgba(22,91,99,.15)!important;
  backdrop-filter:none!important;
}
.trip-tab-hero .task-hero-add-btn:hover,
.trip-tab-hero .expense-hero-add-btn-v46:hover{
  transform:translateY(-1px)!important;
  background:#fff!important;
  box-shadow:0 14px 28px rgba(22,91,99,.20)!important;
  border-color:rgba(255,255,255,.88)!important;
}
.trip-tab-hero .task-hero-add-btn svg,
.trip-tab-hero .expense-hero-add-btn-v46 svg{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  stroke:currentColor!important;
  fill:none!important;
}
@media(max-width:1000px){
  .trip-tab-hero .task-hero-add-btn,
  .trip-tab-hero .expense-hero-add-btn-v46{
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:42px!important;
    min-height:42px!important;
  }
}
@media(max-width:700px){
  .trip-tab-hero .task-hero-add-btn,
  .trip-tab-hero .expense-hero-add-btn-v46{
    width:160px!important;
    min-width:160px!important;
    max-width:160px!important;
  }
}


/* TRIPLOOM V14.16.113 · Compact and cleaner expense display */
.expense-list-v28{gap:8px!important}
.expense-row-v29{
  padding:10px 11px!important;
  border-radius:13px!important;
  border-color:#DDEAEC!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:0 4px 12px rgba(27,78,86,.04)!important;
}
.expense-row-v29.is-group-row{
  grid-template-columns:minmax(138px,.72fr) minmax(0,1.78fr)!important;
  gap:12px!important;
}
.expense-main-v29{gap:10px!important;align-items:center!important}
.expense-copy-v29 b{font-size:12px!important;line-height:1.3!important}
.expense-copy-v29 small{margin-top:2px!important;font-size:9.4px!important;color:#7F9298!important}
.expense-columns-v29.is-group,
.expense-row-v29.is-group-row .expense-columns-v29.is-group{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.02fr) minmax(0,1.02fr) 60px!important;
  gap:6px!important;
}
.expense-col-v29{
  min-height:52px!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  background:#F4FCFB!important;
}
.expense-col-label-v29{
  margin-bottom:3px!important;
  font-size:8px!important;
  letter-spacing:.02em!important;
}
.expense-col-value-v29 b,
.expense-money-value-v34 b,
.expense-payer-value-v30 b{font-size:11.2px!important;line-height:1.15!important}
.expense-edit-inline-v29{width:22px!important;height:22px!important;border-radius:7px!important;font-size:10px!important}
.expense-actual-v29.has-actual{background:#FFF8F2!important}
.expense-actual-btn-v29,
.expense-payer-btn-v30{
  min-height:24px!important;
  padding:4px 6px!important;
  border-radius:7px!important;
  font-size:8.3px!important;
}
.expense-money-value-v34,
.expense-payer-value-v30{
  min-height:26px!important;
  padding:1px 2px!important;
}
.expense-money-value-v34 small,
.expense-payer-value-v30 small{font-size:7px!important}
.expense-actions-v33{min-height:52px!important}
.expense-actions-icons-v33{gap:4px!important}
.expense-edit-action-v33,
.expense-actions-v33 .expense-delete-btn-v29{
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
.expense-actions-v33 .expense-delete-btn-v29{border-radius:50%!important}
@media(max-width:1100px){
  .expense-row-v29.is-group-row{grid-template-columns:minmax(118px,.62fr) minmax(0,1.82fr)!important;gap:10px!important}
}
@media(max-width:900px){
  .expense-row-v29.is-group-row{grid-template-columns:1fr!important;gap:8px!important}
  .expense-columns-v29.is-group,
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{grid-template-columns:minmax(0,.92fr) minmax(0,1.04fr) minmax(0,1.04fr) 56px!important}
}
@media(max-width:560px){
  .expense-row-v29{padding:9px!important;border-radius:12px!important;gap:8px!important}
  .expense-main-v29{grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
  .expense-copy-v29 b{font-size:11.2px!important}
  .expense-copy-v29 small{font-size:8.8px!important}
  .expense-columns-v29.is-group,
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{
    grid-template-columns:minmax(0,.88fr) minmax(0,1fr) minmax(0,1fr) 44px!important;
    gap:4px!important;
  }
  .expense-col-v29{min-height:56px!important;padding:5px 5px!important}
  .expense-col-label-v29{font-size:6.8px!important;margin-bottom:2px!important;min-height:13px!important}
  .expense-col-value-v29 b,
  .expense-money-value-v34 b,
  .expense-payer-value-v30 b{font-size:8.9px!important}
  .expense-actual-btn-v29,
  .expense-payer-btn-v30{font-size:6.8px!important;min-height:28px!important;padding:4px 3px!important}
  .expense-edit-action-v33,
  .expense-actions-v33 .expense-delete-btn-v29{width:22px!important;height:22px!important;font-size:10px!important}
}


/* TRIPLOOM V14.16.114 · Narrower colorful expense cards */
.expense-list-v28{
  max-width:980px!important;
  margin:0 auto!important;
}
.expense-row-v29{
  position:relative;
  overflow:hidden;
  border-radius:15px!important;
  border-color:#D9EAEC!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FAFDFC 100%)!important;
  box-shadow:0 6px 18px rgba(25,88,96,.055)!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.expense-row-v29::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,#69D7D0 0%,#71B7ED 100%);
  opacity:.95;
}
.expense-row-v29:hover{
  transform:translateY(-1px);
  border-color:#C9E3E5!important;
  box-shadow:0 12px 28px rgba(25,88,96,.09)!important;
}
.expense-main-v29{padding-left:2px!important}
.expense-copy-v29 b{color:#26414A!important}
.expense-copy-v29 small{color:#7D959C!important}
.expense-col-v29{
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.expense-expected-v29{
  background:linear-gradient(180deg,#F4FCFB 0%,#F1FBFA 100%)!important;
  border-color:#D8ECEB!important;
}
.expense-expected-v29 .expense-col-label-v29{color:#6B8F93!important}
.expense-actual-v29{
  background:linear-gradient(180deg,#FFFDFC 0%,#FFF7F0 100%)!important;
  border-color:#F7D9BF!important;
}
.expense-actual-v29 .expense-col-label-v29{color:#FF9B5E!important}
.expense-payer-v30{
  background:linear-gradient(180deg,#F8FDFC 0%,#DDF7F4 100%)!important;
  border-color:#D4ECE8!important;
}
.expense-payer-v30 .expense-col-label-v29{color:#6CA29E!important}
.expense-actual-v29.has-actual{
  background:linear-gradient(180deg,#FFF9F3 0%,#FFF3E7 100%)!important;
  border-color:#FFD7B6!important;
  box-shadow:inset 0 0 0 1px rgba(253,109,0,.04);
}
.expense-payer-v30.has-payer{
  background:linear-gradient(180deg,#F5FCFB 0%,#DDF7F4 100%)!important;
  border-color:#CDE9E4!important;
}
.expense-col-label-v29{
  letter-spacing:.035em!important;
  font-weight:900!important;
}
.expense-money-value-v34 small,
.expense-payer-value-v30 small{font-weight:900!important}
.expense-actions-icons-v33{gap:5px!important}
.expense-edit-action-v33,
.expense-actions-v33 .expense-delete-btn-v29{
  box-shadow:0 4px 10px rgba(34,118,123,.08);
}
.expense-edit-action-v33:hover,
.expense-actions-v33 .expense-delete-btn-v29:hover{
  transform:translateY(-1px);
}
@media(max-width:1100px){
  .expense-list-v28{max-width:920px!important}
}
@media(max-width:900px){
  .expense-list-v28{max-width:none!important}
  .expense-row-v29::before{width:3px}
}
@media(max-width:560px){
  .expense-row-v29{border-radius:13px!important}
  .expense-list-v28{max-width:none!important}
}


/* TRIPLOOM V14.16.115 · Keep expense list full width, compact only 3 value boxes */
.expense-list-v28{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
}
.expense-row-v29.is-group-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  width:100%!important;
}
.expense-row-v29.is-group-row .expense-columns-v29.is-group{
  width:680px!important;
  max-width:680px!important;
  justify-self:end!important;
  grid-template-columns:180px 205px 215px 56px!important;
  gap:6px!important;
}
.expense-row-v29.is-group-row .expense-col-v29{
  width:100%!important;
}
@media(max-width:1180px){
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{
    width:620px!important;
    max-width:620px!important;
    grid-template-columns:160px 188px 202px 52px!important;
  }
}
@media(max-width:980px){
  .expense-row-v29.is-group-row{grid-template-columns:1fr!important}
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.04fr) minmax(0,1.04fr) 56px!important;
  }
}
@media(max-width:560px){
  .expense-row-v29.is-group-row .expense-columns-v29.is-group{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,.88fr) minmax(0,1fr) minmax(0,1fr) 44px!important;
  }
}


/* TRIPLOOM V14.16.116 · Expense list sequential number badge */
.expense-index-v47{font-size:12px!important;font-weight:900!important;line-height:1!important;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#DDF7F3,#DCEFFC)!important;color:#249D98!important;border:1px solid #CDEAE7;box-shadow:0 5px 12px rgba(31,142,137,.08)}


/* TRIPLOOM V14.16.117 · Committed split summary + soft blue state */
.split-compact-card-v45.is-committed-v45{
  border-color:#CFE7F2!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#EFF8FD 100%)!important;
  box-shadow:0 6px 18px rgba(69,143,180,.065)!important;
}
.split-compact-card-v45.is-committed-v45:hover{
  border-color:#BBDDEB!important;
  box-shadow:0 10px 24px rgba(69,143,180,.10)!important;
}
.split-compact-card-v45.is-committed-v45 .split-compact-payer-v45{
  background:#F3FBFE!important;
  border-color:#CDE5EC!important;
}
.split-compact-members-v47{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 9px;
  margin-top:5px;
  min-width:0;
}
.split-compact-members-v47 span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 7px;
  border:1px solid #D5EAF3;
  border-radius:999px;
  background:rgba(255,255,255,.74);
  min-width:0;
}
.split-compact-members-v47 em{
  font-style:normal;
  font-size:8.5px;
  color:#66838E;
  white-space:nowrap;
}
.split-compact-members-v47 strong{
  font-size:8.8px;
  color:#249D98;
  font-weight:850;
  white-space:nowrap;
}
@media(max-width:650px){
  .split-compact-members-v47{gap:4px 6px;margin-top:4px}
  .split-compact-members-v47 span{padding:3px 6px}
  .split-compact-members-v47 em,.split-compact-members-v47 strong{font-size:8px}
}


/* TRIPLOOM V14.16.118 · Formatted numeric inputs */
input[data-thousand-format="1"]{font-variant-numeric:tabular-nums;letter-spacing:.01em}
input[data-thousand-format="1"]::placeholder{letter-spacing:normal}

/* TRIPLOOM V14.16.11919 · Receiver-only settlement confirmations + own-name highlight */
.current-member-name-v49{color:#FF9B5E!important;font-weight:900!important}
.group-settlement-v49{overflow:hidden}
.settlement-compact-groups-v49{display:grid;gap:12px;margin-top:14px}
.settlement-compact-group-v49{border:1px solid #C6ECE8;border-radius:16px;background:#FFF;overflow:hidden;box-shadow:0 5px 16px rgba(30,82,90,.035)}
.settlement-compact-group-v49.is-complete{border-color:#BFE4DE;background:#F4FBF9}
.settlement-compact-head-v49{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:linear-gradient(180deg,#F4FCFB 0%,#F1F9F8 100%);border-bottom:1px solid #DDF7F4}
.settlement-compact-head-v49>div:first-child{display:grid;gap:2px}
.settlement-compact-head-v49 small{font-size:8px;letter-spacing:.11em;font-weight:850;color:#7B959B;text-transform:uppercase}
.settlement-compact-head-v49 h3{margin:0;font-size:15px;color:#1F3B4D}
.settlement-compact-total-v49{display:grid;justify-items:end;gap:1px;text-align:right}
.settlement-compact-total-v49 b{font-size:16px;color:#1F3B4D}.settlement-compact-total-v49 em{font-style:normal;font-size:8.5px;color:#249D98;font-weight:800}
.settlement-compact-rows-v49{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;padding:10px 12px}
.settlement-person-form-v49{margin:0;display:block!important}
.settlement-person-v49{width:100%;min-height:42px;border:1px solid #C6ECE8;border-radius:11px;background:#F4FCFB;padding:7px 9px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;color:#31464E;text-align:left}
button.settlement-person-v49{cursor:pointer;transition:.15s ease}
button.settlement-person-v49:hover{transform:translateY(-1px);border-color:#BBDDD9;background:#F4FCFB}
.settlement-person-v49.is-confirmed{border-color:#9EDBD4;background:#DDF7F4;color:#249D98;box-shadow:inset 0 0 0 1px rgba(53,184,174,.04)}
.settlement-check-v49{width:22px;height:22px;border-radius:8px;background:#EDF4F4;display:grid;place-items:center;font-size:11px;font-weight:900;color:#249D98}
.settlement-person-v49.is-confirmed .settlement-check-v49{background:#69D7D0;color:#FFF}
.settlement-person-name-v49{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:800}
.settlement-person-v49 strong{font-size:10.5px;white-space:nowrap}
.settlement-receiver-actions-v49{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 12px 10px}
.settlement-receiver-actions-v49 form{margin:0;display:flex!important}
.settlement-confirm-btn-v49{min-height:34px;padding:7px 12px;border:1px solid #BFDCD9!important;border-radius:11px!important;background:#FFF!important;color:#249D98!important;font-size:9.5px!important;font-weight:850!important;box-shadow:none!important}
.settlement-confirm-btn-v49:not(:disabled):hover{background:#DDF7F4!important;border-color:#92D3CE!important;transform:translateY(-1px)}
.settlement-confirm-btn-v49.is-done{background:#DDF7F4!important;border-color:#9EDBD4!important;color:#249D98!important;opacity:1!important}
.settlement-confirm-btn-v49:disabled:not(.is-done){opacity:.45!important;cursor:not-allowed}
.settlement-receiver-note-v49{margin:0;padding:0 12px 11px;font-size:8.5px;color:#8B9CA2;text-align:right}
@media(max-width:760px){.settlement-compact-head-v49{align-items:flex-start}.settlement-compact-rows-v49{grid-template-columns:1fr 1fr}.settlement-receiver-actions-v49{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}.settlement-receiver-actions-v49 form,.settlement-confirm-btn-v49{width:100%}.settlement-receiver-note-v49{text-align:left}}
@media(max-width:520px){.settlement-compact-rows-v49{grid-template-columns:1fr}.settlement-compact-head-v49{display:grid}.settlement-compact-total-v49{justify-items:start;text-align:left}.settlement-receiver-actions-v49{grid-template-columns:1fr}}


/* TRIPLOOM V14.16.11920 · Member role matrix + leader transfer */
.group-role-modal-v36>p.muted{display:none!important}
.group-role-top-v51{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:10px;align-items:stretch}
.group-role-top-v51>label{margin:0!important}
.group-transfer-leader-v51{position:relative;display:flex!important;align-items:center;min-height:64px;padding:10px 12px!important;border:1px solid #FFD0AE;border-radius:13px;background:#FFF8F2;cursor:pointer}
.group-transfer-leader-v51>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.group-transfer-leader-v51>span{display:grid;gap:2px;padding-left:28px;position:relative}
.group-transfer-leader-v51>span:before{content:"";position:absolute;left:0;top:50%;width:18px;height:18px;transform:translateY(-50%);border:1px solid #F1B27E;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 3px #fff}
.group-transfer-leader-v51>input:checked+span:before{background:#FF9B5E;border-color:#FF9B5E;box-shadow:inset 0 0 0 4px #fff}
.group-transfer-leader-v51 b{font-size:10.5px;color:#FF9B5E}.group-transfer-leader-v51 small{font-size:8.5px;line-height:1.35;color:#A77757}
.group-transfer-leader-v51:has(input:disabled){opacity:.48;cursor:not-allowed}
.group-permission-grid-v36>div{grid-template-columns:minmax(145px,.9fr) minmax(300px,1.35fr)!important}
.group-permission-name-v51{display:grid;gap:2px;min-width:0}.group-permission-name-v51>b{font-size:10.5px;color:#33464E}.group-permission-name-v51>small{font-size:7.7px;line-height:1.3;color:#8A9BA0}
.group-permission-options-v36[data-level-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.group-permission-options-v36[data-level-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.group-permission-options-v36 label:first-child input:checked+span{border-color:#F6BE8A!important;background:#FFF2E8!important;color:#FF9B5E!important}
.group-permission-options-v36 label:nth-child(2) input:checked+span{border-color:#E9C2C2!important;background:#FFF4F4!important;color:#B83B49!important}
.group-permission-options-v36 label:nth-child(3) input:checked+span{border-color:#70C7C1!important;background:#EAF9F7!important;color:#249D98!important}
@media(max-width:720px){.group-role-top-v51{grid-template-columns:1fr}.group-permission-grid-v36>div{grid-template-columns:1fr!important}.group-permission-name-v51>small{font-size:7.5px}}


/* TRIPLOOM V14.16.11921 · Gallery view actions + journal own actions */
.v7-photo-download-v52{width:30px;height:30px;border:1px solid #D7E7E8;border-radius:9px;background:#fff;color:#249D98;display:grid;place-items:center;text-decoration:none;font-size:15px;font-weight:900}
.v7-photo-download-v52:hover{background:#EEF9F8;border-color:#AAD8D4;text-decoration:none}
.journal-card-actions-v52{display:flex;align-items:flex-start;gap:6px}.journal-card-actions-v52 form{margin:0}.journal-like-v52,.journal-edit-v52{min-width:31px;height:31px;border:1px solid #D9E7E8;border-radius:9px;background:#fff;color:#607B82;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-weight:800}.journal-like-v52.active{color:#FF9B5E;border-color:#FFD1AF;background:#FFF5ED}.journal-like-v52 span{font-size:8px}.journal-edit-v52{color:#249D98}.journal-edit-v52:hover{background:#EEF9F8}


/* TRIPLOOM V14.16.11922 · Cleaner grouped member permissions */
.group-role-modal-v36{max-width:720px!important}
.group-role-top-v52{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:10px;align-items:stretch}
.group-role-field-v52{margin:0!important}
.group-transfer-leader-v51{min-height:66px!important;margin:0!important;padding:10px 12px!important;border-radius:14px!important;background:#FFF9F4!important;border:1px solid #F7D6BC!important;display:flex!important;align-items:center!important;gap:10px!important}
.group-transfer-leader-v51 input{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important;accent-color:#FF9B5E!important;cursor:pointer}
.group-transfer-leader-v51 span{display:grid!important;gap:2px!important}.group-transfer-leader-v51 b{font-size:10.5px!important;color:#394B52!important}.group-transfer-leader-v51 small{font-size:8.2px!important;line-height:1.3!important;color:#8C9CA2!important}
.group-transfer-leader-v51.is-unlinked-v52{background:#F7F9F9!important;border-color:#E2E9EA!important;opacity:1!important}.group-transfer-leader-v51.is-unlinked-v52 input{cursor:not-allowed}.group-transfer-leader-v51.is-unlinked-v52 b{color:#829399!important}.group-transfer-leader-v51.is-unlinked-v52 small{color:#A0ADB1!important}
.group-permission-sections-v52{display:grid;gap:12px;max-height:49vh;overflow:auto;padding-right:3px}
.group-permission-section-v52{display:grid;gap:7px}.group-permission-section-v52.is-three{padding-top:12px;border-top:1px dashed #D8E7E7}
.group-permission-section-head-v52{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}.group-permission-section-head-v52 b{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#249D98}.group-permission-section-head-v52 small{font-size:8px;color:#93A3A8}
.group-permission-grid-v52{max-height:none!important;overflow:visible!important;gap:6px!important;padding:0!important}
.group-permission-grid-v52>div{grid-template-columns:minmax(130px,.72fr) minmax(300px,1.28fr)!important;gap:10px!important;padding:7px 8px!important;border-radius:12px!important}
.group-permission-grid-v52 .group-permission-name-v51>small{display:none!important}
.group-permission-grid-v52 .group-permission-options-v36 span{min-height:31px!important;padding:6px 5px!important;font-size:9px!important}
.group-permission-grid-v52 .group-permission-options-v36[data-level-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.group-permission-grid-v52 .group-permission-options-v36[data-level-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:720px){.group-role-top-v52{grid-template-columns:1fr}.group-permission-sections-v52{max-height:52vh}.group-permission-grid-v52>div{grid-template-columns:1fr!important;gap:6px!important}.group-permission-section-head-v52{align-items:flex-start;display:grid;gap:2px}}


/* TRIPLOOM V14.16.11923 · Single outer scrollbar for member permission groups */
.group-role-modal-v36 .group-permission-sections-v52{
  max-height:49vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:1px 6px 1px 0!important;
  overscroll-behavior:contain;
}
.group-role-modal-v36 .group-permission-section-v52{
  overflow:visible!important;
  max-height:none!important;
}
.group-role-modal-v36 .group-permission-grid-v52,
.group-role-modal-v36 .group-permission-grid-v36.group-permission-grid-v52{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  padding:0!important;
  overscroll-behavior:auto!important;
}
.group-role-modal-v36 .group-permission-section-v52.is-three{
  margin-top:2px;
}
@media(max-width:720px){
  .group-role-modal-v36 .group-permission-sections-v52{max-height:52vh!important;padding-right:4px!important}
}


/* TRIPLOOM V14.16.11924 · Balanced top role fields */
.group-role-top-v52{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.group-role-top-v52>.group-role-field-v52,
.group-role-top-v52>.group-transfer-leader-v51{width:100%!important;min-width:0!important}
.group-role-top-v52>.group-role-field-v52{display:grid!important;align-content:start!important}
.group-role-top-v52>.group-role-field-v52 input{min-height:50px!important}
.group-role-top-v52>.group-transfer-leader-v51{min-height:84px!important;justify-content:flex-start!important}
@media(max-width:720px){.group-role-top-v52{grid-template-columns:1fr!important}}


/* TRIPLOOM V14.16.11926 · Fix member role top box layout */
.group-role-top-v52{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.group-role-field-v52,
.group-transfer-wrap-v53{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
  align-content:start!important;
}
.group-role-field-v52,
.group-top-label-v53{
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  color:#4B5F66!important;
}
.group-role-field-v52 input,
.group-transfer-wrap-v53 .group-transfer-leader-v51{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  height:50px!important;
  border-radius:16px!important;
}
.group-role-field-v52 input{padding:0 16px!important}
.group-transfer-wrap-v53 .group-transfer-leader-v51{
  margin:0!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  background:#FFF9F4!important;
  border:1px solid #F7D6BC!important;
}
.group-transfer-wrap-v53 .group-transfer-leader-v51>input{
  position:static!important;
  opacity:1!important;
  pointer-events:auto!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
  accent-color:#FF9B5E!important;
  cursor:pointer!important;
}
.group-transfer-wrap-v53 .group-transfer-leader-v51>span{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  padding-left:0!important;
  position:static!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
.group-transfer-wrap-v53 .group-transfer-leader-v51>span:before{display:none!important;content:none!important}
.group-transfer-wrap-v53 .group-transfer-leader-v51 b{display:none!important}
.group-transfer-wrap-v53 .group-transfer-leader-v51 small{
  display:block!important;
  margin:0!important;
  font-size:9px!important;
  line-height:1.35!important;
  color:#8C9CA2!important;
}
@media(max-width:720px){
  .group-role-top-v52{grid-template-columns:1fr!important}
  .group-role-field-v52 input,
  .group-transfer-wrap-v53 .group-transfer-leader-v51{height:auto!important;min-height:50px!important}
}


/* TRIPLOOM V14.16.11927 · Fix transfer leader checkbox row layout */
.group-transfer-wrap-v53 .group-transfer-leader-v51{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
}
.group-transfer-wrap-v53 .group-transfer-leader-v51>input{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1.5px solid #F1B27E!important;
  border-radius:6px!important;
  background:#FFFFFF!important;
  box-shadow:inset 0 0 0 2px #FFFFFF!important;
}
.group-transfer-wrap-v53 .group-transfer-leader-v51>input:checked{
  background:#FF9B5E!important;
  border-color:#FF9B5E!important;
  box-shadow:inset 0 0 0 4px #FFFFFF!important;
}
.group-transfer-wrap-v53 .group-transfer-leader-v51>span{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  width:100%!important;
}
.group-transfer-wrap-v53 .group-transfer-leader-v51 small{
  display:inline!important;
  white-space:normal!important;
}


/* TRIPLOOM V14.16.11928 · Definitive transfer-leader control reset */
.group-role-top-v52{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.group-role-field-v52,
.group-transfer-wrap-v53{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-rows:auto 50px!important;
  gap:6px!important;
  align-content:start!important;
}
.group-role-field-v52,
.group-top-label-v53{
  font-family:"Nunito",sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:12px!important;
  letter-spacing:0!important;
  color:#4B5F66!important;
}
.group-role-field-v52 input{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 16px!important;
  border-radius:16px!important;
}
.group-transfer-wrap-v53 .group-transfer-control-v54{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #F7D6BC!important;
  border-radius:16px!important;
  background:#FFF9F4!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.group-transfer-wrap-v53 .group-transfer-input-v54{
  position:absolute!important;
  left:-9999px!important;
  top:auto!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.group-transfer-check-v54{
  box-sizing:border-box!important;
  position:relative!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #FF9B5E!important;
  border-radius:6px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
.group-transfer-input-v54:checked + .group-transfer-check-v54{
  background:#FF9B5E!important;
  border-color:#FF9B5E!important;
}
.group-transfer-input-v54:checked + .group-transfer-check-v54:after{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:2px!important;
  width:4px!important;
  height:8px!important;
  border:solid #FFFFFF!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}
.group-transfer-text-v54{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1.35!important;
  color:#8C9CA2!important;
  white-space:normal!important;
}
.group-transfer-control-v54:has(.group-transfer-input-v54:focus-visible){
  border-color:#F2B17D!important;
  box-shadow:0 0 0 3px rgba(253,109,0,.08)!important;
}
.group-transfer-control-v54.is-unlinked-v52{
  background:#F7F9F9!important;
  border-color:#E2E9EA!important;
  cursor:not-allowed!important;
}
.group-transfer-control-v54.is-unlinked-v52 .group-transfer-check-v54{border-color:#CDD8DA!important;background:#F3F6F6!important}
.group-transfer-control-v54.is-unlinked-v52 .group-transfer-text-v54{color:#A0ADB1!important}
/* Kill all legacy pseudo-checkbox styles for this v54 control. */
.group-transfer-control-v54>span:before,
.group-transfer-control-v54>span:after{display:none!important;content:none!important}
@media(max-width:720px){
  .group-role-top-v52{grid-template-columns:1fr!important}
}


/* TRIPLOOM V14.16.11929 · High-specificity checkbox conflict kill */
.group-transfer-wrap-v53 .group-transfer-control-v54 > input.group-transfer-input-v54{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  display:block!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.group-transfer-wrap-v53 .group-transfer-control-v54 > span.group-transfer-text-v54{
  display:block!important;
  position:static!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  flex:1 1 auto!important;
  color:#8C9CA2!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
.group-transfer-wrap-v53 .group-transfer-control-v54 > span.group-transfer-text-v54:before,
.group-transfer-wrap-v53 .group-transfer-control-v54 > span.group-transfer-text-v54:after{
  display:none!important;
  content:none!important;
}


/* TRIPLOOM V14.18.0 · Member account avatars in group lists */
.group-member-row-v36 .avatar.avatar-img-v55,
.group-pending-list-v36 .avatar.avatar-img-v55{
  padding:0!important;
  overflow:hidden!important;
  background:#DDF7F4!important;
  border:1px solid #D7ECE9!important;
  box-shadow:0 4px 10px rgba(34,118,123,.08)!important;
}
.group-member-row-v36 .avatar.avatar-img-v55 img,
.group-pending-list-v36 .avatar.avatar-img-v55 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}


/* TRIPLOOM V14.18.0 · Inbox ideas refresh */
.trip-tab-hero .inbox-hero-add-btn-v46{display:inline-flex!important;text-decoration:none!important}
.v6-inbox-ideas-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.58fr)!important;align-items:start}
.v6-inbox-list-v2{display:grid;gap:12px}
.v6-inbox-row-v2{grid-template-columns:62px minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;padding:18px 16px!important;border-radius:22px!important}
.v6-inbox-row-v2.status-planned{background:linear-gradient(135deg,#F8FFFD,#F2FBF8)!important;border-color:#CFE7DF!important}
.v6-inbox-stt{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#E7F6F1,#D7EFE7);color:#249D98;font-weight:900;font-size:15px}
.v6-inbox-main{min-width:0}
.v6-inbox-main>b{display:block;font-size:15px;line-height:1.3;margin:2px 0 5px;font-weight:800;color:#2B4149}
.v6-inbox-main p{margin:4px 0 6px!important;font-size:12px!important;line-height:1.45!important;color:#73868D!important}
.v6-inbox-main a{display:inline-flex;align-items:center;gap:6px;font-size:11px!important;font-weight:800;color:#2B5562;text-decoration:none}
.v6-inbox-topline{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-bottom:6px}
.v6-inbox-author{font-size:12px;color:#87969C}
.v6-inbox-state-line{display:flex;align-items:center;gap:6px;margin-top:8px;color:#7D8A90;font-size:12px}
.v6-inbox-state-line strong.is-seen{color:#4B9A60}
.v6-inbox-state-line strong.is-pending{color:#FF9B5E}
.v6-row-actions-v2{display:flex!important;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:274px}
.v6-inbox-seen-btn,.v6-inbox-seen-static{height:42px;min-height:42px;padding:0 16px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.v6-inbox-seen-static{background:#EEF7F4;border:1px solid #CFE4DC;color:#4B9A60}
.v6-inbox-icon-btn{min-width:42px;height:42px;border-radius:14px;border:1px solid #D9E7E2;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:#5B6870;transition:.18s ease;text-decoration:none}
.v6-inbox-icon-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.v6-inbox-icon-btn strong{font-size:11px;line-height:1;font-weight:900;color:inherit}
.v6-inbox-icon-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(25,67,74,.08);border-color:#BCD8D0}
.v6-inbox-icon-btn.active.like{background:#E8FBF6;border-color:#90DCC6;color:#249D98}
.v6-inbox-icon-btn.active.dislike{background:#FFF4EE;border-color:#F4C3A3;color:#FF9B5E}
.v6-inbox-icon-btn.delete{color:#D56C72;border-color:#EFC7CB}
#inbox-idea-form{scroll-margin-top:90px}
#inbox-idea-form .eyebrow{display:block;margin-bottom:6px}
@media(max-width:980px){.v6-inbox-ideas-layout{grid-template-columns:1fr!important}.v6-row-actions-v2{min-width:0;justify-content:flex-start}.v6-inbox-row-v2{grid-template-columns:56px minmax(0,1fr)!important}.v6-inbox-row-v2 .v6-row-actions-v2{grid-column:1/-1;padding-top:2px}.v6-inbox-main>b{font-size:15px}}
@media(max-width:640px){.v6-inbox-row-v2{padding:16px 14px!important}.v6-inbox-main>b{font-size:14px}.v6-inbox-seen-btn,.v6-inbox-seen-static,.v6-inbox-icon-btn{height:40px;min-height:40px}.v6-inbox-stt{width:44px;height:44px;border-radius:14px}}


/* TRIPLOOM V14.18.0 · Inbox hero layout hotfix */
.trip-tab-hero-inbox .trip-tab-hero-side{
  box-sizing:border-box!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  align-self:center!important;
  gap:10px!important;
  overflow:visible!important;
}
.trip-tab-hero-inbox .trip-tab-hero-score{
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
}
.trip-tab-hero-inbox .inbox-hero-add-btn-v46{
  box-sizing:border-box!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  flex:0 0 44px!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
}
.trip-tab-hero-inbox .inbox-hero-add-btn-v46:hover{transform:translateY(-1px)!important}
@media(max-width:1000px){
  .trip-tab-hero-inbox .trip-tab-hero-side,
  .trip-tab-hero-inbox .trip-tab-hero-score,
  .trip-tab-hero-inbox .inbox-hero-add-btn-v46{width:158px!important;min-width:158px!important;max-width:158px!important}
  .trip-tab-hero-inbox .inbox-hero-add-btn-v46{height:42px!important;min-height:42px!important;flex-basis:42px!important}
}
@media(max-width:700px){
  .trip-tab-hero-inbox .trip-tab-hero-side{width:160px!important;min-width:160px!important;max-width:160px!important;align-self:start!important}
  .trip-tab-hero-inbox .trip-tab-hero-score,
  .trip-tab-hero-inbox .inbox-hero-add-btn-v46{width:160px!important;min-width:160px!important;max-width:160px!important}
}

.v6-inbox-ideas-layout.is-readonly{grid-template-columns:1fr!important}


/* TRIPLOOM V14.21.0 · Group task assignment + reliable reminder checkbox */
.task-v27-modal .task-v27-reminder-toggle>input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:block!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:0!important;padding:0!important;border:1.5px solid #7FCFC8!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;cursor:pointer!important}
.task-v27-modal .task-v27-reminder-toggle>input[type="checkbox"]:checked{background:#3FBDB5!important;border-color:#3FBDB5!important}.task-v27-modal .task-v27-reminder-toggle>input[type="checkbox"]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.task-v27-assignee-picker{border:1px solid #C6ECE8;border-radius:17px;background:#F4FCFB;padding:12px;margin:0}.task-v27-assignee-picker legend{padding:0 5px;font-size:9px;font-weight:900;color:#4D666D}.task-v27-assignee-picker legend small{font-weight:600;color:#87979D;margin-left:5px}.task-v27-assignee-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.task-v27-assignee-picker label{position:relative;cursor:pointer;min-width:0}.task-v27-assignee-picker input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.task-v27-assignee-picker label>span{min-height:42px;border:1px solid #D8E7E8;border-radius:12px;background:#fff;display:flex;align-items:center;gap:8px;padding:8px 10px;transition:.15s ease}.task-v27-assignee-picker label>span i{width:20px;height:20px;border:1.5px solid #B8D7D3;border-radius:7px;display:grid;place-items:center;color:transparent;flex:0 0 20px;background:#fff}.task-v27-assignee-picker label>span i svg{width:12px;height:12px;stroke:currentColor}.task-v27-assignee-picker label>span b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#344B52}.task-v27-assignee-picker input:checked+span{border-color:#70CCC4;background:#EBF9F6;box-shadow:0 0 0 2px rgba(105,215,208,.07)}.task-v27-assignee-picker input:checked+span i{background:#3FBDB5;border-color:#3FBDB5;color:#fff}
.task-v27-assignee-statuses{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.task-v27-assignee-statuses>span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #DDE9EA;border-radius:9px;background:#fff}.task-v27-assignee-statuses b{font-size:7.5px;color:#40575E}.task-v27-assignee-statuses small{font-size:6.5px;color:#809198}.task-v27-assignee-statuses>span.status-doing{background:#FFF7E8;border-color:#F2D9A5}.task-v27-assignee-statuses>span.status-done{background:#EDF9F5;border-color:#C6E8DE}.task-v27-assignee-statuses>span.is-me{border-color:#F7B67E;box-shadow:inset 0 0 0 1px rgba(253,109,0,.08)}.task-v27-assignee-statuses>span.is-me b{color:#FF9B5E}
.task-v27-status-btn{height:30px;min-height:30px;border:1px solid #D8E7E8;border-radius:10px;background:#fff;display:inline-flex;align-items:center;gap:5px;padding:0 9px;color:#587279;font-size:7.5px;font-weight:900;cursor:pointer}.task-v27-status-btn svg{width:12px;height:12px;stroke:currentColor}.task-v27-status-btn.doing{color:#8A6712;background:#FFF9E9;border-color:#F0DBA8}.task-v27-status-btn.done{color:#69D7D0;background:#DDF7F4;border-color:#C9E9E5}.task-v27-form .form-grid.one{grid-template-columns:1fr!important}
@media(max-width:780px){.task-v27-assignee-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.task-v27-assignee-picker>div{grid-template-columns:1fr}.task-v27-status-btn span{display:none}.task-v27-status-btn{width:30px;padding:0;justify-content:center}}

/* TRIPLOOM V14.21.0 · Booking tab refine + edit flow */
.trip-tab-hero-bookings .trip-tab-hero-side{display:grid!important;justify-items:stretch!important;align-content:center!important;gap:10px!important}
.booking-hero-add-btn-v46{width:100%!important;min-width:158px!important}
@media(max-width:900px){.trip-tab-hero-bookings .trip-tab-hero-side{width:160px!important;min-width:160px!important;max-width:160px!important}}
@media(max-width:600px){.trip-tab-hero-bookings .trip-tab-hero-side{width:100%!important;min-width:0!important;max-width:none!important;justify-items:start!important}.booking-hero-add-btn-v46{width:170px!important}}
.booking-layout-v139{align-items:start}
.booking-layout-v139.is-readonly-v139{grid-template-columns:minmax(0,1fr)!important}
.booking-layout-v139 .panel{overflow:hidden}
.booking-list-v139{gap:12px}
.booking-card-v139{grid-template-columns:50px minmax(0,1fr) auto!important;align-items:flex-start!important;gap:12px!important;padding:16px!important;background:#fff}
.booking-card-v139 .booking-type{width:44px;height:44px;border-radius:15px;background:#E6F7F5;color:#249D98;box-shadow:0 10px 22px rgba(105,215,208,.12)}
.booking-card-actions-v139{display:flex;align-items:center;gap:8px;padding-top:2px}
.booking-edit-btn-v139{width:34px;height:34px;border-radius:11px;border:1px solid #CFE4E0;background:#fff;color:#4E6770;display:grid;place-items:center;cursor:pointer;transition:.18s ease}
.booking-edit-btn-v139:hover{border-color:#8ECFC9;color:#249D98;background:#F5FBFA}
.booking-edit-btn-v139 svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9}
.booking-quick-meta-v139{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.booking-quick-meta-v139 span{background:#F8FBFA;border:1px solid #E3EFEC;border-radius:11px;padding:9px 10px;min-height:58px}
.booking-quick-meta-v139 small,.booking-quick-meta-v139 b{display:block}
.booking-quick-meta-v139 small{font-size:10px;color:#82959A;line-height:1.35}
.booking-quick-meta-v139 b{font-size:12px;line-height:1.4;color:#2D3F45;margin-top:2px;word-break:break-word}
.booking-note-v139{margin:10px 0 0;font-size:13px;line-height:1.55}
.booking-form-panel-v139{position:sticky;top:106px}
.booking-entry-form-v139{gap:12px}
.booking-entry-form-v139 label>span,.booking-current-file-v139 small{display:block;font-size:11px;font-weight:700;color:#61757C;margin-bottom:6px}
.booking-entry-form-v139 textarea{min-height:96px;resize:vertical}
.booking-type-grid-v139{gap:12px}
.booking-extra-grid-v139{grid-template-columns:1fr 1fr}
.booking-extra-grid-v139 label[hidden]{display:none!important}
.booking-current-file-v139{border:1px dashed #CFE4E0;background:#F7FBFA;border-radius:14px;padding:10px 12px}
.booking-current-file-v139 a{font-size:12px;font-weight:700;color:#249D98}
@media(max-width:1100px){.booking-quick-meta-v139{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.booking-layout-v139{grid-template-columns:1fr!important}.booking-form-panel-v139{position:static;top:auto}.booking-card-v139{grid-template-columns:44px minmax(0,1fr) auto!important}}
@media(max-width:560px){.booking-card-v139{grid-template-columns:40px minmax(0,1fr) auto!important;padding:12px!important}.booking-quick-meta-v139,.booking-extra-grid-v139{grid-template-columns:1fr!important}.booking-card-actions-v139{gap:6px}.booking-edit-btn-v139,.booking-card-actions-v139 .mini-delete{width:32px;height:32px}.booking-entry-form-v139{gap:10px}}

/* TRIPLOOM V14.21.0 · Booking type icon palette */
.booking-card-v139 .booking-type svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8}
.booking-card-v139 .booking-type.type-hotel{background:#E8F8F3;color:#249D98}
.booking-card-v139 .booking-type.type-flight{background:#EAF5FF;color:#69D7D0}
.booking-card-v139 .booking-type.type-transport{background:#E8F8F7;color:#249D98}
.booking-card-v139 .booking-type.type-ticket{background:#F2EEFF;color:#765BC5}
.booking-card-v139 .booking-type.type-restaurant{background:#FFF2E7;color:#FF9B5E}
.booking-card-v139 .booking-type.type-tour{background:#FFF8E2;color:#8A6712}
.booking-card-v139 .booking-type.type-rental{background:#EDF7F0;color:#548C63}
.booking-card-v139 .booking-type.type-other{background:#F1F5F6;color:#61777D}
.booking-entry-form-v139 input[name="amount"]{font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.01em}

/* TRIPLOOM V14.21.1 · Booking view icon + modal edit/view flow */
.booking-view-btn-v141{width:34px;height:34px;border-radius:11px;border:1px solid #CFE4E0;background:#fff;color:#4E6770;display:grid;place-items:center;cursor:pointer;transition:.18s ease}
.booking-view-btn-v141:hover{border-color:#8ECFC9;color:#249D98;background:#F5FBFA}
.booking-view-btn-v141 svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9}
.booking-payment-grid-v141{align-items:start}.booking-deposit-wrap-v141[hidden]{display:none!important}.booking-deposit-wrap-v141{grid-column:1 / -1}
.booking-view-body-v141{display:grid;gap:14px}.booking-view-meta-v141{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking-view-meta-v141>div{border:1px solid #DDECEE;border-radius:18px;padding:14px 15px;background:linear-gradient(180deg,#FFFFFF,#F4FCFB);box-shadow:0 10px 24px rgba(34,73,84,.04)}
.booking-view-meta-v141 small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#73898F;text-transform:uppercase;margin-bottom:6px}.booking-view-meta-v141 b{display:block;font-size:14px;line-height:1.6;color:#263840;word-break:break-word}.booking-view-meta-v141 a{color:#249D98;text-decoration:none}
.booking-view-note-v141{border:1px solid #DDECEE;border-radius:20px;padding:16px 18px;background:#F4FCFB}.booking-view-note-v141 small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#73898F;text-transform:uppercase;margin-bottom:7px}.booking-view-note-v141 p{margin:0;font-size:13px;line-height:1.7;color:#425962}
@media(max-width:700px){.booking-view-meta-v141{grid-template-columns:1fr}.booking-view-btn-v141,.booking-edit-btn-v139,.booking-card-actions-v139 .mini-delete{width:32px;height:32px}}

/* TRIPLOOM V14.21.2 · Booking modal UTF-8 payload hotfix */

/* TRIPLOOM V14.21.3 · Booking modal responsive title + refined list + attachment preview */
.booking-card-v139{grid-template-columns:56px minmax(0,1fr) auto!important;align-items:stretch!important;gap:14px!important;padding:18px!important;border:1px solid #D9E9E7!important;border-radius:22px!important;background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;box-shadow:0 14px 34px rgba(31,66,75,.05)}
.booking-card-v139 .booking-body{min-width:0;display:flex;flex-direction:column;gap:10px}
.booking-card-v139 .booking-type{width:48px;height:48px;border-radius:16px;align-self:flex-start;box-shadow:0 12px 24px rgba(105,215,208,.14)}
.booking-card-v139 .booking-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.booking-card-v139 .booking-title>div{min-width:0}
.booking-card-v139 .booking-title h3{margin:2px 0 0!important;font-size:18px!important;line-height:1.28!important;color:#24363D!important}
.booking-card-v139 .booking-title .eyebrow{margin-bottom:2px}
.booking-quick-meta-v139{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:0}
.booking-quick-meta-v139 span{display:flex;flex-direction:column;justify-content:center;background:#F4FCFB;border:1px solid #DFECEB;border-radius:14px;padding:10px 12px;min-height:64px}
.booking-quick-meta-v139 small{font-size:10px;line-height:1.25;color:#81979C}
.booking-quick-meta-v139 b{font-size:13px;line-height:1.4;color:#2D3F45;margin-top:3px;word-break:break-word}
.booking-note-v139{margin:0;font-size:13px;line-height:1.62;color:#556970}
.booking-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.booking-links a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid #CFE4E0;background:#F7FBFA;color:#249D98;font-size:12px;font-weight:800;text-decoration:none;transition:.18s ease}
.booking-links a:hover{background:#EFF8F7;border-color:#96CFC9}
.booking-card-actions-v139{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:8px;padding-top:0}
.booking-view-btn-v141,.booking-edit-btn-v139,.booking-card-actions-v139 .mini-delete{width:38px;height:38px;border-radius:12px}
.booking-card-actions-v139 .mini-delete{display:grid;place-items:center;border:1px solid #FFD6D6;background:#FFF7F7}
.booking-modal-v141 .modal-card.medium{width:min(920px,calc(100vw - 48px));max-width:920px}
.booking-modal-v141 [data-booking-view-title]{font-size:clamp(28px,3vw,38px);line-height:1.04;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:6px 0 16px}
.booking-view-body-v141{display:grid;gap:16px}
.booking-view-meta-v141{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.booking-view-meta-v141>div{border:1px solid #DDECEE;border-radius:20px;padding:15px 16px;background:linear-gradient(180deg,#FFFFFF,#F4FCFB);box-shadow:0 12px 26px rgba(34,73,84,.04)}
.booking-view-meta-v141 small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#73898F;text-transform:uppercase;margin-bottom:6px}
.booking-view-meta-v141 b{display:block;font-size:14px;line-height:1.6;color:#263840;word-break:break-word}
.booking-view-meta-v141 a{color:#249D98;text-decoration:none}
.booking-view-attachment-v143{display:grid;gap:10px}
.booking-view-attachment-v143 small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#73898F;text-transform:uppercase}
.booking-attachment-frame-v143{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:16px;border:1px solid #DDECEE;border-radius:22px;padding:14px;background:linear-gradient(180deg,#FFFFFF,#F4FCFB);text-decoration:none;box-shadow:0 12px 26px rgba(34,73,84,.04)}
.booking-attachment-thumb-v143{display:block;width:160px;height:112px;border-radius:16px;overflow:hidden;border:1px solid #DEECEB;background:#EEF5F4}
.booking-attachment-thumb-v143 img{width:100%;height:100%;display:block;object-fit:cover}
.booking-attachment-cta-v143,.booking-attachment-file-v143{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #CFE4E0;background:#F7FBFA;color:#249D98;font-size:13px;font-weight:800;text-decoration:none}
.booking-attachment-file-v143{justify-self:start}
.booking-view-note-v141{border:1px solid #DDECEE;border-radius:22px;padding:16px 18px;background:#F4FCFB}
@media(max-width:1100px){.booking-quick-meta-v139{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.booking-card-v139{grid-template-columns:48px minmax(0,1fr)!important}.booking-card-actions-v139{grid-column:2/3;flex-direction:row;align-items:center;justify-content:flex-start}.booking-attachment-frame-v143{grid-template-columns:1fr}.booking-attachment-thumb-v143{width:100%;height:180px}.booking-modal-v141 [data-booking-view-title]{font-size:clamp(24px,5.2vw,34px)}}
@media(max-width:560px){.booking-card-v139{grid-template-columns:1fr!important;padding:14px!important}.booking-card-v139 .booking-type{width:42px;height:42px}.booking-card-v139 .booking-title{flex-direction:column;align-items:flex-start}.booking-card-actions-v139{grid-column:auto;flex-direction:row;justify-content:flex-start}.booking-quick-meta-v139,.booking-view-meta-v141,.booking-extra-grid-v139{grid-template-columns:1fr!important}.booking-card-v139 .booking-title h3{font-size:16px!important}.booking-modal-v141 .modal-card.medium{width:min(100vw - 22px,920px)}.booking-modal-v141 [data-booking-view-title]{font-size:clamp(20px,6vw,28px);margin-bottom:14px}}

/* TRIPLOOM V14.21.4 · Premium booking cards + in-modal attachment zoom */
.booking-list{
  gap:16px!important;
}
.booking-card-v139{
  position:relative;
  overflow:hidden;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  padding:18px 18px 18px 16px!important;
  border:1px solid #D8EBE8!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at top right, rgba(111,205,229,.14), transparent 34%),
    linear-gradient(180deg, #FFFFFF 0%, #F4FCFB 100%)!important;
  box-shadow:0 18px 40px rgba(31,66,75,.06), inset 0 1px 0 rgba(255,255,255,.92);
}
.booking-card-v139::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:24px 0 0 24px;
  background:linear-gradient(180deg,#69D7D0,#6FCDE5);
  opacity:.95;
}
.booking-card-v139 .booking-type{
  position:relative;
  width:50px;
  height:50px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 14px 28px rgba(105,215,208,.18), inset 0 1px 0 rgba(255,255,255,.86);
}
.booking-card-v139 .booking-type::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:17px;
  background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0));
  pointer-events:none;
}
.booking-card-v139 .booking-body{
  gap:12px;
}
.booking-card-v139 .booking-title{
  gap:16px;
}
.booking-card-v139 .booking-title h3{
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:-.02em;
}
.booking-card-v139 .booking-title .eyebrow{
  color:#249D98;
  letter-spacing:.14em;
}
.booking-quick-meta-v139{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px!important;
}
.booking-quick-meta-v139 span{
  min-width:0;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#FFFFFF 0%, #F4FCFB 100%);
  border:1px solid #E0EFED!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.booking-quick-meta-v139 span small{
  font-size:10px!important;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#81969C!important;
}
.booking-quick-meta-v139 span b{
  display:block;
  margin-top:3px;
  font-size:13px!important;
  line-height:1.34;
  color:#2A3C43!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.booking-note-v139{
  margin-top:-2px;
  padding-left:2px;
}
.booking-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.booking-links a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #D6E8E5;
  background:#F4FCFB;
  color:#249D98;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.booking-card-actions-v139{
  align-self:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
.booking-view-btn-v141,
.booking-edit-btn-v139,
.booking-card-actions-v139 .mini-delete{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border:1px solid #D7EAE6!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:0 10px 20px rgba(38,79,89,.06), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.booking-view-btn-v141:hover,
.booking-edit-btn-v139:hover,
.booking-card-actions-v139 .mini-delete:hover{
  transform:translateY(-1px);
}
.booking-modal-v141 [data-booking-view-title]{
  font-size:clamp(24px,2.25vw,36px);
  line-height:1.1;
  letter-spacing:-.03em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.booking-attachment-frame-v144{
  width:100%;
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:18px;
  align-items:center;
  text-align:left;
  border:1px solid #DCECEB;
  border-radius:24px;
  padding:16px;
  background:linear-gradient(180deg,#FFFFFF 0%, #F4FCFB 100%);
  box-shadow:0 16px 32px rgba(36,70,78,.06), inset 0 1px 0 rgba(255,255,255,.92);
}
.booking-attachment-thumb-v144{
  width:180px;
  height:124px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #D8EBE7;
  background:#EEF5F4;
}
.booking-attachment-thumb-v144 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.booking-attachment-copy-v144{
  min-width:0;
  display:grid;
  gap:6px;
}
.booking-attachment-copy-v144 small{
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#82959A;
}
.booking-attachment-copy-v144 b{
  font-size:16px;
  line-height:1.3;
  color:#23383F;
}
.booking-attachment-frame-v144 .booking-attachment-cta-v143{
  justify-self:start;
}
.booking-attachment-file-v144{
  min-height:44px;
  padding:0 16px;
  border-radius:16px;
}
.booking-attachment-modal-v144 .modal-card.large{
  width:min(100vw - 28px, 1120px);
}
.booking-attachment-card-v144{
  display:grid;
  gap:14px;
}
.booking-attachment-view-v144{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:320px;
  max-height:72vh;
  border-radius:24px;
  padding:14px;
  background:linear-gradient(180deg,#F4FCFB 0%,#EEF6F5 100%);
  border:1px solid #DBECEB;
}
.booking-attachment-view-v144 img{
  max-width:100%;
  max-height:calc(72vh - 28px);
  display:block;
  border-radius:18px;
  object-fit:contain;
  box-shadow:0 20px 40px rgba(24,44,51,.14);
}
@media (max-width: 900px){
  .booking-card-v139{
    grid-template-columns:52px minmax(0,1fr)!important;
  }
  .booking-card-actions-v139{
    grid-column:2/3;
    margin-top:2px;
  }
  .booking-attachment-frame-v144{
    grid-template-columns:1fr;
  }
  .booking-attachment-thumb-v144{
    width:100%;
    height:210px;
  }
}
@media (max-width: 560px){
  .booking-card-v139{
    grid-template-columns:1fr!important;
    padding:15px 14px 14px 14px!important;
  }
  .booking-card-v139::after{width:100%;height:4px;inset:0 0 auto 0;border-radius:24px 24px 0 0}
  .booking-card-v139 .booking-type{
    width:44px;
    height:44px;
  }
  .booking-quick-meta-v139{
    grid-template-columns:1fr!important;
  }
  .booking-view-btn-v141,
  .booking-edit-btn-v139,
  .booking-card-actions-v139 .mini-delete{
    width:38px!important;
    height:38px!important;
  }
  .booking-attachment-thumb-v144{height:170px}
  .booking-attachment-copy-v144 b{font-size:14px}
}


/* TRIPLOOM V14.21.5 · Booking modal title fit + upload fix + count badge */
.booking-head-v145{display:flex!important;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.booking-count-pill-v145{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,#F2F8F8,#EAF3F3);border:1px solid #D8E8E6;color:#65828A;font-size:11px;font-weight:900;letter-spacing:.01em;white-space:nowrap;align-self:flex-start}
.booking-modal-v141 [data-booking-view-title]{display:block;width:100%;font-size:clamp(18px,2.3vw,34px)!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;letter-spacing:-.03em!important;margin:8px 0 16px!important;padding-right:52px!important}
.booking-upload-box-v145{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:138px!important;padding:18px 16px!important;text-align:center!important;overflow:hidden!important}
.booking-upload-box-v145 input{display:none!important}
.booking-upload-box-v145 span{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;border-radius:16px!important;background:linear-gradient(180deg,#DDF7F4,#D8F2ED)!important;color:#249D98!important;font-size:24px!important;line-height:1!important;box-shadow:0 10px 22px rgba(105,215,208,.16)!important;flex:0 0 52px!important;margin:0 auto!important}
.booking-upload-box-v145 b{display:block!important;margin:0!important;font-size:14px!important;line-height:1.4!important;color:#1F3B4D!important}
.booking-upload-box-v145 small{display:block!important;margin:0!important;font-size:11px!important;line-height:1.45!important;color:#7D959B!important}
@media(max-width:900px){.booking-head-v145{align-items:flex-start}.booking-count-pill-v145{order:-1;margin-left:auto}.booking-modal-v141 [data-booking-view-title]{font-size:clamp(16px,4.2vw,28px)!important;padding-right:44px!important}}
@media(max-width:560px){.booking-head-v145{flex-direction:row}.booking-count-pill-v145{font-size:10px;min-height:30px;padding:0 12px}.booking-modal-v141 [data-booking-view-title]{font-size:clamp(15px,5.1vw,22px)!important;padding-right:42px!important}.booking-upload-box-v145{min-height:126px!important}.booking-upload-box-v145 span{width:48px!important;height:48px!important;font-size:22px!important}}


/* TRIPLOOM V14.21.8 · Definitive Booking title/upload/count fix */
.booking-head-v145{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:16px!important;
}
.booking-head-v145>div{min-width:0!important}
.booking-count-pill-v145{
  position:static!important;
  margin:0!important;
  align-self:start!important;
  justify-self:end!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:#EEF6F5!important;
  border:1px solid #D7E8E5!important;
  color:#668187!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.booking-modal-v141 .modal-card.medium{
  width:min(940px,calc(100vw - 48px))!important;
  max-width:940px!important;
}
.booking-modal-v141 [data-booking-view-title]{
  display:block!important;
  width:auto!important;
  max-width:calc(100% - 58px)!important;
  margin:10px 0 18px!important;
  padding:0!important;
  font-size:31px!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.booking-upload-box-v146{
  position:relative!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:13px!important;
  row-gap:2px!important;
  align-items:center!important;
  min-height:82px!important;
  padding:13px 14px!important;
  border:1px dashed #BFDAD6!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#FBFEFD 0%,#F4FAF8 100%)!important;
  text-align:left!important;
  overflow:hidden!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.booking-upload-box-v146:hover{
  border-color:#78C7C0!important;
  background:#F3FBF9!important;
}
.booking-upload-box-v146 input{display:none!important}
.booking-upload-box-v146 .booking-upload-icon-v146{
  grid-column:1!important;
  grid-row:1 / 3!important;
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  margin:0!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#E7F8F4,#D8F1EC)!important;
  color:#249D98!important;
  font-size:22px!important;
  font-weight:400!important;
  line-height:1!important;
  box-shadow:none!important;
}
.booking-upload-box-v146 .booking-upload-copy-v146{
  grid-column:2!important;
  grid-row:1 / 3!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:3px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  box-shadow:none!important;
  color:inherit!important;
}
.booking-upload-box-v146 .booking-upload-copy-v146 b{
  margin:0!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
  color:#2C4148!important;
}
.booking-upload-box-v146 .booking-upload-copy-v146 small{
  margin:0!important;
  font-size:10px!important;
  line-height:1.4!important;
  font-weight:500!important;
  color:#81969C!important;
}
.booking-upload-box-v146 .booking-upload-action-v146{
  grid-column:3!important;
  grid-row:1 / 3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:86px!important;
  max-width:150px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid #BFE0DB!important;
  background:#FFFFFF!important;
  color:#249D98!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
}
.booking-upload-box-v146.has-file .booking-upload-action-v146{
  background:#DDF7F4!important;
  border-color:#8FD1C9!important;
  color:#249D98!important;
}
@media(max-width:900px){
  .booking-modal-v141 [data-booking-view-title]{font-size:27px!important;max-width:calc(100% - 54px)!important}
}
@media(max-width:560px){
  .booking-head-v145{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .booking-count-pill-v145{height:29px!important;min-height:29px!important;padding:0 10px!important;font-size:9px!important}
  .booking-modal-v141 [data-booking-view-title]{font-size:22px!important;max-width:calc(100% - 48px)!important;margin-top:8px!important}
  .booking-upload-box-v146{grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;min-height:104px!important}
  .booking-upload-box-v146 .booking-upload-icon-v146{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .booking-upload-box-v146 .booking-upload-copy-v146{grid-column:2!important;grid-row:1 / 3!important}
  .booking-upload-box-v146 .booking-upload-action-v146{grid-column:1 / 3!important;grid-row:3!important;width:100%!important;max-width:none!important;margin-top:7px!important}
}


/* TRIPLOOM V14.21.8 · Premium booking upload wow refresh */
.booking-upload-box-v147{
  grid-template-columns:56px minmax(0,1fr) 112px!important;
  grid-template-rows:auto auto!important;
  column-gap:16px!important;
  row-gap:8px!important;
  min-height:112px!important;
  padding:16px 18px!important;
  border:1px solid rgba(128,205,196,.58)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#FFFFFF 0%,#F4FCFB 55%,#EEF9F6 100%)!important;
  box-shadow:0 18px 40px rgba(31,127,122,.06), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.booking-upload-box-v147:before{
  content:'';
  position:absolute;
  right:-24px;
  top:-24px;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(103,205,191,.16) 0%,rgba(103,205,191,0) 68%);
  pointer-events:none;
}
.booking-upload-box-v147:hover{
  transform:translateY(-1px)!important;
  border-color:#78C7C0!important;
  box-shadow:0 22px 46px rgba(31,127,122,.10), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.booking-upload-box-v147 .booking-upload-icon-v147{
  width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#E8FAF6 0%,#D7F2EC 100%)!important;
  box-shadow:0 12px 26px rgba(105,215,208,.18)!important;
  font-size:28px!important;
}
.booking-upload-box-v147 .booking-upload-copy-v147{gap:2px!important;align-items:flex-start!important}
.booking-upload-box-v147 .booking-upload-copy-v147 b{font-size:16px!important;line-height:1.2!important;white-space:nowrap!important}
.booking-upload-box-v147 .booking-upload-copy-v147 small{font-size:11px!important;line-height:1.35!important;white-space:nowrap!important}
.booking-upload-box-v147 .booking-upload-tip-v147{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  margin-top:4px!important;padding:6px 10px!important;border-radius:999px!important;
  background:#F0FAF7!important;border:1px solid #D8EFEB!important;color:#5B7E84!important;
  font-size:10px!important;font-style:normal!important;font-weight:700!important;line-height:1.2!important;
}
.booking-upload-box-v147 .booking-upload-tip-v147:before{content:'✦';font-size:10px;color:#249D98}
.booking-upload-box-v147 .booking-upload-action-v147{
  min-width:112px!important;height:42px!important;min-height:42px!important;padding:0 16px!important;
  border-radius:14px!important;border-color:#A6D9D3!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F3FBF9 100%)!important;
  color:#249D98!important;font-size:11px!important;letter-spacing:.01em!important;
  box-shadow:0 8px 18px rgba(30,128,121,.08)!important;
}
.booking-upload-box-v147 .booking-upload-name-v147{
  grid-column:2 / 4!important;grid-row:2!important;
  display:flex!important;align-items:center!important;min-height:36px!important;
  padding:0 12px!important;border-radius:12px!important;
  border:1px dashed #D5EAE6!important;background:rgba(255,255,255,.7)!important;
  color:#779097!important;font-size:11px!important;font-weight:700!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.booking-upload-box-v147.has-file .booking-upload-name-v147{
  border-style:solid!important;border-color:#B8E2DA!important;background:#DDF7F4!important;color:#176C67!important;
}
.booking-upload-box-v147.has-file .booking-upload-name-v147:before{content:'✓';margin-right:8px;font-weight:900;color:#249D98}
.booking-upload-box-v147.has-file .booking-upload-action-v147{
  background:linear-gradient(180deg,#DDF7F4 0%,#DDF4EF 100%)!important;
  border-color:#89D0C7!important;color:#249D98!important;
}
@media(max-width:560px){
  .booking-upload-box-v147{grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;row-gap:8px!important;min-height:132px!important;padding:15px 14px!important}
  .booking-upload-box-v147 .booking-upload-icon-v147{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  .booking-upload-box-v147 .booking-upload-copy-v147{grid-column:2!important;grid-row:1!important}
  .booking-upload-box-v147 .booking-upload-copy-v147 b,.booking-upload-box-v147 .booking-upload-copy-v147 small{white-space:normal!important}
  .booking-upload-box-v147 .booking-upload-action-v147{grid-column:1 / 3!important;grid-row:2!important;width:100%!important;max-width:none!important}
  .booking-upload-box-v147 .booking-upload-name-v147{grid-column:1 / 3!important;grid-row:3!important}
}


/* TRIPLOOM V14.21.8 · Definitive booking upload component (isolated from generic upload-box rules) */
.booking-form-panel-v139 .form-stack > label.booking-upload-box-v148,
.booking-modal-v141 .modal-card .form-stack > label.booking-upload-box-v148{
  position:relative!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 96px!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  min-height:96px!important;
  height:auto!important;
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid #CFE8E4!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 92% 12%, rgba(102,211,197,.12), transparent 32%),
    linear-gradient(135deg,#FFFFFF 0%,#F9FDFC 56%,#F1FAF8 100%)!important;
  box-shadow:0 14px 32px rgba(30,103,99,.07), inset 0 1px 0 rgba(255,255,255,.98)!important;
  text-align:left!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.booking-form-panel-v139 .form-stack > label.booking-upload-box-v148:hover,
.booking-modal-v141 .modal-card .form-stack > label.booking-upload-box-v148:hover{
  transform:translateY(-1px)!important;
  border-color:#8FD3CB!important;
  box-shadow:0 18px 38px rgba(30,103,99,.10), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.booking-upload-box-v148 input[type="file"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.booking-upload-box-v148 .booking-upload-icon-v148{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#E5FAF5 0%,#D6F3ED 100%)!important;
  color:#249D98!important;
  font-size:27px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  box-shadow:0 10px 22px rgba(105,215,208,.16)!important;
}
.booking-upload-box-v148 .booking-upload-content-v148{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.booking-upload-box-v148 .booking-upload-content-v148 strong{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:#243A41!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.booking-upload-box-v148 .booking-upload-content-v148 small{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:#82979C!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.booking-upload-box-v148 .booking-upload-content-v148 em{
  display:block!important;
  max-width:100%!important;
  margin:4px 0 0!important;
  color:#5F7B82!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.booking-upload-box-v148 .booking-upload-button-v148{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #9ED6CF!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F1FBF9 100%)!important;
  color:#249D98!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 8px 18px rgba(38,131,124,.08)!important;
}
.booking-upload-box-v148.has-file{
  border-color:#9EDBD3!important;
  background:linear-gradient(135deg,#FFFFFF 0%,#F6FCFA 54%,#DDF7F4 100%)!important;
}
.booking-upload-box-v148.has-file .booking-upload-icon-v148{
  background:linear-gradient(180deg,#DDF7F1 0%,#CBEDE6 100%)!important;
}
.booking-upload-box-v148.has-file .booking-upload-content-v148 em{
  color:#249D98!important;
}
.booking-upload-box-v148.has-file .booking-upload-content-v148 em:before{
  content:'✓ ';
  color:#249D98;
  font-weight:900;
}
.booking-upload-box-v148.has-file .booking-upload-button-v148{
  background:linear-gradient(180deg,#DDF7F4 0%,#DEF4EF 100%)!important;
  border-color:#83CCC3!important;
  color:#249D98!important;
}
.booking-current-file-v148{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:11px 13px!important;
  border:1px solid #DCEBE8!important;
  border-radius:16px!important;
  background:#F4FCFB!important;
}
.booking-current-file-v148[hidden]{display:none!important}
.booking-current-file-copy-v148{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.booking-current-file-copy-v148 small{font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;color:#81969B!important}
.booking-current-file-copy-v148 strong{font-size:11px!important;font-weight:800!important;line-height:1.3!important;color:#30464D!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.booking-current-file-v148 a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:34px!important;padding:0 12px!important;border-radius:11px!important;border:1px solid #C9E3DE!important;background:#FFFFFF!important;color:#249D98!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important}
@media(max-width:460px){
  .booking-form-panel-v139 .form-stack > label.booking-upload-box-v148,
  .booking-modal-v141 .modal-card .form-stack > label.booking-upload-box-v148{
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:10px 12px!important;
    min-height:126px!important;
    padding:14px!important;
  }
  .booking-upload-box-v148 .booking-upload-icon-v148{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;font-size:24px!important}
  .booking-upload-box-v148 .booking-upload-button-v148{grid-column:1 / 3!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:none!important;height:38px!important}
  .booking-upload-box-v148 .booking-upload-content-v148 strong{font-size:12px!important}
  .booking-upload-box-v148 .booking-upload-content-v148 small{font-size:9px!important;white-space:normal!important}
  .booking-current-file-v148{align-items:flex-start!important;flex-direction:column!important}
  .booking-current-file-v148 a{width:100%!important}
}


/* TRIPLOOM V14.21.9 · Booking icon clean + premium 3D buttons */
.booking-card-v139{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #D7E8E5!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:0 10px 24px rgba(25,82,88,.05),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.booking-card-v139::after{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:4px!important;
  border-radius:22px 0 0 22px!important;
  background:linear-gradient(180deg,#3FBDB5,#72CDE6)!important;
  opacity:1!important;
}
.booking-card-v139 .booking-type{
  position:relative!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  border-radius:16px!important;
  border:1px solid rgba(148,210,203,.9)!important;
  background:linear-gradient(180deg,#F5FFFD 0%,#DDF7F4 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 10px rgba(24,130,122,.08)!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.booking-card-v139 .booking-type::before{
  display:none!important;
  content:none!important;
}
.booking-card-v139 .booking-type svg{
  width:20px!important;
  height:20px!important;
  stroke-width:1.9!important;
  filter:none!important;
}
.booking-card-v139 .booking-title h3{
  font-size:clamp(16px,1.45vw,20px)!important;
  line-height:1.22!important;
  color:#263840!important;
  letter-spacing:-.02em!important;
}
.booking-quick-meta-v139 span{
  border-radius:14px!important;
  border:1px solid #E2EEEC!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.booking-view-btn-v141,
.booking-edit-btn-v139,
.booking-card-actions-v139 .mini-delete{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border-radius:14px!important;
  border:1px solid #CFE3DF!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#DDF7F4 100%)!important;
  box-shadow:0 10px 18px rgba(22,112,108,.10),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -2px 0 rgba(149,214,206,.25)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.booking-view-btn-v141:hover,
.booking-edit-btn-v139:hover,
.booking-card-actions-v139 .mini-delete:hover{
  transform:translateY(-1px)!important;
  border-color:#9FD4CD!important;
  box-shadow:0 14px 24px rgba(22,112,108,.12),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -2px 0 rgba(149,214,206,.28)!important;
}
.booking-view-btn-v141:active,
.booking-edit-btn-v139:active,
.booking-card-actions-v139 .mini-delete:active{
  transform:translateY(1px)!important;
  box-shadow:0 4px 10px rgba(22,112,108,.08),inset 0 2px 4px rgba(0,0,0,.04)!important;
}
.booking-card-actions-v139 .mini-delete{
  border-color:#F3D7D7!important;
  background:linear-gradient(180deg,#FFFEFE 0%,#FFF5F5 100%)!important;
}
@media(max-width:560px){
  .booking-card-v139{padding:14px!important;border-radius:18px!important}
  .booking-card-v139::after{width:100%!important;height:4px!important;inset:0 0 auto 0!important;border-radius:18px 18px 0 0!important}
  .booking-card-v139 .booking-type{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important}
  .booking-view-btn-v141,.booking-edit-btn-v139,.booking-card-actions-v139 .mini-delete{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:12px!important}
  .booking-card-v139 .booking-title h3{font-size:16px!important}
}

/* === V150 VAULT PREMIUM REFRESH === */
.trip-tab-hero-vault .trip-tab-hero-copy{max-width:760px}
.trip-tab-hero-vault .trip-tab-hero-side{align-items:flex-end;gap:14px}
.trip-tab-hero-vault .trip-tab-hero-score{min-width:162px}
.trip-tab-hero-vault-actions{display:grid;gap:10px;width:100%;max-width:220px}
.trip-tab-hero-vault-actions .btn{width:100%;justify-content:center}
.v150-vault-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.72fr);gap:18px;align-items:start}
.v150-vault-main{display:grid;gap:18px}
.v150-vault-section{overflow:hidden}
.v150-vault-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.v150-vault-counter{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,#DDF7F4,#E4F5F2);border:1px solid #CFE6E2;color:#249D98;font-size:12px;font-weight:800;white-space:nowrap}
.v150-vault-list{display:grid;gap:12px}
.v150-vault-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid #DFEAE6;border-radius:20px;background:linear-gradient(180deg,#fff,#FBFEFD);box-shadow:0 12px 28px rgba(27,84,78,.04)}
.v150-vault-row.is-expired{border-color:#F0C3B9;background:linear-gradient(180deg,#FFFAF9,#FFF4F2)}
.v150-vault-row-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#EDF8F4,#DEF4ED);color:#249D98;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.v150-vault-row-icon svg{width:22px;height:22px;stroke:currentColor}
.v150-vault-row-body{min-width:0}
.v150-vault-row-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:4px}
.v150-vault-row-top small{font-size:11px;color:#6D7F79;font-weight:800}
.v150-vault-row-top em{font-style:normal;font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:#EDF7F5;color:#4B9A60}
.v150-vault-row.is-expired .v150-vault-row-top em{background:#FFF0ED;color:#FF9B5E}
.v150-vault-row-body b{display:block;font-size:18px;line-height:1.25;color:#253640}
.v150-vault-row-meta{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:7px}
.v150-vault-row-meta span,.v150-vault-row-body p{font-size:12px;line-height:1.55;color:#6F817C;margin:0}
.v150-vault-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.v150-vault-row-actions form{margin:0}
.v150-vault-row-actions .btn{min-height:40px;padding:0 12px;border-radius:14px;font-size:12px}
.v150-vault-side{position:sticky;top:108px;display:grid;gap:16px}
.v150-vault-side-top h3{margin:4px 0 6px;font-size:28px;line-height:1.08}
.v150-vault-side-stats{display:grid;gap:10px}
.v150-vault-side-stats article{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:14px;border:1px solid #DDE9E5;border-radius:18px;background:linear-gradient(180deg,#fff,#F4FCFB)}
.v150-vault-side-stats article span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#EDF8F4,#DEF4ED);color:#249D98}
.v150-vault-side-stats article span svg{width:21px;height:21px;stroke:currentColor}
.v150-vault-side-stats article b{display:block;font-size:24px;line-height:1;color:#243740}
.v150-vault-side-stats article small{display:block;color:#6F827C;font-size:11px;line-height:1.45;margin-top:4px}
.v150-vault-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v150-vault-switches button{min-height:44px;border-radius:16px;border:1px solid #D7E8E4;background:#F4FCFB;color:#53706B;font-weight:800;cursor:pointer;transition:.2s}
.v150-vault-switches button.active{background:linear-gradient(180deg,#3FBDB5,#69D7D0);border-color:#69D7D0;color:#fff;box-shadow:0 14px 30px rgba(46,133,127,.18)}
.v150-vault-panels{display:grid;gap:14px}
.v150-vault-form-panel{display:none;gap:12px}
.v150-vault-form-panel.active{display:grid}
.v150-vault-form-panel h4{margin:0;font-size:22px;line-height:1.1}
.v150-vault-form-actions{display:grid;gap:10px}
.v150-vault-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.v150-vault-modal-item{padding:15px 16px;border:1px solid #DDEAE7;border-radius:18px;background:linear-gradient(180deg,#fff,#F9FCFB)}
.v150-vault-modal-item small{display:block;font-size:10px;color:#7A8B86;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.v150-vault-modal-item b{display:block;font-size:14px;line-height:1.55;color:#253741;word-break:break-word}
.v150-vault-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
@media(max-width:1100px){.v150-vault-layout{grid-template-columns:1fr}.v150-vault-side{position:static;top:auto}}
@media(max-width:900px){.trip-tab-hero-vault .trip-tab-hero-side{align-items:stretch}.trip-tab-hero-vault-actions{max-width:none}.v150-vault-head{flex-direction:column;align-items:flex-start}.v150-vault-row{grid-template-columns:44px minmax(0,1fr)}.v150-vault-row-actions{grid-column:1/-1;justify-content:flex-start}.v150-vault-modal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v150-vault-switches{grid-template-columns:1fr}.v150-vault-row{padding:14px}.v150-vault-row-body b{font-size:16px}.v150-vault-modal-grid{grid-template-columns:1fr}.v150-vault-modal-actions{justify-content:stretch}.v150-vault-modal-actions .btn{width:100%}}

/* === TRIPLOOM V14.22.1 · VAULT HERO ACTIONS FINAL ALIGNMENT === */
.trip-tab-hero-vault{
  grid-template-columns:minmax(0,1fr) 360px!important;
  column-gap:28px!important;
}
.trip-tab-hero-vault .trip-tab-hero-copy{
  max-width:none!important;
  min-width:0!important;
}
.trip-tab-hero-vault .trip-tab-hero-side{
  box-sizing:border-box!important;
  width:360px!important;
  min-width:360px!important;
  max-width:360px!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  display:grid!important;
  grid-template-rows:132px 44px!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  justify-items:end!important;
  align-items:center!important;
  gap:10px!important;
  overflow:visible!important;
}
.trip-tab-hero-vault .trip-tab-hero-score{
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  justify-self:end!important;
  margin:0!important;
}
.trip-tab-hero-vault-actions{
  box-sizing:border-box!important;
  width:360px!important;
  min-width:360px!important;
  max-width:360px!important;
  height:44px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  margin:0!important;
}
.trip-tab-hero-vault-actions .btn,
.trip-tab-hero-vault-actions .expense-hero-add-btn-v46{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.trip-tab-hero-vault-actions .btn span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.trip-tab-hero-vault-actions .btn svg{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  flex:0 0 15px!important;
}

@media(max-width:1100px){
  .trip-tab-hero-vault{
    grid-template-columns:minmax(0,1fr) 326px!important;
    column-gap:22px!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-side{
    width:326px!important;
    min-width:326px!important;
    max-width:326px!important;
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
    grid-template-rows:122px 42px!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-score{
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
  }
  .trip-tab-hero-vault-actions{
    width:326px!important;
    min-width:326px!important;
    max-width:326px!important;
    height:42px!important;
  }
  .trip-tab-hero-vault-actions .btn,
  .trip-tab-hero-vault-actions .expense-hero-add-btn-v46{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0 11px!important;
    font-size:10px!important;
  }
}

@media(max-width:700px){
  .trip-tab-hero-vault{
    grid-template-columns:1fr!important;
    row-gap:16px!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-side{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-rows:116px 42px!important;
    justify-items:start!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-score{
    width:160px!important;
    min-width:160px!important;
    max-width:160px!important;
    height:116px!important;
    min-height:116px!important;
    max-height:116px!important;
    justify-self:start!important;
  }
  .trip-tab-hero-vault-actions{
    width:min(100%,340px)!important;
    min-width:0!important;
    max-width:340px!important;
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:420px){
  .trip-tab-hero-vault-actions{
    width:100%!important;
    max-width:none!important;
    gap:8px!important;
  }
  .trip-tab-hero-vault-actions .btn,
  .trip-tab-hero-vault-actions .expense-hero-add-btn-v46{
    padding:0 8px!important;
    font-size:9px!important;
    gap:5px!important;
  }
}

/* === TRIPLOOM V14.22.2 · VAULT TWO-COLUMN + MODAL FORMS === */
.trip-tab-hero-side-vault{align-items:stretch;min-width:min(100%,440px)}
.trip-tab-hero-vault-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:440px}
.trip-tab-hero-vault-action-block{display:grid;gap:10px;align-content:start;min-width:0}
.trip-tab-hero-vault-mini-score{width:100%;min-width:0}
.trip-tab-hero-vault-action-block .btn{width:100%;justify-content:center;min-height:44px}
.v152-vault-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px;align-items:start;margin-bottom:18px}
.v152-vault-modal-card{width:min(680px,calc(100vw - 28px));max-width:680px}
.v152-vault-form-modal form{margin-top:12px}
.v150-vault-row-actions .btn[disabled]{opacity:.55;pointer-events:none}
@media(max-width:900px){
  .trip-tab-hero-vault-duo{max-width:none}
  .v152-vault-layout{grid-template-columns:1fr}
}
@media(max-width:680px){
  .trip-tab-hero-vault-duo{grid-template-columns:1fr}
}

/* === TRIPLOOM V14.22.3 · VAULT IMAGE PREVIEW FIX === */
.v153-vault-file-preview{margin:16px 0 14px}
.v153-vault-image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left}
.v153-vault-image-button img{display:block;width:100%;height:320px;object-fit:contain;border-radius:20px;border:1px solid #D8E9E6;background:linear-gradient(180deg,#F4FCFB,#EEF6F4);box-shadow:0 16px 34px rgba(26,77,72,.08);transition:.2s ease}
.v153-vault-image-button span{display:block;margin-top:8px;text-align:center;font-size:11px;font-weight:800;color:#6E8580}
.v153-vault-image-button.is-zoomed{cursor:zoom-out}
.v153-vault-image-button.is-zoomed img{height:min(70vh,760px);object-fit:contain;background:#fff}
.v153-vault-file-card{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid #D9E8E5;border-radius:18px;background:linear-gradient(180deg,#fff,#F4FCFB)}
.v153-vault-file-card>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#E9F7F3;color:#249D98}
.v153-vault-file-card>span svg{width:20px;height:20px;stroke:currentColor}
.v153-vault-file-card small{display:block;font-size:10px;font-weight:800;color:#7B8F8A;text-transform:uppercase;letter-spacing:.08em}
.v153-vault-file-card b{display:block;margin-top:3px;font-size:14px;color:#273B42;word-break:break-all}
@media(max-width:560px){.v153-vault-image-button img{height:240px}.v153-vault-image-button.is-zoomed img{height:min(65vh,620px)}}

/* === TRIPLOOM V14.22.5 · VAULT HERO MATCH BOOKING PROPORTIONS === */
/* Desktop: mỗi cụm Tài liệu / Liên hệ dùng đúng tỷ lệ card + nút của Booking. */
.trip-tab-hero-vault{
  align-items:center!important;
}
.trip-tab-hero-vault .trip-tab-hero-copy{
  min-width:0!important;
  flex:1 1 auto!important;
}
.trip-tab-hero-vault .trip-tab-hero-side-vault{
  box-sizing:border-box!important;
  width:364px!important;
  min-width:364px!important;
  max-width:364px!important;
  height:186px!important;
  min-height:186px!important;
  max-height:186px!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.trip-tab-hero-vault .trip-tab-hero-vault-duo{
  box-sizing:border-box!important;
  width:364px!important;
  min-width:364px!important;
  max-width:364px!important;
  display:grid!important;
  grid-template-columns:176px 176px!important;
  gap:12px!important;
  align-items:start!important;
  justify-content:end!important;
}
.trip-tab-hero-vault .trip-tab-hero-vault-action-block{
  box-sizing:border-box!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  display:grid!important;
  grid-template-rows:132px 44px!important;
  gap:10px!important;
  align-content:start!important;
}
.trip-tab-hero-vault .trip-tab-hero-vault-mini-score{
  box-sizing:border-box!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  padding:16px 18px!important;
  border-radius:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  text-align:center!important;
}
.trip-tab-hero-vault .trip-tab-hero-vault-mini-score b{
  margin:0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:36px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#fff!important;
}
.trip-tab-hero-vault .trip-tab-hero-vault-mini-score small{
  display:block!important;
  margin:8px 0 0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.84)!important;
}
.trip-tab-hero-vault .trip-tab-hero-vault-mini-score>i{
  display:block!important;
  width:100%!important;
  height:6px!important;
  min-height:6px!important;
  flex:0 0 6px!important;
  margin:12px 0 0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  overflow:hidden!important;
}
.trip-tab-hero-vault .trip-tab-hero-vault-mini-score>i>em{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:#fff!important;
}
/* Cả hai nút dùng cùng chuẩn 176 × 44 như nút Booking. */
.trip-tab-hero-vault .trip-tab-hero-vault-action-block .btn,
.trip-tab-hero-vault .trip-tab-hero-vault-action-block .expense-hero-add-btn-v46{
  box-sizing:border-box!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:rgba(255,255,255,.96)!important;
  color:#69D7D0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:0 10px 24px rgba(22,91,99,.15)!important;
  backdrop-filter:none!important;
}
.trip-tab-hero-vault .trip-tab-hero-vault-action-block .btn:hover,
.trip-tab-hero-vault .trip-tab-hero-vault-action-block .expense-hero-add-btn-v46:hover{
  transform:translateY(-1px)!important;
  background:#fff!important;
  box-shadow:0 14px 28px rgba(22,91,99,.20)!important;
  border-color:rgba(255,255,255,.88)!important;
}
.trip-tab-hero-vault .trip-tab-hero-vault-action-block .btn svg{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  flex:0 0 15px!important;
  stroke:currentColor!important;
  fill:none!important;
}
/* Tablet: dùng đúng tỷ lệ responsive của hero Booking. */
@media(max-width:1000px){
  .trip-tab-hero-vault .trip-tab-hero-side-vault{
    width:328px!important;
    min-width:328px!important;
    max-width:328px!important;
    height:174px!important;
    min-height:174px!important;
    max-height:174px!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-vault-duo{
    width:328px!important;
    min-width:328px!important;
    max-width:328px!important;
    grid-template-columns:158px 158px!important;
    gap:12px!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-vault-action-block{
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    grid-template-rows:122px 42px!important;
    gap:10px!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-vault-mini-score{
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-vault-action-block .btn,
  .trip-tab-hero-vault .trip-tab-hero-vault-action-block .expense-hero-add-btn-v46{
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
}
/* Mobile: vẫn giữ hai cột cạnh nhau nhưng tự co theo bề ngang, không làm vỡ hero. */
@media(max-width:700px){
  .trip-tab-hero-vault .trip-tab-hero-side-vault{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:stretch!important;
    justify-content:flex-start!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-vault-duo{
    width:min(100%,332px)!important;
    min-width:0!important;
    max-width:332px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    justify-content:start!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-vault-action-block{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    grid-template-rows:116px 42px!important;
    gap:10px!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-vault-mini-score{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:116px!important;
    min-height:116px!important;
    max-height:116px!important;
    padding:14px 14px!important;
  }
  .trip-tab-hero-vault .trip-tab-hero-vault-action-block .btn,
  .trip-tab-hero-vault .trip-tab-hero-vault-action-block .expense-hero-add-btn-v46{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
}
@media(max-width:380px){
  .trip-tab-hero-vault .trip-tab-hero-vault-duo{gap:8px!important}
  .trip-tab-hero-vault .trip-tab-hero-vault-action-block{gap:8px!important;grid-template-rows:110px 40px!important}
  .trip-tab-hero-vault .trip-tab-hero-vault-mini-score{height:110px!important;min-height:110px!important;max-height:110px!important;padding:12px 9px!important}
  .trip-tab-hero-vault .trip-tab-hero-vault-mini-score b{font-size:32px!important}
  .trip-tab-hero-vault .trip-tab-hero-vault-action-block .btn,
  .trip-tab-hero-vault .trip-tab-hero-vault-action-block .expense-hero-add-btn-v46{height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 6px!important;font-size:9px!important;gap:5px!important}
}

/* === TRIPLOOM V14.22.6 · Compact smart contact cards === */
.v158-contact-section{
  padding:22px 24px!important;
}
.v158-contact-head{
  margin-bottom:14px!important;
  align-items:center!important;
}
.v158-contact-head>div{
  min-width:0;
}
.v158-contact-head .eyebrow{
  margin-bottom:5px!important;
}
.v158-contact-head h2{
  margin:0 0 5px!important;
  font-size:24px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}
.v158-contact-head p{
  margin:0!important;
  max-width:720px!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.v158-contact-head .v150-vault-counter{
  min-height:32px!important;
  padding:0 12px!important;
  font-size:10px!important;
  border-radius:999px!important;
}
.v158-contact-list{
  gap:9px!important;
}
.v158-contact-row{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:12px!important;
  min-height:72px!important;
  padding:10px 12px!important;
  border-radius:17px!important;
  border:1px solid #DCEBE8!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FBFEFD 100%)!important;
  box-shadow:0 7px 18px rgba(31,80,76,.035)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.v158-contact-row:hover{
  transform:translateY(-1px)!important;
  border-color:#C4E2DD!important;
  box-shadow:0 10px 22px rgba(31,80,76,.065)!important;
}
.v158-contact-icon{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#EAF8F4 0%,#DFF3ED 100%)!important;
  color:#249D98!important;
  box-shadow:none!important;
}
.v158-contact-icon svg{
  width:19px!important;
  height:19px!important;
}
.v158-contact-body{
  display:grid!important;
  gap:4px!important;
  align-content:center!important;
  min-width:0!important;
}
.v158-contact-mainline{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
.v158-contact-mainline>b{
  display:block!important;
  margin:0!important;
  max-width:280px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#273B43!important;
}
.v158-contact-role,
.v158-contact-phone{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.v158-contact-role{
  background:#F3F8F7!important;
  color:#738A86!important;
  border:1px solid #E5EFED!important;
}
.v158-contact-phone{
  background:#E9F7F3!important;
  color:#249D98!important;
  border:1px solid #D7EEE8!important;
}
.v158-contact-note{
  margin:0!important;
  max-width:760px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  color:#80918E!important;
}
.v158-contact-actions{
  gap:6px!important;
  flex-wrap:nowrap!important;
}
.v158-contact-actions .btn{
  min-height:34px!important;
  height:34px!important;
  padding:0 10px!important;
  gap:6px!important;
  border-radius:11px!important;
  border:1px solid #D3E5E2!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  color:#249D98!important;
  font-size:10.5px!important;
  font-weight:800!important;
  box-shadow:0 4px 10px rgba(31,110,104,.04)!important;
}
.v158-contact-actions .btn:hover{
  border-color:#A9D7D1!important;
  background:#F4FCFB!important;
}
.v158-contact-actions .btn svg{
  width:15px!important;
  height:15px!important;
}
.v158-contact-delete{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:10px!important;
  font-size:14px!important;
  line-height:1!important;
  box-shadow:none!important;
}
@media(max-width:900px){
  .v158-contact-section{padding:18px!important}
  .v158-contact-head{align-items:flex-start!important}
  .v158-contact-row{grid-template-columns:38px minmax(0,1fr)!important;padding:11px!important}
  .v158-contact-actions{grid-column:2/3!important;justify-content:flex-start!important;margin-top:2px!important}
}
@media(max-width:560px){
  .v158-contact-section{padding:16px 14px!important}
  .v158-contact-head h2{font-size:21px!important}
  .v158-contact-head p{font-size:11px!important}
  .v158-contact-row{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;border-radius:15px!important}
  .v158-contact-icon{width:36px!important;height:36px!important;border-radius:12px!important}
  .v158-contact-mainline>b{max-width:100%!important;font-size:14px!important}
  .v158-contact-role,.v158-contact-phone{font-size:8.5px!important;min-height:21px!important;padding:0 7px!important}
  .v158-contact-note{font-size:10px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .v158-contact-actions{grid-column:1/-1!important;justify-content:flex-end!important}
  .v158-contact-actions .btn{min-height:32px!important;height:32px!important;padding:0 9px!important}
  .v158-contact-delete{width:30px!important;height:30px!important}
}

/* === TRIPLOOM V14.22.8 · VAULT PREMIUM DUAL PANEL === */
.v152-vault-layout{
  gap:20px!important;
}
.v159-vault-panel{
  position:relative!important;
  overflow:hidden!important;
  padding:22px!important;
  border:1px solid rgba(57,166,156,.18)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(79,196,216,.08),transparent 34%),
    linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:0 18px 42px rgba(35,73,81,.055),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
.v159-vault-panel::before{
  content:"";
  position:absolute;
  top:0;
  left:22px;
  right:22px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#69D7D0 0%,#68C9DC 72%,rgba(104,201,220,0) 100%);
  opacity:.9;
}
.v159-contact-section::before{
  background:linear-gradient(90deg,#69D7D0 0%,#3FBDB5 72%,rgba(105,215,208,0) 100%);
}
.v159-vault-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 18px!important;
}
.v159-vault-head-main{
  display:flex;
  align-items:flex-start;
  gap:13px;
  min-width:0;
}
.v159-vault-head-icon{
  width:46px;
  height:46px;
  min-width:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#249D98;
  background:linear-gradient(180deg,#EBFAF6 0%,#DFF5EF 100%);
  border:1px solid #D2EBE5;
  box-shadow:0 10px 22px rgba(40,146,133,.11),inset 0 1px 0 rgba(255,255,255,.9);
}
.v159-vault-head-icon.is-contact{
  color:#249D98;
  background:linear-gradient(180deg,#EEFBFD 0%,#E0F5F7 100%);
  border-color:#D4EBEE;
}
.v159-vault-head-icon svg{width:21px;height:21px;stroke:currentColor;fill:none}
.v159-vault-head .eyebrow{
  font-size:10px!important;
  letter-spacing:.16em!important;
  margin-bottom:5px!important;
}
.v159-vault-head h2{
  margin:0!important;
  font-size:23px!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  color:#263A42!important;
}
.v159-vault-head p{
  margin:7px 0 0!important;
  max-width:560px;
  font-size:12px!important;
  line-height:1.55!important;
  color:#7B8F94!important;
}
.v159-vault-counter{
  display:grid!important;
  gap:0!important;
  min-width:72px!important;
  min-height:52px!important;
  padding:7px 12px!important;
  border-radius:16px!important;
  border:1px solid rgba(58,176,165,.18)!important;
  background:linear-gradient(180deg,#DDF7F4 0%,#E5F5F2 100%)!important;
  color:#249D98!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.v159-vault-counter b{
  display:block;
  font-size:17px;
  line-height:1.05;
  color:#249D98;
}
.v159-vault-counter small{
  display:block;
  margin-top:3px;
  font-size:9px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  color:#6C928D;
}
.v159-vault-panel .v150-vault-list{
  gap:11px!important;
}
.v159-doc-row,
.v159-contact-row{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #DEEBE8!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:0 8px 20px rgba(31,75,80,.035)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.v159-doc-row::before,
.v159-contact-row::before{
  content:"";
  position:absolute;
  left:0;
  top:13px;
  bottom:13px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,#69D7D0,#74CADB);
  opacity:.8;
}
.v159-contact-row::before{
  background:linear-gradient(180deg,#68C9DA,#69D7D0);
}
.v159-doc-row:hover,
.v159-contact-row:hover{
  transform:translateY(-1px)!important;
  border-color:#C7E3DE!important;
  box-shadow:0 14px 28px rgba(31,75,80,.07)!important;
}
.v159-doc-row .v150-vault-row-icon{
  width:44px!important;
  height:44px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#ECFAF6 0%,#DEF4EE 100%)!important;
  border:1px solid #D8ECE7!important;
  box-shadow:0 8px 16px rgba(42,139,126,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.v159-doc-row .v150-vault-row-body>b{
  font-size:16px!important;
  letter-spacing:-.015em!important;
}
.v159-doc-row .v150-vault-row-top small{
  color:#6D827E!important;
  font-size:9.5px!important;
  font-weight:700!important;
}
.v159-doc-row .v150-vault-row-top em{
  min-height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 8px!important;
  font-size:9px!important;
  border:1px solid rgba(62,164,142,.12)!important;
}
.v159-doc-row .v150-vault-row-meta{
  margin-top:5px!important;
  gap:6px 12px!important;
}
.v159-doc-row .v150-vault-row-meta span,
.v159-doc-row .v150-vault-row-body p{
  font-size:10.5px!important;
  color:#788B8F!important;
}
.v159-vault-panel .v150-vault-row-actions .btn{
  min-height:36px!important;
  height:36px!important;
  padding:0 11px!important;
  border-radius:12px!important;
  border:1px solid #D6E7E4!important;
  background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;
  color:#249D98!important;
  font-size:10.5px!important;
  font-weight:800!important;
  box-shadow:0 5px 12px rgba(36,116,108,.04)!important;
}
.v159-vault-panel .v150-vault-row-actions .btn:hover{
  border-color:#9ED5CF!important;
  background:#F1FAF8!important;
}
.v159-vault-panel .v150-vault-row-actions .mini-delete{
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  background:#FFF2F2!important;
  color:#FF7D7D!important;
  border:1px solid transparent!important;
}
.v159-contact-section .v158-contact-call{
  background:linear-gradient(180deg,#EEFAF8 0%,#E4F6F2 100%)!important;
  border-color:#BFE2DC!important;
  color:#249D98!important;
}
.v159-contact-section .v158-contact-call:not([disabled]):hover{
  background:linear-gradient(180deg,#E4F7F3 0%,#D9F1EC 100%)!important;
  border-color:#94D0C7!important;
}
.v159-contact-row .v158-contact-mainline>b{
  font-size:14.5px!important;
  color:#283B43!important;
}
.v159-contact-row .v158-contact-role,
.v159-contact-row .v158-contact-phone{
  border:1px solid rgba(60,164,151,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}



@media(max-width:1100px){
  .v159-vault-panel{padding:20px!important}
  .v159-vault-head h2{font-size:21px!important}
}
@media(max-width:900px){
  .v159-vault-head{flex-direction:row!important;align-items:flex-start!important}
  .v159-vault-head-main{gap:11px}
  .v159-vault-head-icon{width:42px;height:42px;min-width:42px;border-radius:14px}
  .v159-vault-counter{min-width:68px!important}
}
@media(max-width:560px){
  .v159-vault-panel{padding:16px 14px!important;border-radius:20px!important}
  .v159-vault-panel::before{left:14px;right:14px}
  .v159-vault-head{gap:10px!important;margin-bottom:14px!important}
  .v159-vault-head-main{gap:9px}
  .v159-vault-head-icon{width:38px;height:38px;min-width:38px;border-radius:12px}
  .v159-vault-head-icon svg{width:18px;height:18px}
  .v159-vault-head h2{font-size:18px!important}
  .v159-vault-head p{font-size:10.5px!important;line-height:1.45!important}
  .v159-vault-counter{min-width:60px!important;min-height:46px!important;padding:6px 9px!important;border-radius:14px!important}
  .v159-vault-counter b{font-size:15px}
  .v159-vault-counter small{font-size:8px}
  .v159-doc-row::before,.v159-contact-row::before{top:10px;bottom:10px}
  
}

/* === TRIPLOOM V14.22.9 · GROUP GEAR CHECKLIST REFRESH === */
.trip-tab-hero-checklist .trip-tab-hero-side{
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:176px!important;
  align-content:center!important;
  justify-items:center!important;
  gap:10px!important;
}
.trip-tab-hero-checklist .checklist-hero-add-btn-v161{
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  min-height:42px!important;
  height:42px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F2FBFA 100%)!important;
  border:1px solid rgba(255,255,255,.74)!important;
  color:#249D98!important;
  box-shadow:0 10px 22px rgba(12,78,87,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:none!important;
}
.trip-tab-hero-checklist .checklist-hero-add-btn-v161:hover{
  transform:translateY(-1px)!important;
  background:#fff!important;
  box-shadow:0 14px 26px rgba(12,78,87,.18),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.trip-tab-hero-checklist .checklist-hero-add-btn-v161 svg{stroke:currentColor!important}

.checkgear-v161-page{display:grid;gap:18px;margin-bottom:18px}
.checkgear-v161-progress{
  padding:18px 20px 17px;
  border:1px solid #D8E8E6;
  border-radius:22px;
  background:linear-gradient(135deg,#FFFFFF 0%,#F4FCFB 66%,#EEF9F6 100%);
  box-shadow:0 14px 32px rgba(30,75,81,.045);
}
.checkgear-v161-progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.checkgear-v161-progress-head h3{margin:4px 0 0;font-size:21px;line-height:1.15;color:#273A42}
.checkgear-v161-progress-head>strong{font-size:32px;line-height:1;font-weight:800;color:#249D98;letter-spacing:-.035em}
.checkgear-v161-progress-head>strong small{font-size:13px;margin-left:2px;color:#6F8588}
.checkgear-v161-progress>i{display:block;height:8px;margin-top:14px;border-radius:999px;overflow:hidden;background:#E3EFED}
.checkgear-v161-progress>i>em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#69D7D0 0%,#8EDFF0 100%);box-shadow:0 0 14px rgba(48,182,170,.20)}
.checkgear-v161-progress>p{margin:9px 0 0;font-size:12px;line-height:1.45;color:#7B8E92}

.checkgear-v161-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.checkgear-v161-pane{padding:0!important;overflow:hidden;border-radius:24px!important;border:1px solid #D9E8E6!important;box-shadow:0 16px 36px rgba(25,68,76,.045)!important}
.checkgear-v161-pane-pending{background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important}
.checkgear-v161-pane-ready{background:linear-gradient(180deg,#F8FFFD 0%,#F2FBF8 100%)!important;border-color:#CDE7E1!important}
.checkgear-v161-pane-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:18px 18px 16px;border-bottom:1px solid #E3EEEC}
.checkgear-v161-pane-ready .checkgear-v161-pane-head{border-bottom-color:#D6ECE7}
.checkgear-v161-pane-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#DDF7F4,#DBF2ED);color:#249D98;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}
.checkgear-v161-pane-icon svg{width:22px;height:22px;stroke:currentColor;fill:none}
.checkgear-v161-pane-head h2{margin:3px 0 3px;font-size:19px;line-height:1.15;color:#263940}
.checkgear-v161-pane-head p{margin:0;font-size:11px;line-height:1.5;color:#809195;max-width:540px}
.checkgear-v161-count{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border-radius:999px;background:#F3F8F7;border:1px solid #DCE9E7;color:#607A7C;font-size:11px;font-weight:800;white-space:nowrap}
.checkgear-v161-count.is-ready{background:#E9F8F4;border-color:#CAE7E0;color:#249D98}
.checkgear-v161-pane-body{padding:12px}
.checkgear-v161-list{display:grid;gap:9px}
.checkgear-v161-item{display:grid;grid-template-columns:34px 42px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:74px;padding:10px 10px 10px 9px;border-radius:17px;border:1px solid #E0EBE9;background:rgba(255,255,255,.92);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.checkgear-v161-item:hover{transform:translateY(-1px);border-color:#C9E2DE;box-shadow:0 10px 20px rgba(30,82,83,.055)}
.checkgear-v161-item.is-ready{grid-template-columns:30px 42px minmax(0,1fr) auto;background:rgba(255,255,255,.82);border-color:#D4E9E4}
.checkgear-v161-toggle{margin:0}
.checkgear-v161-toggle button{width:31px;height:31px;padding:0;border-radius:10px;border:1.5px solid #BCD9D5;background:#fff;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:.15s ease}
.checkgear-v161-toggle button:hover{border-color:#69D7D0;background:#F1FBF9;box-shadow:0 5px 12px rgba(40,154,146,.10)}
.checkgear-v161-ready-mark{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#69D7D0,#69D7D0);color:#fff;font-size:14px;font-weight:900;box-shadow:0 6px 14px rgba(43,165,155,.17)}
.checkgear-v161-item-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#EDF8F5;color:#249D98}
.checkgear-v161-item-icon svg{width:19px;height:19px;stroke:currentColor;fill:none}
.checkgear-v161-item-copy{min-width:0}
.checkgear-v161-item-copy>b{display:block;font-size:13px;line-height:1.3;color:#293C43;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.checkgear-v161-item-copy>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.checkgear-v161-item-copy>div span{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;background:#F2F7F6;color:#718489;font-size:9px;font-weight:700}
.checkgear-v161-item.is-ready .checkgear-v161-item-copy>div span{background:#EAF7F3;color:#4B8178}
.checkgear-v161-item-copy>p{margin:5px 0 0;font-size:10px;line-height:1.4;color:#87979A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.checkgear-v161-item-actions{display:flex;align-items:center;gap:6px}
.checkgear-v161-item-actions form{margin:0}
.checkgear-v161-edit,.checkgear-v161-undo button{width:32px;height:32px;padding:0;border-radius:10px;border:1px solid #D6E7E4;background:#fff;color:#249D98;display:grid;place-items:center;cursor:pointer}
.checkgear-v161-edit svg,.checkgear-v161-undo button svg{width:15px;height:15px;stroke:currentColor;fill:none}
.checkgear-v161-edit:hover,.checkgear-v161-undo button:hover{background:#DDF7F4;border-color:#AED7D0}
.checkgear-v161-undo{margin:0}
.checkgear-v161-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#809193}
.checkgear-v161-empty>span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#EDF8F5;color:#249D98;margin-bottom:10px}
.checkgear-v161-empty>span svg{width:24px;height:24px;stroke:currentColor;fill:none}
.checkgear-v161-empty b{font-size:14px;color:#3D5257}
.checkgear-v161-empty small{max-width:330px;margin-top:5px;font-size:10px;line-height:1.5}

.checkgear-v161-modal-card{width:min(720px,calc(100vw - 28px))!important}
.checkgear-v161-quick{display:grid;gap:8px;padding:12px;border:1px solid #E0EBE9;border-radius:16px;background:#F8FBFA}
.checkgear-v161-quick>small{font-size:10px;color:#778B8E;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.checkgear-v161-quick>div{display:flex;flex-wrap:wrap;gap:7px}
.checkgear-v161-quick button{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid #D6E7E4;background:#fff;color:#249D98;font-size:10px;font-weight:700;cursor:pointer}
.checkgear-v161-quick button:hover{border-color:#ABD6D0;background:#EFF9F7}

@media(max-width:1000px){
  .trip-tab-hero-checklist .trip-tab-hero-side{grid-template-columns:158px!important}
  .trip-tab-hero-checklist .checklist-hero-add-btn-v161{width:158px!important;min-width:158px!important;max-width:158px!important}
}
@media(max-width:900px){
  .checkgear-v161-dual{grid-template-columns:1fr}
  .checkgear-v161-pane-head p{max-width:none}
}
@media(max-width:700px){
  .trip-tab-hero-checklist .trip-tab-hero-side{width:158px!important;min-width:158px!important;max-width:158px!important;align-content:start!important}
  .checkgear-v161-progress{padding:15px 16px}
  .checkgear-v161-progress-head{align-items:center}
  .checkgear-v161-progress-head h3{font-size:17px}
  .checkgear-v161-progress-head>strong{font-size:27px}
  .checkgear-v161-pane-head{grid-template-columns:42px minmax(0,1fr);padding:15px}
  .checkgear-v161-pane-icon{width:40px;height:40px;border-radius:13px}
  .checkgear-v161-count{grid-column:2;justify-self:start;margin-top:2px}
  .checkgear-v161-item{grid-template-columns:32px 38px minmax(0,1fr);padding:9px}
  .checkgear-v161-item.is-ready{grid-template-columns:29px 38px minmax(0,1fr)}
  .checkgear-v161-item-actions,.checkgear-v161-undo{grid-column:3;justify-self:start;margin-top:2px}
  .checkgear-v161-item-icon{width:36px;height:36px;border-radius:12px}
  .checkgear-v161-item-copy>b{white-space:normal}
  .checkgear-v161-item-copy>p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}


/* TRIPLOOM V14.23.0 · Checklist AJAX interactions (no page reload) */
.checklist-ajax-busy [data-checklist-root]{pointer-events:none}
.checkgear-v161-toggle button.is-loading,
.checkgear-v161-undo button.is-loading,
.checkgear-v161-item-actions button.is-loading,
#checklist-item-form button.is-loading{position:relative;opacity:.72;cursor:wait!important}
.checkgear-v161-toggle button.is-loading::after,
.checkgear-v161-undo button.is-loading::after,
#checklist-item-form button.is-loading::after{
  content:"";position:absolute;inset:50% auto auto 50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:checkgearSpinV162 .65s linear infinite
}
@keyframes checkgearSpinV162{to{transform:rotate(360deg)}}
.checkgear-v162-toast{
  position:fixed;right:22px;bottom:22px;z-index:99999;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border-radius:14px;background:#163E40;color:#fff;font-size:13px;font-weight:700;box-shadow:0 14px 34px rgba(0,0,0,.18);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease
}
.checkgear-v162-toast.show{opacity:1;transform:translateY(0)}
.checkgear-v162-toast.is-error{background:#B83B49}
[data-checklist-root]{transition:opacity .16s ease}
.checklist-ajax-busy [data-checklist-root]{opacity:.76}

/* TRIPLOOM V14.23.1 · Checklist AJAX server-response compatibility fix */

/* TRIPLOOM V14.23.3 · Checklist fetch follows normal POST redirect; no JSON dependency */

/* === TRIPLOOM V14.23.5 · PACKING HERO COUNT + ADD MODAL + PROGRESS === */
.trip-tab-hero-packing .trip-tab-hero-side{
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:176px!important;
  align-content:center!important;
  justify-items:center!important;
  gap:10px!important;
}
.trip-tab-hero-packing .trip-tab-packing-score{
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  padding:16px 18px!important;
}
.trip-tab-hero-packing .trip-tab-packing-score>b{
  font-size:34px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.trip-tab-hero-packing .trip-tab-packing-score>small{
  margin-top:8px!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
}
.trip-tab-hero-packing .pack-v167-hero-add-btn{
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#F2FBFA 100%)!important;
  color:#249D98!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 10px 22px rgba(12,78,87,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.trip-tab-hero-packing .pack-v167-hero-add-btn:hover{
  transform:translateY(-1px)!important;
  background:#fff!important;
  box-shadow:0 14px 26px rgba(12,78,87,.18),inset 0 1px 0 rgba(255,255,255,.95)!important;
}

.pack-v167-progress-card{
  margin:0 0 18px;
  padding:18px 20px 17px;
  border:1px solid #D8E8E6;
  border-radius:22px;
  background:linear-gradient(135deg,#FFFFFF 0%,#F4FCFB 66%,#EEF9F6 100%);
  box-shadow:0 14px 32px rgba(30,75,81,.045);
}
.pack-v167-progress-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.pack-v167-progress-head .eyebrow{font-size:10px!important;letter-spacing:.13em!important}
.pack-v167-progress-head h3{
  margin:4px 0 0;
  font-size:21px;
  line-height:1.15;
  color:#273A42;
}
.pack-v167-progress-head>strong{
  font-size:32px;
  line-height:1;
  font-weight:800;
  color:#249D98;
  letter-spacing:-.035em;
  white-space:nowrap;
}
.pack-v167-progress-head>strong small{
  font-size:13px;
  margin-left:2px;
  color:#6F8588;
}
.pack-v167-progress-card>i{
  display:block;
  height:8px;
  margin-top:14px;
  border-radius:999px;
  overflow:hidden;
  background:#E3EFED;
}
.pack-v167-progress-card>i>em{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#69D7D0 0%,#8EDFF0 100%);
  box-shadow:0 0 14px rgba(48,182,170,.20);
  transition:width .24s ease;
}
.pack-v167-progress-card>p{
  margin:9px 0 0;
  font-size:12px;
  line-height:1.45;
  color:#7B8E92;
}

.pack-v167-add-modal{
  position:fixed;
  inset:0;
  z-index:10020;
  display:none;
  align-items:center;
  justify-content:center;
  padding:26px;
}
.pack-v167-add-modal.is-open{display:flex}
.pack-v167-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(12,34,40,.38);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
}
.pack-v167-modal-shell{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100vw - 52px));
  max-height:min(88vh,820px);
  overflow:auto;
  border-radius:28px;
  box-shadow:0 28px 80px rgba(13,49,57,.24);
}
.pack-v167-modal-card{
  position:relative;
  margin:0!important;
  padding:20px!important;
  border-radius:28px!important;
  border:1px solid #D9E9E6!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F9FCFB 100%)!important;
  box-shadow:none!important;
}
.pack-v167-modal-card .pack-v19-step-head{
  padding-right:48px;
}
.pack-v167-modal-close{
  position:absolute;
  top:16px;
  right:16px;
  z-index:3;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid #D9E8E6;
  border-radius:13px;
  background:#F4FCFB;
  color:#30474E;
  font-size:24px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.16s ease;
}
.pack-v167-modal-close:hover{background:#DDF7F4;border-color:#BCDED8;transform:translateY(-1px)}
body.pack-v167-modal-open{overflow:hidden!important}

/* The old Step-01 panel now lives only inside the modal. */
.pack-v167-modal-card.pack-v20-step-one{margin:0!important}
.pack-v167-modal-card .pack-v20-suggest-wrap{margin-bottom:0!important}
.pack-v167-modal-card .pack-v20-template-panels{max-height:360px;overflow:auto;padding-right:4px}
.pack-v167-modal-card .pack-v20-template-list{max-height:310px!important}

@media(max-width:1000px){
  .trip-tab-hero-packing .trip-tab-hero-side{grid-template-columns:158px!important}
  .trip-tab-hero-packing .trip-tab-packing-score{width:158px!important;min-width:158px!important;max-width:158px!important;height:122px!important;min-height:122px!important;max-height:122px!important}
  .trip-tab-hero-packing .pack-v167-hero-add-btn{width:158px!important;min-width:158px!important;max-width:158px!important;height:42px!important}
  .pack-v167-modal-shell{width:min(920px,calc(100vw - 36px))}
}
@media(max-width:700px){
  .trip-tab-hero-packing .trip-tab-hero-side{width:160px!important;min-width:160px!important;max-width:160px!important;align-content:start!important}
  .trip-tab-hero-packing .trip-tab-packing-score{width:160px!important;min-width:160px!important;max-width:160px!important;height:116px!important;min-height:116px!important;max-height:116px!important}
  .trip-tab-hero-packing .pack-v167-hero-add-btn{width:160px!important;min-width:160px!important;max-width:160px!important;height:40px!important;min-height:40px!important}
  .pack-v167-progress-card{padding:15px 16px}
  .pack-v167-progress-head{align-items:center}
  .pack-v167-progress-head h3{font-size:17px}
  .pack-v167-progress-head>strong{font-size:27px}
  .pack-v167-add-modal{padding:14px}
  .pack-v167-modal-shell{width:100%;max-height:92vh;border-radius:22px}
  .pack-v167-modal-card{padding:16px!important;border-radius:22px!important}
  .pack-v167-modal-close{top:12px;right:12px;width:36px;height:36px;border-radius:12px}
  .pack-v167-modal-card .pack-v19-step-head{padding-right:42px}
  .pack-v167-modal-card .pack-v20-template-panels{max-height:42vh}
}
@media(max-width:520px){
  .pack-v167-progress-head{align-items:flex-start}
  .pack-v167-progress-head h3{font-size:16px}
  .pack-v167-progress-head>strong{font-size:25px}
  .pack-v167-progress-card>p{font-size:11px}
  .pack-v167-add-modal{padding:8px}
  .pack-v167-modal-shell{max-height:95vh;border-radius:18px}
  .pack-v167-modal-card{padding:14px!important;border-radius:18px!important}
}

/* === V14.23.6 Calendar + Map merged tab === */
.calendar-map-combined-v168{display:grid;gap:22px}
.calendar-map-section-v168{padding:22px!important;border-radius:24px!important;overflow:hidden}
.calendar-map-head-v168{align-items:flex-start!important;gap:16px!important;margin-bottom:16px!important}
.calendar-map-head-v168 h2{margin:4px 0 6px!important}
.calendar-map-head-v168 p{max-width:760px;margin:0!important;line-height:1.55}
.calendar-map-count-v168{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:999px;border:1px solid #D5E9E5;background:#DDF7F4;color:#249D98;font-size:11px;font-weight:800;white-space:nowrap}
.calendar-board-v168{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.calendar-board-v168 .calendar-day{border-radius:18px;box-shadow:0 8px 22px rgba(26,70,67,.035)}
.calendar-board-v168 .calendar-day-head{padding:14px 15px;background:linear-gradient(180deg,#DDF7F4 0%,#EDF6F4 100%)}
.calendar-board-v168 .calendar-slots>a{border:1px solid transparent;transition:.16s ease}
.calendar-board-v168 .calendar-slots>a:hover{border-color:#D8EBE7;background:#F4FBF9;transform:translateY(-1px)}
.calendar-map-filter-v168{padding:0 0 14px!important;gap:8px!important}
.calendar-map-filter-v168 button{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 12px!important}
.calendar-map-filter-v168 button small{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.72);color:inherit;font-size:9px;font-weight:800}
.calendar-map-filter-v168 button.active small{background:rgba(255,255,255,.18);color:#fff}
.calendar-map-layout-v168{grid-template-columns:minmax(0,1.7fr) minmax(260px,.58fr)!important;gap:16px!important}
.calendar-map-view-v168{min-width:0}
.calendar-map-frame-v168{height:520px!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(28,71,68,.08)}
.calendar-map-frame-v168 iframe{background:#EAF4F2}
.calendar-map-points-v168{padding:16px;border:1px solid #DFECE9;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#FBFEFD 100%)}
.calendar-map-points-v168 h3{margin:4px 0 12px}
.calendar-map-points-v168 .v7-map-stop-list{max-height:520px}
.calendar-map-points-v168 .v7-map-stop{grid-template-columns:34px minmax(0,1fr) auto}
.calendar-map-points-v168 .v7-map-stop div{min-width:0}
.calendar-map-points-v168 .v7-map-stop b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-map-points-v168 .v7-map-stop em{display:block;margin-top:3px;color:#8B9995;font-size:9px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-day-route-links-v168{margin-top:12px!important}
.calendar-map-empty-v168{position:relative!important;inset:auto!important;min-height:420px!important;padding:30px!important;align-content:center;justify-items:center;gap:10px!important;border:1px dashed #CFE4DF;border-radius:20px;background:linear-gradient(180deg,#F4FCFB,#F1F8F6)}
.calendar-map-empty-v168 svg{width:34px;height:34px;stroke:#69D7D0}
.calendar-map-empty-v168 b{font-size:16px;color:#29423F}
.calendar-map-empty-v168 span{max-width:480px;font-size:12px;line-height:1.6;color:#728782}
.calendar-map-point-empty-v168{padding:28px 14px;border:1px dashed #D8E8E5;border-radius:16px;text-align:center;color:#80918D;font-size:11px}
@media(max-width:980px){
  .calendar-map-layout-v168{grid-template-columns:1fr!important}
  .calendar-map-points-v168{order:0}
  .calendar-map-view-v168{order:1}
  .calendar-map-points-v168 .v7-map-stop-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px}
  .calendar-map-frame-v168{height:460px!important}
}
@media(max-width:620px){
  .calendar-map-combined-v168{gap:16px}
  .calendar-map-section-v168{padding:16px!important;border-radius:20px!important}
  .calendar-map-head-v168{flex-direction:column!important;margin-bottom:12px!important}
  .calendar-map-head-v168 .btn{width:100%;justify-content:center}
  .calendar-map-count-v168{min-height:32px}
  .calendar-map-points-v168 .v7-map-stop-list{grid-template-columns:1fr;max-height:320px}
  .calendar-map-frame-v168{height:390px!important;border-radius:17px!important}
  .calendar-map-filter-v168{margin-right:-8px;overflow-x:auto}
}

/* ======================================================================
   TRIPLOOM V14.23.9 · UNIFIED TRIP UI + TABS INSIDE HERO
   Scope: only pages rendered with layout_start(..., 'trip').
   ====================================================================== */
body[data-page="trip"]{
  --trip-ui-teal:#3FBDB5;
  --trip-ui-teal-dark:#249D98;
  --trip-ui-sky:#8EDFF0;
  --trip-ui-ink:#263B43;
  --trip-ui-muted:#71868E;
  --trip-ui-line:#D8E8E8;
  --trip-ui-line-strong:#C8DEDF;
  --trip-ui-soft:#F4FCFB;
  --trip-ui-white:#FFFFFF;
  --trip-ui-radius:18px;
  --trip-ui-panel-radius:24px;
  --trip-ui-shadow:0 14px 34px rgba(34,80,90,.055);
  --trip-ui-shadow-hover:0 18px 38px rgba(34,80,90,.085);
}

/* 1. Put the trip tabs visually INSIDE every trip hero/banner. */
body[data-page="trip"] .trip-tabs-top-shell{
  position:relative!important;
  z-index:40!important;
  margin:0 24px -68px!important;
  transform:translateY(18px)!important;
  padding:0!important;
}
body[data-page="trip"] .trip-tabs-top-shell .trip-tabs{
  position:relative!important;
  top:auto!important;
  margin:0!important;
  min-height:58px!important;
  padding:7px 9px!important;
  gap:6px!important;
  border:1px solid rgba(216,232,232,.98)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.95)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  box-shadow:0 14px 34px rgba(28,79,91,.11),inset 0 1px 0 rgba(255,255,255,.96)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
body[data-page="trip"] .trip-tabs-top-shell .trip-tabs::-webkit-scrollbar{display:none!important}
body[data-page="trip"] .trip-tabs-top-shell .trip-tabs a{
  min-height:44px!important;
  height:44px!important;
  padding:0 13px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#607780!important;
  font-family:"Nunito",sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
body[data-page="trip"] .trip-tabs-top-shell .trip-tabs a span{font-size:10px!important;font-weight:700!important;line-height:1!important}
body[data-page="trip"] .trip-tabs-top-shell .trip-tabs a svg{width:15px!important;height:15px!important;min-width:15px!important;stroke-width:1.9!important}
body[data-page="trip"] .trip-tabs-top-shell .trip-tabs a:hover{
  background:#F3FAF9!important;
  border-color:#D9EBE8!important;
  color:var(--trip-ui-teal-dark)!important;
  transform:translateY(-1px)!important;
}
body[data-page="trip"] .trip-tabs-top-shell .trip-tabs a.active{
  background:linear-gradient(135deg,#3FBDB5 0%,#8EDFF0 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 9px 19px rgba(47,183,173,.25)!important;
}
body[data-page="trip"] .trip-tabs-top-shell .trip-tabs a.active svg{stroke:#fff!important;color:#fff!important}

/* Reserve clean space inside the hero for the embedded tab bar. */
body[data-page="trip"] .trip-tab-hero{
  height:310px!important;
  min-height:310px!important;
  max-height:310px!important;
  padding:102px 40px 30px!important;
  align-items:center!important;
}
body[data-page="trip"] .trip-premium-hero{
  min-height:410px!important;
  padding:104px 40px 34px!important;
}
body[data-page="trip"] .trip-tabs-top-shell + .trip-premium-hero,
body[data-page="trip"] .trip-tabs-top-shell + .trip-tab-hero{margin-top:0!important}

/* 2. Overview information clusters: visibly whiter / brighter on banner photos. */
body[data-page="trip"] .trip-premium-hero .trip-departure-summary{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  box-shadow:0 12px 28px rgba(17,74,84,.13),inset 0 1px 0 rgba(255,255,255,.96)!important;
  color:var(--trip-ui-ink)!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary>span{
  background:#DDF7F4!important;
  color:var(--trip-ui-teal-dark)!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary small{color:#789096!important}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary b{color:#293E46!important}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary a{color:var(--trip-ui-teal-dark)!important;font-weight:800!important}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span{
  background:linear-gradient(180deg,rgba(255,255,255,.91),rgba(247,253,252,.85))!important;
  border:1px solid rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(15px) saturate(125%)!important;
  backdrop-filter:blur(15px) saturate(125%)!important;
  box-shadow:0 12px 26px rgba(18,75,85,.105),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span>i{
  background:#DDF7F4!important;
  color:var(--trip-ui-teal-dark)!important;
  box-shadow:inset 0 0 0 1px rgba(47,183,173,.08)!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span b{color:#293E46!important;text-shadow:none!important}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span small{color:#6F858C!important;text-shadow:none!important}

/* 3. Shared card / panel configuration across trip tabs. */
body[data-page="trip"] .content .panel{
  border:1px solid var(--trip-ui-line)!important;
  border-radius:var(--trip-ui-panel-radius)!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:var(--trip-ui-shadow)!important;
}
body[data-page="trip"] .content .panel:hover{border-color:#D0E4E4!important}
body[data-page="trip"] .content .section-head h2,
body[data-page="trip"] .content .section-head h3{
  color:var(--trip-ui-ink)!important;
  letter-spacing:-.025em!important;
}
body[data-page="trip"] .content .section-head .eyebrow{color:#249D98!important}

/* Shared inputs/selects/textareas in trip-tab content. Specialized widgets keep their layout, but get the same surface/focus language. */
body[data-page="trip"] .content input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-page="trip"] .content select,
body[data-page="trip"] .content textarea{
  border:1px solid var(--trip-ui-line-strong)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  color:var(--trip-ui-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body[data-page="trip"] .content input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
body[data-page="trip"] .content select:focus,
body[data-page="trip"] .content textarea:focus{
  border-color:#69D7D0!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.10)!important;
  outline:0!important;
}
body[data-page="trip"] .content input::placeholder,
body[data-page="trip"] .content textarea::placeholder{color:#9BAEB4!important}

/* Shared button geometry/effect. Semantic colors (danger/orange/etc.) remain intact. */
body[data-page="trip"] .content .btn{
  min-height:44px;
  border-radius:14px;
  font-family:"Nunito",sans-serif!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(37,91,99,.055);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
}
body[data-page="trip"] .content .btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(37,91,99,.09)}
body[data-page="trip"] .content .btn:active{transform:translateY(0);box-shadow:0 4px 10px rgba(37,91,99,.06)}
body[data-page="trip"] .content .btn-primary{
  background:linear-gradient(135deg,#3FBDB5 0%,#69D7D0 58%,#8EDFF0 100%)!important;
  color:#fff!important;
  border:1px solid transparent!important;
  box-shadow:0 10px 22px rgba(47,183,173,.18)!important;
}
body[data-page="trip"] .content .btn-soft{
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FAF9 100%)!important;
  color:var(--trip-ui-teal-dark)!important;
  border:1px solid #CFE4E2!important;
}
body[data-page="trip"] .content .btn-danger{
  background:linear-gradient(180deg,#FFF9F9 0%,#FFF1F2 100%)!important;
  border-color:#F1D4D7!important;
}

/* Shared upload surfaces. */
body[data-page="trip"] .content .upload-box{
  border:1px dashed #AFD2CF!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#F4FAF9 100%)!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body[data-page="trip"] .content .upload-box:hover{
  border-color:#63C1BA!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F0FAF8 100%)!important;
  box-shadow:0 10px 24px rgba(47,183,173,.07)!important;
  transform:translateY(-1px)!important;
}
body[data-page="trip"] .content .upload-box>span{
  background:#E4F7F3!important;
  color:var(--trip-ui-teal-dark)!important;
  box-shadow:inset 0 0 0 1px rgba(47,183,173,.08)!important;
}

/* Shared toggle / checkbox language without rewriting feature-specific logic. */
body[data-page="trip"] .content input[type="checkbox"],
body[data-page="trip"] .content input[type="radio"]{accent-color:var(--trip-ui-teal)!important}
body[data-page="trip"] .content .switch-row{
  border:1px solid var(--trip-ui-line)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;
}
body[data-page="trip"] .content .switch-row i{background:#DCEAE8!important}
body[data-page="trip"] .content .switch-row input:checked+i{background:var(--trip-ui-teal)!important}

/* Keep all trip modals on one visual configuration, including feature-specific modal classes. */
body[data-page="trip"] .modal{
  background:radial-gradient(circle at top,rgba(47,183,173,.20),transparent 36%),rgba(9,25,31,.36)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
}
body[data-page="trip"] .modal-card{
  border:1px solid #D7E9EA!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,252,252,.99))!important;
  box-shadow:0 34px 88px rgba(22,55,67,.24),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
body[data-page="trip"] .modal-close{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border:1px solid #D6E8E9!important;
  background:linear-gradient(180deg,#FFFFFF,#F2F9F9)!important;
  color:#2D424A!important;
  box-shadow:0 10px 24px rgba(35,104,112,.09)!important;
}

/* Dark mode: preserve unified geometry but use dark surfaces. */
html[data-theme="dark"] body[data-page="trip"] .trip-tabs-top-shell .trip-tabs{
  background:rgba(18,31,38,.94)!important;
  border-color:#2D454D!important;
}
html[data-theme="dark"] body[data-page="trip"] .trip-tabs-top-shell .trip-tabs a{color:#A8BCC2!important}
html[data-theme="dark"] body[data-page="trip"] .content .panel,
html[data-theme="dark"] body[data-page="trip"] .content .switch-row,
html[data-theme="dark"] body[data-page="trip"] .content .upload-box{
  background:linear-gradient(180deg,#1F3B4D,#0D1F27)!important;
  border-color:#1F3B4D!important;
}
html[data-theme="dark"] body[data-page="trip"] .content input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-theme="dark"] body[data-page="trip"] .content select,
html[data-theme="dark"] body[data-page="trip"] .content textarea{
  background:#1F3B4D!important;
  color:#DDF7F4!important;
  border-color:#2D4852!important;
}

/* Responsive embedded tabs + hero. */
@media(max-width:1000px){
  body[data-page="trip"] .trip-tabs-top-shell{margin:0 18px -64px!important;transform:translateY(16px)!important}
  body[data-page="trip"] .trip-tab-hero{height:292px!important;min-height:292px!important;max-height:292px!important;padding:94px 30px 26px!important}
  body[data-page="trip"] .trip-premium-hero{min-height:400px!important;padding:98px 30px 30px!important}
}
@media(max-width:700px){
  body[data-page="trip"] .trip-tabs-top-shell{margin:0 12px -60px!important;transform:translateY(14px)!important}
  body[data-page="trip"] .trip-tabs-top-shell .trip-tabs{min-height:54px!important;padding:6px!important;border-radius:17px!important}
  body[data-page="trip"] .trip-tabs-top-shell .trip-tabs a{height:40px!important;min-height:40px!important;padding:0 12px!important;border-radius:12px!important}
  body[data-page="trip"] .trip-tab-hero{height:auto!important;min-height:300px!important;max-height:none!important;padding:88px 20px 24px!important}
  body[data-page="trip"] .trip-premium-hero{min-height:0!important;padding:88px 20px 26px!important}
  body[data-page="trip"] .trip-tab-hero h2{font-size:34px!important}
}
@media(max-width:520px){
  body[data-page="trip"] .trip-tabs-top-shell{margin-left:8px!important;margin-right:8px!important}
  body[data-page="trip"] .trip-tabs-top-shell .trip-tabs a span{font-size:9px!important}
  body[data-page="trip"] .trip-tabs-top-shell .trip-tabs a{gap:6px!important;padding:0 10px!important}
  body[data-page="trip"] .trip-tab-hero{padding-left:16px!important;padding-right:16px!important}
  body[data-page="trip"] .trip-premium-hero{padding-left:16px!important;padding-right:16px!important}
}

/* ======================================================================
   TRIPLOOM V14.24.0 · DESKTOP TAB DISTRIBUTION + HERO ICON VISIBILITY
   + GROUP HERO SAFE LAYOUT
   Scope: trip detail pages only. No feature logic changes.
   ====================================================================== */

/* 1) Desktop: distribute every visible tab evenly across the embedded bar. */
@media (min-width:1280px){
  body[data-page="trip"] .trip-tabs-top-shell .trip-tabs{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    justify-content:stretch!important;
    align-items:center!important;
    gap:4px!important;
    overflow-x:hidden!important;
  }
  body[data-page="trip"] .trip-tabs-top-shell .trip-tabs>a{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    padding:0 6px!important;
    justify-content:center!important;
    gap:5px!important;
  }
  body[data-page="trip"] .trip-tabs-top-shell .trip-tabs>a span{
    display:block!important;
    min-width:0!important;
    white-space:nowrap!important;
    font-size:clamp(8.3px,.60vw,10px)!important;
    letter-spacing:-.015em!important;
    text-align:center!important;
  }
  body[data-page="trip"] .trip-tabs-top-shell .trip-tabs>a svg{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    flex:0 0 15px!important;
  }
}

/* 2) Overview banner: make all statistic/departure icons clearly visible. */
body[data-page="trip"] .trip-premium-hero .trip-departure-summary>span,
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span>i{
  background:linear-gradient(180deg,#E2F8F4 0%,#CDEFE9 100%)!important;
  border:1px solid rgba(38,164,155,.24)!important;
  color:#249D98!important;
  opacity:1!important;
  box-shadow:0 5px 13px rgba(20,138,132,.10),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary>span svg,
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span>i svg{
  stroke:#249D98!important;
  color:#249D98!important;
  fill:none!important;
  opacity:1!important;
  stroke-width:2.15!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span>i{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span>i svg{
  width:17px!important;
  height:17px!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary>span{
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary>span svg{
  width:16px!important;
  height:16px!important;
}

/* 3) Members hero: reserve enough real vertical room for member count + group credentials. */
@media (min-width:1001px){
  body[data-page="trip"] .trip-tab-hero-people{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
    padding:102px 40px 28px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body[data-page="trip"] .trip-tab-hero-people .trip-tab-hero-side{
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:212px!important;
    min-height:212px!important;
    max-height:212px!important;
    grid-template-rows:100px 104px!important;
    gap:8px!important;
    align-self:center!important;
    align-content:center!important;
    overflow:visible!important;
  }
  body[data-page="trip"] .trip-tab-hero-people .trip-tab-hero-score{
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:100px!important;
    min-height:100px!important;
    max-height:100px!important;
  }
  body[data-page="trip"] .trip-tab-hero-people .trip-tab-hero-group-tools-v36{
    box-sizing:border-box!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    padding:8px 10px!important;
    grid-template-rows:29px 29px 22px!important;
    gap:4px!important;
    overflow:visible!important;
  }
}

/* Tablet: same clipping protection while retaining the smaller proportions. */
@media (min-width:701px) and (max-width:1000px){
  body[data-page="trip"] .trip-tab-hero-people{
    height:330px!important;
    min-height:330px!important;
    max-height:330px!important;
    padding:94px 30px 26px!important;
    align-items:center!important;
  }
  body[data-page="trip"] .trip-tab-hero-people .trip-tab-hero-side{
    height:200px!important;
    min-height:200px!important;
    max-height:200px!important;
    grid-template-rows:94px 98px!important;
    gap:8px!important;
    overflow:visible!important;
  }
  body[data-page="trip"] .trip-tab-hero-people .trip-tab-hero-group-tools-v36{
    height:98px!important;
    min-height:98px!important;
    max-height:98px!important;
    overflow:visible!important;
  }
}

/* ========================= TRIPLOOM V14.24.1 · TIMELINE DASHED AXIS ALIGNMENT FIX =========================
   Scope: itinerary timeline only. Keep one continuous dashed axis and align the departure row to it. */
.timeline > .departure-timeline-row{
  display:grid!important;
  grid-template-columns:var(--tl-time-col) var(--tl-rail-col) minmax(0,1fr)!important;
  column-gap:var(--tl-col-gap)!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:1!important;
}
.timeline > .departure-timeline-row > .stop-time{
  grid-column:1!important;
  width:var(--tl-time-col)!important;
  min-width:var(--tl-time-col)!important;
  box-sizing:border-box!important;
}
.timeline > .departure-timeline-row > .departure-rail{
  grid-column:2!important;
  width:var(--tl-rail-col)!important;
  min-width:var(--tl-rail-col)!important;
  height:auto!important;
  min-height:76px!important;
  margin:0!important;
  padding:0!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  z-index:2!important;
  overflow:visible!important;
}
.timeline > .departure-timeline-row > .departure-timeline-card{
  grid-column:3!important;
  min-width:0!important;
}
/* Remove the legacy departure-only dashed segment. The timeline::before rail is the single source of truth. */
.timeline > .departure-timeline-row > .departure-rail::before,
.timeline > .departure-timeline-row > .departure-rail::after{
  content:none!important;
  display:none!important;
  border:0!important;
}
.timeline > .departure-timeline-row > .departure-rail > .timeline-dot{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  margin:0!important;
  z-index:4!important;
}
@media(max-width:900px){
  .timeline > .departure-timeline-row > .departure-rail{min-height:70px!important}
}
@media(max-width:600px){
  .timeline > .departure-timeline-row > .departure-rail{min-height:64px!important}
}
/* Also suppress legacy travel-row connectors; the timeline owns the only dashed axis. */
.timeline > .travel-leg::before,
.timeline > .premium-travel-leg::before,
.timeline > .travel-leg.premium-travel-leg::before,
.timeline .travel-leg.premium-travel-leg::before{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}


/* ========================= TRIPLOOM V14.24.2 · TRIP SCROLL STACKING FIX =========================
   Keep the embedded trip tab bar below the sticky app header while scrolling.
   Scope: trip detail page only; no layout/feature changes.
   ====================================================================== */
body[data-page="trip"] .topbar{
  z-index:60!important;
}
body[data-page="trip"] .trip-tabs-top-shell{
  z-index:18!important;
}


/* ========================= TRIPLOOM V14.24.3 · OVERVIEW HERO ACTIONS + STATS =========================
   Scope: overview hero only. Compact the action dock and keep the requested 3x2 statistics grid. */
@media (min-width:1181px){
  body[data-page="trip"] .trip-premium-hero{
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:24px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
    height:auto!important;
    min-height:0!important;
    align-self:center!important;
    justify-self:end!important;
    padding:14px!important;
    gap:8px!important;
    border-radius:22px!important;
    grid-template-columns:1fr 1fr!important;
    grid-auto-rows:48px!important;
    align-content:center!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .btn,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-share,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-delete{
    min-height:48px!important;
    height:48px!important;
    padding:0 13px!important;
    border-radius:15px!important;
    font-size:10.5px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-primary{
    grid-column:1/-1!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-delete-form{
    grid-column:1/-1!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span{
    min-height:61px!important;
    padding:10px 12px!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span b{
    font-size:15px!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span small{
    font-size:8px!important;
    line-height:1.22!important;
  }
}
@media (max-width:1180px){
  body[data-page="trip"] .trip-premium-hero .trip-action-dock{
    height:auto!important;
    min-height:0!important;
    align-self:auto!important;
  }
}

/* ========================= TRIPLOOM V14.24.4 · OVERVIEW HERO COMPACT WOW LAYOUT =========================
   Scope: trip overview hero only. Keep all existing data/actions; rebalance visual hierarchy. */
@media (min-width:1181px){
  body[data-page="trip"] .trip-premium-hero{
    min-height:430px!important;
    grid-template-columns:minmax(0,1fr) 292px!important;
    gap:28px!important;
    padding:102px 30px 28px!important;
    align-items:end!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-header-shade{
    background:linear-gradient(90deg,rgba(25,74,81,.29) 0%,rgba(20,88,104,.10) 54%,rgba(18,82,99,.18) 100%)!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-header-copy{
    align-self:end!important;
    max-width:none!important;
    min-width:0!important;
    padding-bottom:0!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-premium-kicker{
    margin-bottom:13px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-header-copy h2{
    max-width:940px!important;
    margin:0 0 7px!important;
    font-size:clamp(46px,3.8vw,62px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-header-copy>p{
    margin:0 0 15px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-departure-summary{
    width:fit-content!important;
    max-width:440px!important;
    min-height:47px!important;
    padding:7px 10px!important;
    margin:0 0 14px!important;
    border-radius:15px!important;
    box-shadow:0 10px 24px rgba(18,75,85,.10),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-departure-summary>span{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-departure-summary small{font-size:7px!important}
  body[data-page="trip"] .trip-premium-hero .trip-departure-summary b{font-size:10px!important}
  body[data-page="trip"] .trip-premium-hero .trip-departure-summary a{font-size:8px!important}

  /* One connected stats surface instead of six floating cards. */
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
    width:min(100%,900px)!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.92)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.91),rgba(246,252,252,.87))!important;
    -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
    backdrop-filter:blur(16px) saturate(125%)!important;
    box-shadow:0 16px 34px rgba(18,75,85,.11),inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span{
    min-height:62px!important;
    padding:10px 13px!important;
    gap:10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    position:relative!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span:not(:nth-child(3n)){
    border-right:1px solid #DFECEE!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span:nth-child(-n+3){
    border-bottom:1px solid #DFECEE!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span>i{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#E4FAF5 0%,#E8F6FC 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(47,183,173,.14)!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span>i svg{
    width:15px!important;
    height:15px!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span b{
    font-size:15px!important;
    line-height:1.05!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span small{
    margin-top:3px!important;
    font-size:7.5px!important;
    line-height:1.2!important;
  }

  /* Compact quick-action dock aligned to the lower content block. */
  body[data-page="trip"] .trip-premium-hero .trip-header-actions{
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
    align-self:end!important;
    justify-self:end!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock{
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
    height:auto!important;
    min-height:0!important;
    padding:12px!important;
    gap:8px!important;
    grid-template-columns:1fr 1fr!important;
    grid-auto-rows:44px!important;
    align-content:start!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(226,246,248,.34),rgba(223,242,245,.24))!important;
    border:1px solid rgba(255,255,255,.38)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
    backdrop-filter:blur(18px) saturate(130%)!important;
    box-shadow:0 18px 38px rgba(18,75,85,.13),inset 0 1px 0 rgba(255,255,255,.42)!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .btn,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-share,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-delete{
    min-height:44px!important;
    height:44px!important;
    padding:0 12px!important;
    border-radius:13px!important;
    gap:8px!important;
    font-size:9.5px!important;
    box-shadow:0 5px 12px rgba(24,82,91,.055)!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .btn svg{
    width:15px!important;
    height:15px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-primary{
    grid-column:1/-1!important;
    background:linear-gradient(135deg,#69D7D0 0%,#69D7D0 60%,#8EDFF0 100%)!important;
    border:1px solid rgba(255,255,255,.46)!important;
    box-shadow:0 9px 20px rgba(29,147,151,.22)!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-primary span,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-primary svg{
    color:#fff!important;
    stroke:#fff!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-secondary{
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,252,252,.92))!important;
    border:1px solid rgba(255,255,255,.94)!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-delete-form{
    grid-column:1/-1!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-delete{
    background:linear-gradient(180deg,#FFF7F7 0%,#FFF0F2 100%)!important;
    border-color:#F4D9DE!important;
    box-shadow:none!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-share{
    grid-column:1/-1!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .btn:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 9px 18px rgba(24,82,91,.11)!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-primary:hover{
    background:linear-gradient(135deg,#69D7D0 0%,#69D7D0 60%,#8EDFF0 100%)!important;
  }
}

/* Tablet: preserve hierarchy without letting the action dock dominate the banner. */
@media (max-width:1180px) and (min-width:701px){
  body[data-page="trip"] .trip-premium-hero{gap:18px!important}
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-primary,
  body[data-page="trip"] .trip-premium-hero .trip-action-delete-form,
  body[data-page="trip"] .trip-premium-hero .trip-action-share{grid-column:1/-1!important}
}

/* Mobile: clean two-column metrics, then actions. */
@media (max-width:700px){
  body[data-page="trip"] .trip-premium-hero .trip-header-copy h2{
    font-size:clamp(34px,10vw,46px)!important;
    line-height:1!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-departure-summary{
    width:100%!important;
    max-width:none!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span{
    min-height:60px!important;
    padding:9px 10px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock .trip-action-primary,
  body[data-page="trip"] .trip-premium-hero .trip-action-delete-form,
  body[data-page="trip"] .trip-premium-hero .trip-action-share{grid-column:1/-1!important}
}
@media (max-width:460px){
  body[data-page="trip"] .trip-premium-hero .trip-action-dock{grid-template-columns:1fr!important}
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>*{grid-column:1!important}
}

html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
  background:linear-gradient(180deg,rgba(16,38,47,.92),rgba(12,31,39,.89))!important;
  border-color:rgba(121,175,182,.28)!important;
}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span:not(:nth-child(3n)),
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .premium-trip-stats>span:nth-child(-n+3){border-color:#1F3B4D!important}


/* ========================= TRIPLOOM V14.24.5 · PREMIUM HERO STATS CARDS =========================
   Scope: overview departure chip + six hero statistics only. */
body[data-page="trip"] .trip-premium-hero .trip-departure-summary{
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:54px!important;
  padding:7px 9px 7px 7px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.93)!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94) 0%,rgba(246,253,253,.90) 58%,rgba(231,248,250,.88) 100%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  box-shadow:0 14px 30px rgba(19,77,88,.13),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary:before{
  content:""!important;
  position:absolute!important;
  width:86px!important;
  height:86px!important;
  left:-30px!important;
  bottom:-44px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(50,195,181,.18) 0%,rgba(50,195,181,0) 68%)!important;
  pointer-events:none!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary>span{
  position:relative!important;
  z-index:1!important;
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#DBFAF3 0%,#E4F7FC 100%)!important;
  color:#249D98!important;
  box-shadow:0 7px 16px rgba(37,163,154,.10),inset 0 0 0 1px rgba(47,183,173,.18)!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary>span svg{
  width:18px!important;
  height:18px!important;
  stroke:currentColor!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary>div{position:relative!important;z-index:1!important;min-width:0!important}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary small{
  font-size:7px!important;
  letter-spacing:.16em!important;
  color:#87A0A5!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary b{
  margin-top:1px!important;
  font-size:10px!important;
  line-height:1.25!important;
  color:#2C4149!important;
}
body[data-page="trip"] .trip-premium-hero .trip-departure-summary a{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  background:rgba(229,248,246,.86)!important;
  border:1px solid rgba(47,183,173,.16)!important;
  color:#249D98!important;
  font-size:8px!important;
  font-weight:800!important;
}

body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  width:min(100%,910px)!important;
  padding:8px!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:25px!important;
  background:linear-gradient(135deg,rgba(213,243,245,.17),rgba(255,255,255,.10))!important;
  -webkit-backdrop-filter:blur(11px) saturate(120%)!important;
  backdrop-filter:blur(11px) saturate(120%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card{
  --stat-accent:#69D7D0;
  --stat-accent2:#8EDFF0;
  --stat-soft:#E6FAF6;
  position:relative!important;
  isolation:isolate!important;
  min-height:68px!important;
  padding:11px 13px!important;
  gap:11px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96) 0%,rgba(247,252,252,.91) 68%,rgba(237,249,250,.88) 100%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(125%)!important;
  backdrop-filter:blur(15px) saturate(125%)!important;
  box-shadow:0 10px 24px rgba(20,77,88,.095),inset 0 1px 0 rgba(255,255,255,.98)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card:before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:74px!important;
  height:74px!important;
  right:-26px!important;
  bottom:-38px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--stat-accent) 18%,transparent) 0%,transparent 70%)!important;
  pointer-events:none!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card:after{
  content:""!important;
  position:absolute!important;
  left:13px!important;
  right:13px!important;
  top:0!important;
  height:2px!important;
  border-radius:0 0 4px 4px!important;
  background:linear-gradient(90deg,var(--stat-accent),var(--stat-accent2))!important;
  opacity:.72!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,255,255,1)!important;
  box-shadow:0 16px 32px rgba(20,77,88,.14),inset 0 1px 0 #fff!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card>i{
  position:relative!important;
  z-index:1!important;
  width:39px!important;
  height:39px!important;
  flex:0 0 39px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,var(--stat-soft),#EFF9FC)!important;
  color:var(--stat-accent)!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--stat-accent) 10%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--stat-accent) 18%,transparent)!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card>i svg{
  width:17px!important;
  height:17px!important;
  stroke:currentColor!important;
  stroke-width:1.85!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card>div{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card b{
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
  color:#293E46!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card small{
  margin-top:5px!important;
  font-size:7.5px!important;
  line-height:1.22!important;
  color:#748B92!important;
}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.stat-points{--stat-accent:#69D7D0;--stat-accent2:#69D7D0;--stat-soft:#DFF9F4}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.stat-distance{--stat-accent:#69D7D0;--stat-accent2:#8EDFF0;--stat-soft:#E1F7F7}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.stat-time{--stat-accent:#69D7D0;--stat-accent2:#68B7E0;--stat-soft:#E5F5FA}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.stat-checkin{--stat-accent:#69D7D0;--stat-accent2:#73C98A;--stat-soft:#E3FAF2}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.stat-photos{--stat-accent:#69D7D0;--stat-accent2:#8EDFF0;--stat-soft:#E4F7FA}
body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.stat-journal{--stat-accent:#69D7D0;--stat-accent2:#6ABBB9;--stat-soft:#E7F7F5}

@media(max-width:1180px){
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    padding:7px!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card{min-height:66px!important}
}
@media(max-width:700px){
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:20px!important;
    padding:7px!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card{
    min-height:65px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card>i{width:36px!important;height:36px!important;flex-basis:36px!important}
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card b{font-size:15px!important}
  body[data-page="trip"] .trip-premium-hero .trip-departure-summary{grid-template-columns:38px minmax(0,1fr) auto!important}
  body[data-page="trip"] .trip-premium-hero .trip-departure-summary>span{width:38px!important;height:38px!important}
}
@media(max-width:430px){
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card{gap:8px!important;padding:9px!important}
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card small{font-size:7px!important}
}

html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .trip-departure-summary{
  background:linear-gradient(135deg,rgba(18,39,48,.94),rgba(14,34,42,.92))!important;
  border-color:rgba(116,172,180,.34)!important;
}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .trip-departure-summary b{color:#E9F5F5!important}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
  background:linear-gradient(135deg,rgba(20,46,54,.28),rgba(8,24,31,.22))!important;
  border-color:rgba(121,175,182,.20)!important;
}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card{
  background:linear-gradient(145deg,rgba(19,42,51,.96),rgba(13,32,40,.94))!important;
  border-color:rgba(100,158,166,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card b{color:#EEF8F8!important}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card small{color:#9CB5BA!important}


/* ========================= TRIPLOOM V14.24.6 · RESTORE CLEAN COMPACT STATS =========================
   Scope: overview hero six statistics only. Restore the clean neutral card style and reduce overall width. */
@media (min-width:1181px){
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
    width:min(100%,840px)!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card{
    position:relative!important;
    isolation:auto!important;
    min-height:60px!important;
    padding:10px 12px!important;
    gap:10px!important;
    overflow:visible!important;
    border:1px solid rgba(255,255,255,.94)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,252,252,.90))!important;
    -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
    backdrop-filter:blur(14px) saturate(115%)!important;
    box-shadow:0 8px 18px rgba(20,77,88,.075),inset 0 1px 0 rgba(255,255,255,.98)!important;
    transition:transform .16s ease,box-shadow .16s ease!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card:before,
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card:after{
    content:none!important;
    display:none!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(255,255,255,1)!important;
    box-shadow:0 11px 22px rgba(20,77,88,.10),inset 0 1px 0 #fff!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card>i{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:11px!important;
    background:#DDF7F4!important;
    color:#249D98!important;
    box-shadow:inset 0 0 0 1px rgba(47,183,173,.18)!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card>i svg{
    width:15px!important;
    height:15px!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card b{
    font-size:15px!important;
    line-height:1.05!important;
    letter-spacing:-.015em!important;
    color:#293E46!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card small{
    margin-top:3px!important;
    font-size:7.5px!important;
    line-height:1.2!important;
    color:#758A91!important;
  }
}
@media (max-width:1180px){
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
    width:min(100%,840px)!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    gap:9px!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card{
    min-height:60px!important;
    padding:10px 11px!important;
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.94)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,252,252,.90))!important;
    box-shadow:0 8px 18px rgba(20,77,88,.075),inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card:before,
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card:after{content:none!important;display:none!important}
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card>i{
    background:#DDF7F4!important;
    color:#249D98!important;
    box-shadow:inset 0 0 0 1px rgba(47,183,173,.18)!important;
  }
}
@media (max-width:700px){
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card{
    min-height:58px!important;
    padding:9px 10px!important;
  }
}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .premium-trip-stats{
  background:transparent!important;
  border:0!important;
}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .premium-trip-stats>.trip-stat-card{
  background:linear-gradient(180deg,rgba(19,42,51,.95),rgba(13,32,40,.93))!important;
  border-color:rgba(100,158,166,.28)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.035)!important;
}


/* ========================= TRIPLOOM V14.24.7 · OVERVIEW VERTICAL STATS ONLY ========================= */
body[data-page="trip"] .route-overview-vertical-stats{
  margin:4px 0 18px!important;
  padding:22px 24px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  border:1px solid #C6ECE8!important;
  box-shadow:0 14px 34px rgba(39,91,99,.055)!important;
}
body[data-page="trip"] .route-overview-vertical-stats-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:14px!important;
}
body[data-page="trip"] .route-overview-vertical-stats-head .eyebrow{
  display:block!important;
  margin-bottom:4px!important;
  color:#69D7D0!important;
  letter-spacing:.15em!important;
}
body[data-page="trip"] .route-overview-vertical-stats-head h3{
  margin:0!important;
  font-size:23px!important;
  line-height:1.15!important;
  color:#1F3B4D!important;
  letter-spacing:-.025em!important;
}
body[data-page="trip"] .route-overview-vertical-stats-head>small{
  flex:0 0 auto!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#EDF8F6!important;
  color:#69D7D0!important;
  font-size:9px!important;
  font-weight:800!important;
}
body[data-page="trip"] .route-overview-vertical-stats-list{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
body[data-page="trip"] .route-overview-stat-row{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:12px!important;
  min-height:68px!important;
  padding:10px 13px!important;
  border:1px solid #C6ECE8!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#FCFEFF 0%,#F7FBFC 100%)!important;
  color:inherit!important;
  text-decoration:none!important;
  box-shadow:0 6px 16px rgba(35,91,100,.035)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body[data-page="trip"] .route-overview-stat-row:hover{
  transform:translateX(2px)!important;
  border-color:#C8E3E4!important;
  background:#FFFFFF!important;
  box-shadow:0 10px 22px rgba(35,91,100,.07)!important;
}
body[data-page="trip"] .route-overview-stat-row>i{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:#DDF7F4!important;
  border:1px solid #CDEAE5!important;
  color:#69D7D0!important;
  font-style:normal!important;
}
body[data-page="trip"] .route-overview-stat-row>i svg{
  width:18px!important;
  height:18px!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.8!important;
}
body[data-page="trip"] .route-overview-stat-row>div{
  display:grid!important;
  grid-template-columns:minmax(150px,.55fr) minmax(80px,.18fr) minmax(220px,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
}
body[data-page="trip"] .route-overview-stat-row span{
  font-size:12px!important;
  font-weight:800!important;
  color:#334B54!important;
}
body[data-page="trip"] .route-overview-stat-row b{
  font-size:18px!important;
  line-height:1!important;
  color:#1F3B4D!important;
  white-space:nowrap!important;
}
body[data-page="trip"] .route-overview-stat-row small{
  font-size:10px!important;
  line-height:1.35!important;
  color:#758991!important;
}
body[data-page="trip"] .route-overview-stat-row>em{
  font-style:normal!important;
  color:#8CA2A9!important;
  font-size:15px!important;
  font-weight:800!important;
  text-align:center!important;
}
@media(max-width:800px){
  body[data-page="trip"] .route-overview-vertical-stats{padding:18px!important}
  body[data-page="trip"] .route-overview-stat-row>div{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:4px 10px!important;
  }
  body[data-page="trip"] .route-overview-stat-row small{grid-column:1 / -1!important}
}
@media(max-width:520px){
  body[data-page="trip"] .route-overview-vertical-stats{padding:15px!important;border-radius:20px!important}
  body[data-page="trip"] .route-overview-vertical-stats-head h3{font-size:20px!important}
  body[data-page="trip"] .route-overview-stat-row{grid-template-columns:38px minmax(0,1fr) 14px!important;gap:10px!important;min-height:64px!important;padding:9px 10px!important;border-radius:15px!important}
  body[data-page="trip"] .route-overview-stat-row>i{width:38px!important;height:38px!important;border-radius:12px!important}
  body[data-page="trip"] .route-overview-stat-row span{font-size:11px!important}
  body[data-page="trip"] .route-overview-stat-row b{font-size:16px!important}
  body[data-page="trip"] .route-overview-stat-row small{font-size:9px!important}
}
html[data-theme="dark"] body[data-page="trip"] .route-overview-vertical-stats{
  background:linear-gradient(180deg,#1F3B4D 0%,#0D1F27 100%)!important;
  border-color:#1F3B4D!important;
}
html[data-theme="dark"] body[data-page="trip"] .route-overview-vertical-stats-head h3,
html[data-theme="dark"] body[data-page="trip"] .route-overview-stat-row b,
html[data-theme="dark"] body[data-page="trip"] .route-overview-stat-row span{color:#DDF7F4!important}
html[data-theme="dark"] body[data-page="trip"] .route-overview-vertical-stats-head>small,
html[data-theme="dark"] body[data-page="trip"] .route-overview-stat-row>i{background:#153A3D!important;border-color:#245158!important;color:#77D4CD!important}
html[data-theme="dark"] body[data-page="trip"] .route-overview-stat-row{
  background:linear-gradient(180deg,#1F3B4D 0%,#0F222A 100%)!important;
  border-color:#1F3B4D!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body[data-page="trip"] .route-overview-stat-row:hover{background:#142A34!important;border-color:#37606A!important}
html[data-theme="dark"] body[data-page="trip"] .route-overview-stat-row small{color:#9EB5BA!important}


/* ========================= TRIPLOOM V14.24.8 · OVERVIEW READINESS BAR STATS ========================= */
body[data-page="trip"] .route-overview-vertical-stats{display:none!important}
body[data-page="trip"] .route-overview-readiness-bars{
  margin:4px 0 18px!important;
  padding:22px 24px 24px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  border:1px solid #C6ECE8!important;
  box-shadow:0 14px 34px rgba(39,91,99,.055)!important;
}
body[data-page="trip"] .route-prep-summary{
  display:grid!important;
  grid-template-columns:116px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  padding-bottom:20px!important;
  margin-bottom:6px!important;
  border-bottom:1px solid #E6EFF1!important;
}
body[data-page="trip"] .route-prep-ring{
  --prep:0;
  width:104px!important;height:104px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:conic-gradient(#69D7D0 calc(var(--prep)*1%),#DDEDEE 0)!important;
  position:relative!important;
  box-shadow:0 8px 22px rgba(36,141,137,.08)!important;
}
body[data-page="trip"] .route-prep-ring:before{
  content:"";position:absolute!important;inset:10px!important;border-radius:50%!important;background:#fff!important;
  box-shadow:inset 0 0 0 1px #E4EFF0!important;
}
body[data-page="trip"] .route-prep-ring>div{position:relative!important;z-index:1!important;text-align:center!important}
body[data-page="trip"] .route-prep-ring b{display:block!important;font-size:27px!important;line-height:1!important;color:#1F3B4D!important}
body[data-page="trip"] .route-prep-ring small{display:block!important;margin-top:5px!important;font-size:7px!important;letter-spacing:.16em!important;font-weight:800!important;color:#82969D!important}
body[data-page="trip"] .route-prep-copy .eyebrow{display:block!important;margin-bottom:5px!important;color:#69D7D0!important;letter-spacing:.15em!important}
body[data-page="trip"] .route-prep-copy h3{margin:0!important;font-size:25px!important;line-height:1.12!important;color:#1F3B4D!important;letter-spacing:-.03em!important}
body[data-page="trip"] .route-prep-copy p{margin:7px 0 0!important;font-size:11px!important;line-height:1.5!important;color:#70858D!important}
body[data-page="trip"] .route-prep-score-chip{align-self:start!important;padding:7px 11px!important;border-radius:999px!important;background:#EDF8F6!important;color:#69D7D0!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important}
body[data-page="trip"] .route-overview-readiness-bars.not-ready .route-prep-score-chip{background:#FFF4E7!important;color:#C96C38!important}
body[data-page="trip"] .route-overview-readiness-bars.can-go .route-prep-score-chip{background:#DDF7F4!important;color:#69D7D0!important}
body[data-page="trip"] .route-overview-readiness-bars.go-now .route-prep-score-chip{background:#E7F8EE!important;color:#4B9A60!important}
body[data-page="trip"] .route-prep-bars{display:flex!important;flex-direction:column!important;gap:4px!important;padding-top:8px!important}
body[data-page="trip"] .route-prep-bar-row{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:12px!important;
  padding:11px 10px!important;
  border-radius:15px!important;
  color:inherit!important;text-decoration:none!important;
  transition:background .16s ease,transform .16s ease!important;
}
body[data-page="trip"] .route-prep-bar-row:hover{background:#F4FCFB!important;transform:translateX(2px)!important}
body[data-page="trip"] .route-prep-bar-row>i{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:12px!important;
  background:#DDF7F4!important;border:1px solid #CDEAE5!important;color:#69D7D0!important;font-style:normal!important;
}
body[data-page="trip"] .route-prep-bar-row>i svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
body[data-page="trip"] .route-prep-bar-main{min-width:0!important}
body[data-page="trip"] .route-prep-bar-head{display:grid!important;grid-template-columns:minmax(150px,.38fr) minmax(70px,.14fr) 54px!important;align-items:center!important;gap:12px!important;margin-bottom:7px!important}
body[data-page="trip"] .route-prep-bar-head span{font-size:11px!important;font-weight:800!important;color:#425A63!important}
body[data-page="trip"] .route-prep-bar-head b{font-size:12px!important;color:#334A53!important;white-space:nowrap!important}
body[data-page="trip"] .route-prep-bar-head strong{font-size:11px!important;color:#69D7D0!important;text-align:right!important;white-space:nowrap!important}
body[data-page="trip"] .route-prep-track{height:7px!important;border-radius:999px!important;background:#E6EFF0!important;overflow:hidden!important}
body[data-page="trip"] .route-prep-track em{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#69D7D0 0%,#8EDFF0 100%)!important}
body[data-page="trip"] .route-prep-bar-main>small{display:block!important;margin-top:6px!important;font-size:9px!important;color:#809299!important}
body[data-page="trip"] .route-prep-arrow{color:#8FA4AA!important;font-size:14px!important;font-weight:800!important;text-align:center!important}

@media(max-width:800px){
  body[data-page="trip"] .route-overview-readiness-bars{padding:18px!important}
  body[data-page="trip"] .route-prep-summary{grid-template-columns:92px minmax(0,1fr)!important;gap:15px!important}
  body[data-page="trip"] .route-prep-score-chip{grid-column:2!important;justify-self:start!important;margin-top:-5px!important}
  body[data-page="trip"] .route-prep-ring{width:86px!important;height:86px!important}
  body[data-page="trip"] .route-prep-ring:before{inset:9px!important}
  body[data-page="trip"] .route-prep-ring b{font-size:23px!important}
  body[data-page="trip"] .route-prep-bar-head{grid-template-columns:minmax(0,1fr) auto 48px!important;gap:8px!important}
}
@media(max-width:520px){
  body[data-page="trip"] .route-overview-readiness-bars{padding:15px!important;border-radius:20px!important}
  body[data-page="trip"] .route-prep-summary{grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;padding-bottom:15px!important}
  body[data-page="trip"] .route-prep-ring{width:70px!important;height:70px!important}
  body[data-page="trip"] .route-prep-ring:before{inset:7px!important}
  body[data-page="trip"] .route-prep-ring b{font-size:19px!important}
  body[data-page="trip"] .route-prep-ring small{font-size:6px!important}
  body[data-page="trip"] .route-prep-copy h3{font-size:20px!important}
  body[data-page="trip"] .route-prep-copy p{font-size:9px!important}
  body[data-page="trip"] .route-prep-score-chip{font-size:8px!important;padding:5px 8px!important}
  body[data-page="trip"] .route-prep-bar-row{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;padding:10px 7px!important}
  body[data-page="trip"] .route-prep-bar-row>i{width:34px!important;height:34px!important;border-radius:11px!important}
  body[data-page="trip"] .route-prep-arrow{display:none!important}
  body[data-page="trip"] .route-prep-bar-head{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  body[data-page="trip"] .route-prep-bar-head b{display:none!important}
  body[data-page="trip"] .route-prep-bar-head strong{font-size:10px!important}
}
html[data-theme="dark"] body[data-page="trip"] .route-overview-readiness-bars{background:linear-gradient(180deg,#1F3B4D,#0D1F27)!important;border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .route-prep-summary{border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .route-prep-ring:before{background:#1F3B4D!important;box-shadow:inset 0 0 0 1px #1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .route-prep-ring b,
html[data-theme="dark"] body[data-page="trip"] .route-prep-copy h3,
html[data-theme="dark"] body[data-page="trip"] .route-prep-bar-head span,
html[data-theme="dark"] body[data-page="trip"] .route-prep-bar-head b{color:#DDF7F4!important}
html[data-theme="dark"] body[data-page="trip"] .route-prep-copy p,
html[data-theme="dark"] body[data-page="trip"] .route-prep-bar-main>small{color:#9EB5BA!important}
html[data-theme="dark"] body[data-page="trip"] .route-prep-bar-row:hover{background:#142A34!important}
html[data-theme="dark"] body[data-page="trip"] .route-prep-bar-row>i{background:#153A3D!important;border-color:#245158!important;color:#77D4CD!important}
html[data-theme="dark"] body[data-page="trip"] .route-prep-track{background:#203940!important}


/* ========================= TRIPLOOM V14.24.9 · READINESS COLUMN REPOSITION + STATUS RING ========================= */
body[data-page="trip"] .route-overview-layout-readiness{
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)!important;
  align-items:stretch!important;
  gap:16px!important;
}
body[data-page="trip"] .route-overview-layout-readiness>.route-overview-readiness-column{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  margin:0!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
body[data-page="trip"] .route-overview-layout-readiness>.route-overview-card{
  grid-column:2!important;
}
body[data-page="trip"] .route-overview-readiness-column .route-prep-summary{
  grid-template-columns:104px minmax(0,1fr)!important;
  gap:18px!important;
}
body[data-page="trip"] .route-overview-readiness-column .route-prep-score-chip{
  grid-column:2!important;
  justify-self:start!important;
  margin-top:-4px!important;
}
body[data-page="trip"] .route-overview-readiness-column .route-prep-bars{
  flex:1 1 auto!important;
  justify-content:space-between!important;
  gap:6px!important;
}
body[data-page="trip"] .route-overview-readiness-column .route-prep-bar-row{
  min-height:68px!important;
  padding:10px 8px!important;
}
body[data-page="trip"] .route-overview-readiness-column .route-prep-bar-head{
  grid-template-columns:minmax(125px,1fr) auto 48px!important;
  gap:8px!important;
}
/* Readiness ring/status color thresholds: <80 red, 80-99 orange, 100 Triploom green. */
body[data-page="trip"] .route-overview-readiness-bars.not-ready .route-prep-ring{
  background:conic-gradient(#E25563 calc(var(--prep)*1%),#F2DDE0 0)!important;
  box-shadow:0 8px 22px rgba(228,94,104,.14)!important;
}
body[data-page="trip"] .route-overview-readiness-bars.can-go .route-prep-ring{
  background:conic-gradient(#FF9B5E calc(var(--prep)*1%),#F5E7C9 0)!important;
  box-shadow:0 8px 22px rgba(245,158,11,.15)!important;
}
body[data-page="trip"] .route-overview-readiness-bars.go-now .route-prep-ring{
  background:conic-gradient(#3FBDB5 calc(var(--prep)*1%),#D7EFEC 0)!important;
  box-shadow:0 8px 22px rgba(47,183,173,.14)!important;
}
body[data-page="trip"] .route-overview-readiness-bars.not-ready .route-prep-score-chip{
  background:#FFF0F2!important;color:#B83B49!important;
}
body[data-page="trip"] .route-overview-readiness-bars.can-go .route-prep-score-chip{
  background:#FFF5DF!important;color:#FF9B5E!important;
}
body[data-page="trip"] .route-overview-readiness-bars.go-now .route-prep-score-chip{
  background:#DDF7F4!important;color:#69D7D0!important;
}
body[data-page="trip"] .route-overview-readiness-bars.not-ready .route-prep-copy .eyebrow{color:#B83B49!important}
body[data-page="trip"] .route-overview-readiness-bars.can-go .route-prep-copy .eyebrow{color:#FF9B5E!important}
body[data-page="trip"] .route-overview-readiness-bars.go-now .route-prep-copy .eyebrow{color:#69D7D0!important}
@media(max-width:1000px){
  body[data-page="trip"] .route-overview-layout-readiness{grid-template-columns:1fr!important}
  body[data-page="trip"] .route-overview-layout-readiness>.route-overview-readiness-column,
  body[data-page="trip"] .route-overview-layout-readiness>.route-overview-card{grid-column:1!important;grid-row:auto!important}
  body[data-page="trip"] .route-overview-readiness-column .route-prep-bars{justify-content:flex-start!important}
}
@media(max-width:620px){
  body[data-page="trip"] .route-overview-readiness-column .route-prep-summary{grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important}
  body[data-page="trip"] .route-overview-readiness-column .route-prep-bar-head{grid-template-columns:minmax(0,1fr) auto!important}
  body[data-page="trip"] .route-overview-readiness-column .route-prep-bar-head b{display:none!important}
}


/* ========================= TRIPLOOM V14.25.0 · READINESS CLEANUP + SMART REMINDERS ========================= */
body[data-page="trip"] .route-prep-ring small{display:none!important}
body[data-page="trip"] .route-prep-score-chip{display:none!important}
body[data-page="trip"] .route-prep-summary{grid-template-columns:104px minmax(0,1fr)!important}
body[data-page="trip"] .route-prep-bar-head{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
body[data-page="trip"] .route-prep-bar-head b{display:none!important}
body[data-page="trip"] .route-prep-bar-row{padding:12px 10px!important;border:1px solid transparent!important}
body[data-page="trip"] .route-prep-bar-row>i{transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important}
body[data-page="trip"] .route-prep-bar-main>small{color:#8C9EA4!important}
body[data-page="trip"] .route-prep-bar-row.tone-not-ready>i{background:#FFF1F3!important;border-color:#F6D5D9!important;color:#E25563!important;box-shadow:0 8px 20px rgba(216,89,101,.09)!important}
body[data-page="trip"] .route-prep-bar-row.tone-not-ready .route-prep-bar-head strong{color:#E25563!important}
body[data-page="trip"] .route-prep-bar-row.tone-not-ready .route-prep-track em{background:linear-gradient(90deg,#E25563 0%,#F09B8A 100%)!important}
body[data-page="trip"] .route-prep-bar-row.tone-not-ready:hover{background:#FFF8F8!important;border-color:#F3D7DA!important}
body[data-page="trip"] .route-prep-bar-row.tone-can-go>i{background:#FFF6E8!important;border-color:#F3DFC0!important;color:#FF9B5E!important;box-shadow:0 8px 20px rgba(201,132,20,.10)!important}
body[data-page="trip"] .route-prep-bar-row.tone-can-go .route-prep-bar-head strong{color:#FF9B5E!important}
body[data-page="trip"] .route-prep-bar-row.tone-can-go .route-prep-track em{background:linear-gradient(90deg,#FF9B5E 0%,#FFD15C 100%)!important}
body[data-page="trip"] .route-prep-bar-row.tone-can-go:hover{background:#FFFBF5!important;border-color:#F0E1C9!important}
body[data-page="trip"] .route-prep-bar-row.tone-go-now>i{background:#DDF7F4!important;border-color:#CFEAE5!important;color:#69D7D0!important;box-shadow:0 8px 20px rgba(35,141,137,.09)!important}
body[data-page="trip"] .route-prep-bar-row.tone-go-now .route-prep-bar-head strong{color:#69D7D0!important}
body[data-page="trip"] .route-prep-bar-row.tone-go-now .route-prep-track em{background:linear-gradient(90deg,#69D7D0 0%,#8EDFF0 100%)!important}
body[data-page="trip"] .route-prep-bar-row.tone-go-now:hover{background:#F5FBFA!important;border-color:#D6ECE8!important}
body[data-page="trip"] .route-prep-system-tips{margin-top:14px!important;padding-top:16px!important;border-top:1px solid #E6EFF1!important}
body[data-page="trip"] .route-prep-system-tips>.eyebrow{display:block!important;margin-bottom:10px!important;color:#69D7D0!important;letter-spacing:.14em!important}
body[data-page="trip"] .route-prep-tip-list{display:flex!important;flex-direction:column!important;gap:8px!important}
body[data-page="trip"] .route-prep-tip-item{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:flex-start!important;gap:10px!important;padding:10px 12px!important;border-radius:14px!important;background:linear-gradient(180deg,#F4FCFB 0%,#F4FCFB 100%)!important;border:1px solid #C6ECE8!important}
body[data-page="trip"] .route-prep-tip-item>i{width:30px!important;height:30px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#DDF7F4!important;color:#69D7D0!important;font-style:normal!important}
body[data-page="trip"] .route-prep-tip-item>i svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important}
body[data-page="trip"] .route-prep-tip-item span{font-size:10px!important;line-height:1.55!important;color:#5E757E!important}
body[data-page="trip"] .route-overview-readiness-bars.not-ready .route-prep-tip-item>i{background:#FFF1F3!important;color:#E25563!important}
body[data-page="trip"] .route-overview-readiness-bars.can-go .route-prep-tip-item>i{background:#FFF6E8!important;color:#FF9B5E!important}
body[data-page="trip"] .route-overview-readiness-bars.go-now .route-prep-tip-item>i{background:#DDF7F4!important;color:#69D7D0!important}
@media(max-width:620px){
  body[data-page="trip"] .route-prep-summary{grid-template-columns:76px minmax(0,1fr)!important}
  body[data-page="trip"] .route-prep-bar-head{grid-template-columns:minmax(0,1fr) auto!important}
  body[data-page="trip"] .route-prep-tip-item{grid-template-columns:26px minmax(0,1fr)!important;padding:9px 10px!important}
  body[data-page="trip"] .route-prep-tip-item>i{width:26px!important;height:26px!important;border-radius:9px!important}
}
html[data-theme="dark"] body[data-page="trip"] .route-prep-tip-item{background:linear-gradient(180deg,#122730,#10232C)!important;border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .route-prep-tip-item span{color:#A5BBC0!important}


/* ========================= TRIPLOOM V14.25.1 · REMINDER ALIGN + NOTE VISIBILITY ========================= */
body[data-page="trip"] .route-prep-tip-item{align-items:center!important}
body[data-page="trip"] .route-prep-tip-item span{display:flex!important;align-items:center!important;min-height:30px!important}
@media(max-width:620px){body[data-page="trip"] .route-prep-tip-item span{min-height:26px!important}}


/* ========================= TRIPLOOM V14.25.2 · OVERVIEW COMPANION CARDS REFINEMENT ========================= */
body[data-page="trip"] .route-overview-budget-card,
body[data-page="trip"] .route-overview-data-card{
  position:relative!important;
  overflow:hidden!important;
  padding:22px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  border:1px solid #D8E9EC!important;
  box-shadow:0 14px 34px rgba(39,91,99,.055)!important;
}
body[data-page="trip"] .route-overview-budget-card:before,
body[data-page="trip"] .route-overview-data-card:before{
  content:""!important;
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;
  height:3px!important;
  background:linear-gradient(90deg,#69D7D0 0%,#8EDFF0 100%)!important;
}
body[data-page="trip"] .route-overview-data-card:before{
  background:linear-gradient(90deg,#69D7D0 0%,#73C98A 100%)!important;
}
body[data-page="trip"] .route-companion-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
body[data-page="trip"] .route-companion-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
body[data-page="trip"] .route-companion-title>i{
  width:40px!important;height:40px!important;
  flex:0 0 40px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#E6F9F5 0%,#EDF8FD 100%)!important;
  border:1px solid #D2EBE8!important;
  color:#69D7D0!important;
  font-style:normal!important;
}
body[data-page="trip"] .route-companion-title>i svg{
  width:18px!important;height:18px!important;
  stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;
}
body[data-page="trip"] .route-companion-title .eyebrow{margin-bottom:3px!important}
body[data-page="trip"] .route-companion-title h3{margin:0!important;line-height:1.15!important}
body[data-page="trip"] .route-overview-budget-card .text-link{
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  display:inline-flex!important;align-items:center!important;
  background:#F2FAF9!important;
  border:1px solid #DCEDEC!important;
  font-size:9px!important;
}

/* Budget: one primary figure + two supporting figures. */
body[data-page="trip"] .route-overview-budget-card .route-budget-main{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
body[data-page="trip"] .route-overview-budget-card .route-budget-main>div{
  min-height:86px!important;
  padding:14px 15px!important;
  border-radius:17px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#F5FAFB 100%)!important;
  border:1px solid #C6ECE8!important;
  box-shadow:none!important;
}
body[data-page="trip"] .route-overview-budget-card .route-budget-main>div:first-child{
  grid-column:1/-1!important;
  min-height:98px!important;
  padding:16px 17px!important;
  background:linear-gradient(135deg,#F1FBF9 0%,#F5FAFD 100%)!important;
  border-color:#D3EAE7!important;
}
body[data-page="trip"] .route-overview-budget-card .route-budget-main span{
  font-size:8px!important;
  letter-spacing:.12em!important;
  color:#718990!important;
}
body[data-page="trip"] .route-overview-budget-card .route-budget-main b{
  font-size:19px!important;
  line-height:1.1!important;
  color:#1F3B4D!important;
  overflow-wrap:anywhere!important;
}
body[data-page="trip"] .route-overview-budget-card .route-budget-main>div:first-child b{
  font-size:25px!important;
  letter-spacing:-.035em!important;
  color:#203840!important;
}
body[data-page="trip"] .route-overview-budget-card .route-budget-bar{
  margin-top:13px!important;
  padding:13px 14px!important;
  border-radius:16px!important;
  background:#F4FCFB!important;
  border:1px solid #E0EDEF!important;
}
body[data-page="trip"] .route-overview-budget-card .route-budget-bar>i{
  height:8px!important;
  background:#E3EEF0!important;
  box-shadow:inset 0 1px 2px rgba(41,91,101,.04)!important;
}
body[data-page="trip"] .route-overview-budget-card .route-budget-bar em{
  background:linear-gradient(90deg,#69D7D0 0%,#8EDFF0 100%)!important;
}
body[data-page="trip"] .route-overview-budget-card .route-budget-bar small{
  margin-top:8px!important;
  font-size:9px!important;
  color:#81949A!important;
}

/* Trip data: compact 2 x 2 dashboard instead of one sparse row. */
body[data-page="trip"] .route-overview-data-card .route-memory-grid-dynamic{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body[data-page="trip"] .route-overview-data-card .route-memory-grid a{
  min-height:116px!important;
  padding:14px 12px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#F5FAFB 100%)!important;
  border:1px solid #C6ECE8!important;
  box-shadow:none!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
body[data-page="trip"] .route-overview-data-card .route-memory-grid a:hover{
  transform:translateY(-2px)!important;
  border-color:#CDE5E2!important;
  box-shadow:0 12px 24px rgba(35,116,126,.08)!important;
}
body[data-page="trip"] .route-overview-data-card .route-memory-grid i{
  width:38px!important;height:38px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#E6F9F5 0%,#EDF8FD 100%)!important;
  border:1px solid #D4ECE8!important;
}
body[data-page="trip"] .route-overview-data-card .route-memory-grid svg{
  width:17px!important;height:17px!important;
  stroke:#69D7D0!important;stroke-width:1.8!important;
}
body[data-page="trip"] .route-overview-data-card .route-memory-grid b{
  font-size:23px!important;
  line-height:1!important;
  margin-top:3px!important;
  color:#1F3B4D!important;
}
body[data-page="trip"] .route-overview-data-card .route-memory-grid span{
  font-size:9px!important;
  color:#748990!important;
}

@media(max-width:1000px){
  body[data-page="trip"] .route-overview-budget-card .route-budget-main{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-page="trip"] .route-overview-budget-card .route-budget-main>div:first-child{grid-column:auto!important;min-height:86px!important;padding:14px 15px!important}
  body[data-page="trip"] .route-overview-budget-card .route-budget-main>div:first-child b{font-size:19px!important}
  body[data-page="trip"] .route-overview-data-card .route-memory-grid-dynamic{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body[data-page="trip"] .route-overview-budget-card,
  body[data-page="trip"] .route-overview-data-card{padding:18px!important;border-radius:21px!important}
  body[data-page="trip"] .route-companion-title>i{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:12px!important}
  body[data-page="trip"] .route-overview-budget-card .route-budget-main{grid-template-columns:1fr 1fr!important}
  body[data-page="trip"] .route-overview-budget-card .route-budget-main>div:first-child{grid-column:1/-1!important;min-height:90px!important}
  body[data-page="trip"] .route-overview-budget-card .route-budget-main>div:first-child b{font-size:22px!important}
  body[data-page="trip"] .route-overview-data-card .route-memory-grid-dynamic{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  body[data-page="trip"] .route-companion-head{align-items:flex-start!important}
  body[data-page="trip"] .route-overview-budget-card .route-budget-main{grid-template-columns:1fr!important}
  body[data-page="trip"] .route-overview-budget-card .route-budget-main>div:first-child{grid-column:auto!important}
  body[data-page="trip"] .route-overview-data-card .route-memory-grid-dynamic{grid-template-columns:1fr 1fr!important}
  body[data-page="trip"] .route-overview-data-card .route-memory-grid a{min-height:104px!important}
}
html[data-theme="dark"] body[data-page="trip"] .route-overview-budget-card,
html[data-theme="dark"] body[data-page="trip"] .route-overview-data-card{background:linear-gradient(180deg,#1F3B4D,#0D1F27)!important;border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .route-overview-budget-card .route-budget-main>div,
html[data-theme="dark"] body[data-page="trip"] .route-overview-budget-card .route-budget-bar,
html[data-theme="dark"] body[data-page="trip"] .route-overview-data-card .route-memory-grid a{background:#102630!important;border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .route-overview-budget-card .route-budget-main b,
html[data-theme="dark"] body[data-page="trip"] .route-overview-data-card .route-memory-grid b{color:#DDF7F4!important}


/* ========================= TRIPLOOM V14.25.4 · SINGLE-LINE ADAPTIVE HERO TITLE/META ========================= */
body[data-page="trip"] .trip-premium-hero .trip-header-copy{min-width:0!important}
body[data-page="trip"] .trip-premium-hero .trip-hero-title,
body[data-page="trip"] .trip-premium-hero .trip-hero-meta{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body[data-page="trip"] .trip-premium-hero .trip-hero-title{line-height:1.04!important}
body[data-page="trip"] .trip-premium-hero .trip-hero-meta{line-height:1.35!important}
@media(max-width:700px){
  body[data-page="trip"] .trip-premium-hero .trip-hero-title,
  body[data-page="trip"] .trip-premium-hero .trip-hero-meta{max-width:100%!important}
}

/* ========================= TRIPLOOM V14.25.5 · ELECTRIC CAR BATTERY PLANNER ========================= */
.ev-trip-config{
  margin-top:18px!important;padding:18px!important;border-radius:20px!important;
  background:linear-gradient(180deg,#F8FEFD 0%,#F2FAFB 100%)!important;
  border:1px solid #D7EBE9!important;box-shadow:0 10px 24px rgba(35,141,137,.06)!important;
}
.ev-trip-config.hidden{display:none!important}
.ev-trip-config-head{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important}
.ev-trip-config-head>span{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#E5F8F4!important;color:#69D7D0!important;border:1px solid #CBEAE4!important}
.ev-trip-config-head svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important}
.ev-trip-config-head b{display:block!important;font-size:15px!important;color:#1F3B4D!important}
.ev-trip-config-head small{display:block!important;margin-top:2px!important;font-size:10px!important;color:#71868E!important}
.ev-battery-disclaimer{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:flex-start!important;gap:10px!important;margin-top:14px!important;padding:11px 12px!important;border-radius:14px!important;background:#F4FCFB!important;border:1px solid #DCECED!important;color:#617880!important}
.ev-battery-disclaimer>i{width:32px!important;height:32px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#E8F7F4!important;color:#69D7D0!important;font-style:normal!important}
.ev-battery-disclaimer svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important}
.ev-battery-disclaimer p{margin:0!important;font-size:9px!important;line-height:1.55!important}
.ev-battery-disclaimer b{color:#344D55!important}

.ev-route-summary{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;margin:0 0 18px!important;padding:15px 17px!important;border:1px solid #D7E8EA!important;border-radius:20px!important;background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;box-shadow:0 10px 26px rgba(35,86,96,.055)!important}
.ev-route-summary-icon{width:52px!important;height:52px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#E6F8F4!important;color:#69D7D0!important;border:1px solid #CDEAE5!important}
.ev-route-summary-icon svg{width:23px!important;height:23px!important;stroke:currentColor!important;fill:none!important}
.ev-route-summary-main{min-width:0!important}
.ev-route-summary .eyebrow{color:#69D7D0!important}
.ev-route-summary h3{margin:2px 0 7px!important;font-size:17px!important;color:#1F3B4D!important}
.ev-route-summary-main>p{margin:3px 0 0!important;font-size:10px!important;color:#748990!important}
.ev-route-summary-metrics{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.ev-route-summary-metrics span{display:inline-flex!important;align-items:baseline!important;gap:5px!important;padding:5px 8px!important;border-radius:999px!important;background:#F1F8F8!important;border:1px solid #DFEBED!important}
.ev-route-summary-metrics b{font-size:10px!important;color:#69D7D0!important}
.ev-route-summary-metrics small{font-size:8px!important;color:#748990!important}
.ev-route-summary>.btn{white-space:nowrap!important}
.ev-battery-disclaimer-route{grid-column:1 / -1!important;margin-top:0!important}
.ev-route-summary.is-incomplete{border-color:#F0D7D9!important;background:linear-gradient(180deg,#FFFDFD,#FFF8F8)!important}
.ev-route-summary.is-incomplete .ev-route-summary-icon{background:#FFF0F2!important;border-color:#F4D5D9!important;color:#E25563!important}

.ev-departure-battery{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-top:7px!important;padding:5px 8px!important;border-radius:999px!important;background:#DDF7F4!important;border:1px solid #D2ECE7!important;color:#4A686E!important;font-size:8px!important;font-weight:700!important}
.ev-departure-battery svg{width:12px!important;height:12px!important;stroke:#69D7D0!important;fill:none!important}
.ev-departure-battery b{color:#69D7D0!important}

.premium-travel-leg.has-ev-battery .travel-leg-info{gap:10px!important;flex-wrap:wrap!important}
.ev-leg-battery{flex:0 1 auto!important;min-width:154px!important;display:grid!important;grid-template-columns:auto auto!important;gap:1px 7px!important;align-items:center!important;padding:6px 9px!important;border-radius:11px!important;border:1px solid #D7EAE7!important;background:#F4FBF9!important}
.ev-leg-battery>span{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:7px!important;font-weight:800!important;color:#69D7D0!important}
.ev-leg-battery>span svg{width:11px!important;height:11px!important;stroke:currentColor!important;fill:none!important}
.ev-leg-battery>b{font-size:9px!important;color:#2E4A51!important;white-space:nowrap!important}
.ev-leg-battery>small{grid-column:1/-1!important;margin:1px 0 0!important;font-size:7px!important;color:#71878E!important}
.ev-leg-battery.low,.ev-leg-battery.danger{background:#FFF3F4!important;border-color:#F2D5D8!important}
.ev-leg-battery.low>span,.ev-leg-battery.danger>span,.ev-leg-battery.low>b,.ev-leg-battery.danger>b{color:#E25563!important}
.ev-leg-battery.low>small,.ev-leg-battery.danger>small{color:#B65A63!important}
.ev-leg-battery.unknown{background:#F6F8F8!important;border-color:#E2E9EA!important}
.ev-leg-battery.unknown>span,.ev-leg-battery.unknown>b{color:#73868C!important}

.ev-charging-stop{margin:10px 0 2px!important;padding:11px!important;border-radius:14px!important;background:linear-gradient(180deg,#FFF9ED 0%,#FFF8E2 100%)!important;border:1px solid #F0DFC0!important}
.ev-charging-stop-head{display:flex!important;align-items:center!important;gap:9px!important}
.ev-charging-stop-head>span{width:32px!important;height:32px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#FFF0CF!important;color:#FF9B5E!important}
.ev-charging-stop-head svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important}
.ev-charging-stop-head b{display:block!important;font-size:9px!important;color:#684D22!important}
.ev-charging-stop-head small{display:block!important;margin-top:1px!important;font-size:7px!important;color:#9A7B4D!important}
.ev-charge-inline{display:flex!important;align-items:end!important;gap:8px!important;margin-top:9px!important}
.ev-charge-inline label{flex:1 1 auto!important;margin:0!important;font-size:8px!important;color:#786039!important}
.ev-charge-inline label>span{font-weight:800!important}
.ev-charge-inline input{height:36px!important;margin-top:4px!important}
.ev-charge-inline .btn{min-height:36px!important;height:36px!important;padding:0 11px!important}
.ev-charge-static{display:inline-flex!important;margin-top:8px!important;padding:5px 8px!important;border-radius:999px!important;background:#FFF0CF!important;color:#C96C38!important;font-size:8px!important}

.ev-stop-charge-section{border-color:#E8DCC6!important;background:linear-gradient(180deg,#FFFCF6,#FFF9EC)!important}
.ev-charge-check{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:11px!important;border-radius:14px!important;background:#fff!important;border:1px solid #E6EDEE!important;cursor:pointer!important}
.ev-charge-check>input{width:18px!important;height:18px!important;flex:0 0 auto!important;margin:1px 0 0!important;accent-color:#3FBDB5!important}
.ev-charge-check span{display:block!important}
.ev-charge-check b{display:block!important;font-size:10px!important;color:#344D55!important}
.ev-charge-check small{display:block!important;margin-top:2px!important;font-size:8px!important;color:#7A8D93!important}
.ev-charge-after-field{margin-top:10px!important}
.ev-edit-charge-box{padding:11px!important;border-radius:15px!important;background:#FFF9ED!important;border:1px solid #F0DFC0!important}
.ev-edit-charge-box>label+label{margin-top:9px!important}

@media(max-width:800px){
  .ev-route-summary{grid-template-columns:46px minmax(0,1fr)!important}
  .ev-route-summary-icon{width:46px!important;height:46px!important}
  .ev-route-summary>.btn{grid-column:2!important;justify-self:start!important}
  .ev-battery-disclaimer-route{grid-column:1/-1!important}
  .ev-leg-battery{min-width:140px!important}
}
@media(max-width:520px){
  .ev-trip-config{padding:14px!important}
  .ev-route-summary{padding:13px!important;gap:10px!important}
  .ev-route-summary-metrics{gap:5px!important}
  .ev-route-summary-metrics span{padding:4px 6px!important}
  .ev-route-summary>.btn{grid-column:1/-1!important;width:100%!important}
  .ev-battery-disclaimer{grid-template-columns:28px minmax(0,1fr)!important;padding:9px!important}
  .ev-battery-disclaimer>i{width:28px!important;height:28px!important}
  .ev-leg-battery{width:100%!important;min-width:0!important}
  .ev-charge-inline{align-items:stretch!important;flex-direction:column!important}
  .ev-charge-inline .btn{width:100%!important}
}
html[data-theme="dark"] .ev-trip-config,
html[data-theme="dark"] .ev-route-summary{background:linear-gradient(180deg,#1F3B4D,#0D1F27)!important;border-color:#1F3B4D!important}
html[data-theme="dark"] .ev-trip-config-head b,
html[data-theme="dark"] .ev-route-summary h3{color:#DDF7F4!important}
html[data-theme="dark"] .ev-trip-config-head small,
html[data-theme="dark"] .ev-route-summary-main>p{color:#A5BBC0!important}
html[data-theme="dark"] .ev-battery-disclaimer{background:#122730!important;border-color:#1F3B4D!important;color:#A5BBC0!important}
html[data-theme="dark"] .ev-battery-disclaimer b{color:#DDF7F4!important}
html[data-theme="dark"] .ev-route-summary-metrics span{background:#142B34!important;border-color:#1F3B4D!important}
html[data-theme="dark"] .ev-route-summary-metrics small{color:#A5BBC0!important}
html[data-theme="dark"] .ev-leg-battery{background:#12302F!important;border-color:#28504D!important}
html[data-theme="dark"] .ev-leg-battery>b{color:#DDF7F4!important}
html[data-theme="dark"] .ev-leg-battery>small{color:#A5BBC0!important}
html[data-theme="dark"] .ev-leg-battery.low,
html[data-theme="dark"] .ev-leg-battery.danger{background:#3A2228!important;border-color:#63343C!important}
html[data-theme="dark"] .ev-leg-battery.unknown{background:#17282F!important;border-color:#30454D!important}
html[data-theme="dark"] .ev-charging-stop,
html[data-theme="dark"] .ev-stop-charge-section,
html[data-theme="dark"] .ev-edit-charge-box{background:#30291C!important;border-color:#5A4A2C!important}
html[data-theme="dark"] .ev-charging-stop-head b{color:#F4E4C5!important}
html[data-theme="dark"] .ev-charging-stop-head small{color:#C9B58C!important}
html[data-theme="dark"] .ev-charge-check{background:#1F3B4D!important;border-color:#1F3B4D!important}
html[data-theme="dark"] .ev-charge-check b{color:#DDF7F4!important}
html[data-theme="dark"] .ev-charge-check small{color:#A5BBC0!important}


/* ========================= TRIPLOOM V14.25.6 · COMPACT EV LEG BATTERY DISPLAY ========================= */
/* Keep the EV battery status visually attached to time / km / transport on the left. */
.premium-travel-leg.has-ev-battery .travel-leg-info{
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:9px!important;
}
.premium-travel-leg.has-ev-battery .travel-leg-copy{
  flex:0 1 auto!important;
  min-width:0!important;
}
.premium-travel-leg.has-ev-battery .travel-leg-info>a{
  margin-left:auto!important;
}
.ev-leg-battery{
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  margin:0!important;
  padding:4px 8px!important;
  border-radius:10px!important;
  border:1px solid #D7EAE7!important;
  background:rgba(244,251,249,.94)!important;
  box-shadow:0 4px 12px rgba(35,141,137,.045)!important;
  white-space:nowrap!important;
}
.ev-leg-battery-icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:7px!important;
  background:#E6F8F4!important;
  color:#69D7D0!important;
}
.ev-leg-battery-icon svg{width:13px!important;height:13px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.ev-leg-battery>b{font-size:10px!important;line-height:1!important;color:#29454D!important;font-weight:800!important}
.ev-leg-battery>small{margin:0!important;font-size:8px!important;line-height:1!important;color:#788C92!important}
.ev-leg-battery>em{
  margin-left:1px!important;
  padding:3px 5px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:800!important;
}
.ev-leg-battery.low,.ev-leg-battery.danger{background:#FFF6F7!important;border-color:#F0DADD!important;box-shadow:none!important}
.ev-leg-battery.low .ev-leg-battery-icon,.ev-leg-battery.danger .ev-leg-battery-icon{background:#FDECEE!important;color:#E25563!important}
.ev-leg-battery.low>b,.ev-leg-battery.danger>b{color:#E25563!important}
.ev-leg-battery.low>small,.ev-leg-battery.danger>small{color:#B36A70!important}
.ev-leg-battery.low>em,.ev-leg-battery.danger>em{background:#FCE5E8!important;color:#B83B49!important}
.ev-leg-battery.unknown{background:#F6F8F8!important;border-color:#E2E9EA!important}
.ev-leg-battery.unknown .ev-leg-battery-icon{background:#ECEFF0!important;color:#768A90!important}
.ev-leg-battery.unknown>b,.ev-leg-battery.unknown>small{color:#768A90!important}
@media(max-width:800px){
  .premium-travel-leg.has-ev-battery .travel-leg-info{gap:7px!important;flex-wrap:wrap!important}
  .premium-travel-leg.has-ev-battery .travel-leg-info>a{margin-left:0!important}
  .ev-leg-battery{min-height:28px!important;padding:3px 7px!important}
  .ev-leg-battery-icon{width:20px!important;height:20px!important;flex-basis:20px!important}
}
@media(max-width:520px){
  .premium-travel-leg.has-ev-battery .travel-leg-info{align-items:center!important}
  .ev-leg-battery{width:auto!important;max-width:100%!important}
  .ev-leg-battery>em{display:none!important}
}
html[data-theme="dark"] .ev-leg-battery{background:#12302F!important;border-color:#28504D!important;box-shadow:none!important}
html[data-theme="dark"] .ev-leg-battery-icon{background:#173E3B!important;color:#79D6CE!important}
html[data-theme="dark"] .ev-leg-battery>b{color:#DDF7F4!important}
html[data-theme="dark"] .ev-leg-battery>small{color:#A5BBC0!important}
/* Ensure the compact battery chip overrides legacy travel-leg child layout rules. */
.timeline > .premium-travel-leg .travel-leg-info > .ev-leg-battery,
.timeline > .travel-leg.premium-travel-leg .travel-leg-info > .ev-leg-battery{
  display:inline-flex!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:5px!important;
  width:auto!important;
  min-width:0!important;
  min-height:30px!important;
  height:auto!important;
  padding:4px 8px!important;
}
.timeline > .premium-travel-leg .travel-leg-info > .ev-leg-battery > .ev-leg-battery-icon,
.timeline > .travel-leg.premium-travel-leg .travel-leg-info > .ev-leg-battery > .ev-leg-battery-icon{
  display:grid!important;
  flex-direction:initial!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  padding:0!important;
  margin:0!important;
}
.timeline > .premium-travel-leg .travel-leg-info > .ev-leg-battery > .ev-leg-battery-icon svg,
.timeline > .travel-leg.premium-travel-leg .travel-leg-info > .ev-leg-battery > .ev-leg-battery-icon svg{
  width:13px!important;
  height:13px!important;
}


/* ========================= TRIPLOOM V14.25.7 · EV SUMMARY UNDER DAY + LOW BATTERY ICON ========================= */
/* Keep the EV vehicle/battery summary directly under the Day Overview card. */
body[data-page="trip"] .premium-day-summary.has-ev-route-summary{
  position:sticky!important;
  top:116px!important;
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
}
body[data-page="trip"] .premium-day-summary.has-ev-route-summary>.sticky-card{
  position:static!important;
  top:auto!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side{
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  margin:12px 0 0!important;
  padding:14px!important;
  border-radius:22px!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-icon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-icon svg{
  width:19px!important;
  height:19px!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side h3{
  margin:2px 0 8px!important;
  font-size:16px!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics span{
  width:100%!important;
  min-height:30px!important;
  justify-content:space-between!important;
  padding:6px 9px!important;
  border-radius:11px!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side>.btn{
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:40px!important;
  margin-top:2px!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-battery-disclaimer-route{
  grid-column:1 / -1!important;
  align-items:center!important;
  margin-top:0!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-battery-disclaimer-route p{
  display:flex!important;
  align-items:center!important;
  min-height:32px!important;
}
/* Low / impossible battery: red icon with a single remaining battery bar. */
.ev-leg-battery.low .ev-battery-one-bar,
.ev-leg-battery.danger .ev-battery-one-bar{
  color:#E25563!important;
  stroke:currentColor!important;
}
.ev-leg-battery.low .ev-battery-one-level,
.ev-leg-battery.danger .ev-battery-one-level{
  fill:currentColor!important;
  stroke:none!important;
}
@media(max-width:1180px){
  body[data-page="trip"] .premium-day-summary.has-ev-route-summary{
    display:block!important;
    position:static!important;
    top:auto!important;
    width:100%!important;
    margin-top:18px!important;
  }
  body[data-page="trip"] .premium-day-summary.has-ev-route-summary .ev-route-summary-side{
    max-width:none!important;
  }
}
@media(max-width:520px){
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side{
    padding:12px!important;
    border-radius:19px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-icon{
    width:38px!important;height:38px!important;border-radius:12px!important;
  }
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-battery-disclaimer-route p{
    min-height:28px!important;
  }
}


/* ========================= TRIPLOOM V14.25.8 · EV INLINE METRICS + DISCLAIMER ALIGN FIX ========================= */
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline{
  display:block!important;
  width:100%!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline>span{
  display:flex!important;
  width:100%!important;
  min-height:34px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  padding:7px 10px!important;
  border-radius:11px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline b{
  flex:0 0 auto!important;
  font-size:9px!important;
  letter-spacing:.06em!important;
  color:#69D7D0!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline small{
  flex:0 1 auto!important;
  min-width:0!important;
  font-size:8px!important;
  color:#71878E!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline small strong{
  font-size:9px!important;
  color:#69D7D0!important;
  font-weight:800!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline em{
  flex:0 0 auto!important;
  font-style:normal!important;
  font-size:9px!important;
  color:#B4C5C9!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-battery-disclaimer-route{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
  min-height:58px!important;
  padding:10px 12px!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-battery-disclaimer-route>i{
  align-self:center!important;
  justify-self:center!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-battery-disclaimer-route p{
  display:block!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:8.5px!important;
  line-height:1.55!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-battery-disclaimer-route p b{
  display:inline!important;
  margin-right:3px!important;
  white-space:nowrap!important;
}
@media(max-width:520px){
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline>span{
    gap:5px!important;
    padding:6px 8px!important;
  }
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline b{font-size:8px!important}
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline small{font-size:7px!important}
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline small strong{font-size:8px!important}
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-battery-disclaimer-route{
    grid-template-columns:28px minmax(0,1fr)!important;
    padding:9px 10px!important;
  }
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-battery-disclaimer-route p{
    font-size:7.5px!important;
    line-height:1.5!important;
  }
}


/* V14.25.8 final placement: keep the EV metrics as one full-width row. */
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline{
  grid-column:1 / -1!important;
  width:100%!important;
  min-width:0!important;
  margin-top:2px!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline>span{
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  font-variant-numeric:tabular-nums!important;
}
body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline small{
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
@media(max-width:390px){
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline>span{gap:4px!important;padding:6px!important}
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline b{font-size:7.2px!important}
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline small{font-size:6.5px!important;letter-spacing:-.01em!important}
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline small strong{font-size:7px!important}
  body[data-page="trip"] .premium-day-summary .ev-route-summary-side .ev-route-summary-metrics-inline em{font-size:7px!important}
}

/* ========================= TRIPLOOM V14.25.9 · EV LEG LEFT ALIGN + CHARGE/TRANSPORT COMPACT UX ========================= */
/* Battery status stays in one left-side cluster with time / km / transport, regardless of route button. */
.timeline > .premium-travel-leg .travel-leg-info,
.timeline > .travel-leg.premium-travel-leg .travel-leg-info{
  justify-content:flex-start!important;
  align-items:center!important;
}
.timeline > .premium-travel-leg .travel-leg-info > .travel-leg-left,
.timeline > .travel-leg.premium-travel-leg .travel-leg-info > .travel-leg-left{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
}
.timeline > .premium-travel-leg .travel-leg-left > .travel-leg-copy,
.timeline > .travel-leg.premium-travel-leg .travel-leg-left > .travel-leg-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
}
.timeline > .premium-travel-leg .travel-leg-left > .ev-leg-battery,
.timeline > .travel-leg.premium-travel-leg .travel-leg-left > .ev-leg-battery{
  flex:0 0 auto!important;
  margin:0!important;
}
.timeline > .premium-travel-leg .travel-leg-info > a,
.timeline > .travel-leg.premium-travel-leg .travel-leg-info > a{
  margin-left:auto!important;
  flex:0 0 auto!important;
}
@media(max-width:800px){
  .timeline > .premium-travel-leg .travel-leg-info > .travel-leg-left,
  .timeline > .travel-leg.premium-travel-leg .travel-leg-info > .travel-leg-left{gap:6px!important;flex-wrap:wrap!important}
  .timeline > .premium-travel-leg .travel-leg-info > a,
  .timeline > .travel-leg.premium-travel-leg .travel-leg-info > a{margin-left:0!important}
}

/* EV charging stop: compact modern card + custom checkbox (removes native black check rendering). */
body[data-page="trip"] .stop-add-form .ev-stop-charge-section{
  padding:16px!important;
  border:1px solid #D9E9E7!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:0 8px 22px rgba(38,96,103,.045)!important;
}
.ev-charge-compact-head{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:12px!important}
.ev-charge-bolt{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#DDF7F4!important;border:1px solid #CFEAE5!important;color:#69D7D0!important}
.ev-charge-bolt svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important}
.ev-charge-compact-head>div{min-width:0!important}
.ev-charge-compact-head b{display:block!important;font-size:13px!important;line-height:1.25!important;color:#2C434C!important}
.ev-charge-compact-head small{display:block!important;margin-top:3px!important;font-size:9px!important;line-height:1.45!important;color:#84979D!important}
.ev-charge-switch{position:relative!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;margin:0!important;border:1px solid #C6ECE8!important;border-radius:15px!important;background:#fff!important;cursor:pointer!important;transition:.16s ease!important}
.ev-charge-switch>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.ev-charge-switch-check{width:34px!important;height:34px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#EFF6F5!important;border:1px solid #D7E6E4!important;color:transparent!important;transition:.16s ease!important}
.ev-charge-switch-check svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important;stroke-width:2.1!important}
.ev-charge-switch-copy{display:block!important;min-width:0!important}
.ev-charge-switch-copy b{display:block!important;font-size:10px!important;line-height:1.3!important;color:#344D55!important}
.ev-charge-switch-copy small{display:block!important;margin-top:2px!important;font-size:8px!important;line-height:1.45!important;color:#81949A!important}
.ev-charge-switch:has(input:checked){border-color:#BFE1DC!important;background:#F4FBF9!important;box-shadow:inset 0 0 0 1px rgba(47,183,173,.06)!important}
.ev-charge-switch:has(input:checked) .ev-charge-switch-check{background:#3FBDB5!important;border-color:#3FBDB5!important;color:#fff!important;box-shadow:0 6px 14px rgba(47,183,173,.18)!important}
.ev-charge-after-field{display:grid!important;gap:7px!important;margin:11px 0 0!important;padding:12px!important;border-radius:15px!important;background:#F4FCFB!important;border:1px solid #DFECEC!important}
.ev-charge-after-field.hidden{display:none!important}
.ev-charge-after-label{font-size:10px!important;font-weight:800!important;color:#3C555E!important}
.ev-charge-input-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;align-items:center!important;overflow:hidden!important;border:1px solid #CFE1E3!important;border-radius:13px!important;background:#fff!important}
.ev-charge-input-shell input{width:100%!important;min-height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 12px!important}
.ev-charge-input-shell input:focus{box-shadow:none!important}
.ev-charge-input-shell em{height:100%!important;display:grid!important;place-items:center!important;border-left:1px solid #E0EBEC!important;font-style:normal!important;font-size:10px!important;font-weight:800!important;color:#69D7D0!important;background:#F1F8F7!important}
.ev-charge-after-field>small{font-size:8px!important;line-height:1.5!important;color:#82959B!important}

/* Add-stop transport is collapsed until the user explicitly asks to change it. */
.stop-transport-section .stop-transport-block{display:block!important}
.stop-transport-toggle{width:100%!important;min-height:58px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto 18px!important;align-items:center!important;gap:10px!important;padding:9px 12px!important;border:1px solid #D7E7E8!important;border-radius:16px!important;background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;color:#304951!important;cursor:pointer!important;box-shadow:0 6px 18px rgba(34,90,98,.04)!important;text-align:left!important}
.stop-transport-toggle:hover{border-color:#BFDCD9!important;background:#F4FCFB!important}
.stop-transport-toggle-icon{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#DDF7F4!important;border:1px solid #D0EAE6!important;color:#69D7D0!important}
.stop-transport-toggle-icon svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important}
.stop-transport-toggle-copy{display:block!important;min-width:0!important}
.stop-transport-toggle-copy small{display:block!important;font-size:7px!important;letter-spacing:.11em!important;color:#84989E!important;line-height:1.2!important}
.stop-transport-toggle-copy b{display:block!important;margin-top:3px!important;font-size:11px!important;color:#2D454E!important;line-height:1.2!important}
.stop-transport-toggle>em{font-style:normal!important;font-size:9px!important;font-weight:800!important;color:#69D7D0!important;white-space:nowrap!important}
.stop-transport-toggle-chevron{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;color:#7D959B!important;transition:transform .18s ease!important}
.stop-transport-toggle-chevron svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important}
.stop-transport-toggle.is-open .stop-transport-toggle-chevron{transform:rotate(180deg)!important}
.stop-transport-options{margin-top:10px!important;padding:11px!important;border:1px solid #C6ECE8!important;border-radius:17px!important;background:#F4FCFB!important}
.stop-transport-options.hidden{display:none!important}
.stop-transport-options .stop-transport-choice-grid{margin:0!important}
.stop-transport-other{display:grid!important;margin-top:10px!important;padding:10px!important;border:1px dashed #CFE2E3!important;border-radius:14px!important;background:#fff!important}
.stop-transport-other.hidden{display:none!important}
.edit-transport-other-field.hidden{display:none!important}

@media(max-width:620px){
  .stop-transport-toggle{grid-template-columns:36px minmax(0,1fr) 18px!important;gap:9px!important}
  .stop-transport-toggle>em{grid-column:2!important;display:block!important;margin-top:-4px!important;white-space:normal!important}
  .stop-transport-toggle-chevron{grid-column:3!important;grid-row:1 / span 2!important}
  .ev-charge-compact-head b{font-size:12px!important}
  .ev-charge-compact-head small{font-size:8px!important}
}
html[data-theme="dark"] body[data-page="trip"] .stop-add-form .ev-stop-charge-section,
html[data-theme="dark"] .stop-transport-options{background:linear-gradient(180deg,#1F3B4D,#0D1F27)!important;border-color:#1F3B4D!important}
html[data-theme="dark"] .ev-charge-switch,
html[data-theme="dark"] .ev-charge-input-shell,
html[data-theme="dark"] .stop-transport-toggle,
html[data-theme="dark"] .stop-transport-other{background:#1F3B4D!important;border-color:#2C4851!important}
html[data-theme="dark"] .ev-charge-compact-head b,
html[data-theme="dark"] .ev-charge-switch-copy b,
html[data-theme="dark"] .ev-charge-after-label,
html[data-theme="dark"] .stop-transport-toggle-copy b{color:#DDF7F4!important}

/* ========================= TRIPLOOM V14.25.10 · COMPACT EV STOP CONTROLS =========================
   Scope: Add-stop EV charging + transport controls only. Layout polish; no feature logic changes.
   ================================================================================================= */
body[data-page="trip"] .stop-add-form .ev-stop-charge-section{
  padding:13px 14px!important;
  gap:10px!important;
  border-radius:18px!important;
  box-shadow:0 6px 18px rgba(38,96,103,.035)!important;
}
body[data-page="trip"] .ev-charge-compact-head{
  gap:9px!important;
  margin:0!important;
}
body[data-page="trip"] .ev-charge-bolt{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  border-radius:11px!important;
}
body[data-page="trip"] .ev-charge-bolt svg{width:15px!important;height:15px!important}
body[data-page="trip"] .ev-charge-compact-head b{font-size:12px!important}
body[data-page="trip"] .ev-charge-compact-head small{font-size:8px!important;margin-top:2px!important}
body[data-page="trip"] .ev-charge-switch{
  min-height:48px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:9px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
}
body[data-page="trip"] .ev-charge-switch-check{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
}
body[data-page="trip"] .ev-charge-switch-check svg{width:14px!important;height:14px!important}
body[data-page="trip"] .ev-charge-switch-copy b{font-size:10px!important}
body[data-page="trip"] .ev-charge-switch-copy small{font-size:8px!important;margin-top:1px!important}
body[data-page="trip"] .ev-charge-after-field{
  margin:0!important;
  padding:10px!important;
  border-radius:14px!important;
}
body[data-page="trip"] .ev-charge-input-shell input{min-height:40px!important}

/* On roomy screens, header + switch share one clean row. The charge percentage field still spans full width when enabled. */
@media(min-width:681px){
  body[data-page="trip"] .stop-add-form .ev-stop-charge-section{
    grid-template-columns:minmax(0,1fr) minmax(245px,.88fr)!important;
    align-items:center!important;
    column-gap:14px!important;
  }
  body[data-page="trip"] .ev-charge-after-field{grid-column:1 / -1!important}
}

/* Transport section: remove the nested-card feeling and tighten vertical rhythm. */
body[data-page="trip"] .stop-transport-section{
  padding:13px 14px!important;
  gap:10px!important;
  border-radius:20px!important;
}
body[data-page="trip"] .stop-transport-section .tripframe-section-head{
  align-items:center!important;
  gap:10px!important;
}
body[data-page="trip"] .stop-transport-section .tripframe-section-head>span{
  width:32px!important;
  height:32px!important;
  flex-basis:32px!important;
  border-radius:11px!important;
  font-size:14px!important;
}
body[data-page="trip"] .stop-transport-section .tripframe-section-head b{font-size:14px!important}
body[data-page="trip"] .stop-transport-section .tripframe-section-head small{font-size:9px!important;line-height:1.4!important}
body[data-page="trip"] .stop-transport-section .stop-transport-block{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  gap:0!important;
}
body[data-page="trip"] .stop-transport-toggle{
  min-height:52px!important;
  grid-template-columns:34px minmax(0,1fr) auto 16px!important;
  gap:9px!important;
  padding:7px 10px!important;
  border-radius:14px!important;
  box-shadow:0 4px 14px rgba(34,90,98,.035)!important;
}
body[data-page="trip"] .stop-transport-toggle-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
}
body[data-page="trip"] .stop-transport-toggle-icon svg{width:15px!important;height:15px!important}
body[data-page="trip"] .stop-transport-toggle-copy small{font-size:6.5px!important}
body[data-page="trip"] .stop-transport-toggle-copy b{font-size:10px!important;margin-top:2px!important}
body[data-page="trip"] .stop-transport-toggle>em{font-size:8px!important}
body[data-page="trip"] .stop-transport-options{
  margin-top:8px!important;
  padding:9px!important;
  border-radius:14px!important;
}

@media(max-width:680px){
  body[data-page="trip"] .stop-add-form .ev-stop-charge-section,
  body[data-page="trip"] .stop-transport-section{padding:12px!important}
  body[data-page="trip"] .stop-transport-toggle{
    grid-template-columns:32px minmax(0,1fr) 16px!important;
    min-height:50px!important;
  }
  body[data-page="trip"] .stop-transport-toggle-icon{width:32px!important;height:32px!important}
  body[data-page="trip"] .stop-transport-toggle>em{
    grid-column:2!important;
    margin-top:-3px!important;
    white-space:normal!important;
  }
  body[data-page="trip"] .stop-transport-toggle-chevron{grid-column:3!important;grid-row:1 / span 2!important}
}

/* ========================= TRIPLOOM V14.25.11 · SINGLE CHECKMARK ALIGNMENT FIX =========================
   Scope: EV charging toggle + stop transport selector only.
   Prevent duplicate/native-looking checks and keep the selected indicator optically centered.
   ====================================================================== */
body[data-page="trip"] .stop-transport-choice:has(input:checked)::after{
  content:none!important;
  display:none!important;
}
body[data-page="trip"] .stop-transport-choice input:checked + span::after{
  content:'✓'!important;
  position:absolute!important;
  right:-6px!important;
  top:-6px!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  background:#69D7D0!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 6px 16px rgba(105,215,208,.24)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  text-align:center!important;
  transform:none!important;
}
body[data-page="trip"] .ev-charge-switch::after,
body[data-page="trip"] .ev-charge-switch-check::after{
  content:none!important;
  display:none!important;
}
body[data-page="trip"] .ev-charge-switch-check{
  color:transparent!important;
  overflow:hidden!important;
}
body[data-page="trip"] .ev-charge-switch-check svg{
  position:static!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  opacity:0!important;
  transform:none!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.2!important;
  transition:opacity .14s ease!important;
}
body[data-page="trip"] .ev-charge-switch:has(input:checked) .ev-charge-switch-check{
  color:#fff!important;
}
body[data-page="trip"] .ev-charge-switch:has(input:checked) .ev-charge-switch-check svg{
  opacity:1!important;
}

/* ========================= TRIPLOOM V14.25.12 · EV VEHICLE REUSE / SWITCH ========================= */
body[data-page="trip"] .stop-ev-vehicle-panel{
  margin-top:12px!important;padding:14px!important;border:1px solid #D5E8E8!important;border-radius:17px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;box-shadow:0 8px 22px rgba(35,91,99,.045)!important;
}
body[data-page="trip"] .stop-ev-vehicle-panel.hidden{display:none!important}
body[data-page="trip"] .stop-ev-panel-head{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important}
body[data-page="trip"] .stop-ev-panel-head>span{width:36px!important;height:36px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#DDF7F4!important;border:1px solid #D0EAE6!important;color:#69D7D0!important;flex:0 0 auto!important}
body[data-page="trip"] .stop-ev-panel-head>span svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .stop-ev-panel-head>div{min-width:0!important}
body[data-page="trip"] .stop-ev-panel-head b{display:block!important;font-size:12px!important;line-height:1.25!important;color:#2C434C!important}
body[data-page="trip"] .stop-ev-panel-head small{display:block!important;margin-top:3px!important;font-size:8.5px!important;line-height:1.45!important;color:#84989E!important}
body[data-page="trip"] .stop-ev-use-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
body[data-page="trip"] .stop-ev-use-choice{position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:78px!important;padding:11px!important;border:1px solid #D9E8E9!important;border-radius:15px!important;background:#fff!important;cursor:pointer!important;transition:.16s ease!important}
body[data-page="trip"] .stop-ev-use-choice:hover{border-color:#BFDCD9!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(35,111,117,.06)!important}
body[data-page="trip"] .stop-ev-use-choice.active{border-color:#69D7D0!important;background:linear-gradient(180deg,#F7FFFD 0%,#EEFAF7 100%)!important;box-shadow:0 9px 20px rgba(47,183,173,.08)!important}
body[data-page="trip"] .stop-ev-use-choice.hidden{display:none!important}
body[data-page="trip"] .stop-ev-use-choice>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
body[data-page="trip"] .stop-ev-use-choice>span{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#EFF8F7!important;border:1px solid #D9E9E7!important;color:#4D7E7D!important}
body[data-page="trip"] .stop-ev-use-choice.active>span{background:linear-gradient(135deg,#3FBDB5,#8EDFF0)!important;border-color:transparent!important;color:#fff!important}
body[data-page="trip"] .stop-ev-use-choice>span svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .stop-ev-use-choice>div{min-width:0!important}
body[data-page="trip"] .stop-ev-use-choice small{display:block!important;font-size:6.5px!important;letter-spacing:.1em!important;color:#8A9BA0!important;line-height:1.2!important}
body[data-page="trip"] .stop-ev-use-choice b{display:block!important;margin-top:3px!important;font-size:10.5px!important;line-height:1.3!important;color:#29434C!important}
body[data-page="trip"] .stop-ev-use-choice em{display:block!important;margin-top:3px!important;font-size:7.5px!important;line-height:1.35!important;font-style:normal!important;color:#7C9298!important}
body[data-page="trip"] .stop-ev-new-profile{margin-top:11px!important;padding:12px!important;border-radius:15px!important;background:#F4FCFB!important;border:1px dashed #CFE3E3!important}
body[data-page="trip"] .stop-ev-new-profile.hidden{display:none!important}
body[data-page="trip"] .stop-ev-new-profile .form-grid{margin-bottom:9px!important}
body[data-page="trip"] .stop-ev-note{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;margin-top:8px!important;padding:9px 10px!important;border-radius:12px!important;background:#F0F8F8!important;border:1px solid #DCEBEB!important}
body[data-page="trip"] .stop-ev-note>span{width:28px!important;height:28px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#E2F6F3!important;color:#69D7D0!important}
body[data-page="trip"] .stop-ev-note>span svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .stop-ev-note p{margin:0!important;font-size:8px!important;line-height:1.5!important;color:#70868D!important}
body[data-page="trip"] #stop-edit-modal .modal-card{max-width:620px!important}
@media(max-width:620px){
  body[data-page="trip"] .stop-ev-use-grid{grid-template-columns:1fr!important}
  body[data-page="trip"] .stop-ev-vehicle-panel{padding:11px!important}
  body[data-page="trip"] .stop-ev-use-choice{min-height:68px!important}
}
html[data-theme="dark"] body[data-page="trip"] .stop-ev-vehicle-panel,
html[data-theme="dark"] body[data-page="trip"] .stop-ev-new-profile{background:#1F3B4D!important;border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .stop-ev-use-choice{background:#112832!important;border-color:#2A454E!important}
html[data-theme="dark"] body[data-page="trip"] .stop-ev-use-choice.active{background:#143336!important;border-color:#249D98!important}
html[data-theme="dark"] body[data-page="trip"] .stop-ev-use-choice b,
html[data-theme="dark"] body[data-page="trip"] .stop-ev-panel-head b{color:#DDF7F4!important}

/* ========================= TRIPLOOM V14.25.13 · GALLERY UI POLISH ========================= */
body[data-page="trip"] .gallery-toolbar-v27{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:18px 0 16px!important;
  padding:0!important;
}
body[data-page="trip"] .gallery-toolbar-primary-v27{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
body[data-page="trip"] .gallery-toolbar-primary-v27 .btn{
  min-height:46px!important;
  padding:0 16px!important;
  border-radius:15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:11px!important;
}
body[data-page="trip"] .gallery-toolbar-primary-v27 .btn svg{
  width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.85!important;
}
body[data-page="trip"] .gallery-filter-v27{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  padding:5px!important;
  border:1px solid #C6ECE8!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 8px 20px rgba(37,91,99,.045)!important;
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  scrollbar-width:none!important;
}
body[data-page="trip"] .gallery-filter-v27::-webkit-scrollbar{display:none!important}
body[data-page="trip"] .gallery-filter-v27 button{
  min-height:36px!important;
  padding:0 11px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#60777F!important;
  font-size:9px!important;
  font-weight:800!important;
  box-shadow:none!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
body[data-page="trip"] .gallery-filter-v27 button svg{width:13px!important;height:13px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
body[data-page="trip"] .gallery-filter-v27 button:hover{background:#F2F8F8!important;color:#69D7D0!important}
body[data-page="trip"] .gallery-filter-v27 button.active{
  background:linear-gradient(135deg,#69D7D0 0%,#69D7D0 100%)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 16px rgba(49,180,170,.18)!important;
}

body[data-page="trip"] .gallery-album-strip-v27{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 18px!important;
}
body[data-page="trip"] .gallery-album-card-v27{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:96px!important;
  border:1px solid #C6ECE8!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:0 10px 24px rgba(37,91,99,.045)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body[data-page="trip"] .gallery-album-card-v27:hover{
  transform:translateY(-2px)!important;
  border-color:#C9E3E3!important;
  box-shadow:0 16px 30px rgba(37,91,99,.085)!important;
}
body[data-page="trip"] .gallery-album-main-v27{
  width:100%!important;
  min-height:96px!important;
  padding:10px 86px 10px 10px!important;
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:12px!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
body[data-page="trip"] .gallery-album-cover-v27{
  width:70px!important;height:70px!important;border-radius:16px!important;overflow:hidden!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#DDF7F4,#EAF5FB)!important;
  border:1px solid #D7EAEA!important;
}
body[data-page="trip"] .gallery-album-cover-v27 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body[data-page="trip"] .gallery-album-empty-v27 svg{width:24px!important;height:24px!important;stroke:#69D7D0!important;fill:none!important}
body[data-page="trip"] .gallery-album-copy-v27{min-width:0!important}
body[data-page="trip"] .gallery-album-copy-v27 small{
  display:block!important;margin-bottom:3px!important;font-size:7px!important;font-weight:800!important;letter-spacing:.14em!important;color:#69D7D0!important;
}
body[data-page="trip"] .gallery-album-copy-v27 b{
  display:block!important;font-size:13px!important;line-height:1.25!important;color:#2A4049!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body[data-page="trip"] .gallery-album-copy-v27 span{
  display:block!important;margin-top:4px!important;font-size:9px!important;line-height:1.35!important;color:#7C9096!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body[data-page="trip"] .gallery-album-open-v27{display:grid!important;place-items:center!important;color:#91A4AA!important;font-style:normal!important}
body[data-page="trip"] .gallery-album-open-v27 svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important;transform:rotate(-90deg)!important}
body[data-page="trip"] .gallery-album-actions-v27{
  position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;
  display:flex!important;align-items:center!important;gap:6px!important;z-index:3!important;
}
body[data-page="trip"] .gallery-album-actions-v27 form{margin:0!important}
body[data-page="trip"] .gallery-album-actions-v27 .v14-album-story-link,
body[data-page="trip"] .gallery-album-actions-v27 .gallery-icon-btn-v27{
  width:34px!important;height:34px!important;border-radius:11px!important;display:grid!important;place-items:center!important;
  background:#F0F8F7!important;border:1px solid #D9E9E7!important;color:#69D7D0!important;
  box-shadow:none!important;padding:0!important;
}
body[data-page="trip"] .gallery-album-actions-v27 svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
body[data-page="trip"] .gallery-album-actions-v27 .danger{background:#FFF4F4!important;border-color:#F3DDDF!important;color:#E25563!important}

body[data-page="trip"] .gallery-photo-grid-v27{
  columns:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
body[data-page="trip"] .gallery-photo-card-v27{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border:1px solid #C6ECE8!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(37,91,99,.045)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body[data-page="trip"] .gallery-photo-card-v27:hover{
  transform:translateY(-2px)!important;
  border-color:#C8E2E2!important;
  box-shadow:0 16px 32px rgba(37,91,99,.085)!important;
}
body[data-page="trip"] .gallery-photo-card-v27.is-cover{box-shadow:0 0 0 1.5px #FFD15C inset,0 12px 26px rgba(37,91,99,.06)!important}
body[data-page="trip"] .gallery-photo-open-v27{
  width:100%!important;aspect-ratio:16/9!important;min-height:0!important;overflow:hidden!important;background:#EAF3F3!important;
}
body[data-page="trip"] .gallery-photo-open-v27 img{
  width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;display:block!important;
  transition:transform .28s ease!important;
}
body[data-page="trip"] .gallery-photo-card-v27:hover .gallery-photo-open-v27 img{transform:scale(1.025)!important}
body[data-page="trip"] .gallery-photo-zoom-v27{
  right:10px!important;bottom:10px!important;width:34px!important;height:34px!important;border-radius:12px!important;
  background:rgba(30,62,68,.72)!important;color:#fff!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
}
body[data-page="trip"] .gallery-photo-zoom-v27 svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .gallery-photo-badges-v27{left:10px!important;top:10px!important;gap:5px!important}
body[data-page="trip"] .gallery-photo-badges-v27 span{
  min-height:25px!important;padding:0 8px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 5px 14px rgba(35,66,75,.06)!important;font-size:8px!important;font-weight:800!important;color:#536A72!important;
  -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
}
body[data-page="trip"] .gallery-photo-badges-v27 .cover{background:#FFF5DD!important;color:#C96C38!important;border-color:#F2DDAE!important}
body[data-page="trip"] .gallery-photo-badges-v27 .favorite{width:27px!important;padding:0!important;background:#FFF1F3!important;color:#E25563!important;border-color:#F3DDE0!important}
body[data-page="trip"] .gallery-photo-badges-v27 .favorite svg{width:12px!important;height:12px!important;stroke:currentColor!important;fill:currentColor!important}
body[data-page="trip"] .gallery-photo-copy-v27{padding:13px 14px 9px!important;min-height:62px!important}
body[data-page="trip"] .gallery-photo-copy-v27 b{font-size:12px!important;line-height:1.35!important;color:#2C424B!important}
body[data-page="trip"] .gallery-photo-copy-v27 small{font-size:9px!important;line-height:1.35!important;color:#83969C!important;margin-top:4px!important}
body[data-page="trip"] .gallery-photo-actions-v27{
  display:flex!important;align-items:center!important;gap:6px!important;padding:8px 12px 12px!important;margin-top:auto!important;
  border-top:1px solid #EEF3F4!important;
}
body[data-page="trip"] .gallery-photo-actions-v27 form{margin:0!important}
body[data-page="trip"] .gallery-icon-btn-v27{
  width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;border:1px solid #DCE9E8!important;background:#F5FAF9!important;color:#537078!important;
  box-shadow:none!important;cursor:pointer!important;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important;
}
body[data-page="trip"] .gallery-icon-btn-v27 svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
body[data-page="trip"] .gallery-icon-btn-v27:hover{background:#DDF7F4!important;border-color:#CFE8E4!important;color:#69D7D0!important;transform:translateY(-1px)!important}
body[data-page="trip"] .gallery-icon-btn-v27.active{background:#FFF1F3!important;border-color:#F2DADF!important;color:#E25563!important}
body[data-page="trip"] .gallery-icon-btn-v27.active svg{fill:currentColor!important}
body[data-page="trip"] .gallery-icon-btn-v27.danger{margin-left:auto!important;background:#FFF4F4!important;border-color:#F2DFE1!important;color:#E25563!important}
body[data-page="trip"] .gallery-icon-btn-v27.danger:hover{background:#FFECEE!important;border-color:#EFCFD3!important;color:#B83B49!important}

@media(max-width:1100px){
  body[data-page="trip"] .gallery-toolbar-v27{align-items:flex-start!important;flex-direction:column!important}
  body[data-page="trip"] .gallery-filter-v27{width:100%!important;justify-content:flex-start!important}
  body[data-page="trip"] .gallery-photo-grid-v27{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body[data-page="trip"] .gallery-album-strip-v27{grid-template-columns:1fr!important}
  body[data-page="trip"] .gallery-toolbar-primary-v27{width:100%!important}
  body[data-page="trip"] .gallery-toolbar-primary-v27 .btn{flex:1 1 0!important}
}
@media(max-width:520px){
  body[data-page="trip"] .gallery-toolbar-v27{gap:12px!important;margin-top:14px!important}
  body[data-page="trip"] .gallery-toolbar-primary-v27{gap:8px!important}
  body[data-page="trip"] .gallery-toolbar-primary-v27 .btn{min-height:43px!important;padding:0 11px!important;font-size:10px!important}
  body[data-page="trip"] .gallery-filter-v27{border-radius:15px!important;padding:4px!important}
  body[data-page="trip"] .gallery-filter-v27 button{min-height:34px!important;padding:0 9px!important}
  body[data-page="trip"] .gallery-album-main-v27{padding-right:82px!important;grid-template-columns:58px minmax(0,1fr) 16px!important;gap:10px!important;min-height:82px!important}
  body[data-page="trip"] .gallery-album-cover-v27{width:58px!important;height:58px!important;border-radius:14px!important}
  body[data-page="trip"] .gallery-photo-grid-v27{grid-template-columns:1fr!important;gap:10px!important}
  body[data-page="trip"] .gallery-photo-card-v27{border-radius:17px!important}
  body[data-page="trip"] .gallery-photo-copy-v27{min-height:0!important}
}
html[data-theme="dark"] body[data-page="trip"] .gallery-filter-v27,
html[data-theme="dark"] body[data-page="trip"] .gallery-album-card-v27,
html[data-theme="dark"] body[data-page="trip"] .gallery-photo-card-v27{background:#1F3B4D!important;border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .gallery-album-copy-v27 b,
html[data-theme="dark"] body[data-page="trip"] .gallery-photo-copy-v27 b{color:#DDF7F4!important}
html[data-theme="dark"] body[data-page="trip"] .gallery-album-copy-v27 span,
html[data-theme="dark"] body[data-page="trip"] .gallery-photo-copy-v27 small{color:#9CB3B9!important}
html[data-theme="dark"] body[data-page="trip"] .gallery-photo-actions-v27{border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .gallery-icon-btn-v27{background:#132B34!important;border-color:#2B4851!important;color:#AAC0C5!important}


/* ========================= TRIPLOOM V14.25.14 · GALLERY HERO STATS + ACTIONS ========================= */
body[data-page="trip"] .trip-tab-hero-gallery{
  grid-template-columns:minmax(0,1fr) 360px!important;
  column-gap:30px!important;
}
body[data-page="trip"] .trip-tab-hero-gallery .trip-tab-hero-copy{max-width:980px!important}
body[data-page="trip"] .trip-tab-hero-gallery .trip-tab-hero-side{
  width:360px!important;
  min-width:360px!important;
  max-width:360px!important;
  height:auto!important;
  display:block!important;
  align-self:center!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-panel-v28{display:grid!important;gap:10px!important;width:100%!important}
body[data-page="trip"] .trip-tab-hero-gallery-metrics-v28{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28{
  min-width:0!important;
  min-height:76px!important;
  padding:13px 14px!important;
  border-radius:19px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28>i{
  width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.17)!important;color:#fff!important;font-style:normal!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28>i svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 div{min-width:0!important}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 b{display:block!important;font-size:27px!important;line-height:1!important;color:#fff!important;font-weight:800!important}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 small{display:block!important;margin-top:5px!important;font-size:9px!important;line-height:1.2!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:rgba(255,255,255,.82)!important;font-weight:800!important}
body[data-page="trip"] .trip-tab-hero-gallery-actions-v28{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28{
  min-width:0!important;width:100%!important;min-height:43px!important;height:43px!important;padding:0 13px!important;border-radius:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.30)!important;color:#fff!important;
  box-shadow:none!important;font-size:10px!important;font-weight:800!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-primary{background:#fff!important;border-color:#fff!important;color:#69D7D0!important}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28 svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.23)!important}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-primary:hover{background:#F5FFFD!important}
body[data-page="trip"] .gallery-toolbar-filter-only-v28{justify-content:flex-end!important;margin-top:0!important}
body[data-page="trip"] .gallery-toolbar-filter-only-v28 .gallery-filter-v27{margin-left:auto!important}
@media(max-width:1000px){
  body[data-page="trip"] .trip-tab-hero-gallery{grid-template-columns:minmax(0,1fr) 300px!important;column-gap:22px!important}
  body[data-page="trip"] .trip-tab-hero-gallery .trip-tab-hero-side{width:300px!important;min-width:300px!important;max-width:300px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28{min-height:68px!important;padding:11px 12px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 b{font-size:23px!important}
}
@media(max-width:700px){
  body[data-page="trip"] .trip-tab-hero-gallery{grid-template-columns:1fr!important}
  body[data-page="trip"] .trip-tab-hero-gallery .trip-tab-hero-side{width:100%!important;min-width:0!important;max-width:none!important}
  body[data-page="trip"] .trip-tab-hero-gallery-panel-v28{max-width:420px!important}
  body[data-page="trip"] .gallery-toolbar-filter-only-v28{align-items:stretch!important}
  body[data-page="trip"] .gallery-toolbar-filter-only-v28 .gallery-filter-v27{margin-left:0!important;width:100%!important}
}
@media(max-width:460px){
  body[data-page="trip"] .trip-tab-hero-gallery-metrics-v28{gap:8px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28{min-height:64px!important;padding:10px!important;gap:8px!important;border-radius:16px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28>i{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:11px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 b{font-size:21px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-actions-v28{gap:8px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-btn-v28{min-height:41px!important;height:41px!important;padding:0 9px!important;font-size:9px!important}
}
body[data-page="trip"] .trip-tab-hero-gallery-actions-v28:empty{display:none!important}
body[data-page="trip"] .trip-tab-hero-gallery-actions-v28 .trip-tab-hero-gallery-btn-v28:only-child{grid-column:1 / -1!important}


/* ========================= TRIPLOOM V14.25.15 · GALLERY ALIGN + ALBUM BUTTON + UPLOAD DISPLAY FIX ========================= */
body[data-page="trip"] .gallery-toolbar-filter-only-v28{
  justify-content:flex-start!important;
  margin-top:0!important;
}
body[data-page="trip"] .gallery-toolbar-filter-only-v28 .gallery-filter-v27{
  margin-left:0!important;
  margin-right:auto!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-album-white{
  background:#fff!important;
  border-color:#fff!important;
  color:#69D7D0!important;
  box-shadow:0 8px 18px rgba(20,96,103,.08)!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-album-white:hover{
  background:#F5FFFD!important;
  border-color:#fff!important;
  color:#249D98!important;
}
@media(max-width:700px){
  body[data-page="trip"] .gallery-toolbar-filter-only-v28 .gallery-filter-v27{margin-right:0!important}
}


/* ========================= TRIPLOOM V14.25.16 · GALLERY COMPRESSION + DAILY QUOTA ========================= */
body[data-page="trip"] .gallery-upload-quota-v30{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  padding:11px 13px!important;margin:0 0 2px!important;border-radius:14px!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#DDF7F4 100%)!important;border:1px solid #D5EAE6!important;
}
body[data-page="trip"] .gallery-upload-quota-v30 b{font-size:10px!important;color:#69D7D0!important;white-space:nowrap!important}
body[data-page="trip"] .gallery-upload-quota-v30 span{font-size:9px!important;line-height:1.4!important;color:#71878E!important;text-align:right!important}
@media(max-width:560px){body[data-page="trip"] .gallery-upload-quota-v30{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}body[data-page="trip"] .gallery-upload-quota-v30 span{text-align:left!important}}
html[data-theme="dark"] body[data-page="trip"] .gallery-upload-quota-v30{background:#132A31!important;border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .gallery-upload-quota-v30 span{color:#9EB5BA!important}


/* ========================= TRIPLOOM V14.25.17 · JOURNAL FUNCTIONAL POLISH ========================= */
body[data-page="trip"] .journal-policy-v31{display:flex!important;align-items:center!important;gap:11px!important;margin:0 0 16px!important;padding:12px 14px!important;border:1px solid #D9E9EA!important;border-radius:16px!important;background:linear-gradient(180deg,#FAFEFD,#F4FAF9)!important;color:#506971!important}
body[data-page="trip"] .journal-policy-v31>span{width:38px!important;height:38px!important;border-radius:12px!important;background:#DDF7F4!important;color:#69D7D0!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
body[data-page="trip"] .journal-policy-v31>span svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .journal-policy-v31 b,body[data-page="trip"] .journal-policy-v31 small{display:block!important}
body[data-page="trip"] .journal-policy-v31 b{font-size:11px!important;color:#314A53!important}
body[data-page="trip"] .journal-policy-v31 small{font-size:9px!important;margin-top:2px!important;color:#7A9097!important}
body[data-page="trip"] .journal-empty-v31 .empty-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .journal-modal-rule-v31{margin:-4px 0 12px!important;padding:9px 11px!important;border-radius:12px!important;background:#F2F9F8!important;border:1px solid #DDECEB!important;font-size:9px!important;line-height:1.5!important}
body[data-page="trip"] .journal-upload-v31>span svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .journal-upload-v31 small{display:block!important;margin-top:4px!important;color:#789096!important;font-size:9px!important}
@media(max-width:560px){body[data-page="trip"] .journal-policy-v31{align-items:flex-start!important;padding:11px!important}.journal-card-actions-v52{flex-direction:column!important}}
html[data-theme="dark"] body[data-page="trip"] .journal-policy-v31,html[data-theme="dark"] body[data-page="trip"] .journal-modal-rule-v31{background:#10252D!important;border-color:#1F3B4D!important}html[data-theme="dark"] body[data-page="trip"] .journal-policy-v31 b{color:#DDF7F4!important}html[data-theme="dark"] body[data-page="trip"] .journal-policy-v31 small{color:#A3B7BC!important}


/* ========================= TRIPLOOM V14.25.18 · JOURNAL HERO + CARD UI POLISH ========================= */
body[data-page="trip"] .trip-tab-hero-journal .trip-tab-hero-copy h2{
  white-space:normal!important;
  max-width:980px!important;
  line-height:1.04!important;
}
body[data-page="trip"] .trip-tab-hero-journal .trip-tab-hero-side{
  display:grid!important;
  justify-items:stretch!important;
  align-content:center!important;
  gap:10px!important;
}
body[data-page="trip"] .trip-tab-hero-journal .trip-tab-hero-score{
  width:160px!important;
  min-width:160px!important;
  max-width:160px!important;
}
body[data-page="trip"] .journal-hero-add-v32{
  width:160px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  background:#fff!important;
  color:#69D7D0!important;
  box-shadow:0 10px 22px rgba(13,88,98,.12)!important;
  font-weight:800!important;
  justify-content:center!important;
}
body[data-page="trip"] .journal-hero-add-v32 svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .journal-hero-add-v32:hover{background:#F5FFFD!important;transform:translateY(-1px)!important}
/* The normal policy banner is intentionally hidden; server-side validation displays a flash only when the daily limit is exceeded. */
body[data-page="trip"] .journal-policy-v31{display:none!important}
body[data-page="trip"] .journal-layout-v32{margin-top:2px!important}
body[data-page="trip"] .journal-section-head-v32{margin:0 0 14px!important;padding:0 2px!important}
body[data-page="trip"] .journal-section-head-v32 h2{font-size:26px!important;letter-spacing:-.035em!important;margin:3px 0 4px!important;color:#223A43!important}
body[data-page="trip"] .journal-section-head-v32 p{font-size:11px!important;margin:0!important;color:#71868E!important}
body[data-page="trip"] .journal-list-v32{gap:14px!important}
body[data-page="trip"] .journal-card-v32{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:start!important;
  padding:17px 18px!important;
  border:1px solid #C6ECE8!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:0 10px 28px rgba(31,83,94,.055)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  overflow:hidden!important;
}
body[data-page="trip"] .journal-card-v32:hover{transform:translateY(-1px)!important;border-color:#CDE4E5!important;box-shadow:0 16px 34px rgba(31,83,94,.085)!important}
body[data-page="trip"] .journal-date-v32{
  width:58px!important;height:64px!important;border-radius:18px!important;
  background:linear-gradient(145deg,#E1FAF5 0%,#DDF4FB 100%)!important;
  border:1px solid #CFEBE8!important;color:#249D98!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
body[data-page="trip"] .journal-date-v32 b{font-size:22px!important;color:#28444D!important}
body[data-page="trip"] .journal-date-v32 span{font-size:7px!important;color:#69D7D0!important;letter-spacing:.08em!important}
body[data-page="trip"] .journal-body-v32{min-width:0!important;padding-top:1px!important}
body[data-page="trip"] .journal-top-v32{align-items:flex-start!important;gap:14px!important}
body[data-page="trip"] .journal-top-v32 .eyebrow{font-size:9px!important;color:#249D98!important;letter-spacing:.15em!important}
body[data-page="trip"] .journal-top-v32 h3{font-size:16px!important;line-height:1.3!important;margin:4px 0 0!important;color:#253D46!important;letter-spacing:-.02em!important}
body[data-page="trip"] .journal-rating-v32{
  flex:0 0 auto!important;min-height:32px!important;padding:0 10px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:11px!important;border:1px solid #F0D89E!important;background:#FFF8E9!important;
  color:#8A6712!important;font-size:10px!important;font-weight:800!important;
}
body[data-page="trip"] .journal-place-v32{display:flex!important;align-items:center!important;gap:5px!important;margin:8px 0 0!important;color:#658087!important;font-size:9px!important}
body[data-page="trip"] .journal-place-v32 svg{width:13px!important;height:13px!important;stroke:#69D7D0!important;fill:none!important;flex:0 0 auto!important}
body[data-page="trip"] .journal-text-v32{margin:9px 0 0!important;font-size:10.5px!important;line-height:1.68!important;color:#5A7078!important;max-width:1050px!important}
body[data-page="trip"] .journal-images-v32{display:grid!important;grid-template-columns:repeat(3,minmax(0,124px))!important;gap:8px!important;margin-top:12px!important;overflow:visible!important}
body[data-page="trip"] .journal-images-v32 a{width:auto!important;height:auto!important;aspect-ratio:4/3!important;border-radius:13px!important;border:1px solid #DFEAEC!important;box-shadow:0 5px 14px rgba(30,79,88,.06)!important}
body[data-page="trip"] .journal-card-actions-v32{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;
  gap:6px!important;min-width:max-content!important;padding-top:0!important;
}
body[data-page="trip"] .journal-card-actions-v32 form{margin:0!important;display:block!important}
body[data-page="trip"] .journal-action-v32{
  width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;
  border-radius:11px!important;border:1px solid #C6ECE8!important;background:#fff!important;
  color:#54747C!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:3px!important;cursor:pointer!important;box-shadow:0 5px 12px rgba(34,82,91,.045)!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
body[data-page="trip"] .journal-action-v32 svg{width:15px!important;height:15px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
body[data-page="trip"] .journal-action-v32:hover{transform:translateY(-1px)!important;background:#F3FAF9!important;border-color:#CBE3E1!important;color:#69D7D0!important}
body[data-page="trip"] .journal-like-v52.journal-action-v32{width:auto!important;min-width:44px!important;padding:0 9px!important}
body[data-page="trip"] .journal-like-v52.journal-action-v32 span{font-size:9px!important}
body[data-page="trip"] .journal-like-v52.journal-action-v32.active{background:#FFF1F3!important;border-color:#F6D6DB!important;color:#E25563!important}
body[data-page="trip"] .journal-like-v52.journal-action-v32.active svg{fill:currentColor!important}
body[data-page="trip"] .journal-action-v32.danger{color:#D8656F!important;background:#FFF8F8!important;border-color:#F1DADD!important}
body[data-page="trip"] .journal-action-v32.danger:hover{background:#FFF0F2!important;border-color:#EDC9CE!important;color:#E25563!important}
@media(max-width:900px){
  body[data-page="trip"] .trip-tab-hero-journal .trip-tab-hero-side{width:160px!important;min-width:160px!important;max-width:160px!important;justify-items:stretch!important}
}
@media(max-width:700px){
  body[data-page="trip"] .trip-tab-hero-journal .trip-tab-hero-side{width:100%!important;min-width:0!important;max-width:none!important;justify-items:start!important}
  body[data-page="trip"] .journal-card-v32{grid-template-columns:50px minmax(0,1fr)!important;gap:12px!important;padding:14px!important}
  body[data-page="trip"] .journal-date-v32{width:50px!important;height:56px!important;border-radius:16px!important}
  body[data-page="trip"] .journal-date-v32 b{font-size:19px!important}
  body[data-page="trip"] .journal-card-actions-v32{grid-column:2!important;justify-content:flex-start!important;padding-top:4px!important}
  body[data-page="trip"] .journal-top-v32{flex-direction:column!important;gap:7px!important}
  body[data-page="trip"] .journal-rating-v32{min-height:28px!important;padding:0 8px!important}
}
@media(max-width:480px){
  body[data-page="trip"] .trip-tab-hero-journal .trip-tab-hero-copy h2{font-size:30px!important}
  body[data-page="trip"] .journal-section-head-v32 h2{font-size:22px!important}
  body[data-page="trip"] .journal-card-v32{grid-template-columns:44px minmax(0,1fr)!important;padding:12px!important;gap:10px!important;border-radius:18px!important}
  body[data-page="trip"] .journal-date-v32{width:44px!important;height:50px!important;border-radius:14px!important}
  body[data-page="trip"] .journal-date-v32 b{font-size:17px!important}
  body[data-page="trip"] .journal-top-v32 h3{font-size:14px!important}
  body[data-page="trip"] .journal-text-v32{font-size:10px!important}
  body[data-page="trip"] .journal-images-v32{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  body[data-page="trip"] .journal-action-v32{width:32px!important;height:32px!important;min-width:32px!important;border-radius:10px!important}
  body[data-page="trip"] .journal-like-v52.journal-action-v32{min-width:42px!important}
}
html[data-theme="dark"] body[data-page="trip"] .journal-card-v32{background:linear-gradient(180deg,#11252E,#0F222B)!important;border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .journal-date-v32{background:linear-gradient(145deg,#153B3C,#163543)!important;border-color:#275258!important}
html[data-theme="dark"] body[data-page="trip"] .journal-date-v32 b,html[data-theme="dark"] body[data-page="trip"] .journal-top-v32 h3,html[data-theme="dark"] body[data-page="trip"] .journal-section-head-v32 h2{color:#DDF7F4!important}
html[data-theme="dark"] body[data-page="trip"] .journal-text-v32,html[data-theme="dark"] body[data-page="trip"] .journal-place-v32{color:#A1B7BC!important}
html[data-theme="dark"] body[data-page="trip"] .journal-action-v32{background:#132A33!important;border-color:#2C4852!important;color:#A8C0C5!important}
/* Journal hero side needs extra vertical room for the new action button below the metric card. */
body[data-page="trip"] .trip-tab-hero-journal .trip-tab-hero-side{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}


/* ========================= TRIPLOOM V14.25.19 · INFO TAB UI POLISH ========================= */
body[data-page="trip"] .trip-info-layout-v33{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:18px!important;align-items:start!important}
body[data-page="trip"] .trip-info-main-v33,body[data-page="trip"] .trip-info-manage-v33{border:1px solid #C6ECE8!important;background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;box-shadow:0 16px 38px rgba(35,84,96,.07)!important}
body[data-page="trip"] .trip-info-main-v33{padding:24px!important;border-radius:26px!important}
body[data-page="trip"] .trip-info-heading-v33{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding-bottom:20px!important;border-bottom:1px solid #E4EFF1!important}
body[data-page="trip"] .trip-info-heading-icon-v33{width:52px!important;height:52px!important;border-radius:17px!important;background:linear-gradient(135deg,#E5F9F5,#EAF6FD)!important;color:#69D7D0!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px rgba(47,183,173,.10)!important}
body[data-page="trip"] .trip-info-heading-icon-v33 svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .trip-info-heading-v33 .eyebrow{color:#69D7D0!important;letter-spacing:.15em!important}
body[data-page="trip"] .trip-info-heading-v33 h2{margin:4px 0 3px!important;font-size:25px!important;color:#1F3B4D!important;letter-spacing:-.035em!important}
body[data-page="trip"] .trip-info-heading-v33 p{margin:0!important;font-size:10px!important;line-height:1.5!important;color:#71868E!important}
body[data-page="trip"] .trip-info-status-v33{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 11px!important;border-radius:999px!important;background:#DDF7F4!important;border:1px solid #D3ECE7!important;color:#69D7D0!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important}
body[data-page="trip"] .trip-info-grid-v33{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:18px!important}
body[data-page="trip"] .trip-info-grid-v33 article{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;min-height:76px!important;padding:13px!important;border:1px solid #C6ECE8!important;border-radius:17px!important;background:linear-gradient(180deg,#FCFEFF,#F4FCFB)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
body[data-page="trip"] .trip-info-grid-v33 article:hover{transform:translateY(-1px)!important;border-color:#CDE5E4!important;box-shadow:0 10px 22px rgba(38,104,113,.06)!important}
body[data-page="trip"] .trip-info-grid-v33 article>i{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#DDF7F4!important;color:#69D7D0!important;font-style:normal!important}
body[data-page="trip"] .trip-info-grid-v33 article>i svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
body[data-page="trip"] .trip-info-grid-v33 small{display:block!important;font-size:8px!important;font-weight:800!important;letter-spacing:.11em!important;color:#80939A!important;margin-bottom:3px!important}
body[data-page="trip"] .trip-info-grid-v33 b{display:block!important;font-size:13px!important;line-height:1.3!important;color:#1F3B4D!important;overflow-wrap:anywhere!important}
body[data-page="trip"] .trip-info-note-v33{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;margin-top:14px!important;padding:13px 15px!important;border-radius:17px!important;background:linear-gradient(135deg,#EEF9F6,#F3F9FD)!important;border:1px solid #D7ECE9!important}
body[data-page="trip"] .trip-info-note-v33>i{width:40px!important;height:40px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#DDF5EF!important;color:#69D7D0!important;font-style:normal!important}
body[data-page="trip"] .trip-info-note-v33 svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .trip-info-note-v33 b{font-size:10px!important;color:#304951!important}
body[data-page="trip"] .trip-info-note-v33 p{margin:3px 0 0!important;font-size:9px!important;line-height:1.55!important;color:#70858D!important}
body[data-page="trip"] .trip-info-share-v33{margin-top:18px!important;padding:18px!important;border-radius:20px!important;background:linear-gradient(180deg,#F4FCFB,#F4FAFB)!important;border:1px solid #C6ECE8!important}
body[data-page="trip"] .trip-info-section-head-v33{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;align-items:center!important}
body[data-page="trip"] .trip-info-section-head-v33>i{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#DDF7F4!important;color:#69D7D0!important;font-style:normal!important}
body[data-page="trip"] .trip-info-section-head-v33>i svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .trip-info-section-head-v33 .eyebrow{color:#69D7D0!important}
body[data-page="trip"] .trip-info-section-head-v33 h3{margin:2px 0 3px!important;font-size:17px!important;color:#1F3B4D!important}
body[data-page="trip"] .trip-info-section-head-v33 p{margin:0!important;font-size:9px!important;line-height:1.5!important;color:#72868E!important}
body[data-page="trip"] .trip-info-share-url-v33{display:flex!important;align-items:center!important;gap:8px!important;margin-top:14px!important}
body[data-page="trip"] .trip-info-share-url-v33>span{width:40px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:#fff!important;border:1px solid #C6ECE8!important;color:#69D7D0!important;flex:0 0 auto!important}
body[data-page="trip"] .trip-info-share-url-v33>span svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .trip-info-share-url-v33 input{height:42px!important;min-width:0!important;flex:1!important;border:1px solid #D6E7EA!important;border-radius:13px!important;background:#fff!important;padding:0 12px!important;font-size:9px!important;color:#5E747D!important}
body[data-page="trip"] .trip-info-share-url-v33 .btn{min-height:42px!important;height:42px!important;border-radius:13px!important;padding:0 13px!important;gap:6px!important;white-space:nowrap!important}
body[data-page="trip"] .trip-info-share-url-v33 .btn svg{width:15px!important;height:15px!important}
body[data-page="trip"] .trip-info-share-footer-v33{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:10px!important}
body[data-page="trip"] .trip-info-share-meta-v33{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
body[data-page="trip"] .trip-info-share-meta-v33 span{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:28px!important;padding:0 9px!important;border-radius:999px!important;background:#fff!important;border:1px solid #C6ECE8!important;color:#73868D!important;font-size:8px!important;font-weight:700!important}
body[data-page="trip"] .trip-info-share-meta-v33 svg{width:13px!important;height:13px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .trip-info-regenerate-v33{display:inline-flex!important;align-items:center!important;gap:6px!important;border:0!important;background:transparent!important;color:#69D7D0!important;font:inherit!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important;padding:7px 4px!important}
body[data-page="trip"] .trip-info-regenerate-v33 svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .trip-info-story-wrap-v33>.source-story-panel-v14{margin:14px 0 0!important;border:1px solid #C6ECE8!important;border-radius:20px!important;box-shadow:none!important;padding:17px!important;background:linear-gradient(135deg,#F2FCFA,#F3F9FE)!important}
body[data-page="trip"] .trip-info-side-v33{min-width:0!important}
body[data-page="trip"] .trip-info-manage-v33{padding:18px!important;border-radius:24px!important;position:sticky!important;top:150px!important}
body[data-page="trip"] .trip-info-manage-head-v33{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;padding-bottom:15px!important;border-bottom:1px solid #E4EFF1!important}
body[data-page="trip"] .trip-info-manage-head-v33>i{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#DDF7F4!important;color:#69D7D0!important;font-style:normal!important}
body[data-page="trip"] .trip-info-manage-head-v33 svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .trip-info-manage-head-v33 h3{margin:2px 0!important;font-size:17px!important;color:#1F3B4D!important}
body[data-page="trip"] .trip-info-manage-head-v33 p{margin:0!important;font-size:8px!important;line-height:1.45!important;color:#7B8E95!important}
body[data-page="trip"] .trip-info-manage-actions-v33{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:14px!important}
body[data-page="trip"] .trip-info-manage-actions-v33 form{margin:0!important}
body[data-page="trip"] .trip-info-manage-action-v33{display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:64px!important;padding:10px!important;border:1px solid #C6ECE8!important;border-radius:16px!important;background:linear-gradient(180deg,#FFFFFF,#F4FCFB)!important;color:inherit!important;text-decoration:none!important;text-align:left!important;font:inherit!important;cursor:pointer!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
body[data-page="trip"] .trip-info-manage-action-v33:hover{transform:translateY(-1px)!important;border-color:#CBE3E2!important;box-shadow:0 10px 20px rgba(36,99,108,.07)!important}
body[data-page="trip"] .trip-info-manage-action-v33>i{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#DDF7F4!important;color:#69D7D0!important;font-style:normal!important}
body[data-page="trip"] .trip-info-manage-action-v33>i svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] .trip-info-manage-action-v33 b,body[data-page="trip"] .trip-info-manage-action-v33 small{display:block!important}
body[data-page="trip"] .trip-info-manage-action-v33 b{font-size:10px!important;color:#304851!important}
body[data-page="trip"] .trip-info-manage-action-v33 small{margin-top:2px!important;font-size:8px!important;line-height:1.35!important;color:#81939A!important}
body[data-page="trip"] .trip-info-manage-action-v33 em{font-style:normal!important;color:#91A4AA!important;font-size:14px!important}
body[data-page="trip"] .trip-info-manage-action-v33.danger{border-color:#F0DCDD!important;background:linear-gradient(180deg,#FFF9F9,#FFF2F3)!important}
body[data-page="trip"] .trip-info-manage-action-v33.danger>i{background:#FCEAEC!important;color:#E25563!important}
body[data-page="trip"] .trip-info-manage-action-v33.danger b{color:#B83B49!important}
@media(max-width:1050px){body[data-page="trip"] .trip-info-layout-v33{grid-template-columns:minmax(0,1fr) 285px!important}body[data-page="trip"] .trip-info-grid-v33{grid-template-columns:1fr!important}}
@media(max-width:800px){body[data-page="trip"] .trip-info-layout-v33{grid-template-columns:1fr!important}body[data-page="trip"] .trip-info-side-v33{order:initial!important}body[data-page="trip"] .trip-info-manage-v33{position:static!important}body[data-page="trip"] .trip-info-manage-actions-v33{display:grid!important;grid-template-columns:1fr 1fr!important}body[data-page="trip"] .trip-info-manage-actions-v33 form{grid-column:1/-1!important}body[data-page="trip"] .trip-info-grid-v33{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){body[data-page="trip"] .trip-info-main-v33{padding:16px!important;border-radius:21px!important}body[data-page="trip"] .trip-info-heading-v33{grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important}body[data-page="trip"] .trip-info-heading-icon-v33{width:44px!important;height:44px!important;border-radius:14px!important}body[data-page="trip"] .trip-info-status-v33{grid-column:2!important;justify-self:start!important}body[data-page="trip"] .trip-info-heading-v33 h2{font-size:21px!important}body[data-page="trip"] .trip-info-grid-v33{grid-template-columns:1fr!important}body[data-page="trip"] .trip-info-share-url-v33{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important}body[data-page="trip"] .trip-info-share-url-v33 .btn{grid-column:1/-1!important;width:100%!important;justify-content:center!important}body[data-page="trip"] .trip-info-share-footer-v33{align-items:flex-start!important;flex-direction:column!important}body[data-page="trip"] .trip-info-manage-actions-v33{grid-template-columns:1fr!important}body[data-page="trip"] .trip-info-manage-actions-v33 form{grid-column:auto!important}}
html[data-theme="dark"] body[data-page="trip"] .trip-info-main-v33,html[data-theme="dark"] body[data-page="trip"] .trip-info-manage-v33{background:linear-gradient(180deg,#1F3B4D,#0D1F27)!important;border-color:#1F3B4D!important}html[data-theme="dark"] body[data-page="trip"] .trip-info-grid-v33 article,html[data-theme="dark"] body[data-page="trip"] .trip-info-share-v33,html[data-theme="dark"] body[data-page="trip"] .trip-info-manage-action-v33{background:#1F3B4D!important;border-color:#1F3B4D!important}html[data-theme="dark"] body[data-page="trip"] .trip-info-heading-v33 h2,html[data-theme="dark"] body[data-page="trip"] .trip-info-grid-v33 b,html[data-theme="dark"] body[data-page="trip"] .trip-info-section-head-v33 h3,html[data-theme="dark"] body[data-page="trip"] .trip-info-manage-head-v33 h3,html[data-theme="dark"] body[data-page="trip"] .trip-info-manage-action-v33 b{color:#DDF7F4!important}


/* ========================= TRIPLOOM V14.25.20 · TRIP FORM FIXED STYLE + COMPACT TRANSPORT ========================= */
body[data-page="trip_form"] .transport-choice-grid{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(72px,1fr))!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 8px!important;
  scrollbar-width:thin!important;
}
body[data-page="trip_form"] .transport-choice-grid .route-choice{
  min-width:0!important;
  min-height:78px!important;
  padding:9px 6px!important;
  border-radius:16px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:5px!important;
}
body[data-page="trip_form"] .transport-choice-grid .route-choice>span{width:34px!important;height:34px!important;border-radius:11px!important}
body[data-page="trip_form"] .transport-choice-grid .route-choice b{font-size:9.5px!important;line-height:1.15!important;white-space:nowrap!important}
body[data-page="trip_form"] .transport-choice-grid .route-choice:has(input:checked):after{right:6px!important;top:6px!important;width:18px!important;height:18px!important;font-size:8px!important}
body[data-page="trip_form"] .route-other-field{margin-top:8px!important}
body[data-page="trip_form"] .travel-style-fixed-v34{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  padding:14px 16px!important;
  border:1px solid #D6E9E7!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#F4FCFB 0%,#F7FBFD 100%)!important;
}
body[data-page="trip_form"] .travel-style-fixed-v34>i{width:48px!important;height:48px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:#E4F7F3!important;color:#69D7D0!important;font-style:normal!important}
body[data-page="trip_form"] .travel-style-fixed-v34>i svg{width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
body[data-page="trip_form"] .travel-style-fixed-v34 span,body[data-page="trip_form"] .travel-style-fixed-v34 b,body[data-page="trip_form"] .travel-style-fixed-v34 small{display:block!important}
body[data-page="trip_form"] .travel-style-fixed-v34 span{font-size:8px!important;font-weight:800!important;letter-spacing:.13em!important;color:#7B9097!important}
body[data-page="trip_form"] .travel-style-fixed-v34 b{margin-top:3px!important;font-size:14px!important;color:#1F3B4D!important}
body[data-page="trip_form"] .travel-style-fixed-v34 small{margin-top:2px!important;font-size:9px!important;color:#7D9097!important}
body[data-page="trip_form"] .travel-style-fixed-v34>em{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:30px!important;padding:0 10px!important;border-radius:999px!important;background:#DDF7F4!important;border:1px solid #D0EBE6!important;color:#69D7D0!important;font-size:8px!important;font-weight:800!important;font-style:normal!important;white-space:nowrap!important}
body[data-page="trip_form"] .travel-style-fixed-v34>em svg{width:13px!important;height:13px!important;stroke:currentColor!important;fill:none!important}
@media(max-width:860px){body[data-page="trip_form"] .transport-choice-grid{grid-template-columns:repeat(8,84px)!important;grid-auto-flow:row!important}}
@media(max-width:620px){body[data-page="trip_form"] .transport-choice-grid{grid-template-columns:repeat(8,82px)!important;gap:7px!important}body[data-page="trip_form"] .transport-choice-grid .route-choice{min-height:72px!important}body[data-page="trip_form"] .travel-style-fixed-v34{grid-template-columns:42px minmax(0,1fr)!important;padding:12px!important;gap:10px!important}body[data-page="trip_form"] .travel-style-fixed-v34>i{width:42px!important;height:42px!important;border-radius:13px!important}body[data-page="trip_form"] .travel-style-fixed-v34>em{grid-column:2!important;justify-self:start!important;margin-top:2px!important}}
html[data-theme="dark"] body[data-page="trip_form"] .travel-style-fixed-v34{background:linear-gradient(135deg,#112730,#10232C)!important;border-color:#29474E!important}html[data-theme="dark"] body[data-page="trip_form"] .travel-style-fixed-v34 b{color:#DDF7F4!important}

/* ========================= TRIPLOOM V14.25.21 · TRIP FORM UI POLISH ========================= */
body[data-page="trip_form"] .route-form-head{
  margin:6px 0 18px!important;
  padding:4px 2px 0!important;
}
body[data-page="trip_form"] .route-form-head>div{max-width:900px!important}
body[data-page="trip_form"] .route-form-head .back-link{
  display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:0 11px!important;
  margin-bottom:10px!important;border:1px solid #C6ECE8!important;border-radius:999px!important;
  background:#fff!important;color:#557179!important;font-size:9px!important;font-weight:800!important;
  box-shadow:0 5px 14px rgba(34,82,92,.04)!important;
}
body[data-page="trip_form"] .route-form-head .eyebrow{display:block!important;color:#69D7D0!important;letter-spacing:.16em!important;margin-bottom:5px!important}
body[data-page="trip_form"] .route-form-head h2{font-size:36px!important;line-height:1.08!important;margin:0 0 7px!important;color:#223740!important;letter-spacing:-.05em!important}
body[data-page="trip_form"] .route-form-head p{font-size:11px!important;line-height:1.6!important;color:#738890!important;max-width:760px!important}

body[data-page="trip_form"] .route-builder-form{
  grid-template-columns:minmax(0,1fr) 318px!important;
  gap:18px!important;
  align-items:start!important;
}
body[data-page="trip_form"] .route-builder-form .editor-main{gap:14px!important}
body[data-page="trip_form"] .route-builder-form .route-form-section,
body[data-page="trip_form"] .route-builder-form .route-form-settings-v35{
  position:relative!important;
  border:1px solid #C6ECE8!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;
  box-shadow:0 14px 34px rgba(34,83,94,.06)!important;
}
body[data-page="trip_form"] .route-builder-form .route-form-section{
  padding:20px 22px 22px!important;
  border-radius:24px!important;
  gap:13px!important;
  overflow:hidden!important;
}
body[data-page="trip_form"] .route-builder-form .route-form-section:before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:3px!important;
  background:linear-gradient(90deg,#69D7D0 0%,#8EDFF0 100%)!important;
}
body[data-page="trip_form"] .route-builder-form .route-form-section:nth-child(2):before{background:linear-gradient(90deg,#69D7D0 0%,#77C8E9 100%)!important}
body[data-page="trip_form"] .route-builder-form .route-form-section:nth-child(3):before{background:linear-gradient(90deg,#69D7D0 0%,#73C98A 100%)!important}
body[data-page="trip_form"] .route-builder-form .route-form-section:nth-child(4):before{background:linear-gradient(90deg,#69D7D0 0%,#7AC4E9 100%)!important}
body[data-page="trip_form"] .route-builder-form .route-form-section:nth-child(5):before{background:linear-gradient(90deg,#69D7D0 0%,#6CC987 100%)!important}
body[data-page="trip_form"] .form-section-title{
  display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;
  gap:12px!important;margin:0 0 3px!important;padding-bottom:14px!important;border-bottom:1px solid #E8F0F2!important;
}
body[data-page="trip_form"] .form-section-title>span{
  width:42px!important;height:42px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#E2F8F4 0%,#EAF7FC 100%)!important;
  border:1px solid #CFEAE6!important;color:#69D7D0!important;font-size:11px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body[data-page="trip_form"] .form-section-title h3{font-size:17px!important;line-height:1.2!important;color:#1F3B4D!important;letter-spacing:-.02em!important}
body[data-page="trip_form"] .form-section-title p{margin-top:3px!important;font-size:9px!important;line-height:1.45!important;color:#81939A!important}

body[data-page="trip_form"] .route-builder-form label{gap:7px!important;font-size:9.5px!important;color:#4D626A!important;font-weight:800!important}
body[data-page="trip_form"] .route-builder-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
body[data-page="trip_form"] .route-builder-form select,
body[data-page="trip_form"] .route-builder-form textarea{
  min-height:47px!important;border-radius:14px!important;border:1px solid #D6E6E9!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;color:#2F454E!important;
  font-size:10.5px!important;padding:11px 13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body[data-page="trip_form"] .route-builder-form textarea{min-height:108px!important;line-height:1.6!important}
body[data-page="trip_form"] .route-builder-form input:focus,
body[data-page="trip_form"] .route-builder-form select:focus,
body[data-page="trip_form"] .route-builder-form textarea:focus{
  border-color:#61C3BC!important;box-shadow:0 0 0 4px rgba(47,183,173,.09)!important;background:#fff!important;
}
body[data-page="trip_form"] .route-builder-form label small{font-size:8px!important;line-height:1.45!important;color:#8A9BA1!important}
body[data-page="trip_form"] .route-builder-form .form-grid{gap:10px!important}

body[data-page="trip_form"] .departure-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr)!important;
  gap:14px!important;align-items:stretch!important;
}
body[data-page="trip_form"] .departure-fields{gap:10px!important}
body[data-page="trip_form"] .departure-map-card{
  min-height:275px!important;border-radius:19px!important;border:1px solid #D7E8EA!important;
  background:#F4FCFB!important;box-shadow:0 8px 22px rgba(37,84,94,.05)!important;
}
body[data-page="trip_form"] .departure-map-head{padding:12px 14px!important;background:rgba(255,255,255,.96)!important;border-color:#E4EEF0!important}
body[data-page="trip_form"] .departure-map-head .eyebrow{font-size:7px!important;color:#69D7D0!important;letter-spacing:.14em!important}
body[data-page="trip_form"] .departure-map-head b{font-size:11px!important;color:#304750!important}
body[data-page="trip_form"] .departure-map-head a{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 9px!important;border-radius:9px!important;background:#DDF7F4!important;font-size:8px!important}
body[data-page="trip_form"] .departure-map-card iframe{min-height:220px!important}
body[data-page="trip_form"] .route-advanced{border-color:#DBEAEC!important;background:#F4FCFB!important;border-radius:13px!important}
body[data-page="trip_form"] .route-advanced summary{padding:10px 0!important;font-size:9px!important}

body[data-page="trip_form"] .transport-choice-grid{
  grid-template-columns:repeat(8,minmax(64px,1fr))!important;
  gap:7px!important;overflow-x:hidden!important;padding:1px!important;
}
body[data-page="trip_form"] .transport-choice-grid .route-choice{
  min-height:72px!important;padding:8px 5px!important;border-radius:15px!important;
  border:1px solid #D8E7E9!important;background:linear-gradient(180deg,#FFFFFF,#FAFDFD)!important;
  box-shadow:0 6px 16px rgba(37,82,91,.035)!important;
}
body[data-page="trip_form"] .transport-choice-grid .route-choice:hover{border-color:#A9DCD7!important;box-shadow:0 10px 20px rgba(47,183,173,.08)!important}
body[data-page="trip_form"] .transport-choice-grid .route-choice>span{width:32px!important;height:32px!important;border-radius:10px!important;background:#DDF7F4!important}
body[data-page="trip_form"] .transport-choice-grid .route-choice b{font-size:9px!important;color:#40565F!important}
body[data-page="trip_form"] .transport-choice-grid .route-choice:has(input:checked){
  background:linear-gradient(145deg,#E9FAF7 0%,#F0FAFD 100%)!important;border-color:#3FBDB5!important;
  box-shadow:0 9px 20px rgba(47,183,173,.10),inset 0 0 0 1px rgba(47,183,173,.08)!important;
}
body[data-page="trip_form"] .transport-choice-grid .route-choice:has(input:checked)>span{background:#3FBDB5!important;color:#fff!important}
body[data-page="trip_form"] .transport-choice-grid .route-choice:has(input:checked):after{right:5px!important;top:5px!important;width:17px!important;height:17px!important;font-size:8px!important}
body[data-page="trip_form"] .route-other-field{margin-top:4px!important}

body[data-page="trip_form"] .ev-trip-config{
  margin-top:3px!important;padding:17px!important;border:1px solid #D6E9E7!important;border-radius:20px!important;
  background:linear-gradient(145deg,#F4FCFB 0%,#F7FBFD 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body[data-page="trip_form"] .ev-trip-config-head{margin-bottom:13px!important;gap:11px!important}
body[data-page="trip_form"] .ev-trip-config-head>span{width:42px!important;height:42px!important;border-radius:13px!important;background:#E2F7F3!important;color:#69D7D0!important}
body[data-page="trip_form"] .ev-trip-config-head b{font-size:13px!important;color:#2B444C!important}
body[data-page="trip_form"] .ev-trip-config-head small{font-size:8px!important;line-height:1.45!important;color:#80939A!important}
body[data-page="trip_form"] .ev-battery-disclaimer{margin-top:11px!important;border-radius:15px!important;padding:11px 12px!important;background:#F4FCFB!important;border:1px solid #C6ECE8!important}
body[data-page="trip_form"] .ev-battery-disclaimer i{width:30px!important;height:30px!important;border-radius:10px!important;background:#E5F7F4!important;color:#69D7D0!important}
body[data-page="trip_form"] .ev-battery-disclaimer p{font-size:8.5px!important;line-height:1.55!important;color:#687F87!important}

body[data-page="trip_form"] .travel-style-fixed-v34{
  padding:13px 15px!important;border-radius:17px!important;box-shadow:0 7px 18px rgba(35,90,98,.035)!important;
}
body[data-page="trip_form"] .travel-style-fixed-v34>i{width:44px!important;height:44px!important;border-radius:14px!important}
body[data-page="trip_form"] .travel-style-fixed-v34 b{font-size:13px!important}

body[data-page="trip_form"] .route-cover-grid-v35{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr)!important;gap:12px!important;align-items:stretch!important}
body[data-page="trip_form"] .route-cover-grid-v35>label{min-width:0!important}
body[data-page="trip_form"] .route-cover-grid-v35 textarea{height:100%!important;min-height:142px!important}
body[data-page="trip_form"] .route-cover-upload-v35{
  min-height:142px!important;height:100%!important;gap:7px!important;border:1px dashed #A9D5D1!important;border-radius:17px!important;
  background:linear-gradient(145deg,#F4FCFB 0%,#F2F9FC 100%)!important;transition:.17s ease!important;
}
body[data-page="trip_form"] .route-cover-upload-v35:hover{border-color:#69D7D0!important;background:#F1FAF8!important;box-shadow:0 9px 20px rgba(47,183,173,.07)!important}
body[data-page="trip_form"] .route-cover-upload-v35 span{width:38px!important;height:38px!important;border-radius:12px!important;background:#E2F7F3!important;color:#69D7D0!important;font-size:19px!important}
body[data-page="trip_form"] .route-cover-upload-v35 b{font-size:10px!important;color:#36515A!important}
body[data-page="trip_form"] .route-cover-upload-v35 small{font-size:7.5px!important;color:#87999F!important;font-weight:600!important}

body[data-page="trip_form"] .route-form-settings-v35{
  position:sticky!important;top:98px!important;border-radius:24px!important;padding:18px!important;gap:11px!important;overflow:hidden!important;
}
body[data-page="trip_form"] .route-form-settings-v35:before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:3px!important;
  background:linear-gradient(90deg,#69D7D0 0%,#8EDFF0 100%)!important;
}
body[data-page="trip_form"] .route-settings-head-v35{
  display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;
  padding-bottom:13px!important;margin-bottom:1px!important;border-bottom:1px solid #E5EEF0!important;
}
body[data-page="trip_form"] .route-settings-head-v35>i{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#E4F7F3!important;color:#69D7D0!important;font-style:normal!important}
body[data-page="trip_form"] .route-settings-head-v35>i svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip_form"] .route-settings-head-v35 .eyebrow{display:block!important;font-size:7px!important;color:#69D7D0!important;letter-spacing:.14em!important}
body[data-page="trip_form"] .route-settings-head-v35 h3{margin:3px 0 2px!important;font-size:15px!important;color:#29414A!important;letter-spacing:-.02em!important}
body[data-page="trip_form"] .route-settings-head-v35 p{margin:0!important;font-size:7.5px!important;line-height:1.45!important;color:#83959B!important}
body[data-page="trip_form"] .route-form-settings-v35>label{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:7px!important}
body[data-page="trip_form"] .route-form-settings-v35>label select,
body[data-page="trip_form"] .route-form-settings-v35>label input{min-height:42px!important;height:42px!important;background:#fff!important;border-radius:12px!important}
body[data-page="trip_form"] .route-form-settings-v35>hr{margin:3px 0!important;border:0!important;border-top:1px solid #E5EEF0!important}
body[data-page="trip_form"] .route-form-settings-v35>hr + .eyebrow{margin:2px 0 -2px!important;color:#69D7D0!important;font-size:7px!important;letter-spacing:.14em!important}
body[data-page="trip_form"] .route-form-save-v35{
  min-height:50px!important;margin-top:2px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  background:linear-gradient(135deg,#3FBDB5 0%,#69D7D0 100%)!important;box-shadow:0 12px 25px rgba(47,183,173,.20)!important;
}
body[data-page="trip_form"] .route-form-save-v35 svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip_form"] .route-form-save-v35 span{font-size:10px!important;font-weight:800!important}

@media(max-width:1120px){
  body[data-page="trip_form"] .route-builder-form{grid-template-columns:minmax(0,1fr) 290px!important}
  body[data-page="trip_form"] .departure-grid{grid-template-columns:1fr!important}
  body[data-page="trip_form"] .departure-map-card{min-height:250px!important}
  body[data-page="trip_form"] .transport-choice-grid{grid-template-columns:repeat(8,78px)!important;overflow-x:auto!important;padding-bottom:6px!important}
}
@media(max-width:800px){
  body[data-page="trip_form"] .route-form-head h2{font-size:31px!important}
  body[data-page="trip_form"] .route-builder-form{grid-template-columns:1fr!important}
  body[data-page="trip_form"] .route-form-side-v35{order:initial!important}
  body[data-page="trip_form"] .route-form-settings-v35{position:static!important}
  body[data-page="trip_form"] .route-cover-grid-v35{grid-template-columns:1fr!important}
  body[data-page="trip_form"] .route-cover-grid-v35 textarea{min-height:120px!important}
  body[data-page="trip_form"] .route-cover-upload-v35{min-height:120px!important}
}
@media(max-width:560px){
  body[data-page="trip_form"] .route-form-head{margin-bottom:14px!important}
  body[data-page="trip_form"] .route-form-head h2{font-size:27px!important}
  body[data-page="trip_form"] .route-form-head p{font-size:9.5px!important}
  body[data-page="trip_form"] .route-builder-form .route-form-section{padding:16px!important;border-radius:20px!important}
  body[data-page="trip_form"] .form-section-title{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;padding-bottom:12px!important}
  body[data-page="trip_form"] .form-section-title>span{width:38px!important;height:38px!important;border-radius:12px!important}
  body[data-page="trip_form"] .form-section-title h3{font-size:15px!important}
  body[data-page="trip_form"] .departure-map-card{min-height:225px!important}
  body[data-page="trip_form"] .transport-choice-grid{grid-template-columns:repeat(8,76px)!important;gap:6px!important}
  body[data-page="trip_form"] .transport-choice-grid .route-choice{min-height:68px!important}
  body[data-page="trip_form"] .route-form-settings-v35{padding:16px!important;border-radius:20px!important}
}
html[data-theme="dark"] body[data-page="trip_form"] .route-builder-form .route-form-section,
html[data-theme="dark"] body[data-page="trip_form"] .route-form-settings-v35{background:linear-gradient(180deg,#1F3B4D,#0D1F27)!important;border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip_form"] .form-section-title{border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip_form"] .form-section-title h3,
html[data-theme="dark"] body[data-page="trip_form"] .route-form-head h2,
html[data-theme="dark"] body[data-page="trip_form"] .route-settings-head-v35 h3{color:#DDF7F4!important}
html[data-theme="dark"] body[data-page="trip_form"] .route-form-settings-v35>label,
html[data-theme="dark"] body[data-page="trip_form"] .transport-choice-grid .route-choice,
html[data-theme="dark"] body[data-page="trip_form"] .departure-map-card,
html[data-theme="dark"] body[data-page="trip_form"] .ev-trip-config{background:#1F3B4D!important;border-color:#1F3B4D!important}
body[data-page="trip_form"] .route-cover-upload-v35{flex-direction:column!important}

/* ========================= TRIPLOOM V14.25.22 · TRIP FORM SETTINGS SPACING + STICKY FIX ========================= */
body[data-page="trip_form"] .route-form-side-v35{
  min-width:0!important;
  align-self:stretch!important;
  position:relative!important;
}
body[data-page="trip_form"] .route-form-settings-v35{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  position:sticky!important;
  top:104px!important;
  max-height:calc(100vh - 122px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:#C8DEDF transparent!important;
  overscroll-behavior:contain!important;
  padding:19px!important;
}
body[data-page="trip_form"] .route-form-settings-v35::-webkit-scrollbar{width:6px!important}
body[data-page="trip_form"] .route-form-settings-v35::-webkit-scrollbar-track{background:transparent!important}
body[data-page="trip_form"] .route-form-settings-v35::-webkit-scrollbar-thumb{background:#C8DEDF!important;border-radius:99px!important}
body[data-page="trip_form"] .route-form-settings-v35::-webkit-scrollbar-thumb:hover{background:#AFCFD0!important}
body[data-page="trip_form"] .route-form-settings-v35>label{flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:7px!important}
body[data-page="trip_form"] .route-form-settings-v35>label:hover{border-color:transparent!important;background:transparent!important}
body[data-page="trip_form"] .route-form-settings-v35>label select,
body[data-page="trip_form"] .route-form-settings-v35>label input{
  min-height:44px!important;
  height:44px!important;
  margin:0!important;
  border-radius:13px!important;
  border-color:#D2E4E6!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
body[data-page="trip_form"] .route-form-settings-v35>hr{
  flex:0 0 auto!important;
  width:100%!important;
  margin:3px 0 0!important;
  border:0!important;
  border-top:1px solid #C6ECE8!important;
}
body[data-page="trip_form"] .route-form-settings-v35>hr + .eyebrow{
  flex:0 0 auto!important;
  display:block!important;
  margin:0 0 -3px!important;
  padding:1px 1px 0!important;
  line-height:1.3!important;
}
body[data-page="trip_form"] .route-settings-head-v35{
  flex:0 0 auto!important;
  margin-bottom:2px!important;
}
body[data-page="trip_form"] .route-form-save-v35{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:2!important;
  margin-top:2px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 12px 28px rgba(47,183,173,.22),0 -10px 20px rgba(251,254,254,.92)!important;
}
@media(max-width:1120px) and (min-width:801px){
  body[data-page="trip_form"] .route-form-settings-v35{top:98px!important;max-height:calc(100vh - 114px)!important;padding:17px!important;gap:10px!important}
  body[data-page="trip_form"] .route-form-settings-v35>label{padding:0!important}
}
@media(max-width:800px){
  body[data-page="trip_form"] .route-form-side-v35{align-self:auto!important}
  body[data-page="trip_form"] .route-form-settings-v35{
    position:static!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    scrollbar-width:auto!important;
    padding:17px!important;
    gap:11px!important;
  }
  body[data-page="trip_form"] .route-form-save-v35{position:static!important;bottom:auto!important;box-shadow:0 12px 25px rgba(47,183,173,.20)!important}
}
@media(max-width:560px){
  body[data-page="trip_form"] .route-form-settings-v35{padding:15px!important;gap:10px!important}
  body[data-page="trip_form"] .route-form-settings-v35>label{padding:0!important;border-radius:0!important}
}
html[data-theme="dark"] body[data-page="trip_form"] .route-form-settings-v35{scrollbar-color:#35545D transparent!important}
html[data-theme="dark"] body[data-page="trip_form"] .route-form-settings-v35>label{background:transparent!important;border-color:transparent!important}
html[data-theme="dark"] body[data-page="trip_form"] .route-form-settings-v35>label select,
html[data-theme="dark"] body[data-page="trip_form"] .route-form-settings-v35>label input{background:#1F3B4D!important;border-color:#1F3B4D!important}
html[data-theme="dark"] body[data-page="trip_form"] .route-form-save-v35{box-shadow:0 12px 28px rgba(47,183,173,.18)!important}

/* ========================= TRIPLOOM V14.25.23 · TRUE STICKY TRIP SETTINGS SIDEBAR =========================
   Fix: an earlier higher-specificity rule forced the settings card to position:relative.
   Keep the whole sidebar sticky on desktop/tablet; disable only on small mobile screens.
   ====================================================================== */
@media (min-width:701px){
  body[data-page="trip_form"] .route-builder-form .route-form-side-v35{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:104px!important;
    align-self:start!important;
    height:max-content!important;
    max-height:calc(100vh - 122px)!important;
    overflow:visible!important;
    z-index:5!important;
  }
  body[data-page="trip_form"] .route-builder-form .route-form-side-v35 .route-form-settings-v35{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-height:calc(100vh - 122px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
}
@media (min-width:701px) and (max-width:800px){
  body[data-page="trip_form"] .route-builder-form{
    grid-template-columns:minmax(0,1fr) 270px!important;
    gap:14px!important;
    align-items:start!important;
  }
  body[data-page="trip_form"] .route-form-side-v35{order:initial!important}
  body[data-page="trip_form"] .route-builder-form .route-form-side-v35{
    top:88px!important;
    max-height:calc(100vh - 102px)!important;
  }
  body[data-page="trip_form"] .route-builder-form .route-form-side-v35 .route-form-settings-v35{
    max-height:calc(100vh - 102px)!important;
    padding:15px!important;
    gap:9px!important;
  }
  body[data-page="trip_form"] .route-form-settings-v35>label{padding:0!important}
}
@media (max-width:700px){
  body[data-page="trip_form"] .route-builder-form{grid-template-columns:1fr!important}
  body[data-page="trip_form"] .route-builder-form .route-form-side-v35{
    position:static!important;
    top:auto!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    z-index:auto!important;
  }
  body[data-page="trip_form"] .route-builder-form .route-form-side-v35 .route-form-settings-v35{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* ========================= TRIPLOOM V14.26.0 · EXPERIENCE-FIRST COMMUNITY ========================= */
/* Dashboard · Dấu Ấn Lộ Trình */
.footprint-trips-v38{margin:28px 0 8px}.footprint-trips-v38 .section-head{margin-bottom:16px}.footprint-trip-grid-v38{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.footprint-trip-card-v38{overflow:hidden;border:1px solid #C6ECE8;border-radius:24px;background:linear-gradient(180deg,#fff 0%,#F4FCFB 100%);box-shadow:0 14px 34px rgba(36,85,96,.07)}.footprint-trip-cover-v38{position:relative;display:block;height:174px;overflow:hidden;background:linear-gradient(135deg,#DDF7F4,#DCEFFC);color:#69D7D0;text-decoration:none}.footprint-trip-cover-v38 img{width:100%;height:100%;object-fit:cover;display:block}.footprint-trip-cover-v38>span{width:100%;height:100%;display:grid;place-items:center}.footprint-trip-cover-v38>span svg{width:42px;height:42px;stroke:currentColor;fill:none}.footprint-trip-cover-v38 em{position:absolute;left:14px;bottom:14px;padding:7px 10px;border-radius:999px;font-size:10px;font-style:normal;font-weight:900;backdrop-filter:blur(10px);box-shadow:0 7px 18px rgba(27,72,80,.12)}.footprint-trip-cover-v38 em.completed,.footprint-trip-cover-v38 em.verified{background:rgba(233,249,245,.94);color:#249D98}.footprint-trip-cover-v38 em.ongoing{background:rgba(255,245,221,.95);color:#C96C38}.footprint-trip-body-v38{padding:18px}.footprint-trip-body-v38>span{font-size:10px;color:#6E858D;font-weight:800}.footprint-trip-body-v38 h3{margin:5px 0 12px;font-size:20px;line-height:1.15;color:#233941}.footprint-trip-body-v38>div:not(.footprint-trip-actions-v38){display:flex;gap:8px;flex-wrap:wrap}.footprint-trip-body-v38 small{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border:1px solid #C6ECE8;border-radius:10px;background:#F6FAFA;color:#6C8188;font-size:9px}.footprint-trip-body-v38 small b{font-size:11px;color:#263F48;margin-right:3px}.footprint-trip-actions-v38{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:9px!important;margin-top:15px}.footprint-trip-actions-v38 .btn{min-height:44px;border-radius:14px;font-size:10px;white-space:normal;text-align:center}.footprint-trip-actions-v38 svg{width:15px;height:15px}

/* Community feed */
.story-community-hero-v38{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:28px!important}.story-hero-actions-v38{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.story-hero-actions-v38 .btn{min-height:48px;border-radius:16px;gap:8px}.story-hero-actions-v38 svg{width:17px;height:17px;stroke:currentColor;fill:none}.story-kind-guide-v38{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.story-kind-guide-v38>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:13px 15px;border:1px solid #C6ECE8;border-radius:17px;background:linear-gradient(180deg,#fff,#F4FCFB)}.story-kind-guide-v38>div>i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#DDF7F4;color:#249D98;font-style:normal}.story-kind-guide-v38>div:nth-child(2)>i{background:#EDF5FD;color:#69D7D0}.story-kind-guide-v38 svg{width:19px;height:19px;stroke:currentColor;fill:none}.story-kind-guide-v38 b{display:block;color:#263D45;font-size:12px}.story-kind-guide-v38 small{display:block;color:#71868E;font-size:9px;line-height:1.45;margin-top:3px}.story-toolbar-v38 form>span svg{width:16px;height:16px;stroke:currentColor;fill:none}.story-community-rule-v38>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#DDF7F4;color:#69D7D0}.story-community-rule-v38>span svg{width:20px;height:20px;stroke:currentColor;fill:none}.story-flow-chip-v38{font-weight:900!important;letter-spacing:.03em}.story-flow-chip-v38.trip{background:#DDF7F4!important;color:#249D98!important;border-color:#CFE9E5!important}.story-flow-chip-v38.question{background:#EEF5FD!important;color:#249D98!important;border-color:#D9E8F4!important}.story-flow-note-v38{display:block!important;margin:7px 0 10px!important;font-size:10px!important;line-height:1.45!important;color:#748990!important}.story-source-v38{border:1px solid #C6ECE8!important;background:linear-gradient(180deg,#F4FCFB,#F6FAFA)!important}.story-trip-proof-v38{display:inline-flex!important;margin-top:7px!important;padding:5px 8px!important;border-radius:999px!important;background:#DDF7F4!important;color:#249D98!important;font-weight:800!important}

/* Composer hero + mode */
.story-compose-hero-v38{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:26px;margin:0 0 20px;padding:30px 32px;border-radius:28px;background:linear-gradient(125deg,#249D98 0%,#69D7D0 55%,#8EDFF0 100%);color:#fff;box-shadow:0 22px 52px rgba(28,126,129,.15)}.story-compose-hero-v38:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:-90px;top:-150px;background:rgba(255,255,255,.10)}.story-compose-hero-v38>div{position:relative;z-index:1}.story-compose-hero-v38 .back-link{display:inline-flex;margin-bottom:17px}.story-compose-hero-v38 .eyebrow{display:block;margin-bottom:5px}.story-compose-hero-v38 h2{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.04em;color:#fff}.story-compose-hero-v38 p{max-width:760px;margin:10px 0 0;color:rgba(255,255,255,.90);font-size:12px;line-height:1.6}.story-compose-mode-v38{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.story-compose-mode-v38 a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:10px;font-weight:900;backdrop-filter:blur(10px)}.story-compose-mode-v38 a.active{background:#fff;color:#249D98;border-color:#fff;box-shadow:0 10px 22px rgba(23,91,98,.13)}

/* Trip picker */
.story-pick-trip-v38{padding:24px!important;border-radius:24px!important}.story-pick-trip-v38 h2{margin:4px 0 7px}.story-pick-trip-grid-v38{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:18px}.story-pick-trip-grid-v38 a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #DAE9EB;border-radius:17px;background:#F4FCFB;color:inherit;text-decoration:none;transition:.17s ease}.story-pick-trip-grid-v38 a:hover{transform:translateY(-2px);border-color:#BFE1DE;box-shadow:0 12px 26px rgba(37,102,112,.08)}.story-pick-trip-grid-v38 a>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#DDF7F4;color:#69D7D0}.story-pick-trip-grid-v38 svg{width:20px;height:20px;stroke:currentColor;fill:none}.story-pick-trip-grid-v38 b{display:block;font-size:13px;color:#263D45}.story-pick-trip-grid-v38 small{display:block;margin-top:3px;font-size:9px;color:#74888F}.story-pick-trip-grid-v38 strong{font-size:10px;color:#249D98;white-space:nowrap}

/* Editor layout */
.story-editor-v38{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px}.story-editor-main-v38{min-width:0;display:flex;flex-direction:column;gap:16px}.story-editor-main-v38>.panel,.story-editor-side-v38>.panel{margin:0!important;border-radius:22px!important;border:1px solid #DAE9EB!important;box-shadow:0 12px 30px rgba(34,82,93,.055)!important}.story-editor-main-v38>.panel{padding:22px!important}.story-editor-main-v38 .eyebrow,.story-editor-side-v38 .eyebrow{color:#249D98}.story-editor-main-v38 label,.story-editor-side-v38 label{font-size:10px;font-weight:800;color:#536B73}.story-editor-main-v38 input,.story-editor-main-v38 select,.story-editor-main-v38 textarea,.story-editor-side-v38 input,.story-editor-side-v38 select,.story-editor-side-v38 textarea{margin-top:6px}.story-editor-side-v38{position:sticky;top:92px}.story-editor-side-v38>.panel{display:flex;flex-direction:column;gap:12px;padding:20px!important}.story-editor-side-v38>.panel h3{margin:0 0 2px;font-size:20px}.story-editor-side-v38 .btn{margin:0!important}.story-editor-side-v38 .switch-row{margin:0!important}

/* Immutable trip proof */
.story-proof-v38{overflow:hidden!important;background:linear-gradient(180deg,#F8FEFD,#F3FAFC)!important;border-color:#CFE8E4!important}.story-proof-head-v38{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px}.story-proof-head-v38>span{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#E4F7F3;color:#249D98}.story-proof-head-v38>span svg{width:22px;height:22px;stroke:currentColor;fill:none}.story-proof-head-v38 small{font-size:8px;letter-spacing:.14em;color:#249D98;font-weight:900}.story-proof-head-v38 h3{margin:3px 0 2px;font-size:20px;color:#263D45}.story-proof-head-v38 p{margin:0;font-size:10px;color:#71858D}.story-proof-head-v38 em{padding:7px 10px;border-radius:999px;font-style:normal;font-size:9px;font-weight:900}.story-proof-head-v38 em.completed,.story-proof-head-v38 em.verified{background:#E6F8F2;color:#249D98}.story-proof-head-v38 em.ongoing{background:#FFF3D9;color:#C96C38}.story-proof-stats-v38{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.story-proof-stats-v38>div{padding:12px;border:1px solid #C6ECE8;border-radius:14px;background:rgba(255,255,255,.76)}.story-proof-stats-v38 small{display:block;font-size:7px;color:#84969C;font-weight:900;letter-spacing:.1em}.story-proof-stats-v38 b{display:block;margin-top:5px;font-size:11px;color:#2A424A}.story-proof-verified-v38{margin-top:12px;padding:10px 12px;border-radius:13px;background:#DDF7F4;color:#249D98;font-size:9px;font-weight:800;line-height:1.5}

.story-question-source-v38 h3,.story-trip-select-v38 h3,.story-place-reviews-v38 h3{margin:4px 0 6px;color:#293F47}.story-question-source-v38 select{width:100%;margin-top:12px}.story-compose-content-v38>label{display:block;margin-top:13px}.story-compose-content-v38>label:first-of-type{margin-top:10px}

/* Select days/stops */
.story-day-checks-v38{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;margin-top:12px}.story-day-checks-v38 label{position:relative;flex:0 0 auto}.story-day-checks-v38 input,.story-stop-checks-v38 input,.story-member-tags-v38 input{position:absolute;opacity:0;pointer-events:none}.story-day-checks-v38 label>span{display:flex;flex-direction:column;min-width:92px;padding:10px 12px;border:1px solid #C6ECE8;border-radius:14px;background:#FAFDFD;cursor:pointer}.story-day-checks-v38 input:checked+span{border-color:#69D7D0;background:#EAF9F6;box-shadow:0 0 0 2px rgba(52,180,171,.08)}.story-day-checks-v38 b{font-size:11px;color:#2B4149}.story-day-checks-v38 small{font-size:8px;color:#7D9097;margin-top:2px}.story-stop-checks-v38{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.story-stop-checks-v38 label{position:relative}.story-stop-checks-v38 label>span{display:block;padding:11px 12px;border:1px solid #C6ECE8;border-radius:13px;background:#F4FCFB;cursor:pointer}.story-stop-checks-v38 input:checked+span{border-color:#62C2BA;background:#DDF7F4}.story-stop-checks-v38 b{display:block;font-size:10px;color:#354C54}.story-stop-checks-v38 small{display:block;margin-top:3px;font-size:8px;color:#7E9198;line-height:1.4}

/* Verified place review */
.story-place-review-grid-v38{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.story-place-review-grid-v38 article{overflow:hidden;border:1px solid #C6ECE8;border-radius:17px;background:#F4FCFB}.story-place-review-grid-v38 article>img{width:100%;height:116px;object-fit:cover;display:block}.story-place-review-grid-v38 article>div{padding:13px;display:flex;flex-direction:column;gap:7px}.story-place-review-grid-v38 article>div>span{font-size:8px;font-weight:900;color:#249D98}.story-place-review-grid-v38 article>div>b{font-size:13px;color:#293F47}.story-place-review-grid-v38 article>div>small{font-size:8px;color:#84959B}.story-place-review-grid-v38 label{display:block}.story-member-tags-v38{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.story-member-tags-v38 label{position:relative}.story-member-tags-v38 label>span{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid #C6ECE8;border-radius:999px;background:#F4FCFB;cursor:pointer}.story-member-tags-v38 input:checked+span{background:#DDF7F4;border-color:#69D7D0;color:#249D98}.story-member-tags-v38 svg{width:14px;height:14px;stroke:currentColor;fill:none}

/* Preview */
.story-preview-modal-v38{max-width:700px!important}.story-preview-card-v38{padding:20px;border:1px solid #C6ECE8;border-radius:20px;background:linear-gradient(180deg,#fff,#F4FCFB)}.story-preview-card-v38>span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#DDF7F4;color:#249D98;font-size:9px;font-weight:900}.story-preview-card-v38 h2{margin:12px 0 7px;color:#263E46}.story-preview-card-v38 p{white-space:pre-line;color:#627A83;line-height:1.65}.story-preview-card-v38>div{margin-top:14px;padding-top:12px;border-top:1px solid #C6ECE8}.story-preview-card-v38>div b,.story-preview-card-v38>div small{display:block}.story-preview-card-v38>div small{margin-top:3px;color:#7A8E95}

/* Trip story detail */
.story-trip-experience-v38{border-color:#D4EAE6!important}.story-experience-summary-v38{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-experience-summary-v38>div{padding:13px;border:1px solid #DFEBED;border-radius:15px;background:#FAFDFD}.story-experience-summary-v38 span{font-size:9px;font-weight:900;color:#249D98}.story-experience-summary-v38 p{margin:6px 0 0;font-size:10px;line-height:1.55;color:#657B83}.story-verified-place-list-v38{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.story-verified-place-list-v38 article{display:grid;grid-template-columns:86px minmax(0,1fr);overflow:hidden;border:1px solid #C6ECE8;border-radius:16px;background:#F4FCFB}.story-verified-place-list-v38 img{width:86px;height:100%;min-height:116px;object-fit:cover}.story-verified-place-list-v38 article>div{padding:11px}.story-verified-place-list-v38 span{display:block;font-size:11px;font-weight:900;color:#2A4149}.story-verified-place-list-v38 small{display:block;margin:3px 0 7px;font-size:8px;color:#249D98}.story-verified-place-list-v38 b{font-size:10px}.story-verified-place-list-v38 em{display:inline-flex;margin-left:6px;font-size:9px;color:#E25563;font-style:normal}.story-verified-place-list-v38 p{margin:7px 0 0;font-size:9px;line-height:1.5;color:#697E86}

/* Route suggestions */
.story-route-suggestions-v38{border-color:#C6ECE8!important}.story-route-suggest-form-v38{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px;border:1px solid #C6ECE8;border-radius:17px;background:#F4FCFB}.story-route-suggest-form-v38>label:last-of-type{grid-column:1/-1}.story-route-suggest-form-v38>.btn{grid-column:1/-1;justify-self:start}.story-route-suggestion-list-v38{display:flex;flex-direction:column;gap:9px;margin-top:14px}.story-route-suggestion-list-v38 article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #C6ECE8;border-radius:15px;background:#F4FCFB}.story-route-suggestion-list-v38 article>div>b{display:block;font-size:11px;color:#2E454D}.story-route-suggestion-list-v38 article>div>small{display:block;margin-top:3px;font-size:8px;color:#81939A}.story-route-suggestion-list-v38 article>div>p{margin:6px 0 0;font-size:9px;color:#637981}.story-route-suggestion-list-v38 form{display:flex;gap:6px}.story-route-suggestion-list-v38 .btn{min-height:36px;padding:0 10px;font-size:9px}.story-comments-disabled-v38{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:15px;border:1px solid #C6ECE8;border-radius:16px;background:#F4FCFB}.story-comments-disabled-v38>svg{width:42px;height:42px;padding:11px;border-radius:13px;background:#DDF7F4;color:#5D848B;stroke:currentColor;fill:none}.story-comments-disabled-v38 b{display:block;color:#344B53}.story-comments-disabled-v38 p{margin:3px 0 0;color:#788B92;font-size:9px}

@media(max-width:1100px){.story-editor-v38{grid-template-columns:minmax(0,1fr) 285px}.story-proof-stats-v38{grid-template-columns:repeat(2,minmax(0,1fr))}.footprint-trip-grid-v38{grid-template-columns:1fr}.story-pick-trip-grid-v38{grid-template-columns:1fr}}
@media(max-width:900px){.story-editor-v38{grid-template-columns:1fr}.story-editor-side-v38{position:static}.story-community-hero-v38,.story-compose-hero-v38{grid-template-columns:1fr!important}.story-hero-actions-v38,.story-compose-mode-v38{justify-content:flex-start}.story-kind-guide-v38{grid-template-columns:1fr}.story-stop-checks-v38,.story-place-review-grid-v38,.story-experience-summary-v38,.story-verified-place-list-v38{grid-template-columns:1fr}}
@media(max-width:620px){.story-compose-hero-v38{padding:24px 18px;border-radius:22px}.story-compose-hero-v38 h2{font-size:31px}.story-compose-mode-v38{display:grid;grid-template-columns:1fr 1fr;width:100%}.story-compose-mode-v38 a{justify-content:center;text-align:center;padding:0 9px;font-size:9px}.story-editor-main-v38>.panel{padding:17px!important}.story-proof-head-v38{grid-template-columns:44px minmax(0,1fr)}.story-proof-head-v38>span{width:44px;height:44px}.story-proof-head-v38 em{grid-column:2;justify-self:start}.story-proof-stats-v38{grid-template-columns:1fr 1fr}.story-route-suggest-form-v38{grid-template-columns:1fr}.story-route-suggest-form-v38>label:last-of-type,.story-route-suggest-form-v38>.btn{grid-column:1}.story-route-suggestion-list-v38 article{grid-template-columns:1fr}.story-route-suggestion-list-v38 form{justify-content:flex-start}.footprint-trip-actions-v38{grid-template-columns:1fr}.footprint-trip-cover-v38{height:150px}.story-pick-trip-grid-v38 a{grid-template-columns:42px minmax(0,1fr)}.story-pick-trip-grid-v38 a>strong{grid-column:2;white-space:normal}.story-kind-guide-v38>div{grid-template-columns:38px minmax(0,1fr);padding:11px}.story-kind-guide-v38>div>i{width:38px;height:38px}}
html[data-theme="dark"] .footprint-trip-card-v38,html[data-theme="dark"] .story-kind-guide-v38>div,html[data-theme="dark"] .story-editor-main-v38>.panel,html[data-theme="dark"] .story-editor-side-v38>.panel,html[data-theme="dark"] .story-pick-trip-grid-v38 a,html[data-theme="dark"] .story-stop-checks-v38 label>span,html[data-theme="dark"] .story-place-review-grid-v38 article,html[data-theme="dark"] .story-route-suggestion-list-v38 article{background:#1F3B4D!important;border-color:#1F3B4D!important;color:#DDF7F4!important}


/* ========================= TRIPLOOM V14.26.2 · HERO ACTION DOCK STORY FLOW =========================
   Exact order: Start | Edit/Print | Replay/Delete | conditional Journey Story.
   The dock grows only when the conditional story action exists. */
body[data-page="trip"] .trip-premium-hero .trip-action-dock{
  height:auto!important;
  min-height:0!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-rows:44px!important;
  align-content:start!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary{
  grid-column:1 / -1!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-delete-form.trip-action-delete-inline{
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-delete-form.trip-action-delete-inline .trip-action-delete-neutral{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,252,252,.92))!important;
  border:1px solid rgba(255,255,255,.94)!important;
  color:#69D7D0!important;
  box-shadow:0 5px 12px rgba(24,82,91,.055)!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-delete-form.trip-action-delete-inline .trip-action-delete-neutral span{
  color:#69D7D0!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-delete-form.trip-action-delete-inline .trip-action-delete-neutral svg{
  color:#69D7D0!important;
  stroke:#69D7D0!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-story{
  grid-column:1 / -1!important;
  width:100%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(244,252,251,.94))!important;
  border:1px solid rgba(255,255,255,.96)!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-span-two{
  grid-column:1 / -1!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-dock.no-story-action{
  /* no phantom row: grid height is derived only from rendered children */
  padding-bottom:12px!important;
}
@media(max-width:700px){
  body[data-page="trip"] .trip-premium-hero .trip-action-dock{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-auto-rows:44px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-delete-form.trip-action-delete-inline{grid-column:auto!important}
  body[data-page="trip"] .trip-premium-hero .trip-action-story,
  body[data-page="trip"] .trip-premium-hero .trip-action-span-two{grid-column:1 / -1!important}
}
@media(max-width:460px){
  body[data-page="trip"] .trip-premium-hero .trip-action-dock{grid-template-columns:1fr!important}
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>*{grid-column:1!important}
}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .trip-action-delete-form.trip-action-delete-inline .trip-action-delete-neutral,
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .trip-action-story{
  background:linear-gradient(180deg,#17323B,#132B34)!important;
  border-color:#1F3B4D!important;
  color:#8DE1D9!important;
}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .trip-action-delete-form.trip-action-delete-inline .trip-action-delete-neutral span,
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .trip-action-delete-form.trip-action-delete-inline .trip-action-delete-neutral svg{
  color:#8DE1D9!important;stroke:#8DE1D9!important;
}

/* ========================= TRIPLOOM V14.26.3 · DESKTOP START CTA CONTENT GLIDE =========================
   Desktop only: glide the icon + label inside the START button without moving the button itself. */
@media (hover:hover) and (pointer:fine) and (min-width:1181px){
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary{
    overflow:hidden!important;
    transform:none!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>svg,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>span{
    transform:translateX(0)!important;
    transition:transform .42s cubic-bezier(.22,.61,.36,1)!important;
    will-change:transform;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:hover{
    transform:none!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:hover>svg,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:hover>span,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:focus-visible>svg,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:focus-visible>span{
    transform:translateX(16px)!important;
  }
  @media (prefers-reduced-motion:reduce){
    body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>svg,
    body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>span{
      transition:none!important;
      transform:none!important;
    }
  }
}


/* ========================= TRIPLOOM V14.26.4 · START CTA LEFT GLIDE + OVERVIEW ACTION CLEANUP =========================
   Desktop: START content begins at the left side and glides 16px right on hover. */
@media (hover:hover) and (pointer:fine) and (min-width:1181px){
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary{
    justify-content:flex-start!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>svg,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>span{
    transform:translateX(0)!important;
    transition:transform .42s cubic-bezier(.22,.61,.36,1)!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:hover>svg,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:hover>span,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:focus-visible>svg,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:focus-visible>span{
    transform:translateX(16px)!important;
  }
}
body[data-page="trip"] .route-overview-title-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
body[data-page="trip"] .route-overview-title-actions>.btn{
  min-width:154px!important;
}
@media(max-width:620px){
  body[data-page="trip"] .route-overview-title-actions{width:100%!important}
  body[data-page="trip"] .route-overview-title-actions>.btn{width:100%!important;min-width:0!important}
}
@media (prefers-reduced-motion:reduce){
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>svg,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>span{
    transition:none!important;
    transform:none!important;
  }
}


/* ========================= TRIPLOOM V14.26.5 · START CTA EDGE-TO-EDGE CONTENT GLIDE =========================
   Desktop pointer devices: the icon + label glide from the left inner edge to the right inner edge. */
body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>.trip-action-primary-content{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  white-space:nowrap!important;
}
@media (hover:hover) and (pointer:fine) and (min-width:1181px){
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary{
    position:relative!important;
    overflow:hidden!important;
    justify-content:flex-start!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>.trip-action-primary-content{
    position:absolute!important;
    left:15px!important;
    top:50%!important;
    transform:translate(0,-50%)!important;
    transition:left .56s cubic-bezier(.22,.61,.36,1),transform .56s cubic-bezier(.22,.61,.36,1)!important;
    will-change:left,transform!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>.trip-action-primary-content>svg,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>.trip-action-primary-content>span{
    transform:none!important;
    transition:none!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:hover,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:focus-visible{
    transform:none!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:hover>.trip-action-primary-content,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:focus-visible>.trip-action-primary-content{
    left:calc(100% - 15px)!important;
    transform:translate(-100%,-50%)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary>.trip-action-primary-content{
    transition:none!important;
  }
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:hover>.trip-action-primary-content,
  body[data-page="trip"] .trip-premium-hero .trip-action-dock>.trip-action-primary:focus-visible>.trip-action-primary-content{
    left:15px!important;
    transform:translate(0,-50%)!important;
  }
}


/* ========================= TRIPLOOM V14.26.7 · ALWAYS-VISIBLE STORY ACTION + COMPLETED SHINE ========================= */
body[data-page="trip"] .trip-premium-hero .trip-action-story{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-story-gated{
  cursor:pointer!important;
  opacity:.96!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-story-gated:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(26,92,101,.10)!important;
}
/* Completed trip: premium 3D depth + soft travelling highlight. */
body[data-page="trip"] .trip-premium-hero .trip-action-story-completed{
  background:linear-gradient(180deg,#FFFFFF 0%,#EAFBF8 100%)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 7px 0 rgba(20,122,117,.13),0 13px 24px rgba(20,96,103,.15),inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:translateY(-1px)!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-story-completed::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:-35%!important;
  bottom:-35%!important;
  left:-46%!important;
  width:34%!important;
  transform:skewX(-20deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent)!important;
  filter:blur(.2px)!important;
  animation:trip-story-completed-shine 3.2s cubic-bezier(.4,0,.2,1) infinite!important;
  pointer-events:none!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-story-completed>svg,
body[data-page="trip"] .trip-premium-hero .trip-action-story-completed>span{
  position:relative!important;
  z-index:1!important;
}
body[data-page="trip"] .trip-premium-hero .trip-action-story-completed:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 0 rgba(20,122,117,.14),0 17px 30px rgba(20,96,103,.18),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
@keyframes trip-story-completed-shine{
  0%,28%{left:-46%;opacity:0}
  36%{opacity:.78}
  63%{left:118%;opacity:.72}
  72%,100%{left:118%;opacity:0}
}
.trip-story-gate-card{
  text-align:center!important;
  padding:28px!important;
  border-radius:24px!important;
}
.trip-story-gate-icon{
  width:58px!important;height:58px!important;margin:0 auto 14px!important;border-radius:18px!important;
  display:grid!important;place-items:center!important;background:linear-gradient(145deg,#E8F9F6,#EDF7FD)!important;color:#69D7D0!important;
  box-shadow:0 10px 24px rgba(35,141,137,.10)!important;
}
.trip-story-gate-icon svg{width:24px!important;height:24px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.trip-story-gate-card .eyebrow{display:block!important;color:#69D7D0!important;letter-spacing:.14em!important}
.trip-story-gate-card h2{margin:6px 0 10px!important;color:#263E46!important;font-size:22px!important}
.trip-story-gate-card p{margin:0 auto!important;max-width:420px!important;color:#667D85!important;font-size:11px!important;line-height:1.65!important}
.trip-story-gate-card p b{color:#69D7D0!important}
.trip-story-gate-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:20px!important}
.trip-story-gate-actions .btn{justify-content:center!important;min-height:44px!important}
@media(max-width:520px){
  .trip-story-gate-card{padding:24px 18px!important}
  .trip-story-gate-actions{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="trip"] .trip-premium-hero .trip-action-story-completed::after{animation:none!important;display:none!important}
}
html[data-theme="dark"] body[data-page="trip"] .trip-premium-hero .trip-action-story-completed{
  background:linear-gradient(180deg,#1A3941,#153038)!important;
  border-color:#37606A!important;
  box-shadow:0 7px 0 rgba(0,0,0,.22),0 13px 24px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] .trip-story-gate-icon{background:#15363B!important;color:#80D9D1!important}
html[data-theme="dark"] .trip-story-gate-card h2{color:#DDF7F4!important}
html[data-theme="dark"] .trip-story-gate-card p{color:#A4B9BE!important}

/* ========================= TRIPLOOM V14.26.8 · SHARED TRAVEL MODAL DESIGN SYSTEM ========================= */
:root{
  --tl-modal-accent:#3FBDB5;
  --tl-modal-accent-2:#69D7D0;
  --tl-modal-ink:#203741;
  --tl-modal-muted:#748991;
  --tl-modal-line:#D6E7EA;
  --tl-modal-soft:#F4FCFB;
  --tl-modal-radius:30px;
  --tl-control-radius:16px;
  --tl-control-h:56px;
  --tl-modal-shadow:0 28px 70px rgba(22,70,79,.22);
}
.triploom-ds-modal{
  padding:22px!important;
  background:rgba(16,47,55,.46)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.triploom-ds-modal .triploom-ds-modal-card{
  width:min(880px,calc(100vw - 44px))!important;
  max-width:880px!important;
  max-height:min(94vh,1040px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding:30px 30px 0!important;
  border:1px solid rgba(197,224,228,.95)!important;
  border-radius:var(--tl-modal-radius)!important;
  background:
    radial-gradient(circle at 78% 7%,rgba(90,199,218,.11),transparent 24%),
    radial-gradient(circle at 66% 2%,rgba(47,183,173,.08),transparent 19%),
    linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 72%,#F4FCFB 100%)!important;
  box-shadow:var(--tl-modal-shadow)!important;
  color:var(--tl-modal-ink)!important;
  position:relative!important;
}
.triploom-ds-modal .triploom-ds-modal-card::before{
  content:"";position:absolute;right:86px;top:54px;width:132px;height:48px;pointer-events:none;opacity:.42;
  background:
    radial-gradient(ellipse at 18% 72%,transparent 52%,#69D7D0 54% 57%,transparent 59%) 0 0/44px 24px no-repeat,
    radial-gradient(ellipse at 58% 38%,transparent 52%,#69D7D0 54% 57%,transparent 59%) 48px 8px/44px 24px no-repeat;
}
.triploom-ds-modal .triploom-ds-modal-card>.eyebrow,
.triploom-ds-modal .triploom-ds-modal-card>div[class*="modal-head"] .eyebrow{
  display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 11px!important;
  border-radius:999px!important;border:1px solid #C6ECE8!important;background:#ECF9F7!important;
  color:#249D98!important;font-size:10px!important;font-weight:800!important;letter-spacing:.13em!important;
  margin:0 0 8px!important;
}
.triploom-ds-modal .triploom-ds-modal-card>h2,
.triploom-ds-modal .triploom-ds-modal-card>h3,
.triploom-ds-modal .triploom-ds-modal-card>div[class*="modal-head"] h2{
  margin:0!important;color:var(--tl-modal-ink)!important;font-size:clamp(27px,3vw,38px)!important;line-height:1.08!important;
  letter-spacing:-.035em!important;font-weight:800!important;
}
.triploom-ds-modal .triploom-ds-modal-card>p.muted,
.triploom-ds-modal .triploom-ds-modal-card>div[class*="modal-head"] p{
  margin:8px 0 22px!important;color:var(--tl-modal-muted)!important;font-size:13px!important;line-height:1.55!important;
}
.triploom-ds-modal .modal-close{
  position:sticky!important;float:right!important;top:0!important;margin:-8px -8px 0 12px!important;z-index:30!important;
  width:46px!important;height:46px!important;border-radius:50%!important;border:1px solid #C6ECE8!important;
  background:rgba(255,255,255,.96)!important;color:#173945!important;font-size:25px!important;font-weight:500!important;
  display:grid!important;place-items:center!important;box-shadow:0 10px 26px rgba(26,72,82,.13)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.triploom-ds-modal .modal-close:hover{transform:translateY(-2px) rotate(2deg)!important;border-color:#BFDDE1!important;box-shadow:0 16px 34px rgba(26,72,82,.18)!important}
.triploom-ds-form{gap:16px!important;margin-top:18px!important}
.triploom-ds-form>label,.triploom-ds-form .form-grid>label{gap:7px!important;color:#304C56!important;font-size:12px!important;font-weight:750!important}
.triploom-ds-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.triploom-ds-form select,
.triploom-ds-form textarea{
  width:100%!important;min-height:var(--tl-control-h)!important;padding:0 16px!important;
  border:1px solid #CFE2E6!important;border-radius:var(--tl-control-radius)!important;background:#fff!important;
  color:#29424B!important;font:600 14px/1.35 Nunito,sans-serif!important;outline:none!important;
  box-shadow:inset 0 2px 6px rgba(25,74,84,.055),0 7px 16px rgba(36,95,105,.035)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.triploom-ds-form textarea{min-height:104px!important;padding:14px 16px!important;resize:vertical!important}
.triploom-ds-form input::placeholder,.triploom-ds-form textarea::placeholder{color:#98AAB0!important;font-weight:500!important}
.triploom-ds-form input:focus,.triploom-ds-form select:focus,.triploom-ds-form textarea:focus{
  border-color:#69D7D0!important;background:#FEFFFF!important;
  box-shadow:inset 0 2px 5px rgba(25,74,84,.045),0 0 0 4px rgba(47,183,173,.11),0 10px 22px rgba(35,125,132,.07)!important;
}
.triploom-ds-form .form-grid{gap:14px!important}
.triploom-ds-form .notice,.triploom-ds-form [class*="reminder-box"],.triploom-ds-form fieldset{
  border:1px solid #C6ECE8!important;border-radius:18px!important;background:linear-gradient(180deg,#F4FCFB,#F4FCFB)!important;
  box-shadow:none!important;
}
/* Shared option cards. */
.triploom-ds-modal .task-v27-phase{gap:12px!important;padding:0!important;border:0!important;background:transparent!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.triploom-ds-modal .task-v27-phase legend{grid-column:1/-1!important;margin-bottom:2px!important;color:#304C56!important;font-size:12px!important;font-weight:800!important}
.triploom-ds-modal .task-v27-phase label>span{
  min-height:112px!important;border:1px solid #D5E6E9!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 10px 24px rgba(31,82,91,.055)!important;transition:.18s ease!important;
}
.triploom-ds-modal .task-v27-phase label:hover>span{transform:translateY(-2px)!important;border-color:#B8DEDF!important}
.triploom-ds-modal .task-v27-phase input:checked+span{border-color:#3FBDB5!important;background:#EDFAF8!important;box-shadow:0 12px 28px rgba(47,183,173,.12)!important}
.triploom-ds-modal .task-v27-phase input:checked+span::after{background:#3FBDB5!important;color:#fff!important;border-radius:50%!important}
.triploom-ds-modal .checkgear-v161-quick button,
.triploom-ds-modal .booking-type-option-v139,
.triploom-ds-modal [class*="option-card"]{
  border:1px solid #D4E6E9!important;border-radius:16px!important;background:#fff!important;color:#34515B!important;
  box-shadow:0 7px 18px rgba(29,79,88,.045)!important;transition:.18s ease!important;
}
.triploom-ds-modal .checkgear-v161-quick button:hover,
.triploom-ds-modal .booking-type-option-v139:hover{transform:translateY(-2px)!important;border-color:#A9D9D7!important;background:#F5FCFB!important}
/* Common secondary and icon buttons. */
.triploom-ds-modal .btn-soft,.triploom-ds-modal button:not(.btn-primary):not(.modal-close):not(.mini-delete){border-radius:14px!important}
.triploom-ds-modal .mini-delete{border-radius:12px!important}
/* Travel footer shared by the enhancer; one primary CTA floats above the road image. */
.triploom-ds-travel-footer{
  position:relative!important;height:220px!important;margin:10px -30px 0!important;border-radius:0 0 calc(var(--tl-modal-radius) - 1px) calc(var(--tl-modal-radius) - 1px)!important;
  overflow:hidden!important;background:url('triploom-modal-footer.webp') center 58%/cover no-repeat!important;
}
.triploom-ds-travel-footer::before{content:"";position:absolute!important;inset:0!important;background:linear-gradient(180deg,#F4FCFB 0%,rgba(252,254,254,.92) 10%,rgba(252,254,254,.18) 42%,rgba(9,59,65,.08) 100%)!important;pointer-events:none!important}
.triploom-ds-footer-cta{position:absolute!important;left:50%!important;bottom:22px!important;transform:translateX(-50%)!important;width:min(520px,calc(100% - 44px))!important;z-index:2!important}
.triploom-ds-primary-cta{
  width:100%!important;min-height:60px!important;border-radius:18px!important;border:0!important;
  background:linear-gradient(135deg,#69D7D0 0%,#69D7D0 100%)!important;color:#fff!important;
  font-size:16px!important;font-weight:800!important;box-shadow:0 14px 30px rgba(25,148,151,.28)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.triploom-ds-primary-cta:hover{transform:translateY(-2px)!important;box-shadow:0 18px 36px rgba(25,148,151,.34)!important;filter:saturate(1.04)!important}
.triploom-ds-primary-cta:active{transform:translateY(0) scale(.99)!important}
.triploom-ds-primary-cta:disabled{opacity:.52!important;box-shadow:none!important;cursor:not-allowed!important}
.triploom-ds-form .v150-vault-form-actions:empty,.triploom-ds-form .task-v27-modal-actions:empty{display:none!important}
/* Lists become full-width after inline add panels were converted to modals. */
.v6-inbox-ideas-layout{grid-template-columns:minmax(0,1fr)!important}
.bookings-layout-v139{grid-template-columns:minmax(0,1fr)!important}
/* Packing uses the same visual system while preserving its existing immediate-add logic. */
.pack-v167-add-modal .pack-v167-modal-shell{max-width:min(1180px,calc(100vw - 36px))!important}
.pack-v167-add-modal .pack-v167-modal-card{
  border-radius:30px!important;border:1px solid #D3E7EA!important;background:linear-gradient(180deg,#fff,#F4FCFB)!important;
  box-shadow:var(--tl-modal-shadow)!important;overflow:hidden!important;
}
.pack-v167-add-modal .pack-v167-modal-close{width:46px!important;height:46px!important;border-radius:50%!important;background:#fff!important;border:1px solid #C6ECE8!important;box-shadow:0 10px 26px rgba(26,72,82,.13)!important}
.pack-v167-add-modal .pack-v25-field select,.pack-v167-add-modal .pack-v25-field input{min-height:54px!important;border-radius:16px!important;border-color:#CFE2E6!important;background:#fff!important;box-shadow:inset 0 2px 6px rgba(25,74,84,.05)!important}
.pack-v167-add-modal .pack-v20-template-chip,.pack-v167-add-modal .pack-v20-suggest-item button{border-radius:16px!important}
.pack-v46-travel-footer{position:relative!important;height:220px!important;margin:20px -1px -1px!important;background:url('triploom-modal-footer.webp') center 58%/cover no-repeat!important;overflow:hidden!important}
.pack-v46-travel-footer::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#F4FCFB 0%,rgba(251,254,254,.88) 12%,rgba(251,254,254,.12) 48%,rgba(8,58,64,.08) 100%)}
.pack-v46-travel-footer .btn{position:absolute!important;left:50%!important;bottom:22px!important;transform:translateX(-50%)!important;width:min(520px,calc(100% - 44px))!important;min-height:60px!important;border-radius:18px!important;background:linear-gradient(135deg,#69D7D0,#69D7D0)!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px rgba(25,148,151,.28)!important;z-index:2!important;font-weight:800!important}
@media(max-width:760px){
  .triploom-ds-modal{padding:10px!important;align-items:flex-end!important}
  .triploom-ds-modal .triploom-ds-modal-card{width:100%!important;max-height:94vh!important;border-radius:24px!important;padding:22px 18px 0!important}
  .triploom-ds-modal .triploom-ds-modal-card::before{display:none!important}
  .triploom-ds-modal .triploom-ds-modal-card>h2,.triploom-ds-modal .triploom-ds-modal-card>h3,.triploom-ds-modal .triploom-ds-modal-card>div[class*="modal-head"] h2{font-size:28px!important}
  .triploom-ds-form .form-grid.two,.triploom-ds-form .form-grid.three{grid-template-columns:1fr!important}
  .triploom-ds-modal .task-v27-phase{grid-template-columns:1fr!important}
  .triploom-ds-modal .task-v27-phase label>span{min-height:82px!important}
  .triploom-ds-travel-footer{height:180px!important;margin:8px -18px 0!important}
  .triploom-ds-footer-cta{bottom:16px!important;width:calc(100% - 28px)!important}
  .triploom-ds-primary-cta{min-height:54px!important;font-size:15px!important}
  .pack-v46-travel-footer{height:180px!important}
  .pack-v46-travel-footer .btn{bottom:16px!important;width:calc(100% - 28px)!important;min-height:54px!important}
}
@media(prefers-reduced-motion:reduce){.triploom-ds-modal *, .pack-v167-add-modal *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.booking-layout-v139{grid-template-columns:minmax(0,1fr)!important}
.triploom-ds-modal .task-v27-modal-actions{display:flex!important;justify-content:flex-end!important;grid-template-columns:none!important;margin-top:2px!important}
.triploom-ds-modal .task-v27-modal-actions .btn-soft{min-width:112px!important;min-height:46px!important}


/* ========================= TRIPLOOM V14.26.9 · COMPACT MODAL TRAVEL FOOTER SPACING ========================= */
/* Keep the shared travel image directly behind the primary CTA while reducing
   the visual gap between the final form control and the action button. */
.triploom-ds-modal .triploom-ds-travel-footer{
  height:180px!important;
  margin:8px -30px 0!important;
  background-position:center 60%!important;
}
.triploom-ds-modal .triploom-ds-travel-footer::before{
  background:linear-gradient(180deg,rgba(252,254,254,.92) 0%,rgba(252,254,254,.50) 18%,rgba(252,254,254,.10) 46%,rgba(9,59,65,.08) 100%)!important;
}
.triploom-ds-modal .triploom-ds-footer-cta{
  top:32px!important;
  bottom:auto!important;
}
/* Packing modal uses the same footer geometry. */
.pack-v167-add-modal .pack-v46-travel-footer{
  height:180px!important;
  margin:8px -1px -1px!important;
  background-position:center 60%!important;
}
.pack-v167-add-modal .pack-v46-travel-footer::before{
  background:linear-gradient(180deg,rgba(251,254,254,.90) 0%,rgba(251,254,254,.48) 18%,rgba(251,254,254,.10) 46%,rgba(8,58,64,.08) 100%)!important;
}
.pack-v167-add-modal .pack-v46-travel-footer .btn{
  top:32px!important;
  bottom:auto!important;
}
@media(max-width:760px){
  .triploom-ds-modal .triploom-ds-travel-footer{
    height:150px!important;
    margin:6px -18px 0!important;
    background-position:center 62%!important;
  }
  .triploom-ds-modal .triploom-ds-footer-cta{
    top:26px!important;
  }
  .pack-v167-add-modal .pack-v46-travel-footer{
    height:150px!important;
    margin-top:6px!important;
    background-position:center 62%!important;
  }
  .pack-v167-add-modal .pack-v46-travel-footer .btn{
    top:26px!important;
  }
}

/* ========================= TRIPLOOM V14.26.10 · MODAL BACKGROUND-LAYER FOOTER ========================= */
/* The travel banner is now a background layer for the lower portion of each
   modal. It rises behind the final controls and CTA instead of living in a
   separate footer block. Vertical CTA spacing is balanced at ~38px desktop. */
.triploom-ds-modal .triploom-ds-form{
  position:relative!important;
  isolation:isolate!important;
}
.triploom-ds-modal .triploom-ds-form::after{
  content:"";
  position:absolute!important;
  left:-30px!important;
  right:-30px!important;
  bottom:0!important;
  height:300px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:0 0 calc(var(--tl-modal-radius) - 1px) calc(var(--tl-modal-radius) - 1px)!important;
  background:
    linear-gradient(180deg,rgba(252,254,254,.96) 0%,rgba(252,254,254,.72) 15%,rgba(252,254,254,.24) 36%,rgba(252,254,254,.03) 58%,rgba(10,61,67,.06) 100%),
    url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
.triploom-ds-modal .triploom-ds-form>*{
  position:relative!important;
  z-index:1!important;
}
.triploom-ds-modal .triploom-ds-travel-footer{
  height:136px!important;
  min-height:136px!important;
  margin:0 -30px 0!important;
  border-radius:0 0 calc(var(--tl-modal-radius) - 1px) calc(var(--tl-modal-radius) - 1px)!important;
  background:transparent!important;
  overflow:visible!important;
}
.triploom-ds-modal .triploom-ds-travel-footer::before{display:none!important}
.triploom-ds-modal .triploom-ds-footer-cta{
  top:38px!important;
  bottom:auto!important;
}

/* Packing modal uses the same background-layer geometry. */
.pack-v167-add-modal .pack-v167-modal-card{
  isolation:isolate!important;
  overflow:hidden!important;
}
.pack-v167-add-modal .pack-v167-modal-card::after{
  content:"";
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:320px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:0 0 28px 28px!important;
  background:
    linear-gradient(180deg,rgba(251,254,254,.96) 0%,rgba(251,254,254,.70) 15%,rgba(251,254,254,.22) 36%,rgba(251,254,254,.03) 58%,rgba(8,58,64,.06) 100%),
    url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
.pack-v167-add-modal .pack-v167-modal-card>*{
  position:relative!important;
  z-index:1!important;
}
.pack-v167-add-modal .pack-v46-travel-footer{
  height:136px!important;
  min-height:136px!important;
  margin:0 -1px -1px!important;
  background:transparent!important;
  overflow:visible!important;
}
.pack-v167-add-modal .pack-v46-travel-footer::before{display:none!important}
.pack-v167-add-modal .pack-v46-travel-footer .btn{
  top:38px!important;
  bottom:auto!important;
}

@media(max-width:760px){
  .triploom-ds-modal .triploom-ds-form::after{
    left:-18px!important;
    right:-18px!important;
    height:240px!important;
    border-radius:0 0 23px 23px!important;
    background-position:center bottom!important;
  }
  .triploom-ds-modal .triploom-ds-travel-footer{
    height:114px!important;
    min-height:114px!important;
    margin:0 -18px!important;
  }
  .triploom-ds-modal .triploom-ds-footer-cta{
    top:30px!important;
  }
  .pack-v167-add-modal .pack-v167-modal-card::after{
    height:250px!important;
    border-radius:0 0 22px 22px!important;
  }
  .pack-v167-add-modal .pack-v46-travel-footer{
    height:114px!important;
    min-height:114px!important;
    margin:0 -1px -1px!important;
  }
  .pack-v167-add-modal .pack-v46-travel-footer .btn{
    top:30px!important;
  }
}

/* ========================= TRIPLOOM V14.26.11 · ALL TRIP POPUPS DESIGN SYSTEM ========================= */
/* Every native .modal rendered inside page=trip is enhanced by the shared JS
   component. Width variants stay proportional instead of every popup becoming
   the same oversized panel. */
body[data-page="trip"] .triploom-ds-modal .triploom-ds-modal-card.small{width:min(560px,calc(100vw - 44px))!important;max-width:560px!important}
body[data-page="trip"] .triploom-ds-modal .triploom-ds-modal-card.medium{width:min(760px,calc(100vw - 44px))!important;max-width:760px!important}
body[data-page="trip"] .triploom-ds-modal .triploom-ds-modal-card.large{width:min(980px,calc(100vw - 44px))!important;max-width:980px!important}
/* Forms that previously used custom layouts now inherit the same rhythm without
   changing their fields/actions. */
body[data-page="trip"] .triploom-ds-modal .triploom-ds-form{display:flex!important;flex-direction:column!important;gap:16px!important;margin-top:18px!important;position:relative!important;isolation:isolate!important}
body[data-page="trip"] .triploom-ds-modal .triploom-ds-form>section,
body[data-page="trip"] .triploom-ds-modal .triploom-ds-form>fieldset,
body[data-page="trip"] .triploom-ds-modal .triploom-ds-form>.form-grid,
body[data-page="trip"] .triploom-ds-modal .triploom-ds-form>.notice,
body[data-page="trip"] .triploom-ds-modal .triploom-ds-form>.upload-box,
body[data-page="trip"] .triploom-ds-modal .triploom-ds-form>[class*="section"]{
  position:relative!important;z-index:1!important;
}
/* Static action popups (for example the Story gate) use the same lower travel
   background even when the CTA is a link rather than a form submit. */
body[data-page="trip"] .triploom-ds-static-host{isolation:isolate!important;padding-bottom:0!important;overflow:auto!important}
body[data-page="trip"] .triploom-ds-static-host::after{
  content:"";position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:300px!important;z-index:0!important;pointer-events:none!important;
  border-radius:0 0 calc(var(--tl-modal-radius) - 1px) calc(var(--tl-modal-radius) - 1px)!important;
  background:linear-gradient(180deg,rgba(252,254,254,.96) 0%,rgba(252,254,254,.72) 15%,rgba(252,254,254,.24) 36%,rgba(252,254,254,.03) 58%,rgba(10,61,67,.06) 100%),url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
body[data-page="trip"] .triploom-ds-static-host>*{position:relative!important;z-index:1!important}
body[data-page="trip"] .triploom-ds-static-host>.triploom-ds-travel-footer{height:136px!important;min-height:136px!important;margin:0 -30px!important;background:transparent!important;overflow:visible!important}
body[data-page="trip"] .triploom-ds-static-host>.triploom-ds-travel-footer::before{display:none!important}
body[data-page="trip"] .triploom-ds-static-host>.triploom-ds-travel-footer .triploom-ds-footer-cta{top:38px!important;bottom:auto!important}
/* Destructive submit keeps warning semantics while using identical geometry. */
body[data-page="trip"] .triploom-ds-primary-cta.triploom-ds-danger-cta{background:linear-gradient(135deg,#E66D76,#EF8B83)!important;box-shadow:0 14px 30px rgba(210,86,98,.24)!important}
/* Viewer-only popups still receive the common card/header/control treatment. */
body[data-page="trip"] .triploom-ds-modal .booking-view-body-v141,
body[data-page="trip"] .triploom-ds-modal .v150-vault-modal-grid,
body[data-page="trip"] .triploom-ds-modal .story-preview-card-v38{
  border-radius:20px!important;border:1px solid #C6ECE8!important;background:rgba(255,255,255,.88)!important;box-shadow:0 10px 26px rgba(34,73,84,.045)!important;
}
@media(max-width:760px){
  body[data-page="trip"] .triploom-ds-modal .triploom-ds-modal-card.small,
  body[data-page="trip"] .triploom-ds-modal .triploom-ds-modal-card.medium,
  body[data-page="trip"] .triploom-ds-modal .triploom-ds-modal-card.large{width:100%!important;max-width:none!important}
  body[data-page="trip"] .triploom-ds-static-host>.triploom-ds-travel-footer{height:114px!important;min-height:114px!important;margin:0 -18px!important}
  body[data-page="trip"] .triploom-ds-static-host>.triploom-ds-travel-footer .triploom-ds-footer-cta{top:30px!important}
}

/* ======================================================================
   TRIPLOOM V14.27.24 · NÂNG CẤP 02 · GLOBAL FLUID RESPONSIVE SYSTEM
   Desktop >=1280px giữ nguyên. Chỉ tối ưu Laptop nhỏ / Tablet / Mobile.
   ====================================================================== */
@media (max-width:1279px){
  html,body{max-width:100%;overflow-x:clip}
  .app-shell,.main,.content,.panel,.mini-panel,.form-section,.sticky-card,
  .hero-v2,.province-hero,.collection-hero,.trip-header-v2,.trip-premium-hero,.trip-tab-hero,
  .story-community-hero-v14,.story-community-hero-v38,.story-compose-hero-v38,.dashwow-hero,
  .dashboard-grid,.dashwow-content-grid,.editor-layout,.detail-grid,.two-col{min-width:0;max-width:100%}
  .content>*,.content [class*="grid"]>*{min-width:0}
  .content img,.content video,.content canvas,.public-share-body img,.auth-page img,.setup-body img{max-width:100%;height:auto}
  .content img,.public-share-body img{object-fit:cover}
  .content input,.content select,.content textarea,.content button,.content .btn{max-width:100%}
  .content h1,.content h2,.content h3,.content h4,.content p,.content b,.content strong,
  .public-share-body h1,.public-share-body h2,.public-share-body h3{overflow-wrap:anywhere}
  .content pre,.content code{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}

  /* KPI / thống kê ngắn giữ mật độ cao. */
  .stat-strip,.big-stats,.stats-extra,.trip-header-stats,.premium-trip-stats,
  .v9-profile-stat-grid,.v9-leader-metrics,.summary-metric-grid,.story-proof-stats-v38,
  .live-summary-grid,.v6-tool-kpis,.v7-photo-hero-stats,.smart-day-v58-metrics,
  .route-overview-kpis,.money-cards{min-width:0;grid-auto-rows:1fr}

  /* Bảng chỉ cuộn trong khung riêng, không kéo ngang toàn trang. */
  .responsive-table-shell,.table-scroll,.table-wrap,[class$="-table-wrap"]{
    width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    scrollbar-width:thin;scrollbar-color:#B8D8D9 transparent
  }
  .responsive-table-shell::-webkit-scrollbar,.table-scroll::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,[class$="-table-wrap"]::-webkit-scrollbar{height:7px}
  .responsive-table-shell::-webkit-scrollbar-thumb,.table-scroll::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb,[class$="-table-wrap"]::-webkit-scrollbar-thumb{background:#B8D8D9;border-radius:999px}
  .responsive-table-shell>table{margin:0!important}.content table{max-width:none}.content table th{white-space:nowrap}.content table td{overflow-wrap:anywhere}

  /* Tab giữ kích thước đọc được, cho phép vuốt ngang. */
  .trip-tabs,.moderation-tabs-v14,.v8-settings-nav nav{
    max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;white-space:nowrap
  }
  .trip-tabs::-webkit-scrollbar,.moderation-tabs-v14::-webkit-scrollbar,.v8-settings-nav nav::-webkit-scrollbar{display:none}
  .trip-tabs>a,.moderation-tabs-v14>a,.moderation-tabs-v14>button,.v8-settings-nav nav>a{flex:0 0 auto!important;white-space:nowrap!important;scroll-snap-align:center}

  /* Touch target + trạng thái focus/disabled. */
  .btn,.icon-btn,.circle-link,.status-btn,.bottom-item,.bottom-add,.trip-tabs a,.moderation-tabs-v14 a,.moderation-tabs-v14 button{min-height:42px}
  .content button:focus-visible,.content a:focus-visible,.content input:focus-visible,.content select:focus-visible,.content textarea:focus-visible,.bottom-nav a:focus-visible{outline:3px solid rgba(105,215,208,.25)!important;outline-offset:2px}
  .content button:disabled,.content .btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none!important}

  /* Modal / popup luôn nằm trong viewport. */
  body.modal-open{overflow:hidden!important}
  .modal,.triploom-ds-modal,.pack-v167-add-modal,.v7-lightbox{max-width:100vw;max-height:100dvh;overscroll-behavior:contain}
  .modal-card,.triploom-ds-modal .triploom-ds-modal-card,.pack-v167-add-modal .pack-v167-modal-shell,
  .story-preview-modal-v38 .modal-card,.v9-checkin-modal .modal-card{max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - 28px)!important;overscroll-behavior:contain}
  .modal-close,.triploom-ds-modal .modal-close,.pack-v167-modal-close{min-width:42px!important;min-height:42px!important;z-index:15}

  /* Hero / media crop an toàn. */
  .hero-v2>img,.province-hero>img,.trip-header-bg,.trip-premium-hero>img,.trip-tab-hero>img,.public-trip-hero>img,.collection-hero>img{width:100%;height:100%;object-fit:cover;object-position:center}

  /* Các nhóm thao tác được phép wrap, không đè/chồng. */
  .hero-actions,.province-hero-actions,.collection-hero-actions,.trip-header-actions,.head-actions,.top-actions,
  .detail-actions,.day-heading-actions,.story-hero-actions-v38,.dashwow-actions,.route-overview-title-actions,
  .expense-actions-v33,.booking-card-actions-v139,.gallery-album-actions-v27,.gallery-photo-actions-v27{min-width:0;flex-wrap:wrap;gap:8px}

  .empty,.public-error{min-height:190px;padding:24px}
}

@media (min-width:1024px) and (max-width:1279px){
  .content{padding-left:28px!important;padding-right:28px!important}
  .dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px}
  .place-grid,.province-grid,.trip-grid,.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .stat-strip,.big-stats,.stats-extra,.premium-trip-stats,.v9-profile-stat-grid,.v9-leader-metrics,
  .summary-metric-grid,.story-proof-stats-v38,.live-summary-grid,.v6-tool-kpis,.v7-photo-hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important
  }
}

@media (min-width:768px) and (max-width:1023px){
  body{padding-bottom:max(82px,calc(70px + env(safe-area-inset-bottom)))}
  .sidebar{display:none!important}.main{margin-left:0!important}.desktop-search,.topbar .desktop-only{display:none!important}
  .content{padding:14px 20px 48px!important}.flash{margin-left:20px!important;margin-right:20px!important}.topbar{padding-left:20px!important;padding-right:20px!important}

  /* Tablet: KPI 3 cột, card nội dung lớn 2 cột. */
  .stat-strip,.big-stats,.stats-extra,.premium-trip-stats,.v9-profile-stat-grid,.v9-leader-metrics,
  .summary-metric-grid,.story-proof-stats-v38,.live-summary-grid,.v6-tool-kpis,.v7-photo-hero-stats,.smart-day-v58-metrics,
  .route-overview-kpis,.money-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
  .place-grid,.province-grid,.trip-grid,.collection-grid,.gallery-photo-grid-v27,.photo-grid,.footprint-trip-grid-v38,.story-pick-trip-grid-v38{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}

  .dashboard-grid,.dashwow-content-grid,.editor-layout,.detail-grid,.two-col,.story-editor-v38,.story-layout-v14,.story-detail-shell-v14,.premium-itinerary-layout,.v11-command-grid,.v11-ready-grid{grid-template-columns:1fr!important}
  .dashwow-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Form Tablet: 2 cột. */
  .form-grid.two,.form-grid.three,.route-form-basic-v35,.route-form-settings-v35,.booking-entry-form-v139,.group-permission-grid-v36,.group-permission-grid-v52,.settlement-person-form-v49,.settings-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .hero-v2,.province-hero,.collection-hero,.trip-header-v2,.trip-premium-hero,.trip-tab-hero,.story-community-hero-v38,.story-compose-hero-v38,.dashwow-hero{padding-left:26px!important;padding-right:26px!important}
  .hero-copy h2{font-size:clamp(34px,5vw,44px)!important}

  /* Tablet dùng bottom navigation để không chiếm chiều ngang nội dung. */
  .bottom-nav{position:fixed!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;left:18px!important;right:18px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;height:66px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;border:1px solid var(--line)!important;border-radius:22px!important;z-index:50!important;box-shadow:0 14px 40px rgba(20,50,40,.16)!important;padding:5px 10px!important}
  .bottom-item{height:52px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;color:#829087!important}.bottom-item svg{width:18px!important;height:18px!important}.bottom-item small{font-size:8px!important;font-weight:700!important}.bottom-item.active{color:var(--green)!important}
  .bottom-add{width:48px!important;height:48px!important;border-radius:16px!important;background:var(--green)!important;color:#fff!important;display:grid!important;place-items:center!important;margin:auto!important;box-shadow:0 8px 20px rgba(105,215,208,.23)!important}

  .responsive-table-shell table{min-width:720px}.modal-card,.triploom-ds-modal .triploom-ds-modal-card,.pack-v167-add-modal .pack-v167-modal-shell{max-width:calc(100vw - 40px)!important}
}

@media (max-width:767px){
  :root{--mobile-gap:10px;--mobile-pad:14px}
  body{padding-bottom:max(78px,calc(66px + env(safe-area-inset-bottom)))}
  .content{padding:8px var(--mobile-pad) 36px!important}.flash{margin:0 var(--mobile-pad) 8px!important}
  .panel,.mini-panel,.form-section,.sticky-card{padding:16px!important;border-radius:20px!important}
  .section-head{margin:18px 0 12px!important;gap:10px!important;align-items:flex-start!important;flex-wrap:wrap}.section-head h2{font-size:clamp(18px,5vw,21px)!important}.section-head h3{font-size:16px!important}.hero-head h2{font-size:clamp(23px,7vw,28px)!important}

  /* Mobile: KPI luôn ưu tiên 2 cột khi nội dung ngắn. */
  .stat-strip,.big-stats,.stats-extra,.premium-trip-stats,.v9-profile-stat-grid,.v9-leader-metrics,
  .summary-metric-grid,.story-proof-stats-v38,.live-summary-grid,.v6-tool-kpis,.v7-photo-hero-stats,
  .smart-day-v58-metrics,.route-overview-kpis,.money-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .stat-strip>a,.stat-strip>div,.big-stats>div,.big-stats>a,.stats-extra>div,.stats-extra>a,.premium-trip-stats>span,
  .v9-profile-stat-grid>div,.v9-profile-stat-grid>a,.v9-leader-metrics>div,.summary-metric-grid>div,.story-proof-stats-v38>div,
  .live-summary-grid>article,.live-summary-grid>div,.v6-tool-kpis>div,.v7-photo-hero-stats>span,.smart-day-v58-metrics>div,.route-overview-kpis>div,.money-cards>div{min-height:94px!important;padding:12px!important;border-radius:16px!important;align-content:center}
  .stat-icon{width:36px!important;height:36px!important;border-radius:12px!important}
  .stat-strip b,.big-stats b,.stats-extra b,.premium-trip-stats b,.v9-profile-stat-grid b,.v9-leader-metrics b,.summary-metric-grid b,.story-proof-stats-v38 b,.live-summary-grid b,.v6-tool-kpis b{font-size:clamp(19px,6vw,24px)!important;line-height:1.05!important}
  .stat-strip small,.big-stats small,.stats-extra small,.premium-trip-stats small,.v9-profile-stat-grid small,.v9-leader-metrics small,.summary-metric-grid small,.story-proof-stats-v38 small,.live-summary-grid small,.v6-tool-kpis small{font-size:9px!important;line-height:1.3!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  /* Card ngắn có thể 2 cột; card dài chuyển 1 cột. */
  .place-grid,.province-grid,.trip-grid,.collection-grid,.gallery-photo-grid-v27,.photo-grid,.route-memory-grid,.story-media-grid-v14,.story-highlight-grid-v14{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .footprint-trip-grid-v38,.story-pick-trip-grid-v38,.story-kind-guide-v38,.story-editor-v38,.story-layout-v14,.story-detail-shell-v14,.story-editor-v14,.dashwow-content-grid,.dashboard-grid,.editor-layout,.detail-grid,.two-col,.review-grid,.route-choice-grid,.style-choice-grid,.group-join-grid-v36,.split-member-grid-v39,.route-cover-grid-v35,.departure-grid{grid-template-columns:1fr!important}
  .place-cover,.compact-grid .place-cover{height:clamp(126px,37vw,165px)!important}.province-card{height:clamp(160px,47vw,205px)!important}.trip-cover{height:clamp(138px,39vw,178px)!important}
  .place-body,.trip-card-body,.collection-card>div:last-child{padding:12px!important}.place-top h3,.trip-card-body h3,.collection-card h3{font-size:13px!important}.place-desc,.collection-card p{font-size:9px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0!important}

  /* Form Mobile: 1 cột, input 100%, tránh iOS zoom. */
  .form-grid,.form-grid.two,.form-grid.three,.route-form-basic-v35,.route-form-settings-v35,.route-builder-form,.booking-entry-form-v139,.group-approve-form-v36,.group-invite-form-v36,.group-join-form-v36,.settlement-person-form-v49,.settlement-receiver-form-v49,.split-custom-form-v39,.split-equal-form-v39,.task-v27-form,.v11-budget-form,.settings-security-grid,.upload-grid{grid-template-columns:1fr!important;width:100%!important}
  .content input:not([type="checkbox"]):not([type="radio"]),.content select,.content textarea,.auth-card input,.setup-card input,.setup-card select,.setup-card textarea{width:100%!important;max-width:none!important;min-height:46px!important;font-size:16px!important}.content textarea,.modal-card textarea{min-height:104px!important}.content .btn,.modal-card .btn{min-height:44px!important}

  /* Hero Mobile: reflow dọc. */
  .hero-v2,.province-hero,.collection-hero,.trip-header-v2,.trip-premium-hero,.trip-tab-hero,.story-community-hero-v14,.story-community-hero-v38,.story-compose-hero-v38,.dashwow-hero,.live-hero-v4,.team-hero-v4,.v6-command-hero,.v6-tools-hero,.v7-map-hero,.v7-photo-hero,.v9-rank-hero,.v9-footprint-hero,.v9-leader-hero,.v11-suite-hero,.v11-command-hero{min-height:0!important;padding:20px 18px!important;border-radius:22px!important;gap:16px!important}
  .hero-copy h2,.province-hero h2,.trip-header-copy h2,.trip-tab-hero h2,.story-community-hero-v38 h2,.story-compose-hero-v38 h2,.dashwow-hero-copy h2{font-size:clamp(27px,8.2vw,35px)!important;line-height:1.08!important}.hero-copy p,.province-hero p,.trip-header-copy p,.trip-tab-hero p,.story-community-hero-v38 p,.story-compose-hero-v38 p{font-size:11px!important;line-height:1.5!important}
  .hero-actions,.province-hero-actions,.collection-hero-actions,.trip-header-actions,.story-hero-actions-v38,.dashwow-actions,.route-overview-title-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-actions .btn,.province-hero-actions .btn,.collection-hero-actions .btn,.trip-header-actions .btn,.story-hero-actions-v38 .btn,.dashwow-actions .btn,.route-overview-title-actions .btn{width:100%!important;min-width:0!important;white-space:normal!important;text-align:center}

  /* Nhiều nút: tối đa 2 cột. */
  .detail-actions,.day-heading-actions,.live-status-actions,.task-v27-actions,.split-mode-actions-v39,.split-mode-actions-v45,.expense-actions-v33,.journal-card-actions-v32,.journal-card-actions-v52,.booking-card-actions-v139,.gallery-album-actions-v27,.gallery-photo-actions-v27,.group-member-actions-v36,.v150-vault-row-actions,.v158-contact-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important}

  .trip-tabs,.moderation-tabs-v14,.v8-settings-nav nav{gap:6px!important;padding-left:8px!important;padding-right:8px!important}.trip-tabs>a,.moderation-tabs-v14>a,.moderation-tabs-v14>button,.v8-settings-nav nav>a{min-height:42px!important;padding-left:12px!important;padding-right:12px!important;font-size:10px!important}

  .responsive-table-shell{border-radius:14px;scroll-padding-left:8px}.responsive-table-shell table{min-width:680px!important;font-size:11px!important}.responsive-table-shell table th,.responsive-table-shell table td{padding:10px!important}

  .modal,.triploom-ds-modal,.pack-v167-add-modal{padding:10px!important;align-items:flex-end!important}.modal-card,.triploom-ds-modal .triploom-ds-modal-card,.pack-v167-add-modal .pack-v167-modal-shell{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;border-radius:22px!important}.modal-card{padding-left:16px!important;padding-right:16px!important}.modal-card h2{font-size:clamp(23px,7vw,30px)!important}.modal-close{position:sticky!important;top:0!important;margin-left:auto!important}

  .topbar{padding-left:var(--mobile-pad)!important;padding-right:var(--mobile-pad)!important}.top-actions{margin-left:auto;flex-wrap:nowrap!important;gap:6px!important}.bottom-nav{bottom:max(8px,env(safe-area-inset-bottom));left:10px;right:10px}.bottom-item,.bottom-add{min-width:44px;min-height:44px}
  .empty{min-height:160px!important;padding:20px 16px!important}.empty-icon{width:48px!important;height:48px!important;border-radius:16px!important}.empty p{font-size:11px!important;margin-bottom:14px!important}
  .auth-page,.setup-wrap{padding:12px!important}.auth-card,.setup-card{width:100%!important;max-width:560px!important;margin:18px auto!important;padding:22px 17px!important;border-radius:22px!important}
}

@media (max-width:479px){
  :root{--mobile-pad:11px}
  .content{padding-left:var(--mobile-pad)!important;padding-right:var(--mobile-pad)!important}.panel,.mini-panel,.form-section,.sticky-card{padding:14px!important;border-radius:18px!important}

  /* 320–479px: KPI vẫn 2 cột; chỉ card nội dung lớn mới 1 cột. */
  .stat-strip,.big-stats,.stats-extra,.premium-trip-stats,.v9-profile-stat-grid,.v9-leader-metrics,.summary-metric-grid,.story-proof-stats-v38,.live-summary-grid,.v6-tool-kpis,.v7-photo-hero-stats,.smart-day-v58-metrics,.route-overview-kpis,.money-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .stat-strip>a,.stat-strip>div,.big-stats>div,.big-stats>a,.stats-extra>div,.stats-extra>a,.premium-trip-stats>span,.v9-profile-stat-grid>div,.v9-profile-stat-grid>a,.v9-leader-metrics>div,.summary-metric-grid>div,.story-proof-stats-v38>div,.live-summary-grid>article,.live-summary-grid>div,.v6-tool-kpis>div,.v7-photo-hero-stats>span,.smart-day-v58-metrics>div,.route-overview-kpis>div,.money-cards>div{min-height:90px!important;padding:10px!important;border-radius:15px!important}
  .stat-icon{width:32px!important;height:32px!important}
  .province-grid,.collection-grid,.footprint-trip-grid-v38,.story-pick-trip-grid-v38{grid-template-columns:1fr!important}.place-grid,.trip-grid,.gallery-photo-grid-v27,.photo-grid,.route-memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-actions,.province-hero-actions,.collection-hero-actions,.trip-header-actions,.story-hero-actions-v38,.dashwow-actions,.route-overview-title-actions{grid-template-columns:1fr!important}
  .trip-tabs>a,.moderation-tabs-v14>a,.moderation-tabs-v14>button,.v8-settings-nav nav>a{padding-left:10px!important;padding-right:10px!important;font-size:9.5px!important}.responsive-table-shell table{min-width:620px!important}
  .modal-card,.triploom-ds-modal .triploom-ds-modal-card,.pack-v167-add-modal .pack-v167-modal-shell{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}
}

@media (max-width:1023px) and (orientation:landscape){
  .content{padding-top:10px!important;padding-bottom:28px!important}.topbar{min-height:64px!important;height:auto!important}.hero-v2,.province-hero,.trip-header-v2,.trip-premium-hero,.trip-tab-hero,.dashwow-hero{min-height:0!important}.modal-card,.triploom-ds-modal .triploom-ds-modal-card,.pack-v167-add-modal .pack-v167-modal-shell{max-height:calc(100dvh - 16px)!important}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.trip-tabs,.moderation-tabs-v14,.v8-settings-nav nav{scroll-behavior:auto!important}}


/* ========================================================================== 
   TRIPLOOM V14.27.24 · GLOBAL UI STABILITY CONTRACT
   Tablet/Mobile defensive layer + opt-in classes for future modules.
   Desktop >=1280px remains governed by the existing desktop design system.
   ========================================================================== */
@media (max-width:1279px){
  .content,.content>*,.panel,.mini-panel,.form-section,.sticky-card,.modal-card,
  .dashboard-grid>*,.editor-layout>*,.detail-grid>*,.two-col>*,.trip-grid>*,.place-grid>*{min-width:0;max-width:100%}
  .content :where(h1,h2,h3,h4,p,span,small,b,strong,em,label,a,button,td,th){overflow-wrap:break-word;word-break:normal}
  .content img,.content video,.public-share-body img,.public-share-body video{max-width:100%;height:auto}
  .content :where(.table-wrap,.table-scroll,[class$="-table-wrap"],[data-responsive="table"]){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .empty,.empty-state,[class*="empty-state"]{max-width:100%;min-width:0;white-space:normal;overflow-wrap:break-word;word-break:normal}

  /* Future modules can opt into this contract without adding page-specific media queries. */
  .tl-kpi-grid,[data-responsive="kpi"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
  .tl-card-grid,[data-responsive="cards"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .tl-form-grid,[data-responsive="form"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tl-tabs,[data-responsive="tabs"]{display:flex;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;white-space:nowrap;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  .tl-tabs>* ,[data-responsive="tabs"]>*{flex:0 0 auto;scroll-snap-align:start}
  .tl-table-wrap,[data-responsive="table"]{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
}
@media (max-width:767px){
  .tl-kpi-grid,[data-responsive="kpi"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .tl-card-grid,[data-responsive="cards"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .tl-form-grid,[data-responsive="form"]{grid-template-columns:1fr;gap:9px}
  .tl-kpi-grid>* ,[data-responsive="kpi"]>*{min-width:0;min-height:90px;padding:11px;border-radius:16px}
}
@media (max-width:479px){
  .tl-kpi-grid,[data-responsive="kpi"],.tl-card-grid,[data-responsive="cards"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
}

/* V14.27.24 · Opt-in component contract for future TRIPLOOM modules. */
.tl-kpi-grid,[data-responsive="kpi"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tl-card-grid,[data-responsive="cards"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tl-form-grid,[data-responsive="form"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tl-tabs,[data-responsive="tabs"]{display:flex;gap:8px;min-width:0}
.tl-table-wrap,[data-responsive="table"]{max-width:100%;overflow-x:auto}
@media (min-width:768px) and (max-width:1023px){.tl-kpi-grid,[data-responsive="kpi"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tl-card-grid,[data-responsive="cards"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tl-form-grid,[data-responsive="form"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tl-tabs,[data-responsive="tabs"]{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;white-space:nowrap}.tl-tabs>*,[data-responsive="tabs"]>*{flex:0 0 auto}}
@media (max-width:767px){.tl-kpi-grid,[data-responsive="kpi"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tl-card-grid,[data-responsive="cards"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tl-form-grid,[data-responsive="form"]{grid-template-columns:1fr;gap:9px}.tl-tabs,[data-responsive="tabs"]{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;white-space:nowrap}.tl-tabs>*,[data-responsive="tabs"]>*{flex:0 0 auto}}

/* ========================================================================== 
   TRIPLOOM V14.27.24 · TRAVEL LEVEL, BADGE & PRIVILEGE SYSTEM
   ========================================================================== */
.member-level-badge{--level-color:#69D7D0;display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:3px 8px;border:1px solid color-mix(in srgb,var(--level-color) 32%,#C6ECE8);border-radius:999px;background:color-mix(in srgb,var(--level-color) 8%,#fff);color:color-mix(in srgb,var(--level-color) 72%,#173A43);font:inherit;line-height:1;vertical-align:middle;cursor:pointer;white-space:nowrap;max-width:100%;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.member-level-badge:hover{transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--level-color) 16%,transparent);background:color-mix(in srgb,var(--level-color) 13%,#fff)}
.member-level-badge:focus-visible{outline:3px solid color-mix(in srgb,var(--level-color) 22%,transparent);outline-offset:2px}
.member-level-badge span{font-size:13px;line-height:1}.member-level-badge b{font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis}.member-level-badge.mini{min-height:21px;padding:2px 6px;gap:4px}.member-level-badge.mini span{font-size:11px}.member-level-badge.mini b{font-size:8.5px}
.side-level-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.side-lock{margin-left:auto;font-style:normal;font-size:11px;opacity:.8}.side-item.is-level-locked{opacity:.86}.side-item.is-level-locked:hover{opacity:1}
.profile-level-identity{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0}.profile-level-identity>a{font-size:11px;font-weight:800;color:#249D98;text-decoration:none}
.story-author-name-row,.story-comment-author-row,.group-member-name-level{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.story-author-name-row>strong,.story-comment-author-row>strong,.group-member-name-level>b{min-width:0}.v9-leader-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap}

.level-hub-hero{--level-color:#69D7D0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:26px;border:1px solid color-mix(in srgb,var(--level-color) 24%,#C6ECE8);border-radius:26px;background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--level-color) 14%,transparent),transparent 34%),linear-gradient(135deg,#fff,color-mix(in srgb,var(--level-color) 5%,#F4FCFB));box-shadow:0 18px 38px rgba(20,74,83,.08)}
.level-hub-main{min-width:0}.level-hub-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:5px 0}.level-hub-title h2{margin:0;font-size:clamp(25px,3vw,38px);line-height:1.05}.level-hub-xp{font-weight:900;font-size:17px;margin-top:10px}.level-hub-xp small{display:block;margin-top:3px;color:#738E95;font-size:10px;font-weight:700}.level-hub-badge{width:108px;height:108px;border-radius:30px;display:grid;place-items:center;font-size:44px;background:color-mix(in srgb,var(--level-color) 12%,#fff);border:1px solid color-mix(in srgb,var(--level-color) 30%,#D8E9EB);box-shadow:inset 0 0 0 8px color-mix(in srgb,var(--level-color) 5%,transparent)}
.level-hub-progress{height:9px;background:#EAF2F3;border-radius:999px;overflow:hidden;margin-top:12px}.level-hub-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--level-color),color-mix(in srgb,var(--level-color) 62%,#69D7D0));transition:width .35s ease}
.level-hub-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.level-hub-stat-grid>div{padding:13px 14px;border:1px solid #C6ECE8;border-radius:17px;background:#fff;min-width:0}.level-hub-stat-grid b{display:block;font-size:21px;color:#173A43}.level-hub-stat-grid small{font-size:9px;color:#7D969C}
.level-missing-summary{margin-top:14px;padding:14px;border-radius:18px;background:#F2F8F8}.level-missing-summary>strong{display:block;margin-bottom:8px}.level-missing-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.level-missing-summary-grid>div{padding:9px 10px;border-radius:12px;background:#fff;border:1px solid #C6ECE8}.level-missing-summary-grid>div.ok{background:#EFFAF5;border-color:#D4EFE2}.level-missing-summary-grid b,.level-missing-summary-grid span,.level-missing-summary-grid small{display:block}.level-missing-summary-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#769096}.level-missing-summary-grid b{font-size:12px;margin-top:2px}.level-missing-summary-grid small{font-size:8px;color:#7C959A;margin-top:2px}

.level-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.level-feature-card{--level-color:#69D7D0;position:relative;display:flex;flex-direction:column;min-width:0;min-height:170px;padding:16px;border:1px solid #C6ECE8;border-radius:20px;background:#fff;text-align:left;color:#183B44;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}.level-feature-card::after{content:"";position:absolute;inset:auto -35px -45px auto;width:100px;height:100px;border-radius:50%;background:color-mix(in srgb,var(--level-color) 7%,transparent);pointer-events:none}.level-feature-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,71,79,.09);border-color:color-mix(in srgb,var(--level-color) 30%,#C6ECE8)}.level-feature-card.is-locked{background:#F4FCFB;color:#577079}.level-feature-card.is-locked:hover{border-color:#CFE3E5}.level-feature-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--level-color) 10%,#EDF8F7);font-size:19px;margin-bottom:11px}.level-feature-card h4{margin:0 0 5px;font-size:14px}.level-feature-card p{margin:0;color:#738D94;font-size:10.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.level-feature-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px}.level-feature-foot small{font-size:8.5px;font-weight:800;color:#66868C}.level-feature-lock{font-size:13px}.level-feature-card.is-unlocked .level-feature-lock{color:#4B9A60}
.dash-level-preview{margin-top:14px}.dash-level-preview-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.dash-level-preview-head h3{margin:2px 0 0}.dash-level-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dash-level-feature-grid .level-feature-card{min-height:124px;padding:12px;border-radius:17px}.dash-level-feature-grid .level-feature-icon{width:33px;height:33px;border-radius:10px;font-size:16px;margin-bottom:7px}.dash-level-feature-grid .level-feature-card h4{font-size:11.5px}.dash-level-feature-grid .level-feature-card p{font-size:9px;-webkit-line-clamp:2}.dash-level-feature-grid .level-feature-foot{padding-top:8px}

.level-feature-modal-card,.level-badge-modal-card,.levelup-celebration-card{position:relative;overflow:auto;overscroll-behavior:contain}.level-modal-lock{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#EEF8F7;font-size:24px;margin-bottom:10px}.level-feature-modal-card h2{margin:5px 42px 8px 0}.level-feature-modal-card>p{color:#718A91;line-height:1.55}.level-modal-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:16px 0}.level-modal-route>div{padding:12px;border:1px solid #C6ECE8;border-radius:15px;background:#F4FCFB}.level-modal-route small,.level-modal-route b{display:block}.level-modal-route small{font-size:7.5px;color:#7B949A;letter-spacing:.08em}.level-modal-route b{font-size:11px;margin-top:3px}.level-modal-route>i{font-style:normal;color:#7C969B}.level-modal-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.level-modal-progress>div{padding:10px;border-radius:13px;background:#F4FCFB;border:1px solid #E2EDEF}.level-modal-progress>div.ok{background:#EFFAF5;border-color:#D9F0E5}.level-modal-progress span,.level-modal-progress b,.level-modal-progress small{display:block}.level-modal-progress span{font-size:8px;text-transform:uppercase;color:#769197}.level-modal-progress b{font-size:12px;margin-top:3px}.level-modal-progress small{font-size:8px;margin-top:2px;color:#81969B}.level-modal-disabled,.level-modal-ready{grid-column:1/-1}.level-modal-disabled b,.level-modal-ready b{font-size:12px}.level-modal-disabled small,.level-modal-ready small{font-size:9px;line-height:1.4;margin-top:4px}.level-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:17px;flex-wrap:wrap}
.level-badge-modal-card{text-align:center}.level-badge-big{--level-color:#69D7D0;width:84px;height:84px;border-radius:26px;display:grid;place-items:center;margin:0 auto 10px;background:color-mix(in srgb,var(--level-color) 11%,#fff);font-size:37px;border:1px solid color-mix(in srgb,var(--level-color) 25%,#C6ECE8)}.level-badge-modal-card h2{margin:0 0 14px}.level-badge-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.level-badge-metrics>div{padding:10px;border-radius:13px;background:#F2F8F8}.level-badge-metrics b,.level-badge-metrics small{display:block}.level-badge-metrics b{font-size:18px}.level-badge-metrics small{font-size:8px;color:#758E94}
.levelup-celebration-card{--level-color:#69D7D0;text-align:center;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--level-color) 18%,transparent),transparent 40%),#fff}.levelup-kicker{display:inline-block;color:#249D98;font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:6px}.levelup-icon{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;margin:0 auto 9px;background:color-mix(in srgb,var(--level-color) 13%,#fff);font-size:40px;border:1px solid color-mix(in srgb,var(--level-color) 28%,#C6ECE8)}.levelup-celebration-card h2{font-size:24px;margin:4px 30px 7px}.levelup-celebration-card>p{color:#708A91;max-width:520px;margin:0 auto}.levelup-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}.levelup-stats>span{padding:9px;border-radius:13px;background:#F2F8F8}.levelup-stats b,.levelup-stats small{display:block}.levelup-stats b{font-size:16px}.levelup-stats small{font-size:7.5px;color:#789196}.levelup-unlocked{text-align:left;padding:12px 14px;border-radius:16px;background:#F4FAF8;margin-top:10px}.levelup-unlocked>small{display:block;font-size:8px;font-weight:900;color:#5B7C7D;margin-bottom:6px}.levelup-unlocked>div{display:flex;align-items:center;gap:7px;padding:5px 0;font-size:11px}.levelup-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.levelup-confetti i{position:absolute;top:-12px;width:8px;height:18px;border-radius:3px;background:var(--level-color);opacity:.55;animation:levelConfetti 2.8s ease-in-out infinite}.levelup-confetti i:nth-child(1){left:10%;animation-delay:.1s}.levelup-confetti i:nth-child(2){left:25%;animation-delay:.7s;transform:rotate(45deg)}.levelup-confetti i:nth-child(3){left:42%;animation-delay:.3s}.levelup-confetti i:nth-child(4){left:60%;animation-delay:1s;transform:rotate(35deg)}.levelup-confetti i:nth-child(5){left:76%;animation-delay:.5s}.levelup-confetti i:nth-child(6){left:90%;animation-delay:1.3s}@keyframes levelConfetti{0%{transform:translateY(-15px) rotate(0)}70%{opacity:.55}100%{transform:translateY(420px) rotate(280deg);opacity:0}}
.level-lock-page{max-width:820px;margin:0 auto;padding:34px;border:1px solid #C6ECE8;border-radius:26px;background:#fff;text-align:center}.level-lock-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;background:#EDF8F7;margin:0 auto 10px;font-size:30px}.level-lock-page h2{font-size:28px;margin:5px 0}.level-lock-page>p{max-width:620px;margin:0 auto 15px;color:#748D93}.level-lock-levels{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin:17px 0}.level-lock-levels>span{padding:13px;border-radius:15px;background:#F2F8F8}.level-lock-levels i{font-style:normal}.level-lock-missing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:17px}.level-lock-missing>div{padding:10px;border-radius:13px;background:#F3F7F8}.level-lock-missing>div.ok{background:#EFFAF5}.level-lock-missing span,.level-lock-missing b,.level-lock-missing small{display:block}.level-lock-missing span{font-size:8px;color:#789096}.level-lock-missing b{font-size:12px;margin:2px 0}.level-lock-missing small{font-size:8px;color:#7F969B}

@media (max-width:1023px){.level-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-level-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-hub-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-missing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-lock-missing{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.level-hub-hero{grid-template-columns:1fr;padding:17px;border-radius:21px;gap:13px}.level-hub-badge{width:74px;height:74px;border-radius:22px;font-size:31px;grid-row:1;justify-self:end;position:absolute;right:18px}.level-hub-main{padding-right:72px}.level-hub-title h2{font-size:23px}.level-hub-stat-grid{margin-top:10px;gap:7px}.level-hub-stat-grid>div{padding:10px;min-height:75px}.level-hub-stat-grid b{font-size:18px}.level-feature-grid,.dash-level-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.level-feature-card{min-height:145px;padding:11px;border-radius:16px}.level-feature-card h4{font-size:11px}.level-feature-card p{font-size:9px;-webkit-line-clamp:2}.level-feature-icon{width:33px;height:33px;border-radius:10px;font-size:16px;margin-bottom:7px}.level-feature-foot{padding-top:8px}.level-feature-foot small{font-size:7.5px}.level-modal-route{grid-template-columns:1fr}.level-modal-route>i{transform:rotate(90deg)}.level-modal-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.level-modal-actions{display:grid;grid-template-columns:1fr 1fr}.level-modal-actions>*{width:100%}.levelup-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.levelup-celebration-card h2{font-size:20px}.level-lock-page{padding:20px 14px;border-radius:20px}.level-lock-page h2{font-size:22px}.level-lock-levels{grid-template-columns:1fr}.level-lock-levels i{transform:rotate(90deg)}.member-level-badge b{font-size:9px}}
@media (max-width:420px){.level-hub-main{padding-right:0}.level-hub-badge{position:static;grid-row:auto;justify-self:start}.level-feature-grid,.dash-level-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-feature-card{min-height:139px;padding:10px}.level-feature-card p{display:none}.level-modal-actions{grid-template-columns:1fr}.level-lock-missing{grid-template-columns:repeat(2,minmax(0,1fr))}.member-level-badge{max-width:155px}.member-level-badge b{overflow:hidden;text-overflow:ellipsis}}
@media (prefers-reduced-motion:reduce){.member-level-badge,.level-feature-card{transition:none}.levelup-confetti i{animation:none;display:none}}

/* V14.27.24 · markup alignment for Level Hub surfaces */
.level-hub-xp{display:flex;align-items:end;justify-content:space-between;gap:12px}.level-hub-xp>div b,.level-hub-xp>div span{display:block}.level-hub-xp>div span{font-size:9px;color:#748E94;margin-top:3px}.level-hub-xp>strong{font-size:18px;color:var(--level-color)}
.level-hub-badge{grid-template-rows:auto auto auto;text-align:center;align-content:center;gap:1px}.level-hub-badge>span{font-size:34px;line-height:1}.level-hub-badge>b{font-size:10px;line-height:1.1;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-hub-badge>small{font-size:6.5px;letter-spacing:.08em;color:#789198}
.level-hub-stat-grid>article{padding:13px 14px;border:1px solid #C6ECE8;border-radius:17px;background:#fff;min-width:0}.level-hub-stat-grid>article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#EEF8F7;color:#249D98;margin-bottom:7px}.level-hub-stat-grid>article>span svg{width:15px;height:15px}.level-hub-stat-grid>article b{display:block;font-size:21px;color:#173A43}.level-hub-stat-grid>article small{font-size:9px;color:#7D969C}
.level-missing-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.level-missing-summary>article{padding:11px;border-radius:14px;background:#F3F8F8;border:1px solid #DDF7F4;min-width:0}.level-missing-summary>article.ok{background:#EFFAF5;border-color:#D8EFE4}.level-missing-summary>article span,.level-missing-summary>article b,.level-missing-summary>article small{display:block}.level-missing-summary>article span{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#769096}.level-missing-summary>article b{font-size:12px;margin-top:3px}.level-missing-summary>article small{font-size:8px;color:#7D949A;margin-top:2px}.level-missing-summary>article>i{display:block;height:5px;border-radius:999px;background:#C6ECE8;margin-top:8px;overflow:hidden}.level-missing-summary>article>i>em{display:block;height:100%;background:#69D7D0;border-radius:inherit}
.level-feature-card{padding:0;min-height:170px}.level-feature-card.locked{background:#F4FCFB;color:#577079}.level-feature-card>a,.level-feature-card>button{appearance:none;border:0;background:transparent;color:inherit;text-decoration:none;font:inherit;text-align:left;display:flex;flex-direction:column;width:100%;height:100%;min-height:168px;padding:16px;cursor:pointer;position:relative;z-index:1}.level-feature-card>a>div,.level-feature-card>button>div{min-width:0}.level-feature-card>a>div>b,.level-feature-card>button>div>b{display:block;font-size:14px;margin-bottom:5px}.level-feature-card>a>div>p,.level-feature-card>button>div>p{margin:0;color:#738D94;font-size:10.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.level-feature-card>a>div>small,.level-feature-card>button>div>small{display:block;margin-top:10px;font-size:8.5px;font-weight:800;color:#66868C}.level-feature-card>a>i,.level-feature-card>button>i{position:absolute;right:14px;bottom:13px;font-style:normal;color:#7C999D}.level-feature-card.locked>a>div>small,.level-feature-card.locked>button>div>small{color:#8A7477}
.dash-level-feature-grid>button{appearance:none;border:1px solid #C6ECE8;border-radius:17px;background:#fff;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;align-items:center;min-width:0;min-height:82px;padding:11px;text-align:left;color:#183B44;font:inherit;cursor:pointer;transition:.16s}.dash-level-feature-grid>button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(28,75,83,.07)}.dash-level-feature-grid>button.locked{background:#F4FCFB}.dash-level-feature-grid>button>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#EDF8F7}.dash-level-feature-grid>button>div{min-width:0}.dash-level-feature-grid>button b,.dash-level-feature-grid>button small{display:block}.dash-level-feature-grid>button b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-level-feature-grid>button small{font-size:7.5px;color:#7C9499;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-level-feature-grid>button>i{font-style:normal;color:#8DA2A6}
@media (max-width:1023px){.level-missing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.level-hub-stat-grid>article{padding:10px;min-height:78px}.level-hub-stat-grid>article b{font-size:18px}.level-feature-card>a,.level-feature-card>button{padding:11px;min-height:143px}.level-feature-card>a>div>b,.level-feature-card>button>div>b{font-size:11px}.level-feature-card>a>div>p,.level-feature-card>button>div>p{font-size:9px;-webkit-line-clamp:2}.level-feature-card>a>div>small,.level-feature-card>button>div>small{font-size:7.5px}.dash-level-feature-grid>button{min-height:76px;padding:9px;grid-template-columns:31px minmax(0,1fr) auto}.dash-level-feature-grid>button>span{width:31px;height:31px}.level-hub-xp{align-items:center}.level-hub-xp>strong{font-size:15px}}
@media (max-width:420px){.level-feature-card>a>div>p,.level-feature-card>button>div>p{display:none}.level-feature-card>a,.level-feature-card>button{min-height:135px;padding:10px}.dash-level-feature-grid>button b{font-size:9.5px}.dash-level-feature-grid>button small{font-size:7px}}
.level-feature-card[style*="--feature-color"]{--level-color:var(--feature-color)}

/* ===== TRIPLOOM V14.27.26 · Journey & Achievement Ecosystem ===== */
.journey-subnav-v142725{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 12px;scroll-snap-type:x proximity}.journey-subnav-v142725::-webkit-scrollbar{display:none}.journey-subnav-v142725 a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);white-space:nowrap;text-decoration:none;scroll-snap-align:start}.journey-subnav-v142725 a.active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 9px 24px rgba(47,175,168,.18)}.journey-subnav-v142725 a.locked:not(.active){opacity:.72}.journey-subnav-v142725 small{font-size:10px}
.journey-hero-v142725,.passport-hero-v142725,.journey-map-hero-v142725,.achievement-hero-v142725,.recap-hero-v142725,.style-hero-v142725,.creator-hero-v142725{position:relative;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:28px;border-radius:24px;margin-bottom:16px;overflow:hidden;background:linear-gradient(135deg,#143F47,#249D98 58%,#69D7D0);color:#fff;box-shadow:0 14px 38px rgba(19,72,77,.12)}.journey-hero-v142725 h2,.passport-hero-v142725 h2,.journey-map-hero-v142725 h2,.achievement-hero-v142725 h2,.recap-hero-v142725 h2,.style-hero-v142725 h2,.creator-hero-v142725 h2{margin:5px 0 8px;color:#fff;font-size:clamp(24px,3vw,36px);line-height:1.12}.journey-hero-v142725 p,.passport-hero-v142725 p,.journey-map-hero-v142725 p,.achievement-hero-v142725 p,.recap-hero-v142725 p,.style-hero-v142725 p,.creator-hero-v142725 p{max-width:760px;margin:0;color:rgba(255,255,255,.84)}.journey-hero-v142725>span,.recap-hero-v142725>span,.style-hero-v142725>span,.creator-hero-v142725>span{font-size:58px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.journey-feature-grid-v142725{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.journey-feature-grid-v142725>a{min-width:0;display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 10px 30px rgba(20,73,78,.05);transition:.2s ease}.journey-feature-grid-v142725>a:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(20,73,78,.09)}.journey-feature-grid-v142725>a.locked{background:linear-gradient(145deg,#fff,#F4FCFB)}.journey-feature-grid-v142725>a>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#DDF7F4;font-size:21px}.journey-feature-grid-v142725 b{font-size:16px}.journey-feature-grid-v142725 p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.journey-feature-grid-v142725 small{margin-top:auto;color:var(--teal);font-weight:800}
.passport-hero-v142725{background:linear-gradient(135deg,#133E49,#249D98 52%,#3FBDB5)}.passport-hero-v142725.tier-4{background:linear-gradient(135deg,#27324A,#72565F 55%,#E5777E)}.passport-hero-v142725.tier-5{background:linear-gradient(135deg,#20294B,#5365A4 52%,#8297E5)}.passport-owner-v142725{min-width:180px;padding:16px 18px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center}.passport-owner-v142725>span{grid-row:1/3;font-size:30px}.passport-owner-v142725 small{color:rgba(255,255,255,.76)}
.journey-filter-v142725{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto auto;gap:9px;margin-bottom:16px}.journey-filter-v142725 select,.journey-filter-v142725 input{min-width:0;height:44px}.passport-stamp-grid-v142725{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.passport-stamp-grid-v142725 article{display:flex;gap:14px;align-items:center;min-width:0;padding:16px;border:1px solid var(--line);border-radius:20px;background:#fff}.passport-stamp-grid-v142725 h3{margin:3px 0 5px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passport-stamp-grid-v142725 p,.passport-stamp-grid-v142725 small{margin:0;color:var(--muted);font-size:11px}.passport-stamp-art-v142725{position:relative;flex:0 0 72px;width:72px;height:72px;border:2px dashed #65BBB5;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#DDF7F4}.passport-stamp-art-v142725 img{width:100%;height:100%;object-fit:cover}.passport-stamp-art-v142725>span{font-size:25px;color:var(--teal)}.passport-stamp-art-v142725 em{position:absolute;bottom:5px;right:5px;background:#fff;border-radius:7px;padding:2px 5px;font-size:8px;font-style:normal;font-weight:900;color:var(--teal)}
.journey-kpi-v142725,.creator-kpi-v142725,.recap-kpis-v142725{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.journey-kpi-v142725 article,.creator-kpi-v142725 article,.recap-kpis-v142725 article{min-width:0;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff}.journey-kpi-v142725 b,.creator-kpi-v142725 b,.recap-kpis-v142725 b{display:block;font-size:23px;line-height:1.1;overflow-wrap:anywhere}.journey-kpi-v142725 small,.creator-kpi-v142725 small,.recap-kpis-v142725 small{display:block;margin-top:5px;color:var(--muted)}.journey-map-metric-v142725{min-width:130px;padding:18px;border-radius:18px;background:rgba(255,255,255,.12);text-align:center}.journey-map-metric-v142725 b{display:block;font-size:30px}.journey-map-metric-v142725 small{color:rgba(255,255,255,.72)}
.journey-timeline-v142725{display:grid;gap:0}.journey-timeline-v142725 article{display:grid;grid-template-columns:90px 18px 1fr;gap:10px;min-height:62px}.journey-timeline-v142725 time{font-size:11px;color:var(--muted);padding-top:3px}.journey-timeline-v142725 article>span{position:relative}.journey-timeline-v142725 article>span:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--teal);top:5px;left:5px}.journey-timeline-v142725 article>span:after{content:"";position:absolute;width:1px;top:17px;bottom:-6px;left:8px;background:var(--line)}.journey-timeline-v142725 article:last-child>span:after{display:none}.journey-timeline-v142725 b,.journey-timeline-v142725 small{display:block}.journey-timeline-v142725 small{color:var(--muted);margin-top:3px}.legend-world-v142725>div{display:flex;flex-wrap:wrap;gap:8px}.legend-world-v142725>div span{padding:8px 11px;border-radius:12px;background:#EDF2FF;color:#5365A4;font-weight:800;font-size:12px}
.achievement-hero-v142725>strong{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:125px;height:100px;border-radius:20px;background:rgba(255,255,255,.12);font-size:34px}.achievement-hero-v142725>strong small{font-size:10px;color:rgba(255,255,255,.75)}.achievement-group-v142725{margin-top:14px}.achievement-grid-v142725{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.achievement-grid-v142725 article{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#F4FCFB}.achievement-grid-v142725 article.locked{opacity:.72}.achievement-grid-v142725 article>span{font-size:28px}.achievement-grid-v142725 b,.achievement-grid-v142725 p,.achievement-grid-v142725 small{display:block}.achievement-grid-v142725 p{margin:4px 0 9px;color:var(--muted);font-size:11px;line-height:1.45}.achievement-grid-v142725 i{display:block;height:6px;background:#EAF2F2;border-radius:999px;overflow:hidden}.achievement-grid-v142725 i em{display:block;height:100%;background:linear-gradient(90deg,#3FBDB5,#66CEC5);border-radius:inherit}.achievement-grid-v142725 small{margin-top:6px;color:var(--muted)}.achievement-near-v142725{display:grid;gap:8px}.achievement-near-v142725>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#F4FCFB}.achievement-near-v142725>div>span{font-size:23px}.achievement-near-v142725 b,.achievement-near-v142725 small{display:block}.achievement-near-v142725 small{color:var(--muted)}.achievement-near-v142725 strong{color:var(--teal)}
.recap-filter-v142725{grid-template-columns:1fr 110px 130px minmax(180px,2fr) auto}.recap-card-v142725{padding:30px;border-radius:25px;background:linear-gradient(145deg,#FBFFFF,#F2FAFA);border:1px solid #D4E8E8;box-shadow:0 18px 45px rgba(19,72,77,.08)}.recap-card-v142725>h2{font-size:clamp(27px,4vw,44px);margin:5px 0 22px}.recap-kpis-v142725{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:20px}.recap-kpis-v142725 article{background:#fff;text-align:center}.recap-highlights-v142725{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recap-highlights-v142725>div{padding:15px;border-radius:16px;background:#fff;border:1px solid var(--line)}.recap-highlights-v142725 small,.recap-highlights-v142725 b,.recap-highlights-v142725 span{display:block}.recap-highlights-v142725 b{margin:4px 0}.recap-highlights-v142725 span{color:var(--muted);font-size:11px}.recap-actions-v142725{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.style-insight-grid-v142725{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.style-bars-v142725{display:grid;gap:11px}.style-bars-v142725>div{display:grid;grid-template-columns:110px 1fr 50px;gap:10px;align-items:center}.style-bars-v142725 i{height:9px;background:#EDF3F3;border-radius:999px;overflow:hidden}.style-bars-v142725 em{display:block;height:100%;background:linear-gradient(90deg,#3FBDB5,#65CEC5);border-radius:inherit}.style-bars-v142725 b{text-align:right}.style-mini-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line)}.style-mini-row:last-child{border:0}.style-kpis-v142725{margin-top:12px}
.creator-kpi-v142725{grid-template-columns:repeat(5,minmax(0,1fr))}.creator-featured-v142725{display:grid;gap:8px}.creator-featured-v142725 a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:11px 12px;border-radius:14px;background:#F4FCFB;text-decoration:none;color:var(--ink)}.creator-featured-v142725 b,.creator-featured-v142725 small{display:block}.creator-featured-v142725 small{color:var(--muted)}.creator-booking-v142725{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:18px;border:1px dashed #FF9B5E;border-radius:20px;background:#FFF8ED}.creator-booking-v142725>div{display:flex;gap:13px;align-items:center}.creator-booking-v142725>div>span{font-size:30px}.creator-booking-v142725 small,.creator-booking-v142725 h3,.creator-booking-v142725 p{display:block;margin:0}.creator-booking-v142725 small{color:#C96C38;font-weight:900}.creator-booking-v142725 h3{margin:3px 0}.creator-booking-v142725 p{color:#C96C38}.creator-booking-v142725>strong{white-space:nowrap;color:#C96C38}
.journey-empty-v142725{grid-column:1/-1;padding:34px;border:1px dashed var(--line);border-radius:20px;text-align:center;background:#F4FCFB}.journey-empty-v142725>span{font-size:35px}.journey-empty-v142725 h3{margin:7px 0 4px}.journey-empty-v142725 p{margin:0;color:var(--muted)}
@media(max-width:1023px){.journey-feature-grid-v142725,.passport-stamp-grid-v142725,.achievement-grid-v142725{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-filter-v142725{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-filter-v142725 .btn{min-height:44px}.journey-kpi-v142725{grid-template-columns:repeat(3,minmax(0,1fr))}.recap-kpis-v142725{grid-template-columns:repeat(3,minmax(0,1fr))}.style-insight-grid-v142725{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-kpi-v142725{grid-template-columns:repeat(3,minmax(0,1fr))}.recap-filter-v142725{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.journey-subnav-v142725{margin-inline:-2px}.journey-hero-v142725,.passport-hero-v142725,.journey-map-hero-v142725,.achievement-hero-v142725,.recap-hero-v142725,.style-hero-v142725,.creator-hero-v142725{padding:20px;align-items:flex-start}.journey-hero-v142725>span,.recap-hero-v142725>span,.style-hero-v142725>span,.creator-hero-v142725>span{font-size:36px}.passport-owner-v142725,.journey-map-metric-v142725,.achievement-hero-v142725>strong{min-width:110px}.journey-feature-grid-v142725{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.journey-feature-grid-v142725>a{padding:14px}.journey-feature-grid-v142725 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.passport-stamp-grid-v142725,.achievement-grid-v142725{grid-template-columns:1fr}.journey-filter-v142725,.recap-filter-v142725{grid-template-columns:1fr 1fr}.journey-filter-v142725>.btn{width:100%}.journey-kpi-v142725,.creator-kpi-v142725,.recap-kpis-v142725{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.journey-kpi-v142725 article,.creator-kpi-v142725 article,.recap-kpis-v142725 article{padding:12px}.journey-kpi-v142725 b,.creator-kpi-v142725 b,.recap-kpis-v142725 b{font-size:20px}.recap-card-v142725{padding:18px}.recap-highlights-v142725,.style-insight-grid-v142725{grid-template-columns:1fr}.recap-actions-v142725 .btn{flex:1 1 calc(50% - 5px);min-height:44px}.style-bars-v142725>div{grid-template-columns:90px 1fr 44px}.creator-booking-v142725{align-items:flex-start;flex-direction:column}.creator-booking-v142725>strong{white-space:normal}.journey-timeline-v142725 article{grid-template-columns:76px 16px 1fr}}
@media(max-width:479px){.journey-feature-grid-v142725{grid-template-columns:1fr 1fr}.journey-feature-grid-v142725 b{font-size:13px}.journey-feature-grid-v142725 small{font-size:9px}.passport-hero-v142725,.journey-map-hero-v142725,.achievement-hero-v142725{flex-direction:column}.passport-owner-v142725{width:100%}.journey-filter-v142725,.recap-filter-v142725{grid-template-columns:1fr}.recap-actions-v142725 .btn{flex-basis:100%}.style-bars-v142725>div{grid-template-columns:78px 1fr 38px;font-size:11px}}
/* V14.27.26 · Journey Hub card markup alignment */
.journey-level-card-v142725{min-width:150px;padding:16px 18px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.11);display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center}.journey-level-card-v142725>span{grid-row:1/4;font-size:31px}.journey-level-card-v142725>b,.journey-level-card-v142725>strong,.journey-level-card-v142725>small{display:block}.journey-level-card-v142725>strong{font-size:24px}.journey-level-card-v142725>small{color:rgba(255,255,255,.76)}
.journey-feature-grid-v142725>.journey-feature-card-v142725{min-width:0;margin:0}.journey-feature-grid-v142725>.journey-feature-card-v142725>a{height:100%;min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 10px 30px rgba(20,73,78,.05);transition:.2s ease}.journey-feature-grid-v142725>.journey-feature-card-v142725>a:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(20,73,78,.09)}.journey-feature-grid-v142725>.journey-feature-card-v142725.locked>a{background:linear-gradient(145deg,#fff,#F4FCFB)}.journey-feature-card-v142725>a>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#DDF7F4;font-size:21px}.journey-feature-card-v142725>a>div{min-width:0}.journey-feature-card-v142725 b{display:block;font-size:15px}.journey-feature-card-v142725 p{margin:4px 0 9px;color:var(--muted);font-size:11px;line-height:1.5}.journey-feature-card-v142725 small{display:block;color:var(--teal);font-weight:800}.journey-feature-card-v142725>a>i{font-style:normal;color:var(--muted);padding-top:9px}
@media(max-width:767px){.journey-level-card-v142725{min-width:120px}.journey-feature-grid-v142725>.journey-feature-card-v142725>a{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:13px}.journey-feature-card-v142725>a>span{width:38px;height:38px}.journey-feature-card-v142725>a>i{display:none}.journey-feature-card-v142725 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.journey-feature-card-v142725 b{font-size:13px}.journey-feature-card-v142725 small{font-size:9px}}
@media(max-width:479px){.journey-hero-v142725{align-items:flex-start;flex-direction:column}.journey-level-card-v142725{width:100%}}
.passport-premium-v142725{margin-top:14px}.passport-premium-v142725>div{display:flex;flex-wrap:wrap;gap:8px}.passport-premium-v142725>div>span{display:inline-flex;gap:7px;align-items:center;padding:8px 11px;border-radius:12px;background:#F0F4FF;color:#5365A4;font-size:12px}.passport-premium-v142725>div>span b{font-size:11px}.world-analysis-v142725{margin-top:12px;background:linear-gradient(145deg,#fff,#F5F7FF)}.world-analysis-grid-v142725{display:grid;grid-template-columns:1fr 1fr;gap:12px}.world-analysis-grid-v142725>div{padding:14px;border:1px solid #E1E6F5;border-radius:16px;background:#fff}.world-analysis-grid-v142725>div>b{display:block;margin-bottom:8px}.world-analysis-grid-v142725 span{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed #E5E9F2;font-size:12px}.world-analysis-grid-v142725 span:last-child{border:0}.world-analysis-grid-v142725 strong{color:#5365A4}@media(max-width:767px){.world-analysis-grid-v142725{grid-template-columns:1fr}}

/* ===== TRIPLOOM V14.27.26 · Creator, AI & World Legend ===== */
.collection-pro-hero-v142726,.creator-analytics-hero-v142726,.booking-hero-v142726,.ai-hero-v142726,.creator-hero-v142726,.collection-detail-hero-v142726{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px;border-radius:24px;margin-bottom:16px;overflow:hidden;background:linear-gradient(135deg,#153F47 0%,#249D98 58%,#69D7D0 100%);color:#fff;box-shadow:0 16px 38px rgba(15,82,86,.13)}
.collection-pro-hero-v142726 h2,.creator-analytics-hero-v142726 h2,.booking-hero-v142726 h2,.ai-hero-v142726 h2,.creator-hero-v142726 h2,.collection-detail-hero-v142726 h2{margin:5px 0 8px;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.08}.collection-pro-hero-v142726 p,.creator-analytics-hero-v142726 p,.booking-hero-v142726 p,.ai-hero-v142726 p,.creator-hero-v142726 p,.collection-detail-hero-v142726 p{margin:0;max-width:780px;color:rgba(255,255,255,.84)}
.collection-pro-grid-v142726{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collection-pro-card-v142726{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 8px 24px rgba(22,76,82,.06)}.collection-pro-card-v142726>img,.collection-pro-art-v142726{width:100%;height:168px;object-fit:cover}.collection-pro-art-v142726{display:grid;place-items:center;font-size:48px;background:radial-gradient(circle at 25% 20%,#DBFBF7 0 18%,transparent 19%),linear-gradient(145deg,#EFFCFB,#DFF4F5 52%,#EDF1FF)}.collection-pro-card-v142726>div:last-child{padding:16px}.collection-pro-card-v142726 small{color:var(--teal);font-weight:800}.collection-pro-card-v142726 h3{margin:5px 0 7px}.collection-pro-card-v142726 p{min-height:42px;margin:0 0 12px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.collection-pro-card-v142726 b{display:flex;justify-content:space-between;gap:10px}
.collection-detail-hero-v142726{min-height:230px;align-items:flex-end;background:linear-gradient(180deg,rgba(13,48,54,.08),rgba(13,48,54,.86)),linear-gradient(135deg,#249D98,#69D7D0)}.collection-detail-hero-v142726>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.collection-detail-hero-v142726>div,.collection-detail-hero-v142726>.btn{position:relative;z-index:1}.collection-detail-hero-v142726 a{color:#fff;text-decoration:none}.collection-detail-hero-v142726 small{color:rgba(255,255,255,.8)}
.collection-item-grid-v142726{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.collection-item-grid-v142726>article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff}.collection-item-grid-v142726>article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#E9F9F7;font-size:21px}.collection-item-grid-v142726 small,.collection-item-grid-v142726 b{display:block}.collection-item-grid-v142726 small{font-size:10px;color:var(--teal);font-weight:800}.collection-item-actions-v142726{display:flex;gap:4px}.collection-item-actions-v142726 form{margin:0}.collection-item-actions-v142726 button{width:32px;height:32px;border:1px solid var(--line);border-radius:10px;background:#F4FCFB;cursor:pointer}.collection-add-form-v142726{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:10px}.collection-add-form-v142726 select{min-width:0}
.creator-rate-v142726{min-width:176px;padding:15px 18px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.11);text-align:center}.creator-rate-v142726 b{display:block;font-size:34px}.creator-rate-v142726 small,.creator-rate-v142726 em{display:block}.creator-rate-v142726 em{margin-top:5px;font-style:normal;font-size:10px;font-weight:900;color:#FFF4CA}.creator-tools-grid-v142726{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.creator-tools-grid-v142726 article{min-width:0}.creator-tools-grid-v142726 a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;height:100%;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff;text-decoration:none;color:var(--ink)}.creator-tools-grid-v142726 article.locked a{opacity:.72;background:#F8FAFA}.creator-tools-grid-v142726 a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#E9F9F7;font-size:20px}.creator-tools-grid-v142726 b,.creator-tools-grid-v142726 small{display:block}.creator-tools-grid-v142726 p{margin:3px 0;color:var(--muted);font-size:12px;line-height:1.35}.creator-tools-grid-v142726 small{font-size:10px;color:var(--teal);font-weight:800}.legend-creator-v142726{display:flex;align-items:center;gap:16px;padding:19px 20px;border-radius:20px;background:linear-gradient(135deg,#EFF2FF,#F8F3FF);border:1px solid #DFE3F8}.legend-creator-v142726>span{font-size:38px}.legend-creator-v142726 small{font-weight:900;color:#6D73BD}.legend-creator-v142726 h3{margin:2px 0 5px}.legend-creator-v142726 p{margin:0;color:var(--muted)}
.analytics-range-v142726{display:flex;gap:7px;overflow:auto;margin:0 0 12px;padding-bottom:2px;scrollbar-width:none}.analytics-range-v142726 a{flex:0 0 auto;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;color:var(--muted);font-weight:800;font-size:12px}.analytics-range-v142726 a.active{background:var(--teal);border-color:var(--teal);color:#fff}.creator-analytics-kpi-v142726,.booking-kpis-v142726{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}.creator-analytics-kpi-v142726 article,.booking-kpis-v142726 article{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.creator-analytics-kpi-v142726 b,.booking-kpis-v142726 b{display:block;font-size:22px;overflow-wrap:anywhere}.creator-analytics-kpi-v142726 small,.booking-kpis-v142726 small{display:block;margin-top:4px;color:var(--muted)}.analytics-top-v142726{display:grid;gap:7px}.analytics-top-v142726 a{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:13px;background:#F4FCFB;text-decoration:none;color:var(--ink)}.analytics-top-v142726 span{color:var(--muted);font-size:11px}.creator-world-analytics-v142726{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.world-analytics-kpi-v142726{display:grid;grid-template-columns:1fr 1fr;gap:8px}.world-analytics-kpi-v142726>div{padding:14px;border-radius:14px;background:#F5F7FF}.world-analytics-kpi-v142726 b{display:block;font-size:24px}.world-analytics-kpi-v142726 small{color:var(--muted)}
.ai-hero-v142726.legend{background:linear-gradient(135deg,#2D376B,#6F5CB4 58%,#69D7D0)}.ai-hero-v142726>strong,.booking-hero-v142726>strong,.creator-analytics-hero-v142726>strong{flex:0 0 auto;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px}.ai-task-grid-v142726{display:flex;gap:8px;overflow:auto;margin:0 0 12px;scrollbar-width:none}.ai-task-grid-v142726 button{flex:0 0 auto;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-family:inherit;font-weight:800;cursor:pointer}.ai-task-grid-v142726 button.active{background:#E7F8F6;border-color:#9EDFD9;color:#249D98}.ai-panel-v142726 form{display:grid;gap:12px}.ai-panel-v142726 textarea{width:100%}.ai-answer-v142726{margin-top:14px;padding:16px;border:1px solid #BCE6E1;border-radius:16px;background:#F1FBFA;white-space:pre-wrap;line-height:1.6}.ai-answer-v142726.error{border-color:#F1C7C7;background:#FFF5F5}.legend-ai-v142726{border-color:#DFE1FB;background:linear-gradient(135deg,#fff,#F6F5FF)}
.booking-rate-example-v142726{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.booking-rate-example-v142726 span{padding:11px;border-radius:13px;background:#FFF8ED;border:1px solid #F2DFBF}.triploom-ai-context-v142726{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#249D98,#69D7D0);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(30,119,122,.18)}.triploom-ai-context-v142726.locked{background:#EEF4F4;color:#617779!important;box-shadow:none}.triploom-ai-context-wrap-v142726{display:flex;justify-content:flex-end;margin:8px 0 12px}
@media(max-width:1023px){.collection-pro-grid-v142726{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-tools-grid-v142726{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-analytics-kpi-v142726,.booking-kpis-v142726{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-world-analytics-v142726{grid-template-columns:1fr 1fr}.collection-add-form-v142726{grid-template-columns:150px minmax(0,1fr) auto}}
@media(max-width:767px){.collection-pro-hero-v142726,.creator-analytics-hero-v142726,.booking-hero-v142726,.ai-hero-v142726,.creator-hero-v142726,.collection-detail-hero-v142726{padding:19px;align-items:flex-start;flex-direction:column}.collection-pro-hero-v142726>.btn,.collection-detail-hero-v142726>.btn{width:100%}.collection-pro-grid-v142726{grid-template-columns:1fr 1fr;gap:9px}.collection-pro-card-v142726>img,.collection-pro-art-v142726{height:118px}.collection-pro-card-v142726>div:last-child{padding:12px}.collection-pro-card-v142726 p{font-size:11px}.collection-item-grid-v142726{grid-template-columns:1fr}.collection-add-form-v142726{grid-template-columns:1fr}.creator-rate-v142726{width:100%;min-width:0}.creator-tools-grid-v142726{grid-template-columns:1fr 1fr;gap:8px}.creator-tools-grid-v142726 a{grid-template-columns:36px minmax(0,1fr);padding:12px}.creator-tools-grid-v142726 a>span{width:36px;height:36px}.creator-tools-grid-v142726 a>i{display:none}.creator-tools-grid-v142726 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.creator-analytics-kpi-v142726,.booking-kpis-v142726{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.creator-analytics-kpi-v142726 article,.booking-kpis-v142726 article{padding:11px}.creator-analytics-kpi-v142726 b,.booking-kpis-v142726 b{font-size:19px}.analytics-top-v142726 a{display:block}.analytics-top-v142726 span{display:block;margin-top:4px}.creator-world-analytics-v142726{grid-template-columns:1fr}.booking-rate-example-v142726{grid-template-columns:1fr 1fr}.world-analytics-kpi-v142726{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.collection-pro-grid-v142726{grid-template-columns:1fr}.creator-tools-grid-v142726{grid-template-columns:1fr 1fr}.booking-rate-example-v142726{grid-template-columns:1fr}.collection-item-grid-v142726>article{grid-template-columns:40px minmax(0,1fr);}.collection-item-actions-v142726{grid-column:1/-1;justify-content:flex-end}}

.creator-pins-v142726 .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.creator-pin-form-v142726{display:flex;gap:8px;align-items:center}.creator-pin-form-v142726 select{min-width:min(420px,45vw)}.creator-pin-list-v142726{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.creator-pin-list-v142726>a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card);min-width:0}.creator-pin-list-v142726>a div{min-width:0;display:grid}.creator-pin-list-v142726>a b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-pin-list-v142726>a small{font-size:10px;color:var(--muted)}.creator-pin-list-v142726>a i{margin-left:auto}
@media(max-width:1023px){.creator-pin-list-v142726{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-pins-v142726 .section-head{align-items:stretch;flex-direction:column}.creator-pin-form-v142726 select{min-width:0;flex:1}}
@media(max-width:767px){.creator-pin-list-v142726{grid-template-columns:1fr}.creator-pin-form-v142726{display:grid;grid-template-columns:1fr}.creator-pin-form-v142726 .btn{width:100%}}

/* ======================================================================
   TRIPLOOM V14.27.29 · BALANCED TOPBAR + ACCOUNT MENU
   Scope: authenticated public website header only.
   ====================================================================== */
.topbar-v142727{
  display:grid!important;
  grid-template-columns:minmax(270px,1fr) minmax(430px,620px) minmax(160px,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  min-height:96px!important;
}
.topbar-v142727 .v13-page-heading{min-width:0!important;max-width:100%!important}
.top-center-v142727{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;width:100%;justify-self:center}
.top-center-v142727 .ui-pref-controls{flex:0 0 auto;gap:8px}
.top-center-v142727 .top-search-v142727{margin:0!important;width:min(100%,470px)!important;max-width:470px!important;min-width:220px!important;height:46px!important;flex:1 1 360px;border-radius:16px!important}
.top-center-v142727 .top-search-v142727 input{min-width:0!important}
.top-actions-v142727{justify-self:end!important;margin-left:0!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;min-width:max-content!important}
.top-actions-v142727>.icon-btn,.top-center-v142727 .icon-btn{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:15px!important;box-shadow:0 7px 18px rgba(34,52,61,.05)!important}
.top-actions-v142727>.icon-btn:hover,.top-center-v142727 .icon-btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(34,52,61,.08)!important}
.top-create-trip-btn{color:#249D98!important}
.top-create-trip-btn svg{stroke-width:2!important}

.top-account-v142727{position:relative;flex:0 0 auto}
.top-account-trigger-v142727{width:48px;height:48px;padding:0;border:1px solid #C6ECE8;background:#fff;border-radius:16px;display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 18px rgba(34,52,61,.055);transition:.18s ease}
.top-account-trigger-v142727:hover,.top-account-v142727.open .top-account-trigger-v142727{transform:translateY(-1px);border-color:#BFE2DF;box-shadow:0 11px 24px rgba(35,141,137,.11)}
.top-account-trigger-v142727:focus-visible{outline:3px solid rgba(105,215,208,.2);outline-offset:2px}
.top-account-avatar-v142727{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#DFF7F3,#DBEEFA);color:#249D98;font-size:14px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(105,215,208,.12)}
.top-account-avatar-v142727.has-image{background:#EDF5F6}.top-account-avatar-v142727 img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.top-account-avatar-v142727.large{width:54px;height:54px;border-radius:17px;font-size:18px;flex:0 0 54px}
.top-account-menu-v142727{position:absolute;right:0;top:calc(100% + 12px);width:310px;padding:10px;border:1px solid #C6ECE8;border-radius:22px;background:rgba(255,255,255,.985);box-shadow:0 24px 65px rgba(33,67,76,.16),0 4px 14px rgba(33,67,76,.06);backdrop-filter:blur(20px);z-index:120;opacity:0;visibility:hidden;transform:translateY(-7px) scale(.985);transform-origin:top right;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.top-account-v142727.open .top-account-menu-v142727{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.top-account-head-v142727{display:flex;align-items:center;gap:12px;padding:8px 8px 10px;min-width:0}
.top-account-head-v142727>div{min-width:0}.top-account-head-v142727>div>b{display:block;color:#1F3B4D;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-account-head-v142727>div>small{display:flex;align-items:center;gap:5px;margin-top:4px;color:#668088;font-size:9.5px;font-weight:700;min-width:0}
.top-account-head-v142727>div>small span{color:#249D98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-account-head-v142727>div>small i{font-style:normal;color:#A5B6BA}.top-account-head-v142727>div>small strong{color:#5D747C;white-space:nowrap;font-size:9.5px}
.top-account-divider-v142727{height:1px;background:#E9F0F1;margin:3px 6px 5px}
.top-account-menu-v142727>a,.top-account-logout-v142727>button{width:100%;min-height:54px;padding:8px 9px;border:0;border-radius:15px;background:transparent;color:#324B54;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.14s ease}
.top-account-menu-v142727>a:hover,.top-account-logout-v142727>button:hover{background:#F0F8F7;color:#249D98}
.top-account-menu-v142727>a>span,.top-account-logout-v142727>button>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#EEF7F7;color:#69D7D0;font-weight:800}
.top-account-menu-v142727>a>span svg{width:16px;height:16px}
.top-account-menu-v142727>a div,.top-account-logout-v142727 button div{min-width:0}.top-account-menu-v142727>a b,.top-account-menu-v142727>a small,.top-account-logout-v142727 b,.top-account-logout-v142727 small{display:block}
.top-account-menu-v142727>a b,.top-account-logout-v142727 b{font-size:11px;line-height:1.2}.top-account-menu-v142727>a small,.top-account-logout-v142727 small{margin-top:2px;color:#83989D;font-size:8.5px;line-height:1.25}
.top-account-logout-v142727{margin:0}.top-account-logout-v142727>button{font-family:inherit}.top-account-logout-v142727>button>span{color:#BD6670;background:#FFF2F3}

html[data-theme="dark"] .top-account-trigger-v142727{background:#17242A;border-color:#2B3B42;box-shadow:0 8px 20px rgba(0,0,0,.18)}
html[data-theme="dark"] .top-account-menu-v142727{background:rgba(19,31,37,.99);border-color:#304149;box-shadow:0 24px 65px rgba(0,0,0,.40)}
html[data-theme="dark"] .top-account-head-v142727>div>b{color:#EAF3F5!important}html[data-theme="dark"] .top-account-head-v142727>div>small{color:#9AAEB6!important}html[data-theme="dark"] .top-account-head-v142727>div>small span{color:#72D8CF}html[data-theme="dark"] .top-account-head-v142727>div>small strong{color:#B8C8CD}
html[data-theme="dark"] .top-account-divider-v142727{background:#293940}html[data-theme="dark"] .top-account-menu-v142727>a,html[data-theme="dark"] .top-account-logout-v142727>button{color:#DBE9EC}html[data-theme="dark"] .top-account-menu-v142727>a:hover,html[data-theme="dark"] .top-account-logout-v142727>button:hover{background:#1B3434;color:#8FE0D8}html[data-theme="dark"] .top-account-menu-v142727>a>span{background:#173638;color:#69D7D0}html[data-theme="dark"] .top-account-menu-v142727>a small,html[data-theme="dark"] .top-account-logout-v142727 small{color:#89A0A7!important}

@media (min-width:1024px) and (max-width:1279px){
  .topbar-v142727{grid-template-columns:minmax(160px,.72fr) minmax(300px,1.42fr) auto!important;gap:10px!important;padding-left:20px!important;padding-right:20px!important}
  .topbar-v142727 .v13-page-heading{min-width:0!important}.topbar-v142727 .v13-slogan{display:none!important}.topbar-v142727 .v13-page-heading h1{font-size:21px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-center-v142727{gap:6px}.top-center-v142727 .ui-pref-controls{gap:5px}.top-center-v142727 .top-search-v142727{min-width:140px!important}.top-actions-v142727{gap:5px!important}.top-actions-v142727>.icon-btn,.top-center-v142727 .icon-btn{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}.top-account-trigger-v142727{width:44px;height:44px}.top-account-avatar-v142727{width:33px;height:33px}
}

@media (min-width:768px) and (max-width:1023px){
  .topbar-v142727{display:grid!important;grid-template-columns:minmax(190px,.75fr) minmax(360px,1.4fr) auto!important;gap:10px!important;min-height:82px!important;height:auto!important;padding-top:12px!important;padding-bottom:12px!important}
  .topbar-v142727 .v13-page-heading{min-width:0!important}.topbar-v142727 .v13-brandline{display:none!important}.topbar-v142727 .v13-page-heading h1{font-size:21px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-center-v142727{gap:6px}.top-center-v142727 .ui-pref-controls{gap:5px}.top-center-v142727 .top-search-v142727{display:flex!important;min-width:150px!important;height:44px!important}.top-center-v142727 .top-search-v142727 input{font-size:11px!important}
  .top-actions-v142727>.icon-btn,.top-center-v142727 .icon-btn{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:14px!important}.top-account-trigger-v142727{width:44px;height:44px;border-radius:14px}.top-account-avatar-v142727{width:33px;height:33px;border-radius:11px}
}

@media (max-width:767px){
  .topbar-v142727{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"heading actions" "center center"!important;gap:9px 10px!important;min-height:0!important;height:auto!important;padding-top:10px!important;padding-bottom:10px!important;align-items:center!important}
  .topbar-v142727 .v13-page-heading{grid-area:heading;min-width:0!important}.topbar-v142727 .v13-brandline{display:none!important}.topbar-v142727 .v13-page-heading h1{font-size:18px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-center-v142727{grid-area:center;display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;justify-content:stretch!important;gap:6px!important;width:100%!important}.top-center-v142727 .ui-pref-controls{display:contents!important}.top-center-v142727 .top-search-v142727{display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;order:3;border-radius:14px!important}.top-center-v142727 .top-search-v142727 input{font-size:12px!important}
  .top-actions-v142727{grid-area:actions;gap:5px!important}.top-actions-v142727>.icon-btn,.top-center-v142727 .icon-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:13px!important}.top-account-trigger-v142727{width:42px;height:42px;border-radius:13px}.top-account-avatar-v142727{width:31px;height:31px;border-radius:10px;font-size:12px}
  .top-account-menu-v142727{position:fixed;right:10px;top:74px;width:min(310px,calc(100vw - 20px));max-height:calc(100dvh - 92px);overflow-y:auto;border-radius:20px;transform:translateY(-6px) scale(.99)}
  .top-account-v142727.open .top-account-menu-v142727{transform:none}
}

@media (max-width:479px){
  .topbar-v142727{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding-left:11px!important;padding-right:11px!important}
  .topbar-v142727 .v13-page-heading h1{font-size:17px!important}.top-center-v142727{grid-template-columns:38px 38px minmax(0,1fr)!important;gap:5px!important}.top-actions-v142727{gap:4px!important}
  .top-actions-v142727>.icon-btn,.top-center-v142727 .icon-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:12px!important}.top-account-trigger-v142727{width:40px;height:40px;border-radius:12px}.top-account-avatar-v142727{width:30px;height:30px}
  .top-center-v142727 .top-search-v142727{height:40px!important;padding-left:10px!important;padding-right:10px!important}.top-center-v142727 .top-search-v142727 span svg{width:15px!important}.top-center-v142727 .top-search-v142727 input{font-size:11px!important}
}


/* ================================================================
   TRIPLOOM V14.27.29 · COMPACT ACCOUNT HUB + FULL-PAGE ACCOUNT VIEWS
   Account-owned destinations live in the avatar menu. Global sidebar
   stays focused on discovery / community / trip operations.
   ================================================================ */
.top-account-menu-v142727{
  width:390px;
  max-height:min(760px,calc(100dvh - 92px));
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#C8DDDF transparent;
}
.top-account-menu-v142727::-webkit-scrollbar{width:5px}
.top-account-menu-v142727::-webkit-scrollbar-thumb{background:#C8DDDF;border-radius:999px}
.top-account-section-v142728{display:block;padding:2px 3px 4px}
.top-account-section-title-v142728{display:block;padding:5px 7px 4px;color:#8AA0A5;font-size:8px;line-height:1;letter-spacing:.14em;font-weight:900}
.top-account-full-links-v142728{display:grid;gap:2px}
.top-account-full-links-v142728>a{min-height:50px;padding:7px 8px;border-radius:14px;color:#324B54;text-decoration:none;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;transition:.14s ease}
.top-account-full-links-v142728.compact>a{min-height:46px}
.top-account-full-links-v142728>a:hover{background:#F0F8F7;color:#249D98}
.top-account-full-links-v142728>a>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#EEF7F7;color:#69D7D0}
.top-account-full-links-v142728>a>span svg{width:16px;height:16px}
.top-account-full-links-v142728>a>div{min-width:0}
.top-account-full-links-v142728>a b,.top-account-full-links-v142728>a small{display:block}
.top-account-full-links-v142728>a b{font-size:11px;line-height:1.2}
.top-account-full-links-v142728>a small{margin-top:2px;color:#83989D;font-size:8.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-account-quick-grid-v142728{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:2px 2px 3px}
.top-account-quick-grid-v142728>a{min-width:0;min-height:48px;padding:7px 8px;border:1px solid #C6ECE8;border-radius:14px;background:#F4FCFB;color:#3D555D;text-decoration:none;display:flex;align-items:center;gap:8px;transition:.14s ease}
.top-account-quick-grid-v142728>a:hover{border-color:#CDE6E3;background:#EFF9F7;color:#249D98;transform:translateY(-1px)}
.top-account-quick-grid-v142728>a>span{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;background:#EEF7F7;color:#69D7D0}
.top-account-quick-grid-v142728>a>span svg{width:15px;height:15px}
.top-account-quick-grid-v142728>a>b{min-width:0;font-size:10.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-page-v142728{display:block;width:100%;min-width:0}
.account-page-main-v142728{width:100%;max-width:none;min-width:0;display:grid;gap:16px}
.account-page-main-v142728>.panel,.account-page-main-v142728>.settings-security-grid,.account-page-main-v142728>.level-hub-hero,.account-page-main-v142728>.level-hub-stat-grid{width:100%;min-width:0}
html[data-theme="dark"] .top-account-section-title-v142728{color:#779198}
html[data-theme="dark"] .top-account-full-links-v142728>a{color:#DBE9EC}
html[data-theme="dark"] .top-account-full-links-v142728>a:hover{background:#1B3434;color:#8FE0D8}
html[data-theme="dark"] .top-account-full-links-v142728>a>span{background:#173638;color:#69D7D0}
html[data-theme="dark"] .top-account-full-links-v142728>a small{color:#89A0A7}
html[data-theme="dark"] .top-account-quick-grid-v142728>a{border-color:#2B4147;background:#17272D;color:#D5E4E7}
html[data-theme="dark"] .top-account-quick-grid-v142728>a:hover{border-color:#32615F;background:#1B3434;color:#8FE0D8}
html[data-theme="dark"] .top-account-quick-grid-v142728>a>span{background:#173638;color:#69D7D0}
@media(max-width:767px){
  .top-account-menu-v142727{right:8px!important;top:70px!important;width:min(390px,calc(100vw - 16px))!important;max-height:calc(100dvh - 82px)!important;padding:9px!important;border-radius:19px!important}
  .top-account-quick-grid-v142728{gap:4px}
  .top-account-quick-grid-v142728>a{min-height:46px;padding:6px 7px}
  .top-account-full-links-v142728>a{min-height:48px}
  .account-page-main-v142728{gap:12px}
}
@media(max-width:359px){
  .top-account-quick-grid-v142728{grid-template-columns:1fr}
}

/* ======================================================================
   TRIPLOOM V14.27.29 · PROFILE IDENTITY + PERSONAL INFO
   Scope: account popover identity card and full-page profile only.
   ====================================================================== */
.top-account-menu-v142727>a.top-account-journey-v142729{
  display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:11px!important;
  min-height:76px!important;padding:10px 12px!important;margin:1px 2px 7px!important;width:calc(100% - 4px)!important;
  border:1px solid #D8EAEB!important;border-radius:18px!important;
  background:linear-gradient(145deg,#F4FCFB 0%,#F4FCFB 100%)!important;color:#2B414A!important;
  box-shadow:0 9px 24px rgba(42,107,112,.07),inset 0 1px #fff!important;text-decoration:none!important;
  position:relative;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.top-account-menu-v142727>a.top-account-journey-v142729:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#3FBDB5,#8EDFF0);opacity:.9}
.top-account-menu-v142727>a.top-account-journey-v142729:hover{transform:translateY(-1px)!important;border-color:#B9DFDC!important;background:linear-gradient(145deg,#F8FFFE,#DDF7F4)!important;box-shadow:0 12px 28px rgba(42,107,112,.11)!important;color:#249D98!important}
.top-account-menu-v142727>a.top-account-journey-v142729>.top-account-avatar-v142727{width:54px!important;height:54px!important;min-width:54px!important;border-radius:17px!important;background:linear-gradient(145deg,#DFF7F3,#DBEEFA)!important}
.top-account-menu-v142727>a.top-account-journey-v142729>div{min-width:0;flex:1}
.top-account-menu-v142727>a.top-account-journey-v142729>div>b{display:block;color:#233A43;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-account-menu-v142727>a.top-account-journey-v142729>div>small{display:flex;align-items:center;gap:5px;margin-top:4px;color:#6E858C;font-size:9.5px;font-weight:700;min-width:0}
.top-account-menu-v142727>a.top-account-journey-v142729>div>small span{color:#249D98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-account-menu-v142727>a.top-account-journey-v142729>div>small i{font-style:normal;color:#A8B8BC}.top-account-menu-v142727>a.top-account-journey-v142729>div>small strong{color:#61777E;white-space:nowrap;font-size:9.5px}
.top-account-journey-arrow-v142729{font-style:normal!important;width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#E8F7F5!important;color:#249D98!important;font-weight:900!important}

.profile-wow-v142729{padding:24px!important;border-radius:26px!important;overflow:hidden;position:relative;background:linear-gradient(180deg,#fff 0%,#F4FCFB 100%)}
.profile-wow-v142729:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#69D7D0,#8EDFF0,#8AD9C4)}
.profile-wow-header-v142729{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:3px 2px 20px;border-bottom:1px solid #EAF1F2}
.profile-wow-header-v142729 h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.02em}.profile-wow-header-v142729 p{margin:0;color:#7A9199;max-width:720px;font-size:12px}
.profile-wow-level-link-v142729{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 12px;border:1px solid #C6ECE8;border-radius:14px;background:#F4FCFB;color:#249D98;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap;transition:.16s ease}
.profile-wow-level-link-v142729:hover{transform:translateY(-1px);border-color:#BEE1DF;background:#DDF7F4}.profile-wow-level-link-v142729 .profile-level{margin:0}
.profile-wow-form-v142729{display:grid;gap:14px;padding-top:18px}
.profile-wow-form-v142729 label{display:grid;gap:7px;margin:0;min-width:0;color:#3B535B;font-size:10.5px;font-weight:800}
.profile-wow-form-v142729 label>span{display:block}.profile-wow-form-v142729 input,.profile-wow-form-v142729 select,.profile-wow-form-v142729 textarea{width:100%;min-width:0;border:1px solid #C6ECE8;background:#fff;border-radius:14px;padding:12px 13px;color:#314950;font:600 12px/1.35 Nunito,sans-serif;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.profile-wow-form-v142729 input,.profile-wow-form-v142729 select{min-height:46px}.profile-wow-form-v142729 textarea{resize:vertical;min-height:108px}
.profile-wow-form-v142729 input:focus,.profile-wow-form-v142729 select:focus,.profile-wow-form-v142729 textarea:focus{border-color:#7FD1CB;box-shadow:0 0 0 4px rgba(53,184,174,.10)}
.profile-wow-form-v142729 input[readonly]{background:#F5F8F9;color:#74898F;cursor:default}
.profile-wow-form-v142729 label>small{font-size:8.8px;line-height:1.35;color:#90A1A6;font-weight:600}
.profile-wow-identity-v142729{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.55fr);gap:14px}
.profile-wow-avatar-v142729,.profile-wow-name-v142729,.profile-wow-triple-v142729>label,.profile-wow-double-v142729>label,.profile-wow-bio-v142729{border:1px solid #E1EDEF;border-radius:20px;background:#F4FCFB;box-shadow:0 6px 18px rgba(37,83,91,.035)}
.profile-wow-avatar-v142729{display:flex;align-items:center;gap:14px;padding:17px}
.profile-wow-avatar-frame-v142729{width:92px;height:92px;flex:0 0 92px;border-radius:28px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#DDF7F4,#EAF9FC);color:#249D98;font-size:30px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(53,184,174,.13),0 10px 24px rgba(53,184,174,.08)}
.profile-wow-avatar-frame-v142729 img{width:100%;height:100%;object-fit:cover;display:block}
.profile-wow-avatar-action-v142729{flex:1!important;gap:3px!important}.profile-wow-avatar-action-v142729>span{font-size:12px;font-weight:900}.profile-wow-avatar-action-v142729>small{margin-bottom:7px}.profile-wow-avatar-action-v142729 input[type=file]{padding:8px;min-height:42px;font-size:10px;background:#fff}
.profile-wow-name-v142729{padding:16px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:11px 14px;align-items:start}
.profile-wow-name-v142729>label:first-child{grid-column:1/2}.profile-wow-name-rule-v142729{grid-column:1/-1;display:grid;grid-template-columns:24px minmax(0,1fr);gap:1px 8px;align-items:center;padding:9px 10px;border-radius:13px;background:#EDF8F5;color:#2C6864}
.profile-wow-name-rule-v142729.locked{background:#FFF7E9;color:#C96C38}.profile-wow-name-rule-v142729>i{grid-row:1/3;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.7);font-style:normal;font-weight:900}.profile-wow-name-rule-v142729>span{font-size:9.8px;font-weight:900;line-height:1.25}.profile-wow-name-rule-v142729>small{font-size:8.4px;opacity:.75;font-weight:700}
.profile-wow-username-v142729{grid-column:2/3;grid-row:1/2}.profile-wow-prefix-v142729{display:flex;align-items:center;border:1px solid #C6ECE8;border-radius:14px;background:#fff;overflow:hidden}.profile-wow-prefix-v142729>i{padding-left:12px;font-style:normal;color:#6F8792;font-weight:900}.profile-wow-prefix-v142729>input{border:0!important;box-shadow:none!important;padding-left:5px!important}
.profile-wow-triple-v142729{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,.95fr) minmax(0,1.2fr);gap:14px}.profile-wow-triple-v142729>label,.profile-wow-double-v142729>label,.profile-wow-bio-v142729{padding:15px}
.profile-wow-age-v142729{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.profile-wow-age-v142729>b{min-width:78px;min-height:46px;padding:0 10px;border-radius:13px;background:#EDF8F7;color:#249D98;display:grid;place-items:center;text-align:center;font-size:11px;white-space:nowrap}
.profile-wow-double-v142729{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.profile-wow-email-v142729{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.profile-wow-email-v142729>a{min-height:46px;padding:0 12px;border-radius:13px;background:#EDF8F7;color:#249D98;display:flex;align-items:center;text-decoration:none;font-size:10px;font-weight:900;white-space:nowrap}.profile-wow-email-v142729>a:hover{background:#DFF3F0}
.profile-wow-bio-v142729{display:grid!important;gap:7px!important}
.profile-wow-submit-v142729{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-radius:18px;background:linear-gradient(90deg,#F1FAF8,#F6FBFC);border:1px solid #DCECED}.profile-wow-submit-v142729>div{min-width:0}.profile-wow-submit-v142729 b,.profile-wow-submit-v142729 small{display:block}.profile-wow-submit-v142729 b{font-size:12px;color:#2D474F}.profile-wow-submit-v142729 small{margin-top:2px;color:#6F8792;font-size:9px}.profile-wow-submit-v142729 .btn{min-width:180px;min-height:46px}

html[data-theme="dark"] .top-account-menu-v142727>a.top-account-journey-v142729{background:linear-gradient(145deg,#182B30,#183437)!important;border-color:#2B4A4D!important;color:#C6ECE8!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important}
html[data-theme="dark"] .top-account-menu-v142727>a.top-account-journey-v142729:hover{background:linear-gradient(145deg,#1B3338,#1B3B3C)!important;border-color:#376866!important}html[data-theme="dark"] .top-account-menu-v142727>a.top-account-journey-v142729>div>b{color:#EEF7F8}html[data-theme="dark"] .top-account-journey-arrow-v142729{background:#183F40!important;color:#80DDD5!important}
html[data-theme="dark"] .profile-wow-v142729{background:linear-gradient(180deg,#18252B,#162328);border-color:#2D4148}html[data-theme="dark"] .profile-wow-header-v142729{border-color:#2A3D44}html[data-theme="dark"] .profile-wow-header-v142729 p{color:#91A7AE}html[data-theme="dark"] .profile-wow-level-link-v142729{background:#1A3034;border-color:#315055;color:#82DDD5}
html[data-theme="dark"] .profile-wow-avatar-v142729,html[data-theme="dark"] .profile-wow-name-v142729,html[data-theme="dark"] .profile-wow-triple-v142729>label,html[data-theme="dark"] .profile-wow-double-v142729>label,html[data-theme="dark"] .profile-wow-bio-v142729{background:#19282E;border-color:#2C4148}html[data-theme="dark"] .profile-wow-form-v142729 label{color:#CFE0E4}html[data-theme="dark"] .profile-wow-form-v142729 input,html[data-theme="dark"] .profile-wow-form-v142729 select,html[data-theme="dark"] .profile-wow-form-v142729 textarea,html[data-theme="dark"] .profile-wow-prefix-v142729{background:#162329;border-color:#30454C;color:#E0ECEF}html[data-theme="dark"] .profile-wow-form-v142729 input[readonly]{background:#1D2A30;color:#93A6AD}html[data-theme="dark"] .profile-wow-name-rule-v142729{background:#193936;color:#9DDBD3}html[data-theme="dark"] .profile-wow-name-rule-v142729.locked{background:#3A3120;color:#E8C77E}html[data-theme="dark"] .profile-wow-age-v142729>b,html[data-theme="dark"] .profile-wow-email-v142729>a{background:#183B3A;color:#89DDD6}html[data-theme="dark"] .profile-wow-submit-v142729{background:linear-gradient(90deg,#19312F,#1A2D32);border-color:#2D484B}html[data-theme="dark"] .profile-wow-submit-v142729 b{color:#E2EDEF}

@media(max-width:1023px){
  .profile-wow-v142729{padding:20px!important}.profile-wow-identity-v142729{grid-template-columns:1fr 1.35fr}.profile-wow-triple-v142729{grid-template-columns:1fr 1fr}.profile-wow-triple-v142729>label:last-child{grid-column:1/-1}.profile-wow-header-v142729{align-items:center}.profile-wow-header-v142729 p{max-width:560px}
}
@media(max-width:767px){
  .profile-wow-v142729{padding:16px!important;border-radius:22px!important}.profile-wow-header-v142729{display:grid;gap:12px;padding-bottom:15px}.profile-wow-header-v142729 h2{font-size:21px}.profile-wow-level-link-v142729{width:max-content;max-width:100%}
  .profile-wow-identity-v142729{grid-template-columns:1fr}.profile-wow-avatar-v142729{padding:14px}.profile-wow-avatar-frame-v142729{width:76px;height:76px;flex-basis:76px;border-radius:23px}.profile-wow-name-v142729{grid-template-columns:1fr}.profile-wow-name-v142729>label:first-child,.profile-wow-username-v142729,.profile-wow-name-rule-v142729{grid-column:1!important;grid-row:auto!important}
  .profile-wow-triple-v142729{grid-template-columns:1fr 1fr;gap:10px}.profile-wow-triple-v142729>label{padding:12px}.profile-wow-triple-v142729>label:last-child{grid-column:1/-1}.profile-wow-double-v142729{grid-template-columns:1fr;gap:10px}.profile-wow-double-v142729>label,.profile-wow-bio-v142729{padding:12px}
  .profile-wow-submit-v142729{display:grid;gap:10px}.profile-wow-submit-v142729 .btn{width:100%;min-width:0}.profile-wow-email-v142729{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:479px){
  .top-account-menu-v142727>a.top-account-journey-v142729{min-height:70px!important;padding:8px 10px!important}.top-account-menu-v142727>a.top-account-journey-v142729>.top-account-avatar-v142727{width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important}.top-account-journey-arrow-v142729{width:26px!important;height:26px!important;flex-basis:26px!important}
  .profile-wow-v142729{padding:13px!important}.profile-wow-form-v142729{gap:10px}.profile-wow-avatar-v142729{align-items:flex-start}.profile-wow-avatar-frame-v142729{width:68px;height:68px;flex-basis:68px;border-radius:20px}.profile-wow-avatar-action-v142729>span{font-size:11px}
  .profile-wow-triple-v142729{grid-template-columns:1fr 1fr}.profile-wow-age-v142729{grid-template-columns:1fr}.profile-wow-age-v142729>b{min-height:36px;min-width:0}.profile-wow-email-v142729{grid-template-columns:1fr}.profile-wow-email-v142729>a{min-height:40px;justify-content:center}.profile-wow-header-v142729 p{font-size:11px}
}


/* =========================================================
   TRIPLOOM V14.27.30 · ACCOUNT ID + DISPLAY & PRIVACY CENTER
   ========================================================= */
.top-account-name-row-v142730{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.top-account-name-row-v142730>b{min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-account-id-v142730{display:inline-flex!important;align-items:center!important;justify-content:center;min-height:22px;padding:0 8px;border-radius:9px;background:linear-gradient(145deg,#DDF7F4,#EEF8FB);border:1px solid #CDE8E5;color:#249D98!important;font-size:9px!important;font-weight:900!important;letter-spacing:.045em;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.9)}

.privacy-hub-v142730{padding:0!important;overflow:hidden;border-radius:28px!important}
.privacy-hero-v142730{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;padding:26px 28px;background:
 radial-gradient(circle at 88% 10%,rgba(87,199,191,.20),transparent 32%),
 linear-gradient(135deg,#DDF7F4,#F5FBFD 55%,#EEF9F8);border-bottom:1px solid #DFECEE}
.privacy-hero-v142730 h2{font-size:28px;line-height:1.08;letter-spacing:-.035em;margin:5px 0 8px;color:#253D45}
.privacy-hero-v142730 p{margin:0;max-width:760px;color:#71858D;font-size:11px;line-height:1.65}
.privacy-score-v142730{padding:18px;border-radius:22px;background:rgba(255,255,255,.86);border:1px solid rgba(205,232,229,.95);box-shadow:0 14px 35px rgba(25,101,103,.07),inset 0 1px #fff}
.privacy-score-v142730 strong,.privacy-score-v142730 span,.privacy-score-v142730 small{display:block}
.privacy-score-v142730 strong{font-size:30px;line-height:1;color:#69D7D0}
.privacy-score-v142730 span{font-size:10px;font-weight:900;color:#344F58;margin:6px 0 3px}
.privacy-score-v142730 small{font-size:8px;line-height:1.45;color:#8AA0A7}
.privacy-form-v142730{padding:22px 24px 24px}
.privacy-grid-v142730{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.privacy-card-v142730{min-width:0;padding:16px;border-radius:21px;background:linear-gradient(155deg,#fff,#F4FCFB);border:1px solid #DFEAEC;box-shadow:0 9px 25px rgba(34,84,92,.045)}
.privacy-card-v142730>header{display:flex;align-items:center;gap:11px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid #DDF7F4}
.privacy-card-v142730>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#DCF6F1,#E8F3FB);color:#249D98;flex:0 0 38px}
.privacy-card-v142730>header>span svg{width:18px;height:18px}
.privacy-card-v142730>header b,.privacy-card-v142730>header small{display:block}
.privacy-card-v142730>header b{font-size:11px;color:#334C55}
.privacy-card-v142730>header small{font-size:8px;color:#8CA0A6;margin-top:2px}
.privacy-switch-v142730,.privacy-select-v142730{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 2px;border-bottom:1px dashed #E8EFEF}
.privacy-card-v142730>label:last-of-type{border-bottom:0}
.privacy-switch-v142730>span{min-width:0}.privacy-switch-v142730 b,.privacy-switch-v142730 small{display:block}
.privacy-switch-v142730 b{font-size:9.5px;color:#3B535B}
.privacy-switch-v142730 small{font-size:7.8px;line-height:1.35;color:#91A2A7;margin-top:2px}
.privacy-switch-v142730 input,.privacy-guard-v142730 input{position:absolute;opacity:0;pointer-events:none}
.privacy-switch-v142730>i,.privacy-guard-v142730>i{position:relative;display:block;width:42px;height:24px;border-radius:99px;background:#DFE9EB;flex:0 0 42px;transition:.22s ease;box-shadow:inset 0 1px 2px rgba(43,72,78,.08)}
.privacy-switch-v142730>i:after,.privacy-guard-v142730>i:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(45,75,82,.18);transition:.22s ease}
.privacy-switch-v142730 input:checked+i,.privacy-guard-v142730 input:checked+i{background:linear-gradient(90deg,#69D7D0,#8EDFF0)}
.privacy-switch-v142730 input:checked+i:after,.privacy-guard-v142730 input:checked+i:after{transform:translateX(18px)}
.privacy-switch-v142730:focus-within>i,.privacy-guard-v142730:focus-within>i{outline:3px solid rgba(49,178,170,.15);outline-offset:2px}
.privacy-select-v142730>span{font-size:9px;font-weight:800;color:#536970}
.privacy-select-v142730 select{width:min(190px,54%);min-height:38px;border:1px solid #C6ECE8;border-radius:11px;background:#F4FCFB;padding:0 10px;font:700 8.5px Nunito,sans-serif;color:#3F5961}
.privacy-note-v142730{margin-top:10px;padding:10px 11px;border-radius:13px;background:#F1F8F8;color:#6D858B;font-size:8px;line-height:1.5}
.privacy-guard-grid-v142730{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.privacy-guard-v142730{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid #C6ECE8;border-radius:20px;background:linear-gradient(135deg,#EFFAF7,#F4FCFB);cursor:pointer}
.privacy-guard-v142730.travel-stealth{background:linear-gradient(135deg,#F2F7FF,#F4FCFB)}
.privacy-guard-icon-v142730{width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid #DCECEB;display:grid;place-items:center;color:#249D98}
.privacy-guard-icon-v142730 svg{width:19px;height:19px}
.privacy-guard-v142730 b{display:block;font-size:11px;color:#314A53}.privacy-guard-v142730 p{font-size:8.2px!important;line-height:1.45!important;margin:3px 0 0!important;color:#83979D!important}
.privacy-save-v142730{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:14px 15px;border-radius:18px;background:#F5FAFB;border:1px solid #DDF7F4}
.privacy-save-v142730 b,.privacy-save-v142730 small{display:block}.privacy-save-v142730 b{font-size:10px;color:#38535B}.privacy-save-v142730 small{font-size:8px;color:#8AA0A7;margin-top:2px}
.privacy-save-v142730 .btn{min-width:240px;min-height:44px}

.privacy-preview-v142730,.privacy-controls-v142730,.privacy-data-copy-v142730{margin-top:16px!important}
.privacy-preview-tabs-v142730{display:flex;gap:6px;flex-wrap:wrap}
.privacy-preview-tabs-v142730 a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #C6ECE8;border-radius:11px;background:#fff;color:#667E85;font-size:8.5px;font-weight:800}
.privacy-preview-tabs-v142730 a.active{background:#E6F7F4;border-color:#BCE6DF;color:#249D98}
.privacy-preview-card-v142730{padding:16px;border-radius:21px;background:linear-gradient(145deg,#F4FCFB,#F1F8F8);border:1px solid #C6ECE8}
.privacy-preview-person-v142730{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid #DFEAEC}
.privacy-preview-person-v142730>img,.privacy-preview-person-v142730>span{width:48px;height:48px;border-radius:15px;object-fit:cover;display:grid;place-items:center;background:#DFF5F1;color:#249D98;font-weight:900}
.privacy-preview-person-v142730 b,.privacy-preview-person-v142730 small{display:block}.privacy-preview-person-v142730 b{font-size:12px}.privacy-preview-person-v142730 small{font-size:8px;color:#82989E;margin-top:2px}
.privacy-preview-fields-v142730{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.privacy-preview-fields-v142730>div{padding:10px;border-radius:13px;background:#fff;border:1px solid #E1EAEC;min-width:0}
.privacy-preview-fields-v142730 span,.privacy-preview-fields-v142730 b{display:block}.privacy-preview-fields-v142730 span{font-size:7.5px;color:#91A2A7}.privacy-preview-fields-v142730 b{font-size:9px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.privacy-preview-fields-v142730>div.hidden{background:#F5F7F8;color:#98A7AA}.privacy-preview-fields-v142730>div.visible{border-color:#D4EBE7}
.privacy-preview-journey-v142730{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.privacy-preview-journey-v142730 span{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:800}.privacy-preview-journey-v142730 .visible{background:#E6F7F2;color:#249D98}.privacy-preview-journey-v142730 .hidden{background:#EFF2F3;color:#93A2A6}

.privacy-control-add-v142730{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,.6fr) auto;gap:9px;align-items:end;padding:13px;border-radius:17px;background:#F4FCFB;border:1px solid #C6ECE8}
.privacy-control-add-v142730 label>span{display:block;font-size:8px;font-weight:800;color:#6E858B;margin-bottom:5px}.privacy-control-add-v142730 input,.privacy-control-add-v142730 select{width:100%;min-height:42px;border:1px solid #DAE8EA;border-radius:12px;background:#fff;padding:0 11px;font:700 9px Nunito,sans-serif}
.privacy-control-add-v142730 .btn{min-height:42px}
.privacy-control-list-v142730{display:grid;gap:7px;margin-top:11px}
.privacy-control-list-v142730 article{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #C6ECE8;border-radius:15px;background:#fff}
.privacy-control-list-v142730 img,.privacy-control-avatar-v142730{width:42px;height:42px;border-radius:13px;object-fit:cover;display:grid;place-items:center;background:#E4F6F2;color:#249D98;font-weight:900}
.privacy-control-list-v142730 b,.privacy-control-list-v142730 small{display:block}.privacy-control-list-v142730 b{font-size:9.5px}.privacy-control-list-v142730 small{font-size:7.5px;color:#8DA0A5;margin-top:2px}
.privacy-control-list-v142730 em{font-style:normal;padding:5px 8px;border-radius:999px;font-size:7.5px;font-weight:900}.privacy-control-list-v142730 em.blocked{background:#FFF0F0;color:#B65757}.privacy-control-list-v142730 em.restricted{background:#FFF6E7;color:#C96C38}.privacy-control-list-v142730 em.muted{background:#EEF4F7;color:#607C86}
.privacy-control-list-v142730 .btn{min-height:34px;padding:0 10px}
.privacy-empty-v142730{margin-top:11px;padding:16px;border-radius:15px;background:#F4FCFB;text-align:center;color:#8CA0A6;font-size:9px}
.privacy-data-copy-v142730{display:flex;align-items:center;justify-content:space-between;gap:18px}.privacy-data-copy-v142730 h3{margin:3px 0 5px}.privacy-data-copy-v142730 p{margin:0}.privacy-data-copy-v142730 .btn{white-space:nowrap}

html[data-theme="dark"] .top-account-id-v142730{background:#183739;border-color:#2C5555;color:#8FE1D9!important;box-shadow:none}
html[data-theme="dark"] .privacy-hub-v142730,html[data-theme="dark"] .privacy-preview-v142730,html[data-theme="dark"] .privacy-controls-v142730,html[data-theme="dark"] .privacy-data-copy-v142730{background:#162329;border-color:#2C4148}
html[data-theme="dark"] .privacy-hero-v142730{background:radial-gradient(circle at 88% 10%,rgba(105,215,208,.12),transparent 32%),linear-gradient(135deg,#192B30,#17262C);border-color:#294047}
html[data-theme="dark"] .privacy-hero-v142730 h2,html[data-theme="dark"] .privacy-card-v142730>header b,html[data-theme="dark"] .privacy-switch-v142730 b,html[data-theme="dark"] .privacy-guard-v142730 b{color:#E2EDEF}
html[data-theme="dark"] .privacy-hero-v142730 p,html[data-theme="dark"] .privacy-card-v142730>header small,html[data-theme="dark"] .privacy-switch-v142730 small{color:#91A7AE}
html[data-theme="dark"] .privacy-score-v142730,html[data-theme="dark"] .privacy-card-v142730,html[data-theme="dark"] .privacy-preview-card-v142730,html[data-theme="dark"] .privacy-control-list-v142730 article{background:#19282E;border-color:#2D4249;box-shadow:none}
html[data-theme="dark"] .privacy-select-v142730 select,html[data-theme="dark"] .privacy-control-add-v142730 input,html[data-theme="dark"] .privacy-control-add-v142730 select{background:#162329;border-color:#30464D;color:#DCE9EC}
html[data-theme="dark"] .privacy-select-v142730>span{color:#A2B3B8}
html[data-theme="dark"] .privacy-guard-v142730,html[data-theme="dark"] .privacy-guard-v142730.travel-stealth,html[data-theme="dark"] .privacy-save-v142730,html[data-theme="dark"] .privacy-control-add-v142730{background:#192B30;border-color:#2D454B}
html[data-theme="dark"] .privacy-guard-icon-v142730,html[data-theme="dark"] .privacy-preview-fields-v142730>div{background:#162329;border-color:#2D4148}
html[data-theme="dark"] .privacy-preview-tabs-v142730 a{background:#18262C;border-color:#30464D;color:#9DB0B5}html[data-theme="dark"] .privacy-preview-tabs-v142730 a.active{background:#183B3A;color:#86DDD5;border-color:#315857}
html[data-theme="dark"] .privacy-note-v142730,html[data-theme="dark"] .privacy-empty-v142730{background:#1B3035;color:#9BB0B5}

@media(max-width:1023px){
  .privacy-hero-v142730{grid-template-columns:minmax(0,1fr) 185px;padding:22px}.privacy-form-v142730{padding:18px}.privacy-grid-v142730{gap:11px}.privacy-card-v142730{padding:14px}
  .privacy-preview-fields-v142730{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .privacy-hub-v142730{border-radius:22px!important}.privacy-hero-v142730{grid-template-columns:1fr;gap:13px;padding:17px}.privacy-hero-v142730 h2{font-size:22px}.privacy-score-v142730{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:13px}.privacy-score-v142730 strong{grid-row:1/3}.privacy-score-v142730 small{grid-column:2}
  .privacy-form-v142730{padding:12px}.privacy-grid-v142730{grid-template-columns:1fr}.privacy-guard-grid-v142730{grid-template-columns:1fr}.privacy-save-v142730{display:grid;gap:9px}.privacy-save-v142730 .btn{width:100%;min-width:0}
  .privacy-preview-v142730 .section-head{display:grid;gap:10px}.privacy-preview-tabs-v142730{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.privacy-preview-tabs-v142730 a{white-space:nowrap}
  .privacy-control-add-v142730{grid-template-columns:1fr 1fr}.privacy-control-add-v142730 label:first-child{grid-column:1/-1}.privacy-control-add-v142730 .btn{grid-column:1/-1}
  .privacy-control-list-v142730 article{grid-template-columns:38px minmax(0,1fr) auto}.privacy-control-list-v142730 img,.privacy-control-avatar-v142730{width:38px;height:38px}.privacy-control-list-v142730 article>form{grid-column:2/-1}.privacy-control-list-v142730 article>form .btn{width:100%}
  .privacy-data-copy-v142730{display:grid}.privacy-data-copy-v142730 .btn{width:100%}
}
@media(max-width:479px){
  .top-account-name-row-v142730{gap:5px}.top-account-id-v142730{font-size:8.5px!important;min-height:21px;padding:0 7px}.top-account-name-row-v142730>b{max-width:145px}
  .privacy-card-v142730{padding:12px;border-radius:17px}.privacy-card-v142730>header>span{width:34px;height:34px;flex-basis:34px;border-radius:11px}.privacy-switch-v142730,.privacy-select-v142730{gap:8px;padding:9px 0}.privacy-select-v142730{align-items:flex-start;flex-direction:column}.privacy-select-v142730 select{width:100%;min-height:40px}
  .privacy-guard-v142730{grid-template-columns:38px minmax(0,1fr) auto;padding:12px;gap:9px}.privacy-guard-icon-v142730{width:36px;height:36px;border-radius:12px}.privacy-guard-v142730>i{width:38px;flex-basis:38px}.privacy-guard-v142730 input:checked+i:after{transform:translateX(14px)}
  .privacy-preview-fields-v142730{grid-template-columns:1fr 1fr;gap:6px}.privacy-preview-fields-v142730>div{padding:9px}.privacy-preview-person-v142730>img,.privacy-preview-person-v142730>span{width:42px;height:42px;border-radius:13px}
  .privacy-control-add-v142730{grid-template-columns:1fr}.privacy-control-add-v142730 label:first-child,.privacy-control-add-v142730 .btn{grid-column:auto}
}

/* =========================================================
   TRIPLOOM V14.27.31 · COMPACT PRIVACY CENTER UI
   Visual-only refinement. No privacy logic/data changes.
   ========================================================= */
@media (min-width:1280px){
  .privacy-hub-v142730{border-radius:24px!important}
  .privacy-hero-v142730{grid-template-columns:minmax(0,1fr) 178px;gap:20px;padding:19px 22px;background:radial-gradient(circle at 90% 0,rgba(72,198,190,.17),transparent 34%),linear-gradient(135deg,#F8FDFC 0%,#F4FBFC 58%,#EEF9F8 100%)}
  .privacy-hero-v142730 h2{font-size:24px;margin:4px 0 5px}
  .privacy-hero-v142730 p{max-width:860px;font-size:10px;line-height:1.5}
  .privacy-score-v142730{padding:13px 14px;border-radius:17px;box-shadow:0 10px 26px rgba(25,101,103,.055),inset 0 1px #fff}
  .privacy-score-v142730 strong{font-size:25px}.privacy-score-v142730 span{font-size:9px;margin:4px 0 2px}.privacy-score-v142730 small{font-size:7.5px}
  .privacy-form-v142730{padding:14px 16px 16px}
  .privacy-grid-v142730{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .privacy-card-v142730{padding:12px 13px;border-radius:17px;box-shadow:0 7px 18px rgba(34,84,92,.035)}
  .privacy-card-v142730>header{gap:9px;padding-bottom:9px;margin-bottom:1px}
  .privacy-card-v142730>header>span{width:33px;height:33px;flex-basis:33px;border-radius:11px}.privacy-card-v142730>header>span svg{width:16px;height:16px}
  .privacy-card-v142730>header b{font-size:10.5px}.privacy-card-v142730>header small{font-size:7.5px;margin-top:1px}
  .privacy-switch-v142730,.privacy-select-v142730{gap:9px;padding:7px 1px;min-height:42px}
  .privacy-switch-v142730 b{font-size:8.8px}.privacy-switch-v142730 small{font-size:7.2px;line-height:1.25;margin-top:1px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .privacy-switch-v142730>i,.privacy-guard-v142730>i{width:38px;height:22px;flex-basis:38px}.privacy-switch-v142730>i:after,.privacy-guard-v142730>i:after{width:16px;height:16px}.privacy-switch-v142730 input:checked+i:after,.privacy-guard-v142730 input:checked+i:after{transform:translateX(16px)}
  .privacy-select-v142730>span{font-size:8.5px}.privacy-select-v142730 select{width:min(156px,56%);min-height:34px;border-radius:10px;padding:0 8px;font-size:8px}
  .privacy-note-v142730{margin-top:7px;padding:8px 9px;border-radius:11px;font-size:7.4px;line-height:1.35}
  .privacy-guard-grid-v142730{gap:10px;margin-top:10px}.privacy-guard-v142730{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:11px 12px;border-radius:16px}.privacy-guard-icon-v142730{width:36px;height:36px;border-radius:12px}.privacy-guard-icon-v142730 svg{width:17px;height:17px}.privacy-guard-v142730 b{font-size:10px}.privacy-guard-v142730 p{font-size:7.6px!important;line-height:1.3!important;margin-top:2px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .privacy-save-v142730{margin-top:10px;padding:10px 12px;border-radius:15px}.privacy-save-v142730 b{font-size:9px}.privacy-save-v142730 small{font-size:7.4px}.privacy-save-v142730 .btn{min-width:210px;min-height:39px}
  .privacy-preview-v142730,.privacy-controls-v142730,.privacy-data-copy-v142730{margin-top:11px!important}
  .privacy-preview-v142730,.privacy-controls-v142730,.privacy-data-copy-v142730{border-radius:20px!important;padding:15px 17px!important}
  .privacy-preview-v142730 .section-head,.privacy-controls-v142730 .section-head{margin-bottom:10px!important}
  .privacy-preview-tabs-v142730 a{min-height:31px;padding:0 10px;border-radius:10px;font-size:8px}
  .privacy-preview-card-v142730{padding:12px 13px;border-radius:16px}.privacy-preview-person-v142730{gap:9px;padding-bottom:9px}.privacy-preview-person-v142730>img,.privacy-preview-person-v142730>span{width:42px;height:42px;border-radius:13px}.privacy-preview-person-v142730 b{font-size:10.5px}.privacy-preview-person-v142730 small{font-size:7.5px}
  .privacy-preview-fields-v142730{gap:6px;margin-top:9px}.privacy-preview-fields-v142730>div{padding:8px 9px;border-radius:11px}.privacy-preview-fields-v142730 span{font-size:7px}.privacy-preview-fields-v142730 b{font-size:8.5px;margin-top:2px}.privacy-preview-journey-v142730{gap:5px;margin-top:8px}.privacy-preview-journey-v142730 span{padding:5px 8px;font-size:7.5px}
  .privacy-control-add-v142730{grid-template-columns:minmax(0,1.7fr) minmax(145px,.55fr) auto;gap:8px;padding:10px;border-radius:14px}.privacy-control-add-v142730 label>span{font-size:7.5px;margin-bottom:4px}.privacy-control-add-v142730 input,.privacy-control-add-v142730 select{min-height:37px;border-radius:10px;font-size:8.5px}.privacy-control-add-v142730 .btn{min-height:37px}
  .privacy-control-list-v142730{gap:6px;margin-top:8px}.privacy-control-list-v142730 article{grid-template-columns:38px minmax(0,1fr) auto auto;gap:8px;padding:8px 9px;border-radius:13px}.privacy-control-list-v142730 img,.privacy-control-avatar-v142730{width:38px;height:38px;border-radius:11px}.privacy-control-list-v142730 b{font-size:9px}.privacy-control-list-v142730 small{font-size:7px}.privacy-control-list-v142730 .btn{min-height:31px}
  .privacy-empty-v142730{margin-top:8px;padding:11px;border-radius:12px;font-size:8px}
  .privacy-data-copy-v142730{gap:14px}.privacy-data-copy-v142730 h3{margin:2px 0 3px}.privacy-data-copy-v142730 p{font-size:9px!important}.privacy-data-copy-v142730 .btn{min-height:38px}
}

@media (min-width:768px) and (max-width:1279px){
  .privacy-hub-v142730{border-radius:22px!important}
  .privacy-hero-v142730{grid-template-columns:minmax(0,1fr) 170px;gap:16px;padding:18px 20px}.privacy-hero-v142730 h2{font-size:23px;margin:4px 0 5px}.privacy-hero-v142730 p{font-size:10px;line-height:1.5}.privacy-score-v142730{padding:12px 13px;border-radius:16px}.privacy-score-v142730 strong{font-size:24px}
  .privacy-form-v142730{padding:13px 14px 15px}.privacy-grid-v142730{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.privacy-card-v142730{padding:12px;border-radius:16px}.privacy-card-v142730>header{padding-bottom:9px}.privacy-switch-v142730,.privacy-select-v142730{padding:7px 1px}.privacy-switch-v142730 small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.privacy-select-v142730 select{min-height:36px}
  .privacy-guard-grid-v142730{gap:9px;margin-top:9px}.privacy-guard-v142730{padding:11px;border-radius:15px}.privacy-save-v142730{margin-top:9px;padding:10px 11px}
  .privacy-preview-v142730,.privacy-controls-v142730,.privacy-data-copy-v142730{margin-top:10px!important}
}

@media (max-width:767px){
  .privacy-hub-v142730{border-radius:19px!important}.privacy-hero-v142730{padding:14px 14px 13px;gap:9px}.privacy-hero-v142730 h2{font-size:20px;margin:3px 0 4px}.privacy-hero-v142730 p{font-size:9.5px;line-height:1.45}.privacy-score-v142730{grid-template-columns:auto 1fr auto;padding:9px 10px;border-radius:14px}.privacy-score-v142730 strong{font-size:22px;grid-row:auto}.privacy-score-v142730 span{font-size:8.5px;margin:0}.privacy-score-v142730 small{display:none}
  .privacy-form-v142730{padding:9px}.privacy-grid-v142730{gap:8px}.privacy-card-v142730{padding:11px;border-radius:15px}.privacy-card-v142730>header{gap:8px;padding-bottom:8px;margin-bottom:0}.privacy-card-v142730>header>span{width:32px;height:32px;flex-basis:32px;border-radius:10px}.privacy-card-v142730>header b{font-size:10.5px}.privacy-card-v142730>header small{font-size:7.5px}
  .privacy-switch-v142730,.privacy-select-v142730{padding:7px 0;gap:9px}.privacy-switch-v142730 b{font-size:9px}.privacy-switch-v142730 small{font-size:7.2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.privacy-switch-v142730>i{width:38px;height:22px;flex-basis:38px}.privacy-switch-v142730>i:after{width:16px;height:16px}.privacy-switch-v142730 input:checked+i:after{transform:translateX(16px)}
  .privacy-select-v142730{flex-direction:row;align-items:center}.privacy-select-v142730 select{width:min(160px,55%);min-height:36px;border-radius:10px;font-size:8px}.privacy-note-v142730{margin-top:6px;padding:8px;font-size:7.3px}
  .privacy-guard-grid-v142730{gap:7px;margin-top:8px}.privacy-guard-v142730{grid-template-columns:34px minmax(0,1fr) auto;padding:9px;gap:8px;border-radius:14px}.privacy-guard-icon-v142730{width:32px;height:32px;border-radius:10px}.privacy-guard-v142730 b{font-size:9.5px}.privacy-guard-v142730 p{font-size:7.2px!important;line-height:1.28!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.privacy-guard-v142730>i{width:38px;height:22px;flex-basis:38px}.privacy-guard-v142730>i:after{width:16px;height:16px}.privacy-guard-v142730 input:checked+i:after{transform:translateX(16px)}
  .privacy-save-v142730{margin-top:8px;padding:9px;border-radius:13px;gap:7px}.privacy-save-v142730 b{font-size:8.5px}.privacy-save-v142730 small{font-size:7px}.privacy-save-v142730 .btn{min-height:39px}
  .privacy-preview-v142730,.privacy-controls-v142730,.privacy-data-copy-v142730{margin-top:9px!important;padding:13px!important;border-radius:17px!important}.privacy-preview-card-v142730{padding:10px;border-radius:14px}.privacy-preview-fields-v142730{margin-top:8px}.privacy-control-add-v142730{padding:9px;border-radius:13px}.privacy-data-copy-v142730{gap:9px}
}

@media (max-width:479px){
  .privacy-select-v142730{flex-direction:column;align-items:stretch;gap:5px}.privacy-select-v142730 select{width:100%;min-height:37px}.privacy-card-v142730{padding:10px}.privacy-hero-v142730{padding:13px 12px 11px}.privacy-score-v142730{grid-template-columns:auto 1fr}.privacy-score-v142730 strong{font-size:21px}.privacy-score-v142730 span{font-size:8px}.privacy-guard-v142730 p{display:none}.privacy-preview-fields-v142730{grid-template-columns:1fr 1fr}.privacy-preview-journey-v142730{gap:4px}.privacy-preview-journey-v142730 span{padding:5px 7px}.privacy-data-copy-v142730 p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}


/* ========================================================================== 
   TRIPLOOM V14.27.32 · UNIFIED JOURNEY, LEVEL & ACHIEVEMENT + PRIVILEGE POPUP
   ========================================================================== */
.journey-subnav-v142732{scroll-margin-top:12px}.journey-unified-head-v142732{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 16px;padding:2px 2px}.journey-unified-head-v142732 h2{margin:3px 0 4px;font-size:26px}.journey-unified-head-v142732 p{margin:0;color:#6E878D;max-width:780px}.journey-level-hero-v142732{margin-top:0}.journey-overview-kpis-v142732{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0}.journey-overview-kpis-v142732 article{min-width:0;padding:15px;border:1px solid #C6ECE8;border-radius:18px;background:linear-gradient(180deg,#fff,#F4FCFB);box-shadow:0 10px 26px rgba(27,82,87,.045)}.journey-overview-kpis-v142732 span,.journey-overview-kpis-v142732 b,.journey-overview-kpis-v142732 small{display:block}.journey-overview-kpis-v142732 span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#DDF7F4;margin-bottom:10px}.journey-overview-kpis-v142732 b{font-size:22px;color:#17343B}.journey-overview-kpis-v142732 small{font-size:9px;color:#799197;margin-top:2px}.journey-next-level-v142732,.journey-achievement-preview-v142732,.journey-privileges-v142732,.journey-matrix-panel-v142732,.journey-recent-v142732{margin-top:14px}.journey-preview-notice-v142732{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #D8ECE9;border-radius:17px;background:linear-gradient(135deg,#EFFBF9,#F4FCFB);margin:0 0 14px}.journey-preview-notice-v142732>span{font-size:24px}.journey-preview-notice-v142732 b,.journey-preview-notice-v142732 p{display:block;margin:0}.journey-preview-notice-v142732 p{font-size:10px;color:#6F898F;margin-top:2px}.journey-achievement-hero-v142732{margin-top:0}.journey-recent-list-v142732{display:grid;gap:8px}.journey-recent-list-v142732 article{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(160px,.8fr);gap:10px;align-items:center;padding:11px 12px;border-radius:15px;background:#F4FCFB;border:1px solid #E2EEEE}.journey-recent-list-v142732 article>span{width:34px;height:34px;border-radius:11px;background:#E7F8F4;color:#249D98;display:grid;place-items:center;font-weight:900}.journey-recent-list-v142732 b,.journey-recent-list-v142732 small{display:block}.journey-recent-list-v142732 small{font-size:9px;color:#7D9398;margin-top:2px}.level-privilege-table-wrap-v142732{overflow:auto;overscroll-behavior:contain;border:1px solid #D9E9EB;border-radius:19px;background:#fff}.level-privilege-table-v142732{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;font-size:10px}.level-privilege-table-v142732 th,.level-privilege-table-v142732 td{padding:11px 10px;border-right:1px solid #E2EDEF;border-bottom:1px solid #E2EDEF;text-align:center;vertical-align:middle}.level-privilege-table-v142732 thead th{position:sticky;top:0;z-index:1;background:#F1FAF9;color:#24434A}.level-privilege-table-v142732 thead th:first-child{left:0;z-index:3;min-width:210px;text-align:left}.level-privilege-table-v142732 tbody th{position:sticky;left:0;z-index:2;min-width:210px;text-align:left;background:#F4FCFB;display:table-cell}.level-privilege-table-v142732 tbody th span{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:10px;background:#DDF7F4;margin-right:7px;font-size:15px}.level-privilege-table-v142732 tbody th b{font-size:10px}.level-privilege-table-v142732 thead th span,.level-privilege-table-v142732 thead th b{display:block}.level-privilege-table-v142732 thead th span{font-size:21px;margin-bottom:3px}.level-privilege-table-v142732 tr:last-child th,.level-privilege-table-v142732 tr:last-child td{border-bottom:0}.level-privilege-table-v142732 th:last-child,.level-privilege-table-v142732 td:last-child{border-right:0}.level-privilege-table-v142732 .is-current{background:#EEFAF7}.level-privilege-table-v142732 .is-target{background:#FFF7E9!important;box-shadow:inset 0 3px 0 #FF9B5E}.level-feature-modal-card{width:min(1120px,calc(100vw - 28px));max-width:1120px;max-height:min(92dvh,900px);padding:22px;overflow:auto}.level-modal-message-v142732{margin:3px 46px 6px 0!important;color:#355F64!important;font-weight:700;line-height:1.55}.level-modal-desc-v142732{margin:0 46px 0 0!important;font-size:10px}.level-modal-matrix-head-v142732{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:17px 0 8px}.level-modal-matrix-head-v142732 small,.level-modal-matrix-head-v142732 b{display:block}.level-modal-matrix-head-v142732 small{font-size:8px;letter-spacing:.11em;color:#249D98;font-weight:900}.level-modal-matrix-head-v142732 b{font-size:15px;margin-top:2px}.level-modal-matrix-head-v142732>span{font-size:8px;color:#83979B}.level-modal-table-wrap-v142732{max-height:330px}.level-modal-table-v142732{min-width:880px}.level-modal-actions{position:sticky;bottom:-22px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%);padding-top:24px;padding-bottom:2px;z-index:4}.level-feature-modal.open .level-feature-modal-card{animation:journeyPrivilegePop .22s ease-out}@keyframes journeyPrivilegePop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1100px){.journey-overview-kpis-v142732{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.journey-unified-head-v142732{align-items:flex-start;flex-direction:column}.journey-unified-head-v142732 h2{font-size:21px}.journey-overview-kpis-v142732{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.journey-overview-kpis-v142732 article{padding:12px;min-height:92px}.journey-overview-kpis-v142732 b{font-size:20px}.journey-recent-list-v142732 article{grid-template-columns:34px minmax(0,1fr)}.journey-recent-list-v142732 article>div:last-child{grid-column:2}.level-feature-modal-card{width:calc(100vw - 18px);max-height:94dvh;padding:16px;border-radius:22px}.level-modal-message-v142732,.level-modal-desc-v142732{margin-right:30px!important}.level-modal-matrix-head-v142732{align-items:flex-start;flex-direction:column}.level-modal-table-wrap-v142732{max-height:300px}.level-modal-actions{bottom:-16px;margin-left:-2px;margin-right:-2px}.level-privilege-table-v142732{font-size:9px}.level-privilege-table-v142732 th,.level-privilege-table-v142732 td{padding:9px 8px}.level-privilege-table-v142732 thead th:first-child,.level-privilege-table-v142732 tbody th{min-width:170px}.journey-subnav-v142732 a{flex:0 0 auto}}


/* ========================================================================== 
   TRIPLOOM V14.27.33 · COMPACT ACCOUNT JOURNEY + PREMIUM LEVEL GATE POPUP
   UI-only refinement. Desktop journey logic and server-side Level gates stay unchanged.
   ========================================================================== */
/* Account menu: the unified Journey hub replaces the two duplicated Journey/Achievement shortcuts. */
.top-account-journey-hub-v142733{min-height:46px!important;padding:7px 9px!important;border-radius:14px!important;background:linear-gradient(135deg,#F2FBFA,#F8FCFD)!important;border:1px solid #D9ECEA!important}
.top-account-journey-hub-v142733>span{width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;background:#DDF7F4!important}
.top-account-journey-hub-v142733 b{font-size:10.5px!important}.top-account-journey-hub-v142733 small{font-size:7.7px!important;line-height:1.25!important;margin-top:1px!important}
.top-account-quick-grid-v142728{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.top-account-quick-grid-v142728>a{min-height:43px!important;padding:6px 7px!important;border-radius:13px!important}.top-account-quick-grid-v142728>a>span{width:31px!important;height:31px!important;min-width:31px!important;border-radius:10px!important}.top-account-quick-grid-v142728>a>b{font-size:9.5px!important}

/* Level gate popup follows the same soft, premium travel language used by Trip popups. */
.level-feature-modal-v142733{padding:18px!important;background:radial-gradient(circle at 50% 0,rgba(58,190,183,.18),transparent 38%),rgba(12,33,40,.40)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important;backdrop-filter:blur(18px) saturate(130%)!important}
.level-feature-modal-card-v142733{width:min(980px,calc(100vw - 36px))!important;max-width:980px!important;max-height:min(90dvh,790px)!important;padding:24px 24px 0!important;border-radius:30px!important;border:1px solid #D5E9EB!important;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,252,252,.99))!important;box-shadow:0 34px 92px rgba(19,58,68,.28),inset 0 1px 0 rgba(255,255,255,.96)!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:#9FD8D4 transparent;isolation:isolate}
.level-feature-modal-card-v142733::before{content:"";position:absolute;inset:0 0 auto;height:132px;background:radial-gradient(circle at 78% 0,rgba(78,194,218,.18),transparent 45%),linear-gradient(180deg,rgba(91,201,216,.10),transparent);z-index:-1;pointer-events:none}
.level-feature-close-v142733{right:18px!important;top:18px!important;width:44px!important;height:44px!important;border-radius:50%!important;background:rgba(255,255,255,.96)!important;border:1px solid #D8E9EB!important;box-shadow:0 10px 26px rgba(25,78,88,.13)!important}
.level-modal-kicker-v142733{display:inline-flex;align-items:center;gap:8px;margin:0 54px 10px 0;padding:8px 12px;border:1px solid #CDEBE7;border-radius:999px;background:#DDF7F4;color:#249D98;font-size:9px;line-height:1;font-weight:900;letter-spacing:.11em}
.level-modal-kicker-v142733>span{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#DCF5F1}.level-modal-kicker-v142733 svg{width:13px;height:13px;stroke:currentColor;fill:none}
.modal.level-feature-modal-v142733 .modal-card.level-feature-modal-card-v142733>h2{margin:0 58px 11px 0!important;padding:0!important;color:#213740!important;font-size:clamp(14px,2.25vw,30px)!important;line-height:1.05!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
.level-modal-intro-v142733{display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:16px;align-items:stretch;margin:0 0 14px}
.level-modal-copy-v142733{padding:13px 14px;border:1px solid #DEECEE;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 9px 24px rgba(35,83,91,.04)}
.level-modal-message-v142732{margin:0!important;color:#335B63!important;font-size:11.5px!important;font-weight:750!important;line-height:1.55!important}
.level-modal-desc-v142732{margin:6px 0 0!important;color:#789097!important;font-size:9.5px!important;line-height:1.5!important}
.level-modal-status-v142733{display:grid;gap:8px;min-width:0}
.level-feature-modal-card-v142733 .level-modal-route{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:6px;margin:0!important}
.level-feature-modal-card-v142733 .level-modal-route>div{min-height:56px;padding:9px 11px;border-radius:16px;background:linear-gradient(180deg,#fff,#F4FCFB);border:1px solid #D9E9EB;display:grid;align-content:center}
.level-feature-modal-card-v142733 .level-modal-route small{font-size:7px;letter-spacing:.09em;color:#82969B}.level-feature-modal-card-v142733 .level-modal-route b{font-size:11px;margin-top:2px;color:#28444C}.level-feature-modal-card-v142733 .level-modal-route>i{display:grid;place-items:center;font-size:13px;color:#6FA6A2}
.level-feature-modal-card-v142733 .level-modal-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.level-feature-modal-card-v142733 .level-modal-progress>div{min-height:55px;padding:8px 10px;border-radius:15px;background:#F3F8F8;border:1px solid #DDF7F4;display:grid;align-content:center}.level-feature-modal-card-v142733 .level-modal-progress>div.ok{background:#EFF9F5;border-color:#D8EEE4}.level-feature-modal-card-v142733 .level-modal-progress span{font-size:7px}.level-feature-modal-card-v142733 .level-modal-progress b{font-size:11px;margin-top:1px}.level-feature-modal-card-v142733 .level-modal-progress small{font-size:7px;margin-top:1px}
.level-feature-modal-card-v142733 .level-modal-disabled,.level-feature-modal-card-v142733 .level-modal-ready{grid-column:1/-1;min-height:55px}.level-feature-modal-card-v142733 .level-modal-disabled b,.level-feature-modal-card-v142733 .level-modal-ready b{font-size:10.5px}.level-feature-modal-card-v142733 .level-modal-disabled small,.level-feature-modal-card-v142733 .level-modal-ready small{font-size:8px}
.level-modal-matrix-head-v142733{margin:8px 2px 7px!important;align-items:end!important}.level-modal-matrix-head-v142733 small{font-size:7.5px!important}.level-modal-matrix-head-v142733 b{font-size:13px!important}.level-modal-matrix-head-v142733>span{font-size:7.5px!important}
.level-modal-table-wrap-v142733{max-height:238px!important;border-radius:18px!important;box-shadow:0 8px 22px rgba(33,84,92,.035)!important;scrollbar-width:thin;scrollbar-color:#A6D9D4 transparent}
.level-feature-modal-card-v142733 .level-privilege-table-v142732{min-width:850px;font-size:9px!important}.level-feature-modal-card-v142733 .level-privilege-table-v142732 th,.level-feature-modal-card-v142733 .level-privilege-table-v142732 td{padding:8px 8px!important}.level-feature-modal-card-v142733 .level-privilege-table-v142732 thead th:first-child,.level-feature-modal-card-v142733 .level-privilege-table-v142732 tbody th{min-width:185px!important}.level-feature-modal-card-v142733 .level-privilege-table-v142732 thead th span{font-size:17px;margin-bottom:1px}.level-feature-modal-card-v142733 .level-privilege-table-v142732 tbody th span{width:27px;height:27px;font-size:13px;border-radius:9px}.level-feature-modal-card-v142733 .level-privilege-table-v142732 tbody th b{font-size:9px}
.level-modal-travel-footer-v142733{position:relative;height:108px;min-height:108px;margin:8px -24px 0;overflow:hidden;border-radius:0 0 29px 29px;background:linear-gradient(180deg,rgba(249,253,253,.96) 0%,rgba(249,253,253,.74) 18%,rgba(249,253,253,.20) 58%,rgba(12,73,78,.08) 100%),url('triploom-modal-footer.webp') center 66%/cover no-repeat}
.level-modal-actions-v142733{position:absolute!important;left:50%;top:23px;bottom:auto!important;transform:translateX(-50%);width:min(570px,calc(100% - 44px));margin:0!important;padding:0!important;background:transparent!important;display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:9px!important;z-index:2}.level-modal-actions-v142733 .btn{min-height:48px!important;border-radius:16px!important;font-size:11px!important}.level-modal-actions-v142733 .btn-soft{background:rgba(255,255,255,.94)!important;border:1px solid #CFE4E5!important;box-shadow:0 10px 24px rgba(29,89,96,.10)!important}.level-modal-actions-v142733 .btn-primary{background:linear-gradient(135deg,#69D7D0,#69D7D0)!important;border:0!important;box-shadow:0 14px 28px rgba(29,154,157,.22)!important}
.level-feature-modal.open .level-feature-modal-card-v142733{animation:journeyPrivilegePopV142733 .22s ease-out}@keyframes journeyPrivilegePopV142733{from{opacity:0;transform:translateY(8px) scale(.987)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .level-modal-intro-v142733{grid-template-columns:1fr;gap:9px}.level-modal-copy-v142733{padding:11px 12px}.level-feature-modal-card-v142733 .level-modal-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.level-modal-table-wrap-v142733{max-height:230px!important}
}
@media(max-width:767px){
  .level-feature-modal-v142733{padding:9px!important;align-items:flex-end!important}.level-feature-modal-card-v142733{width:100%!important;max-width:none!important;max-height:94dvh!important;padding:17px 15px 0!important;border-radius:24px 24px 20px 20px!important}.level-feature-modal-card-v142733::before{height:105px}.level-feature-close-v142733{right:12px!important;top:12px!important;width:40px!important;height:40px!important}.level-modal-kicker-v142733{margin-right:46px;margin-bottom:8px;padding:7px 10px;font-size:7.5px}.modal.level-feature-modal-v142733 .modal-card.level-feature-modal-card-v142733>h2{margin-right:46px!important;margin-bottom:9px!important;font-size:clamp(13px,4vw,21px)!important;letter-spacing:-.03em!important}.level-modal-message-v142732{font-size:10px!important}.level-modal-desc-v142732{font-size:8px!important;margin-top:4px!important}.level-feature-modal-card-v142733 .level-modal-route{grid-template-columns:1fr 18px 1fr}.level-feature-modal-card-v142733 .level-modal-route>i{transform:none!important}.level-feature-modal-card-v142733 .level-modal-route>div{min-height:50px;padding:8px 9px}.level-feature-modal-card-v142733 .level-modal-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.level-feature-modal-card-v142733 .level-modal-progress>div{min-height:49px;padding:7px}.level-modal-matrix-head-v142733{display:grid!important;gap:2px!important}.level-modal-matrix-head-v142733>span{display:none}.level-modal-table-wrap-v142733{max-height:220px!important}.level-feature-modal-card-v142733 .level-privilege-table-v142732{font-size:8px!important}.level-feature-modal-card-v142733 .level-privilege-table-v142732 th,.level-feature-modal-card-v142733 .level-privilege-table-v142732 td{padding:7px 6px!important}.level-feature-modal-card-v142733 .level-privilege-table-v142732 thead th:first-child,.level-feature-modal-card-v142733 .level-privilege-table-v142732 tbody th{min-width:155px!important}.level-modal-travel-footer-v142733{height:96px;min-height:96px;margin:7px -15px 0;border-radius:0 0 20px 20px}.level-modal-actions-v142733{top:20px;width:calc(100% - 26px);grid-template-columns:1fr 1fr!important;gap:7px!important}.level-modal-actions-v142733 .btn{min-height:45px!important;padding:0 10px!important;font-size:9px!important}
}
@media(max-width:479px){
  .modal.level-feature-modal-v142733 .modal-card.level-feature-modal-card-v142733>h2{font-size:clamp(10px,3.2vw,18px)!important}.level-modal-copy-v142733{padding:10px}.level-feature-modal-card-v142733 .level-modal-route small{font-size:6.2px}.level-feature-modal-card-v142733 .level-modal-route b{font-size:9.5px}.level-feature-modal-card-v142733 .level-modal-progress span{font-size:6px}.level-feature-modal-card-v142733 .level-modal-progress b{font-size:9.5px}.level-feature-modal-card-v142733 .level-modal-progress small{font-size:6px}.level-modal-table-wrap-v142733{max-height:205px!important}.level-modal-actions-v142733{grid-template-columns:1fr!important;top:10px}.level-modal-travel-footer-v142733{height:112px;min-height:112px}.level-modal-actions-v142733 .btn{min-height:42px!important}
}
@media(prefers-reduced-motion:reduce){.level-feature-modal-v142733 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* ========================================================================== 
   TRIPLOOM V14.27.38 · PERSONAL JOURNEY HUB NAVIGATION
   Account quick links stay compact; all personal journey tools converge in one ordered tab bar.
   ========================================================================== */
.top-account-achievements-v142734{min-height:44px!important;padding:7px 9px!important;border-radius:14px!important}
.top-account-achievements-v142734>span{background:#F5F3FF!important;color:#7166C9!important}
.top-account-journey-more-v142734{margin:6px 2px 1px;min-height:34px;padding:0 11px;border:1px solid #D9ECEA;border-radius:12px;background:linear-gradient(135deg,#F4FCFB,#F8FCFD);color:#249D98;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9.5px;font-weight:800;transition:.14s ease}
.top-account-journey-more-v142734:hover{border-color:#BFE2DE;background:#DDF7F4;transform:translateY(-1px)}
.top-account-journey-more-v142734 i{font-style:normal;font-size:13px;line-height:1}
html[data-theme="dark"] .top-account-achievements-v142734>span{background:#252B47!important;color:#B8B1FF!important}
html[data-theme="dark"] .top-account-journey-more-v142734{border-color:#2B4B4D;background:#172A2F;color:#82D8D1}

/* Ordered personal hub: General library → activity → verified journey → advanced creator tools. */
.journey-subnav-v142734,.journey-subnav-v142725{gap:7px;padding-bottom:10px}
.journey-subnav-v142725 a{min-height:42px;padding-inline:13px;border-radius:13px}
.journey-subnav-v142725 a b{font-size:10.5px}
.journey-subnav-v142725 a>span{font-size:14px;line-height:1}
.journey-subnav-v142725 a.locked small{font-size:8px}
@media(max-width:767px){
  .top-account-journey-more-v142734{min-height:36px;font-size:10px}
  .journey-subnav-v142725{scroll-padding-inline:10px;overscroll-behavior-inline:contain}
  .journey-subnav-v142725 a{min-height:40px;padding-inline:11px;gap:6px}
  .journey-subnav-v142725 a b{font-size:9.5px}
}

/* ========================================================================== 
   TRIPLOOM V14.27.38 · JOURNEY / ACCOUNT INFORMATION ARCHITECTURE
   Clarifies hierarchy without changing Level, Verified or feature-gate logic.
   ========================================================================== */
.top-account-section-v142728{position:relative}
.top-account-primary-v142735,.top-account-achievements-v142734{position:relative;padding-right:34px!important}
.top-account-primary-v142735{background:linear-gradient(135deg,#DDF7F4,#F8FCFD)!important;border:1px solid #D7ECE9!important;box-shadow:0 5px 15px rgba(25,118,112,.04)}
.top-account-primary-v142735:hover{border-color:#BFE2DE!important;box-shadow:0 8px 20px rgba(25,118,112,.08)}
.top-account-row-arrow-v142735{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-style:normal;color:#6E9294;font-size:13px;font-weight:800;transition:.14s ease}
.top-account-full-links-v142728>a:hover .top-account-row-arrow-v142735{color:#249D98;transform:translate(2px,-50%)}
.top-account-journey-more-v142735{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"title arrow" "sub arrow";align-items:center!important;justify-items:start!important;padding:7px 11px!important;min-height:42px!important}
.top-account-journey-more-v142735>span{grid-area:title;font-size:9.5px;font-weight:900}
.top-account-journey-more-v142735>small{grid-area:sub;font-size:7.5px;color:#789296;font-weight:600;line-height:1.15}
.top-account-journey-more-v142735>i{grid-area:arrow;align-self:center;color:#5D8E8C}
html[data-theme="dark"] .top-account-primary-v142735{background:linear-gradient(135deg,#183333,#172A2F)!important;border-color:#2B4B4D!important}
html[data-theme="dark"] .top-account-journey-more-v142735>small{color:#8AA2A7}

.journey-subnav-v142735{align-items:center;gap:6px!important;padding:5px 2px 11px!important}
.journey-subnav-v142735 a{position:relative;min-height:40px!important;padding:0 12px!important;border-radius:12px!important;gap:6px!important;background:rgba(255,255,255,.92);box-shadow:0 4px 13px rgba(26,81,86,.025);transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease}
.journey-subnav-v142735 a:hover{border-color:#C9E3E0;background:#F4FCFB;transform:translateY(-1px);box-shadow:0 7px 17px rgba(26,81,86,.055)}
.journey-subnav-v142735 a.active{background:linear-gradient(135deg,#E9F9F6,#F4FCFB)!important;border-color:#BFE4DF!important;color:#249D98!important;box-shadow:0 8px 19px rgba(32,147,140,.09)!important}
.journey-subnav-v142735 a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-6px;height:2px;border-radius:99px;background:#69D7D0}
.journey-subnav-v142735 a.group-start{margin-left:7px}
.journey-subnav-v142735 a.group-start:before{content:"";position:absolute;left:-7px;top:9px;bottom:9px;width:1px;background:#DBE8E9}
.journey-tab-icon-v142735{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;color:#249D98!important;font-size:0!important;flex:0 0 18px}
.journey-tab-icon-v142735 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.journey-subnav-v142735 a b{font-size:9.8px!important;font-weight:750}
.journey-subnav-v142735 a.locked:not(.active){opacity:.78}
.journey-subnav-v142735 a.locked small{margin-left:1px;padding:2px 5px;border-radius:999px;background:#F4F6F6;color:#7F9296;font-size:6.5px!important;font-weight:800;line-height:1.1}
html[data-theme="dark"] .journey-subnav-v142735 a{background:#17272D;border-color:#2B4147;color:#D6E4E7}
html[data-theme="dark"] .journey-subnav-v142735 a:hover{background:#1B3434;border-color:#365B59}
html[data-theme="dark"] .journey-subnav-v142735 a.active{background:#183A38!important;border-color:#346F6B!important;color:#8FE0D8!important}
html[data-theme="dark"] .journey-subnav-v142735 a.group-start:before{background:#31454B}

.journey-level-hero-v142735{padding:20px 22px!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:18px!important;border-radius:23px!important;min-height:0!important;box-shadow:0 14px 34px rgba(20,74,83,.07)!important}
.journey-level-hero-v142735 .level-hub-main{padding:0!important}
.journey-level-topline-v142735{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.journey-level-next-chip-v142735{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border:1px solid color-mix(in srgb,var(--level-color) 25%,#C6ECE8);border-radius:999px;background:rgba(255,255,255,.58);color:#52757A;font-size:7.5px;font-weight:800;white-space:nowrap}
.journey-level-next-chip-v142735.done{color:#249D98}
.journey-level-hero-v142735 .level-hub-title{align-items:center;gap:9px!important}
.journey-level-hero-v142735 .level-hub-title>span{font-size:17px!important;width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.55);display:grid;place-items:center}
.journey-level-hero-v142735 .level-hub-title h2{font-size:clamp(25px,2.2vw,34px)!important;line-height:1!important;margin:0 0 5px!important}
.journey-level-hero-v142735 .level-hub-title p{max-width:720px;margin:0!important;font-size:10.5px!important;line-height:1.45!important;color:#70898F!important}
.journey-level-xp-v142735{margin-top:14px!important;align-items:end!important}
.journey-level-xp-v142735 b{font-size:17px!important}
.journey-level-xp-v142735 span{font-size:7.5px!important;margin-top:2px!important}
.journey-level-xp-v142735 strong{font-size:16px!important;color:#69D7D0!important}
.journey-level-hero-v142735 .v8-xpbar{height:7px!important;margin-top:7px!important;background:rgba(224,239,239,.82)!important}
.journey-level-badge-v142735{width:102px!important;height:102px!important;border-radius:24px!important;box-shadow:inset 0 0 0 7px rgba(255,255,255,.18);background:rgba(255,255,255,.48)!important}
.journey-level-badge-v142735>span{font-size:29px!important}
.journey-level-badge-v142735>b{font-size:9px!important;margin-top:2px}
.journey-level-badge-v142735>small{font-size:6.7px!important;text-align:center}

.journey-overview-kpis-v142735{gap:9px!important;margin:12px 0!important}
.journey-overview-kpis-v142735 article{min-height:96px;padding:12px 13px!important;border-radius:16px!important;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 20px rgba(27,82,87,.035)!important}
.journey-overview-kpis-v142735 article>span{width:31px!important;height:31px!important;margin-bottom:7px!important;border-radius:10px!important;color:#249D98}
.journey-overview-kpis-v142735 article>span svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.journey-overview-kpis-v142735 article>b{font-size:20px!important;line-height:1!important}
.journey-overview-kpis-v142735 article>small{font-size:7.8px!important;margin-top:4px!important;color:#789096!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.journey-next-level-v142735{padding:17px 18px!important;border-radius:20px!important;margin-top:12px!important}
.journey-next-head-v142735{align-items:flex-start!important;margin-bottom:10px!important}
.journey-next-head-v142735 h2{font-size:20px!important;margin:2px 0 2px!important}
.journey-next-head-v142735 p{max-width:660px;font-size:9px!important;line-height:1.4}
.journey-next-head-v142735>.badge{font-size:7px!important;white-space:nowrap}
.journey-missing-summary-v142735{margin-top:0!important;padding:0!important;background:transparent!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:8px!important}
.journey-missing-summary-v142735>article{padding:10px 11px!important;min-height:76px!important;border-radius:13px!important;background:#F4FCFB!important}
.journey-missing-summary-v142735>article.ok{background:#EFF9F5!important}
.journey-missing-summary-v142735>article span{font-size:7px!important}
.journey-missing-summary-v142735>article b{font-size:11.5px!important}
.journey-missing-summary-v142735>article small{font-size:7px!important}
.journey-missing-summary-v142735>article>i{height:4px!important;margin-top:7px!important}

.journey-achievement-preview-v142735{padding:17px 18px!important;border-radius:20px!important;margin-top:12px!important}
.journey-achievement-preview-v142735 .section-head{margin-bottom:10px!important}
.journey-achievement-preview-v142735 h2{font-size:19px!important;margin:2px 0!important}
.journey-achievement-preview-v142735 .muted{font-size:8.5px!important}
.achievement-grid-v142735{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.achievement-grid-v142735 article{min-width:0;padding:10px!important;border-radius:14px!important;gap:8px!important}
.achievement-grid-v142735 article>span{font-size:21px!important}
.achievement-grid-v142735 article b{font-size:9px!important;line-height:1.25}
.achievement-grid-v142735 article p{font-size:7.5px!important;line-height:1.35!important;margin:3px 0 7px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.achievement-grid-v142735 article i{height:4px!important}
.achievement-grid-v142735 article small{font-size:7px!important;margin-top:5px!important}

@media(max-width:1100px){
  .achievement-grid-v142735{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .journey-level-hero-v142735{grid-template-columns:minmax(0,1fr) 104px!important}
  .journey-level-badge-v142735{width:92px!important;height:92px!important}
}
@media(max-width:767px){
  .journey-subnav-v142735{gap:6px!important;padding-inline:8px!important;margin-inline:-8px!important}
  .journey-subnav-v142735 a.group-start{margin-left:0}
  .journey-subnav-v142735 a.group-start:before{display:none}
  .journey-subnav-v142735 a{min-height:39px!important;padding-inline:10px!important}
  .journey-subnav-v142735 a.active:after{bottom:-5px}
  .journey-level-hero-v142735{position:relative!important;grid-template-columns:1fr!important;padding:16px!important;border-radius:20px!important;gap:10px!important}
  .journey-level-topline-v142735{padding-right:78px;align-items:flex-start;flex-direction:column;gap:4px}
  .journey-level-next-chip-v142735{min-height:22px;font-size:7px}
  .journey-level-hero-v142735 .level-hub-main{padding-right:0!important}
  .journey-level-hero-v142735 .level-hub-title{padding-right:76px}
  .journey-level-hero-v142735 .level-hub-title h2{font-size:24px!important}
  .journey-level-hero-v142735 .level-hub-title p{font-size:9px!important;line-height:1.4!important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .journey-level-badge-v142735{position:absolute!important;right:14px!important;top:15px!important;width:68px!important;height:68px!important;border-radius:18px!important}
  .journey-level-badge-v142735>span{font-size:22px!important}.journey-level-badge-v142735>b{font-size:7.5px!important}.journey-level-badge-v142735>small{font-size:5.6px!important}
  .journey-level-xp-v142735{margin-top:11px!important}
  .journey-overview-kpis-v142735{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .journey-overview-kpis-v142735 article{min-height:82px!important;padding:10px!important}
  .journey-overview-kpis-v142735 article>span{width:28px!important;height:28px!important;margin-bottom:6px!important}
  .journey-overview-kpis-v142735 article>b{font-size:18px!important}
  .journey-next-level-v142735,.journey-achievement-preview-v142735{padding:14px!important;border-radius:18px!important}
  .journey-next-head-v142735{gap:7px!important;flex-direction:column!important}.journey-next-head-v142735 h2{font-size:18px!important}
  .journey-missing-summary-v142735{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .journey-missing-summary-v142735>article{min-height:72px!important;padding:9px!important}
  .achievement-grid-v142735{grid-template-columns:1fr!important}
  .achievement-grid-v142735 article{min-height:82px}
  .top-account-primary-v142735,.top-account-achievements-v142734{padding-right:30px!important}
  .top-account-journey-more-v142735{min-height:40px!important}
}
@media(max-width:390px){
  .journey-missing-summary-v142735{grid-template-columns:1fr!important}
  .journey-overview-kpis-v142735 article>small{font-size:7.2px!important}
}
.top-account-quick-grid-v142728>a.is-locked-v142735{position:relative;padding-right:34px!important}
.top-account-quick-lock-v142735{position:absolute;right:7px;top:7px;padding:2px 5px;border-radius:999px;background:#F3F5F5;color:#7E9296;font-size:6px;font-weight:900;line-height:1}
html[data-theme="dark"] .top-account-quick-lock-v142735{background:#23363A;color:#94A9AD}
.top-account-full-links-v142728>a.is-current-v142735,.top-account-quick-grid-v142728>a.is-current-v142735{border-color:#BFE3DF!important;background:#ECF9F7!important;color:#249D98!important;box-shadow:inset 3px 0 0 #69D7D0}
.top-account-full-links-v142728>a.is-current-v142735>span,.top-account-quick-grid-v142728>a.is-current-v142735>span{background:#DFF5F1!important;color:#249D98!important}
html[data-theme="dark"] .top-account-full-links-v142728>a.is-current-v142735,html[data-theme="dark"] .top-account-quick-grid-v142728>a.is-current-v142735{border-color:#386761!important;background:#183A38!important;color:#8FE0D8!important}


/* ==========================================================================
   TRIPLOOM V14.27.38 · JOURNEY TAB LOCKED-PAGE FLOW
   Locked Journey tabs navigate normally; the target page explains Level access inline.
   ========================================================================== */

/* Account: remove the extra Journey & Level row, keep Achievement visually aligned with the teal system. */
.top-account-achievements-v142734>span{
  background:#DDF7F4!important;
  color:#249D98!important;
}
html[data-theme="dark"] .top-account-achievements-v142734>span{
  background:#183A38!important;
  color:#8FE0D8!important;
}

/* "Xem thêm" is intentionally one compact line. */
.top-account-journey-more-v142735{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:36px!important;
  padding:0 11px!important;
}
.top-account-journey-more-v142735>span{
  font-size:9.5px!important;
  font-weight:900;
}
.top-account-journey-more-v142735>i{
  margin-left:auto;
  font-style:normal;
}

/* Inline locked state: same visual language as TRIPLOOM trip popups, but it lives in normal page flow. */
.journey-inline-lock-v142736{
  position:relative;
  overflow:hidden;
  margin-top:2px;
  padding:24px;
  border:1px solid #D5E7E9;
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--unlock-color) 14%,transparent) 0,transparent 30%),
    linear-gradient(180deg,#fff 0%,#F4FCFB 72%,#F5FBFA 100%);
  box-shadow:0 20px 50px rgba(24,79,87,.07);
}
.journey-inline-lock-v142736::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:155px;
  z-index:0;
  pointer-events:none;
  opacity:.23;
  background:
    linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.55) 30%,rgba(255,255,255,0) 75%),
    url('triploom-modal-footer.webp') center 72%/cover no-repeat;
}
.journey-inline-lock-v142736>*{position:relative;z-index:1}
.journey-inline-lock-head-v142736{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:15px;
  align-items:center;
}
.journey-inline-lock-icon-v142736{
  width:58px;height:58px;border-radius:20px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#E7F7F4,#F4FCFB);
  color:#249D98;
  border:1px solid #D8ECE9;
  box-shadow:0 8px 20px rgba(41,132,128,.07);
}
.journey-inline-lock-icon-v142736 svg{
  width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;
}
.journey-inline-lock-head-v142736 h2{
  margin:3px 0 4px;
  font-size:clamp(24px,2.1vw,34px);
  line-height:1.05;
  letter-spacing:-.035em;
}
.journey-inline-lock-head-v142736 p{
  max-width:820px;
  margin:0;
  color:#768E94;
  font-size:11px;
  line-height:1.5;
}
.journey-inline-lock-state-v142736{
  align-self:start;
  padding:7px 10px;
  border-radius:999px;
  background:#F2F7F7;
  color:#70868B;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
}
.journey-inline-lock-message-v142736{
  margin:18px 0 12px;
  padding:15px 17px;
  border:1px solid #C6ECE8;
  border-radius:18px;
  background:rgba(248,252,252,.92);
}
.journey-inline-lock-message-v142736 b{
  display:block;
  margin-bottom:3px;
  color:#24444B;
  font-size:13px;
}
.journey-inline-lock-message-v142736 p{
  margin:0;
  color:#6F878D;
  font-size:10px;
  line-height:1.55;
}
.journey-inline-lock-message-v142736 strong{color:#249D98}
.journey-inline-level-route-v142736{
  display:grid;
  grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);
  gap:9px;
  align-items:stretch;
  margin-bottom:10px;
}
.journey-inline-level-route-v142736 article{
  min-height:67px;
  padding:12px 14px;
  border:1px solid #C6ECE8;
  border-radius:17px;
  background:rgba(255,255,255,.88);
  display:grid;
  align-content:center;
}
.journey-inline-level-route-v142736 article:last-of-type{
  border-color:color-mix(in srgb,var(--unlock-color) 30%,#C6ECE8);
  background:color-mix(in srgb,var(--unlock-color) 6%,#fff);
}
.journey-inline-level-route-v142736 small{
  color:#87999D;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em;
}
.journey-inline-level-route-v142736 b{
  margin-top:3px;
  color:#2A464C;
  font-size:12px;
}
.journey-inline-level-route-v142736>i{
  display:grid;place-items:center;
  color:#6D9797;
  font-style:normal;
  font-size:15px;
}
.journey-inline-progress-v142736{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:10px 0 15px;
}
.journey-inline-progress-v142736 article{
  min-height:82px;
  padding:11px 12px;
  border:1px solid #DEEAEC;
  border-radius:16px;
  background:#F4FCFB;
}
.journey-inline-progress-v142736 article.ok{background:#EFF9F5;border-color:#D4EBDF}
.journey-inline-progress-v142736 small{display:block;color:#82979B;font-size:7px;letter-spacing:.06em}
.journey-inline-progress-v142736 b{display:block;margin-top:3px;color:#28464C;font-size:12px}
.journey-inline-progress-v142736 span{display:block;margin-top:1px;color:#819398;font-size:7px}
.journey-inline-progress-v142736 i{
  display:block;height:4px;margin-top:8px;border-radius:99px;background:#E1EDED;overflow:hidden;
}
.journey-inline-progress-v142736 i em{
  display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#69D7D0,#69D7D0);
}
.journey-inline-matrix-head-v142736{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin:17px 2px 8px;
}
.journey-inline-matrix-head-v142736 h3{
  margin:2px 0 0;
  font-size:17px;
}
.journey-inline-matrix-head-v142736>small{
  color:#8B9DA1;
  font-size:8px;
}
.journey-inline-table-v142736{
  max-height:360px;
  border-radius:20px;
  background:rgba(255,255,255,.9);
  box-shadow:0 9px 24px rgba(30,81,87,.035);
}
.journey-inline-lock-actions-v142736{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:15px;
  padding-bottom:80px;
}
.journey-inline-lock-actions-v142736 .btn{
  min-height:43px;
  border-radius:14px;
}

/* Dark mode */
html[data-theme="dark"] .journey-inline-lock-v142736{
  border-color:#29444A;
  background:
    radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--unlock-color) 10%,transparent) 0,transparent 30%),
    linear-gradient(180deg,#14262C,#162A30 74%,#152C2E);
}
html[data-theme="dark"] .journey-inline-lock-icon-v142736,
html[data-theme="dark"] .journey-inline-level-route-v142736 article,
html[data-theme="dark"] .journey-inline-lock-message-v142736{
  background:#183036;
  border-color:#2D4A4F;
}
html[data-theme="dark"] .journey-inline-lock-head-v142736 h2,
html[data-theme="dark"] .journey-inline-lock-message-v142736 b,
html[data-theme="dark"] .journey-inline-level-route-v142736 b,
html[data-theme="dark"] .journey-inline-progress-v142736 b{color:#E3EDEF}
html[data-theme="dark"] .journey-inline-progress-v142736 article{background:#172C32;border-color:#2B4449}
html[data-theme="dark"] .journey-inline-table-v142736{background:#17292F}

@media(max-width:900px){
  .journey-inline-progress-v142736{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-inline-lock-head-v142736{grid-template-columns:54px minmax(0,1fr)}
  .journey-inline-lock-state-v142736{grid-column:2;justify-self:start}
}
@media(max-width:767px){
  .journey-inline-lock-v142736{padding:16px;border-radius:22px}
  .journey-inline-lock-head-v142736{grid-template-columns:48px minmax(0,1fr);gap:10px}
  .journey-inline-lock-icon-v142736{width:46px;height:46px;border-radius:15px}
  .journey-inline-lock-icon-v142736 svg{width:20px;height:20px}
  .journey-inline-lock-head-v142736 h2{font-size:22px}
  .journey-inline-lock-head-v142736 p{font-size:9px}
  .journey-inline-lock-message-v142736{margin-top:12px;padding:12px 13px}
  .journey-inline-lock-message-v142736 b{font-size:11px}
  .journey-inline-lock-message-v142736 p{font-size:8.5px}
  .journey-inline-level-route-v142736{grid-template-columns:1fr 22px 1fr}
  .journey-inline-level-route-v142736 article{min-height:58px;padding:9px 10px}
  .journey-inline-level-route-v142736 b{font-size:10px}
  .journey-inline-progress-v142736{gap:6px}
  .journey-inline-progress-v142736 article{min-height:72px;padding:9px}
  .journey-inline-matrix-head-v142736{display:grid;gap:2px}
  .journey-inline-matrix-head-v142736>small{display:none}
  .journey-inline-table-v142736{max-height:300px}
  .journey-inline-lock-actions-v142736{
    display:grid;
    grid-template-columns:1fr 1fr;
    padding-bottom:70px;
  }
}
@media(max-width:479px){
  .journey-inline-lock-head-v142736 h2{font-size:19px}
  .journey-inline-progress-v142736{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-inline-lock-actions-v142736{grid-template-columns:1fr}
}

/* ========================================================================== 
   TRIPLOOM V14.27.38 · COMPACT LOCKED JOURNEY PAGE
   Only refines the in-page locked-state UI used by Journey tabs.
   ========================================================================== */
.journey-lock-page-v142737{
  position:relative;
  overflow:hidden;
  margin-top:4px;
  border:1px solid #D9E8EA;
  border-radius:26px;
  background:
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--unlock-color) 12%,transparent),transparent 28%),
    linear-gradient(180deg,#fff 0%,#F4FCFB 100%);
  box-shadow:0 18px 46px rgba(27,78,84,.065);
}
.journey-lock-page-v142737::after{
  content:"";position:absolute;inset:auto 0 0;height:120px;pointer-events:none;opacity:.08;
  background:url('triploom-modal-footer.webp') center 72%/cover no-repeat;
}
.journey-lock-page-v142737>*{position:relative;z-index:1}
.journey-lock-hero-v142737{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 24px 18px;border-bottom:1px solid #C6ECE8;
}
.journey-lock-hero-main-v142737{display:flex;align-items:center;min-width:0;gap:14px}
.journey-lock-icon-v142737{
  flex:0 0 auto;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  color:#249D98;background:linear-gradient(145deg,#E9F9F6,#F4FCFB);border:1px solid #D6ECE8;
}
.journey-lock-icon-v142737 svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.journey-lock-heading-v142737{min-width:0}
.journey-lock-heading-v142737 h2{
  margin:2px 0 3px;max-width:100%;font-size:clamp(22px,2.05vw,31px);line-height:1.08;letter-spacing:-.035em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#223F46;
}
.journey-lock-heading-v142737 p{margin:0;max-width:760px;font-size:10.5px;line-height:1.45;color:#7B9095}
.journey-lock-badge-v142737{
  flex:0 0 auto;padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--unlock-color) 8%,#F5F9F9);
  border:1px solid color-mix(in srgb,var(--unlock-color) 18%,#E5EEEE);color:#5B7B7E;font-size:8px;font-weight:900;white-space:nowrap;
}
.journey-lock-summary-v142737{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:14px;padding:18px 24px 14px;
}
.journey-lock-copy-v142737{
  padding:17px 18px;border:1px solid #DFECEE;border-radius:18px;background:rgba(248,252,252,.88);
}
.journey-lock-copy-kicker-v142737{display:block;margin-bottom:4px;color:#249D98;font-size:7.5px;font-weight:900;letter-spacing:.11em}
.journey-lock-copy-v142737 h3{margin:0 0 5px;font-size:16px;line-height:1.2;color:#29464C;letter-spacing:-.015em}
.journey-lock-copy-v142737 p{margin:0;max-width:780px;color:#71878C;font-size:9.5px;line-height:1.55}
.journey-lock-copy-v142737 strong{color:#3FBDB5}
.journey-lock-levels-v142737{
  display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:stretch;gap:7px;
}
.journey-lock-levels-v142737 article{
  min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-content:center;
  padding:11px 12px;border:1px solid #DFEBED;border-radius:18px;background:#fff;
}
.journey-lock-levels-v142737 article.is-target{border-color:color-mix(in srgb,var(--unlock-color) 32%,#DCE9EA);background:color-mix(in srgb,var(--unlock-color) 5%,#fff)}
.journey-lock-levels-v142737 article small{grid-column:1/-1;margin-bottom:4px;color:#91A1A4;font-size:6.5px;font-weight:900;letter-spacing:.1em}
.journey-lock-levels-v142737 article span{font-size:17px;line-height:1}
.journey-lock-levels-v142737 article b{min-width:0;align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2D4A50;font-size:11px}
.journey-lock-levels-v142737>i{display:grid;place-items:center;color:#83A0A0;font-style:normal;font-size:14px}
.journey-lock-progress-panel-v142737{margin:0 24px 14px;padding:16px;border:1px solid #C6ECE8;border-radius:20px;background:#fff}
.journey-lock-progress-head-v142737{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:9px}
.journey-lock-progress-head-v142737 h3{margin:2px 0 0;color:#29464C;font-size:14px}
.journey-lock-progress-count-v142737{padding:5px 8px;border-radius:999px;background:#F1F7F7;color:#71888D;font-size:7.5px;font-weight:900;white-space:nowrap}
.journey-lock-overall-v142737{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:center;margin-bottom:10px}
.journey-lock-overall-v142737>i{display:block;height:5px;border-radius:99px;background:#E8F0F0;overflow:hidden}
.journey-lock-overall-v142737>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#69D7D0,var(--unlock-color))}
.journey-lock-overall-v142737>b{color:#249D98;font-size:10px;text-align:right}
.journey-lock-condition-grid-v142737{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.journey-lock-condition-grid-v142737 article{padding:10px 11px;border:1px solid #E2EDEF;border-radius:14px;background:#F4FCFB}
.journey-lock-condition-grid-v142737 article.is-done{border-color:#D7ECE2;background:#F3FAF6}
.journey-lock-condition-grid-v142737 article>div{display:flex;align-items:center;justify-content:space-between;gap:6px}
.journey-lock-condition-grid-v142737 small{color:#83979B;font-size:6.5px;font-weight:900;letter-spacing:.06em}
.journey-lock-condition-grid-v142737 article>div span{color:#82969A;font-size:6.5px;white-space:nowrap}
.journey-lock-condition-grid-v142737 article>b{display:block;margin-top:3px;color:#2D4A50;font-size:11.5px}
.journey-lock-condition-grid-v142737 article>b em{color:#90A0A3;font-size:8px;font-style:normal;font-weight:700}
.journey-lock-condition-grid-v142737 article>i{display:block;height:3px;margin-top:7px;border-radius:99px;background:#C6ECE8;overflow:hidden}
.journey-lock-condition-grid-v142737 article>i em{display:block;height:100%;border-radius:inherit;background:#69D7D0}
.journey-lock-footer-v142737{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:0 24px 22px;
}
.journey-lock-details-v142737{min-width:0;border:1px solid #DFEBED;border-radius:16px;background:rgba(255,255,255,.9);overflow:hidden}
.journey-lock-details-v142737 summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;cursor:pointer;color:#36565C}
.journey-lock-details-v142737 summary::-webkit-details-marker{display:none}
.journey-lock-details-v142737 summary>span{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#EDF8F6;color:#249D98}
.journey-lock-details-v142737 summary>span svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.journey-lock-details-v142737 summary>b{font-size:9px}
.journey-lock-details-v142737 summary>i{margin-left:auto;color:#8AA0A4;font-style:normal;transition:transform .18s ease}
.journey-lock-details-v142737[open] summary>i{transform:rotate(180deg)}
.journey-lock-matrix-head-v142737{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid #C6ECE8;background:#F4FCFB}
.journey-lock-matrix-head-v142737 p,.journey-lock-matrix-head-v142737 small{margin:0;color:#84979B;font-size:7.5px}
.journey-lock-table-v142737{max-height:330px;border:0;border-top:1px solid #C6ECE8;border-radius:0;background:#fff}
.journey-lock-actions-v142737{display:flex;gap:7px}
.journey-lock-actions-v142737 .btn{min-height:42px;border-radius:14px;white-space:nowrap}

html[data-theme="dark"] .journey-lock-page-v142737{border-color:#29444A;background:linear-gradient(180deg,#14262C,#15292F)}
html[data-theme="dark"] .journey-lock-hero-v142737{border-color:#263D43}
html[data-theme="dark"] .journey-lock-heading-v142737 h2,
html[data-theme="dark"] .journey-lock-copy-v142737 h3,
html[data-theme="dark"] .journey-lock-levels-v142737 article b,
html[data-theme="dark"] .journey-lock-progress-head-v142737 h3,
html[data-theme="dark"] .journey-lock-condition-grid-v142737 article>b{color:#E3EDEF}
html[data-theme="dark"] .journey-lock-icon-v142737,
html[data-theme="dark"] .journey-lock-copy-v142737,
html[data-theme="dark"] .journey-lock-levels-v142737 article,
html[data-theme="dark"] .journey-lock-progress-panel-v142737,
html[data-theme="dark"] .journey-lock-details-v142737,
html[data-theme="dark"] .journey-lock-condition-grid-v142737 article{background:#183036;border-color:#2D484E}
html[data-theme="dark"] .journey-lock-matrix-head-v142737{background:#172B31;border-color:#2A444A}
html[data-theme="dark"] .journey-lock-table-v142737{background:#16292F;border-color:#2A444A}

@media(max-width:1023px){
  .journey-lock-summary-v142737{grid-template-columns:1fr}
  .journey-lock-levels-v142737{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}
  .journey-lock-condition-grid-v142737{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-lock-footer-v142737{grid-template-columns:1fr}
  .journey-lock-actions-v142737{justify-content:flex-end}
}
@media(max-width:767px){
  .journey-lock-page-v142737{border-radius:20px}
  .journey-lock-hero-v142737{padding:15px;align-items:flex-start}
  .journey-lock-hero-main-v142737{gap:10px}
  .journey-lock-icon-v142737{width:42px;height:42px;border-radius:14px}
  .journey-lock-heading-v142737 h2{font-size:clamp(18px,6vw,24px)}
  .journey-lock-heading-v142737 p{font-size:8.5px;line-height:1.4}
  .journey-lock-badge-v142737{padding:5px 8px;font-size:7px}
  .journey-lock-summary-v142737{padding:12px 15px 10px;gap:9px}
  .journey-lock-copy-v142737{padding:13px 14px;border-radius:15px}
  .journey-lock-copy-v142737 h3{font-size:13px}
  .journey-lock-copy-v142737 p{font-size:8.5px}
  .journey-lock-levels-v142737 article{padding:9px;border-radius:14px}
  .journey-lock-levels-v142737 article b{font-size:9px}
  .journey-lock-levels-v142737 article span{font-size:14px}
  .journey-lock-progress-panel-v142737{margin:0 15px 10px;padding:12px;border-radius:16px}
  .journey-lock-progress-head-v142737 h3{font-size:12px}
  .journey-lock-condition-grid-v142737{gap:6px}
  .journey-lock-condition-grid-v142737 article{padding:8px 9px;border-radius:12px}
  .journey-lock-footer-v142737{padding:0 15px 15px}
  .journey-lock-actions-v142737{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .journey-lock-actions-v142737 .btn{width:100%;padding-inline:9px;font-size:8px}
  .journey-lock-matrix-head-v142737 small{display:none}
}
@media(max-width:479px){
  .journey-lock-hero-v142737{display:grid;grid-template-columns:1fr}
  .journey-lock-badge-v142737{justify-self:start;margin-left:52px;margin-top:-7px}
  .journey-lock-levels-v142737{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:4px}
  .journey-lock-condition-grid-v142737{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-lock-progress-count-v142737{display:none}
  .journey-lock-actions-v142737{grid-template-columns:1fr}
}

/* =========================================================
   TRIPLOOM V14.27.42 · JOURNEY COMMAND CENTER / RANK UX
   - Current + next Level in one hero
   - Recent journey moved up
   - Achievement progress lives on Achievement page
   ========================================================= */
.journey-command-center-v142738{
  position:relative;overflow:hidden;height:auto!important;min-height:0!important;margin:0 0 12px;padding:22px;border:1px solid color-mix(in srgb,var(--level-color) 38%,#D6E9E9);border-radius:26px;
  background:linear-gradient(118deg,#123F49 0%,#17666A 42%,#69D7D0 100%);box-shadow:0 20px 48px rgba(14,73,81,.15);color:#fff
}
.journey-command-center-v142738::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.12),transparent 28%),radial-gradient(circle at 84% 22%,rgba(255,255,255,.16),transparent 24%);pointer-events:none}
.journey-command-glow-v142738{position:absolute!important;z-index:0!important;width:300px;height:300px;border-radius:50%;right:-100px;bottom:-170px;background:rgba(255,255,255,.10);filter:blur(4px);pointer-events:none}
.journey-command-center-v142738>:not(.journey-command-glow-v142738){position:relative;z-index:1}
.journey-command-head-v142738{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.journey-command-head-v142738 h2{margin:4px 0 5px;font-size:clamp(24px,2.3vw,36px);line-height:1.05;letter-spacing:-.035em;color:#fff}
.journey-command-head-v142738 p{max-width:760px;margin:0;color:rgba(236,255,253,.78);font-size:10.5px;line-height:1.55}
.journey-command-head-v142738 .eyebrow{color:#9FF5EB}
.journey-command-verified-v142738{flex:0 0 auto;min-width:118px;padding:11px 13px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.10);backdrop-filter:blur(12px);text-align:center}
.journey-command-verified-v142738 span{width:28px;height:28px;margin:0 auto 5px;border-radius:9px;background:rgba(255,255,255,.14);display:grid;place-items:center}
.journey-command-verified-v142738 span svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.journey-command-verified-v142738 b,.journey-command-verified-v142738 small{display:block}.journey-command-verified-v142738 b{font-size:19px}.journey-command-verified-v142738 small{font-size:7.5px;color:rgba(240,255,253,.72)}
.journey-rank-compare-v142738{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:12px;align-items:stretch}
.journey-rank-card-v142738{min-width:0;padding:15px 16px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:rgba(255,255,255,.94);color:#25434A;box-shadow:0 10px 24px rgba(9,57,63,.10)}
.journey-rank-card-v142738.current{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,252,250,.96))}.journey-rank-card-v142738.next{background:linear-gradient(145deg,#fff,rgba(244,251,255,.98));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--next-color) 16%,transparent),0 10px 24px rgba(9,57,63,.10)}
.journey-rank-card-v142738>small{display:block;margin-bottom:8px;color:#789196;font-size:7.2px;font-weight:900;letter-spacing:.11em}
.journey-rank-name-v142738{display:flex;align-items:center;gap:10px}.journey-rank-name-v142738>span{width:42px;height:42px;border-radius:14px;background:#DDF7F4;display:grid;place-items:center;font-size:22px}.journey-rank-name-v142738 h3{margin:0;color:#1D3C43;font-size:22px;line-height:1}.journey-rank-name-v142738 p{margin:4px 0 0;color:#729096;font-size:9px;font-weight:700}
.journey-rank-unlocks-v142738{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.journey-rank-unlocks-v142738>span{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:5px 8px;border:1px solid #DCEAEA;border-radius:999px;background:#F4FCFB;color:#46666C;font-size:7.6px}.journey-rank-unlocks-v142738 svg{width:12px;height:12px;fill:none;stroke:#249D98;stroke-width:1.8}.journey-rank-unlocks-v142738 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.journey-rank-bridge-v142738{align-self:center;text-align:center;color:#EAFFFD}.journey-rank-bridge-label-v142738{display:flex;align-items:center;justify-content:center;gap:6px}.journey-rank-bridge-label-v142738 b{font-size:18px}.journey-rank-bridge-label-v142738 span{font-size:7px;color:rgba(237,255,252,.72)}.journey-rank-bridge-v142738>i{display:block;height:6px;margin:8px 0;border-radius:999px;background:rgba(255,255,255,.20);overflow:hidden}.journey-rank-bridge-v142738>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff,#B2FFF4)}.journey-rank-bridge-v142738>small{display:block;color:rgba(239,255,253,.74);font-size:7.5px}
.journey-command-missing-v142738{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.journey-command-missing-v142738 article{padding:9px 10px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(255,255,255,.10);backdrop-filter:blur(8px)}.journey-command-missing-v142738 article.ok{background:rgba(212,255,236,.16)}.journey-command-missing-v142738 article>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.journey-command-missing-v142738 span{font-size:6.7px;font-weight:900;letter-spacing:.06em;color:#C8FBF5}.journey-command-missing-v142738 b{font-size:9px}.journey-command-missing-v142738 article>i{display:block;height:3px;margin:6px 0 4px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}.journey-command-missing-v142738 article>i em{display:block;height:100%;background:#B7FFF3}.journey-command-missing-v142738 small{font-size:6.7px;color:rgba(239,255,253,.72)}
.journey-overview-kpis-v142738{margin-top:0!important;margin-bottom:12px!important}
.journey-overview-kpis-v142738 article{transition:transform .18s ease,box-shadow .18s ease}.journey-overview-kpis-v142738 article:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(27,82,87,.08)!important}
.journey-recent-v142738{margin-top:0!important;padding:17px 18px!important;border-radius:20px!important}.journey-recent-v142738 .section-head{margin-bottom:10px!important}.journey-recent-v142738 h2{font-size:19px!important}.journey-recent-v142738 .muted{font-size:8.5px!important}.journey-recent-list-v142738 article{transition:.18s ease}.journey-recent-list-v142738 article:hover{border-color:#C9E5E3;background:#F2FAF9;transform:translateX(2px)}.journey-recent-list-v142738 article>span svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.journey-empty-v142738{padding:24px 16px!important;border:1px dashed #D6E8E8;border-radius:16px;background:linear-gradient(180deg,#F4FCFB,#F4FCFB)}
.journey-privileges-v142738{padding:18px!important;border-radius:22px!important;margin-top:12px!important}.journey-privileges-v142738 .section-head{margin-bottom:10px!important}.journey-privileges-v142738 h2{font-size:21px!important}.journey-open-now-v142738{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;align-items:center;margin:0 0 12px;padding:12px 13px;border:1px solid #CFE8E5;border-radius:17px;background:linear-gradient(110deg,#EFFBF8,#F4FCFB)}.journey-open-now-v142738>div:first-child small,.journey-open-now-v142738>div:first-child b{display:block}.journey-open-now-v142738>div:first-child small{font-size:6.8px;color:#249D98;font-weight:900;letter-spacing:.1em}.journey-open-now-v142738>div:first-child b{margin-top:3px;font-size:12px;color:#315158}.journey-open-now-v142738>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.journey-open-now-v142738>div:last-child span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #D8EAE8;border-radius:999px;background:#fff;color:#45656B;font-size:7.5px;font-weight:800}.journey-open-now-v142738 svg{width:12px;height:12px;fill:none;stroke:#249D98;stroke-width:1.8}
.journey-feature-grid-v142738{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}.journey-feature-grid-v142738>.journey-feature-card-v142725>a{padding:13px!important;border-radius:16px!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:9px!important;box-shadow:none!important}.journey-feature-grid-v142738 .journey-feature-card-v142725>a>span{width:34px;height:34px;border-radius:11px}.journey-feature-grid-v142738 .journey-feature-card-v142725>a>span svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.journey-feature-grid-v142738 .journey-feature-card-v142725 b{font-size:11px}.journey-feature-grid-v142738 .journey-feature-card-v142725 p{font-size:8px;line-height:1.4;margin:3px 0 6px}.journey-feature-grid-v142738 .journey-feature-card-v142725 small{font-size:7px}.journey-feature-grid-v142738>.journey-feature-card-v142725.unlocked>a{border-color:#CBE7DF;background:linear-gradient(145deg,#fff,#F2FBF7)}.journey-feature-grid-v142738>.journey-feature-card-v142725.unlocked small{color:#4B9A60}.journey-feature-grid-v142738>.journey-feature-card-v142725.locked>a{opacity:.88}
.journey-matrix-panel-v142738{padding:0!important;overflow:hidden;border-radius:20px!important;margin-top:12px!important}.journey-matrix-panel-v142738 details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;cursor:pointer}.journey-matrix-panel-v142738 summary::-webkit-details-marker{display:none}.journey-matrix-panel-v142738 summary h2{margin:2px 0 0;font-size:16px}.journey-matrix-panel-v142738 summary>span{padding:7px 10px;border:1px solid #D8E9E9;border-radius:999px;color:#3FBDB5;font-size:8px;font-weight:900}.journey-matrix-panel-v142738[open] summary>span{background:#DDF7F4}.journey-matrix-panel-v142738 .level-privilege-table-wrap-v142732{border-radius:0;border-left:0;border-right:0;border-bottom:0}
.achievement-progress-overview-v142738{margin:14px 0;padding:17px 18px!important;border-radius:20px!important}.achievement-progress-overview-v142738 .section-head{margin-bottom:10px!important}.achievement-progress-overview-v142738 h2{font-size:19px!important}
html[data-theme="dark"] .journey-rank-card-v142738{background:linear-gradient(145deg,#1B3339,#1A3036);border-color:#36545A;color:#E4EFF0}html[data-theme="dark"] .journey-rank-name-v142738 h3{color:#E9F3F4}html[data-theme="dark"] .journey-rank-name-v142738 p,html[data-theme="dark"] .journey-rank-card-v142738>small{color:#8BA1A6}html[data-theme="dark"] .journey-rank-unlocks-v142738>span{background:#172C31;border-color:#355057;color:#C9D9DC}html[data-theme="dark"] .journey-open-now-v142738{background:linear-gradient(110deg,#17312F,#172D34);border-color:#31524F}html[data-theme="dark"] .journey-open-now-v142738>div:first-child b{color:#E0EEEE}html[data-theme="dark"] .journey-open-now-v142738>div:last-child span{background:#1B3338;border-color:#365056;color:#D2E0E2}
@media(max-width:1180px){.journey-rank-compare-v142738{grid-template-columns:minmax(0,1fr) 135px minmax(0,1fr)}.journey-feature-grid-v142738{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.journey-command-center-v142738{padding:18px;border-radius:22px}.journey-rank-compare-v142738{grid-template-columns:1fr 1fr}.journey-rank-bridge-v142738{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:80px minmax(0,1fr) 110px;align-items:center;gap:8px}.journey-rank-bridge-label-v142738{justify-content:flex-start}.journey-rank-bridge-v142738>i{margin:0}.journey-rank-bridge-v142738>small{text-align:right}.journey-command-missing-v142738{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-feature-grid-v142738{grid-template-columns:repeat(2,minmax(0,1fr))!important}.journey-open-now-v142738{grid-template-columns:1fr}}
@media(max-width:767px){.journey-command-center-v142738{padding:14px;border-radius:20px;margin-bottom:8px}.journey-command-head-v142738{gap:9px;margin-bottom:12px}.journey-command-head-v142738 h2{font-size:21px}.journey-command-head-v142738 p{font-size:8.5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.journey-command-verified-v142738{min-width:78px;padding:8px}.journey-command-verified-v142738 b{font-size:16px}.journey-rank-compare-v142738{gap:7px}.journey-rank-card-v142738{padding:11px;border-radius:16px}.journey-rank-card-v142738>small{font-size:5.9px;margin-bottom:6px}.journey-rank-name-v142738>span{width:34px;height:34px;border-radius:11px;font-size:18px}.journey-rank-name-v142738 h3{font-size:16px}.journey-rank-name-v142738 p{font-size:7px}.journey-rank-unlocks-v142738{gap:4px;margin-top:8px}.journey-rank-unlocks-v142738>span{padding:4px 6px;font-size:6.4px}.journey-rank-unlocks-v142738>span:nth-child(n+4){display:none}.journey-rank-bridge-v142738{grid-template-columns:66px minmax(0,1fr) 92px}.journey-rank-bridge-label-v142738 b{font-size:14px}.journey-command-missing-v142738{gap:5px;margin-top:8px}.journey-command-missing-v142738 article{padding:7px 8px}.journey-overview-kpis-v142738{gap:6px!important;margin-bottom:8px!important}.journey-recent-v142738,.journey-privileges-v142738,.achievement-progress-overview-v142738{padding:13px!important;border-radius:17px!important}.journey-recent-list-v142738 article{grid-template-columns:30px minmax(0,1fr);padding:9px}.journey-recent-list-v142738 article>div:last-child{grid-column:2}.journey-open-now-v142738{padding:10px;border-radius:14px}.journey-feature-grid-v142738{gap:6px!important}.journey-feature-grid-v142738>.journey-feature-card-v142725>a{grid-template-columns:30px minmax(0,1fr)!important;padding:10px!important;gap:7px!important}.journey-feature-grid-v142738 .journey-feature-card-v142725>a>span{width:30px;height:30px}.journey-feature-grid-v142738 .journey-feature-card-v142725>a>i{display:none}.journey-feature-grid-v142738 .journey-feature-card-v142725 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.journey-matrix-panel-v142738 details>summary{padding:12px 13px}}
@media(max-width:479px){.journey-command-head-v142738 h2{font-size:18px}.journey-command-verified-v142738{display:none}.journey-rank-compare-v142738{grid-template-columns:1fr 1fr}.journey-rank-name-v142738{gap:6px}.journey-rank-name-v142738>span{width:30px;height:30px;font-size:16px}.journey-rank-name-v142738 h3{font-size:14px}.journey-rank-unlocks-v142738>span{max-width:100%}.journey-rank-bridge-v142738{grid-template-columns:56px minmax(0,1fr) 78px}.journey-rank-bridge-label-v142738 span{display:none}.journey-command-missing-v142738 article>div{display:block}.journey-command-missing-v142738 article>div b{display:block;margin-top:2px}.journey-feature-grid-v142738{grid-template-columns:repeat(2,minmax(0,1fr))!important}.journey-feature-grid-v142738 .journey-feature-card-v142725 b{font-size:9.5px}.journey-feature-grid-v142738 .journey-feature-card-v142725 p{font-size:7px}.journey-open-now-v142738>div:last-child span{font-size:6.6px}.journey-open-now-v142738>div:last-child span:nth-child(n+7){display:none}}


/* =========================================================
   TRIPLOOM V14.27.42 · JOURNEY LEVEL HERO VISUAL REFINEMENT
   - Higher contrast / calmer travel palette
   - Clear current vs next feature labels
   - Balanced condition cards with auto-fit grid
   ========================================================= */
.journey-command-center-v142738{
  border-color:rgba(37,151,148,.42)!important;
  background:
    radial-gradient(circle at 87% 8%,rgba(201,255,247,.24),transparent 26%),
    radial-gradient(circle at 9% 92%,rgba(119,224,211,.14),transparent 27%),
    linear-gradient(122deg,#0D515C 0%,#249D98 48%,#69D7D0 100%)!important;
  box-shadow:0 22px 52px rgba(10,66,73,.18),inset 0 1px 0 rgba(255,255,255,.16)!important
}
.journey-command-center-v142738::before{background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.06),rgba(255,255,255,.02))!important}
.journey-command-glow-v142738{right:-85px!important;bottom:-185px!important;width:330px!important;height:330px!important;background:rgba(196,255,246,.13)!important;filter:blur(2px)!important}
.journey-command-head-v142738{margin-bottom:16px!important;align-items:center!important}
.journey-command-head-v142738 h2{color:#fff!important;text-shadow:0 1px 1px rgba(5,52,58,.10)}
.journey-command-head-v142738 p{color:rgba(241,255,253,.91)!important;font-weight:600}
.journey-command-head-v142738 .eyebrow{color:#AAF8EF!important}
.journey-command-verified-v142738{border-color:rgba(226,255,251,.42)!important;background:rgba(6,78,84,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(7,62,68,.10)!important;color:#fff!important}
.journey-command-verified-v142738 span{background:rgba(224,255,251,.18)!important}.journey-command-verified-v142738 small{color:rgba(242,255,253,.86)!important}

.journey-rank-compare-v142738{gap:14px!important}
.journey-rank-card-v142738{position:relative!important;padding:16px 17px 15px!important;border-color:rgba(216,239,238,.96)!important;background:rgba(250,255,254,.97)!important;box-shadow:0 14px 30px rgba(7,64,70,.13),inset 0 1px 0 #fff!important}
.journey-rank-card-v142738.current{background:linear-gradient(145deg,#FBFFFE,#EEFAF7)!important;box-shadow:inset 0 3px 0 color-mix(in srgb,var(--level-color) 76%,#69D7D0),0 14px 30px rgba(7,64,70,.13)!important}
.journey-rank-card-v142738.next{background:linear-gradient(145deg,#FFFFFF,#F1FBFF)!important;box-shadow:inset 0 3px 0 color-mix(in srgb,var(--next-color) 72%,#69D7D0),0 14px 30px rgba(7,64,70,.13)!important}
.journey-rank-card-v142738>small{margin-bottom:9px!important;color:#5E7C82!important;font-size:7.4px!important;letter-spacing:.12em!important}
.journey-rank-name-v142738>span{background:linear-gradient(145deg,#E4F8F4,#F4FCFB)!important;border:1px solid #D4EBE8;color:#135E66!important}
.journey-rank-name-v142738 h3{color:#173941!important;font-weight:800!important}.journey-rank-name-v142738 p{color:#55767C!important;font-weight:700!important}
.journey-rank-function-label-v142740{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 6px;padding-top:10px;border-top:1px solid #E1EEEE}
.journey-rank-function-label-v142740 span{font-size:6.7px;letter-spacing:.12em;font-weight:900;color:#249D98}.journey-rank-function-label-v142740 b{font-size:7px;color:#6B858A;font-weight:800;white-space:nowrap}
.journey-rank-unlocks-v142738{margin-top:0!important;gap:6px!important}.journey-rank-unlocks-v142738>span{padding:6px 8px!important;border-color:#D4E8E6!important;background:#fff!important;color:#31565D!important;font-size:7.5px!important;box-shadow:0 2px 7px rgba(25,92,97,.035)}
.journey-rank-unlocks-v142738 svg{stroke:#249D98!important}

.journey-rank-bridge-v142738{padding:13px 12px;border:1px solid rgba(222,255,251,.20);border-radius:18px;background:rgba(4,70,76,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.journey-rank-bridge-label-v142738 b{color:#fff!important;font-size:20px!important}.journey-rank-bridge-label-v142738 span{color:rgba(240,255,253,.86)!important;font-weight:700}
.journey-rank-bridge-v142738>i{height:7px!important;background:rgba(224,255,250,.22)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}.journey-rank-bridge-v142738>i em{background:linear-gradient(90deg,#BAFFF5,#FFFFFF)!important;box-shadow:0 0 12px rgba(205,255,248,.45)}
.journey-rank-bridge-v142738>small{color:rgba(242,255,253,.86)!important;font-weight:700}

.journey-command-missing-v142738{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:9px!important;margin-top:14px!important}
.journey-command-missing-v142738 article{min-width:0;padding:10px 12px!important;border-color:rgba(214,237,235,.94)!important;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(240,250,248,.96))!important;color:#24474E!important;box-shadow:0 9px 20px rgba(6,61,67,.10),inset 0 1px 0 #fff!important;backdrop-filter:none!important}
.journey-command-missing-v142738 article.ok{background:linear-gradient(145deg,#EFFBF4,#E3F8EE)!important;border-color:#BFE5D3!important}
.journey-command-missing-v142738 span{color:#249D98!important;font-size:7px!important}.journey-command-missing-v142738 b{color:#183D44!important;font-size:9.5px!important}
.journey-command-missing-v142738 article>i{height:4px!important;background:#DCECEB!important}.journey-command-missing-v142738 article>i em{background:linear-gradient(90deg,#69D7D0,#69D7D0)!important}
.journey-command-missing-v142738 small{color:#6B858B!important;font-size:7px!important;font-weight:700}

html[data-theme="dark"] .journey-command-center-v142738{background:linear-gradient(122deg,#102F37,#11464D 52%,#249D98)!important;border-color:#315A5D!important}
html[data-theme="dark"] .journey-rank-card-v142738,html[data-theme="dark"] .journey-rank-card-v142738.current,html[data-theme="dark"] .journey-rank-card-v142738.next{background:linear-gradient(145deg,#1C353B,#1A3036)!important;border-color:#36545A!important}
html[data-theme="dark"] .journey-rank-function-label-v142740{border-color:#345056}html[data-theme="dark"] .journey-rank-function-label-v142740 span{color:#67D8CE}html[data-theme="dark"] .journey-rank-function-label-v142740 b{color:#91A8AD}
html[data-theme="dark"] .journey-command-missing-v142738 article{background:linear-gradient(145deg,#1B3439,#173036)!important;border-color:#36545A!important;color:#E4EFF0!important}html[data-theme="dark"] .journey-command-missing-v142738 span{color:#70D7CE!important}html[data-theme="dark"] .journey-command-missing-v142738 b{color:#EDF6F7!important}html[data-theme="dark"] .journey-command-missing-v142738 small{color:#93A9AE!important}html[data-theme="dark"] .journey-command-missing-v142738 article>i{background:#304B50!important}

@media(max-width:900px){
  .journey-rank-bridge-v142738{padding:8px 10px!important;border-radius:14px!important}
  .journey-command-missing-v142738{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
}
@media(max-width:767px){
  .journey-command-head-v142738{align-items:flex-start!important}
  .journey-rank-function-label-v142740{margin-top:9px;padding-top:8px}.journey-rank-function-label-v142740 span{font-size:5.8px}.journey-rank-function-label-v142740 b{font-size:6px}
  .journey-command-missing-v142738{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .journey-command-missing-v142738 article:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:479px){
  .journey-rank-card-v142738{padding:10px!important}.journey-rank-function-label-v142740 b{display:none}
  .journey-rank-unlocks-v142738>span{padding:4px 6px!important;font-size:6.2px!important}
  .journey-command-missing-v142738{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .journey-command-missing-v142738 article{padding:8px!important}
}

/* =========================================================
   TRIPLOOM V14.27.42 · JOURNEY LEVEL MICRO-REFINE
   - Progress: % on its own line; conditions + XP below
   - Remove duplicate Verified hero badge
   - Explorer uses a modern compass mark
   ========================================================= */
.journey-command-head-v142738{display:block!important;margin-bottom:16px!important}
.journey-command-head-v142738>div{max-width:920px}
.journey-command-verified-v142738{display:none!important}

.journey-rank-name-v142738>span.explorer-icon-v142741{
  width:44px!important;height:44px!important;border-radius:15px!important;
  background:linear-gradient(145deg,#DFF8F3,#F8FFFD)!important;
  border:1px solid #BFE6DF!important;color:#249D98!important;
  box-shadow:0 7px 18px rgba(15,129,122,.10),inset 0 1px 0 #fff
}
.journey-rank-name-v142738>span.explorer-icon-v142741 svg{
  width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.85;
  transform:rotate(-10deg);transition:transform .2s ease
}
.journey-rank-card-v142738:hover .explorer-icon-v142741 svg{transform:rotate(0deg) scale(1.04)}

.journey-rank-bridge-v142738{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;
  gap:0!important;min-width:0;text-align:center!important
}
.journey-rank-bridge-label-v142738{display:block!important;text-align:center!important}
.journey-rank-bridge-label-v142738 b{display:block!important;font-size:22px!important;line-height:1!important;letter-spacing:-.02em}
.journey-rank-bridge-v142738>i{width:100%;margin:10px 0 8px!important}
.journey-rank-bridge-meta-v142741{
  display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;
  color:rgba(244,255,253,.90);font-size:7.4px;font-weight:800;line-height:1.2;white-space:nowrap
}
.journey-rank-bridge-meta-v142741>i{font-style:normal;color:rgba(228,255,251,.42);font-weight:400}

html[data-theme="dark"] .journey-rank-name-v142738>span.explorer-icon-v142741{
  background:linear-gradient(145deg,#183A3C,#214A49)!important;border-color:#37615F!important;color:#70DDD2!important;box-shadow:none
}

@media(max-width:900px){
  .journey-rank-bridge-v142738{grid-column:1/-1!important;grid-row:2!important;padding:9px 12px!important}
  .journey-rank-bridge-v142738>i{margin:8px 0 6px!important}
  .journey-rank-bridge-label-v142738 b{font-size:19px!important}
  .journey-rank-bridge-meta-v142741{font-size:7px}
}
@media(max-width:479px){
  .journey-rank-name-v142738>span.explorer-icon-v142741{width:32px!important;height:32px!important;border-radius:11px!important}
  .journey-rank-name-v142738>span.explorer-icon-v142741 svg{width:18px;height:18px}
  .journey-rank-bridge-label-v142738 b{font-size:17px!important}
  .journey-rank-bridge-meta-v142741{gap:5px;font-size:6.5px}
}

/* ==========================================================================\n   TRIPLOOM V14.27.42 · LOCKED JOURNEY PREVIEW EXPERIENCE\n   ========================================================================== */
.journey-preview-shell-v142742{display:grid;gap:12px;margin-bottom:18px;--preview-line:#D5E8E8;--preview-soft:#F4F9F9;--preview-text:#1F3941;--preview-muted:#70898F}.journey-preview-note-v142742{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid color-mix(in srgb,var(--unlock-color) 30%,#D6E8E8);border-radius:19px;background:linear-gradient(125deg,#F2FBFA 0%,#fff 58%,color-mix(in srgb,var(--unlock-color) 7%,#fff) 100%);box-shadow:0 10px 28px rgba(38,90,96,.07)}.journey-preview-note-icon-v142742{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#E5F7F4;color:#249D98}.journey-preview-note-icon-v142742 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.journey-preview-note-v142742 span{display:block;font-size:7px;letter-spacing:.16em;font-weight:900;color:#249D98}.journey-preview-note-v142742 h2{margin:3px 0 4px;font-size:17px;line-height:1.15;color:#203940}.journey-preview-note-v142742 p{margin:0;max-width:1050px;font-size:9px;line-height:1.55;color:#647F86}.journey-preview-note-v142742 button{min-height:38px;padding:0 13px;border:1px solid #BFE2DF;border-radius:12px;background:#fff;color:#249D98;font:800 8.5px/1 Nunito,sans-serif;cursor:pointer;white-space:nowrap}.journey-preview-note-v142742 button:hover{background:#EAF9F6;transform:translateY(-1px)}
.journey-preview-canvas-v142742{position:relative;overflow:hidden;border:1px solid #C6ECE8;border-radius:24px;background:#fff;box-shadow:0 18px 42px rgba(44,83,91,.09);isolation:isolate}.journey-preview-title-v142742{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:17px 19px;border-bottom:1px solid #E3EEEE;background:linear-gradient(120deg,#F4FCFB,#F0FAF9)}.journey-preview-title-icon-v142742{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#DFF5F1;color:#3FBDB5}.journey-preview-title-icon-v142742 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.journey-preview-title-v142742 span{display:block;font-size:7px;letter-spacing:.16em;font-weight:900;color:#249D98}.journey-preview-title-v142742 h2{margin:3px 0;font-size:19px;line-height:1.16;color:#213B43}.journey-preview-title-v142742 p{margin:0;max-width:1000px;color:#728A91;font-size:8.6px;line-height:1.5}.journey-preview-title-v142742>em{font-style:normal;padding:7px 10px;border:1px solid #CFE7E4;border-radius:999px;background:#fff;color:#458087;font-size:7px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.journey-preview-stage-v142742{position:relative;z-index:1;padding:16px 18px 19px;background:linear-gradient(180deg,#fff,#F4FCFB)}.journey-preview-veil-v142742{position:absolute;z-index:5;inset:0;background:rgba(255,255,255,.20);pointer-events:none}.journey-preview-canvas-v142742 [data-level-preview]{} .journey-preview-canvas-v142742 button,.journey-preview-canvas-v142742 a,.journey-preview-canvas-v142742 input,.journey-preview-canvas-v142742 select{cursor:not-allowed}
.preview-kpis-v142742{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.preview-kpis-v142742.five{grid-template-columns:repeat(5,minmax(0,1fr))}.preview-kpis-v142742 article{min-height:74px;padding:12px;border:1px solid #DCEAEA;border-radius:15px;background:#F4FCFB;display:flex;flex-direction:column;justify-content:center}.preview-kpis-v142742 b{font-size:18px;color:#1D4149}.preview-kpis-v142742 small{margin-top:3px;font-size:7.5px;color:#7C9298}
.preview-toolbar-v142742{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}.preview-toolbar-v142742 button,.preview-map-head-v142742 button,.preview-collection-head-v142742 button,.preview-creator-hero-v142742 button,.preview-featured-v142742 button{min-height:34px;padding:0 11px;border:1px solid #D4E6E7;border-radius:11px;background:#fff;color:#45676E;font:800 8px Nunito,sans-serif}.preview-toolbar-v142742 button.active{background:#E4F7F4;color:#3FBDB5;border-color:#BEE4DF}
.preview-passport-hero-v142742,.preview-map-head-v142742,.preview-creator-hero-v142742,.preview-style-head-v142742,.preview-collection-head-v142742{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #D9E9E9;border-radius:17px;background:linear-gradient(125deg,#F4FCFB,#fff)}.preview-passport-hero-v142742 h3,.preview-map-head-v142742 h3,.preview-creator-hero-v142742 h3,.preview-style-head-v142742 h3,.preview-collection-head-v142742 h3{margin:4px 0 3px;font-size:16px;color:#244148}.preview-passport-hero-v142742 p,.preview-map-head-v142742 p,.preview-creator-hero-v142742 p,.preview-style-head-v142742 p,.preview-collection-head-v142742 p{margin:0;color:#738B91;font-size:8px}.preview-passport-owner-v142742{min-width:150px;padding:10px;border-radius:14px;background:#249D98;color:#fff;display:grid;grid-template-columns:36px 1fr;gap:2px 8px;align-items:center}.preview-passport-owner-v142742>span{grid-row:1/3;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#fff;color:#249D98;font-weight:900}.preview-passport-owner-v142742 b{font-size:9px}.preview-passport-owner-v142742 small{font-size:6.5px;opacity:.8}.preview-passport-grid-v142742{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preview-passport-stamp-v142742{min-width:0;padding:11px;border:1px solid #D9E9E9;border-radius:16px;background:#fff;text-align:left;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.preview-passport-stamp-v142742>span{width:48px;height:48px;border-radius:50%;border:2px dashed #69D7D0;display:grid;place-items:center;color:#249D98;font-size:11px;font-weight:900;transform:rotate(-5deg)}.preview-passport-stamp-v142742 small,.preview-passport-stamp-v142742 b,.preview-passport-stamp-v142742 p{display:block}.preview-passport-stamp-v142742 small{font-size:6px;color:#719097}.preview-passport-stamp-v142742 b{margin-top:3px;font-size:10px;color:#27444B}.preview-passport-stamp-v142742 p{margin:2px 0 0;font-size:7px;color:#7A9096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.preview-map-canvas-v142742{position:relative;height:270px;overflow:hidden;border:1px solid #D7E7E8;border-radius:18px;background:linear-gradient(145deg,#E8F7F5,#E9F3ED 48%,#DCEEF0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.preview-map-canvas-v142742:before,.preview-map-canvas-v142742:after{content:"";position:absolute;border:1px solid rgba(42,146,139,.12);border-radius:48% 52% 55% 45%;background:rgba(255,255,255,.35)}.preview-map-canvas-v142742:before{width:55%;height:78%;left:-6%;top:8%;transform:rotate(12deg)}.preview-map-canvas-v142742:after{width:46%;height:64%;right:-5%;bottom:-12%;transform:rotate(-15deg)}.preview-map-canvas-v142742 .route{position:absolute;z-index:2;height:3px;border-radius:99px;background:linear-gradient(90deg,#69D7D0,#69D7D0);transform-origin:left center}.preview-map-canvas-v142742 .r1{width:48%;left:16%;top:56%;transform:rotate(-14deg)}.preview-map-canvas-v142742 .r2{width:30%;left:55%;top:43%;transform:rotate(22deg)}.preview-map-canvas-v142742 .pin{position:absolute;z-index:3;width:30px;height:30px;border:4px solid #fff;border-radius:50% 50% 50% 8px;background:#69D7D0;color:#fff;font:900 8px Nunito;box-shadow:0 4px 10px rgba(23,111,108,.24);transform:rotate(-45deg)}.preview-map-canvas-v142742 .pin::first-letter{transform:rotate(45deg)}.preview-map-canvas-v142742 .p1{left:14%;top:58%}.preview-map-canvas-v142742 .p2{left:40%;top:45%}.preview-map-canvas-v142742 .p3{left:61%;top:34%}.preview-map-canvas-v142742 .p4{left:78%;top:49%}.preview-map-card-v142742{position:absolute;z-index:4;left:18px;bottom:18px;padding:10px 12px;border:1px solid rgba(255,255,255,.9);border-radius:14px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);box-shadow:0 7px 20px rgba(35,83,90,.12)}.preview-map-card-v142742 small,.preview-map-card-v142742 b,.preview-map-card-v142742 span{display:block}.preview-map-card-v142742 small{font-size:6px;color:#3FBDB5;font-weight:900}.preview-map-card-v142742 b{font-size:10px;margin:2px 0}.preview-map-card-v142742 span{font-size:7px;color:#71888E}.preview-timeline-v142742{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.preview-timeline-v142742 article{display:grid;grid-template-columns:auto 8px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid #DFEBEC;border-radius:13px}.preview-timeline-v142742 time{font-size:7px;color:#6E868D}.preview-timeline-v142742 i{width:8px;height:8px;border-radius:50%;background:#69D7D0}.preview-timeline-v142742 b,.preview-timeline-v142742 small{display:block}.preview-timeline-v142742 b{font-size:8.5px}.preview-timeline-v142742 small{font-size:6.5px;color:#82969C}
.preview-creator-hero-v142742{justify-content:flex-start}.preview-creator-avatar-v142742{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#C8F2ED,#CFE8F5);color:#249D98;font-size:20px;font-weight:900}.preview-creator-hero-v142742 button{margin-left:auto}.preview-creator-grid-v142742{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:9px 0}.preview-creator-grid-v142742 button{padding:12px;border:1px solid #DBE9EA;border-radius:15px;background:#fff;text-align:left;display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center}.preview-creator-grid-v142742 button>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#E7F7F5;color:#3FBDB5}.preview-creator-grid-v142742 svg{width:16px;height:16px;fill:none;stroke:currentColor}.preview-creator-grid-v142742 b,.preview-creator-grid-v142742 small{display:block}.preview-creator-grid-v142742 b{font-size:9px;color:#2B4850}.preview-creator-grid-v142742 small{font-size:6.7px;color:#7B9197}.preview-featured-v142742{padding:13px;border:1px solid #DCEAEA;border-radius:16px;background:#F4FCFB}.preview-featured-v142742 .section-head{margin:0 0 8px}.preview-featured-v142742 .section-head h3{font-size:13px;margin:2px 0}.preview-featured-v142742>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-featured-v142742 article{padding:9px;border:1px solid #E0ECEC;border-radius:13px;background:#fff;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center}.preview-featured-v142742 article>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#E8F7F5;color:#3FBDB5;font-size:7px;font-weight:900}.preview-featured-v142742 b,.preview-featured-v142742 small{display:block}.preview-featured-v142742 b{font-size:8px}.preview-featured-v142742 small{font-size:6.5px;color:#7E9399}
.preview-recap-card-v142742{padding:18px;border:1px solid #CAE6E3;border-radius:20px;background:linear-gradient(135deg,#164F57,#249D98 65%,#69D7D0);color:#fff;box-shadow:0 12px 30px rgba(21,93,95,.15)}.preview-recap-card-v142742 .eyebrow{color:#87E0D8}.preview-recap-card-v142742 h3{margin:5px 0 14px;font-size:20px;color:#fff}.preview-recap-kpis-v142742{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.preview-recap-kpis-v142742 article{padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.10)}.preview-recap-kpis-v142742 b,.preview-recap-kpis-v142742 small{display:block}.preview-recap-kpis-v142742 b{font-size:16px}.preview-recap-kpis-v142742 small{font-size:6.5px;opacity:.8}.preview-recap-highlights-v142742{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.preview-recap-highlights-v142742>div{padding:10px;border-radius:13px;background:rgba(8,52,58,.26)}.preview-recap-highlights-v142742 small,.preview-recap-highlights-v142742 b,.preview-recap-highlights-v142742 span{display:block}.preview-recap-highlights-v142742 small{font-size:6px;opacity:.72}.preview-recap-highlights-v142742 b{font-size:9px;margin:2px 0}.preview-recap-highlights-v142742 span{font-size:7px;opacity:.82}.preview-actions-v142742{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.preview-actions-v142742 button{min-height:34px;padding:0 12px;border:1px solid #C6ECE8;border-radius:11px;background:#fff;color:#3E656B;font:800 8px Nunito}
.preview-style-head-v142742{padding:16px}.preview-style-ring-v142742{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#69D7D0 0 38%,#E4EFEF 38% 100%);box-shadow:inset 0 0 0 13px #fff}.preview-style-ring-v142742 b{font-size:17px;color:#249D98}.preview-style-ring-v142742 small{font-size:6px;color:#6F888E}.preview-style-grid-v142742{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin-top:9px}.preview-style-grid-v142742>section{padding:13px;border:1px solid #DCEAEA;border-radius:16px;background:#fff}.preview-style-grid-v142742 h4{margin:0 0 10px;font-size:10px}.preview-bar-v142742{display:grid;grid-template-columns:78px 1fr 32px;gap:8px;align-items:center;margin:8px 0}.preview-bar-v142742 span,.preview-bar-v142742 b{font-size:7px}.preview-bar-v142742 i{height:6px;border-radius:99px;background:#E8F0F1;overflow:hidden}.preview-bar-v142742 em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#69D7D0,#69D7D0)}.preview-style-facts-v142742{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-style-facts-v142742 article{padding:10px;border-radius:12px;background:#F4FCFB}.preview-style-facts-v142742 small,.preview-style-facts-v142742 b,.preview-style-facts-v142742 span{display:block}.preview-style-facts-v142742 small{font-size:5.8px;color:#249D98;font-weight:900}.preview-style-facts-v142742 b{font-size:10px;margin:2px 0}.preview-style-facts-v142742 span{font-size:6.5px;color:#7D9298}
.preview-collection-grid-v142742{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:9px}.preview-collection-card-v142742{padding:0;overflow:hidden;border:1px solid #DBE9E9;border-radius:17px;background:#fff;text-align:left}.preview-collection-art-v142742{display:block;height:92px;background:linear-gradient(135deg,#BDECE7,#7BC6D0)}.preview-collection-card-v142742.camp .preview-collection-art-v142742{background:linear-gradient(135deg,#DCECC7,#79BA9E)}.preview-collection-card-v142742.sea .preview-collection-art-v142742{background:linear-gradient(135deg,#B9E8F0,#8EDFF0)}.preview-collection-card-v142742.food .preview-collection-art-v142742{background:linear-gradient(135deg,#F2DFB9,#FF9B5E)}.preview-collection-card-v142742>div{padding:10px}.preview-collection-card-v142742 small,.preview-collection-card-v142742 b,.preview-collection-card-v142742 p,.preview-collection-card-v142742 em{display:block}.preview-collection-card-v142742 small{font-size:5.8px;color:#249D98;font-weight:900}.preview-collection-card-v142742 b{font-size:9px;margin:4px 0}.preview-collection-card-v142742 p{margin:0 0 6px;font-size:6.7px;color:#7B9197}.preview-collection-card-v142742 em{font-style:normal;font-size:6.5px;color:#526F75;font-weight:800}
.journey-preview-foot-v142742{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid #DCE9EA;border-radius:16px;background:#F4FCFB}.journey-preview-foot-v142742>div{display:flex;align-items:center;gap:9px;min-width:0}.journey-preview-foot-v142742>div>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#E7F6F4;color:#249D98}.journey-preview-foot-v142742 svg{width:15px;height:15px;fill:none;stroke:currentColor}.journey-preview-foot-v142742 p{margin:0;font-size:8px;line-height:1.4;color:#6F868C}.journey-preview-foot-v142742 p b{color:#2A4C53}
html[data-theme="dark"] .journey-preview-note-v142742,html[data-theme="dark"] .journey-preview-canvas-v142742,html[data-theme="dark"] .journey-preview-stage-v142742,html[data-theme="dark"] .preview-passport-hero-v142742,html[data-theme="dark"] .preview-map-head-v142742,html[data-theme="dark"] .preview-creator-hero-v142742,html[data-theme="dark"] .preview-style-head-v142742,html[data-theme="dark"] .preview-collection-head-v142742,html[data-theme="dark"] .preview-style-grid-v142742>section,html[data-theme="dark"] .preview-featured-v142742,html[data-theme="dark"] .journey-preview-foot-v142742{background:#183036;border-color:#36545A;color:#C6ECE8}html[data-theme="dark"] .journey-preview-title-v142742{background:#1A3338;border-color:#36535A}html[data-theme="dark"] .journey-preview-title-v142742 h2,html[data-theme="dark"] .journey-preview-note-v142742 h2,html[data-theme="dark"] .preview-passport-hero-v142742 h3,html[data-theme="dark"] .preview-map-head-v142742 h3,html[data-theme="dark"] .preview-creator-hero-v142742 h3,html[data-theme="dark"] .preview-style-head-v142742 h3,html[data-theme="dark"] .preview-collection-head-v142742 h3{color:#E5F1F2}html[data-theme="dark"] .journey-preview-veil-v142742{background:rgba(225,244,244,.10)}html[data-theme="dark"] .preview-kpis-v142742 article,html[data-theme="dark"] .preview-passport-stamp-v142742,html[data-theme="dark"] .preview-creator-grid-v142742 button,html[data-theme="dark"] .preview-featured-v142742 article,html[data-theme="dark"] .preview-style-facts-v142742 article,html[data-theme="dark"] .preview-collection-card-v142742{background:#1B343A;border-color:#3A555B;color:#D8E7E9}
@media(max-width:1023px){.journey-preview-note-v142742{grid-template-columns:38px minmax(0,1fr)}.journey-preview-note-v142742>button{grid-column:2;justify-self:start}.preview-kpis-v142742.five{grid-template-columns:repeat(3,1fr)}.preview-passport-grid-v142742{grid-template-columns:1fr 1fr}.preview-collection-grid-v142742{grid-template-columns:1fr 1fr}.preview-recap-kpis-v142742{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.journey-preview-shell-v142742{gap:8px}.journey-preview-note-v142742{padding:11px;border-radius:16px;gap:9px}.journey-preview-note-icon-v142742{width:36px;height:36px;border-radius:11px}.journey-preview-note-v142742 h2{font-size:14px}.journey-preview-note-v142742 p{font-size:7.8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.journey-preview-title-v142742{grid-template-columns:38px minmax(0,1fr);padding:12px;gap:9px}.journey-preview-title-icon-v142742{width:38px;height:38px;border-radius:12px}.journey-preview-title-icon-v142742 svg{width:18px;height:18px}.journey-preview-title-v142742 h2{font-size:15px}.journey-preview-title-v142742 p{font-size:7.4px}.journey-preview-title-v142742>em{grid-column:2;justify-self:start;padding:5px 8px}.journey-preview-stage-v142742{padding:11px}.preview-kpis-v142742,.preview-kpis-v142742.five{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.preview-kpis-v142742 article{min-height:62px;padding:9px}.preview-kpis-v142742 b{font-size:15px}.preview-passport-hero-v142742,.preview-map-head-v142742,.preview-creator-hero-v142742,.preview-style-head-v142742,.preview-collection-head-v142742{padding:11px;align-items:flex-start;flex-wrap:wrap}.preview-passport-owner-v142742{width:100%}.preview-passport-grid-v142742{grid-template-columns:1fr}.preview-map-canvas-v142742{height:230px}.preview-timeline-v142742{grid-template-columns:1fr}.preview-creator-hero-v142742 button{margin-left:0}.preview-creator-grid-v142742{grid-template-columns:1fr}.preview-featured-v142742>div:last-child{grid-template-columns:1fr}.preview-recap-card-v142742{padding:13px}.preview-recap-card-v142742 h3{font-size:16px}.preview-recap-kpis-v142742{grid-template-columns:repeat(2,1fr)}.preview-recap-highlights-v142742{grid-template-columns:1fr}.preview-style-grid-v142742{grid-template-columns:1fr}.preview-collection-grid-v142742{grid-template-columns:1fr 1fr;gap:6px}.preview-collection-art-v142742{height:70px}.journey-preview-foot-v142742{align-items:flex-start;flex-direction:column}.journey-preview-foot-v142742>a{width:100%;justify-content:center}}
@media(max-width:479px){.preview-collection-grid-v142742{grid-template-columns:1fr}.preview-style-facts-v142742{grid-template-columns:1fr 1fr}.preview-passport-stamp-v142742{grid-template-columns:40px minmax(0,1fr)}.preview-passport-stamp-v142742>span{width:40px;height:40px}.preview-map-card-v142742{left:10px;right:10px;bottom:10px}.preview-toolbar-v142742 button{flex:1 1 calc(50% - 4px)}.journey-preview-note-v142742>button{width:100%;grid-column:1/-1}}

/* V14.27.43 — Passport UI refresh: modern travel layout + rounded TRIPLOOM passport stamps. */
.passport-preview-canvas-v142743{border-color:#C9E8E6;box-shadow:0 18px 46px rgba(31,116,117,.08)}
.passport-preview-title-v142743{background:linear-gradient(115deg,#F3FCFB 0%,#F4FCFB 54%,#EEFAF8 100%);border-color:#CCE9E6}
.passport-preview-title-v142743:after{content:"";position:absolute;right:9%;top:-34px;width:118px;height:118px;border-radius:50%;border:1px solid rgba(45,181,172,.12);box-shadow:0 0 0 18px rgba(45,181,172,.035),0 0 0 38px rgba(91,181,210,.025);pointer-events:none}

.passport-preview-hero-v142743{position:relative;overflow:hidden;align-items:stretch;padding:18px 20px;border-color:#C6ECE8;background:linear-gradient(125deg,#EDFBF9 0%,#F9FDFF 52%,#EAF9FC 100%);box-shadow:0 12px 28px rgba(22,118,120,.08)}
.passport-preview-hero-v142743:before,.passport-hero-v142743:before{content:"";position:absolute;right:-42px;top:-72px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(57,190,180,.14),rgba(57,190,180,0) 68%);pointer-events:none}
.passport-preview-copy-v142743{position:relative;z-index:1;min-width:0;align-self:center}
.passport-preview-copy-v142743 .eyebrow{letter-spacing:.15em;color:#249D98}
.preview-passport-hero-v142742.passport-preview-hero-v142743 h3{margin:4px 0 5px;font-size:19px;line-height:1.15;color:#1C4249}
.preview-passport-hero-v142742.passport-preview-hero-v142743 p{max-width:680px;font-size:9px;line-height:1.55;color:#67848A}
.passport-preview-chips-v142743,.passport-hero-chips-v142743{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.passport-preview-chips-v142743 span,.passport-hero-chips-v142743 span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgba(34,169,160,.18);border-radius:999px;background:rgba(255,255,255,.72);color:#3E7378;font-size:7px;font-weight:800;white-space:nowrap}
.passport-preview-chips-v142743 svg,.passport-hero-chips-v142743 svg{width:11px;height:11px;fill:none;stroke:currentColor}
.preview-passport-owner-v142742.passport-preview-owner-v142743{position:relative;z-index:1;min-width:198px;padding:13px 14px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:linear-gradient(145deg,#69D7D0,#69D7D0);box-shadow:0 12px 24px rgba(24,139,134,.17);grid-template-columns:44px minmax(0,1fr);gap:4px 10px;color:#fff}
.preview-passport-owner-v142742.passport-preview-owner-v142743>span{grid-row:auto;width:44px;height:44px;border-radius:14px;font-size:12px;box-shadow:inset 0 0 0 1px rgba(24,145,137,.08)}
.passport-preview-owner-v142743>div{min-width:0}
.passport-preview-owner-v142743 small,.passport-preview-owner-v142743 b,.passport-preview-owner-v142743 em{display:block}
.passport-preview-owner-v142743 small{font-size:6px;letter-spacing:.14em;opacity:.76}
.passport-preview-owner-v142743 b{margin:2px 0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.passport-preview-owner-v142743 em{font-size:6.5px;font-style:normal;opacity:.82}

.preview-toolbar-v142742.passport-preview-toolbar-v142743{gap:6px;margin:9px 0 8px;padding:4px;border:1px solid #DCECEC;border-radius:14px;background:#F4FCFB}
.preview-toolbar-v142742.passport-preview-toolbar-v142743 button{border:0;border-radius:10px;background:transparent;color:#658086;box-shadow:none;transition:none}
.preview-toolbar-v142742.passport-preview-toolbar-v142743 button.active{background:#fff;color:#3FBDB5;box-shadow:0 3px 10px rgba(43,114,116,.08)}

.preview-kpis-v142742.passport-preview-kpis-v142743{gap:8px;margin:0 0 12px}
.preview-kpis-v142742.passport-preview-kpis-v142743 article{display:flex;align-items:center;gap:9px;min-height:62px;padding:10px 11px;border-color:#DBECEB;border-radius:15px;background:linear-gradient(145deg,#fff,#F4FCFB)}
.passport-preview-kpis-v142743 article>span{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#E8F8F6;color:#249D98}
.passport-preview-kpis-v142743 article>span svg{width:14px;height:14px;fill:none;stroke:currentColor}
.preview-kpis-v142742.passport-preview-kpis-v142743 b{font-size:15px;color:#26494F}
.preview-kpis-v142742.passport-preview-kpis-v142743 small{font-size:6.5px;color:#789096}
.passport-preview-section-head-v142743{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:3px 1px 9px}
.passport-preview-section-head-v142743 .eyebrow{font-size:6px;color:#249D98}
.passport-preview-section-head-v142743 h4{margin:2px 0 0;font-size:11px;color:#1F3B4D}
.passport-preview-section-head-v142743>small{padding:5px 8px;border-radius:999px;background:#ECF8F7;color:#249D98;font-size:5.8px;font-weight:900;letter-spacing:.09em}

.preview-passport-grid-v142742.passport-preview-grid-v142743{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.preview-passport-stamp-v142742.passport-entry-v142743,.passport-entry-live-v142743{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:13px;border:1px solid #DCEBEA;border-radius:19px;background:linear-gradient(150deg,#fff 0%,#F4FCFB 64%,#F2FBFA 100%);box-shadow:0 8px 22px rgba(24,103,105,.055);text-align:left;overflow:hidden}
.preview-passport-stamp-v142742.passport-entry-v142743:before,.passport-entry-live-v142743:before{content:"";position:absolute;right:-25px;bottom:-32px;width:92px;height:92px;border-radius:50%;border:1px solid rgba(45,174,166,.08);box-shadow:0 0 0 13px rgba(45,174,166,.025);pointer-events:none}
.passport-entry-index-v142743{position:absolute;right:10px;top:8px;color:#93B9B7;font-size:7px;font-weight:900;letter-spacing:.12em}
.passport-ink-v142743{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:9px;min-height:72px;padding:10px 12px 10px 10px;border:2px solid #69D7D0;border-radius:13px;color:#249D98;background:rgba(245,253,252,.56);transform:rotate(-.8deg);transform-origin:center;box-shadow:inset 0 0 0 3px rgba(255,255,255,.9),inset 0 0 0 4px rgba(36,170,162,.54)}
.passport-entry-v142743:nth-child(2n) .passport-ink-v142743,.passport-entry-live-v142743:nth-child(2n) .passport-ink-v142743{transform:rotate(.65deg)}
.passport-entry-v142743:nth-child(3n) .passport-ink-v142743,.passport-entry-live-v142743:nth-child(3n) .passport-ink-v142743{transform:rotate(-.25deg)}
.passport-ink-v142743:after{content:"";position:absolute;inset:5px;border:1px dashed rgba(31,157,149,.38);border-radius:8px;pointer-events:none}
.passport-ink-plane-v142743{position:relative;z-index:1;width:39px;height:39px;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;background:rgba(255,255,255,.6)}
.passport-ink-plane-v142743 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;transform:rotate(-10deg)}
.passport-ink-copy-v142743{position:relative;z-index:1;min-width:0;padding-right:2px}
.passport-ink-copy-v142743 small,.passport-ink-copy-v142743 strong,.passport-ink-copy-v142743 em{display:block;min-width:0}
.passport-ink-copy-v142743 small{margin-bottom:1px;font-size:5.8px;line-height:1.15;letter-spacing:.115em;font-weight:800;color:#69D7D0;white-space:nowrap}
.passport-ink-copy-v142743 small b{font-weight:1000;color:#249D98}
.passport-ink-copy-v142743 strong{font-size:12px;line-height:1.12;font-weight:950;color:#249D98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.02em}
.passport-ink-copy-v142743 em{margin-top:3px;font-size:6.3px;line-height:1.25;font-style:normal;font-weight:800;color:#4D9F9A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.passport-ink-copy-v142743 em i{padding:0 3px;font-style:normal;opacity:.6}
.passport-entry-meta-v142743{position:relative;z-index:1;display:flex;align-items:center;gap:4px;min-width:0;color:#789497;font-size:6.2px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.passport-entry-meta-v142743 svg{flex:0 0 auto;width:10px;height:10px;fill:none;stroke:#69D7D0}

/* Live passport page */
.passport-hero-v142725.passport-hero-v142743{position:relative;padding:26px 28px;border:1px solid #C7E7E4;background:linear-gradient(120deg,#EAFAF7 0%,#F9FDFF 52%,#EAF9FC 100%);color:#21474D;box-shadow:0 16px 36px rgba(22,100,105,.09)}
.passport-hero-v142725.passport-hero-v142743 h2{margin:5px 0 8px;color:#173F46;font-size:clamp(25px,2.8vw,36px)}
.passport-hero-v142725.passport-hero-v142743 p{max-width:720px;color:#66848A;line-height:1.55}
.passport-hero-v142743 .eyebrow.light{color:#249D98}
.passport-hero-copy-v142743{position:relative;z-index:1;min-width:0}
.passport-hero-chips-v142743 span{padding:7px 10px;background:rgba(255,255,255,.74);font-size:10px}
.passport-hero-chips-v142743 svg{width:13px;height:13px}
.passport-owner-v142725.passport-owner-v142743{position:relative;z-index:1;min-width:235px;padding:15px 16px;border:1px solid rgba(255,255,255,.82);border-radius:20px;background:linear-gradient(145deg,#249D98,#69D7D0);color:#fff;box-shadow:0 13px 30px rgba(19,132,128,.19);grid-template-columns:46px minmax(0,1fr);gap:3px 11px}
.passport-owner-v142725.passport-owner-v142743>span{grid-row:auto;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#fff;color:#3FBDB5;font-size:23px}
.passport-owner-v142743>div{min-width:0}
.passport-owner-v142743 small,.passport-owner-v142743 b,.passport-owner-v142743 em{display:block}
.passport-owner-v142743 small{font-size:9px;letter-spacing:.13em;color:rgba(255,255,255,.72);font-weight:800}
.passport-owner-v142743 b{margin:1px 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.passport-owner-v142743 em{font-size:10px;font-style:normal;color:rgba(255,255,255,.82)}
.passport-filter-shell-v142743:empty{display:none}
.passport-filter-shell-v142743{margin:0 0 14px;padding:7px;border:1px solid #DDEBEA;border-radius:17px;background:#F4FCFB}
.passport-filter-shell-v142743 .journey-filter-v142725{margin:0;gap:7px}
.passport-filter-shell-v142743 .journey-filter-v142725 select{height:42px;border-color:#DCE9E9;border-radius:12px;background:#fff}
.passport-filter-shell-v142743 .journey-filter-v142725 .btn{min-height:42px;border-radius:12px}
.passport-kpi-v142725.passport-kpi-v142743{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.passport-kpi-v142743 article{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #DCEBEA;border-radius:18px;background:linear-gradient(145deg,#fff,#F4FCFB);box-shadow:0 7px 18px rgba(29,105,106,.045)}
.passport-kpi-v142743 article>span{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#E8F8F6;color:#249D98}
.passport-kpi-v142743 article>span svg{width:17px;height:17px;fill:none;stroke:currentColor}
.passport-kpi-v142743 article>div{min-width:0}
.passport-kpi-v142743 article b{display:block;font-size:19px;line-height:1.05;color:#294B51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.passport-kpi-v142743 article small{display:block;margin-top:4px;font-size:10px;color:#83999E}
.passport-stamps-section-v142743{padding:18px;border:1px solid #D9EAE8;border-radius:22px;background:linear-gradient(150deg,#F4FCFB,#F4FCFB);box-shadow:0 12px 30px rgba(29,100,103,.045)}
.passport-stamps-head-v142743{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px;padding:0 2px}
.passport-stamps-head-v142743 h2{margin:3px 0 3px;font-size:20px;line-height:1.18;color:#26484E}
.passport-stamps-head-v142743 p{margin:0;color:#7C9297;font-size:11px}
.passport-stamps-head-v142743>span{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#E7F6F4;color:#249D98;font-size:10px;font-weight:900}
.passport-stamp-grid-v142725.passport-stamp-grid-v142743{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.passport-stamp-grid-v142725 .passport-entry-live-v142743{display:flex;gap:9px;align-items:stretch;padding:13px;border-color:#D9E8E7;border-radius:19px;background:linear-gradient(150deg,#fff,#F8FDFC);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
@media(hover:hover){.passport-stamp-grid-v142725 .passport-entry-live-v142743:hover{transform:translateY(-2px);border-color:#B9DFDC;box-shadow:0 12px 25px rgba(27,111,111,.08)}}
.passport-entry-live-v142743 .passport-ink-v142743{grid-template-columns:48px minmax(0,1fr);min-height:82px;padding:11px 13px 11px 11px;border-radius:14px}
.passport-entry-live-v142743 .passport-ink-plane-v142743{width:44px;height:44px}
.passport-entry-live-v142743 .passport-ink-plane-v142743 svg{width:22px;height:22px}
.passport-entry-live-v142743 .passport-ink-copy-v142743 small{font-size:7px}
.passport-entry-live-v142743 .passport-ink-copy-v142743 strong{font-size:15px}
.passport-entry-live-v142743 .passport-ink-copy-v142743 em{font-size:8px}
.passport-entry-live-v142743 .passport-entry-meta-v142743{font-size:8px}
.passport-entry-live-v142743 .passport-entry-index-v142743{font-size:8px}
.passport-empty-v142743{grid-column:1/-1;padding:38px;border-radius:18px;background:#fff}
.passport-empty-v142743>span{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 10px;border-radius:16px;background:#E7F7F5;color:#249D98}
.passport-empty-v142743>span svg{width:24px;height:24px;fill:none;stroke:currentColor}
.passport-notice-v142743{margin-top:14px;border-radius:17px}
.passport-premium-v142743{border-radius:20px}

html[data-theme="dark"] .passport-preview-title-v142743,html[data-theme="dark"] .passport-preview-hero-v142743,html[data-theme="dark"] .passport-hero-v142725.passport-hero-v142743,html[data-theme="dark"] .passport-stamps-section-v142743{background:linear-gradient(145deg,#173338,#1B3A40);border-color:#35575B;color:#C6ECE8}
html[data-theme="dark"] .passport-preview-title-v142743 h2,html[data-theme="dark"] .preview-passport-hero-v142742.passport-preview-hero-v142743 h3,html[data-theme="dark"] .passport-hero-v142725.passport-hero-v142743 h2,html[data-theme="dark"] .passport-stamps-head-v142743 h2{color:#E8F3F4}
html[data-theme="dark"] .preview-passport-hero-v142742.passport-preview-hero-v142743 p,html[data-theme="dark"] .passport-hero-v142725.passport-hero-v142743 p,html[data-theme="dark"] .passport-stamps-head-v142743 p{color:#ABC1C5}
html[data-theme="dark"] .preview-toolbar-v142742.passport-preview-toolbar-v142743,html[data-theme="dark"] .passport-filter-shell-v142743{background:#173136;border-color:#35545A}
html[data-theme="dark"] .preview-toolbar-v142742.passport-preview-toolbar-v142743 button.active,html[data-theme="dark"] .passport-filter-shell-v142743 .journey-filter-v142725 select{background:#213E44;color:#C6ECE8;border-color:#3B5C61}
html[data-theme="dark"] .preview-kpis-v142742.passport-preview-kpis-v142743 article,html[data-theme="dark"] .passport-kpi-v142743 article,html[data-theme="dark"] .preview-passport-stamp-v142742.passport-entry-v142743,html[data-theme="dark"] .passport-stamp-grid-v142725 .passport-entry-live-v142743{background:linear-gradient(145deg,#1B363C,#193238);border-color:#38575D}
html[data-theme="dark"] .passport-ink-v142743{background:rgba(21,77,76,.18);box-shadow:inset 0 0 0 3px rgba(24,52,57,.9),inset 0 0 0 4px rgba(63,190,181,.58);color:#69D7D0;border-color:#69D7D0}
html[data-theme="dark"] .passport-ink-copy-v142743 strong{color:#62D0C7}
html[data-theme="dark"] .passport-ink-copy-v142743 small,html[data-theme="dark"] .passport-ink-copy-v142743 em{color:#83CFC9}

@media(max-width:1023px){
  .preview-passport-grid-v142742.passport-preview-grid-v142743,.passport-stamp-grid-v142725.passport-stamp-grid-v142743{grid-template-columns:repeat(2,minmax(0,1fr))}
  .passport-kpi-v142725.passport-kpi-v142743{grid-template-columns:repeat(2,minmax(0,1fr))}
  .passport-owner-v142725.passport-owner-v142743{min-width:210px}
}
@media(max-width:767px){
  .passport-preview-hero-v142743,.passport-hero-v142725.passport-hero-v142743{padding:16px;gap:12px;flex-direction:column}
  .preview-passport-owner-v142742.passport-preview-owner-v142743,.passport-owner-v142725.passport-owner-v142743{width:100%;min-width:0}
  .passport-preview-chips-v142743,.passport-hero-chips-v142743{gap:5px}
  .passport-preview-chips-v142743 span,.passport-hero-chips-v142743 span{padding:5px 7px}
  .preview-passport-grid-v142742.passport-preview-grid-v142743,.passport-stamp-grid-v142725.passport-stamp-grid-v142743{grid-template-columns:1fr}
  .passport-preview-section-head-v142743,.passport-stamps-head-v142743{align-items:flex-start;flex-direction:column;gap:7px}
  .passport-stamps-section-v142743{padding:13px;border-radius:18px}
  .passport-stamps-head-v142743 h2{font-size:17px}
  .passport-entry-live-v142743 .passport-ink-v142743{min-height:78px}
  .passport-filter-shell-v142743 .journey-filter-v142725{grid-template-columns:1fr 1fr}
}
@media(max-width:479px){
  .passport-preview-chips-v142743 span:nth-child(3),.passport-hero-chips-v142743 span:nth-child(3){display:none}
  .passport-kpi-v142725.passport-kpi-v142743{grid-template-columns:1fr 1fr;gap:7px}
  .passport-kpi-v142743 article{padding:10px;gap:8px;border-radius:15px}
  .passport-kpi-v142743 article>span{width:31px;height:31px;flex-basis:31px;border-radius:10px}
  .passport-kpi-v142743 article b{font-size:15px}
  .passport-kpi-v142743 article small{font-size:8px}
  .passport-filter-shell-v142743 .journey-filter-v142725{grid-template-columns:1fr}
  .preview-passport-stamp-v142742.passport-entry-v142743,.passport-entry-live-v142743{padding:10px;border-radius:16px}
  .passport-ink-v142743,.passport-entry-live-v142743 .passport-ink-v142743{grid-template-columns:39px minmax(0,1fr);gap:7px;min-height:68px;padding:9px 10px 9px 8px;transform:none!important}
  .passport-ink-plane-v142743,.passport-entry-live-v142743 .passport-ink-plane-v142743{width:36px;height:36px}
  .passport-ink-plane-v142743 svg,.passport-entry-live-v142743 .passport-ink-plane-v142743 svg{width:18px;height:18px}
  .passport-entry-live-v142743 .passport-ink-copy-v142743 strong{font-size:12px}
  .passport-entry-live-v142743 .passport-ink-copy-v142743 small{font-size:6px}
  .passport-entry-live-v142743 .passport-ink-copy-v142743 em{font-size:7px}
  .passport-ink-copy-v142743 em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
/* Passport stamp reset against the legacy circular preview stamp selector. */
.preview-passport-stamp-v142742.passport-entry-v142743>.passport-entry-index-v142743{width:auto;height:auto;border:0;border-radius:0;display:block;color:#93B9B7;font-size:7px;font-weight:900;transform:none;background:transparent}
.preview-passport-stamp-v142742.passport-entry-v142743>.passport-ink-v142743{width:auto;height:auto;border:2px solid #69D7D0;border-radius:13px;display:grid;place-items:initial;color:#249D98;font-size:inherit;font-weight:inherit;transform:rotate(-.8deg);background:rgba(245,253,252,.56)}
.preview-passport-stamp-v142742.passport-entry-v142743>.passport-entry-meta-v142743{width:auto;height:auto;border:0;border-radius:0;display:flex;place-items:initial;color:#789497;font-size:6.2px;font-weight:800;transform:none;background:transparent}
.preview-passport-stamp-v142742.passport-entry-v142743:nth-child(2n)>.passport-ink-v142743{transform:rotate(.65deg)}
.preview-passport-stamp-v142742.passport-entry-v142743:nth-child(3n)>.passport-ink-v142743{transform:rotate(-.25deg)}
@media(max-width:479px){.preview-passport-stamp-v142742.passport-entry-v142743>.passport-ink-v142743{width:auto;height:auto;transform:none!important}.preview-passport-stamp-v142742.passport-entry-v142743>.passport-entry-index-v142743,.preview-passport-stamp-v142742.passport-entry-v142743>.passport-entry-meta-v142743{width:auto;height:auto}}
.passport-ink-v142743{width:100%;box-sizing:border-box}
.preview-passport-stamp-v142742.passport-entry-v142743>.passport-ink-v142743{width:100%;box-sizing:border-box}

/* ========================================================================== 
   TRIPLOOM V14.27.44 · PERSONAL JOURNEY UI SYSTEM
   Scope: Tổng quan · Yêu thích · Đã đi · Thống kê · Hộ chiếu · Dấu chân ·
          Nhà sáng tạo · Tổng kết · Phong cách · Bộ sưu tập.
   Visual direction: Sky Blue × Turquoise, soft UI, light depth, unified outline icons.
   ========================================================================== */
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]){
  --journey-blue:#8EDFF0;
  --journey-blue-2:#8EDFF0;
  --journey-mint:#69D7D0;
  --journey-navy:#1F3654;
  --journey-text:#304A62;
  --journey-muted:#71889B;
  --journey-line:#D9E8F2;
  --journey-soft:#F5FAFE;
  --journey-soft-blue:#EAF6FF;
  --journey-shadow:0 10px 28px rgba(44,103,145,.075);
  --journey-shadow-hover:0 16px 38px rgba(44,103,145,.12);
}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) .content{
  position:relative;
}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) .content:before{
  content:"";position:fixed;z-index:-1;inset:88px 0 0 var(--sidebar);
  background:
    radial-gradient(circle at 15% 8%,rgba(76,185,247,.075),transparent 26%),
    radial-gradient(circle at 83% 16%,rgba(54,200,183,.055),transparent 22%),
    linear-gradient(180deg,#F4FCFB 0%,#F7FAFC 100%);
  pointer-events:none;
}

/* Unified personal journey tab bar */
.journey-subnav-v142744{
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:6px 4px 13px!important;margin-bottom:3px!important;
  overflow-x:auto!important;scrollbar-width:none;scroll-snap-type:x proximity;
}
.journey-subnav-v142744::-webkit-scrollbar{display:none}
.journey-subnav-v142744 a{
  position:relative;min-height:44px!important;padding:0 13px!important;gap:8px!important;
  border:1px solid #DCE9F1!important;border-radius:14px!important;
  background:linear-gradient(145deg,#FFFFFF,#F9FCFE)!important;color:#445D70!important;
  box-shadow:0 5px 14px rgba(36,88,124,.045)!important;text-decoration:none!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
  scroll-snap-align:start;
}
.journey-subnav-v142744 a:hover{
  transform:translateY(-1px)!important;border-color:#BFDDF0!important;
  background:#fff!important;box-shadow:0 9px 21px rgba(37,105,151,.09)!important;
}
.journey-subnav-v142744 a.active{
  border-color:#91D0F8!important;
  background:linear-gradient(135deg,#F3FAFF 0%,#ECF8FF 62%,#EEFCF9 100%)!important;
  color:#69D7D0!important;box-shadow:0 10px 25px rgba(46,158,247,.13)!important;
}
.journey-subnav-v142744 a.active:after{
  content:""!important;position:absolute!important;left:13px!important;right:13px!important;bottom:-7px!important;
  height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--journey-blue),var(--journey-mint))!important;
}
.journey-subnav-v142744 a.group-start{margin-left:5px!important}
.journey-subnav-v142744 a.group-start:before{left:-7px!important;top:9px!important;bottom:9px!important;background:#DCE8F0!important}
.journey-subnav-v142744 .journey-tab-icon-v142735{
  width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:9px!important;
  border:1px solid #D8EAF5!important;background:linear-gradient(145deg,#F4FCFB,#ECF7FE)!important;
  color:#8EDFF0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(45,133,190,.055)!important;
}
.journey-subnav-v142744 .journey-tab-icon-v142735 svg{width:15px!important;height:15px!important;stroke-width:1.7!important}
.journey-subnav-v142744 a.active .journey-tab-icon-v142735{
  border-color:transparent!important;background:linear-gradient(145deg,#8EDFF0,#8EDFF0)!important;color:#fff!important;
  box-shadow:0 6px 13px rgba(38,146,225,.22)!important;
}
.journey-subnav-v142744 a b{font-size:10px!important;font-weight:800!important;letter-spacing:0!important;color:inherit!important}
.journey-subnav-v142744 a.locked:not(.active){opacity:.72!important}
.journey-subnav-v142744 a.locked small{
  margin-left:0!important;padding:2px 5px!important;border-radius:999px!important;background:#F2F5F7!important;color:#93A2AD!important;
  font-size:6.5px!important;font-weight:800!important;
}

/* Shared surface and typography */
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) :is(.panel,.mini-panel,.journey-command-center-v142738,.journey-recent-v142738,.journey-privileges-v142738,.achievement-progress-overview-v142738,.recap-card-v142725,.passport-stamps-section-v142743){
  border-color:var(--journey-line)!important;border-radius:22px!important;
  background:linear-gradient(145deg,#FFFFFF 0%,#FBFDFE 100%)!important;
  box-shadow:var(--journey-shadow)!important;
}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) .eyebrow{
  color:#69D7D0!important;letter-spacing:.18em!important;font-weight:900!important;
}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) :is(h2,h3,h4,b,strong){color:var(--journey-navy)}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) :is(.muted,p,small){text-rendering:optimizeLegibility}

/* Unified buttons / form controls inspired by the UI Components board */
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) .btn{
  border-radius:13px!important;font-weight:800!important;box-shadow:0 5px 13px rgba(47,99,135,.055);transition:.16s ease!important;
}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) .btn-primary{
  border-color:#8EDFF0!important;background:linear-gradient(135deg,#8EDFF0,#69D7D0)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(39,143,232,.2)!important;
}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) .btn-primary:hover{
  border-color:#69D7D0!important;background:linear-gradient(135deg,#8EDFF0,#69D7D0)!important;box-shadow:0 10px 22px rgba(39,143,232,.25)!important;
}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) .btn-soft{
  border:1px solid #D7E8F3!important;background:linear-gradient(145deg,#fff,#F4F9FD)!important;color:#249D98!important;
}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) :is(input,select,textarea){
  border-color:#D9E8F1!important;border-radius:13px!important;background:#fff!important;box-shadow:inset 0 1px 2px rgba(46,88,116,.025)!important;
}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) :is(input,select,textarea):focus{
  border-color:#8EDFF0!important;box-shadow:0 0 0 3px rgba(46,158,247,.09)!important;outline:0!important;
}

/* Hero system: bright, premium, travel-tech — no heavy dark blocks */
:is(body[data-page="journey"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"]) :is(.journey-hero-v142725,.passport-hero-v142725,.journey-map-hero-v142725,.creator-hero-v142725,.creator-hero-v142726,.recap-hero-v142725,.style-hero-v142725){
  border:1px solid #CEE5F3!important;border-radius:24px!important;
  background:
    radial-gradient(circle at 88% 16%,rgba(54,200,183,.15),transparent 24%),
    radial-gradient(circle at 72% 78%,rgba(69,178,248,.12),transparent 30%),
    linear-gradient(125deg,#F4FAFF 0%,#ECF8FF 52%,#F0FCF9 100%)!important;
  color:var(--journey-text)!important;box-shadow:0 14px 34px rgba(48,110,151,.095)!important;
}
:is(body[data-page="journey"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"]) :is(.journey-hero-v142725,.passport-hero-v142725,.journey-map-hero-v142725,.creator-hero-v142725,.creator-hero-v142726,.recap-hero-v142725,.style-hero-v142725) :is(h2,h3,b,strong){color:var(--journey-navy)!important}
:is(body[data-page="journey"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"]) :is(.journey-hero-v142725,.passport-hero-v142725,.journey-map-hero-v142725,.creator-hero-v142725,.creator-hero-v142726,.recap-hero-v142725,.style-hero-v142725) p{color:#648096!important}
:is(body[data-page="journey"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"]) :is(.journey-hero-v142725,.passport-hero-v142725,.journey-map-hero-v142725,.creator-hero-v142725,.creator-hero-v142726,.recap-hero-v142725,.style-hero-v142725) .eyebrow.light{color:#8EDFF0!important}

/* Favorites / Visited */
:is(body[data-page="favorites"],body[data-page="visited"]) .section-head.hero-head{
  margin:7px 0 16px!important;padding:21px 22px!important;border:1px solid #D8E7F1!important;border-radius:22px!important;
  background:linear-gradient(135deg,#F5FAFF,#FDFEFF 58%,#F0FBF8)!important;box-shadow:var(--journey-shadow)!important;
}
:is(body[data-page="favorites"],body[data-page="visited"]) .section-head.hero-head h2{margin:2px 0 3px!important;color:var(--journey-navy)!important;font-size:clamp(24px,2.8vw,34px)!important}
:is(body[data-page="favorites"],body[data-page="visited"]) .place-grid{gap:14px!important}
:is(body[data-page="favorites"],body[data-page="visited"]) .place-card{
  border-color:#DCE9F2!important;border-radius:21px!important;background:linear-gradient(145deg,#fff,#FBFDFE)!important;
  box-shadow:0 8px 24px rgba(44,102,140,.065)!important;transition:.18s ease!important;
}
:is(body[data-page="favorites"],body[data-page="visited"]) .place-card:hover{transform:translateY(-2px)!important;border-color:#BFDDF0!important;box-shadow:var(--journey-shadow-hover)!important}

/* Statistics */
body[data-page="stats"] .stats-hero{
  position:relative!important;overflow:hidden!important;padding:31px 32px!important;border:1px solid #CFE5F3!important;border-radius:25px!important;
  background:radial-gradient(circle at 90% 5%,rgba(54,200,183,.17),transparent 23%),linear-gradient(125deg,#F1F9FF,#EAF7FF 56%,#F2FCFA)!important;
  box-shadow:0 15px 36px rgba(48,110,151,.1)!important;color:var(--journey-navy)!important;
}
body[data-page="stats"] .stats-hero :is(h1,h2,h3,h4,b,strong,small,span){color:inherit!important}
body[data-page="stats"] .stats-hero .eyebrow{color:#8EDFF0!important}
body[data-page="stats"] .stats-hero h2{font-size:clamp(30px,3.8vw,43px)!important;line-height:1.04!important;margin:8px 0 23px!important}
body[data-page="stats"] .big-stats{gap:10px!important}
body[data-page="stats"] .big-stats>div{
  padding:14px 15px!important;border:1px solid rgba(164,208,235,.75)!important;border-radius:17px!important;
  background:rgba(255,255,255,.72)!important;box-shadow:0 7px 19px rgba(42,112,158,.055)!important;backdrop-filter:blur(8px);
}
body[data-page="stats"] .stat-strip>div{
  border:1px solid #DCE9F1!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#F4FCFB)!important;box-shadow:0 7px 20px rgba(46,97,134,.055)!important;
}
body[data-page="stats"] .stat-icon{background:#EAF6FF!important;color:#8EDFF0!important;border:1px solid #CFE8F8!important}
body[data-page="stats"] .bar i{background:#E8F1F7!important}
body[data-page="stats"] .bar i em,body[data-page="stats"] .bar>i{background:linear-gradient(90deg,#8EDFF0,#69D7D0)!important}

/* Passport — preserve stamp identity, migrate surrounding UI to blue × turquoise */
body[data-page="passport"] :is(.passport-preview-title-v142743,.passport-preview-hero-v142743,.passport-hero-v142725.passport-hero-v142743){
  border-color:#CDE5F2!important;background:linear-gradient(120deg,#F4FAFF 0%,#EAF9FC 54%,#F0FCFA 100%)!important;
}
body[data-page="passport"] :is(.preview-passport-owner-v142742.passport-preview-owner-v142743,.passport-owner-v142725.passport-owner-v142743){
  background:linear-gradient(145deg,#8EDFF0,#69D7D0)!important;box-shadow:0 13px 28px rgba(45,151,207,.18)!important;
}
body[data-page="passport"] :is(.passport-preview-chips-v142743 span,.passport-hero-chips-v142743 span){border-color:#CDE8F6!important;color:#249D98!important;background:rgba(255,255,255,.78)!important}
body[data-page="passport"] :is(.preview-toolbar-v142742.passport-preview-toolbar-v142743,.passport-filter-shell-v142743){border-color:#D7E8F2!important;background:#F5F9FC!important}
body[data-page="passport"] .preview-toolbar-v142742.passport-preview-toolbar-v142743 button.active{color:#69D7D0!important;box-shadow:0 4px 11px rgba(45,126,177,.09)!important}
body[data-page="passport"] :is(.preview-kpis-v142742.passport-preview-kpis-v142743 article,.passport-kpi-v142743 article){border-color:#DCEAF2!important;background:linear-gradient(145deg,#fff,#F4FCFB)!important;box-shadow:0 7px 20px rgba(43,99,138,.055)!important}
body[data-page="passport"] :is(.passport-preview-kpis-v142743 article>span,.passport-kpi-v142743 article>span){background:#EAF6FF!important;color:#8EDFF0!important;border:1px solid #D2EAF9!important}
body[data-page="passport"] .passport-preview-section-head-v142743>small{background:#EAF6FF!important;color:#69D7D0!important}
body[data-page="passport"] .passport-stamps-section-v142743{border-color:#D6E7F1!important}
body[data-page="passport"] :is(.preview-passport-stamp-v142742.passport-entry-v142743,.passport-stamp-grid-v142725 .passport-entry-live-v142743){border-color:#D8E8F0!important;background:linear-gradient(150deg,#fff 0%,#FCFEFF 62%,#F4FCFB 100%)!important;box-shadow:0 8px 22px rgba(43,104,143,.055)!important}
/* The passport ink remains turquoise so the stamp still reads as a real TRIPLOOM travel stamp. */
body[data-page="passport"] :is(.preview-passport-stamp-v142742.passport-entry-v142743>.passport-ink-v142743,.passport-entry-live-v142743 .passport-ink-v142743){border-color:#69D7D0!important;color:#249D98!important;background:rgba(246,253,252,.68)!important}

/* Footprints / Creator / Recap / Travel Style / Collections */
body[data-page="footprints"] :is(.journey-kpi-v142725 article,.journey-map-metric-v142725),
body[data-page="creator"] :is(.creator-kpi-v142725 article,.creator-tools-grid-v142726 article),
body[data-page="recap"] :is(.recap-kpis-v142725 article,.recap-highlights-v142725>div),
body[data-page="travel_style"] :is(.journey-kpi-v142725 article,.style-insight-grid-v142725 .panel),
body[data-page="collections"] :is(.collection-pro-card-v142726,.collection-pro-hero-v142726),
body[data-page="collection"] :is(.collection-detail-hero-v142726,.collection-item-grid-v142726 article){
  border-color:#D9E8F1!important;background:linear-gradient(145deg,#fff,#F8FCFE)!important;box-shadow:0 8px 23px rgba(45,98,135,.06)!important;
}
body[data-page="footprints"] .journey-map-metric-v142725{background:rgba(255,255,255,.74)!important;color:var(--journey-navy)!important}
body[data-page="footprints"] .journey-map-metric-v142725 small{color:#6F8798!important}
body[data-page="creator"] .creator-rate-v142726{border-color:#CDE6F4!important;background:rgba(255,255,255,.76)!important;color:#69D7D0!important}
body[data-page="creator"] .creator-booking-v142725{border-color:#D8E7F0!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#F6FAFD)!important;box-shadow:var(--journey-shadow)!important}
body[data-page="recap"] .recap-kpis-v142725{gap:9px!important}
body[data-page="recap"] .recap-kpis-v142725 article{border-color:#DDE9F1!important}
body[data-page="travel_style"] .style-bars-v142725 i{background:#E7F0F6!important}
body[data-page="travel_style"] .style-bars-v142725 em{background:linear-gradient(90deg,#8EDFF0,#69D7D0)!important}
body[data-page="collections"] .collection-pro-hero-v142726,
body[data-page="collection"] .collection-detail-hero-v142726{
  border:1px solid #CFE4F2!important;border-radius:24px!important;background:radial-gradient(circle at 84% 10%,rgba(54,200,183,.13),transparent 23%),linear-gradient(125deg,#F4FAFF,#EAF9FC 58%,#F2FCFA)!important;color:var(--journey-text)!important;
}
body[data-page="collections"] .collection-pro-hero-v142726 :is(h2,p,.eyebrow),body[data-page="collection"] .collection-detail-hero-v142726 :is(h2,p,.eyebrow,a,small){color:inherit!important}
body[data-page="collections"] .collection-pro-card-v142726{border-radius:21px!important;transition:.18s ease!important}
body[data-page="collections"] .collection-pro-card-v142726:hover{transform:translateY(-2px);border-color:#BFDDF0!important;box-shadow:var(--journey-shadow-hover)!important}

/* Journey dashboard cards */
body[data-page="journey"] .journey-command-center-v142738{border-color:#CFE4F2!important;background:radial-gradient(circle at 88% 15%,rgba(54,200,183,.12),transparent 24%),linear-gradient(125deg,#F4FAFF,#EFF9FF 55%,#F5FCFA)!important}
body[data-page="journey"] .journey-command-head-v142738 h2{color:var(--journey-navy)!important}
body[data-page="journey"] .journey-command-verified-v142738{border:1px solid #CDE6F5!important;background:#fff!important;box-shadow:0 8px 19px rgba(44,105,144,.055)!important}
body[data-page="journey"] .journey-rank-card-v142738{border-color:#D9E7F0!important;background:linear-gradient(145deg,#fff,#F8FCFE)!important}
body[data-page="journey"] .journey-feature-grid-v142738>.journey-feature-card-v142725>a{
  border-color:#DCE9F1!important;background:linear-gradient(145deg,#fff,#F8FCFE)!important;box-shadow:0 6px 17px rgba(44,96,133,.045)!important;
}
body[data-page="journey"] .journey-feature-grid-v142738>.journey-feature-card-v142725>a>span{background:#EAF6FF!important;color:#8EDFF0!important;border:1px solid #D5EBF8!important}
body[data-page="journey"] .journey-feature-grid-v142738>.journey-feature-card-v142725.unlocked>a{border-color:#C9E4F3!important;background:linear-gradient(145deg,#fff,#F3FAFF 70%,#F3FCFA)!important}
body[data-page="journey"] .journey-open-now-v142738{border-color:#D7E8F2!important;background:linear-gradient(135deg,#F2F9FF,#F4FCFA)!important}

/* Dark mode for the scoped personal journey system */
html[data-theme="dark"] :is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) .content:before{background:linear-gradient(180deg,#101C25,#111E27)}
html[data-theme="dark"] .journey-subnav-v142744 a{background:linear-gradient(145deg,#182A35,#14242E)!important;border-color:#2D4555!important;color:#BDD0DE!important;box-shadow:none!important}
html[data-theme="dark"] .journey-subnav-v142744 a:hover{background:#1B303C!important;border-color:#3B6178!important}
html[data-theme="dark"] .journey-subnav-v142744 a.active{background:linear-gradient(135deg,#173A50,#17443F)!important;border-color:#249D98!important;color:#8DD2FF!important}
html[data-theme="dark"] .journey-subnav-v142744 .journey-tab-icon-v142735{background:#17303F!important;border-color:#2B5268!important;color:#8EDFF0!important;box-shadow:none!important}
html[data-theme="dark"] .journey-subnav-v142744 a.active .journey-tab-icon-v142735{background:linear-gradient(145deg,#8EDFF0,#8EDFF0)!important;color:#fff!important}
html[data-theme="dark"] :is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"],body[data-page="collection"]) :is(.panel,.mini-panel,.journey-command-center-v142738,.journey-recent-v142738,.journey-privileges-v142738,.achievement-progress-overview-v142738,.recap-card-v142725,.passport-stamps-section-v142743,.place-card){background:linear-gradient(145deg,#172833,#14232C)!important;border-color:#2C4555!important;box-shadow:none!important}
html[data-theme="dark"] :is(body[data-page="journey"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"]) :is(.journey-hero-v142725,.passport-hero-v142725,.journey-map-hero-v142725,.creator-hero-v142725,.creator-hero-v142726,.recap-hero-v142725,.style-hero-v142725),
html[data-theme="dark"] body[data-page="stats"] .stats-hero,
html[data-theme="dark"] :is(body[data-page="collections"],body[data-page="collection"]) :is(.collection-pro-hero-v142726,.collection-detail-hero-v142726),
html[data-theme="dark"] :is(body[data-page="favorites"],body[data-page="visited"]) .section-head.hero-head{background:linear-gradient(135deg,#172D3B,#173440 62%,#173730)!important;border-color:#315366!important;color:#DCEAF4!important;box-shadow:none!important}
html[data-theme="dark"] :is(body[data-page="journey"],body[data-page="passport"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="stats"],body[data-page="collections"],body[data-page="collection"],body[data-page="favorites"],body[data-page="visited"]) :is(h2,h3,h4,b,strong){color:#DCEAF4!important}

/* Responsive: keep tap targets roomy and layouts calm rather than compressed. */
@media(max-width:1100px){
  .journey-subnav-v142744 a{min-height:43px!important;padding:0 11px!important}
  .journey-subnav-v142744 .journey-tab-icon-v142735{width:27px!important;height:27px!important;flex-basis:27px!important}
}
@media(max-width:767px){
  .journey-subnav-v142744{margin-inline:-2px!important;padding:4px 2px 12px!important;gap:7px!important;scroll-padding-inline:4px!important}
  .journey-subnav-v142744 a{min-height:44px!important;padding:0 10px!important;border-radius:13px!important;gap:7px!important}
  .journey-subnav-v142744 a b{font-size:9.5px!important}
  .journey-subnav-v142744 .journey-tab-icon-v142735{width:27px!important;height:27px!important}
  .journey-subnav-v142744 a.group-start{margin-left:2px!important}.journey-subnav-v142744 a.group-start:before{display:none!important}
  :is(body[data-page="favorites"],body[data-page="visited"]) .section-head.hero-head{padding:16px!important;border-radius:19px!important}
  body[data-page="stats"] .stats-hero{padding:22px!important;border-radius:21px!important}
  body[data-page="stats"] .stats-hero h2{font-size:29px!important;margin-bottom:17px!important}
}
@media(max-width:479px){
  .journey-subnav-v142744 a{min-height:42px!important;padding-inline:9px!important}
  .journey-subnav-v142744 .journey-tab-icon-v142735{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:8px!important}
  .journey-subnav-v142744 .journey-tab-icon-v142735 svg{width:14px!important;height:14px!important}
  .journey-subnav-v142744 a b{font-size:9px!important}
  .journey-subnav-v142744 a.locked small{display:none!important}
  body[data-page="stats"] .big-stats{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body[data-page="stats"] .big-stats>div{padding:11px!important;border-radius:14px!important}
}

/* TRIPLOOM V14.27.45 — WOW Passport Experience */
body[data-page="passport"] .passport-wow-shell-v142745{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:18px;margin:18px 0 16px}
body[data-page="passport"] .passport-hero-wow-v142745{position:relative;overflow:hidden;min-height:220px;padding:28px 28px 24px;background:linear-gradient(140deg,#EEFAFF 0%,#F4FCFB 40%,#EEFCF9 100%)!important;border:1px solid #D4EBF6;box-shadow:0 18px 40px rgba(43,118,161,.08)}
body[data-page="passport"] .passport-hero-wow-v142745:before,
body[data-page="passport"] .passport-hero-wow-v142745:after{content:"";position:absolute;border-radius:999px;pointer-events:none}
body[data-page="passport"] .passport-hero-wow-v142745:before{width:220px;height:220px;right:-60px;top:-55px;background:radial-gradient(circle,#8fddff55 0%,#8fddff10 58%,transparent 70%)}
body[data-page="passport"] .passport-hero-wow-v142745:after{width:160px;height:160px;left:-40px;bottom:-55px;background:radial-gradient(circle,#5fd7bf42 0%,#5fd7bf10 58%,transparent 72%)}
body[data-page="passport"] .passport-hero-copy-wow-v142745{max-width:680px;position:relative;z-index:1}
body[data-page="passport"] .passport-hero-actions-v142745{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
body[data-page="passport"] .passport-hero-actions-v142745 .btn{display:inline-flex;align-items:center;gap:8px}
body[data-page="passport"] .passport-hero-actions-v142745 .icon-svg{width:16px;height:16px}
body[data-page="passport"] .passport-owner-wow-v142745{position:relative;z-index:1;align-self:flex-end;box-shadow:0 14px 28px rgba(35,109,151,.14)!important}
body[data-page="passport"] .passport-wow-side-v142745{display:grid;gap:14px}
body[data-page="passport"] .passport-wow-card-v142745{background:linear-gradient(145deg,#fff,#F4FCFB);border:1px solid #D7EBF4;border-radius:24px;padding:18px 18px 16px;box-shadow:0 12px 30px rgba(38,95,130,.07)}
body[data-page="passport"] .passport-wow-card-v142745 small{display:block;font-size:11px;letter-spacing:.16em;color:#69D7D0;font-weight:800;margin-bottom:8px}
body[data-page="passport"] .passport-wow-card-v142745 b{display:block;color:#163D58;font-size:22px;line-height:1.2;margin-bottom:6px}
body[data-page="passport"] .passport-wow-card-v142745 span{display:block;color:#6A8798;font-size:13px;line-height:1.45}
body[data-page="passport"] .passport-wow-card-v142745 i{display:block;height:10px;border-radius:999px;background:#E7F4FB;margin:12px 0 8px;overflow:hidden}
body[data-page="passport"] .passport-wow-card-v142745 i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8EDFF0,#69D7D0)}
body[data-page="passport"] .passport-wow-card-v142745.featured{background:linear-gradient(145deg,#8EDFF0,#69D7D0);border-color:transparent}
body[data-page="passport"] .passport-wow-card-v142745.featured *{color:#fff!important}
body[data-page="passport"] .passport-wow-kpis-v142745{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:10px 0 18px}
body[data-page="passport"] .passport-wow-kpis-v142745 article{display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,#fff,#F4FCFB);border:1px solid #D8EBF3;border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(40,104,143,.055)}
body[data-page="passport"] .passport-wow-kpis-v142745 article>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#F0FBFF,#EAF9FC);border:1px solid #D2E7F4;color:#8EDFF0;flex:0 0 auto}
body[data-page="passport"] .passport-wow-kpis-v142745 article b{display:block;color:#173C57;font-size:26px;line-height:1.05}
body[data-page="passport"] .passport-wow-kpis-v142745 article small{display:block;color:#7390A0;font-size:12px;margin-top:4px}
body[data-page="passport"] .passport-spotlight-grid-v142745{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
body[data-page="passport"] .passport-spotlight-card-v142745{padding:20px 20px 18px;border-radius:24px;background:linear-gradient(155deg,#FFFFFF 0%,#F6FCFF 65%,#F5FDFA 100%);border:1px solid #D8EBF4;box-shadow:0 12px 28px rgba(39,99,137,.06)}
body[data-page="passport"] .passport-spotlight-card-v142745 h3{font-size:16px;margin:8px 0 4px}
body[data-page="passport"] .passport-spotlight-card-v142745 b{display:block;font-size:24px;color:#1D4D6D;margin-bottom:6px}
body[data-page="passport"] .passport-spotlight-card-v142745 p{margin:0;color:#688596;font-size:13px;line-height:1.55}
body[data-page="passport"] .passport-view-head-v142745{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:18px 0 12px}
body[data-page="passport"] .passport-view-toggle-v142745{display:flex;flex-wrap:wrap;gap:10px}
body[data-page="passport"] .passport-view-toggle-v142745 button{padding:12px 18px;border-radius:999px;border:1px solid #D4E8F2;background:#fff;color:#5D7D92;font-weight:700;cursor:pointer;box-shadow:0 7px 16px rgba(39,97,133,.04);transition:.2s ease}
body[data-page="passport"] .passport-view-toggle-v142745 button.active{background:linear-gradient(135deg,#8EDFF0,#69D7D0);border-color:transparent;color:#fff;box-shadow:0 12px 24px rgba(47,159,235,.26)}
body[data-page="passport"] .passport-stamps-wow-v142745,
body[data-page="passport"] .passport-timeline-wrap-v142745,
body[data-page="passport"] .passport-collections-wrap-v142745{padding:22px;border-radius:30px;background:linear-gradient(160deg,#FFFFFF 0%,#FBFEFF 72%,#F4FDFA 100%);border:1px solid #D8EBF4;box-shadow:0 14px 32px rgba(44,103,140,.06);margin-bottom:18px}
body[data-page="passport"] .passport-stamps-head-wow-v142745{margin-bottom:16px}
body[data-page="passport"] .passport-stamp-grid-wow-v142745{gap:16px}
body[data-page="passport"] .passport-entry-live-wow-v142745{position:relative;overflow:hidden;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body[data-page="passport"] .passport-entry-live-wow-v142745:nth-child(3n+2){transform:rotate(-.4deg)}
body[data-page="passport"] .passport-entry-live-wow-v142745:nth-child(3n){transform:rotate(.35deg)}
body[data-page="passport"] .passport-entry-live-wow-v142745:hover{transform:translateY(-4px) rotate(0)!important;box-shadow:0 18px 34px rgba(31,97,135,.12)!important;border-color:#9ADFD9!important}
body[data-page="passport"] .passport-entry-live-wow-v142745:after{content:"";position:absolute;right:-28px;bottom:-28px;width:92px;height:92px;border-radius:999px;background:radial-gradient(circle,#81e1d134 0%,transparent 72%)}
body[data-page="passport"] .passport-timeline-v142745{display:grid;gap:14px}
body[data-page="passport"] .passport-timeline-v142745 article{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-radius:22px;background:linear-gradient(145deg,#fff,#F4FCFB);border:1px solid #D8EBF3}
body[data-page="passport"] .passport-timeline-dot-v142745{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#EFFAFF,#EBFBF7);border:1px solid #CFE8F2;color:#8EDFF0}
body[data-page="passport"] .passport-timeline-v142745 article small{display:block;font-weight:700;color:#69D7D0;letter-spacing:.04em;margin-bottom:3px}
body[data-page="passport"] .passport-timeline-v142745 article b{display:block;font-size:18px;color:#153B56;margin-bottom:4px}
body[data-page="passport"] .passport-timeline-v142745 article p{margin:0;color:#6F8999;font-size:13px}
body[data-page="passport"] .passport-timeline-v142745 article i{white-space:nowrap;font-style:normal;font-weight:700;color:#249D98;background:#EEFBF8;border:1px solid #D2EEE6;padding:10px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px}
body[data-page="passport"] .passport-timeline-v142745 article i .icon-svg{width:14px;height:14px}
body[data-page="passport"] .passport-collection-grid-v142745{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}
body[data-page="passport"] .passport-collection-card-v142745{padding:20px;border-radius:24px;background:linear-gradient(145deg,#fff,#F4FCFB);border:1px solid #D8EBF3;box-shadow:0 10px 24px rgba(39,99,137,.05)}
body[data-page="passport"] .passport-collection-card-v142745 h3{display:flex;align-items:center;gap:10px;font-size:17px;margin:0 0 14px;color:#183E59}
body[data-page="passport"] .passport-collection-card-v142745 h3 .icon-svg{width:17px;height:17px;color:#8EDFF0}
body[data-page="passport"] .passport-chip-cloud-v142745{display:flex;flex-wrap:wrap;gap:10px}
body[data-page="passport"] .passport-chip-cloud-v142745 span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#F4FBFF;border:1px solid #D9EDF5;color:#249D98;font-weight:700}
body[data-page="passport"] .passport-chip-cloud-v142745 span b{font-size:12px;color:#249D98;background:#EAFBF7;padding:4px 8px;border-radius:999px}
body[data-page="passport"] .passport-trip-list-v142745{display:grid;gap:12px}
body[data-page="passport"] .passport-trip-list-v142745 div{padding:14px 15px;border-radius:18px;background:#F4FCFB;border:1px solid #DEEDF4}
body[data-page="passport"] .passport-trip-list-v142745 b{display:block;color:#1C4765;margin-bottom:4px}
body[data-page="passport"] .passport-trip-list-v142745 small{color:#728D9D}
body[data-page="passport"] .passport-notice-wow-v142745{margin-top:16px}
body[data-page="passport"] .passport-premium-wow-v142745>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
body[data-page="passport"] .passport-premium-wow-v142745>div span{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#F2FBFF;border:1px solid #D7ECF4;color:#416B85;font-weight:700}
body[data-page="passport"] .passport-filter-shell-wow-v142745 form{margin-bottom:0}
@media (max-width: 1200px){
  body[data-page="passport"] .passport-wow-kpis-v142745{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-page="passport"] .passport-spotlight-grid-v142745,
  body[data-page="passport"] .passport-collection-grid-v142745{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 980px){
  body[data-page="passport"] .passport-wow-shell-v142745,
  body[data-page="passport"] .passport-collection-grid-v142745,
  body[data-page="passport"] .passport-spotlight-grid-v142745{grid-template-columns:1fr}
  body[data-page="passport"] .passport-view-head-v142745{flex-direction:column;align-items:flex-start}
}
@media (max-width: 760px){
  body[data-page="passport"] .passport-hero-wow-v142745{padding:22px 18px}
  body[data-page="passport"] .passport-wow-kpis-v142745{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="passport"] .passport-wow-kpis-v142745 article{padding:16px 14px}
  body[data-page="passport"] .passport-view-toggle-v142745{width:100%}
  body[data-page="passport"] .passport-view-toggle-v142745 button{flex:1 1 calc(33.333% - 7px);text-align:center;padding:11px 12px}
  body[data-page="passport"] .passport-timeline-v142745 article{grid-template-columns:46px minmax(0,1fr);align-items:flex-start}
  body[data-page="passport"] .passport-timeline-v142745 article i{grid-column:1/-1;justify-self:flex-start}
}
@media (max-width: 560px){
  body[data-page="passport"] .passport-wow-kpis-v142745{grid-template-columns:1fr}
  body[data-page="passport"] .passport-hero-actions-v142745 .btn{width:100%;justify-content:center}
}

/* TRIPLOOM V14.27.46 — Passport preview KPI color separation + independent preview note */
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743{
  gap:12px!important;
  margin:2px 0 14px!important;
}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article{
  position:relative;
  min-height:84px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:18px!important;
  overflow:hidden;
  box-shadow:0 9px 22px rgba(46,88,122,.065)!important;
}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article::after{
  content:"";
  position:absolute;
  width:74px;
  height:74px;
  right:-24px;
  top:-28px;
  border-radius:999px;
  opacity:.38;
  pointer-events:none;
}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article:nth-child(1){
  background:linear-gradient(145deg,#F3FAFF 0%,#FFFFFF 72%)!important;
  border-color:#CFE8FA!important;
}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article:nth-child(1)::after{background:#8FD7FF}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article:nth-child(2){
  background:linear-gradient(145deg,#F1FCF8 0%,#FFFFFF 72%)!important;
  border-color:#CDEFE3!important;
}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article:nth-child(2)::after{background:#82E0C4}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article:nth-child(3){
  background:linear-gradient(145deg,#F8F5FF 0%,#FFFFFF 72%)!important;
  border-color:#E1D9FA!important;
}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article:nth-child(3)::after{background:#C5B0F4}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article:nth-child(4){
  background:linear-gradient(145deg,#FFF8F1 0%,#FFFFFF 72%)!important;
  border-color:#F5DECA!important;
}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article:nth-child(4)::after{background:#F7BE8E}
body[data-page="passport"] .passport-preview-kpis-v142743 article>span{
  position:relative;
  z-index:1;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border-radius:13px!important;
  border:1px solid transparent!important;
  box-shadow:0 5px 12px rgba(38,90,126,.07)!important;
}
body[data-page="passport"] .passport-preview-kpis-v142743 article:nth-child(1)>span{background:#E8F6FF!important;color:#8EDFF0!important;border-color:#CFEAFA!important}
body[data-page="passport"] .passport-preview-kpis-v142743 article:nth-child(2)>span{background:#E9FAF4!important;color:#4B9A60!important;border-color:#CDEEE2!important}
body[data-page="passport"] .passport-preview-kpis-v142743 article:nth-child(3)>span{background:#F2EDFF!important;color:#7E62C9!important;border-color:#DDD3F7!important}
body[data-page="passport"] .passport-preview-kpis-v142743 article:nth-child(4)>span{background:#FFF0E3!important;color:#FF9B5E!important;border-color:#F5D8BF!important}
body[data-page="passport"] .passport-preview-kpis-v142743 article>div{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 b{
  display:block!important;
  margin:0!important;
  font-size:22px!important;
  line-height:1!important;
  color:#173D58!important;
  letter-spacing:-.025em;
}
body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 small{
  display:block!important;
  margin-top:7px!important;
  font-size:8px!important;
  line-height:1.25!important;
  color:#70899A!important;
  letter-spacing:.025em;
}

/* Warm sunset note: intentionally separated from the cool blue/mint passport palette. */
body[data-page="passport"] .journey-preview-note-v142742{
  border-color:#F2C994!important;
  background:linear-gradient(120deg,#FFF8E2 0%,#FFF3E9 48%,#FFF7F3 100%)!important;
  box-shadow:0 11px 28px rgba(177,101,47,.095)!important;
}
body[data-page="passport"] .journey-preview-note-v142742::after{
  content:"";
  width:110px;
  height:110px;
  position:absolute;
  right:18%;
  top:-76px;
  border-radius:999px;
  background:rgba(242,166,102,.14);
  pointer-events:none;
}
body[data-page="passport"] .journey-preview-note-v142742{position:relative;overflow:hidden}
body[data-page="passport"] .journey-preview-note-icon-v142742{
  position:relative;
  z-index:1;
  background:#FFE7D2!important;
  color:#FF9B5E!important;
  border:1px solid #F5CFAE;
}
body[data-page="passport"] .journey-preview-note-v142742>div:nth-child(2),
body[data-page="passport"] .journey-preview-note-v142742>button{position:relative;z-index:1}
body[data-page="passport"] .journey-preview-note-v142742 span{color:#FF9B5E!important}
body[data-page="passport"] .journey-preview-note-v142742 h2{color:#4C3429!important}
body[data-page="passport"] .journey-preview-note-v142742 p{color:#806354!important}
body[data-page="passport"] .journey-preview-note-v142742 button{
  border-color:#E7B67D!important;
  background:#FFFDF9!important;
  color:#C96C38!important;
  box-shadow:0 5px 14px rgba(177,101,47,.075);
}
body[data-page="passport"] .journey-preview-note-v142742 button:hover{
  background:#FFF0DF!important;
  border-color:#FF9B5E!important;
}
html[data-theme="dark"] body[data-page="passport"] .journey-preview-note-v142742{
  background:linear-gradient(120deg,#382A23,#30241F)!important;
  border-color:#70513E!important;
}
html[data-theme="dark"] body[data-page="passport"] .journey-preview-note-v142742 h2{color:#FFE9D7!important}
html[data-theme="dark"] body[data-page="passport"] .journey-preview-note-v142742 p{color:#D6B9A7!important}

@media(max-width:767px){
  body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743{gap:8px!important}
  body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 article{min-height:72px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;padding:11px 12px!important}
  body[data-page="passport"] .passport-preview-kpis-v142743 article>span{width:34px!important;height:34px!important;flex-basis:34px!important}
  body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 b{font-size:18px!important}
  body[data-page="passport"] .preview-kpis-v142742.passport-preview-kpis-v142743 small{margin-top:5px!important;font-size:7.4px!important}
}

/* =========================================================
   TRIPLOOM V14.27.48 — JOURNEY TABS WOW SUITE
   Shared visual language: Sky Blue + Mint + youthful accents
   ========================================================= */
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"]) {
  --j48-sky:#8EDFF0;--j48-mint:#69D7D0;--j48-violet:#8EDFF0;--j48-peach:#FF9B5E;--j48-rose:#FF7F9F;--j48-sand:#FFD15C;
  --j48-ink:#173C57;--j48-muted:#6E8899;--j48-line:#D8EAF3;--j48-paper:#fff;--j48-soft:#F7FBFE;
}
:is(body[data-page="journey"],body[data-page="favorites"],body[data-page="visited"],body[data-page="stats"],body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"]) .content{background:linear-gradient(180deg,#F7FBFD 0,#F4FCFB 48%,#F4FCFB 100%)}

/* ---------- shared colourful KPI cards ---------- */
:is(.journey-list-kpis-v142748,.stats-wow-kpis-v142748,.footprints-wow-kpis-v142748,.recap-wow-kpis-v142748,.style-wow-kpis-v142748,.creator-wow-kpis-v142748,.collections-wow-kpis-v142748) article{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#F4FCFB);border:1px solid var(--j48-line);border-radius:22px;box-shadow:0 10px 26px rgba(34,92,126,.055)}
:is(.journey-list-kpis-v142748,.stats-wow-kpis-v142748,.footprints-wow-kpis-v142748,.recap-wow-kpis-v142748,.style-wow-kpis-v142748,.creator-wow-kpis-v142748,.collections-wow-kpis-v142748) article:after{content:"";position:absolute;width:72px;height:72px;border-radius:999px;right:-22px;top:-22px;opacity:.18;background:currentColor}
:is(.journey-list-kpis-v142748,.stats-wow-kpis-v142748,.footprints-wow-kpis-v142748,.recap-wow-kpis-v142748,.style-wow-kpis-v142748,.creator-wow-kpis-v142748,.collections-wow-kpis-v142748) article.sky{color:var(--j48-sky);background:linear-gradient(145deg,#fff,#F2F9FF);border-color:#CFE8F8}
:is(.journey-list-kpis-v142748,.stats-wow-kpis-v142748,.footprints-wow-kpis-v142748,.recap-wow-kpis-v142748,.style-wow-kpis-v142748,.creator-wow-kpis-v142748,.collections-wow-kpis-v142748) article.mint{color:#69D7D0;background:linear-gradient(145deg,#fff,#F2FCF9);border-color:#CAEEE6}
:is(.journey-list-kpis-v142748,.stats-wow-kpis-v142748,.footprints-wow-kpis-v142748,.recap-wow-kpis-v142748,.style-wow-kpis-v142748,.creator-wow-kpis-v142748,.collections-wow-kpis-v142748) article.violet{color:var(--j48-violet);background:linear-gradient(145deg,#fff,#F8F6FF);border-color:#E2DCFF}
:is(.journey-list-kpis-v142748,.stats-wow-kpis-v142748,.footprints-wow-kpis-v142748,.recap-wow-kpis-v142748,.style-wow-kpis-v142748,.creator-wow-kpis-v142748,.collections-wow-kpis-v142748) article.peach{color:#FF9B5E;background:linear-gradient(145deg,#fff,#FFF8F3);border-color:#F5DCC8}
:is(.journey-list-kpis-v142748,.stats-wow-kpis-v142748,.footprints-wow-kpis-v142748,.recap-wow-kpis-v142748,.style-wow-kpis-v142748,.creator-wow-kpis-v142748,.collections-wow-kpis-v142748) article.rose{color:#EF6F94;background:linear-gradient(145deg,#fff,#FFF5F8);border-color:#F6D5DF}
:is(.journey-list-kpis-v142748,.stats-wow-kpis-v142748,.footprints-wow-kpis-v142748,.recap-wow-kpis-v142748,.style-wow-kpis-v142748,.creator-wow-kpis-v142748,.collections-wow-kpis-v142748) article.sand{color:#FF9B5E;background:linear-gradient(145deg,#fff,#FFF8E2);border-color:#F0DFBD}

/* ---------- Overview / Journey Hub ---------- */
body[data-page="journey"] .journey-wow-launchpad-v142748{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.55fr);gap:18px;margin:18px 0;background:linear-gradient(135deg,#EAF9FC 0%,#F4FCFB 48%,#ECFBF7 100%);border:1px solid #CFE8F4;border-radius:30px;padding:26px;box-shadow:0 18px 42px rgba(39,103,141,.08);position:relative;overflow:hidden}
body[data-page="journey"] .journey-wow-launchpad-v142748:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-95px;top:-110px;background:radial-gradient(circle,rgba(73,207,194,.2),transparent 70%)}
body[data-page="journey"] .journey-wow-launch-copy-v142748{position:relative;z-index:1}
body[data-page="journey"] .journey-wow-launch-copy-v142748 h2{font-size:clamp(26px,3vw,40px);line-height:1.08;margin:7px 0 10px;max-width:760px}
body[data-page="journey"] .journey-wow-launch-copy-v142748 p{max-width:800px;color:var(--j48-muted);line-height:1.6;margin:0}
body[data-page="journey"] .journey-wow-launch-actions-v142748{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
body[data-page="journey"] .journey-wow-launch-actions-v142748 .btn{display:inline-flex;gap:8px;align-items:center}
body[data-page="journey"] .journey-wow-launch-score-v142748{position:relative;z-index:1;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:1px solid rgba(191,225,240,.9);border-radius:24px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 12px 28px rgba(41,101,138,.08)}
body[data-page="journey"] .journey-wow-launch-score-v142748>small{font-weight:900;letter-spacing:.12em;color:#69D7D0;font-size:10px}
body[data-page="journey"] .journey-wow-launch-score-v142748>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#EAF9FC;color:var(--j48-sky);margin:10px 0}.journey-wow-launch-score-v142748>span .icon-svg{width:24px;height:24px}
body[data-page="journey"] .journey-wow-launch-score-v142748>b{font-size:24px}.journey-wow-launch-score-v142748>em{font-style:normal;color:#658398;font-size:13px;margin-top:3px}
body[data-page="journey"] .journey-wow-launch-score-v142748>i{display:block;width:100%;height:9px;border-radius:999px;background:#E4F1F7;margin:14px 0 7px;overflow:hidden}.journey-wow-launch-score-v142748>i strong{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--j48-sky),var(--j48-mint))}
body[data-page="journey"] .journey-wow-launch-score-v142748>p{margin:0;font-size:12px;color:#6D8797}
body[data-page="journey"] .journey-wow-switchboard-v142748{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
body[data-page="journey"] .journey-wow-switchboard-v142748>a{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:20px;background:#fff;border:1px solid var(--j48-line);box-shadow:0 8px 22px rgba(36,91,124,.05);text-decoration:none;transition:.2s ease}
body[data-page="journey"] .journey-wow-switchboard-v142748>a:hover{transform:translateY(-2px);border-color:#B9DEF0;box-shadow:0 14px 28px rgba(36,91,124,.09)}
body[data-page="journey"] .journey-wow-switchboard-v142748>a>span{width:38px;height:38px;border-radius:13px;background:#EAF9FC;color:var(--j48-sky);display:grid;place-items:center;flex:0 0 auto}.journey-wow-switchboard-v142748>a:nth-child(2)>span{background:#EEFBF8;color:#69D7D0}.journey-wow-switchboard-v142748>a:nth-child(3)>span{background:#F6F3FF;color:var(--j48-violet)}.journey-wow-switchboard-v142748>a:nth-child(4)>span{background:#FFF7F1;color:#FF9B5E}.journey-wow-switchboard-v142748>a:nth-child(5)>span{background:#FFF4F8;color:#E96F95}
body[data-page="journey"] .journey-wow-switchboard-v142748 b{display:block;font-size:20px;color:var(--j48-ink)}body[data-page="journey"] .journey-wow-switchboard-v142748 small{display:block;color:#728B9A;font-size:11px;margin-top:2px}
body[data-page="journey"] .journey-command-center-wow-v142748{border-radius:30px!important;box-shadow:0 16px 38px rgba(36,92,127,.07)!important}

/* ---------- Favorites + Visited ---------- */
:is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-wow-v142748{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:18px;border-radius:30px;padding:26px;margin:18px 0;border:1px solid #D5EAF4;box-shadow:0 18px 40px rgba(42,100,136,.075);overflow:hidden;position:relative}
body[data-page="favorites"] .journey-list-wow-v142748{background:linear-gradient(135deg,#EAF9FC 0%,#FFF8FB 58%,#FFF5F7 100%)}
body[data-page="visited"] .journey-list-wow-v142748{background:linear-gradient(135deg,#EDF9FF 0%,#F4FCFB 48%,#EDFBF7 100%)}
:is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-wow-v142748:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-90px;top:-100px;background:radial-gradient(circle,rgba(47,159,235,.18),transparent 70%)}
body[data-page="favorites"] .journey-list-wow-v142748:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:54%;bottom:-120px;background:radial-gradient(circle,rgba(255,127,159,.18),transparent 70%)}
:is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-wow-copy-v142748{position:relative;z-index:1}.journey-list-wow-copy-v142748 h2{font-size:clamp(26px,3vw,38px);line-height:1.1;margin:7px 0 10px;max-width:760px}.journey-list-wow-copy-v142748 p{color:var(--j48-muted);line-height:1.6;max-width:780px;margin:0}
:is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-actions-v142748{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.journey-list-actions-v142748 .btn{display:inline-flex;align-items:center;gap:8px}
:is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-orbit-v142748{position:relative;z-index:1;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);border:1px solid rgba(207,232,244,.95);border-radius:26px;padding:22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 26px rgba(41,101,138,.07)}
:is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-orbit-v142748 b{display:block;font-size:42px;line-height:1;color:var(--j48-ink)}.journey-list-orbit-v142748 small{display:block;color:#6F8792;margin-top:6px}.journey-list-orbit-v142748>span{width:62px;height:62px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,#EAF9FC,#F2FBFA);color:var(--j48-sky)}body[data-page="favorites"] .journey-list-orbit-v142748>span{color:#ED7197;background:linear-gradient(145deg,#FFF2F6,#FFF8FB)}.journey-list-orbit-v142748>span .icon-svg{width:28px;height:28px}
:is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-kpis-v142748{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.journey-list-kpis-v142748 article{display:flex;align-items:center;gap:12px;padding:17px}.journey-list-kpis-v142748 article>span{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid currentColor;display:grid;place-items:center;opacity:.9}.journey-list-kpis-v142748 article>span .icon-svg{width:17px;height:17px}.journey-list-kpis-v142748 article b{font-size:24px;color:var(--j48-ink);display:block}.journey-list-kpis-v142748 article small{display:block;color:#748D9B;margin-top:2px}
:is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-insight-v142748{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:14px}.journey-list-insight-v142748 article{background:#fff;border:1px solid var(--j48-line);border-radius:21px;padding:17px 18px;box-shadow:0 8px 20px rgba(36,91,124,.045)}.journey-list-insight-v142748 article b{font-size:18px;display:block;margin:5px 0;color:var(--j48-ink)}.journey-list-insight-v142748 article p{margin:0;color:#6F8792;font-size:12px}
:is(body[data-page="favorites"],body[data-page="visited"]) .journey-place-toolbar-v142748{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--j48-line);border-radius:22px;padding:10px;margin-bottom:14px;box-shadow:0 8px 20px rgba(36,91,124,.045)}
.journey-place-search-v142748{display:flex;align-items:center;gap:9px;background:#F7FBFE;border:1px solid #DBEAF2;border-radius:15px;padding:0 13px}.journey-place-search-v142748 .icon-svg{width:17px;height:17px;color:#6B9BB8}.journey-place-search-v142748 input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:44px;width:100%;padding:0!important}
.journey-place-filters-v142748,.journey-place-view-v142748{display:flex;gap:7px}.journey-place-filters-v142748 button,.journey-place-view-v142748 button{height:42px;border-radius:13px;border:1px solid #D8E9F2;background:#fff;color:#607E91;font-weight:750;padding:0 14px;cursor:pointer}.journey-place-view-v142748 button{width:42px;padding:0;display:grid;place-items:center}.journey-place-view-v142748 .icon-svg{width:16px;height:16px}.journey-place-filters-v142748 button.active,.journey-place-view-v142748 button.active{background:linear-gradient(135deg,var(--j48-sky),#69D7D0);color:#fff;border-color:transparent;box-shadow:0 8px 16px rgba(47,159,235,.22)}
:is(body[data-page="favorites"],body[data-page="visited"]) .journey-place-grid-v142748{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.journey-place-shell-v142748{min-width:0}.journey-place-shell-v142748 .place-card{height:100%;margin:0}.journey-place-grid-v142748.compact{grid-template-columns:1fr}.journey-place-grid-v142748.compact .place-card{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:150px}.journey-place-grid-v142748.compact .place-cover{height:100%;min-height:150px}.journey-place-noresult-v142748{padding:36px;border:1px dashed #CBDFE9;border-radius:22px;text-align:center;color:#718A99;background:#F4FCFB}.journey-place-noresult-v142748 .icon-svg{width:26px;height:26px;color:#6AA5C7;margin-bottom:8px}.journey-place-noresult-v142748 b,.journey-place-noresult-v142748 span{display:block}.journey-place-noresult-v142748 b{color:var(--j48-ink);font-size:17px;margin-bottom:4px}

/* ---------- Stats ---------- */
body[data-page="stats"] .stats-wow-hero-v142748{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:20px;background:linear-gradient(135deg,#EAF9FC 0%,#F4FCFB 46%,#EEFBF8 100%);border:1px solid #CFE8F4;border-radius:30px;padding:28px;margin:18px 0;box-shadow:0 18px 42px rgba(39,103,141,.08);position:relative;overflow:hidden}.stats-wow-hero-v142748:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-80px;top:-120px;background:radial-gradient(circle,rgba(73,207,194,.22),transparent 68%)}
.stats-wow-copy-v142748{position:relative;z-index:1}.stats-wow-copy-v142748 h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:7px 0 10px}.stats-wow-copy-v142748 p{color:var(--j48-muted);line-height:1.6;max-width:780px}.stats-wow-actions-v142748{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.stats-wow-actions-v142748 .btn{display:inline-flex;align-items:center;gap:8px}
.stats-wow-ring-v142748{position:relative;z-index:1;align-self:center;justify-self:center;width:210px;height:210px;border-radius:50%;background:conic-gradient(var(--j48-sky) calc(var(--progress)*1%),#E5F2F8 0);display:grid;place-items:center;box-shadow:0 18px 32px rgba(46,128,176,.14)}.stats-wow-ring-v142748:before{content:"";position:absolute;inset:16px;background:rgba(255,255,255,.94);border-radius:50%;box-shadow:inset 0 0 0 1px #D7EAF3}.stats-wow-ring-v142748>div{position:relative;text-align:center;z-index:1}.stats-wow-ring-v142748 b{display:block;font-size:38px;color:var(--j48-ink)}.stats-wow-ring-v142748 small{display:block;max-width:110px;color:#78909D;line-height:1.3}.stats-wow-ring-v142748>span{position:absolute;bottom:20px;z-index:1;background:#EAF9FC;color:#69D7D0;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}
body[data-page="stats"] .stats-wow-kpis-v142748{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.stats-wow-kpis-v142748 article{padding:17px}.stats-wow-kpis-v142748 article>span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.76);border:1px solid currentColor;margin-bottom:12px;font-weight:900}.stats-wow-kpis-v142748 .icon-svg{width:16px;height:16px}.stats-wow-kpis-v142748 b{display:block;font-size:22px;color:var(--j48-ink);line-height:1.15}.stats-wow-kpis-v142748 small{display:block;color:#758E9D;margin-top:4px}
body[data-page="stats"] .stats-wow-insights-v142748{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stats-wow-insights-v142748 article{background:#fff;border:1px solid var(--j48-line);border-radius:21px;padding:18px;box-shadow:0 8px 21px rgba(36,91,124,.045)}.stats-wow-insights-v142748 small{font-size:10px;font-weight:900;letter-spacing:.12em;color:#69D7D0}.stats-wow-insights-v142748 b{display:block;font-size:19px;margin:7px 0 3px;color:var(--j48-ink)}.stats-wow-insights-v142748 span{font-size:12px;color:#77909F}
body[data-page="stats"] .stats-wow-grid-v142748{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px}.stats-wow-panel-v142748{border-radius:26px!important}.stats-wow-bars-v142748 small{display:block;color:#8298A5;font-size:10px;margin-top:4px}.stats-wow-rank-v142748>div{border-radius:15px;padding:11px 12px}.stats-wow-next-v142748{margin:14px 0;background:linear-gradient(135deg,#173E5A,#249D98 62%,#69D7D0);border-radius:26px;padding:22px 24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 16px 34px rgba(30,85,120,.16)}.stats-wow-next-v142748 h3{color:#fff!important;margin:5px 0}.stats-wow-next-v142748 p{color:#D8EDF4;margin:0;max-width:760px}.stats-wow-next-v142748 .eyebrow{color:#9EE8DE!important}.stats-wow-next-v142748>div:last-child{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}

/* ---------- Footprints ---------- */
body[data-page="footprints"] .footprints-wow-hero-v142748{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:18px;background:linear-gradient(135deg,#EAF9FF 0%,#F4FCFB 48%,#ECFBF7 100%);border:1px solid #CFE8F4;border-radius:30px;padding:28px;margin:18px 0;box-shadow:0 18px 42px rgba(39,103,141,.08);position:relative;overflow:hidden}.footprints-wow-hero-v142748:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-95px;top:-95px;background:radial-gradient(circle,rgba(73,207,194,.2),transparent 70%)}.footprints-wow-copy-v142748{position:relative;z-index:1}.footprints-wow-copy-v142748 h2{font-size:clamp(28px,3vw,42px);margin:7px 0 10px;line-height:1.08}.footprints-wow-copy-v142748 p{color:var(--j48-muted);max-width:800px;line-height:1.6}.footprints-wow-actions-v142748{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.footprints-wow-actions-v142748 .btn{display:inline-flex;align-items:center;gap:8px}.footprints-wow-orbit-v142748{position:relative;z-index:1;background:rgba(255,255,255,.84);border:1px solid #D4E9F3;border-radius:26px;padding:22px;display:grid;grid-template-columns:1fr auto;align-items:center;box-shadow:0 12px 28px rgba(42,103,140,.08)}.footprints-wow-orbit-v142748 b{display:block;font-size:44px;line-height:1}.footprints-wow-orbit-v142748 small{display:block;color:#66899E;font-size:10px;letter-spacing:.1em;margin-top:6px}.footprints-wow-orbit-v142748>span{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:#ECFBF8;color:#69D7D0}.footprints-wow-orbit-v142748>span .icon-svg{width:26px;height:26px}.footprints-wow-orbit-v142748>em{grid-column:1/-1;font-style:normal;color:#249D98;border-top:1px solid #E0EDF3;margin-top:14px;padding-top:10px;font-weight:800}
body[data-page="footprints"] .footprints-wow-kpis-v142748{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}.footprints-wow-kpis-v142748 article{padding:17px}.footprints-wow-kpis-v142748 article>span{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid currentColor;display:grid;place-items:center;margin-bottom:10px}.footprints-wow-kpis-v142748 article b{display:block;font-size:24px;color:var(--j48-ink)}.footprints-wow-kpis-v142748 article small{display:block;color:#6F8792}.footprints-wow-kpis-v142748 .icon-svg{width:16px;height:16px}
body[data-page="footprints"] .footprints-wow-insights-v142748{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.footprints-wow-insights-v142748 article{background:#fff;border:1px solid var(--j48-line);border-radius:21px;padding:18px;box-shadow:0 8px 20px rgba(36,91,124,.045)}.footprints-wow-insights-v142748 small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#69D7D0}.footprints-wow-insights-v142748 b{display:block;font-size:19px;margin:6px 0}.footprints-wow-insights-v142748 span{color:#6F8792;font-size:12px}
.footprints-view-head-v142748{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:17px 0 12px}.footprints-view-head-v142748 h2{margin:4px 0}.footprints-view-toggle-v142748{display:flex;gap:8px}.footprints-view-toggle-v142748 button{border:1px solid #D4E7F1;background:#fff;color:#647F91;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer}.footprints-view-toggle-v142748 button.active{background:linear-gradient(135deg,var(--j48-sky),var(--j48-mint));color:#fff;border-color:transparent;box-shadow:0 9px 18px rgba(47,159,235,.2)}
body[data-page="footprints"] :is(.footprints-map-panel-v142748,.footprints-recent-panel-v142748,.footprints-regions-panel-v142748,.footprints-timeline-advanced-v142748){border-radius:28px!important}.footprints-map-v142748{min-height:480px;border-radius:20px;overflow:hidden}.footprints-map-panel-v142748.is-focus{position:fixed!important;z-index:9999;inset:18px;margin:0!important;background:#fff!important;box-shadow:0 24px 80px rgba(10,35,50,.28)!important;overflow:auto}.footprints-map-panel-v142748.is-focus:after{content:"ESC để đóng";position:absolute;right:26px;top:26px;background:#173D58;color:#fff;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;z-index:3}.footprints-map-panel-v142748.is-focus .footprints-map-v142748{height:calc(100vh - 150px);min-height:520px}.map-focus-open{overflow:hidden!important}
.footprints-recent-list-v142748{display:grid;gap:10px}.footprints-recent-list-v142748 article{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(180px,.6fr);gap:12px;align-items:center;border:1px solid #DFEDF4;border-radius:18px;padding:13px 15px;background:#F4FCFB}.footprints-recent-list-v142748 article>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#DDF7F4;color:#69D7D0}.footprints-recent-list-v142748 b{display:block;color:var(--j48-ink)}.footprints-recent-list-v142748 small{display:block;color:#6F8792;margin-top:2px}.footprints-region-grid-v142748{display:grid;grid-template-columns:1fr 1fr;gap:14px}.footprints-region-grid-v142748 article{background:#F9FCFE;border:1px solid #DFEDF4;border-radius:21px;padding:17px}.footprints-region-grid-v142748 h3{display:flex;align-items:center;gap:8px}.footprints-region-grid-v142748 h3 .icon-svg{width:18px;height:18px;color:var(--j48-sky)}.footprints-region-grid-v142748 article>div{display:flex;flex-wrap:wrap;gap:8px}.footprints-region-grid-v142748 article>div span{display:inline-flex;gap:7px;align-items:center;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #DCEBF2;color:#53748A}.footprints-region-grid-v142748 article>div b{color:#249D98;background:#EDFAF7;padding:3px 7px;border-radius:999px;font-size:11px}

/* ---------- Recap ---------- */
body[data-page="recap"] .recap-wow-hero-v142748{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);gap:18px;background:linear-gradient(135deg,#EAF9FC 0%,#F9FBFF 52%,#F5F1FF 100%);border:1px solid #D8E6F4;border-radius:30px;padding:28px;margin:18px 0;box-shadow:0 18px 42px rgba(39,103,141,.08);position:relative;overflow:hidden}.recap-wow-hero-v142748:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-85px;top:-105px;background:radial-gradient(circle,rgba(139,124,246,.18),transparent 70%)}.recap-wow-copy-v142748{position:relative;z-index:1}.recap-wow-copy-v142748 h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:7px 0 10px}.recap-wow-copy-v142748 p{color:var(--j48-muted);line-height:1.6}.recap-wow-actions-v142748{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.recap-wow-actions-v142748 .btn{display:inline-flex;align-items:center;gap:8px}.recap-wow-badge-v142748{position:relative;z-index:1;background:rgba(255,255,255,.86);border:1px solid #DCE9F4;border-radius:26px;padding:22px;box-shadow:0 12px 28px rgba(42,103,140,.07);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.recap-wow-badge-v142748 small{font-weight:900;letter-spacing:.12em;color:#6F67C8}.recap-wow-badge-v142748 b{font-size:27px;margin:8px 0 3px}.recap-wow-badge-v142748 span{color:#788F9D}.recap-wow-badge-v142748 i{font-style:normal;width:52px;height:52px;border-radius:17px;background:#F3F0FF;color:var(--j48-violet);display:grid;place-items:center;margin-top:14px}.recap-wow-badge-v142748 i .icon-svg{width:22px;height:22px}
.recap-filter-wow-v142748{background:#fff!important;border:1px solid var(--j48-line)!important;border-radius:21px!important;padding:10px!important;box-shadow:0 8px 20px rgba(36,91,124,.045)!important;margin-bottom:14px!important}
body[data-page="recap"] .recap-wow-kpis-v142748{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.recap-wow-kpis-v142748 article{padding:17px}.recap-wow-kpis-v142748 article>span{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.76);border:1px solid currentColor;display:grid;place-items:center;margin-bottom:10px}.recap-wow-kpis-v142748 article b{font-size:25px;color:var(--j48-ink);display:block}.recap-wow-kpis-v142748 article small{display:block;color:#768F9D}.recap-wow-kpis-v142748 .icon-svg{width:16px;height:16px}
.recap-wow-story-v142748{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;align-items:center;border-radius:28px;padding:24px;background:linear-gradient(135deg,#173F5C,#249D98 64%,#69D7D0);color:#fff;margin-bottom:14px;box-shadow:0 17px 34px rgba(29,83,116,.16)}.recap-wow-story-v142748 h2{color:#fff!important;margin:5px 0}.recap-wow-story-v142748 p{color:#D8EDF4;margin:0}.recap-wow-story-v142748 .eyebrow{color:#A7EEE3!important}.recap-wow-story-metrics-v142748{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recap-wow-story-metrics-v142748 article{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:15px}.recap-wow-story-metrics-v142748 small{display:block;color:#BFE7F0;font-size:9px;letter-spacing:.1em}.recap-wow-story-metrics-v142748 b{display:block;color:#fff!important;font-size:23px;margin:5px 0}.recap-wow-story-metrics-v142748 span{font-size:11px;color:#D9EEF4}
.recap-wow-highlights-v142748{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.recap-wow-highlights-v142748 article{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--j48-line);border-radius:22px;padding:18px;box-shadow:0 8px 20px rgba(36,91,124,.045)}.recap-wow-highlights-v142748 article>span{width:44px;height:44px;border-radius:15px;background:#EFF8FF;color:var(--j48-sky);display:grid;place-items:center;flex:0 0 auto}.recap-wow-highlights-v142748 article:nth-child(2)>span{background:#EEFBF7;color:#69D7D0}.recap-wow-highlights-v142748 article:nth-child(3)>span{background:#F5F2FF;color:var(--j48-violet)}.recap-wow-highlights-v142748 small{font-size:9px;letter-spacing:.1em;font-weight:900;color:#6D8A9A}.recap-wow-highlights-v142748 b{display:block;font-size:17px;margin:3px 0}.recap-wow-highlights-v142748 p{margin:0;color:#77909E;font-size:12px}.recap-wow-toolbox-v142748{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid var(--j48-line);border-radius:25px;padding:20px 22px;box-shadow:0 9px 22px rgba(36,91,124,.05)}.recap-wow-toolbox-v142748 h3{margin:4px 0}.recap-wow-toolbox-v142748 p{margin:0;color:#6F8792}.recap-wow-toolbox-v142748>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.recap-wow-toolbox-v142748 .btn{display:inline-flex;align-items:center;gap:7px}

/* ---------- Travel Style ---------- */
body[data-page="travel_style"] .style-wow-hero-v142748{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:18px;background:linear-gradient(135deg,#EAF9FC 0%,#F4FCFB 48%,#F3F0FF 100%);border:1px solid #D6E8F4;border-radius:30px;padding:28px;margin:18px 0;box-shadow:0 18px 42px rgba(39,103,141,.08);position:relative;overflow:hidden}.style-wow-hero-v142748:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-100px;background:radial-gradient(circle,rgba(139,124,246,.2),transparent 70%)}.style-wow-copy-v142748{position:relative;z-index:1}.style-wow-copy-v142748 h2{font-size:clamp(34px,4vw,54px);line-height:1;margin:8px 0 10px}.style-wow-copy-v142748 p{color:var(--j48-muted);line-height:1.6;max-width:780px}.style-wow-tags-v142748{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.style-wow-tags-v142748 span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid #D9E9F3;color:#4F7690;font-weight:800;font-size:11px}.style-wow-tags-v142748 span:first-child{background:linear-gradient(135deg,#8EDFF0,#69D7D0);color:#fff;border-color:transparent}.style-wow-actions-v142748{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.style-wow-actions-v142748 .btn{display:inline-flex;align-items:center;gap:8px}
.style-wow-dna-v142748{position:relative;z-index:1;display:grid;place-items:center}.style-wow-dna-v142748:before{content:"";position:absolute;width:205px;height:205px;border-radius:50%;background:conic-gradient(var(--j48-violet) calc(var(--dna)*1%),#DEECF5 0);box-shadow:0 18px 32px rgba(83,89,170,.13)}.style-wow-dna-v142748:after{content:"";position:absolute;width:169px;height:169px;background:rgba(255,255,255,.96);border-radius:50%;box-shadow:inset 0 0 0 1px #DBE7F2}.style-wow-dna-v142748>div{position:relative;z-index:1;text-align:center}.style-wow-dna-v142748 span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#EAF9FC;color:var(--j48-violet);margin:0 auto 8px}.style-wow-dna-v142748 span .icon-svg{width:20px;height:20px}.style-wow-dna-v142748 b{display:block;font-size:34px}.style-wow-dna-v142748 small{display:block;color:#718A9A;max-width:110px}
body[data-page="travel_style"] .style-wow-kpis-v142748{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.style-wow-kpis-v142748 article{padding:17px}.style-wow-kpis-v142748 article>span{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.74);border:1px solid currentColor;display:grid;place-items:center;margin-bottom:10px}.style-wow-kpis-v142748 article b{display:block;font-size:21px;color:var(--j48-ink);overflow:hidden;text-overflow:ellipsis}.style-wow-kpis-v142748 article small{display:block;color:#6F8792;margin-top:4px}.style-wow-kpis-v142748 .icon-svg{width:16px;height:16px}
.style-wow-profile-v142748{display:grid;grid-template-columns:minmax(230px,.48fr) minmax(0,1.52fr);gap:16px;background:#fff;border:1px solid var(--j48-line);border-radius:26px;padding:20px;margin-bottom:14px;box-shadow:0 9px 22px rgba(36,91,124,.05)}.style-wow-profile-v142748 h2{margin:4px 0}.style-wow-profile-grid-v142748{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.style-wow-profile-grid-v142748 article{background:linear-gradient(145deg,#F4FCFB,#F7FBFD);border:1px solid #E0EDF4;border-radius:18px;padding:14px}.style-wow-profile-grid-v142748 article>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#EAF9FC;color:var(--j48-sky);margin-bottom:10px}.style-wow-profile-grid-v142748 article:nth-child(2)>span{background:#EEFBF7;color:#69D7D0}.style-wow-profile-grid-v142748 article:nth-child(3)>span{background:#F5F2FF;color:var(--j48-violet)}.style-wow-profile-grid-v142748 article:nth-child(4)>span{background:#FFF5EF;color:#FF9B5E}.style-wow-profile-grid-v142748 small{display:block;font-size:9px;letter-spacing:.1em;color:#6F8792;font-weight:900}.style-wow-profile-grid-v142748 b{display:block;margin-top:4px}.style-wow-bars-panel-v142748{border-radius:26px!important}.style-wow-bars-v142748 em{background:linear-gradient(90deg,var(--j48-sky),var(--j48-violet))!important}.style-wow-insight-grid-v142748{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.style-wow-insight-grid-v142748 .panel{border-radius:22px!important}.style-wow-time-v142748{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#EDF9FF,#F4FBFF 54%,#EDF9F6);border:1px solid #D3EAF3;border-radius:24px;padding:20px 22px}.style-wow-time-v142748 h3{margin:4px 0}.style-wow-time-v142748 p{margin:0;color:#748D9C}.style-wow-time-v142748 .btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}

/* ---------- Creator ---------- */
body[data-page="creator"] .creator-wow-hero-v142748{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:18px;background:linear-gradient(135deg,#EAF9FC 0%,#F4FCFB 48%,#F3F0FF 100%);border:1px solid #D7E8F3;border-radius:30px;padding:28px;margin:18px 0;box-shadow:0 18px 42px rgba(39,103,141,.08);position:relative;overflow:hidden}.creator-wow-hero-v142748:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-95px;top:-105px;background:radial-gradient(circle,rgba(139,124,246,.18),transparent 70%)}.creator-wow-copy-v142748{position:relative;z-index:1}.creator-wow-copy-v142748 h2{font-size:clamp(30px,3.5vw,46px);margin:7px 0 10px}.creator-wow-copy-v142748 p{color:var(--j48-muted);max-width:800px;line-height:1.6}.creator-wow-actions-v142748{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.creator-wow-actions-v142748 .btn{display:inline-flex;align-items:center;gap:8px}.creator-wow-score-v142748{position:relative;z-index:1;background:rgba(255,255,255,.86);border:1px solid #DCE9F4;border-radius:26px;padding:22px;box-shadow:0 12px 28px rgba(42,103,140,.07);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.creator-wow-score-v142748 small{font-size:10px;letter-spacing:.12em;font-weight:900;color:#6E68C9}.creator-wow-score-v142748 b{font-size:38px;margin:5px 0}.creator-wow-score-v142748 span{color:#758E9D}.creator-wow-score-v142748 i{width:48px;height:48px;border-radius:16px;background:#F4F1FF;color:var(--j48-violet);display:grid;place-items:center;margin:13px 0 8px}.creator-wow-score-v142748 i .icon-svg{width:20px;height:20px}.creator-wow-score-v142748 em{font-style:normal;color:#50829E;font-weight:800}
body[data-page="creator"] .creator-wow-kpis-v142748{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.creator-wow-kpis-v142748 article{padding:17px}.creator-wow-kpis-v142748 article>span{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.76);border:1px solid currentColor;display:grid;place-items:center;margin-bottom:10px}.creator-wow-kpis-v142748 article b{display:block;color:var(--j48-ink);font-size:24px}.creator-wow-kpis-v142748 article small{display:block;color:#768F9D}.creator-wow-kpis-v142748 .icon-svg{width:16px;height:16px}.creator-wow-intro-v142748{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--j48-line);border-radius:22px;padding:17px 20px;margin-bottom:12px}.creator-wow-intro-v142748 h3{margin:3px 0}.creator-wow-intro-v142748 p{margin:0;color:#6F8792}.creator-wow-intro-v142748>span{background:#EAF9FC;color:#69D7D0;border-radius:999px;padding:8px 12px;font-weight:800;white-space:nowrap}.creator-tools-grid-v142726{gap:12px!important}.creator-tools-grid-v142726 article{border-radius:22px!important;box-shadow:0 9px 21px rgba(36,91,124,.05)!important}.creator-pins-v142726{border-radius:26px!important}

/* ---------- Collections ---------- */
body[data-page="collections"] .collections-wow-hero-v142748{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:18px;background:linear-gradient(135deg,#EAF9FC 0%,#F4FCFB 46%,#EEFBF7 100%);border:1px solid #D4E9F3;border-radius:30px;padding:28px;margin:18px 0;box-shadow:0 18px 42px rgba(39,103,141,.08);position:relative;overflow:hidden}.collections-wow-hero-v142748:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-100px;background:radial-gradient(circle,rgba(73,207,194,.22),transparent 70%)}.collections-wow-copy-v142748{position:relative;z-index:1}.collections-wow-copy-v142748 h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:7px 0 10px;max-width:800px}.collections-wow-copy-v142748 p{color:var(--j48-muted);line-height:1.6;max-width:820px}.collections-wow-actions-v142748{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.collections-wow-actions-v142748 .btn{display:inline-flex;align-items:center;gap:8px}.collections-wow-orbit-v142748{position:relative;z-index:1;background:rgba(255,255,255,.86);border:1px solid #D8EAF3;border-radius:26px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 12px 28px rgba(42,103,140,.07)}.collections-wow-orbit-v142748>span{width:48px;height:48px;border-radius:16px;background:#DDF7F4;color:#69D7D0;display:grid;place-items:center}.collections-wow-orbit-v142748>span .icon-svg{width:20px;height:20px}.collections-wow-orbit-v142748 b{font-size:38px;margin:9px 0 0}.collections-wow-orbit-v142748 small{font-size:10px;letter-spacing:.12em;font-weight:900;color:#4E88A7}.collections-wow-orbit-v142748 em{font-style:normal;color:#758E9D;margin-top:5px}
body[data-page="collections"] .collections-wow-kpis-v142748{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.collections-wow-kpis-v142748 article{padding:17px}.collections-wow-kpis-v142748 article>span{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid currentColor;display:grid;place-items:center;margin-bottom:10px}.collections-wow-kpis-v142748 article b{display:block;font-size:24px;color:var(--j48-ink)}.collections-wow-kpis-v142748 article small{display:block;color:#6F8792}.collections-wow-kpis-v142748 .icon-svg{width:16px;height:16px}.collections-wow-toolbar-v142748{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--j48-line);border-radius:22px;padding:10px;margin-bottom:14px;box-shadow:0 8px 20px rgba(36,91,124,.045)}.collections-wow-search-v142748{display:flex;align-items:center;gap:9px;background:#F7FBFE;border:1px solid #DBEAF2;border-radius:15px;padding:0 13px}.collections-wow-search-v142748 .icon-svg{width:17px;height:17px;color:#6A9AB7}.collections-wow-search-v142748 input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:44px;width:100%;padding:0!important}.collections-wow-view-v142748{display:flex;gap:7px}.collections-wow-view-v142748 button{height:42px;border-radius:13px;border:1px solid #D8E9F2;background:#fff;color:#607E91;font-weight:750;padding:0 13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.collections-wow-view-v142748 button.active{background:linear-gradient(135deg,var(--j48-sky),var(--j48-mint));color:#fff;border-color:transparent}.collections-wow-view-v142748 .icon-svg{width:15px;height:15px}
.collection-wow-grid-v142748{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.collection-wow-card-v142748{border-radius:24px!important;overflow:hidden;border:1px solid var(--j48-line)!important;box-shadow:0 10px 24px rgba(36,91,124,.055)!important;transition:.2s ease}.collection-wow-card-v142748:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(36,91,124,.1)!important}.collection-wow-art-v142748{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#EAF9FC,#EDFAFA)!important;color:var(--j48-sky)!important}.collection-wow-art-v142748 .icon-svg{width:42px;height:42px}.collection-wow-grid-v142748.compact{grid-template-columns:1fr!important}.collection-wow-grid-v142748.compact .collection-wow-card-v142748{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;min-height:150px}.collection-wow-grid-v142748.compact .collection-wow-card-v142748>img,.collection-wow-grid-v142748.compact .collection-wow-art-v142748{height:100%!important;min-height:150px!important}.collection-wow-empty-v142748{border:1px dashed #CDDFE9!important;border-radius:26px!important;background:#F4FCFB!important}

/* ---------- Locked preview pages: align all tabs with Passport polish ---------- */
:is(body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"]) .journey-preview-canvas-v142742{border-radius:30px!important;border:1px solid #D4E9F3!important;background:linear-gradient(160deg,#fff 0%,#FBFEFF 72%,#F4FBF9 100%)!important;box-shadow:0 16px 38px rgba(39,100,136,.07)!important;padding:20px!important}
:is(body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"]) .journey-preview-title-v142742{border-radius:25px!important;background:linear-gradient(135deg,#EAF9FC,#F4FCFB 55%,#EEFBF8)!important;border:1px solid #D5EAF3!important;padding:20px!important;margin-bottom:14px!important}
:is(body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"]) .preview-kpis-v142742{gap:12px!important}
:is(body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"]) .preview-kpis-v142742 article{border-radius:18px!important;border:1px solid #DCEBF3!important;background:#fff!important;box-shadow:0 8px 18px rgba(39,100,136,.045)!important}
body[data-page="footprints"] .preview-map-head-v142742,body[data-page="creator"] .preview-creator-hero-v142742,body[data-page="travel_style"] .preview-style-head-v142742,body[data-page="collections"] .preview-collection-head-v142742{border-radius:22px!important;background:linear-gradient(135deg,#EDF9FF,#F4FCFB 55%,#EEFBF8)!important;border:1px solid #D6EAF3!important;padding:18px!important}
body[data-page="recap"] .preview-recap-card-v142742{border-radius:25px!important;background:linear-gradient(135deg,#EAF9FC,#F9FBFF 55%,#F5F2FF)!important;border:1px solid #DCE6F4!important;box-shadow:0 12px 28px rgba(47,90,140,.06)!important}
body[data-page="travel_style"] .preview-style-grid-v142742>section,body[data-page="creator"] .preview-featured-v142742,body[data-page="collections"] .preview-collection-card-v142742{border-radius:20px!important;border-color:#DCEAF2!important;box-shadow:0 8px 18px rgba(39,100,136,.045)!important}
body[data-page="footprints"] .preview-map-canvas-v142742{border-radius:22px!important;overflow:hidden!important;border-color:#D5E8F2!important}

/* ---------- dark mode ---------- */
html[data-theme="dark"] :is(.journey-wow-launchpad-v142748,.journey-list-wow-v142748,.stats-wow-hero-v142748,.footprints-wow-hero-v142748,.recap-wow-hero-v142748,.style-wow-hero-v142748,.creator-wow-hero-v142748,.collections-wow-hero-v142748){background:linear-gradient(135deg,#142A38,#173443 56%,#173B3A)!important;border-color:#315164!important;box-shadow:none!important}
html[data-theme="dark"] :is(.journey-wow-launch-score-v142748,.journey-list-orbit-v142748,.stats-wow-insights-v142748 article,.footprints-wow-orbit-v142748,.footprints-wow-insights-v142748 article,.recap-wow-badge-v142748,.creator-wow-score-v142748,.journey-list-insight-v142748 article,.journey-place-toolbar-v142748,.collections-wow-toolbar-v142748,.style-wow-profile-v142748,.creator-wow-intro-v142748,.recap-wow-toolbox-v142748){background:#172A36!important;border-color:#304B5A!important;box-shadow:none!important}
html[data-theme="dark"] :is(.journey-wow-switchboard-v142748>a,.journey-list-kpis-v142748 article,.stats-wow-kpis-v142748 article,.footprints-wow-kpis-v142748 article,.recap-wow-kpis-v142748 article,.style-wow-kpis-v142748 article,.creator-wow-kpis-v142748 article,.collections-wow-kpis-v142748 article,.journey-place-shell-v142748 .place-card,.collection-wow-card-v142748){background:#172A36!important;border-color:#304B5A!important;box-shadow:none!important}

/* ---------- responsive ---------- */
@media(max-width:1250px){
  body[data-page="journey"] .journey-wow-switchboard-v142748{grid-template-columns:repeat(3,minmax(0,1fr))}
  :is(body[data-page="stats"] .stats-wow-kpis-v142748,body[data-page="recap"] .recap-wow-kpis-v142748,body[data-page="creator"] .creator-wow-kpis-v142748){grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-page="travel_style"] .style-wow-kpis-v142748{grid-template-columns:repeat(3,minmax(0,1fr))}
  :is(body[data-page="favorites"],body[data-page="visited"]) .journey-place-grid-v142748,.collection-wow-grid-v142748{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .style-wow-profile-v142748{grid-template-columns:1fr}.style-wow-profile-grid-v142748{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1000px){
  :is(body[data-page="journey"] .journey-wow-launchpad-v142748,:is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-wow-v142748,body[data-page="stats"] .stats-wow-hero-v142748,body[data-page="footprints"] .footprints-wow-hero-v142748,body[data-page="recap"] .recap-wow-hero-v142748,body[data-page="travel_style"] .style-wow-hero-v142748,body[data-page="creator"] .creator-wow-hero-v142748,body[data-page="collections"] .collections-wow-hero-v142748){grid-template-columns:1fr}
  :is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-kpis-v142748,body[data-page="stats"] .stats-wow-insights-v142748,body[data-page="footprints"] .footprints-wow-kpis-v142748,body[data-page="collections"] .collections-wow-kpis-v142748{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-insight-v142748,.recap-wow-highlights-v142748{grid-template-columns:1fr}
  body[data-page="stats"] .stats-wow-grid-v142748,.recap-wow-story-v142748{grid-template-columns:1fr}
  .style-wow-insight-grid-v142748{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-wow-ring-v142748,.style-wow-dna-v142748{justify-self:start;margin-left:8px}
  .journey-place-toolbar-v142748,.collections-wow-toolbar-v142748{grid-template-columns:1fr auto}.journey-place-view-v142748,.collections-wow-toolbar-v142748>.btn{grid-column:auto}.journey-place-filters-v142748{grid-column:1/-1;flex-wrap:wrap}
}
@media(max-width:760px){
  body[data-page="journey"] .journey-wow-switchboard-v142748{grid-template-columns:1fr 1fr}
  :is(body[data-page="stats"] .stats-wow-kpis-v142748,body[data-page="recap"] .recap-wow-kpis-v142748,body[data-page="creator"] .creator-wow-kpis-v142748,body[data-page="travel_style"] .style-wow-kpis-v142748){grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(body[data-page="favorites"],body[data-page="visited"]) .journey-place-grid-v142748,.collection-wow-grid-v142748{grid-template-columns:1fr!important}
  .journey-place-grid-v142748.compact .place-card,.collection-wow-grid-v142748.compact .collection-wow-card-v142748{grid-template-columns:130px minmax(0,1fr)!important}
  .journey-place-grid-v142748.compact .place-cover{min-height:130px}
  .style-wow-profile-grid-v142748{grid-template-columns:1fr 1fr}.footprints-region-grid-v142748{grid-template-columns:1fr}.footprints-recent-list-v142748 article{grid-template-columns:40px 1fr}.footprints-recent-list-v142748 article>div:last-child{grid-column:2}
  .footprints-view-head-v142748,.recap-wow-toolbox-v142748,.style-wow-time-v142748,.stats-wow-next-v142748,.creator-wow-intro-v142748{align-items:flex-start;flex-direction:column}.footprints-view-toggle-v142748{width:100%;overflow:auto}.footprints-view-toggle-v142748 button{flex:1;white-space:nowrap}.recap-wow-toolbox-v142748>div:last-child,.stats-wow-next-v142748>div:last-child{justify-content:flex-start}
}
@media(max-width:520px){
  :is(body[data-page="journey"] .journey-wow-launchpad-v142748,.journey-list-wow-v142748,.stats-wow-hero-v142748,.footprints-wow-hero-v142748,.recap-wow-hero-v142748,.style-wow-hero-v142748,.creator-wow-hero-v142748,.collections-wow-hero-v142748){padding:20px!important;border-radius:24px!important}
  body[data-page="journey"] .journey-wow-switchboard-v142748,:is(body[data-page="favorites"],body[data-page="visited"]) .journey-list-kpis-v142748,body[data-page="stats"] .stats-wow-insights-v142748,body[data-page="footprints"] .footprints-wow-kpis-v142748,body[data-page="collections"] .collections-wow-kpis-v142748{grid-template-columns:1fr}
  :is(body[data-page="stats"] .stats-wow-kpis-v142748,body[data-page="recap"] .recap-wow-kpis-v142748,body[data-page="creator"] .creator-wow-kpis-v142748,body[data-page="travel_style"] .style-wow-kpis-v142748){grid-template-columns:1fr}
  .journey-place-toolbar-v142748,.collections-wow-toolbar-v142748{grid-template-columns:1fr}.journey-place-view-v142748,.collections-wow-view-v142748,.collections-wow-toolbar-v142748>.btn{grid-column:1}.journey-place-view-v142748 button{flex:1;width:auto}.collections-wow-view-v142748 button{flex:1;justify-content:center}
  .style-wow-profile-grid-v142748,.style-wow-insight-grid-v142748,.recap-wow-story-metrics-v142748{grid-template-columns:1fr}
  .stats-wow-ring-v142748{width:180px;height:180px}.style-wow-dna-v142748:before{width:180px;height:180px}.style-wow-dna-v142748:after{width:146px;height:146px}.style-wow-dna-v142748{min-height:190px}
}

@media print{
  .journey-tabs,.journey-list-actions-v142748,.stats-wow-actions-v142748,.footprints-wow-actions-v142748,.recap-wow-actions-v142748,.style-wow-actions-v142748,.creator-wow-actions-v142748,.collections-wow-actions-v142748,.journey-place-toolbar-v142748,.collections-wow-toolbar-v142748,.footprints-view-toggle-v142748,.recap-filter-wow-v142748{display:none!important}
  :is(.journey-wow-launchpad-v142748,.journey-list-wow-v142748,.stats-wow-hero-v142748,.footprints-wow-hero-v142748,.recap-wow-hero-v142748,.style-wow-hero-v142748,.creator-wow-hero-v142748,.collections-wow-hero-v142748){box-shadow:none!important;break-inside:avoid}
}

/* =========================================================
   TRIPLOOM V14.27.49 — LOCKED PREVIEW WOW REBUILD
   Visibly different preview experiences for Footprints,
   Creator, Recap, Travel Style and Collections.
   ========================================================= */
:root{--j49-sky:#8EDFF0;--j49-mint:#69D7D0;--j49-violet:#8F7CF6;--j49-peach:#FF9B5E;--j49-rose:#EF789B;--j49-ink:#183D57;--j49-muted:#6F8999;--j49-line:#D9EAF3}
:is(body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"]) .journey-preview-note-v142742{background:linear-gradient(135deg,#FFF8ED,#FFF8E2)!important;border-color:#F2D59C!important;box-shadow:0 9px 24px rgba(190,132,44,.08)!important}
:is(body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"]) .journey-preview-note-v142742>div:nth-child(2)>span{color:#FF9B5E!important}
:is(body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"]) .journey-preview-note-icon-v142742{background:#FFF1D8!important;color:#FF9B5E!important;border-color:#F1D0A1!important}
:is(body[data-page="footprints"],body[data-page="creator"],body[data-page="recap"],body[data-page="travel_style"],body[data-page="collections"]) .journey-preview-canvas-v142742{padding:22px!important;background:linear-gradient(160deg,#FFFFFF 0%,#FAFDFF 56%,#F4FCFB 100%)!important;border-radius:32px!important;border:1px solid #CFE6F2!important;box-shadow:0 20px 46px rgba(41,100,139,.075)!important}

.preview-wow-hero-v142749{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.45fr);gap:18px;align-items:stretch;margin:0 0 14px;padding:24px;border-radius:28px;border:1px solid #CFE7F3;position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(42,102,140,.065)}
.preview-wow-hero-v142749:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-95px;top:-105px;pointer-events:none}
.footprints-preview-wow-v142749{background:linear-gradient(135deg,#EAF9FF 0%,#F4FCFB 50%,#ECFBF7 100%)}.footprints-preview-wow-v142749:after{background:radial-gradient(circle,rgba(55,201,183,.23),transparent 70%)}
.creator-preview-wow-v142749{background:linear-gradient(135deg,#EEF6FF 0%,#F8F8FF 48%,#FFF4FB 100%)}.creator-preview-wow-v142749:after{background:radial-gradient(circle,rgba(143,124,246,.22),transparent 70%)}
.recap-preview-wow-v142749{background:linear-gradient(135deg,#FFF8ED 0%,#FFFAFD 45%,#F5F2FF 100%)}.recap-preview-wow-v142749:after{background:radial-gradient(circle,rgba(242,161,95,.22),transparent 70%)}
.style-preview-wow-v142749{background:linear-gradient(135deg,#EAF9FC 0%,#F6FBFF 43%,#F2F0FF 100%)}.style-preview-wow-v142749:after{background:radial-gradient(circle,rgba(143,124,246,.20),transparent 70%)}
.collections-preview-wow-v142749{background:linear-gradient(135deg,#EAF9FC 0%,#F6FCFF 48%,#EFFBF7 100%)}.collections-preview-wow-v142749:after{background:radial-gradient(circle,rgba(47,159,241,.19),transparent 70%)}
.preview-wow-copy-v142749{position:relative;z-index:1}.preview-wow-copy-v142749 h3{font-size:clamp(22px,2.3vw,34px)!important;line-height:1.12!important;margin:7px 0 9px!important;max-width:780px}.preview-wow-copy-v142749 p{max-width:800px;margin:0!important;color:var(--j49-muted)!important;line-height:1.58!important}.preview-wow-actions-v142749{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.preview-wow-actions-v142749 button,.preview-wow-section-head-v142749 button,.preview-recap-actions-wow-v142749 button,.preview-recap-tabs-v142749 button,.preview-collection-toolbar-wow-v142749 button{border:1px solid #D4E7F1;background:rgba(255,255,255,.9);color:#466E86;border-radius:13px;padding:10px 14px;font-weight:800;font-family:inherit;display:inline-flex;align-items:center;gap:7px;cursor:default;box-shadow:0 6px 14px rgba(38,91,124,.045)}.preview-wow-actions-v142749 button.primary,.preview-recap-actions-wow-v142749 button.primary{background:linear-gradient(135deg,#8EDFF0,#69D7D0);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(47,159,241,.22)}.preview-wow-actions-v142749 svg,.preview-recap-actions-wow-v142749 svg{width:15px;height:15px}
.preview-wow-orbit-v142749{position:relative;z-index:1;border:1px solid rgba(206,229,240,.95);background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border-radius:24px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 12px 26px rgba(44,98,132,.07)}.preview-wow-orbit-v142749>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:10px}.preview-wow-orbit-v142749.map>span{background:#EAF9FF;color:#8EDFF0}.preview-wow-orbit-v142749.creator>span{background:#EAF9FC;color:#8EDFF0}.preview-wow-orbit-v142749.recap>span{background:#FFF1E4;color:#FF9B5E}.preview-wow-orbit-v142749.collection>span{background:#EAFAF6;color:#69D7D0}.preview-wow-orbit-v142749>span svg{width:22px;height:22px}.preview-wow-orbit-v142749>b{font-size:32px!important;color:var(--j49-ink)!important;line-height:1}.preview-wow-orbit-v142749>small{font-size:10px!important;letter-spacing:.12em;font-weight:900;color:#5A87A1!important;margin-top:5px}.preview-wow-orbit-v142749>p{margin:7px 0 0!important;color:#6F8792!important;font-size:12px!important}.preview-wow-orbit-v142749>i{display:block;width:100%;height:8px;background:#E6F1F6;border-radius:99px;overflow:hidden;margin-top:12px}.preview-wow-orbit-v142749>i em{display:block;height:100%;background:linear-gradient(90deg,#8EDFF0,#69D7D0);border-radius:inherit}
.preview-wow-kpis-v142749{display:grid;gap:12px;margin:0 0 14px}.preview-wow-kpis-v142749.four{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-wow-kpis-v142749.five{grid-template-columns:repeat(5,minmax(0,1fr))}.preview-wow-kpis-v142749 article{position:relative;overflow:hidden;border-radius:20px;padding:16px;display:flex;align-items:center;gap:11px;border:1px solid var(--j49-line);background:#fff;box-shadow:0 8px 20px rgba(42,96,130,.045)}.preview-wow-kpis-v142749 article:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;right:-25px;top:-27px;opacity:.14;background:currentColor}.preview-wow-kpis-v142749 article>span{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.72);border:1px solid currentColor;display:grid;place-items:center;flex:0 0 auto}.preview-wow-kpis-v142749 article>span svg{width:16px;height:16px}.preview-wow-kpis-v142749 article b{font-size:22px!important;display:block;color:var(--j49-ink)!important;line-height:1.05}.preview-wow-kpis-v142749 article small{display:block!important;margin-top:3px!important;color:#7A909D!important;font-size:10px!important}.preview-wow-kpis-v142749 .sky{color:var(--j49-sky);background:linear-gradient(145deg,#fff,#F1F9FF);border-color:#CFE8F8}.preview-wow-kpis-v142749 .mint{color:#69D7D0;background:linear-gradient(145deg,#fff,#F1FCF9);border-color:#C9ECE4}.preview-wow-kpis-v142749 .violet{color:var(--j49-violet);background:linear-gradient(145deg,#fff,#F7F5FF);border-color:#E0D9FF}.preview-wow-kpis-v142749 .peach{color:var(--j49-peach);background:linear-gradient(145deg,#fff,#FFF7F1);border-color:#F3DBC8}.preview-wow-kpis-v142749 .rose{color:var(--j49-rose);background:linear-gradient(145deg,#fff,#FFF4F8);border-color:#F5D6DF}
.preview-wow-section-head-v142749{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.preview-wow-section-head-v142749 h4{font-size:17px!important;margin:3px 0 0!important}.preview-wow-section-head-v142749>button{padding:8px 12px;font-size:11px}.preview-wow-section-head-v142749 .badge{border-radius:999px;padding:6px 10px;background:#EAF9FC;color:#69D7D0;font-size:9px;font-weight:900}

/* Footprints preview */
.preview-map-wow-v142749{border:1px solid #D5E9F2;border-radius:24px;background:#fff;padding:12px;margin-bottom:14px;box-shadow:0 10px 24px rgba(43,99,134,.045)}.preview-map-wow-toolbar-v142749{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 5px 11px}.preview-map-wow-toolbar-v142749 b{display:block;font-size:15px!important}.preview-map-wow-toolbar-v142749>div:last-child{display:flex;gap:7px}.preview-map-wow-toolbar-v142749 button{border:1px solid #D7E8F1;background:#fff;color:#628096;border-radius:10px;padding:7px 10px;font:700 10px Nunito,sans-serif}.preview-map-wow-toolbar-v142749 button.active{background:#EAF9FC;color:#8EDFF0;border-color:#BFE0F2}.preview-map-wow-canvas-v142749{height:270px;position:relative;overflow:hidden;border-radius:19px;border:1px solid #D4E8F1;background:radial-gradient(circle at 22% 70%,rgba(76,204,185,.11),transparent 22%),radial-gradient(circle at 76% 24%,rgba(47,159,241,.10),transparent 25%),linear-gradient(165deg,#F6FCFA 0%,#EAF5F4 100%)}.preview-map-wow-canvas-v142749:before,.preview-map-wow-canvas-v142749:after{content:"";position:absolute;border:1px solid #D8E9E8;border-radius:50%;background:rgba(255,255,255,.38)}.preview-map-wow-canvas-v142749:before{width:620px;height:230px;left:-135px;bottom:-95px;transform:rotate(8deg)}.preview-map-wow-canvas-v142749:after{width:520px;height:190px;right:-80px;top:92px;transform:rotate(-10deg)}.preview-map-wow-canvas-v142749 .path{position:absolute;height:2px;background:linear-gradient(90deg,#69D7D0,#8EDFF0);transform-origin:left center;z-index:2}.preview-map-wow-canvas-v142749 .path.a{width:42%;left:16%;top:52%;transform:rotate(-13deg)}.preview-map-wow-canvas-v142749 .path.b{width:32%;left:55%;top:38%;transform:rotate(21deg)}.preview-map-wow-canvas-v142749 .path.c{width:23%;left:43%;top:73%;transform:rotate(-4deg)}.preview-map-wow-canvas-v142749 .marker{position:absolute;z-index:4;width:34px;height:34px;border-radius:50% 50% 50% 12px;transform:rotate(-45deg);border:4px solid #fff;background:linear-gradient(135deg,#69D7D0,#8EDFF0);box-shadow:0 8px 18px rgba(42,117,145,.22)}.preview-map-wow-canvas-v142749 .marker span{display:grid;place-items:center;width:100%;height:100%;transform:rotate(45deg);color:#fff;font-size:10px;font-weight:900}.preview-map-wow-canvas-v142749 .m1{left:15%;top:51%}.preview-map-wow-canvas-v142749 .m2{left:41%;top:32%}.preview-map-wow-canvas-v142749 .m3{left:61%;top:62%}.preview-map-wow-canvas-v142749 .m4{left:79%;top:38%}.preview-map-wow-card-v142749{position:absolute;left:14px;bottom:14px;z-index:6;background:rgba(255,255,255,.91);backdrop-filter:blur(10px);border:1px solid #D2E7EF;border-radius:16px;padding:11px 13px;display:flex;gap:10px;align-items:center;box-shadow:0 9px 22px rgba(35,90,121,.10)}.preview-map-wow-card-v142749>span{width:36px;height:36px;border-radius:12px;background:#EAF9FF;color:#8EDFF0;display:grid;place-items:center}.preview-map-wow-card-v142749>span svg{width:16px}.preview-map-wow-card-v142749 small{display:block!important;color:#69D7D0!important;font-size:8px!important;font-weight:900;letter-spacing:.12em}.preview-map-wow-card-v142749 b{display:block;font-size:13px!important}.preview-map-wow-card-v142749 em{font-style:normal;font-size:9px;color:#7B929F}.preview-map-wow-pulse-v142749{position:absolute;right:13px;top:13px;z-index:6;background:rgba(255,255,255,.88);border:1px solid #D6E9F1;border-radius:999px;padding:7px 10px;display:flex;align-items:center;gap:7px}.preview-map-wow-pulse-v142749 span{width:7px;height:7px;border-radius:50%;background:#69D7D0;box-shadow:0 0 0 4px rgba(53,196,175,.15)}.preview-map-wow-pulse-v142749 small{font-size:8px!important;font-weight:900!important;color:#4E8C9D!important;letter-spacing:.08em}.preview-wow-recent-v142749{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preview-wow-recent-v142749 article{border:1px solid #DCEBF2;border-radius:17px;background:#fff;padding:12px;display:grid;grid-template-columns:auto 34px minmax(0,1fr);gap:9px;align-items:center;box-shadow:0 6px 15px rgba(40,92,124,.04)}.preview-wow-recent-v142749 time{font-size:9px;font-weight:900;color:#7190A2}.preview-wow-recent-v142749 article>span{width:32px;height:32px;border-radius:11px;display:grid;place-items:center}.preview-wow-recent-v142749 article.sky>span{background:#EAF9FC;color:#8EDFF0}.preview-wow-recent-v142749 article.mint>span{background:#EAFAF6;color:#69D7D0}.preview-wow-recent-v142749 article.violet>span{background:#EAF9FC;color:#8F7CF6}.preview-wow-recent-v142749 b{font-size:12px!important;display:block}.preview-wow-recent-v142749 small{font-size:8px!important;color:#7D929F!important}.preview-wow-recent-v142749 em{grid-column:3;font-style:normal;color:#249D98;font-size:8px;font-weight:900;display:flex;gap:4px;align-items:center}.preview-wow-recent-v142749 em svg{width:10px;height:10px}

/* Creator preview */
.preview-creator-profile-v142749{display:flex;gap:15px;align-items:center;position:relative;z-index:1}.preview-creator-profile-v142749 .avatar{width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#E8F9FF,#EFEAFF);border:1px solid #D3E5F4;display:grid;place-items:center;font-size:21px;font-weight:900;color:#5E75C9;box-shadow:0 9px 18px rgba(95,102,183,.11)}.preview-creator-tags-v142749{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.preview-creator-tags-v142749 span{border:1px solid #D9E6F4;background:rgba(255,255,255,.74);border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;color:#5B7591}.preview-creator-toolkit-v142749,.preview-featured-wow-v142749{border:1px solid #D9E8F2;border-radius:23px;background:#fff;padding:15px;margin-bottom:13px;box-shadow:0 8px 20px rgba(40,91,124,.04)}.preview-creator-tools-v142749{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preview-creator-tools-v142749>button{border:1px solid #DCEAF2;border-radius:17px;background:linear-gradient(145deg,#fff,#F4FCFB);padding:13px;text-align:left;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;font-family:inherit}.preview-creator-tools-v142749>button>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.preview-creator-tools-v142749>button>span.sky{background:#EAF9FC;color:#8EDFF0}.preview-creator-tools-v142749>button>span.mint{background:#EAFAF6;color:#69D7D0}.preview-creator-tools-v142749>button>span.violet{background:#EAF9FC;color:#8F7CF6}.preview-creator-tools-v142749>button>span svg{width:16px}.preview-creator-tools-v142749 b{display:block;font-size:12px!important}.preview-creator-tools-v142749 small{display:block!important;font-size:8px!important;color:#7D919D!important;margin-top:2px}.preview-creator-tools-v142749 i{font-style:normal;color:#9CB0BD}.preview-featured-cards-v142749{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-featured-cards-v142749 article{display:grid;grid-template-columns:28px 70px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #DFEAF1;border-radius:17px;padding:9px;background:#F4FCFB}.preview-featured-cards-v142749 .rank{font-size:10px;font-weight:900;color:#71A0B9}.preview-featured-cards-v142749 .cover{height:48px;border-radius:12px}.preview-featured-cards-v142749 .cover.road{background:linear-gradient(135deg,#69D7D0,#62D2B5)}.preview-featured-cards-v142749 .cover.camp{background:linear-gradient(135deg,#9A8CF2,#5EC8C1)}.preview-featured-cards-v142749 b{display:block;font-size:11px!important}.preview-featured-cards-v142749 small{font-size:8px!important;color:#8295A1!important}.preview-featured-cards-v142749 em{font-style:normal;font-size:9px;color:#69D7D0;background:#EBFAF7;border-radius:999px;padding:5px 7px;font-weight:900}

/* Recap preview */
.preview-recap-tabs-v142749{display:flex;gap:8px;align-items:center;margin:0 0 12px}.preview-recap-tabs-v142749 button{padding:8px 13px}.preview-recap-tabs-v142749 button.active{background:#EAF9FC;border-color:#BFE2F4;color:#8EDFF0}.preview-recap-tabs-v142749>span{margin-left:auto;border:1px solid #D7E8F1;border-radius:12px;padding:8px 11px;color:#688599;font-size:10px;font-weight:800;display:flex;align-items:center;gap:7px}.preview-recap-tabs-v142749>span svg{width:13px}.preview-recap-wow-card-v142749{border-radius:26px;padding:20px;border:1px solid #DFDFEF;background:radial-gradient(circle at 86% 12%,rgba(143,124,246,.13),transparent 23%),linear-gradient(135deg,#F3F9FF 0%,#fff 48%,#F7F4FF 100%);box-shadow:0 13px 30px rgba(60,80,130,.065);margin-bottom:12px}.preview-recap-wow-top-v142749{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.preview-recap-wow-top-v142749 h3{font-size:22px!important;margin:5px 0!important}.preview-recap-wow-top-v142749 p{margin:0!important;color:#7B8C9B!important;font-size:10px!important}.preview-recap-badge-v142749{width:70px;height:70px;border-radius:22px;background:linear-gradient(145deg,#fff,#F1EDFF);border:1px solid #DDD5FF;display:grid;place-items:center;color:#7C6AE0;font-size:23px;font-weight:900;box-shadow:0 8px 20px rgba(105,88,190,.10)}.preview-recap-badge-v142749 small{display:block!important;font-size:7px!important;letter-spacing:.08em!important;color:#8078AD!important}.preview-recap-metrics-v142749{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:17px 0}.preview-recap-metrics-v142749 article{border-radius:16px;padding:13px 14px;border:1px solid #DEE9F2;background:#fff}.preview-recap-metrics-v142749 article.sky{background:#F1F9FF;border-color:#D0E8F7}.preview-recap-metrics-v142749 article.mint{background:#F1FBF8;border-color:#D0ECE5}.preview-recap-metrics-v142749 article.violet{background:#F6F4FF;border-color:#E0D9FF}.preview-recap-metrics-v142749 article.peach{background:#FFF7F1;border-color:#F2DBC8}.preview-recap-metrics-v142749 b{font-size:21px!important}.preview-recap-metrics-v142749 small{display:block!important;color:#8093A0!important;font-size:8px!important;margin-top:2px}.preview-recap-highlights-wow-v142749{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-recap-highlights-wow-v142749 article{background:rgba(255,255,255,.82);border:1px solid #DFE8F0;border-radius:17px;padding:12px;display:flex;align-items:center;gap:10px}.preview-recap-highlights-wow-v142749 article>span{width:36px;height:36px;border-radius:12px;background:#EEF7FF;color:#8EDFF0;display:grid;place-items:center}.preview-recap-highlights-wow-v142749 article:nth-child(2)>span{background:#EAF9FC;color:#8975EF}.preview-recap-highlights-wow-v142749 article>span svg{width:15px}.preview-recap-highlights-wow-v142749 small{display:block!important;font-size:7px!important;font-weight:900!important;color:#718D9E!important;letter-spacing:.1em}.preview-recap-highlights-wow-v142749 b{display:block;font-size:11px!important}.preview-recap-highlights-wow-v142749 em{font-style:normal;font-size:8px;color:#8396A2}.preview-recap-actions-wow-v142749{display:flex;flex-wrap:wrap;gap:8px}.preview-recap-actions-wow-v142749 button{padding:9px 12px;font-size:10px}

/* Travel Style preview */
.preview-style-tags-v142749{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.preview-style-tags-v142749 span{background:rgba(255,255,255,.76);border:1px solid #D7E6F2;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;color:#607B92}.preview-style-dna-v142749{position:relative;z-index:1;display:grid;place-items:center;min-height:180px}.preview-style-dna-v142749:before{content:"";position:absolute;width:165px;height:165px;border-radius:50%;background:conic-gradient(#8EDFF0 0 38%,#69D7D0 38% 65%,#8F7CF6 65% 85%,#FF9B5E 85% 95%,#E9EFF4 95%)}.preview-style-dna-v142749:after{content:"";position:absolute;width:126px;height:126px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #DCE8F1}.preview-style-dna-v142749>div{position:relative;z-index:2;text-align:center}.preview-style-dna-v142749 b{font-size:31px!important;display:block}.preview-style-dna-v142749 small{display:block!important;font-size:8px!important;color:#798E9B!important;letter-spacing:.12em;font-weight:900}.preview-style-dna-v142749>span{position:absolute;z-index:2;right:8px;top:8px;background:#F1EEFF;color:#816EED;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900}.preview-style-wow-grid-v142749{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:12px}.preview-style-bars-wow-v142749,.preview-style-insights-wow-v142749,.preview-style-pulse-v142749{border:1px solid #D9E8F1;border-radius:22px;background:#fff;padding:15px;box-shadow:0 8px 20px rgba(40,91,124,.04)}.preview-style-bar-wow-v142749{margin-top:9px}.preview-style-bar-wow-v142749>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#5F7C90;font-weight:800}.preview-style-bar-wow-v142749 i{display:block;height:8px;background:#EDF2F6;border-radius:999px;overflow:hidden;margin-top:4px}.preview-style-bar-wow-v142749 em{display:block;height:100%;border-radius:inherit;background:#8EDFF0}.preview-style-bar-wow-v142749.mint em{background:#69D7D0}.preview-style-bar-wow-v142749.violet em{background:#8F7CF6}.preview-style-bar-wow-v142749.peach em{background:#FF9B5E}.preview-style-bar-wow-v142749.rose em{background:#EF789B}.preview-style-insights-wow-v142749 h4{font-size:17px!important;margin:4px 0 10px!important}.preview-style-insights-wow-v142749>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;padding:9px 0;border-top:1px solid #EDF2F5}.preview-style-insights-wow-v142749>div>span{width:34px;height:34px;border-radius:11px;background:#EAF9FC;color:#8EDFF0;display:grid;place-items:center}.preview-style-insights-wow-v142749>div:nth-of-type(3)>span{background:#EAF9FC;color:#8F7CF6}.preview-style-insights-wow-v142749>div>span svg{width:14px}.preview-style-insights-wow-v142749 b{font-size:11px!important;display:block}.preview-style-insights-wow-v142749 small{font-size:8px!important;color:#8195A1!important}.preview-style-pulse-v142749{display:grid;grid-template-columns:190px minmax(0,1fr);gap:15px;align-items:end}.preview-style-pulse-v142749 h4{font-size:15px!important;margin:3px 0!important}.preview-style-pulse-v142749 .months{height:85px;display:grid;grid-template-columns:repeat(12,1fr);gap:7px;align-items:end}.preview-style-pulse-v142749 .months span{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.preview-style-pulse-v142749 .months i{display:block;width:100%;max-width:18px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#8EDFF0,#69D7D0)}.preview-style-pulse-v142749 .months span:nth-child(3n) i{background:linear-gradient(180deg,#9887F3,#69D7D0)}.preview-style-pulse-v142749 .months small{font-size:7px!important;color:#8295A1!important}

/* Collections preview */
.preview-collection-toolbar-wow-v142749{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:8px;align-items:center;border:1px solid #D9E8F1;background:#fff;border-radius:18px;padding:8px;margin-bottom:12px;box-shadow:0 7px 18px rgba(42,94,126,.04)}.preview-collection-toolbar-wow-v142749 label{display:flex;align-items:center;gap:8px;padding:0 9px;color:#79A0B6}.preview-collection-toolbar-wow-v142749 label svg{width:14px}.preview-collection-toolbar-wow-v142749 input{border:0!important;box-shadow:none!important;background:transparent!important;width:100%;padding:8px 0!important;font:700 10px Nunito,sans-serif}.preview-collection-toolbar-wow-v142749>div{display:flex;gap:5px}.preview-collection-toolbar-wow-v142749 button{padding:8px 10px;font-size:9px}.preview-collection-toolbar-wow-v142749>div button.active{background:#EAF9FC;color:#8EDFF0;border-color:#C5E3F2}.preview-collection-toolbar-wow-v142749 svg{width:13px}.preview-collection-grid-wow-v142749{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.preview-collection-card-wow-v142749{border:1px solid #DCE9F1;border-radius:20px;overflow:hidden;background:#fff;padding:0;text-align:left;font-family:inherit;box-shadow:0 8px 20px rgba(40,91,124,.045)}.preview-collection-card-wow-v142749 .cover{height:92px;display:flex;align-items:flex-start;justify-content:space-between;padding:10px;position:relative}.preview-collection-card-wow-v142749.road .cover{background:linear-gradient(135deg,#8EDFF0,#73C98A)}.preview-collection-card-wow-v142749.camp .cover{background:linear-gradient(135deg,#7BBD8F,#67B7D9)}.preview-collection-card-wow-v142749.sea .cover{background:linear-gradient(135deg,#8EDFF0,#87D6EB)}.preview-collection-card-wow-v142749.food .cover{background:linear-gradient(135deg,#FF9B5E,#E98A8E)}.preview-collection-card-wow-v142749 .cover:after{content:"";position:absolute;width:130px;height:65px;border-radius:50%;right:-20px;bottom:-35px;background:rgba(255,255,255,.22)}.preview-collection-card-wow-v142749 .cover>i{font-style:normal;font-size:10px;font-weight:900;color:rgba(255,255,255,.8)}.preview-collection-card-wow-v142749 .cover>em{font-style:normal;font-size:7px;font-weight:900;color:#fff;background:rgba(15,49,65,.18);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);padding:5px 7px;border-radius:999px}.preview-collection-card-wow-v142749>div{padding:12px}.preview-collection-card-wow-v142749>div>small{display:block!important;color:#5793B4!important;font-size:7px!important;font-weight:900;letter-spacing:.12em}.preview-collection-card-wow-v142749>div>b{display:block;font-size:12px!important;margin:4px 0}.preview-collection-card-wow-v142749>div>p{margin:0 0 8px!important;font-size:8px!important;color:#8295A1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-collection-card-wow-v142749>div>span{display:flex;align-items:center;justify-content:space-between;color:#5F8298;font-size:9px;font-weight:800}.preview-collection-card-wow-v142749>div>span i{font-style:normal;color:#8EDFF0}

@media(max-width:1050px){.preview-wow-hero-v142749{grid-template-columns:1fr}.preview-wow-orbit-v142749{min-height:130px}.preview-wow-kpis-v142749.five{grid-template-columns:repeat(3,1fr)}.preview-collection-grid-wow-v142749{grid-template-columns:repeat(2,1fr)}.preview-style-wow-grid-v142749{grid-template-columns:1fr}.preview-style-pulse-v142749{grid-template-columns:1fr}}
@media(max-width:760px){.preview-wow-kpis-v142749.four,.preview-wow-kpis-v142749.five{grid-template-columns:repeat(2,1fr)}.preview-wow-recent-v142749,.preview-creator-tools-v142749,.preview-featured-cards-v142749,.preview-recap-metrics-v142749,.preview-recap-highlights-wow-v142749{grid-template-columns:1fr}.preview-collection-toolbar-wow-v142749{grid-template-columns:1fr}.preview-collection-grid-wow-v142749{grid-template-columns:1fr 1fr}.preview-map-wow-toolbar-v142749,.preview-wow-section-head-v142749{align-items:flex-start;flex-direction:column}.preview-style-pulse-v142749 .months{gap:4px}}
@media(max-width:520px){.preview-wow-hero-v142749{padding:18px;border-radius:22px}.preview-wow-kpis-v142749.four,.preview-wow-kpis-v142749.five{grid-template-columns:1fr}.preview-collection-grid-wow-v142749{grid-template-columns:1fr}.preview-map-wow-canvas-v142749{height:230px}.preview-recap-wow-top-v142749{flex-direction:column}.preview-style-dna-v142749{min-height:160px}.preview-style-pulse-v142749 .months{height:70px}.preview-wow-actions-v142749 button,.preview-recap-actions-wow-v142749 button{flex:1 1 100%;justify-content:center}}

/* TRIPLOOM V14.27.50 — Journey tabs full-width highlight refinement */
@media (min-width:1181px){
  .journey-subnav-v142744{
    display:grid!important;
    grid-template-columns:repeat(10,minmax(0,1fr))!important;
    width:100%!important;
    gap:8px!important;
    padding:8px!important;
    margin:0 0 12px!important;
    overflow:visible!important;
    border:1px solid #D8E9F3!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,250,254,.94))!important;
    box-shadow:0 10px 28px rgba(37,91,129,.055)!important;
  }
  .journey-subnav-v142744 a{
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    padding:0 8px!important;
    justify-content:center!important;
    gap:7px!important;
    border-radius:15px!important;
  }
  .journey-subnav-v142744 a.group-start{margin-left:0!important}
  .journey-subnav-v142744 a.group-start:before{display:none!important}
  .journey-subnav-v142744 a b{
    font-size:10.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .journey-subnav-v142744 a.locked small{position:absolute!important;right:5px!important;top:5px!important}
}
.journey-subnav-v142744 a{
  isolation:isolate;
  border-color:#D6E8F3!important;
  background:linear-gradient(145deg,#FFFFFF 0%,#F7FBFE 100%)!important;
  box-shadow:0 7px 18px rgba(37,91,129,.06),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.journey-subnav-v142744 a:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  opacity:0;
  z-index:-1;
  transition:opacity .18s ease;
  background:radial-gradient(circle at 18% 20%,rgba(73,182,247,.17),transparent 38%),radial-gradient(circle at 86% 82%,rgba(59,204,183,.13),transparent 40%);
}
.journey-subnav-v142744 a:hover:before{opacity:1}
.journey-subnav-v142744 a:hover{
  transform:translateY(-2px)!important;
  border-color:#ACD8F2!important;
  box-shadow:0 12px 25px rgba(42,113,159,.12)!important;
}
.journey-subnav-v142744 a.active{
  background:linear-gradient(135deg,#E8F6FF 0%,#F3FAFF 48%,#EAFBF7 100%)!important;
  border-color:#8EDFF0!important;
  color:#69D7D0!important;
  box-shadow:0 13px 30px rgba(45,151,228,.17),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.journey-subnav-v142744 a.active:after{
  left:15%!important;
  right:15%!important;
  bottom:-7px!important;
  height:4px!important;
  box-shadow:0 3px 10px rgba(46,174,207,.22)!important;
}
.journey-subnav-v142744 .journey-tab-icon-v142735{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border-radius:10px!important;
  box-shadow:0 5px 12px rgba(47,139,196,.09)!important;
}
.journey-subnav-v142744 a.active .journey-tab-icon-v142735{
  transform:translateY(-1px);
  background:linear-gradient(145deg,#8EDFF0,#8EDFF0)!important;
  box-shadow:0 8px 16px rgba(37,145,225,.28)!important;
}
.journey-subnav-v142744 a:nth-child(2) .journey-tab-icon-v142735{color:#FF9B5E!important;background:linear-gradient(145deg,#FFF8FB,#FFF0F5)!important;border-color:#F5D7E2!important}
.journey-subnav-v142744 a:nth-child(3) .journey-tab-icon-v142735{color:#69D7D0!important;background:linear-gradient(145deg,#F5FFFC,#EAFAF6)!important;border-color:#CDECE5!important}
.journey-subnav-v142744 a:nth-child(4) .journey-tab-icon-v142735{color:#7B72EC!important;background:linear-gradient(145deg,#FAF9FF,#F0EFFF)!important;border-color:#DEDAFF!important}
.journey-subnav-v142744 a:nth-child(6) .journey-tab-icon-v142735{color:#69D7D0!important;background:linear-gradient(145deg,#F5FFFC,#EAFBF7)!important;border-color:#C9EEE6!important}
.journey-subnav-v142744 a:nth-child(7) .journey-tab-icon-v142735{color:#8A72E8!important;background:linear-gradient(145deg,#FBF9FF,#EAF9FC)!important;border-color:#E2DCFF!important}
.journey-subnav-v142744 a:nth-child(8) .journey-tab-icon-v142735{color:#FF9B5E!important;background:linear-gradient(145deg,#FFFAF5,#FFF2E8)!important;border-color:#F3DDCB!important}
.journey-subnav-v142744 a:nth-child(9) .journey-tab-icon-v142735{color:#69D7D0!important;background:linear-gradient(145deg,#F8FBFF,#EDF5FF)!important;border-color:#D7E6FB!important}
.journey-subnav-v142744 a:nth-child(10) .journey-tab-icon-v142735{color:#D77AB4!important;background:linear-gradient(145deg,#FFF9FD,#FFF0F8)!important;border-color:#F2D9E8!important}
.journey-subnav-v142744 a.active .journey-tab-icon-v142735{color:#fff!important;border-color:transparent!important}
.journey-subnav-v142744 a.locked:not(.active){opacity:.82!important}
.journey-subnav-v142744 a.locked:not(.active):hover{opacity:1!important}

@media (max-width:1180px){
  .journey-subnav-v142744{
    width:100%!important;
    padding:7px 4px 13px!important;
    gap:8px!important;
  }
  .journey-subnav-v142744 a{
    min-width:128px!important;
    min-height:50px!important;
    padding:0 11px!important;
  }
}
@media (max-width:767px){
  .journey-subnav-v142744 a{min-width:116px!important;min-height:47px!important}
  .journey-subnav-v142744 .journey-tab-icon-v142735{width:29px!important;height:29px!important;flex-basis:29px!important}
}

/* TRIPLOOM V14.27.51 — Level privilege correction + complete Explorer matrix */
.level-privilege-table-v142751 tbody th{position:sticky}
.level-privilege-table-v142751 tbody th small{display:block;margin:4px 0 0 39px;font-size:7px;line-height:1.25;color:#7C919B;font-weight:800;letter-spacing:.01em}
.level-privilege-table-v142751 td .matrix-cell-label-v142751{display:block;line-height:1.35;font-weight:700;color:#496673}
.matrix-dev-badge-v142751{display:inline-flex!important;align-items:center;justify-content:center;margin-top:5px;padding:3px 7px;border-radius:999px;border:1px solid #F4C878;background:#FFF6DF;color:#C96C38;font-size:6.8px!important;font-weight:900!important;line-height:1!important;letter-spacing:.04em;white-space:nowrap}
.level-privilege-table-v142751 tr[data-privilege-row="creator"] td:nth-child(n+4){background:linear-gradient(180deg,#FFF8E2,#FFF8E2)}
.level-privilege-table-v142751 tr[data-privilege-row="creator"] td:nth-child(n+4) .matrix-cell-label-v142751{color:#C96C38}
.creator-preview-dev-v142751{border:1px solid #FFD15C!important;background:#FFF7E4!important;color:#8A6712!important;font-weight:900!important}
.journey-matrix-panel-v142738 summary p{margin:4px 0 0;max-width:780px;font-size:8px;line-height:1.45;color:#78909A}
@media(max-width:767px){
  .level-privilege-table-v142751 tbody th small{margin-left:34px;font-size:6.5px}
  .matrix-dev-badge-v142751{padding:3px 6px;font-size:6.2px!important}
  .journey-matrix-panel-v142738 summary p{font-size:7px}
}

/* TRIPLOOM V14.27.52 — Level table tone unification */
.level-privilege-table-v142751 tbody tr[data-privilege-row="collection"] th{background:#F4FCFB;box-shadow:none}
.level-privilege-table-v142751 tbody tr[data-privilege-row="collection"] td:not(.is-current):not(.is-target){background:#fff}

/* TRIPLOOM V14.27.53 — locked preview cleanup + passport hero unification */
.journey-preview-mini-badge-v142753{
  position:relative;z-index:7;display:flex;justify-content:flex-end;align-items:center;gap:7px;
  width:max-content;margin:12px 16px 0 auto;padding:7px 11px;border-radius:999px;
  border:1px solid #D4E7F0;background:rgba(255,255,255,.94);color:#5D7E91;
  box-shadow:0 7px 18px rgba(45,101,134,.06);font-size:8px;line-height:1;font-weight:900;
  letter-spacing:.05em;text-transform:uppercase
}
.journey-preview-mini-badge-v142753 span{display:grid;place-items:center;color:#69D7D0}
.journey-preview-mini-badge-v142753 svg{width:13px;height:13px}
.journey-preview-mini-badge-v142753 b{font:inherit;color:inherit!important}
.journey-preview-canvas-v142742 .journey-preview-stage-v142742{padding-top:10px}

body[data-page="passport"] .passport-preview-wow-v142753{
  background:linear-gradient(135deg,#EDF9FF 0%,#F4FCFB 56%,#EDFBF7 100%);
  border-color:#CFE8F3;box-shadow:0 14px 34px rgba(42,102,140,.065)
}
body[data-page="passport"] .passport-preview-wow-v142753:after{background:radial-gradient(circle,#67d8c934 0%,#67d8c90b 58%,transparent 72%)}
body[data-page="passport"] .passport-preview-wow-v142753 .preview-wow-copy-v142749 .eyebrow{color:#69D7D0!important}
body[data-page="passport"] .passport-preview-wow-v142753 .preview-wow-copy-v142749 h3{
  max-width:800px;color:#183C57!important;font-size:30px!important;line-height:1.12!important;letter-spacing:-.025em
}
body[data-page="passport"] .passport-preview-wow-v142753 .preview-wow-copy-v142749 p{max-width:820px;color:#6C8798!important;font-size:12px!important;line-height:1.55!important}
body[data-page="passport"] .preview-wow-orbit-v142749.passport>span{background:linear-gradient(145deg,#E8F7FF,#EBFBF7);color:#8EDFF0;border:1px solid #D7EDF6}
body[data-page="passport"] .preview-wow-orbit-v142749.passport{background:rgba(255,255,255,.82)}
body[data-page="passport"] .preview-wow-orbit-v142749.passport>i em{background:linear-gradient(90deg,#8EDFF0,#69D7D0)}

html[data-theme="dark"] .journey-preview-mini-badge-v142753{background:#203940;border-color:#3B5961;color:#C5D9DF;box-shadow:none}
html[data-theme="dark"] body[data-page="passport"] .passport-preview-wow-v142753{background:linear-gradient(145deg,#173139,#1A343D)!important;border-color:#34535D!important}
html[data-theme="dark"] body[data-page="passport"] .passport-preview-wow-v142753 .preview-wow-copy-v142749 h3{color:#E7F2F5!important}

@media(max-width:760px){
  .journey-preview-mini-badge-v142753{margin:10px 12px 0 auto;padding:6px 9px;font-size:7px}
  body[data-page="passport"] .passport-preview-wow-v142753 .preview-wow-copy-v142749 h3{font-size:23px!important}
}

/* TRIPLOOM V14.27.54 — Passport locked preview layout unified with Map & Recap */
body[data-page="passport"] .journey-preview-canvas-v142742{
  padding:22px!important;
  background:linear-gradient(160deg,#FFFFFF 0%,#FAFDFF 56%,#F4FCFB 100%)!important;
  border-radius:32px!important;
  border:1px solid #CFE6F2!important;
  box-shadow:0 20px 46px rgba(41,100,139,.075)!important
}
body[data-page="passport"] .journey-preview-stage-v142742{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body[data-page="passport"] .passport-preview-wow-v142754{
  background:linear-gradient(135deg,#EDF9FF 0%,#F4FCFB 52%,#EDFBF7 100%)!important;
  border-color:#CFE7F3!important;
  box-shadow:0 14px 34px rgba(42,102,140,.065)!important
}
body[data-page="passport"] .passport-preview-wow-v142754:after{background:radial-gradient(circle,rgba(55,201,183,.23),transparent 70%)!important}
body[data-page="passport"] .passport-preview-wow-v142754 .preview-wow-copy-v142749 h3{
  max-width:780px!important;
  font-size:clamp(22px,2.3vw,34px)!important;
  line-height:1.12!important;
  letter-spacing:normal!important
}
body[data-page="passport"] .passport-preview-wow-v142754 .preview-wow-copy-v142749 p{max-width:800px!important;font-size:inherit!important;line-height:1.58!important}
body[data-page="passport"] .preview-passport-tabs-v142754{
  display:flex;align-items:center;gap:8px;margin:0 0 12px;flex-wrap:wrap
}
body[data-page="passport"] .preview-passport-tabs-v142754 button,
body[data-page="passport"] .preview-passport-tabs-v142754>span,
body[data-page="passport"] .preview-passport-actions-v142754 button{
  border:1px solid #D4E7F1;background:rgba(255,255,255,.94);color:#54778D;border-radius:12px;
  min-height:36px;padding:8px 13px;font:800 10px Nunito,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  box-shadow:0 6px 14px rgba(38,91,124,.04)
}
body[data-page="passport"] .preview-passport-tabs-v142754 button.active{background:#EAF9FC;color:#8EDFF0;border-color:#BFE1F2}
body[data-page="passport"] .preview-passport-tabs-v142754>span{margin-left:auto;color:#678499}
body[data-page="passport"] .preview-passport-tabs-v142754 svg{width:13px;height:13px}
body[data-page="passport"] .passport-kpis-wow-v142754{margin-bottom:12px!important}
body[data-page="passport"] .preview-passport-wow-card-v142754{
  border:1px solid #D7E7F2;border-radius:24px;padding:16px;margin-bottom:12px;
  background:linear-gradient(135deg,#F6FBFF 0%,#F4FCFB 48%,#F8F5FF 100%);
  box-shadow:0 10px 24px rgba(43,99,134,.045)
}
body[data-page="passport"] .preview-passport-wow-top-v142754{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:13px}
body[data-page="passport"] .preview-passport-wow-top-v142754 h3{font-size:19px!important;line-height:1.2!important;margin:4px 0 3px!important}
body[data-page="passport"] .preview-passport-wow-top-v142754 p{font-size:9px!important;color:#8296A2!important;margin:0!important}
body[data-page="passport"] .preview-passport-badge-v142754{
  min-width:62px;height:62px;border-radius:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#EAF9FC,#EAF9FC);border:1px solid #D9E5F8;color:#69D7D0;font-size:22px;font-weight:900;
  box-shadow:0 7px 16px rgba(86,100,174,.06)
}
body[data-page="passport"] .preview-passport-badge-v142754 small{font-size:7px!important;letter-spacing:.1em;color:#7A90A3!important;margin-top:2px}
body[data-page="passport"] .preview-passport-stamps-wow-v142754{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article{
  position:relative;overflow:hidden;min-width:0;border:1px solid #D8E8F1;border-radius:18px;padding:12px;
  background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;
  box-shadow:0 7px 18px rgba(41,91,124,.035)
}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-28px;bottom:-34px;background:currentColor;opacity:.055}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article.sky{color:#8EDFF0;border-color:#CFE8F7}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article.mint{color:#69D7D0;border-color:#CCECE4}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article.violet{color:#8574E8;border-color:#E0DAF8}
body[data-page="passport"] .preview-passport-stamp-icon-v142754{
  width:40px;height:40px;border-radius:50%;border:2px dashed currentColor;display:grid;place-items:center;transform:rotate(-7deg);
  background:rgba(255,255,255,.7)
}
body[data-page="passport"] .preview-passport-stamp-icon-v142754 svg{width:17px;height:17px}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article>div{min-width:0}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article small{display:block!important;font-size:6.6px!important;letter-spacing:.08em;color:#6F98A8!important}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article small b{font-size:inherit!important;color:currentColor!important}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article strong{display:block;font-size:12px!important;line-height:1.15;margin:3px 0;color:#294B61!important}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article em{display:block;font-style:normal;font-size:7.6px;color:#8297A3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article i{display:flex;align-items:center;gap:4px;margin-top:5px;font-style:normal;font-size:6.7px;font-weight:800;color:#62A598}
body[data-page="passport"] .preview-passport-stamps-wow-v142754 article i svg{width:9px;height:9px}
body[data-page="passport"] .preview-passport-index-v142754{position:absolute;right:8px;top:7px;font-size:7px!important;color:#A4B8C1!important}
body[data-page="passport"] .preview-passport-highlights-v142754{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body[data-page="passport"] .preview-passport-highlights-v142754 article{
  background:rgba(255,255,255,.84);border:1px solid #DFE8F0;border-radius:17px;padding:12px;display:flex;align-items:center;gap:10px
}
body[data-page="passport"] .preview-passport-highlights-v142754 article>span{width:36px;height:36px;border-radius:12px;background:#EAF9FC;color:#8EDFF0;display:grid;place-items:center;flex:0 0 auto}
body[data-page="passport"] .preview-passport-highlights-v142754 article:nth-child(2)>span{background:#EEFAF7;color:#69D7D0}
body[data-page="passport"] .preview-passport-highlights-v142754 article>span svg{width:15px;height:15px}
body[data-page="passport"] .preview-passport-highlights-v142754 small{display:block!important;font-size:7px!important;font-weight:900!important;color:#718D9E!important;letter-spacing:.1em}
body[data-page="passport"] .preview-passport-highlights-v142754 b{display:block;font-size:11px!important;margin:2px 0;color:#314E62!important}
body[data-page="passport"] .preview-passport-highlights-v142754 em{font-style:normal;font-size:8px;color:#8396A2}
body[data-page="passport"] .preview-passport-actions-v142754{display:flex;flex-wrap:wrap;gap:8px}
body[data-page="passport"] .preview-passport-actions-v142754 button{padding:9px 12px;font-size:10px;cursor:default}
body[data-page="passport"] .preview-passport-actions-v142754 button.primary{background:linear-gradient(135deg,#8EDFF0,#69D7D0);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(47,159,241,.22)}
body[data-page="passport"] .preview-passport-actions-v142754 svg{width:14px;height:14px}
html[data-theme="dark"] body[data-page="passport"] .preview-passport-wow-card-v142754,
html[data-theme="dark"] body[data-page="passport"] .preview-passport-stamps-wow-v142754 article,
html[data-theme="dark"] body[data-page="passport"] .preview-passport-highlights-v142754 article,
html[data-theme="dark"] body[data-page="passport"] .preview-passport-tabs-v142754 button,
html[data-theme="dark"] body[data-page="passport"] .preview-passport-tabs-v142754>span,
html[data-theme="dark"] body[data-page="passport"] .preview-passport-actions-v142754 button{background:#183139;border-color:#36535D;color:#C9DCE2}
@media(max-width:1050px){
  body[data-page="passport"] .preview-passport-stamps-wow-v142754{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  body[data-page="passport"] .journey-preview-canvas-v142742{padding:14px!important;border-radius:24px!important}
  body[data-page="passport"] .preview-passport-tabs-v142754>span{margin-left:0}
  body[data-page="passport"] .preview-passport-stamps-wow-v142754,
  body[data-page="passport"] .preview-passport-highlights-v142754{grid-template-columns:1fr}
}
@media(max-width:520px){
  body[data-page="passport"] .preview-passport-wow-top-v142754{flex-direction:column}
  body[data-page="passport"] .preview-passport-tabs-v142754 button{flex:1 1 calc(50% - 4px)}
  body[data-page="passport"] .preview-passport-tabs-v142754>span{width:100%}
  body[data-page="passport"] .preview-passport-actions-v142754 button{flex:1 1 100%}
}

/* TRIPLOOM V14.27.57 — restore original verified passport stamp requested by user. */
body[data-page="passport"] .passport-original-card-v142757{padding:18px!important}
body[data-page="passport"] .passport-original-head-v142757{margin-bottom:14px!important}
body[data-page="passport"] .passport-original-grid-v142757{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body[data-page="passport"] .passport-original-entry-v142757{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid #D5E9E7!important;
  border-radius:20px!important;
  background:linear-gradient(150deg,#FFFFFF 0%,#F4FCFB 68%,#F4FCFB 100%)!important;
  box-shadow:0 8px 22px rgba(31,107,107,.055)!important;
  overflow:hidden!important;
  color:#249D98!important;
  transform:none!important;
}
body[data-page="passport"] .passport-original-entry-v142757:before{
  content:""!important;
  position:absolute!important;
  right:-28px!important;
  bottom:-34px!important;
  width:94px!important;
  height:94px!important;
  border-radius:50%!important;
  border:1px solid rgba(45,174,166,.08)!important;
  box-shadow:0 0 0 14px rgba(45,174,166,.025)!important;
  pointer-events:none!important;
}
body[data-page="passport"] .passport-original-index-v142757{
  position:absolute!important;
  right:9px!important;
  top:7px!important;
  z-index:3!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  color:#9BB3B8!important;
  font-weight:800!important;
}
body[data-page="passport"] .passport-original-stamp-v142757{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-height:78px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 13px 10px 10px!important;
  border:2px solid #69D7D0!important;
  border-radius:14px!important;
  color:#249D98!important;
  background:rgba(247,253,252,.72)!important;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.94),inset 0 0 0 4px rgba(36,170,162,.54)!important;
  transform:rotate(-.65deg)!important;
  transform-origin:center!important;
}
body[data-page="passport"] .passport-original-entry-v142757:nth-child(2n) .passport-original-stamp-v142757{transform:rotate(.55deg)!important}
body[data-page="passport"] .passport-original-entry-v142757:nth-child(3n) .passport-original-stamp-v142757{transform:rotate(-.2deg)!important}
body[data-page="passport"] .passport-original-stamp-v142757:after{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  border:1px dashed rgba(31,157,149,.40)!important;
  border-radius:9px!important;
  pointer-events:none!important;
}
body[data-page="passport"] .passport-original-plane-v142757{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1.5px solid currentColor!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.66)!important;
  color:#69D7D0!important;
}
body[data-page="passport"] .passport-original-plane-v142757 svg{width:21px!important;height:21px!important;stroke-width:1.7!important}
body[data-page="passport"] .passport-original-copy-v142757{display:block!important;min-width:0!important;position:relative!important;z-index:1!important}
body[data-page="passport"] .passport-original-copy-v142757 small{
  display:block!important;
  margin:0 0 1px!important;
  font-size:7px!important;
  line-height:1.15!important;
  letter-spacing:.1em!important;
  color:#6AAEA9!important;
  font-weight:700!important;
}
body[data-page="passport"] .passport-original-copy-v142757 small b{color:#249D98!important;font-size:inherit!important}
body[data-page="passport"] .passport-original-copy-v142757 strong{
  display:block!important;
  margin:1px 0 3px!important;
  font-size:15px!important;
  line-height:1.05!important;
  letter-spacing:.02em!important;
  color:#249D98!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-page="passport"] .passport-original-copy-v142757 em{
  display:block!important;
  margin:0!important;
  font-size:8px!important;
  line-height:1.2!important;
  color:#4F9995!important;
  font-style:normal!important;
  font-weight:650!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-page="passport"] .passport-original-copy-v142757 em i{font-style:normal!important;color:#91B8B4!important;margin:0 4px!important}
body[data-page="passport"] .passport-original-meta-v142757{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  font-size:7.5px!important;
  line-height:1.2!important;
  color:#6CA29E!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-page="passport"] .passport-original-meta-v142757 svg{width:9px!important;height:9px!important;flex:0 0 auto!important}
@media(hover:hover){
  body[data-page="passport"] .passport-original-entry-v142757:hover{
    border-color:#B4DEDA!important;
    box-shadow:0 13px 28px rgba(27,111,111,.085)!important;
  }
}
@media(max-width:1023px){
  body[data-page="passport"] .passport-original-grid-v142757{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body[data-page="passport"] .passport-original-grid-v142757{grid-template-columns:1fr!important}
  body[data-page="passport"] .passport-original-stamp-v142757{transform:none!important;min-height:72px!important}
}
@media(max-width:479px){
  body[data-page="passport"] .passport-original-entry-v142757{padding:10px!important;border-radius:17px!important}
  body[data-page="passport"] .passport-original-stamp-v142757{grid-template-columns:39px minmax(0,1fr)!important;gap:7px!important;padding:9px 10px 9px 8px!important}
  body[data-page="passport"] .passport-original-plane-v142757{width:36px!important;height:36px!important}
  body[data-page="passport"] .passport-original-plane-v142757 svg{width:18px!important;height:18px!important}
  body[data-page="passport"] .passport-original-copy-v142757 strong{font-size:13px!important}
  body[data-page="passport"] .passport-original-copy-v142757 small{font-size:6px!important}
  body[data-page="passport"] .passport-original-copy-v142757 em{font-size:7px!important}
}
html[data-theme="dark"] body[data-page="passport"] .passport-original-entry-v142757{background:linear-gradient(145deg,#1B363C,#193238)!important;border-color:#38575D!important}
html[data-theme="dark"] body[data-page="passport"] .passport-original-stamp-v142757{background:rgba(21,77,76,.18)!important;box-shadow:inset 0 0 0 3px rgba(24,52,57,.9),inset 0 0 0 4px rgba(63,190,181,.58)!important;color:#69D7D0!important;border-color:#69D7D0!important}
html[data-theme="dark"] body[data-page="passport"] .passport-original-copy-v142757 strong,
html[data-theme="dark"] body[data-page="passport"] .passport-original-copy-v142757 small b{color:#69D7D0!important}

/* TRIPLOOM V14.27.58 — detach locked-preview badge from the preview content card. */
.journey-preview-canvas-v142742 > .journey-preview-mini-badge-v142753{
  margin:12px 16px 16px auto!important;
}
.journey-preview-canvas-v142742 > .journey-preview-mini-badge-v142753 + .journey-preview-stage-v142742{
  padding-top:0!important;
}
@media(max-width:760px){
  .journey-preview-canvas-v142742 > .journey-preview-mini-badge-v142753{
    margin:10px 12px 14px auto!important;
  }
}

/* TRIPLOOM V14.27.59 — level matrix order/icons + Collection tier capability panels. */
.level-privilege-table-v142732 tbody th>span .icon-svg{width:16px;height:16px;display:block;stroke-width:1.9}
.level-privilege-table-v142732 tr[data-privilege-row="collection"] th>span,
.level-privilege-table-v142732 tr[data-privilege-row="stats"] th>span{color:#8EDFF0}
.level-privilege-table-v142732 tr[data-privilege-row="collection"] th>small{display:block;margin:4px 0 0 38px;font-size:8px;line-height:1.3;color:#7C929E;font-weight:700}
.collection-tier-panel-v142759{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);gap:18px;align-items:center;margin:14px 0;padding:18px 20px;border-radius:22px;border:1px solid #DCECF4;background:linear-gradient(145deg,#fff,#F4FCFB);box-shadow:0 10px 24px rgba(49,107,141,.05)}
.collection-tier-panel-v142759.advanced{background:linear-gradient(145deg,#F4FCFB 0%,#F4FBFF 55%,#F4FCFA 100%);border-color:#D2E8F4}
.collection-tier-panel-v142759.specialist{background:linear-gradient(145deg,#F8F7FF 0%,#F4FCFB 48%,#F4FCFB 100%);border-color:#DEDCF8}
.collection-tier-panel-v142759 h3{margin:4px 0 5px;font-size:18px;color:#1C4968}
.collection-tier-panel-v142759 p{margin:0;color:#6D8798;font-size:12px;line-height:1.5}
.collection-tier-metrics-v142759{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.collection-tier-metrics-v142759 article{padding:14px 13px;border-radius:16px;background:rgba(255,255,255,.84);border:1px solid rgba(205,228,240,.9);min-width:0}
.collection-tier-metrics-v142759 b{display:block;font-size:19px;color:#214D6B;line-height:1.1;overflow-wrap:anywhere}
.collection-tier-metrics-v142759 small{display:block;margin-top:5px;color:#78909F;font-size:9px;line-height:1.35}
@media(max-width:980px){.collection-tier-panel-v142759{grid-template-columns:1fr}.collection-tier-metrics-v142759{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.collection-tier-metrics-v142759{grid-template-columns:1fr}.collection-tier-panel-v142759{padding:16px}}

/* TRIPLOOM V14.27.60 — privilege matrix content, icon and typography audit. */
.level-privilege-table-v142751 thead th:first-child,
.level-privilege-table-v142751 tbody th{min-width:270px!important}
.level-privilege-table-v142751 tbody th>span{
  width:32px;height:32px;margin-right:9px;border-radius:11px;vertical-align:middle;
  background:linear-gradient(145deg,#EAF9FC,#EEFAF7);border:1px solid #DCECF3;color:#8EDFF0
}
.level-privilege-table-v142751 tbody th>span .icon-svg{width:16px;height:16px;stroke-width:1.9}
.level-privilege-table-v142751 tbody th>b{display:inline-block;vertical-align:middle;font-size:10px;line-height:1.25;color:#294D63}
.level-privilege-table-v142751 tbody th>small{
  display:block!important;margin:5px 8px 0 42px!important;max-width:250px;
  color:#8398A4!important;font-size:7px!important;line-height:1.4!important;font-weight:700!important
}
.level-privilege-table-v142751 td{position:relative;line-height:1.2}
.level-privilege-table-v142751 td .matrix-status-icon-v142760{
  width:20px;height:20px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;
  vertical-align:middle;margin-right:5px;border:1px solid #D8EAF2;background:#F3FAFF;color:#8EDFF0
}
.level-privilege-table-v142751 td .matrix-status-icon-v142760 .icon-svg{width:11px;height:11px;stroke-width:2.2}
.level-privilege-table-v142751 td .matrix-cell-label-v142751{
  display:inline-flex!important;align-items:center;vertical-align:middle;color:#456578;font-size:9px;font-weight:800;line-height:1.3
}
.level-privilege-table-v142751 td[data-matrix-tone="locked"] .matrix-status-icon-v142760{background:#F6F8FA;border-color:#E5EBEF;color:#95A6AF}
.level-privilege-table-v142751 td[data-matrix-tone="locked"] .matrix-cell-label-v142751{color:#82949E}
.level-privilege-table-v142751 td[data-matrix-tone="open"] .matrix-status-icon-v142760,
.level-privilege-table-v142751 td[data-matrix-tone="unlock"] .matrix-status-icon-v142760{background:#EEFAF7;border-color:#D5EEE7;color:#249D98}
.level-privilege-table-v142751 td[data-matrix-tone="premium"] .matrix-status-icon-v142760{background:#F4F1FF;border-color:#E3DCFF;color:#8EDFF0}
.level-privilege-table-v142751 td[data-matrix-tone="premium"] .matrix-cell-label-v142751{color:#5D5590}
.level-privilege-table-v142751 td[data-matrix-tone="development"] .matrix-status-icon-v142760{background:#FFF7E9;border-color:#F3DBAD;color:#C96C38}
.level-privilege-table-v142751 td[data-matrix-tone="development"] .matrix-cell-label-v142751{color:#C96C38}
.level-privilege-table-v142751 td[data-matrix-tone="level"] .matrix-status-icon-v142760{background:#EEF6FF;border-color:#D9E8F8;color:#69D7D0}
.level-privilege-table-v142751 td[data-matrix-tone="level"] .matrix-cell-label-v142751{color:#249D98}
.level-privilege-table-v142751 .matrix-dev-badge-v142751{display:flex!important;width:max-content;margin:5px auto 0;padding:4px 8px;font-size:6.5px!important}
.level-privilege-table-v142751 tr[data-privilege-row="passport"]>*,
.level-privilege-table-v142751 tr[data-privilege-row="recap"]>*,
.level-privilege-table-v142751 tr[data-privilege-row="creator"]>*{border-top:2px solid #EDF4F7}
.level-privilege-table-v142751 tr[data-privilege-row="collection"] th>span{color:#8EDFF0;background:linear-gradient(145deg,#EAF9FC,#EFFBFA)}
.level-privilege-table-v142751 tr[data-privilege-row="stats"] th>span{color:#8EDFF0;background:linear-gradient(145deg,#F4F1FF,#F7F5FF)}
.level-privilege-table-v142751 tr[data-privilege-row="creator"] th>span{color:#FF9B5E;background:linear-gradient(145deg,#FFF7ED,#FFFAF4)}
.level-privilege-table-v142751 tr[data-privilege-row="ai"] th>span{color:#6D65D8;background:linear-gradient(145deg,#F4F2FF,#F8F7FF)}
.level-feature-modal-card-v142733 .level-privilege-table-v142751 thead th:first-child,
.level-feature-modal-card-v142733 .level-privilege-table-v142751 tbody th{min-width:245px!important}
@media(max-width:767px){
  .level-privilege-table-v142751 thead th:first-child,
  .level-privilege-table-v142751 tbody th{min-width:205px!important}
  .level-feature-modal-card-v142733 .level-privilege-table-v142751 thead th:first-child,
  .level-feature-modal-card-v142733 .level-privilege-table-v142751 tbody th{min-width:190px!important}
  .level-privilege-table-v142751 tbody th>span{width:29px;height:29px;margin-right:7px}
  .level-privilege-table-v142751 tbody th>small{margin-left:36px!important;max-width:175px;font-size:6.3px!important}
  .level-privilege-table-v142751 td .matrix-status-icon-v142760{width:18px;height:18px;margin-right:4px}
  .level-privilege-table-v142751 td .matrix-cell-label-v142751{font-size:8px}
}

/* ========================================================================== 
   TRIPLOOM V14.27.62 · TRAVEL POPUP BANNER EDGE ALIGNMENT
   UI-only: lift the road/vehicle artwork slightly and make the travel image
   finish exactly at the popup's rounded bottom edge across related popups.
   ========================================================================== */
.level-modal-travel-footer-v142733{
  height:126px!important;
  min-height:126px!important;
  margin:0 -24px -18px!important;
  border-radius:0 0 29px 29px!important;
  background-position:center 78%!important;
  background-size:cover!important;
}
.level-modal-actions-v142733{top:22px!important}

/* Shared Trip modal backgrounds: keep the same image crop/edge behavior. */
.triploom-ds-modal .triploom-ds-form::after,
body[data-page="trip"] .triploom-ds-static-host::after,
.pack-v167-add-modal .pack-v167-modal-card::after{
  bottom:-1px!important;
  background-position:center 78%!important;
  background-size:cover!important;
}

@media(max-width:767px){
  .level-modal-travel-footer-v142733{
    height:112px!important;
    min-height:112px!important;
    margin:0 -15px -16px!important;
    border-radius:0 0 20px 20px!important;
    background-position:center 80%!important;
  }
  .level-modal-actions-v142733{top:18px!important}
  .triploom-ds-modal .triploom-ds-form::after,
  body[data-page="trip"] .triploom-ds-static-host::after,
  .pack-v167-add-modal .pack-v167-modal-card::after{
    background-position:center 80%!important;
  }
}
@media(max-width:479px){
  .level-modal-travel-footer-v142733{
    height:128px!important;
    min-height:128px!important;
    margin-bottom:-16px!important;
  }
  .level-modal-actions-v142733{top:10px!important}
}

/* ========================================================================== 
   TRIPLOOM V14.27.63 · POPUP TRAVEL BANNER BACKGROUND-LAYER ALIGNMENT
   Keep the road/vehicle banner behind the lower content frame (same behavior
   as Trip popups) and center the footer actions in the available image area.
   ========================================================================== */
.level-feature-modal-card-v142733{
  position:relative!important;
  isolation:isolate!important;
  overflow:auto!important;
}
.level-feature-modal-card-v142733::after{
  content:"";
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:246px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:0 0 29px 29px!important;
  background:
    linear-gradient(180deg,rgba(249,253,253,.98) 0%,rgba(249,253,253,.86) 13%,rgba(249,253,253,.38) 31%,rgba(249,253,253,.08) 52%,rgba(12,73,78,.06) 100%),
    url('triploom-modal-footer.webp') center 72%/cover no-repeat!important;
}
.level-feature-modal-card-v142733 > .level-modal-kicker-v142733,
.level-feature-modal-card-v142733 > h2,
.level-feature-modal-card-v142733 > .level-modal-intro-v142733,
.level-feature-modal-card-v142733 > .level-modal-matrix-head-v142733,
.level-feature-modal-card-v142733 > .level-modal-table-wrap-v142733,
.level-feature-modal-card-v142733 > .level-modal-travel-footer-v142733{
  position:relative!important;
  z-index:1!important;
}
.level-feature-modal-card-v142733 > .level-feature-close-v142733{z-index:4!important}
.level-modal-travel-footer-v142733{
  height:136px!important;
  min-height:136px!important;
  margin:0 -24px -18px!important;
  border-radius:0 0 29px 29px!important;
  background:transparent!important;
  overflow:visible!important;
}
.level-modal-actions-v142733{
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(590px,calc(100% - 52px))!important;
}
/* The shared Trip popup background already uses a card-level pseudo layer.
   Lift it slightly so the image is visible behind the final white content card,
   matching the Level popup rather than appearing as a detached footer. */
.triploom-ds-modal .triploom-ds-form::after,
body[data-page="trip"] .triploom-ds-static-host::after,
.pack-v167-add-modal .pack-v167-modal-card::after{
  height:330px!important;
  background-position:center 72%!important;
}
.triploom-ds-modal .triploom-ds-travel-footer,
body[data-page="trip"] .triploom-ds-static-host>.triploom-ds-travel-footer,
.pack-v167-add-modal .pack-v46-travel-footer{
  background:transparent!important;
}
.triploom-ds-modal .triploom-ds-footer-cta,
body[data-page="trip"] .triploom-ds-static-host>.triploom-ds-travel-footer .triploom-ds-footer-cta,
.pack-v167-add-modal .pack-v46-travel-footer .btn{
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
}
@media(max-width:767px){
  .level-feature-modal-card-v142733::after{
    height:214px!important;
    border-radius:0 0 20px 20px!important;
    background-position:center 74%!important;
  }
  .level-modal-travel-footer-v142733{
    height:118px!important;
    min-height:118px!important;
    margin:0 -15px -16px!important;
    border-radius:0 0 20px 20px!important;
  }
  .level-modal-actions-v142733{
    top:50%!important;
    width:calc(100% - 28px)!important;
  }
  .triploom-ds-modal .triploom-ds-form::after,
  body[data-page="trip"] .triploom-ds-static-host::after,
  .pack-v167-add-modal .pack-v167-modal-card::after{
    height:270px!important;
    background-position:center 75%!important;
  }
}
@media(max-width:479px){
  .level-feature-modal-card-v142733::after{height:232px!important}
  .level-modal-travel-footer-v142733{height:138px!important;min-height:138px!important}
}


/* TRIPLOOM V14.27.65 — unify locked-preview NOTE palette on Passport with all other locked tabs. */
body[data-page="passport"] .journey-preview-note-v142742{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#FFF8ED,#FFF8E2)!important;
  border-color:#F2D59C!important;
  box-shadow:0 9px 24px rgba(190,132,44,.08)!important;
}
body[data-page="passport"] .journey-preview-note-v142742::after{
  content:none!important;
  display:none!important;
}
body[data-page="passport"] .journey-preview-note-icon-v142742{
  background:#FFF1D8!important;
  color:#FF9B5E!important;
  border-color:#F1D0A1!important;
}
body[data-page="passport"] .journey-preview-note-v142742>div:nth-child(2)>span{
  color:#FF9B5E!important;
}
body[data-page="passport"] .journey-preview-note-v142742 h2{
  color:#203940!important;
}
body[data-page="passport"] .journey-preview-note-v142742 p{
  color:#647F86!important;
}
body[data-page="passport"] .journey-preview-note-v142742 button{
  border-color:#BFE2DF!important;
  background:#fff!important;
  color:#249D98!important;
  box-shadow:none!important;
}
body[data-page="passport"] .journey-preview-note-v142742 button:hover{
  background:#EAF9F6!important;
  border-color:#BFE2DF!important;
}
html[data-theme="dark"] body[data-page="passport"] .journey-preview-note-v142742{
  background:#183036!important;
  border-color:#36545A!important;
}
html[data-theme="dark"] body[data-page="passport"] .journey-preview-note-v142742 h2{
  color:#E5F1F2!important;
}
html[data-theme="dark"] body[data-page="passport"] .journey-preview-note-v142742 p{
  color:#D6E7E9!important;
}

/* TRIPLOOM V14.27.66 — Footprints level-aware workspace + interactive map refinement */
body[data-page="footprints"] .footprints-preview-wow-v142766{margin-bottom:14px}
.footprint-preview-levels-v142766{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.footprint-preview-levels-v142766 article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid #DCEBF3;border-radius:17px;background:linear-gradient(145deg,#fff,#F4FCFB);box-shadow:0 6px 16px rgba(42,100,135,.045)}
.footprint-preview-levels-v142766 article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#EAF9FC;font-size:16px}
.footprint-preview-levels-v142766 article b{display:block;color:#274B63;font-size:12px}.footprint-preview-levels-v142766 article small{display:block;color:#7A94A3;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footprint-preview-levels-v142766 article em{font-style:normal;font-size:8px;font-weight:800;padding:5px 8px;border-radius:999px;background:#F1F8FC;color:#5683A0;white-space:nowrap}
.footprint-preview-levels-v142766 .pathfinder>span{background:#EEFBF7}.footprint-preview-levels-v142766 .grand>span{background:#F5F0FF}.footprint-preview-levels-v142766 .world>span{background:#FFF5E9}
.preview-map-wow-toolbar-v142749>div:first-child small{display:block;color:#7A94A3;font-size:9px;margin-top:3px}.preview-map-wow-toolbar-v142749 button.tier{display:inline-flex;align-items:center;gap:5px}.preview-map-wow-toolbar-v142749 button.tier i{font-style:normal;font-size:7px;padding:3px 5px;border-radius:999px;background:#EAF9FC;color:#69D7D0}
.preview-map-canvas-v142766{min-height:280px!important}.preview-map-route-card-v142766{position:absolute;left:18px;bottom:18px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:330px;max-width:55%;padding:12px 13px;background:rgba(255,255,255,.94);border:1px solid #D7EAF2;border-radius:16px;box-shadow:0 12px 25px rgba(36,93,128,.1);z-index:5}.preview-map-route-card-v142766>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#EDF9FF;color:#8EDFF0}.preview-map-route-card-v142766>span .icon-svg{width:15px;height:15px}.preview-map-route-card-v142766 small{display:block;color:#70A0B8;font-size:7px;font-weight:900;letter-spacing:.09em}.preview-map-route-card-v142766 b{display:block;color:#284D65;font-size:11px;margin:2px 0}.preview-map-route-card-v142766 em{display:block;color:#7B939F;font-size:8px;font-style:normal}.preview-map-route-card-v142766 button{border:0;background:#EAF9FC;color:#69D7D0;border-radius:10px;padding:8px 10px;font-size:8px;font-weight:800}
.preview-map-bottom-v142766{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;padding:10px 12px;background:#F4FCFB;border-top:1px solid #E3EFF4}.preview-map-bottom-v142766 article{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid #E1EDF3;border-radius:12px;background:#fff}.preview-map-bottom-v142766 article>span{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;background:#EDF9FF;color:#69D7D0;font-size:8px;font-weight:900}.preview-map-bottom-v142766 b{display:block;color:#34566B;font-size:9px}.preview-map-bottom-v142766 small{display:block;color:#8AA0AD;font-size:7px}.preview-map-bottom-v142766>button{border:1px solid #D8E9F1;background:#fff;color:#477992;border-radius:12px;padding:8px 11px;font-size:8px;font-weight:800}.preview-map-bottom-v142766>button i{display:block;font-style:normal;color:#9A7AE0;font-size:7px;margin-top:2px}

body[data-page="footprints"] .footprints-hero-v142766{margin-bottom:12px}
body[data-page="footprints"] .footprints-orbit-v142766>div p{margin:6px 0 0;color:#6C8A9B;font-size:12px}
body[data-page="footprints"] .footprints-level-rail-v142766{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
body[data-page="footprints"] .footprints-level-rail-v142766 article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;position:relative;padding:14px 14px 28px;border:1px solid #DCEBF3;border-radius:19px;background:linear-gradient(145deg,#fff,#F4FCFB);box-shadow:0 8px 20px rgba(39,94,128,.045);overflow:hidden}
body[data-page="footprints"] .footprints-level-rail-v142766 article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#EAF9FC;font-size:18px}
body[data-page="footprints"] .footprints-level-rail-v142766 article b{display:block;color:#264B63;font-size:13px}body[data-page="footprints"] .footprints-level-rail-v142766 article small{display:block;color:#7893A2;font-size:10px;line-height:1.35;margin-top:3px}
body[data-page="footprints"] .footprints-level-rail-v142766 article em{position:absolute;left:14px;bottom:9px;font-style:normal;font-size:9px;font-weight:900;color:#249D98}
body[data-page="footprints"] .footprints-level-rail-v142766 article.locked{opacity:.72;background:#FBFCFD}body[data-page="footprints"] .footprints-level-rail-v142766 article.locked em{color:#8AA0AD}body[data-page="footprints"] .footprints-level-rail-v142766 article.open:after{content:"";position:absolute;right:-24px;top:-24px;width:75px;height:75px;border-radius:50%;background:rgba(73,207,194,.1)}
body[data-page="footprints"] .footprints-filter-v142766{margin:0 0 12px}body[data-page="footprints"] .footprints-filter-v142766 .journey-filter-v142725{margin:0!important}
body[data-page="footprints"] .footprints-kpis-v142766{margin-top:12px}body[data-page="footprints"] .footprints-insights-v142766{margin-bottom:16px}
body[data-page="footprints"] .footprints-map-workspace-v142766{border:1px solid #D8E9F1;border-radius:30px;background:linear-gradient(155deg,#fff,#F9FDFF 66%,#F2FBF8);box-shadow:0 15px 35px rgba(34,95,131,.065);overflow:hidden;margin-bottom:18px}
body[data-page="footprints"] .footprints-map-workspace-v142766 [hidden]{display:none!important}
body[data-page="footprints"] .footprints-map-toolbar-v142766{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:20px 22px 15px;border-bottom:1px solid #E0EDF3;background:rgba(255,255,255,.78)}
body[data-page="footprints"] .footprints-map-toolbar-v142766 h2{font-size:20px;margin:4px 0 3px}body[data-page="footprints"] .footprints-map-toolbar-v142766 p{margin:0;color:#6F8792;font-size:12px}
body[data-page="footprints"] .footprints-view-toggle-v142766{flex-wrap:wrap;justify-content:flex-end}.footprints-view-toggle-v142766 button{padding:9px 13px}.footprints-view-toggle-v142766 button.locked{opacity:.55;cursor:not-allowed;background:#F8FAFB!important;color:#8B9CA5!important;border-color:#E1EAEE!important;box-shadow:none!important}.footprints-view-toggle-v142766 button small{display:block;font-size:7px;font-weight:800;margin-top:1px}
body[data-page="footprints"] .footprints-map-panel-v142766{padding:16px 18px 18px;background:transparent;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;position:relative}
body[data-page="footprints"] .footprints-map-summary-v142766{display:grid;grid-template-columns:1.3fr .65fr .65fr;gap:10px;margin-bottom:12px}.footprints-map-summary-v142766 article{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #DEEDF3;border-radius:16px;background:#fff}.footprints-map-summary-v142766 article:first-child{display:grid;grid-template-columns:36px minmax(0,1fr)}.footprints-map-summary-v142766 article:first-child>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#EBF9FF;color:#8EDFF0}.footprints-map-summary-v142766 article:first-child>span .icon-svg{width:15px;height:15px}.footprints-map-summary-v142766 small{display:block;color:#6F9AB0;font-size:8px;font-weight:900;letter-spacing:.08em}.footprints-map-summary-v142766 b{display:block;color:#294D64;font-size:14px;margin:2px 0}.footprints-map-summary-v142766 em,.footprints-map-summary-v142766 span{font-style:normal;color:#8197A3;font-size:9px}
body[data-page="footprints"] .footprints-map-v142766{min-height:500px;border:1px solid #D8E8EF;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}
body[data-page="footprints"] .footprints-map-footer-v142766{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.footprints-map-footer-v142766>span{display:inline-flex;align-items:center;gap:7px;color:#5F8092;font-size:11px;font-weight:700}.footprints-map-footer-v142766>span .icon-svg{width:14px;height:14px;color:#69D7D0}
body[data-page="footprints"] .footprints-section-v142766{padding:20px 22px 22px;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;background:transparent!important}
body[data-page="footprints"] .footprints-route-grid-v142766{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.footprints-route-grid-v142766>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;border:1px solid #DFEEF4;border-radius:18px;background:#fff;text-decoration:none;transition:.18s ease}.footprints-route-grid-v142766>a:hover{transform:translateY(-2px);border-color:#B7DFF0;box-shadow:0 10px 22px rgba(36,96,132,.07)}.footprints-route-grid-v142766>a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#EEFAFF;color:#69D7D0}.footprints-route-grid-v142766>a>span .icon-svg{width:17px;height:17px}.footprints-route-grid-v142766 b{display:block;color:#264C65}.footprints-route-grid-v142766 small,.footprints-route-grid-v142766 p{display:block;color:#7B929F;font-size:10px;margin:3px 0 0}.footprints-route-grid-v142766>a>i{font-style:normal;color:#69D7D0;font-weight:900}
body[data-page="footprints"] .footprints-rhythm-v142766{height:150px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:end;padding:12px 12px 6px;margin-bottom:16px;border:1px solid #E0EDF3;border-radius:20px;background:linear-gradient(180deg,#F9FDFF,#fff)}.footprints-rhythm-v142766 article{height:125px;display:grid;grid-template-rows:18px 1fr 16px;gap:5px;text-align:center}.footprints-rhythm-v142766 b,.footprints-rhythm-v142766 small{font-size:9px;color:#77909F}.footprints-rhythm-v142766 i{display:flex;align-items:flex-end;justify-content:center;border-radius:999px;background:#EEF6FA;overflow:hidden}.footprints-rhythm-v142766 i em{width:100%;min-height:4px;border-radius:999px;background:linear-gradient(180deg,#8EDFF0,#69D7D0)}
body[data-page="footprints"] .footprints-timeline-list-v142766{max-height:520px;overflow:auto;padding-right:6px}
body[data-page="footprints"] .footprints-world-grid-v142766{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.footprints-world-grid-v142766 article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px;border:1px solid #DFEDF3;border-radius:18px;background:linear-gradient(145deg,#fff,#F4FCFB)}.footprints-world-grid-v142766 article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#EAF9FC}.footprints-world-grid-v142766 b{display:block;color:#274C64}.footprints-world-grid-v142766 small{color:#79929F;font-size:10px}.footprints-world-grid-v142766 em{font-style:normal;color:#7B69C9;font-size:11px;font-weight:900}

@media(max-width:1180px){.footprint-preview-levels-v142766,body[data-page="footprints"] .footprints-level-rail-v142766{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="footprints"] .footprints-world-grid-v142766{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.preview-map-bottom-v142766{grid-template-columns:1fr 1fr}.preview-map-bottom-v142766>button{grid-column:1/-1}.preview-map-route-card-v142766{max-width:70%;min-width:280px}body[data-page="footprints"] .footprints-map-toolbar-v142766{align-items:flex-start;flex-direction:column}.footprints-view-toggle-v142766{width:100%;justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.footprints-view-toggle-v142766 button{flex:0 0 auto}.footprints-map-summary-v142766{grid-template-columns:1fr 1fr}.footprints-map-summary-v142766 article:first-child{grid-column:1/-1}.footprints-route-grid-v142766{grid-template-columns:1fr}body[data-page="footprints"] .footprints-map-v142766{min-height:420px}}
@media(max-width:620px){.footprint-preview-levels-v142766,body[data-page="footprints"] .footprints-level-rail-v142766{grid-template-columns:1fr}.preview-map-route-card-v142766{left:10px;right:10px;bottom:10px;max-width:none;min-width:0;grid-template-columns:32px minmax(0,1fr)}.preview-map-route-card-v142766>button{display:none}.preview-map-bottom-v142766{grid-template-columns:1fr}.preview-map-bottom-v142766>button{grid-column:auto}.footprints-map-summary-v142766{grid-template-columns:1fr}.footprints-map-summary-v142766 article:first-child{grid-column:auto}body[data-page="footprints"] .footprints-world-grid-v142766{grid-template-columns:1fr}body[data-page="footprints"] .footprints-map-toolbar-v142766,body[data-page="footprints"] .footprints-section-v142766{padding-left:15px;padding-right:15px}body[data-page="footprints"] .footprints-map-panel-v142766{padding-left:12px;padding-right:12px}.footprints-rhythm-v142766{gap:4px;padding-left:7px;padding-right:7px}.footprints-rhythm-v142766 b{font-size:7px}}

/* TRIPLOOM V14.27.67 — Trip Maker tools + income dashboard */
body[data-page="creator_analytics"] .content,
body[data-page="trip_maker_income"] .content,
body[data-page="creator_booking"] .content{--tm-blue:#8EDFF0;--tm-mint:#69D7D0;--tm-ink:#173D58;--tm-muted:#6D8999}
.trip-maker-hero-v142767{position:relative;overflow:hidden;background:linear-gradient(135deg,#EDFAFF 0%,#F4FCFB 54%,#EFFCF8 100%)!important;border:1px solid #D4EAF5!important;border-radius:28px!important;padding:28px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;box-shadow:0 16px 36px rgba(43,105,145,.075)!important}
.trip-maker-hero-v142767:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-70px;top:-80px;background:radial-gradient(circle,rgba(79,210,192,.2),transparent 68%);pointer-events:none}
.trip-maker-hero-actions-v142767{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.trip-maker-hero-actions-v142767>strong{padding:11px 14px;border-radius:999px;background:#fff;border:1px solid #D4E8F3;color:#249D98;font-size:12px;letter-spacing:.04em}
.trip-maker-hero-actions-v142767 .btn{display:inline-flex;align-items:center;gap:8px}
.trip-maker-hero-actions-v142767 .icon-svg{width:15px;height:15px}
.trip-maker-range-v142767{margin:14px 0!important}
.trip-maker-kpis-v142767{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.trip-maker-kpis-v142767 article{border:1px solid #DCEBF3!important;background:linear-gradient(145deg,#fff,#F4FCFB)!important;box-shadow:0 8px 20px rgba(36,94,130,.045)!important}
.trip-maker-growth-v142767{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 18px}
.trip-maker-growth-v142767 article{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid #D7EAF3;border-radius:22px;background:linear-gradient(145deg,#fff,#F6FBFF);box-shadow:0 9px 22px rgba(35,94,130,.05)}
.trip-maker-growth-v142767 article>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#EAF9FC;color:#8EDFF0;border:1px solid #D7EBF6;flex:0 0 auto}
.trip-maker-growth-v142767 .icon-svg{width:19px;height:19px}
.trip-maker-growth-v142767 small{display:block;color:#5487A1;font-weight:800;font-size:10px;letter-spacing:.12em}
.trip-maker-growth-v142767 b{display:block;color:var(--tm-ink);font-size:25px;line-height:1.2;margin:3px 0}
.trip-maker-growth-v142767 em{display:block;color:var(--tm-muted);font-size:12px;font-style:normal}
.trip-maker-dashboard-grid-v142767{display:grid;grid-template-columns:1.55fr .85fr;gap:16px;margin-bottom:16px}
.trip-maker-booking-panel-v142767{margin-bottom:16px!important}
.trip-maker-booking-summary-v142767{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.trip-maker-booking-summary-v142767>span{padding:16px;border:1px solid #DCEBF2;background:#F4FCFB;border-radius:18px}
.trip-maker-booking-summary-v142767 b{display:block;font-size:21px;color:var(--tm-ink)}
.trip-maker-booking-summary-v142767 small{display:block;margin-top:4px;color:var(--tm-muted)}
.trip-maker-booking-list-v142767{display:grid;gap:9px}
.trip-maker-booking-list-v142767 article{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;border:1px solid #E1EDF3;border-radius:16px;background:#fff}
.trip-maker-booking-list-v142767 article b,.trip-maker-booking-list-v142767 article small{display:block}
.trip-maker-booking-list-v142767 article small{color:#718B99;margin-top:3px}
.trip-maker-booking-list-v142767 article strong{color:#249D98;white-space:nowrap}
.trip-maker-world-v142767{margin-top:0!important}

.trip-maker-income-hero-v142767{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px;padding:28px;border-radius:30px;border:1px solid #D3E9F3;background:linear-gradient(135deg,#EEFAFF 0%,#F4FCFB 56%,#EFFCF8 100%);box-shadow:0 16px 38px rgba(40,102,141,.075);margin-bottom:15px}
.trip-maker-income-hero-v142767:after{content:"";position:absolute;right:-60px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(63,207,184,.2),transparent 70%);pointer-events:none}
.trip-maker-income-hero-v142767 h2{font-size:30px;margin:5px 0 8px;color:var(--tm-ink)}
.trip-maker-income-hero-v142767 p{max-width:850px;color:#668394;line-height:1.55}
.trip-maker-income-tags-v142767{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.trip-maker-income-tags-v142767 span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;border:1px solid #D6EAF3;background:rgba(255,255,255,.82);color:#47758D;font-weight:700;font-size:12px}
.trip-maker-income-tags-v142767 .icon-svg{width:14px;height:14px}
.trip-maker-income-rate-v142767{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:24px;background:linear-gradient(145deg,#fff,#F4FCFB);border:1px solid #D4E7F1;box-shadow:0 12px 26px rgba(42,101,138,.07);padding:20px}
.trip-maker-income-rate-v142767 small{font-size:10px;letter-spacing:.13em;color:#638DA2;font-weight:800}
.trip-maker-income-rate-v142767 b{font-size:46px;line-height:1;color:#249D98;margin:7px 0}
.trip-maker-income-rate-v142767 span{font-weight:800;color:#249D98}
.trip-maker-income-rate-v142767 em{margin-top:10px;font-style:normal;font-size:11px;color:#C96C38;background:#FFF4D8;border:1px solid #F2D392;border-radius:999px;padding:6px 10px}
.trip-maker-income-kpis-v142767{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:14px 0 16px}
.trip-maker-income-kpis-v142767 article{padding:17px;border-radius:20px;border:1px solid #DBEAF2;background:linear-gradient(145deg,#fff,#F4FCFB);box-shadow:0 8px 20px rgba(38,96,132,.045)}
.trip-maker-income-kpis-v142767 b{display:block;font-size:22px;color:var(--tm-ink);line-height:1.15}
.trip-maker-income-kpis-v142767 small{display:block;color:#718D9C;margin-top:5px}
.trip-maker-income-flow-v142767{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:9px;padding:18px!important;margin-bottom:16px!important}
.trip-maker-income-flow-v142767>div{padding:14px;border-radius:18px;background:#F4FCFB;border:1px solid #DEEDF4;min-height:92px}
.trip-maker-income-flow-v142767>div span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#EAF9FC;color:#69D7D0;font-weight:800;font-size:11px;margin-bottom:8px}
.trip-maker-income-flow-v142767>div b,.trip-maker-income-flow-v142767>div small{display:block}
.trip-maker-income-flow-v142767>div b{color:#274F67}
.trip-maker-income-flow-v142767>div small{color:#7B939F;margin-top:4px;line-height:1.35}
.trip-maker-income-flow-v142767>i{font-style:normal;color:#66A8C4;font-weight:800}
.trip-maker-income-toolbar-v142767{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:16px 0 10px}
.trip-maker-income-toolbar-v142767>div b,.trip-maker-income-toolbar-v142767>div span{display:block}.trip-maker-income-toolbar-v142767>div b{font-size:18px;color:var(--tm-ink)}.trip-maker-income-toolbar-v142767>div span{color:#77909D;font-size:12px;margin-top:3px}
.trip-maker-income-toolbar-v142767 nav{display:flex;flex-wrap:wrap;gap:8px}.trip-maker-income-toolbar-v142767 nav a{padding:9px 12px;border-radius:999px;border:1px solid #D7E9F2;background:#fff;color:#5B7E92;font-weight:700;font-size:12px}.trip-maker-income-toolbar-v142767 nav a.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#8EDFF0,#69D7D0);box-shadow:0 8px 18px rgba(53,166,232,.2)}
.trip-maker-income-table-panel-v142767{padding:0!important;overflow:hidden}.trip-maker-income-table-wrap-v142767{overflow:auto}.trip-maker-income-table-v142767{width:100%;border-collapse:collapse;min-width:1080px}.trip-maker-income-table-v142767 th{padding:13px 14px;text-align:left;background:#F1F9FC;color:#4D7890;font-size:11px;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #DCEAF1}.trip-maker-income-table-v142767 td{padding:14px;border-bottom:1px solid #E4EEF3;color:#496B7E;vertical-align:middle}.trip-maker-income-table-v142767 tbody tr:last-child td{border-bottom:0}.trip-maker-income-table-v142767 td:first-child{min-width:230px}.trip-maker-income-table-v142767 td:first-child b,.trip-maker-income-table-v142767 td:first-child small{display:block}.trip-maker-income-table-v142767 td:first-child small{margin-top:4px;color:#879AA5}.trip-maker-income-table-v142767 td strong{color:#249D98;white-space:nowrap}
.trip-maker-income-status-v142767{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.trip-maker-income-status-v142767.pending{background:#FFF6DF;color:#C96C38;border:1px solid #F2D89A}.trip-maker-income-status-v142767.confirmed{background:#EAF9FC;color:#69D7D0;border:1px solid #CFE8F5}.trip-maker-income-status-v142767.paid{background:#EAFAF3;color:#4B9A60;border:1px solid #CAECD9}.trip-maker-income-status-v142767.cancelled{background:#FFF0F0;color:#B83B49;border:1px solid #F1D0D0}
.trip-maker-income-empty-v142767{padding:38px 20px;text-align:center}.trip-maker-income-empty-v142767 .icon-svg{width:34px;height:34px;color:#6AAAC3}.trip-maker-income-empty-v142767 b{display:block;font-size:17px;color:#385F75;margin:10px 0 5px}.trip-maker-income-empty-v142767 p{margin:0;color:#7E949F}
.trip-maker-income-policy-v142767{margin-top:16px!important}.trip-maker-income-policy-v142767 .booking-rate-example-v142726{margin-top:12px}
@media(max-width:1250px){.trip-maker-kpis-v142767{grid-template-columns:repeat(4,minmax(0,1fr))!important}.trip-maker-income-kpis-v142767{grid-template-columns:repeat(3,minmax(0,1fr))}.trip-maker-income-flow-v142767{grid-template-columns:repeat(5,minmax(0,1fr))}.trip-maker-income-flow-v142767>i{display:none}}
@media(max-width:900px){.trip-maker-hero-v142767{align-items:flex-start!important;flex-direction:column!important}.trip-maker-dashboard-grid-v142767{grid-template-columns:1fr}.trip-maker-growth-v142767{grid-template-columns:1fr}.trip-maker-booking-summary-v142767{grid-template-columns:repeat(2,minmax(0,1fr))}.trip-maker-income-hero-v142767{grid-template-columns:1fr}.trip-maker-income-rate-v142767{align-items:flex-start;text-align:left}.trip-maker-income-flow-v142767{grid-template-columns:repeat(2,minmax(0,1fr))}.trip-maker-income-toolbar-v142767{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.trip-maker-kpis-v142767{grid-template-columns:repeat(2,minmax(0,1fr))!important}.trip-maker-booking-summary-v142767,.trip-maker-income-kpis-v142767,.trip-maker-income-flow-v142767{grid-template-columns:1fr}.trip-maker-income-hero-v142767{padding:20px}.trip-maker-income-hero-v142767 h2{font-size:25px}.trip-maker-income-toolbar-v142767 nav{width:100%}.trip-maker-income-toolbar-v142767 nav a{flex:1 1 42%;text-align:center}}

/* TRIPLOOM V14.27.68 — Journey tab bar follows the official Level privilege matrix. */
@media (min-width:1181px){
  .journey-subnav-v142744{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .journey-subnav-v142744 a{
    min-height:56px!important;
    padding-inline:6px!important;
    gap:6px!important;
  }
  .journey-subnav-v142744 a b{
    font-size:9.3px!important;
    line-height:1.12!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  .journey-subnav-v142744 .journey-tab-icon-v142735{
    width:30px!important;height:30px!important;flex-basis:30px!important;
  }
}
.journey-subnav-v142744 a:nth-child(10) .journey-tab-icon-v142735{color:#69D7D0!important;background:linear-gradient(145deg,#F8FAFF,#EDF1FF)!important;border-color:#D9E0FB!important}
.journey-subnav-v142744 a:nth-child(11) .journey-tab-icon-v142735{color:#7D69DF!important;background:linear-gradient(145deg,#FBF9FF,#EAF9FC)!important;border-color:#E0DBFB!important}
.journey-subnav-v142744 a:nth-child(12) .journey-tab-icon-v142735{color:#FF9B5E!important;background:linear-gradient(145deg,#FFFAF5,#FFF2E7)!important;border-color:#F1DCC8!important}
.journey-subnav-v142744 a.active .journey-tab-icon-v142735{color:#fff!important;border-color:transparent!important;background:linear-gradient(145deg,#8EDFF0,#8EDFF0)!important}
@media(max-width:1180px){
  .journey-subnav-v142744 a{min-width:134px!important}
}

/* TRIPLOOM V14.27.69 — Trip Maker previews + 11-tab navigation (AI is contextual, not a standalone tab). */
@media (min-width:1181px){
  .journey-subnav-v142744{grid-template-columns:repeat(11,minmax(0,1fr))!important}
}
.journey-subnav-v142744 a:nth-child(10) .journey-tab-icon-v142735{color:#7D69DF!important;background:linear-gradient(145deg,#FBF9FF,#EAF9FC)!important;border-color:#E0DBFB!important}
.journey-subnav-v142744 a:nth-child(11) .journey-tab-icon-v142735{color:#FF9B5E!important;background:linear-gradient(145deg,#FFFAF5,#FFF2E7)!important;border-color:#F1DCC8!important}
.journey-subnav-v142744 a.active .journey-tab-icon-v142735{color:#fff!important;border-color:transparent!important;background:linear-gradient(145deg,#8EDFF0,#8EDFF0)!important}

/* Shared locked preview surfaces */
.tm-preview-hero-v142769,.tmi-preview-hero-v142769{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;padding:28px;border:1px solid #D5E9F3;border-radius:28px;background:linear-gradient(135deg,#EEFAFF 0%,#fff 58%,#EFFCF8 100%);box-shadow:0 14px 34px rgba(39,101,138,.065);margin-bottom:14px}
.tm-preview-hero-v142769:after,.tmi-preview-hero-v142769:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;bottom:-120px;background:radial-gradient(circle,rgba(68,204,186,.23),transparent 68%);pointer-events:none}
.tm-preview-hero-v142769 h3,.tmi-preview-hero-v142769 h3{font-size:28px;line-height:1.18;margin:6px 0 9px;color:#173F5B;max-width:780px}
.tm-preview-hero-v142769 p,.tmi-preview-hero-v142769 p{color:#698795;line-height:1.55;max-width:820px;margin:0}
.tm-preview-actions-v142769{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.tm-preview-actions-v142769 button{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:13px;border:1px solid #D6E9F2;background:#fff;color:#5C7D90;font-weight:800}
.tm-preview-actions-v142769 button.primary{border-color:transparent;background:linear-gradient(135deg,#8EDFF0,#69D7D0);color:#fff;box-shadow:0 9px 18px rgba(53,168,235,.19)}
.tm-preview-actions-v142769 .icon-svg{width:15px;height:15px}
.tm-preview-score-v142769{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid #D7E8F1;border-radius:23px;background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(44,102,138,.07)}
.tm-preview-score-v142769>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#EAF9FC;color:#8EDFF0;margin-bottom:10px}.tm-preview-score-v142769>span .icon-svg{width:20px;height:20px}
.tm-preview-score-v142769 small{font-size:10px;letter-spacing:.14em;color:#6F91A2;font-weight:800}.tm-preview-score-v142769 b{font-size:43px;line-height:1;color:#214E6B;margin:6px 0}.tm-preview-score-v142769 em{font-style:normal;color:#249D98;font-size:12px;font-weight:800}.tm-preview-score-v142769 i{height:8px;border-radius:999px;background:#E9F3F8;overflow:hidden;margin-top:12px}.tm-preview-score-v142769 i strong{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8EDFF0,#69D7D0)}
.tm-preview-range-v142769{display:flex;align-items:center;gap:8px;margin:12px 0 14px;padding:6px;border:1px solid #DCEBF2;border-radius:16px;background:#F8FCFE}.tm-preview-range-v142769 button{padding:9px 13px;border:0;border-radius:11px;background:transparent;color:#648396;font-weight:800}.tm-preview-range-v142769 button.active{background:#fff;color:#69D7D0;box-shadow:0 5px 12px rgba(41,101,139,.08)}.tm-preview-range-v142769>span{margin-left:auto;padding-right:8px;color:#89A0AC;font-size:11px}
.tm-preview-kpis-v142769{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-bottom:14px}.tm-preview-kpis-v142769 article{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1px solid #DCEAF2;border-radius:17px;background:#fff}.tm-preview-kpis-v142769 article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;flex:0 0 auto}.tm-preview-kpis-v142769 article>span .icon-svg{width:16px;height:16px}.tm-preview-kpis-v142769 b{display:block;color:#234E69;font-size:18px}.tm-preview-kpis-v142769 small{display:block;color:#8196A2;font-size:10px;margin-top:2px}.tm-preview-kpis-v142769 .sky>span{background:#EAF9FC;color:#8EDFF0}.tm-preview-kpis-v142769 .mint>span{background:#EAFAF6;color:#69D7D0}.tm-preview-kpis-v142769 .violet>span{background:#EAF9FC;color:#8EDFF0}.tm-preview-kpis-v142769 .rose>span{background:#FFF0F5;color:#E46E9F}.tm-preview-kpis-v142769 .peach>span{background:#FFF5EC;color:#FF9B5E}
.tm-preview-growth-v142769{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.tm-preview-growth-v142769 article{display:flex;gap:13px;align-items:center;padding:16px;border:1px solid #DCEBF2;border-radius:20px;background:linear-gradient(145deg,#fff,#F4FCFB)}.tm-preview-growth-v142769 article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#EDF9FF;color:#8EDFF0;flex:0 0 auto}.tm-preview-growth-v142769 article>span .icon-svg{width:19px;height:19px}.tm-preview-growth-v142769 small,.tm-preview-growth-v142769 b,.tm-preview-growth-v142769 em{display:block}.tm-preview-growth-v142769 small{font-size:10px;letter-spacing:.08em;color:#7292A3;font-weight:800}.tm-preview-growth-v142769 b{font-size:23px;color:#244F69;margin:2px 0}.tm-preview-growth-v142769 em{font-style:normal;color:#6F8B99;font-size:11px}
.tm-preview-main-grid-v142769{display:grid;grid-template-columns:1.5fr .8fr;gap:14px;margin-bottom:14px}.tm-preview-card-v142769,.tm-preview-booking-v142769,.tm-preview-world-v142769,.tmi-preview-summary-v142769,.tmi-preview-table-card-v142769{border:1px solid #DBEAF2;border-radius:22px;background:linear-gradient(145deg,#fff,#F4FCFB);padding:18px;box-shadow:0 8px 22px rgba(40,98,134,.045)}
.tm-preview-card-head-v142769{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.tm-preview-card-head-v142769 h4,.tm-preview-card-v142769 h4,.tm-preview-world-v142769 h4,.tmi-preview-summary-v142769 h4{font-size:18px;color:#234B65;margin:4px 0}.tm-preview-card-head-v142769 p{margin:3px 0 0;color:#8094A0;font-size:11px}.tm-preview-card-head-v142769 button{border:1px solid #D7E9F2;background:#fff;color:#55809A;padding:8px 11px;border-radius:11px;font-weight:800;font-size:11px}
.tm-preview-card-v142769.featured>article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #E5EEF3}.tm-preview-card-v142769.featured>article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#EDF8FD;color:#69D7D0;font-weight:800;font-size:10px}.tm-preview-card-v142769.featured b,.tm-preview-card-v142769.featured small{display:block}.tm-preview-card-v142769.featured b{color:#249D98}.tm-preview-card-v142769.featured small{color:#8196A1;margin-top:3px}.tm-preview-card-v142769.featured em{font-style:normal;color:#249D98;font-weight:800}
.tm-preview-card-v142769.traffic>div{margin-top:11px}.tm-preview-card-v142769.traffic p{display:flex;justify-content:space-between;margin:0 0 5px;color:#647F8F;font-size:11px}.tm-preview-card-v142769.traffic p b{color:#249D98}.tm-preview-card-v142769.traffic i{display:block;height:7px;border-radius:999px;background:#E9F2F6;overflow:hidden}.tm-preview-card-v142769.traffic i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8EDFF0,#69D7D0)}
.tm-preview-booking-kpis-v142769{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.tm-preview-booking-kpis-v142769>span{padding:13px;border:1px solid #E0EDF3;border-radius:15px;background:#fff}.tm-preview-booking-kpis-v142769 b,.tm-preview-booking-kpis-v142769 small{display:block}.tm-preview-booking-kpis-v142769 b{font-size:19px;color:#25516B}.tm-preview-booking-kpis-v142769 small{color:#8297A2;margin-top:3px}
.tm-preview-booking-list-v142769{display:grid;gap:7px}.tm-preview-booking-list-v142769 article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:13px;background:#F8FCFE;border:1px solid #E3EDF2}.tm-preview-booking-list-v142769 b,.tm-preview-booking-list-v142769 small{display:block}.tm-preview-booking-list-v142769 small{color:#8398A3;margin-top:2px}.tm-preview-booking-list-v142769 strong{color:#249D98;white-space:nowrap}
.tm-preview-world-v142769{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:linear-gradient(135deg,#F7F5FF,#F4FCFB 50%,#EFFBF8)}.tm-preview-world-v142769>div:first-child{display:flex;align-items:center;gap:13px}.tm-preview-world-v142769>div:first-child>span{font-size:30px}.tm-preview-world-v142769 p{margin:0;color:#718B99}.tm-preview-world-v142769>div:last-child{display:flex;gap:9px}.tm-preview-world-v142769 article{min-width:110px;padding:12px;border:1px solid #E0E6F4;border-radius:15px;background:#fff}.tm-preview-world-v142769 article b,.tm-preview-world-v142769 article small{display:block}.tm-preview-world-v142769 article b{font-size:20px;color:#6657DE}.tm-preview-world-v142769 article small{color:#8795A2;margin-top:3px}

/* Income preview */
.tmi-preview-hero-v142769>aside{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #D7E8F1;border-radius:22px;background:rgba(255,255,255,.91);padding:20px}.tmi-preview-hero-v142769>aside small{font-size:10px;letter-spacing:.13em;color:#6E91A1;font-weight:800}.tmi-preview-hero-v142769>aside b{font-size:33px;color:#249D98;margin:7px 0}.tmi-preview-hero-v142769>aside span{color:#668797;font-size:11px}.tmi-preview-hero-v142769>aside em{font-style:normal;margin-top:10px;padding:6px 9px;border-radius:999px;background:#F0EDFF;color:#8EDFF0;font-size:10px;font-weight:800}
.tmi-preview-tags-v142769{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tmi-preview-tags-v142769 span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid #D8EAF2;background:#fff;color:#537B90;font-size:11px;font-weight:800}.tmi-preview-tags-v142769 .icon-svg{width:14px;height:14px}
.tmi-preview-kpis-v142769{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.tmi-preview-kpis-v142769 article{padding:15px;border:1px solid #DCEAF2;border-radius:18px;background:#fff}.tmi-preview-kpis-v142769 b,.tmi-preview-kpis-v142769 small{display:block}.tmi-preview-kpis-v142769 b{font-size:20px;color:#24506A}.tmi-preview-kpis-v142769 small{color:#8397A2;margin-top:4px}.tmi-preview-kpis-v142769 .sky{background:#F4FCFB}.tmi-preview-kpis-v142769 .mint{background:#F4FCF9}.tmi-preview-kpis-v142769 .violet{background:#FAF8FF}.tmi-preview-kpis-v142769 .peach{background:#FFF9F3}.tmi-preview-kpis-v142769 .rose{background:#FFF7FA}.tmi-preview-kpis-v142769 .green{background:#F4FBF7}
.tmi-preview-flow-v142769{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:7px;padding:17px;border:1px solid #DCEAF2;border-radius:22px;background:#fff;margin-bottom:14px}.tmi-preview-flow-v142769>div{padding:12px;border-radius:15px;background:#F8FCFE;border:1px solid #E2EDF2;min-height:86px}.tmi-preview-flow-v142769>div span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#EAF9FC;color:#69D7D0;font-size:10px;font-weight:800;margin-bottom:7px}.tmi-preview-flow-v142769>div b,.tmi-preview-flow-v142769>div small{display:block}.tmi-preview-flow-v142769>div b{color:#249D98}.tmi-preview-flow-v142769>div small{color:#8497A1;margin-top:3px;line-height:1.3}.tmi-preview-flow-v142769>i{font-style:normal;color:#6FA8C0;font-weight:900}
.tmi-preview-summary-v142769{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.tmi-preview-summary-v142769 p{margin:0;color:#7D929E}.tmi-preview-summary-v142769>div:last-child{display:flex;gap:8px}.tmi-preview-summary-v142769>div:last-child span{min-width:100px;padding:10px;border-radius:14px;text-align:center;border:1px solid #DDEAF1;background:#fff}.tmi-preview-summary-v142769>div:last-child b,.tmi-preview-summary-v142769>div:last-child small{display:block}.tmi-preview-summary-v142769>div:last-child b{font-size:19px}.tmi-preview-summary-v142769 .pending b{color:#C96C38}.tmi-preview-summary-v142769 .confirmed b{color:#69D7D0}.tmi-preview-summary-v142769 .paid b{color:#4B9A60}.tmi-preview-summary-v142769 .cancelled b{color:#B95C5C}
.tmi-preview-table-card-v142769{padding:0;overflow:hidden}.tmi-preview-table-card-v142769>.tm-preview-card-head-v142769{padding:16px 17px 5px}.tmi-preview-table-card-v142769 nav{display:flex;gap:6px;flex-wrap:wrap}.tmi-preview-table-card-v142769 nav button{border:1px solid #DCE9F1;background:#fff;color:#6A8494;padding:7px 9px;border-radius:999px;font-size:10px;font-weight:800}.tmi-preview-table-card-v142769 nav button.active{background:#EAF9FC;color:#69D7D0;border-color:#CEE8F6}.tmi-preview-table-wrap-v142769{overflow:auto}.tmi-preview-table-wrap-v142769 table{width:100%;min-width:980px;border-collapse:collapse}.tmi-preview-table-wrap-v142769 th{padding:10px 12px;background:#F4FAFC;text-align:left;color:#628396;font-size:10px;white-space:nowrap;border-top:1px solid #E0EBF1;border-bottom:1px solid #E0EBF1}.tmi-preview-table-wrap-v142769 td{padding:12px;border-bottom:1px solid #E7EEF2;color:#567586}.tmi-preview-table-wrap-v142769 td:first-child b,.tmi-preview-table-wrap-v142769 td:first-child small{display:block}.tmi-preview-table-wrap-v142769 td:first-child small{color:#899AA3;margin-top:2px}.tmi-preview-table-wrap-v142769 td strong{color:#249D98;white-space:nowrap}.tmi-preview-table-wrap-v142769 td:last-child span{display:inline-flex;padding:6px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.tmi-preview-table-wrap-v142769 .paid{background:#EAF9F2;color:#4B9A60}.tmi-preview-table-wrap-v142769 .confirmed{background:#EAF7FD;color:#69D7D0}.tmi-preview-table-wrap-v142769 .pending{background:#FFF6DF;color:#C96C38}
.tmi-preview-note-v142769{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:18px;border:1px solid #F0DCA7;background:#FFF9E9}.tmi-preview-note-v142769>span{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#FFF1CC;color:#C96C38}.tmi-preview-note-v142769 .icon-svg{width:18px;height:18px}.tmi-preview-note-v142769 b,.tmi-preview-note-v142769 p{display:block}.tmi-preview-note-v142769 p{margin:3px 0 0;color:#7D8F96}.tmi-preview-note-v142769 em{margin-left:auto;white-space:nowrap;font-style:normal;font-weight:900;color:#7B62D4;background:#EAF9FC;border-radius:999px;padding:7px 10px}

/* Actual Trip Maker pages: strengthen hierarchy without changing logic. */
body[data-page="creator_analytics"] .creator-analytics-hero-v142726,body[data-page="trip_maker_income"] .trip-maker-income-hero-v142767{border-radius:28px!important;box-shadow:0 14px 34px rgba(39,101,138,.065)!important}
body[data-page="creator_analytics"] .trip-maker-kpis-v142767 article:nth-child(4n+1){background:#F4FCFB!important}body[data-page="creator_analytics"] .trip-maker-kpis-v142767 article:nth-child(4n+2){background:#F4FCF9!important}body[data-page="creator_analytics"] .trip-maker-kpis-v142767 article:nth-child(4n+3){background:#FAF8FF!important}body[data-page="creator_analytics"] .trip-maker-kpis-v142767 article:nth-child(4n){background:#FFF8F3!important}

@media(max-width:1250px){.tm-preview-kpis-v142769{grid-template-columns:repeat(4,minmax(0,1fr))}.tmi-preview-kpis-v142769{grid-template-columns:repeat(3,minmax(0,1fr))}.tmi-preview-flow-v142769{grid-template-columns:repeat(5,minmax(0,1fr))}.tmi-preview-flow-v142769>i{display:none}}
@media(max-width:900px){.tm-preview-hero-v142769,.tmi-preview-hero-v142769{grid-template-columns:1fr}.tm-preview-main-grid-v142769{grid-template-columns:1fr}.tm-preview-growth-v142769{grid-template-columns:1fr}.tm-preview-world-v142769{grid-template-columns:1fr}.tm-preview-world-v142769>div:last-child{flex-wrap:wrap}.tmi-preview-summary-v142769{align-items:flex-start;flex-direction:column}.tmi-preview-summary-v142769>div:last-child{flex-wrap:wrap}.tmi-preview-flow-v142769{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.tm-preview-hero-v142769,.tmi-preview-hero-v142769{padding:20px}.tm-preview-hero-v142769 h3,.tmi-preview-hero-v142769 h3{font-size:23px}.tm-preview-kpis-v142769{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-preview-booking-kpis-v142769,.tmi-preview-kpis-v142769,.tmi-preview-flow-v142769{grid-template-columns:1fr}.tm-preview-range-v142769{overflow:auto}.tm-preview-range-v142769>span{display:none}.tmi-preview-summary-v142769>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.tmi-preview-summary-v142769>div:last-child span{min-width:0}.tmi-preview-note-v142769{align-items:flex-start}.tmi-preview-note-v142769 em{display:none}}


/* TRIPLOOM V14.27.70 — Trip Maker WOW refresh with donut/column visuals. */
.tm-preview-hero-wow-v142770,.trip-maker-hero-wow-v142770{position:relative;overflow:hidden}
.tm-preview-hero-wow-v142770:before,.trip-maker-hero-wow-v142770:before{content:"";position:absolute;inset:auto auto -80px -80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(87,184,255,.16),transparent 70%);pointer-events:none}
.tm-preview-hero-chips-v142770,.trip-maker-hero-chips-v142770{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tm-preview-hero-chips-v142770 span,.trip-maker-hero-chips-v142770 span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(255,255,255,.82);border:1px solid rgba(185,221,236,.95);color:#51788D;box-shadow:0 6px 14px rgba(63,134,176,.05)}
.tm-preview-score-wow-v142770{background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(243,249,255,.95))!important;box-shadow:0 18px 34px rgba(49,108,147,.12)!important}
.tm-preview-score-foot-v142770{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}.tm-preview-score-foot-v142770 span{padding:6px 9px;border-radius:999px;background:#F4FCFB;border:1px solid #D8EBF4;color:#557F95;font-size:10px;font-weight:800}
.tm-preview-kpis-wow-v142770 article{box-shadow:0 10px 22px rgba(51,108,144,.06)!important}
.tm-preview-viz-grid-v142770,.trip-maker-visuals-v142770{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;margin:16px 0}
.tm-preview-chart-card-v142770,.trip-maker-chart-card-v142770{padding:18px;border:1px solid #D8E8F1;border-radius:26px;background:linear-gradient(155deg,#FFFFFF,#F4FCFB 50%,#F6FFFC);box-shadow:0 16px 34px rgba(49,108,147,.07)}
.tm-preview-card-head-v142769,.trip-maker-chart-head-v142770{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.tm-preview-mini-badge-v142770,.trip-maker-chart-head-v142770>span{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#EFF7FF;border:1px solid #D6EAF7;color:#5D84A0;font-size:10px;font-weight:800;white-space:nowrap}
.tm-preview-donut-wrap-v142770,.trip-maker-donut-wrap-v142770{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center;margin-top:12px}
.tm-preview-donut-v142770,.trip-maker-donut-v142770{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 16px 30px rgba(75,122,155,.12)}
.tm-preview-donut-v142770:before,.trip-maker-donut-v142770:before{content:"";position:absolute;inset:24px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #E5EFF5}
.tm-preview-donut-v142770>div,.trip-maker-donut-v142770>div{position:relative;z-index:1;text-align:center;padding:0 18px}.tm-preview-donut-v142770 b,.trip-maker-donut-v142770 b{display:block;font-size:31px;color:#2A536B;line-height:1}.tm-preview-donut-v142770 small,.trip-maker-donut-v142770 small{display:block;margin-top:5px;color:#7C93A0;font-weight:700}
.tm-preview-donut-legend-v142770,.trip-maker-donut-legend-v142770{display:grid;gap:8px}.tm-preview-donut-legend-v142770>div,.trip-maker-donut-legend-v142770>div{display:grid;grid-template-columns:12px 1fr auto auto;align-items:center;gap:10px;padding:9px 11px;border-radius:16px;border:1px solid #E2EDF3;background:#fff}.tm-preview-donut-legend-v142770 i,.trip-maker-donut-legend-v142770 i{display:block;width:12px;height:12px;border-radius:50%}.tm-preview-donut-legend-v142770 span,.trip-maker-donut-legend-v142770 span{color:#4B6F84;font-weight:700}.tm-preview-donut-legend-v142770 b,.trip-maker-donut-legend-v142770 b{color:#244F68;font-size:14px}.tm-preview-donut-legend-v142770 small,.trip-maker-donut-legend-v142770 small{color:#8A9AA5;font-weight:700}
.tm-preview-columns-v142770,.trip-maker-columns-v142770{height:230px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin-top:14px;padding:16px 6px 4px;border-radius:20px;background:linear-gradient(180deg,rgba(239,248,255,.85),rgba(247,252,255,.2));border:1px solid #E1EDF4}
.tm-preview-columns-v142770>div,.trip-maker-columns-v142770>div{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:flex-end;height:100%}.tm-preview-columns-v142770 i,.trip-maker-columns-v142770 i{display:block;width:100%;max-width:86px;min-height:28px;border-radius:18px 18px 10px 10px;box-shadow:0 12px 24px rgba(76,126,160,.16)}.tm-preview-columns-v142770 b,.trip-maker-columns-v142770 b{font-size:16px;color:#244F68}.tm-preview-columns-v142770 small,.trip-maker-columns-v142770 small{color:#8096A2;font-weight:700}
.tm-preview-chart-note-v142770,.trip-maker-chart-note-v142770{margin:12px 0 0;color:#748D9A;font-size:12px;line-height:1.5}
.tm-preview-main-grid-wow-v142770 .featured,.trip-maker-top-card-v142770,.tm-preview-traffic-wow-v142770,.trip-maker-traffic-card-v142770,.tm-preview-booking-wow-v142770,.trip-maker-booking-wow-v142770{border-radius:24px;background:linear-gradient(155deg,#FFFFFF,#F4FCFB 52%,#F5FFFC);box-shadow:0 14px 30px rgba(50,109,145,.06)}
.tm-preview-main-grid-wow-v142770 .featured article,.trip-maker-top-card-v142770 .analytics-top-v142726 a{position:relative;overflow:hidden}
.tm-preview-main-grid-wow-v142770 .featured article:after{content:"";position:absolute;right:-30px;bottom:-34px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(82,211,177,.12),transparent 68%)}
.tm-preview-traffic-wow-v142770>div,.trip-maker-traffic-row-v142770{margin-top:11px}.tm-preview-traffic-wow-v142770 p,.trip-maker-traffic-row-v142770 p{display:flex;justify-content:space-between;gap:12px;margin:0 0 5px;color:#647F8F;font-size:11px}.tm-preview-traffic-wow-v142770 p b,.trip-maker-traffic-row-v142770 p b{color:#249D98}.tm-preview-traffic-wow-v142770 i,.trip-maker-traffic-row-v142770 i{display:block;height:8px;border-radius:999px;background:#E9F2F6;overflow:hidden}.tm-preview-traffic-wow-v142770 i em,.trip-maker-traffic-row-v142770 i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8EDFF0,#73C98A,#8B7BFF)}
.trip-maker-hero-wow-v142770{display:grid!important;grid-template-columns:minmax(0,1fr) auto 220px;align-items:end!important}.trip-maker-hero-score-v142770{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 18px;border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(245,250,255,.95));border:1px solid #D7E8F1;box-shadow:0 18px 34px rgba(52,109,145,.12)}.trip-maker-hero-score-v142770 small{font-size:10px;letter-spacing:.13em;color:#648C9F;font-weight:800}.trip-maker-hero-score-v142770 b{font-size:46px;line-height:1;color:#69D7D0;margin:6px 0}.trip-maker-hero-score-v142770 span{font-weight:800;color:#249D98}.trip-maker-hero-score-v142770 i{display:block;width:100%;height:10px;border-radius:999px;background:#E8F2F8;overflow:hidden;margin:12px 0 9px}.trip-maker-hero-score-v142770 i strong{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8EDFF0,#73C98A,#8B7BFF)}.trip-maker-hero-score-v142770 em{font-style:normal;color:#6E8898;font-size:11px;line-height:1.45}
.trip-maker-top-card-v142770 .analytics-top-v142726 a{border-radius:18px!important;border:1px solid #E0EBF2!important;background:#fff!important;box-shadow:0 8px 18px rgba(48,107,144,.04)}.trip-maker-top-card-v142770 .analytics-top-v142726 a:nth-child(1){background:linear-gradient(135deg,#F4FCFB,#F6FFFC)!important}.trip-maker-top-card-v142770 .analytics-top-v142726 a:nth-child(2){background:linear-gradient(135deg,#FDF9FF,#F4FCFB)!important}.trip-maker-top-card-v142770 .analytics-top-v142726 a:nth-child(3){background:linear-gradient(135deg,#FFFAF5,#F4FCFB)!important}
.trip-maker-booking-wow-v142770 .trip-maker-booking-summary-v142767>span{background:linear-gradient(145deg,#FFFFFF,#F4FCFB)!important;box-shadow:0 8px 18px rgba(47,105,142,.04)}.trip-maker-booking-wow-v142770 .trip-maker-booking-list-v142767 article{border-radius:16px;background:linear-gradient(145deg,#FFFFFF,#F4FCFB);box-shadow:0 8px 18px rgba(47,105,142,.04)}
@media(max-width:1250px){.tm-preview-viz-grid-v142770,.trip-maker-visuals-v142770{grid-template-columns:1fr}.trip-maker-hero-wow-v142770{grid-template-columns:1fr 1fr}.trip-maker-hero-score-v142770{grid-column:1/-1}.tm-preview-donut-wrap-v142770,.trip-maker-donut-wrap-v142770{grid-template-columns:1fr}}
@media(max-width:900px){.trip-maker-hero-wow-v142770{grid-template-columns:1fr}.tm-preview-donut-v142770,.trip-maker-donut-v142770{margin:0 auto}.tm-preview-donut-wrap-v142770,.trip-maker-donut-wrap-v142770{gap:14px}.tm-preview-hero-chips-v142770,.trip-maker-hero-chips-v142770{gap:6px}}
@media(max-width:620px){.tm-preview-viz-grid-v142770,.trip-maker-visuals-v142770{margin:14px 0}.tm-preview-chart-card-v142770,.trip-maker-chart-card-v142770{padding:15px;border-radius:20px}.tm-preview-donut-v142770,.trip-maker-donut-v142770{width:160px;height:160px}.tm-preview-donut-v142770:before,.trip-maker-donut-v142770:before{inset:21px}.tm-preview-donut-wrap-v142770,.trip-maker-donut-wrap-v142770{grid-template-columns:1fr}.tm-preview-donut-legend-v142770>div,.trip-maker-donut-legend-v142770>div{grid-template-columns:12px 1fr auto}.tm-preview-donut-legend-v142770 small,.trip-maker-donut-legend-v142770 small{grid-column:2 / -1}.tm-preview-columns-v142770,.trip-maker-columns-v142770{height:200px;gap:10px}.trip-maker-hero-score-v142770 b{font-size:38px}}


/* TRIPLOOM V14.27.71 — Trip Maker chart display safeguard */
.tm-preview-viz-grid-v142770{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
.tm-preview-chart-card-v142770{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
}
.tm-preview-donut-wrap-v142770{
  display:grid!important;
  grid-template-columns:200px minmax(0,1fr)!important;
  align-items:center!important;
}
.tm-preview-donut-v142770{
  display:grid!important;
  width:180px!important;
  height:180px!important;
  min-width:180px!important;
  min-height:180px!important;
  max-width:180px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  overflow:visible!important;
  place-items:center!important;
}
.tm-preview-donut-legend-v142770{
  display:grid!important;
}
.tm-preview-columns-v142770{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  height:230px!important;
  align-items:end!important;
}
@media(max-width:1250px){
  .tm-preview-viz-grid-v142770{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .tm-preview-donut-wrap-v142770{grid-template-columns:1fr!important}
  .tm-preview-donut-v142770{margin-inline:auto!important}
}
@media(max-width:620px){
  .tm-preview-donut-v142770{
    width:160px!important;height:160px!important;min-width:160px!important;min-height:160px!important;max-width:160px!important
  }
  .tm-preview-columns-v142770{height:200px!important}
}


/* TRIPLOOM V14.27.72 — Trip Maker cleanup: helper chips hidden; detailed Booking workspace lives only in Thu nhập Trip Maker. */
.tm-preview-hero-chips-v142770,.trip-maker-hero-chips-v142770{display:none!important}

/* TRIPLOOM V14.27.73 — Trip Maker Income WOW refresh */
.trip-maker-income-hero-wow-v142773{grid-template-columns:minmax(0,1.15fr) 220px 240px!important;align-items:stretch!important;background:linear-gradient(135deg,#ECFBFF 0%,#FFFFFF 48%,#F4FFFB 100%)!important}
.trip-maker-income-hero-wow-v142773:before{content:"";position:absolute;left:-90px;top:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(85,184,255,.16),transparent 68%);pointer-events:none}
.trip-maker-income-copy-v142773{position:relative;z-index:1}
.trip-maker-income-hero-minis-v142773{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.trip-maker-income-hero-minis-v142773 article,.tmi-preview-minis-v142773 article{padding:14px 15px;border:1px solid #DCECF3;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 10px 22px rgba(42,101,138,.05)}
.trip-maker-income-hero-minis-v142773 small,.tmi-preview-minis-v142773 small{display:block;font-size:10px;letter-spacing:.08em;color:#6C8E9F;font-weight:800}
.trip-maker-income-hero-minis-v142773 b,.tmi-preview-minis-v142773 b{display:block;font-size:23px;line-height:1.15;color:#24506A;margin:6px 0 3px}
.trip-maker-income-hero-minis-v142773 span,.tmi-preview-minis-v142773 span{display:block;color:#79909D;font-size:11px;line-height:1.4}
.trip-maker-income-signal-v142773,.tmi-preview-signal-v142773{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:22px 20px;border-radius:24px;background:linear-gradient(155deg,#FFFDFD,#F4FCFB 52%,#EFFFFC);border:1px solid #D8E8F0;box-shadow:0 16px 32px rgba(50,109,145,.11)}
.trip-maker-income-signal-v142773 small,.tmi-preview-signal-v142773 small{font-size:10px;letter-spacing:.13em;color:#6E92A1;font-weight:800}
.trip-maker-income-signal-v142773 b,.tmi-preview-signal-v142773 b{font-size:36px;line-height:1;color:#69D7D0;margin:7px 0 5px}
.trip-maker-income-signal-v142773 span,.tmi-preview-signal-v142773 span{font-weight:800;color:#426B82}
.trip-maker-income-signal-v142773 i,.tmi-preview-signal-v142773 i{display:block;height:10px;border-radius:999px;background:#E8F3F8;overflow:hidden;margin:12px 0 10px}
.trip-maker-income-signal-v142773 i strong,.tmi-preview-signal-v142773 i strong{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8EDFF0,#73C98A,#8B7BFF)}
.trip-maker-income-signal-v142773 em,.tmi-preview-signal-v142773 em{font-style:normal;color:#718B99;font-size:11px;line-height:1.45}
.trip-maker-income-kpis-wow-v142773 article{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 15px!important;overflow:hidden;position:relative}
.trip-maker-income-kpis-wow-v142773 article:after{content:"";position:absolute;right:-20px;bottom:-24px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55),transparent 65%)}
.trip-maker-income-kpis-wow-v142773 article span{display:grid;place-items:center;min-width:42px;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.85);border:1px solid rgba(214,232,241,.9);color:#4A7E96}
.trip-maker-income-kpis-wow-v142773 article span .icon-svg{width:18px;height:18px}
.trip-maker-income-kpis-wow-v142773 article small,.trip-maker-income-kpis-wow-v142773 article b,.trip-maker-income-kpis-wow-v142773 article em{display:block}
.trip-maker-income-kpis-wow-v142773 article b{font-size:22px;color:#254E69;line-height:1.15;margin:5px 0 4px}
.trip-maker-income-kpis-wow-v142773 article small{font-size:12px;font-weight:800;color:#5F8093;text-transform:uppercase;letter-spacing:.04em}
.trip-maker-income-kpis-wow-v142773 article em{font-style:normal;color:#7F96A2;font-size:11px;line-height:1.35}
.trip-maker-income-kpis-wow-v142773 article.sky{background:linear-gradient(155deg,#F4FCFB,#FFFFFF)!important}.trip-maker-income-kpis-wow-v142773 article.mint{background:linear-gradient(155deg,#F3FFFB,#FFFFFF)!important}.trip-maker-income-kpis-wow-v142773 article.violet{background:linear-gradient(155deg,#FAF7FF,#FFFFFF)!important}.trip-maker-income-kpis-wow-v142773 article.peach{background:linear-gradient(155deg,#FFF9F3,#FFFFFF)!important}.trip-maker-income-kpis-wow-v142773 article.rose{background:linear-gradient(155deg,#FFF7FA,#FFFFFF)!important}.trip-maker-income-kpis-wow-v142773 article.green{background:linear-gradient(155deg,#F3FFF7,#FFFFFF)!important}
.trip-maker-income-visuals-v142773,.trip-maker-income-source-grid-v142773,.tmi-preview-visuals-v142773{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:16px;margin:16px 0}
.trip-maker-income-chart-v142773,.tmi-preview-chart-v142773{padding:18px;border:1px solid #D8E8F1;border-radius:26px;background:linear-gradient(155deg,#FFFFFF,#F4FCFB 50%,#F6FFFC);box-shadow:0 16px 34px rgba(49,108,147,.07)}
.trip-maker-income-chart-head-v142773{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.trip-maker-income-chart-head-v142773 h3{margin:4px 0 0;color:#234B65;font-size:19px}
.trip-maker-income-chart-head-v142773>span{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#EFF7FF;border:1px solid #D6EAF7;color:#5D84A0;font-size:10px;font-weight:800;white-space:nowrap}
.trip-maker-income-donut-wrap-v142773,.tmi-preview-donut-wrap-v142773{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center;margin-top:12px}
.trip-maker-income-donut-v142773,.tmi-preview-donut-v142773{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 16px 30px rgba(75,122,155,.12)}
.trip-maker-income-donut-v142773:before,.tmi-preview-donut-v142773:before{content:"";position:absolute;inset:24px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #E5EFF5}
.trip-maker-income-donut-v142773>div,.tmi-preview-donut-v142773>div{position:relative;z-index:1;text-align:center;padding:0 18px}
.trip-maker-income-donut-v142773 b,.tmi-preview-donut-v142773 b{display:block;font-size:31px;color:#2A536B;line-height:1}.trip-maker-income-donut-v142773 small,.tmi-preview-donut-v142773 small{display:block;margin-top:5px;color:#7C93A0;font-weight:700}
.trip-maker-income-donut-legend-v142773,.tmi-preview-donut-legend-v142773{display:grid;gap:8px}
.trip-maker-income-donut-legend-v142773>div,.tmi-preview-donut-legend-v142773>div{display:grid;grid-template-columns:12px 1fr auto auto;align-items:center;gap:10px;padding:9px 11px;border-radius:16px;border:1px solid #E2EDF3;background:#fff}
.trip-maker-income-donut-legend-v142773 i,.tmi-preview-donut-legend-v142773 i{display:block;width:12px;height:12px;border-radius:50%}
.trip-maker-income-donut-legend-v142773 span,.tmi-preview-donut-legend-v142773 span{color:#4B6F84;font-weight:700}.trip-maker-income-donut-legend-v142773 b,.tmi-preview-donut-legend-v142773 b{color:#244F68;font-size:14px}.trip-maker-income-donut-legend-v142773 small,.tmi-preview-donut-legend-v142773 small{color:#8A9AA5;font-weight:700}
.trip-maker-income-bars-v142773,.tmi-preview-bars-v142773{height:230px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;margin-top:14px;padding:16px 6px 4px;border-radius:20px;background:linear-gradient(180deg,rgba(239,248,255,.85),rgba(247,252,255,.2));border:1px solid #E1EDF4}
.trip-maker-income-bars-v142773>div,.tmi-preview-bars-v142773>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%}
.trip-maker-income-bars-v142773 i,.tmi-preview-bars-v142773 i{display:block;width:100%;max-width:86px;min-height:28px;border-radius:18px 18px 10px 10px;box-shadow:0 12px 24px rgba(76,126,160,.16);background:linear-gradient(180deg,#8EDFF0,#73C98A 60%,#8B7BFF)}
.trip-maker-income-bars-v142773 b,.tmi-preview-bars-v142773 b{font-size:15px;color:#244F68;text-align:center}.trip-maker-income-bars-v142773 small,.tmi-preview-bars-v142773 small{color:#8096A2;font-weight:700}.trip-maker-income-bars-v142773 em{font-style:normal;color:#8DA2AD;font-size:11px}.trip-maker-income-chart-note-v142773,.tmi-preview-chart-note-v142773{margin:12px 0 0;color:#748D9A;font-size:12px;line-height:1.5}
.trip-maker-income-source-card-v142773,.trip-maker-income-status-board-v142773{border-radius:24px;background:linear-gradient(155deg,#FFFFFF,#F4FCFB 52%,#F5FFFC);box-shadow:0 14px 30px rgba(50,109,145,.06)}
.trip-maker-income-source-list-v142773{display:grid;gap:10px;margin-top:12px}
.trip-maker-income-source-list-v142773 article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border-radius:18px;border:1px solid #E1EDF3;background:#fff;box-shadow:0 8px 18px rgba(48,107,144,.04)}
.trip-maker-income-source-list-v142773 article span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#EAF7FF,#F4FFFB);color:#69D7D0;font-weight:900}
.trip-maker-income-source-list-v142773 article b,.trip-maker-income-source-list-v142773 article small{display:block}.trip-maker-income-source-list-v142773 article b{color:#274F67}.trip-maker-income-source-list-v142773 article small{margin-top:3px;color:#8197A3;line-height:1.35}.trip-maker-income-source-list-v142773 article strong{color:#249D98;white-space:nowrap}
.trip-maker-income-status-grid-v142773{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}
.trip-maker-income-status-grid-v142773 article{padding:14px;border:1px solid #DFECF3;border-radius:18px;box-shadow:0 8px 18px rgba(47,105,142,.04)}
.trip-maker-income-status-grid-v142773 i{display:block;width:12px;height:12px;border-radius:50%;margin-bottom:8px}.trip-maker-income-status-grid-v142773 b{display:block;font-size:22px;color:#264E68;line-height:1.1}.trip-maker-income-status-grid-v142773 small{display:block;color:#748D99;margin-top:4px}
.trip-maker-income-flow-wow-v142773{margin:0!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}
.trip-maker-income-flow-wow-v142773>div{background:linear-gradient(145deg,#FFFFFF,#F4FCFB)!important;box-shadow:0 8px 18px rgba(47,105,142,.04)}
.tmi-preview-hero-wow-v142773{grid-template-columns:minmax(0,1.05fr) 240px 220px!important;align-items:stretch!important;background:linear-gradient(135deg,#EEFAFF 0%,#fff 48%,#F3FFFB 100%)!important}
.tmi-preview-minis-v142773{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.tmi-preview-kpis-wow-v142773 article{display:flex;align-items:center;gap:11px;padding:14px 15px!important;box-shadow:0 8px 18px rgba(47,105,142,.04)}
.tmi-preview-kpis-wow-v142773 article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.92);border:1px solid #DBEAF2;color:#4A7E96}.tmi-preview-kpis-wow-v142773 article .icon-svg{width:17px;height:17px}
.tmi-preview-kpis-wow-v142773 article b,.tmi-preview-kpis-wow-v142773 article small{display:block}.tmi-preview-kpis-wow-v142773 article b{font-size:20px;color:#24506A}.tmi-preview-kpis-wow-v142773 article small{color:#8397A2;margin-top:3px}
.tmi-preview-donut-v142773{background:conic-gradient(#FF9B5E 0 16.6%,#8EDFF0 16.6% 36.2%,#73C98A 36.2% 94.5%,#FF8FA4 94.5% 100%)}
.tmi-preview-flow-wow-v142773{background:linear-gradient(145deg,#fff,#F4FCFB)!important}
@media(max-width:1250px){.trip-maker-income-hero-wow-v142773,.tmi-preview-hero-wow-v142773{grid-template-columns:1fr 1fr!important}.trip-maker-income-copy-v142773{grid-column:1/-1}.trip-maker-income-visuals-v142773,.trip-maker-income-source-grid-v142773,.tmi-preview-visuals-v142773{grid-template-columns:1fr}.trip-maker-income-donut-wrap-v142773,.tmi-preview-donut-wrap-v142773{grid-template-columns:1fr}.trip-maker-income-donut-v142773,.tmi-preview-donut-v142773{margin-inline:auto}.trip-maker-income-status-grid-v142773{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.trip-maker-income-hero-wow-v142773,.tmi-preview-hero-wow-v142773{grid-template-columns:1fr!important}.trip-maker-income-hero-minis-v142773,.tmi-preview-minis-v142773{grid-template-columns:1fr}.trip-maker-income-rate-v142767,.trip-maker-income-signal-v142773{align-items:flex-start;text-align:left}.trip-maker-income-bars-v142773,.tmi-preview-bars-v142773{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:220px}.trip-maker-income-status-grid-v142773{grid-template-columns:repeat(2,minmax(0,1fr))}.trip-maker-income-source-list-v142773 article{grid-template-columns:38px minmax(0,1fr)}.trip-maker-income-source-list-v142773 article strong{grid-column:2}.tmi-preview-kpis-wow-v142773 article{align-items:flex-start}}
@media(max-width:620px){.trip-maker-income-donut-v142773,.tmi-preview-donut-v142773{width:160px;height:160px}.trip-maker-income-donut-v142773:before,.tmi-preview-donut-v142773:before{inset:21px}.trip-maker-income-donut-legend-v142773>div,.tmi-preview-donut-legend-v142773>div{grid-template-columns:12px 1fr auto}.trip-maker-income-donut-legend-v142773 small,.tmi-preview-donut-legend-v142773 small{grid-column:2/-1}.trip-maker-income-bars-v142773,.tmi-preview-bars-v142773{grid-template-columns:1fr 1fr}.trip-maker-income-status-grid-v142773{grid-template-columns:1fr}.tmi-preview-kpis-wow-v142773 article,.trip-maker-income-kpis-wow-v142773 article{padding:14px!important}}


/* TRIPLOOM V14.27.74 — Unified modern search field system */
:root{
  --search74-sky:#8EDFF0;
  --search74-mint:#69D7D0;
  --search74-line:#D5E7F0;
  --search74-ink:#345A70;
  --search74-muted:#8AA0AB;
  --search74-shadow:0 10px 24px rgba(45,121,166,.10);
  --search74-icon-shadow:0 10px 22px rgba(47,168,243,.22);
}
.global-search,
.search-box,
.journey-place-search-v142748,
.collections-wow-search-v142748,
.preview-collection-toolbar-wow-v142749 label{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.global-search>span,
.story-toolbar-v14 form>span{
  position:relative!important;
  z-index:2!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--search74-sky),var(--search74-mint))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:var(--search74-icon-shadow)!important;
}
.search-box>svg,
.journey-place-search-v142748>svg,
.collections-wow-search-v142748>svg,
.preview-collection-toolbar-wow-v142749 label>svg,
.big-search>svg{
  position:relative!important;
  z-index:2!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  box-sizing:border-box!important;
  padding:14px!important;
  border-radius:15px!important;
  color:#fff!important;
  stroke:currentColor!important;
  background:linear-gradient(145deg,var(--search74-sky),var(--search74-mint))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:var(--search74-icon-shadow)!important;
}
.global-search input,
.search-box input,
.journey-place-search-v142748 input,
.collections-wow-search-v142748 input,
.preview-collection-toolbar-wow-v142749 label input{
  position:relative!important;
  z-index:1!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  margin:0 0 0 -6px!important;
  padding:0 16px 0 20px!important;
  border:1px solid var(--search74-line)!important;
  border-radius:0 15px 15px 0!important;
  outline:0!important;
  background:rgba(255,255,255,.98)!important;
  color:var(--search74-ink)!important;
  box-shadow:var(--search74-shadow)!important;
  font-family:Nunito,sans-serif!important;
  font-weight:650!important;
}
.global-search input::placeholder,
.search-box input::placeholder,
.journey-place-search-v142748 input::placeholder,
.collections-wow-search-v142748 input::placeholder,
.preview-collection-toolbar-wow-v142749 label input::placeholder,
.big-search input::placeholder,
.story-toolbar-v14 form input::placeholder{color:var(--search74-muted)!important;opacity:1!important}
.global-search:focus-within>span,
.search-box:focus-within>svg,
.journey-place-search-v142748:focus-within>svg,
.collections-wow-search-v142748:focus-within>svg,
.preview-collection-toolbar-wow-v142749 label:focus-within>svg,
.big-search:focus-within>svg,
.story-toolbar-v14 form:focus-within>span{
  background:linear-gradient(145deg,#69D7D0,#69D7D0)!important;
  box-shadow:0 12px 26px rgba(38,143,232,.28)!important;
  transform:translateY(-1px)!important;
}
.global-search:focus-within input,
.search-box:focus-within input,
.journey-place-search-v142748:focus-within input,
.collections-wow-search-v142748:focus-within input,
.preview-collection-toolbar-wow-v142749 label:focus-within input,
.big-search:focus-within input,
.story-toolbar-v14 form:focus-within input{
  border-color:#9DD8EB!important;
  box-shadow:0 0 0 3px rgba(47,168,243,.08),var(--search74-shadow)!important;
}
/* Search page keeps its submit action while adopting the shared icon + field language. */
.big-search{
  height:auto!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  padding:4px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.big-search input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:48px!important;
  margin-left:-6px!important;
  padding:0 18px 0 21px!important;
  border:1px solid var(--search74-line)!important;
  border-radius:0 15px 15px 0!important;
  background:#fff!important;
  box-shadow:var(--search74-shadow)!important;
  color:var(--search74-ink)!important;
  font-weight:650!important;
}
.big-search>.btn{height:48px!important;margin-left:9px!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(47,168,243,.14)!important}
/* Story search is a combined search + type filter, so only the search pair is restyled. */
.story-toolbar-v14 form{grid-template-columns:48px minmax(0,1fr) 180px auto!important;gap:8px!important;align-items:center!important}
.story-toolbar-v14 form>span{margin-right:-14px!important}
.story-toolbar-v14 form input{
  height:48px!important;
  min-height:48px!important;
  padding:0 16px 0 20px!important;
  border:1px solid var(--search74-line)!important;
  border-radius:0 15px 15px 0!important;
  background:#fff!important;
  box-shadow:var(--search74-shadow)!important;
  color:var(--search74-ink)!important;
  font-weight:650!important;
}
.story-toolbar-v14 form select,.story-toolbar-v14 form .btn{min-height:48px!important;border-radius:14px!important}
/* Header search uses a slightly more compact size so it stays balanced with top actions. */
.top-center-v142727 .top-search-v142727{height:46px!important;overflow:visible!important}
.top-center-v142727 .top-search-v142727>span{width:46px!important;min-width:46px!important;height:46px!important;border-radius:14px!important}
.top-center-v142727 .top-search-v142727 input{height:46px!important;min-height:46px!important;border-radius:0 14px 14px 0!important}
/* Keep modal/toolbar searches fluid instead of forcing a wide fixed field. */
.search-box{min-width:260px!important}
.search-box.grow{flex:1 1 320px!important}
.journey-place-search-v142748,.collections-wow-search-v142748{min-width:0!important}
.preview-collection-toolbar-wow-v142749 label{min-width:0!important;color:inherit!important}
/* Dark mode: retain the branded icon while keeping text readable. */
html[data-theme="dark"] .global-search input,
html[data-theme="dark"] .search-box input,
html[data-theme="dark"] .journey-place-search-v142748 input,
html[data-theme="dark"] .collections-wow-search-v142748 input,
html[data-theme="dark"] .preview-collection-toolbar-wow-v142749 label input,
html[data-theme="dark"] .big-search input,
html[data-theme="dark"] .story-toolbar-v14 form input{
  background:#162127!important;
  border-color:#33464E!important;
  color:#EDF7F8!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
@media(max-width:800px){
  .global-search>span,.search-box>svg,.journey-place-search-v142748>svg,.collections-wow-search-v142748>svg,.preview-collection-toolbar-wow-v142749 label>svg,.big-search>svg,.story-toolbar-v14 form>span{width:46px!important;min-width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:14px!important}
  .global-search input,.search-box input,.journey-place-search-v142748 input,.collections-wow-search-v142748 input,.preview-collection-toolbar-wow-v142749 label input,.big-search input,.story-toolbar-v14 form input{height:46px!important;min-height:46px!important;border-radius:0 14px 14px 0!important}
  .search-box{width:100%!important;min-width:0!important}
}
@media(max-width:700px){
  .story-toolbar-v14 form{grid-template-columns:46px minmax(0,1fr)!important}
  .story-toolbar-v14 form select,.story-toolbar-v14 form .btn{grid-column:1/-1!important}
}
@media(max-width:520px){
  .global-search>span,.search-box>svg,.journey-place-search-v142748>svg,.collections-wow-search-v142748>svg,.preview-collection-toolbar-wow-v142749 label>svg,.big-search>svg{width:44px!important;min-width:44px!important;height:44px!important;flex-basis:44px!important;padding:13px!important}
  .global-search input,.search-box input,.journey-place-search-v142748 input,.collections-wow-search-v142748 input,.preview-collection-toolbar-wow-v142749 label input,.big-search input{height:44px!important;min-height:44px!important}
}

/* TRIPLOOM V14.27.75 — Search bar: input left + blue search action on the right */
:root{
  --search75-blue:#8EDFF0;
  --search75-blue-2:#8EDFF0;
  --search75-line:#D8E6EE;
  --search75-bg:#FFFFFF;
  --search75-ink:#365B70;
  --search75-muted:#9AA9B3;
  --search75-shadow:0 7px 18px rgba(37,83,111,.10),0 2px 5px rgba(37,83,111,.05);
  --search75-focus:0 0 0 3px rgba(47,159,242,.10),0 9px 22px rgba(37,83,111,.12);
}
/* Shared simple search shells. */
.global-search,
.search-box,
.journey-place-search-v142748,
.collections-wow-search-v142748,
.preview-collection-toolbar-wow-v142749 label{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:0!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--search75-line)!important;
  border-radius:16px!important;
  background:var(--search75-bg)!important;
  box-shadow:var(--search75-shadow)!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
.global-search:focus-within,
.search-box:focus-within,
.journey-place-search-v142748:focus-within,
.collections-wow-search-v142748:focus-within,
.preview-collection-toolbar-wow-v142749 label:focus-within{
  border-color:#9FD5F5!important;
  box-shadow:var(--search75-focus)!important;
}
.global-search input:not([type="hidden"]),
.search-box input,
.journey-place-search-v142748 input,
.collections-wow-search-v142748 input,
.preview-collection-toolbar-wow-v142749 label input{
  order:1!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:15px 0 0 15px!important;
  outline:0!important;
  background:var(--search75-bg)!important;
  box-shadow:none!important;
  color:var(--search75-ink)!important;
  font-family:Nunito,sans-serif!important;
  font-weight:600!important;
}
.global-search input::placeholder,
.search-box input::placeholder,
.journey-place-search-v142748 input::placeholder,
.collections-wow-search-v142748 input::placeholder,
.preview-collection-toolbar-wow-v142749 label input::placeholder,
.big-search input::placeholder,
.story-toolbar-v14 form input[name="q"]::placeholder{
  color:var(--search75-muted)!important;
  opacity:1!important;
}
/* Right-side blue search action / icon. */
.global-search-submit-v142775,
.search-box>svg,
.journey-place-search-v142748>svg,
.collections-wow-search-v142748>svg,
.preview-collection-toolbar-wow-v142749 label>svg{
  order:2!important;
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:14px!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.34)!important;
  border-radius:0 15px 15px 0!important;
  background:linear-gradient(145deg,var(--search75-blue),var(--search75-blue-2))!important;
  color:#fff!important;
  stroke:currentColor!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),-5px 0 14px rgba(47,159,242,.08)!important;
  transform:none!important;
}
.global-search-submit-v142775{cursor:pointer!important;padding:0!important}
.global-search-submit-v142775 svg{width:18px!important;height:18px!important;stroke:currentColor!important}
.global-search-submit-v142775:hover,
.global-search-submit-v142775:focus-visible{
  background:linear-gradient(145deg,#69D7D0,#8EDFF0)!important;
  outline:0!important;
}
/* Search results page: exact same shape with a real submit action on the right. */
.big-search{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:0!important;
  height:50px!important;
  min-height:50px!important;
  margin:5px 0 24px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--search75-line)!important;
  border-radius:17px!important;
  background:var(--search75-bg)!important;
  box-shadow:var(--search75-shadow)!important;
}
.big-search input:not([type="hidden"]){
  order:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  height:48px!important;
  margin:0!important;
  padding:0 17px!important;
  border:0!important;
  border-radius:16px 0 0 16px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--search75-ink)!important;
  font-weight:600!important;
}
.big-search-submit-v142775{
  order:2!important;
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0 16px 16px 0!important;
  background:linear-gradient(145deg,var(--search75-blue),var(--search75-blue-2))!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:0!important;
}
.big-search-submit-v142775 svg{width:19px!important;height:19px!important;stroke:currentColor!important}
.big-search:focus-within{border-color:#9FD5F5!important;box-shadow:var(--search75-focus)!important}
/* Chuyện Hành Trình uses the same input + right icon, then keeps its type filter. */
.story-toolbar-v14 form{
  grid-template-columns:minmax(0,1fr) 48px 180px!important;
  column-gap:0!important;
  row-gap:8px!important;
  align-items:center!important;
}
.story-toolbar-v14 form>span{display:none!important}
.story-toolbar-v14 form input[name="q"]{
  grid-column:1!important;
  grid-row:1!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid var(--search75-line)!important;
  border-right:0!important;
  border-radius:16px 0 0 16px!important;
  background:#fff!important;
  color:var(--search75-ink)!important;
  box-shadow:var(--search75-shadow)!important;
  outline:0!important;
}
.story-toolbar-v14 form .story-search-submit-v142775{
  grid-column:2!important;
  grid-row:1!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0 16px 16px 0!important;
  background:linear-gradient(145deg,var(--search75-blue),var(--search75-blue-2))!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(47,159,242,.16)!important;
  font-size:0!important;
}
.story-toolbar-v14 form .story-search-submit-v142775 svg{width:18px!important;height:18px!important;stroke:currentColor!important}
.story-toolbar-v14 form select{
  grid-column:3!important;
  grid-row:1!important;
  margin-left:8px!important;
  min-height:48px!important;
  border-radius:15px!important;
}
/* Header remains compact while keeping the same visual component. */
.top-center-v142727 .top-search-v142727{height:46px!important;min-height:46px!important;border-radius:16px!important;overflow:hidden!important}
.top-center-v142727 .top-search-v142727 input:not([type="hidden"]){height:44px!important;min-height:44px!important;border-radius:15px 0 0 15px!important}
.top-center-v142727 .top-search-v142727 .global-search-submit-v142775{width:48px!important;min-width:48px!important;height:46px!important;border-radius:0 15px 15px 0!important}
/* Dark theme */
html[data-theme="dark"] .global-search,
html[data-theme="dark"] .search-box,
html[data-theme="dark"] .journey-place-search-v142748,
html[data-theme="dark"] .collections-wow-search-v142748,
html[data-theme="dark"] .preview-collection-toolbar-wow-v142749 label,
html[data-theme="dark"] .big-search{background:#162127!important;border-color:#33464E!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
html[data-theme="dark"] .global-search input:not([type="hidden"]),
html[data-theme="dark"] .search-box input,
html[data-theme="dark"] .journey-place-search-v142748 input,
html[data-theme="dark"] .collections-wow-search-v142748 input,
html[data-theme="dark"] .preview-collection-toolbar-wow-v142749 label input,
html[data-theme="dark"] .big-search input:not([type="hidden"]),
html[data-theme="dark"] .story-toolbar-v14 form input[name="q"]{background:#162127!important;color:#EDF7F8!important}
@media(max-width:800px){
  .global-search,.search-box,.journey-place-search-v142748,.collections-wow-search-v142748,.preview-collection-toolbar-wow-v142749 label{height:46px!important;min-height:46px!important}
  .global-search input:not([type="hidden"]),.search-box input,.journey-place-search-v142748 input,.collections-wow-search-v142748 input,.preview-collection-toolbar-wow-v142749 label input{height:44px!important;min-height:44px!important}
  .global-search-submit-v142775,.search-box>svg,.journey-place-search-v142748>svg,.collections-wow-search-v142748>svg,.preview-collection-toolbar-wow-v142749 label>svg{width:48px!important;min-width:48px!important;height:46px!important;min-height:46px!important;border-radius:0 15px 15px 0!important}
  .search-box{width:100%!important;min-width:0!important}
}
@media(max-width:700px){
  .story-toolbar-v14 form{grid-template-columns:minmax(0,1fr) 46px!important}
  .story-toolbar-v14 form input[name="q"]{grid-column:1!important;grid-row:1!important;height:46px!important;min-height:46px!important}
  .story-toolbar-v14 form .story-search-submit-v142775{grid-column:2!important;grid-row:1!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important}
  .story-toolbar-v14 form select{grid-column:1/-1!important;grid-row:2!important;margin-left:0!important;width:100%!important}
}
@media(max-width:520px){
  .global-search,.search-box,.journey-place-search-v142748,.collections-wow-search-v142748,.preview-collection-toolbar-wow-v142749 label{height:44px!important;min-height:44px!important;border-radius:15px!important}
  .global-search input:not([type="hidden"]),.search-box input,.journey-place-search-v142748 input,.collections-wow-search-v142748 input,.preview-collection-toolbar-wow-v142749 label input{height:42px!important;min-height:42px!important;border-radius:14px 0 0 14px!important;font-size:13px!important}
  .global-search-submit-v142775,.search-box>svg,.journey-place-search-v142748>svg,.collections-wow-search-v142748>svg,.preview-collection-toolbar-wow-v142749 label>svg{width:46px!important;min-width:46px!important;height:44px!important;min-height:44px!important;padding:13px!important;border-radius:0 14px 14px 0!important}
}
/* Specificity safeguard for the search results submit button. */
.big-search>.big-search-submit-v142775{height:50px!important;min-height:50px!important;width:50px!important;min-width:50px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0 16px 16px 0!important;background:linear-gradient(145deg,var(--search75-blue),var(--search75-blue-2))!important;color:#fff!important;box-shadow:none!important}

/* TRIPLOOM V14.27.76 — Search icon white on blue action */
.global-search .global-search-submit-v142775,
.big-search>.big-search-submit-v142775,
.story-toolbar-v14 form .story-search-submit-v142775{
  color:#fff!important;
}
.global-search .global-search-submit-v142775>svg,
.top-center-v142727 .top-search-v142727 .global-search-submit-v142775>svg,
.big-search>.big-search-submit-v142775>svg,
.story-toolbar-v14 form .story-search-submit-v142775>svg,
.search-box>svg,
.journey-place-search-v142748>svg,
.collections-wow-search-v142748>svg,
.preview-collection-toolbar-wow-v142749 label>svg{
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
}
.global-search .global-search-submit-v142775>svg *,
.top-center-v142727 .top-search-v142727 .global-search-submit-v142775>svg *,
.big-search>.big-search-submit-v142775>svg *,
.story-toolbar-v14 form .story-search-submit-v142775>svg *,
.search-box>svg *,
.journey-place-search-v142748>svg *,
.collections-wow-search-v142748>svg *,
.preview-collection-toolbar-wow-v142749 label>svg *{
  stroke:#fff!important;
}

/* =========================================================
   TRIPLOOM V14.27.77 — JOURNEY ECOSYSTEM AUDIT
   Shared layout rhythm, locked-preview palette, Level gates.
   ========================================================= */
:root{
  --journey77-sky:#8EDFF0;
  --journey77-mint:#69D7D0;
  --journey77-violet:#8D79EF;
  --journey77-peach:#FF9B5E;
  --journey77-line:#D5E8F1;
  --journey77-ink:#244C65;
  --journey77-muted:#718B9A;
}

/* The 11 Journey tabs share one measurable desktop grid; mobile/tablet stay scrollable. */
@media (min-width:1181px){
  .journey-subnav-v142744{
    display:grid!important;
    grid-template-columns:repeat(11,minmax(0,1fr))!important;
    width:100%!important;
    gap:7px!important;
    overflow:visible!important;
    padding:5px 2px 13px!important;
  }
  .journey-subnav-v142744 a{
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    padding:0 8px!important;
    justify-content:flex-start!important;
    border-radius:16px!important;
  }
  .journey-subnav-v142744 a b{
    min-width:0!important;
    font-size:9.4px!important;
    line-height:1.15!important;
    -webkit-line-clamp:2!important;
  }
  .journey-subnav-v142744 a.group-start{margin-left:0!important}
  .journey-subnav-v142744 a.group-start:before{display:none!important}
}

/* One locked-preview shell across Passport / Map / Collection / Style / Recap / Trip Maker. */
:is(
  body[data-page="passport"],
  body[data-page="footprints"],
  body[data-page="collections"],
  body[data-page="travel_style"],
  body[data-page="recap"],
  body[data-page="creator_analytics"],
  body[data-page="trip_maker_income"]
) .journey-preview-shell-v142742{
  gap:14px!important;
  margin-bottom:18px!important;
}
:is(
  body[data-page="passport"],
  body[data-page="footprints"],
  body[data-page="collections"],
  body[data-page="travel_style"],
  body[data-page="recap"],
  body[data-page="creator_analytics"],
  body[data-page="trip_maker_income"]
) .journey-preview-note-v142742{
  grid-template-columns:44px minmax(0,1fr) auto!important;
  min-height:74px!important;
  padding:14px 16px!important;
  gap:13px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#FFF8ED 0%,#FFF8E2 62%,#FFFAF4 100%)!important;
  border:1px solid #F2D59C!important;
  box-shadow:0 9px 24px rgba(190,132,44,.08)!important;
  color:var(--journey77-ink)!important;
}
:is(
  body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
) .journey-preview-note-v142742::after{content:none!important;display:none!important}
:is(
  body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
) .journey-preview-note-icon-v142742{
  width:44px!important;height:44px!important;border-radius:14px!important;
  background:#FFF1D8!important;color:#FF9B5E!important;border:1px solid #F1D0A1!important;
}
:is(
  body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
) .journey-preview-note-v142742>div:nth-child(2)>span{color:#FF9B5E!important}
:is(
  body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
) .journey-preview-note-v142742 h2{color:#203940!important;font-size:17px!important;line-height:1.16!important}
:is(
  body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
) .journey-preview-note-v142742 p{color:#647F86!important;font-size:9px!important;line-height:1.5!important}
:is(
  body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
) .journey-preview-note-v142742 button{
  min-height:38px!important;border-color:#BFE2DF!important;background:#fff!important;color:#249D98!important;border-radius:12px!important;box-shadow:none!important
}

:is(
  body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
) .journey-preview-canvas-v142742{
  padding:20px!important;
  border-radius:30px!important;
  background:linear-gradient(160deg,#FFFFFF 0%,#FAFDFF 56%,#F6FBFF 100%)!important;
  border:1px solid #CFE6F2!important;
  box-shadow:0 18px 42px rgba(42,98,134,.07)!important;
}
:is(
  body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
) .journey-preview-mini-badge-v142753{
  margin:0 0 16px auto!important;
}
:is(
  body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
) .journey-preview-stage-v142742{
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
:is(.preview-wow-hero-v142749,.tm-preview-hero-v142769,.tmi-preview-hero-v142769){
  min-height:190px!important;
  margin-bottom:14px!important;
  border-radius:27px!important;
}
:is(.preview-wow-hero-v142749,.tm-preview-hero-v142769,.tmi-preview-hero-v142769) h3{
  letter-spacing:-.018em!important;
}

/* Live Journey pages share the same primary-card rhythm and visual weight. */
:is(
  .journey-wow-launchpad-v142748,
  .journey-list-wow-v142748,
  .stats-wow-hero-v142748,
  .passport-hero-wow-v142745,
  .footprints-wow-hero-v142748,
  .collections-wow-hero-v142748,
  .recap-wow-hero-v142748,
  .style-wow-hero-v142748,
  .trip-maker-hero-wow-v142770,
  .trip-maker-income-hero-wow-v142773
){
  border-radius:28px!important;
  border-color:#D2E7F1!important;
  box-shadow:0 14px 34px rgba(39,101,138,.065)!important;
  margin-bottom:14px!important;
}
:is(
  .journey-wow-launchpad-v142748,
  .journey-list-wow-v142748,
  .stats-wow-hero-v142748,
  .passport-hero-wow-v142745,
  .footprints-wow-hero-v142748,
  .collections-wow-hero-v142748,
  .recap-wow-hero-v142748,
  .style-wow-hero-v142748
){min-height:190px!important}

/* Clear visual explanation when the current Level has only the basic tier. */
.journey-tier-gate-v142777{
  display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;
  margin:15px 0;padding:17px 18px;border-radius:22px;border:1px solid #D9E9F1;
  background:linear-gradient(145deg,#F4FCFB,#FFFFFF 55%,#F4FFFB);box-shadow:0 10px 24px rgba(47,105,139,.05)
}
.journey-tier-gate-v142777>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#EAF9FC,#EAFBF7);color:#8EDFF0;border:1px solid #D7EBF4}
.journey-tier-gate-v142777>span .icon-svg{width:20px;height:20px}
.journey-tier-gate-v142777 small{display:block;color:#69D7D0;font-size:9px;letter-spacing:.11em;font-weight:900}
.journey-tier-gate-v142777 h3{margin:4px 0 4px;color:#274E67;font-size:18px}
.journey-tier-gate-v142777 p{margin:0;color:#728B99;line-height:1.5;font-size:12px}
.journey-tier-gate-v142777 .btn{white-space:nowrap}

.stats-world-deep-v142777,.recap-legend-v142777{
  display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.35fr);gap:18px;align-items:center;
  margin:16px 0;padding:19px 20px!important;border-radius:24px!important;border:1px solid #DDDAF8!important;
  background:linear-gradient(145deg,#F8F6FF 0%,#F4FCFB 52%,#F2FBF8 100%)!important;box-shadow:0 12px 28px rgba(82,71,151,.07)!important
}
.stats-world-deep-v142777 h3,.recap-legend-v142777 h3{margin:4px 0 5px;color:#3B4E78;font-size:19px}
.stats-world-deep-v142777 p,.recap-legend-v142777 p{margin:0;color:#74869C;font-size:12px;line-height:1.5}
.stats-world-deep-v142777>div:last-child,.recap-legend-v142777>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.recap-legend-v142777>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}
.stats-world-deep-v142777 article,.recap-legend-v142777 article{padding:13px;border-radius:16px;background:rgba(255,255,255,.84);border:1px solid #E1E4F4}
.stats-world-deep-v142777 article b,.recap-legend-v142777 article b{display:block;color:#4E54A3;font-size:18px;line-height:1.15}
.stats-world-deep-v142777 article small,.recap-legend-v142777 article small{display:block;color:#7B8D9D;margin-top:5px;line-height:1.35}

/* Matrix cells now visually mirror the exact official unlock progression. */
.level-privilege-table-v142751 tr[data-privilege-row="passport"] td:nth-child(3),
.level-privilege-table-v142751 tr[data-privilege-row="map"] td:nth-child(3){background:#F6FCFB}
.level-privilege-table-v142751 tr[data-privilege-row="collection"] td:nth-child(4),
.level-privilege-table-v142751 tr[data-privilege-row="style"] td:nth-child(4),
.level-privilege-table-v142751 tr[data-privilege-row="recap"] td:nth-child(4){background:#F4FCFB}
.level-privilege-table-v142751 tr[data-privilege-row="ai"] td:nth-child(5),
.level-privilege-table-v142751 tr[data-privilege-row="trip_maker_tools"] td:nth-child(5),
.level-privilege-table-v142751 tr[data-privilege-row="trip_maker_income"] td:nth-child(5){background:#FAF8FF}

html[data-theme="dark"] .journey-tier-gate-v142777,
html[data-theme="dark"] .stats-world-deep-v142777,
html[data-theme="dark"] .recap-legend-v142777{background:#193139!important;border-color:#36515B!important;color:#C6ECE8!important;box-shadow:none!important}

@media(max-width:900px){
  :is(
    body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
  ) .journey-preview-note-v142742{grid-template-columns:40px minmax(0,1fr)!important}
  :is(
    body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
  ) .journey-preview-note-v142742>button{grid-column:2;justify-self:start}
  .journey-tier-gate-v142777{grid-template-columns:44px minmax(0,1fr)}
  .journey-tier-gate-v142777>a{grid-column:2;justify-self:start}
  .stats-world-deep-v142777,.recap-legend-v142777{grid-template-columns:1fr}
  .stats-world-deep-v142777>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  :is(
    body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
  ) .journey-preview-canvas-v142742{padding:13px!important;border-radius:23px!important}
  :is(
    body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
  ) .journey-preview-note-v142742{padding:12px!important;border-radius:17px!important}
  .journey-tier-gate-v142777{grid-template-columns:1fr;padding:15px}
  .journey-tier-gate-v142777>a{grid-column:1;width:100%;justify-content:center}
  .stats-world-deep-v142777>div:last-child,.recap-legend-v142777>div:last-child{grid-template-columns:1fr}
}
@media(max-width:620px){
  :is(
    body[data-page="passport"],body[data-page="footprints"],body[data-page="collections"],body[data-page="travel_style"],body[data-page="recap"],body[data-page="creator_analytics"],body[data-page="trip_maker_income"]
  ) .journey-preview-note-v142742>button{grid-column:1/-1!important;width:100%!important;justify-content:center!important}
  :is(
    .journey-wow-launchpad-v142748,.journey-list-wow-v142748,.stats-wow-hero-v142748,.passport-hero-wow-v142745,
    .footprints-wow-hero-v142748,.collections-wow-hero-v142748,.recap-wow-hero-v142748,.style-wow-hero-v142748,
    .trip-maker-hero-wow-v142770,.trip-maker-income-hero-wow-v142773,.preview-wow-hero-v142749,.tm-preview-hero-v142769,.tmi-preview-hero-v142769
  ){min-height:0!important}
}

/* TRIPLOOM V14.27.78 — dynamic Level progress inside locked-feature popup. */
.level-modal-progress-summary-v142778{grid-column:1/-1;padding:12px 13px!important;border:1px solid #D7E9F0!important;border-radius:15px!important;background:linear-gradient(135deg,#F3FAFF,#F2FFFB)!important;box-shadow:none!important}
.level-modal-progress-summary-v142778>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.level-modal-progress-summary-v142778 span{font-size:9px!important;font-weight:900!important;letter-spacing:.08em;color:#5C8092!important}.level-modal-progress-summary-v142778 b{font-size:17px!important;line-height:1!important;color:#249D98!important}.level-modal-progress-summary-v142778 i{display:block;height:8px;margin:8px 0 6px;border-radius:999px;background:#E1EDF1;overflow:hidden}.level-modal-progress-summary-v142778 i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8EDFF0,#69D7D0,#7E72E7)}.level-modal-progress-summary-v142778 small{display:block!important;font-size:9px!important;color:#78909A!important}
@media(max-width:620px){.level-modal-progress-summary-v142778{padding:11px!important}.level-modal-progress-summary-v142778 span{font-size:8px!important}.level-modal-progress-summary-v142778 b{font-size:16px!important}}


/* TRIPLOOM V15.0.2 — desktop shell without member sidebar + compact brandline logo. */
@media (min-width:1024px){
  .app-shell-no-sidebar-v1502 .main-no-sidebar-v1502{margin-left:0!important;width:100%!important;max-width:none!important}
  .app-shell-no-sidebar-v1502 .topbar{padding-left:42px!important;padding-right:42px!important}
  .app-shell-no-sidebar-v1502 .content{width:100%;max-width:1640px;margin-left:auto;margin-right:auto}
}
.v13-brand-logo-v1502{display:block;width:78px;height:auto;max-height:30px;object-fit:contain;object-position:left center;flex:0 0 auto;filter:drop-shadow(0 3px 8px rgba(21,66,108,.08))}
.v13-brandline{min-height:30px}
@media(max-width:1200px){.v13-brand-logo-v1502{width:72px;max-height:28px}}
@media(max-width:980px){.v13-brand-logo-v1502{width:68px;max-height:26px}}
@media(max-width:620px){.v13-brand-logo-v1502{width:64px;max-height:24px}}


/* ==========================================================================
   TRIPLOOM V15.0.9 · PRIVILEGE MATRIX SCROLL + COLOR NORMALIZATION
   Shared by Journey/Level surfaces. Page tables scroll horizontally only so
   vertical mouse-wheel/trackpad gestures continue scrolling the page.
   ========================================================================== */
.level-privilege-table-wrap-v142732:not(.level-modal-table-wrap-v142732){
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:auto!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-x pan-y!important;
  -webkit-overflow-scrolling:touch;
}
.level-feature-modal-card .level-privilege-table-wrap-v142732{
  overscroll-behavior-x:auto!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-x pan-y!important;
}
.level-privilege-table-v142751 thead th{background:#F2F8F9!important}
.level-privilege-table-v142751 thead th:first-child,
.level-privilege-table-v142751 tbody th{background:#F4FCFB!important}
.level-privilege-table-v142751 tbody td{background:#fff!important}
.level-privilege-table-v142751 tbody td[data-reached="1"]{background:#F0FAF6!important}
.level-privilege-table-v142751 thead th.is-current,
.level-privilege-table-v142751 tbody td.is-current{background:#EAF9F5!important}
.level-privilege-table-v142751 thead th.is-next-level,
.level-privilege-table-v142751 tbody td.is-next-level{background:#F2F7FF!important}
.level-privilege-table-v142751 tbody tr:hover>th{background:#F4FCFB!important}
.level-privilege-table-v142751 tbody tr:hover>td:not(.is-current):not(.is-next-level):not([data-reached="1"]){background:#F4FCFB!important}
[data-theme="dark"] .level-privilege-table-v142751 thead th{background:#1B3036!important}
[data-theme="dark"] .level-privilege-table-v142751 thead th:first-child,
[data-theme="dark"] .level-privilege-table-v142751 tbody th{background:#182B30!important}
[data-theme="dark"] .level-privilege-table-v142751 tbody td{background:#1B2D32!important}
[data-theme="dark"] .level-privilege-table-v142751 tbody td[data-reached="1"],
[data-theme="dark"] .level-privilege-table-v142751 tbody td.is-current{background:#173833!important}
[data-theme="dark"] .level-privilege-table-v142751 tbody td.is-next-level{background:#1A3045!important}
[data-theme="dark"] .level-privilege-table-v142751 tbody tr:hover>th{background:#1C3338!important}
[data-theme="dark"] .level-privilege-table-v142751 tbody tr:hover>td:not(.is-current):not(.is-next-level):not([data-reached="1"]){background:#20343A!important}

/* ========================================================================== 
   TRIPLOOM V15.0.14 · ACHIEVEMENT MUSEUM
   Achievement-only presentation layer. Logic/criteria remain unchanged.
   ========================================================================== */
.achievement-museum-head-v1514{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 14px;padding:2px 2px}.achievement-museum-head-v1514 h2{margin:3px 0 5px;font-size:27px;line-height:1.16;letter-spacing:-.025em;color:#17343B}.achievement-museum-head-v1514 p{max-width:820px;margin:0;color:#6D858B;line-height:1.55}.achievement-museum-head-v1514>.btn{flex:0 0 auto}
.achievement-museum-hero-v1514{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 154px;align-items:center;gap:28px;overflow:hidden;margin:0 0 14px;padding:28px 30px;border:1px solid rgba(218,188,118,.28);border-radius:25px;background:radial-gradient(circle at 84% 18%,rgba(255,221,143,.16),transparent 29%),radial-gradient(circle at 7% 110%,rgba(72,199,188,.18),transparent 32%),linear-gradient(132deg,#102E38 0%,#174D55 52%,#249D98 100%);box-shadow:0 18px 42px rgba(22,65,70,.13);color:#fff}.achievement-museum-hero-v1514::before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,231,175,.12);border-radius:18px;pointer-events:none}.achievement-museum-hero-v1514::after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#FFD15C 22%,#F0D790 50%,#FFD15C 78%,transparent);opacity:.7}.achievement-museum-hero-copy-v1514{position:relative;z-index:1}.achievement-museum-kicker-v1514{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;color:#E7C975;font-size:8px;font-weight:900;letter-spacing:.16em}.achievement-museum-kicker-v1514::before{content:"✦";font-size:10px}.achievement-museum-hero-v1514 h2{margin:0 0 7px;color:#fff;font-size:clamp(25px,3vw,38px);line-height:1.1;letter-spacing:-.03em}.achievement-museum-hero-v1514 p{max-width:810px;margin:0;color:rgba(235,247,246,.82);line-height:1.55}.achievement-museum-stats-v1514{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.achievement-museum-stats-v1514>div{min-width:132px;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.075);backdrop-filter:blur(4px)}.achievement-museum-stats-v1514 b,.achievement-museum-stats-v1514 span{display:block}.achievement-museum-stats-v1514 b{font-size:18px;line-height:1;color:#fff}.achievement-museum-stats-v1514 span{margin-top:4px;color:rgba(231,244,243,.68);font-size:8px}.achievement-museum-seal-v1514{position:relative;z-index:1;width:142px;height:142px;border:1px solid rgba(242,211,139,.36);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),rgba(255,255,255,.055) 54%,rgba(8,37,43,.16) 55%),linear-gradient(145deg,rgba(238,206,132,.14),rgba(54,184,173,.10));box-shadow:inset 0 0 0 8px rgba(255,255,255,.035),0 16px 34px rgba(5,31,35,.24);text-align:center}.achievement-museum-seal-v1514>span{font-size:30px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}.achievement-museum-seal-v1514>b{margin-top:3px;color:#F2D483;font-size:28px;line-height:1}.achievement-museum-seal-v1514>small{margin-top:4px;color:rgba(255,255,255,.66);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.achievement-hall-v1514,.achievement-collection-v1514,.achievement-near-museum-v1514{margin-top:14px!important;padding:18px!important;border-radius:21px!important}.achievement-hall-v1514{background:linear-gradient(180deg,#FFFEFA,#fff)!important;border-color:#EADFC7!important;box-shadow:0 12px 30px rgba(105,79,32,.05)!important}.achievement-museum-section-head-v1514{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.achievement-museum-section-head-v1514 h3{margin:2px 0 3px;font-size:19px;letter-spacing:-.015em}.achievement-museum-section-head-v1514 p{margin:0;color:#789095;font-size:9px}.achievement-museum-count-v1514{flex:0 0 auto;padding:7px 10px;border:1px solid #DFEAEC;border-radius:999px;background:#fff;color:#54747A;font-size:8px;font-weight:800;white-space:nowrap}.achievement-hall-v1514 .achievement-museum-count-v1514{border-color:#EADAB8;background:#FFF8E2;color:#C96C38}
.achievement-showcase-grid-v1514{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.achievement-showcase-card-v1514{--museum-accent:#C96C38;--museum-soft:#FFF8EF;position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);min-height:174px;overflow:hidden;border:1px solid color-mix(in srgb,var(--museum-accent) 32%,#E6EAEB);border-radius:20px;background:linear-gradient(145deg,#fff 0%,var(--museum-soft) 100%);box-shadow:0 11px 28px rgba(48,65,64,.07),inset 0 1px 0 rgba(255,255,255,.92)}.achievement-showcase-card-v1514::before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--museum-accent) 15%,transparent);border-radius:14px;pointer-events:none}.achievement-showcase-stage-v1514{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px 9px;background:radial-gradient(circle at 50% 35%,#fff 0 19%,transparent 20%),linear-gradient(180deg,color-mix(in srgb,var(--museum-accent) 12%,#fff),color-mix(in srgb,var(--museum-accent) 5%,#fff));border-right:1px solid color-mix(in srgb,var(--museum-accent) 18%,#E6EEEE)}.achievement-showcase-stage-v1514::after{content:"";position:absolute;left:18px;right:18px;bottom:23px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--museum-accent) 22%,transparent);filter:blur(3px)}.achievement-showcase-icon-v1514{position:relative;z-index:1;width:62px;height:62px;border:1px solid color-mix(in srgb,var(--museum-accent) 38%,#fff);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#fff 0 14%,color-mix(in srgb,var(--museum-accent) 18%,#fff) 15% 64%,color-mix(in srgb,var(--museum-accent) 32%,#fff) 65%);box-shadow:inset 0 0 0 5px rgba(255,255,255,.45),0 9px 18px color-mix(in srgb,var(--museum-accent) 18%,transparent);font-size:29px}.achievement-showcase-stage-v1514>em{position:relative;z-index:1;padding:4px 6px;border:1px solid color-mix(in srgb,var(--museum-accent) 28%,#fff);border-radius:999px;background:rgba(255,255,255,.78);color:color-mix(in srgb,var(--museum-accent) 82%,#3B4143);font-size:6.5px;font-style:normal;font-weight:900;letter-spacing:.08em}.achievement-showcase-copy-v1514{position:relative;z-index:1;display:flex;flex-direction:column;padding:17px 17px 14px}.achievement-rarity-v1514{align-self:flex-start;color:color-mix(in srgb,var(--museum-accent) 85%,#47585B);font-size:7px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.achievement-showcase-copy-v1514 h4{margin:4px 0 5px;color:#17343B;font-size:15px;line-height:1.25}.achievement-showcase-copy-v1514 p{margin:0;color:#6F858A;font-size:9px;line-height:1.48}.achievement-showcase-copy-v1514 footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:11px;border-top:1px solid color-mix(in srgb,var(--museum-accent) 14%,#E6EEEE)}.achievement-showcase-copy-v1514 footer span{color:#249D98;font-size:8px;font-weight:900}.achievement-showcase-copy-v1514 footer strong{color:#567076;font-size:8px;font-weight:800}
.museum-tone-common{--museum-accent:#C96C38;--museum-soft:#FFF8EF}.museum-tone-rare{--museum-accent:#6E94A9;--museum-soft:#F4FCFB}.museum-tone-special{--museum-accent:#8070BD;--museum-soft:#F8F6FF}.museum-tone-legendary{--museum-accent:#FFD15C;--museum-soft:#FFF9E8}
.achievement-museum-empty-v1514{display:flex;align-items:center;gap:14px;padding:21px;border:1px dashed #D8E5E6;border-radius:17px;background:#F4FCFB}.achievement-museum-empty-v1514>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#FFF8E9;font-size:24px}.achievement-museum-empty-v1514 b,.achievement-museum-empty-v1514 p{display:block;margin:0}.achievement-museum-empty-v1514 b{font-size:12px}.achievement-museum-empty-v1514 p{margin-top:3px;color:#7B9095;font-size:9px}.achievement-museum-empty-v1514.is-complete{border-color:#E5D09A;background:#FFF8E2}.achievement-museum-empty-v1514.compact{padding:15px}
.achievement-collection-v1514{background:linear-gradient(180deg,#fff,#F4FCFB)!important}.achievement-pursuit-grid-v1514{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.achievement-pursuit-card-v1514{--museum-accent:#7C9196;--museum-soft:#F8FAFB;padding:13px;border:1px solid #C6ECE8;border-radius:17px;background:linear-gradient(155deg,#fff,#F9FBFB);box-shadow:0 6px 16px rgba(35,70,73,.035)}.achievement-pursuit-top-v1514{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center}.achievement-pursuit-icon-v1514{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--museum-accent) 9%,#F4FCFB);border:1px solid color-mix(in srgb,var(--museum-accent) 14%,#E4EDED);font-size:19px;filter:grayscale(.2);opacity:.8}.achievement-pursuit-top-v1514 small,.achievement-pursuit-top-v1514 h4{display:block;margin:0}.achievement-pursuit-top-v1514 small{color:color-mix(in srgb,var(--museum-accent) 72%,#72868A);font-size:6.5px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.achievement-pursuit-top-v1514 h4{margin-top:2px;color:#27434A;font-size:11px;line-height:1.3}.achievement-pursuit-top-v1514>em{font-style:normal;font-size:13px;opacity:.42}.achievement-pursuit-card-v1514>p{min-height:28px;margin:8px 0;color:#6F8792;font-size:8px;line-height:1.4}.achievement-pursuit-progress-v1514>i{display:block;height:5px;overflow:hidden;border-radius:99px;background:#E9EFF0}.achievement-pursuit-progress-v1514>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--museum-accent) 66%,#69D7D0),color-mix(in srgb,var(--museum-accent) 35%,#8BD8D0))}.achievement-pursuit-progress-v1514>span{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.achievement-pursuit-progress-v1514 b{color:#3C656B;font-size:8px}.achievement-pursuit-progress-v1514 small{color:#6F8792;font-size:7px}
.achievement-near-museum-v1514{background:linear-gradient(180deg,#F4FCFB,#fff)!important}.achievement-near-row-v1514{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.achievement-near-row-v1514 article{--museum-accent:#6E94A9;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 12px;border:1px solid #E0EAEB;border-radius:15px;background:#fff}.achievement-near-row-v1514 article>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--museum-accent) 10%,#F4FCFB);font-size:21px}.achievement-near-row-v1514 small,.achievement-near-row-v1514 b,.achievement-near-row-v1514 p{display:block;margin:0}.achievement-near-row-v1514 small{color:color-mix(in srgb,var(--museum-accent) 75%,#71868A);font-size:6.5px;font-weight:900;text-transform:uppercase}.achievement-near-row-v1514 b{margin-top:1px;color:#2C474D;font-size:10px}.achievement-near-row-v1514 p{margin-top:2px;color:#6F8792;font-size:7.5px}.achievement-near-row-v1514 strong{color:color-mix(in srgb,var(--museum-accent) 80%,#249D98);font-size:13px}
html[data-theme="dark"] .achievement-museum-head-v1514 h2,html[data-theme="dark"] .achievement-showcase-copy-v1514 h4{color:#E5F1F2}html[data-theme="dark"] .achievement-museum-head-v1514 p{color:#8FA5AA}html[data-theme="dark"] .achievement-hall-v1514,html[data-theme="dark"] .achievement-collection-v1514,html[data-theme="dark"] .achievement-near-museum-v1514{background:linear-gradient(145deg,#172833,#14232C)!important;border-color:#304755!important;box-shadow:none!important}html[data-theme="dark"] .achievement-showcase-card-v1514{background:linear-gradient(145deg,#192C35,#1A2930);border-color:#3C4E52}html[data-theme="dark"] .achievement-showcase-stage-v1514{background:linear-gradient(180deg,#203740,#192D35);border-color:#344A50}html[data-theme="dark"] .achievement-showcase-stage-v1514>em,html[data-theme="dark"] .achievement-museum-count-v1514{background:#1D3139;border-color:#3C5056;color:#C6D9DC}html[data-theme="dark"] .achievement-showcase-copy-v1514 p,html[data-theme="dark"] .achievement-museum-section-head-v1514 p{color:#8CA1A6}html[data-theme="dark"] .achievement-pursuit-card-v1514,html[data-theme="dark"] .achievement-near-row-v1514 article,html[data-theme="dark"] .achievement-museum-empty-v1514{background:#182A32;border-color:#30464E}html[data-theme="dark"] .achievement-pursuit-top-v1514 h4,html[data-theme="dark"] .achievement-near-row-v1514 b,html[data-theme="dark"] .achievement-museum-empty-v1514 b{color:#C6ECE8}
@media(max-width:1180px){.achievement-showcase-grid-v1514,.achievement-pursuit-grid-v1514{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-near-row-v1514{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.achievement-museum-head-v1514{align-items:flex-start;flex-direction:column;gap:10px}.achievement-museum-head-v1514 h2{font-size:22px}.achievement-museum-hero-v1514{grid-template-columns:1fr;padding:20px}.achievement-museum-seal-v1514{width:108px;height:108px;justify-self:start}.achievement-museum-seal-v1514>span{font-size:24px}.achievement-museum-seal-v1514>b{font-size:22px}.achievement-museum-stats-v1514>div{flex:1 1 calc(33.333% - 6px);min-width:92px}.achievement-hall-v1514,.achievement-collection-v1514,.achievement-near-museum-v1514{padding:13px!important;border-radius:17px!important}.achievement-museum-section-head-v1514{align-items:flex-start;flex-direction:column;gap:8px}.achievement-showcase-grid-v1514,.achievement-pursuit-grid-v1514,.achievement-near-row-v1514{grid-template-columns:1fr}.achievement-showcase-card-v1514{grid-template-columns:88px minmax(0,1fr);min-height:154px}.achievement-showcase-stage-v1514{padding:12px 7px}.achievement-showcase-icon-v1514{width:52px;height:52px;font-size:24px}.achievement-showcase-copy-v1514{padding:14px}.achievement-showcase-copy-v1514 h4{font-size:13px}}
@media(max-width:479px){.achievement-museum-hero-v1514 h2{font-size:23px}.achievement-museum-stats-v1514{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.achievement-museum-stats-v1514>div{min-width:0;padding:8px}.achievement-museum-stats-v1514 b{font-size:15px}.achievement-museum-stats-v1514 span{font-size:6.8px}.achievement-showcase-card-v1514{grid-template-columns:74px minmax(0,1fr)}.achievement-showcase-stage-v1514>em{font-size:5.6px}.achievement-showcase-copy-v1514 footer{align-items:flex-start;flex-direction:column}.achievement-pursuit-progress-v1514>span{align-items:flex-start;flex-direction:column;gap:2px}}


/* ==========================================================================
   TRIPLOOM V15.0.16 · ACHIEVEMENT MUSEUM COLOR SYNC
   Palette-only refinement: align the museum hero with the V15 mint/sky UI.
   Layout, achievement criteria and behavior are unchanged.
   ========================================================================== */
.achievement-museum-hero-v1514{border-color:#CFE8E7;background:radial-gradient(circle at 86% 8%,rgba(255,255,255,.92),transparent 28%),radial-gradient(circle at 5% 112%,rgba(47,184,173,.14),transparent 34%),linear-gradient(132deg,#EEFCF9 0%,#E1F7F3 48%,#EAF7FF 100%);box-shadow:0 14px 34px rgba(27,82,87,.07);color:#17343B}
.achievement-museum-hero-v1514::before{border-color:rgba(47,184,173,.18)}
.achievement-museum-hero-v1514::after{height:2px;background:linear-gradient(90deg,transparent,#69D7D0 24%,#75C9DD 54%,#69D7D0 78%,transparent);opacity:.62}
.achievement-museum-kicker-v1514{color:#249D98}
.achievement-museum-hero-v1514 h2{color:#17343B}
.achievement-museum-hero-v1514 p{color:#5F777D}
.achievement-museum-stats-v1514>div{border-color:#D5E9E9;background:rgba(255,255,255,.72);backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.achievement-museum-stats-v1514 b{color:#174A50}
.achievement-museum-stats-v1514 span{color:#70858A}
.achievement-museum-seal-v1514{border-color:#ACDCD8;background:radial-gradient(circle at 34% 26%,#fff 0 14%,rgba(255,255,255,.72) 15% 37%,rgba(194,242,236,.88) 38% 64%,rgba(210,237,252,.9) 65%),linear-gradient(145deg,#D9FAF5,#E8F6FF);box-shadow:inset 0 0 0 7px rgba(255,255,255,.48),0 12px 28px rgba(31,112,111,.12)}
.achievement-museum-seal-v1514>span{filter:drop-shadow(0 5px 8px rgba(22,92,91,.12))}
.achievement-museum-seal-v1514>b{color:#249D98}
.achievement-museum-seal-v1514>small{color:#688187}
html[data-theme="dark"] .achievement-museum-hero-v1514{border-color:#304755;background:radial-gradient(circle at 84% 18%,rgba(92,188,181,.08),transparent 29%),linear-gradient(132deg,#142932 0%,#17343A 55%,#1A4948 100%);box-shadow:none;color:#E5F1F2}
html[data-theme="dark"] .achievement-museum-hero-v1514::before{border-color:rgba(132,211,203,.10)}
html[data-theme="dark"] .achievement-museum-hero-v1514 h2{color:#E5F1F2}
html[data-theme="dark"] .achievement-museum-hero-v1514 p{color:#9BB0B4}
html[data-theme="dark"] .achievement-museum-kicker-v1514{color:#77D1C8}
html[data-theme="dark"] .achievement-museum-stats-v1514>div{border-color:#355058;background:rgba(255,255,255,.035);box-shadow:none}
html[data-theme="dark"] .achievement-museum-stats-v1514 b{color:#E1EEEE}
html[data-theme="dark"] .achievement-museum-stats-v1514 span{color:#8FA7AB}
html[data-theme="dark"] .achievement-museum-seal-v1514{border-color:#3E6465;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.10),rgba(255,255,255,.025) 52%,rgba(10,32,38,.16) 53%),linear-gradient(145deg,#1C3B40,#1B313C);box-shadow:inset 0 0 0 7px rgba(255,255,255,.025)}
html[data-theme="dark"] .achievement-museum-seal-v1514>b{color:#78D1C8}
html[data-theme="dark"] .achievement-museum-seal-v1514>small{color:#8EA7AA}

/* TRIPLOOM V15.0.22 · Compact Chuyện Hành Trình composer — File 24 visual language preserved */
.story-quick-compose-v1521{cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:0 0 18px;padding:10px 11px;border:1px solid #C6ECE8;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(34,82,91,.055)}
.story-quick-compose-v1521 button{font:inherit}.story-quick-compose-main-v1521{min-width:0;min-height:52px;display:flex;align-items:center;gap:11px;padding:4px 5px;border:0;background:transparent;text-align:left;cursor:pointer}.story-quick-avatar-v1521{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#E4F8F4;color:#69D7D0;font-size:13px;font-weight:900}.story-quick-avatar-v1521 img{width:100%;height:100%;object-fit:cover}.story-quick-placeholder-v1521{min-width:0;flex:1;min-height:42px;display:flex;align-items:center;padding:0 15px;border:1px solid #DCEAED;border-radius:14px;background:#F4FCFB;color:#728890;font-size:12px;font-weight:600;transition:.18s}.story-quick-compose-main-v1521:hover .story-quick-placeholder-v1521,.story-quick-compose-main-v1521:focus-visible .story-quick-placeholder-v1521{border-color:#A9DDD9;background:#F1FBF9;color:#3E626A}.story-quick-tool-v1521{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #DCEAED;border-radius:13px;background:#fff;color:#58717A;font-size:11px;font-weight:800;cursor:pointer}.story-quick-tool-v1521 svg{width:16px;height:16px}.story-quick-tool-v1521:hover{background:#F1FBF9;border-color:#BFE5E1;color:#69D7D0}
.story-compose-modal-v1522{padding:16px}.story-compose-card-v1522{width:min(610px,100%)!important;max-height:min(88vh,820px)!important;padding:0!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 26px 80px rgba(17,47,54,.30)!important}.story-compose-card-v1522>.modal-close{right:15px;top:13px;width:36px;height:36px;border-radius:50%;z-index:5}.story-compose-head-v1522{height:62px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #C6ECE8;padding:0 56px}.story-compose-head-v1522 h2{margin:0!important;font-size:19px!important;letter-spacing:-.025em;color:#203A43}.story-compose-tabs-v1522{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 15px 0}.story-compose-tabs-v1522 button{min-height:39px;border:1px solid #C6ECE8;border-radius:12px;background:#F4FCFB;color:#657A81;font-size:11px;font-weight:900;cursor:pointer;transition:.16s}.story-compose-tabs-v1522 button.active{border-color:#B5E3DE;background:#EAF9F6;color:#249D98;box-shadow:inset 0 0 0 1px rgba(53,181,170,.06)}
.story-compose-form-v1522{display:grid;gap:10px;padding:12px 16px 16px;overflow:auto;max-height:calc(min(88vh,820px) - 111px);overscroll-behavior:contain}.story-compose-profile-v1522{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px}.story-compose-avatar-v1522{width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#E4F8F4;color:#249D98;font-size:14px;font-weight:900}.story-compose-avatar-v1522 img{width:100%;height:100%;object-fit:cover}.story-compose-profile-v1522>div>b{display:block;font-size:12px;color:#263E46;margin-bottom:4px}.story-compose-profile-controls-v1522{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.story-visibility-chip-v1522,.story-comments-chip-v1522{height:26px;display:flex;align-items:center;gap:3px;padding:0 8px;border-radius:8px;background:#EEF2F3;color:#385058;font-size:9px;font-weight:800}.story-visibility-chip-v1522 select{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;padding:0;outline:none}.story-comments-chip-v1522{cursor:pointer}.story-comments-chip-v1522 input{width:13px;height:13px;accent-color:#69D7D0;margin:0}.story-question-topic-v1522{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:11px;background:#F5FAFB;border:1px solid #C6ECE8}.story-question-topic-v1522 span{font-size:9px;font-weight:900;color:#6A7F86}.story-question-topic-v1522 select{flex:1;border:0;background:transparent;color:#2F4951;font-size:10px;font-weight:800;outline:none}
.story-compose-editor-v1522{border:1px solid #DCE8EB;border-radius:15px;background:#fff;overflow:hidden;transition:.16s}.story-compose-editor-v1522:focus-within{border-color:#9DDCD6;box-shadow:0 0 0 3px rgba(53,181,170,.08)}.story-compose-title-v1522{width:100%;height:36px;border:0;border-bottom:1px solid #DDF7F4;padding:0 13px;background:transparent;color:#2B4048;font:inherit;font-size:10px;font-weight:800;outline:none}.story-compose-editor-v1522 textarea{width:100%;min-height:132px;max-height:260px;resize:vertical;border:0;background:transparent;color:#263D45;padding:13px 14px 8px;font:inherit;font-size:14px;line-height:1.62;outline:none}.story-compose-editor-v1522 textarea::placeholder,.story-compose-title-v1522::placeholder{color:#9AACB1}.story-editor-toolbar-v1522{display:grid;grid-template-columns:repeat(4,30px) 1fr repeat(4,30px) auto;align-items:center;gap:4px;min-height:42px;padding:5px 8px;border-top:1px solid #DDF7F4;background:#FBFCFC}.story-editor-toolbar-v1522 button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#536B73;font-size:11px;font-weight:900;cursor:pointer}.story-editor-toolbar-v1522 button:hover,.story-editor-toolbar-v1522 button:focus-visible{background:#EAF7F5;color:#249D98}.story-editor-toolbar-v1522 small{font-size:8px;color:#91A3A8;white-space:nowrap;padding-left:3px}
.story-source-row-v1522{display:grid;grid-template-columns:1fr 1fr;gap:8px}.story-source-row-v1522 label{min-width:0;display:grid;gap:4px;padding:8px 10px;border:1px solid #C6ECE8;border-radius:12px;background:#F4FCFB}.story-source-row-v1522 label>span{font-size:8px;font-weight:900;color:#526970;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-source-row-v1522 select{width:100%;height:31px;border:0;background:transparent;color:#1F3B4D;font-size:9px;font-weight:700;outline:none}.story-verified-note-v1522{padding:8px 10px;border:1px solid #F2D8A3;border-radius:11px;background:#FFF9E9;color:#8A6712;font-size:9px;line-height:1.45}
.story-compose-add-v1522{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px 8px 12px;border:1px solid #C6ECE8;border-radius:12px;background:#fff}.story-compose-add-v1522>div:first-child{min-width:0}.story-compose-add-v1522 b,.story-compose-add-v1522 small{display:block}.story-compose-add-v1522 b{font-size:10px;color:#2D454D}.story-compose-add-v1522 small{font-size:8px;color:#91A2A7;margin-top:2px}.story-compose-add-actions-v1522{display:flex;align-items:center;gap:4px}.story-compose-add-actions-v1522 button{width:34px;height:34px;border:0;border-radius:10px;background:#F3F8F8;display:grid;place-items:center;font-size:16px;cursor:pointer;transition:.15s}.story-compose-add-actions-v1522 button:hover{background:#E7F7F4;transform:translateY(-1px)}.story-hidden-file-v1522{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.story-addon-panel-v1522{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:11px;background:#F4FCFB;border:1px dashed #CEE3E4;color:#5E777E;font-size:9px}.story-addon-panel-v1522 label{display:flex;align-items:center;gap:8px;width:100%;font-weight:900}.story-addon-panel-v1522 input{flex:1;min-width:0;height:32px;border:1px solid #D6E5E7;border-radius:9px;background:#fff;padding:0 9px;font:inherit;font-size:9px;outline:none}.story-addon-panel-v1522 button{border:0;background:transparent;color:#9A5A55;font-size:9px;font-weight:800;cursor:pointer}.story-compose-status-v1522{padding:9px 11px;border-radius:10px;background:#EDF9F6;color:#249D98;font-size:9px;font-weight:800}.story-compose-status-v1522.error{background:#FFF0EF;color:#B83B49}.story-compose-submit-v1522{height:40px;border:0;border-radius:10px;background:linear-gradient(135deg,#69D7D0,#8EDFF0);color:#fff;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(35,154,150,.18)}.story-compose-submit-v1522:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.story-rich-preview-v1522{display:block;color:inherit;font-size:inherit;line-height:1.6}.story-rich-line-v1522,.story-rich-gap-v1522{display:block}.story-rich-gap-v1522{height:.45em}.story-rich-heading-v1522{font-weight:900;color:#263D45}.story-rich-quote-v1522{display:block;border-left:3px solid #93D8D2;padding-left:8px;color:#60777E}.story-rich-list-v1522{display:block;padding-left:3px}.story-rich-link-v1522{color:#249D98;text-decoration:underline;text-underline-offset:2px}
html[data-theme="dark"] .story-quick-compose-v1521,html[data-theme="dark"] .story-quick-tool-v1521,html[data-theme="dark"] .story-compose-card-v1522,html[data-theme="dark"] .story-compose-editor-v1522,html[data-theme="dark"] .story-compose-add-v1522{background:#15242B!important;border-color:#1F3B4D;color:#DDF7F4}html[data-theme="dark"] .story-compose-head-v1522{border-color:#1F3B4D}html[data-theme="dark"] .story-compose-head-v1522 h2,html[data-theme="dark"] .story-compose-profile-v1522>div>b,html[data-theme="dark"] .story-compose-title-v1522,html[data-theme="dark"] .story-compose-editor-v1522 textarea,html[data-theme="dark"] .story-source-row-v1522 select,html[data-theme="dark"] .story-compose-add-v1522 b{color:#DDF7F4}html[data-theme="dark"] .story-compose-tabs-v1522 button,html[data-theme="dark"] .story-source-row-v1522 label,html[data-theme="dark"] .story-editor-toolbar-v1522,html[data-theme="dark"] .story-question-topic-v1522,html[data-theme="dark"] .story-addon-panel-v1522{background:#102027;border-color:#1F3B4D;color:#BBD0D4}html[data-theme="dark"] .story-compose-tabs-v1522 button.active{background:#173B3A;color:#79D8CE;border-color:#356C68}html[data-theme="dark"] .story-compose-title-v1522{border-color:#1F3B4D}
@media(max-width:700px){.story-quick-compose-v1521{grid-template-columns:minmax(0,1fr) 48px 48px;padding:8px;border-radius:18px}.story-quick-tool-v1521{width:48px;padding:0}.story-quick-tool-v1521 span{display:none}.story-quick-placeholder-v1521{padding:0 11px;font-size:11px}.story-compose-modal-v1522{padding:8px;align-items:flex-end}.story-compose-card-v1522{width:100%!important;max-height:94vh!important;border-radius:21px 21px 12px 12px!important}.story-compose-form-v1522{max-height:calc(94vh - 111px);padding:10px 12px 13px}.story-source-row-v1522{grid-template-columns:1fr}.story-editor-toolbar-v1522{grid-template-columns:repeat(4,28px) 1fr repeat(4,28px);gap:2px}.story-editor-toolbar-v1522 button{width:28px;height:28px}.story-editor-toolbar-v1522 small{grid-column:1/-1;text-align:right;padding-right:2px}.story-compose-add-v1522 small{display:none}}
@media(max-width:420px){.story-quick-avatar-v1521{width:38px;height:38px;flex-basis:38px}.story-quick-compose-main-v1521{gap:7px}.story-quick-placeholder-v1521{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-compose-tabs-v1522{padding-left:12px;padding-right:12px}.story-compose-tabs-v1522 button{font-size:9px}.story-compose-profile-controls-v1522{gap:4px}.story-comments-chip-v1522{font-size:8px}.story-compose-editor-v1522 textarea{min-height:118px;font-size:13px}.story-compose-add-v1522{padding-left:10px}.story-compose-add-actions-v1522 button{width:31px;height:31px;font-size:14px}}


/* TRIPLOOM V15.0.23 · Two-step Chuyện Hành Trình composer. File 24 page UI remains unchanged. */
.story-compose-modal-v1523{padding:16px}.story-compose-choice-card-v1523{width:min(470px,100%)!important;padding:22px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 26px 80px rgba(17,47,54,.30)!important}.story-compose-choice-card-v1523>.modal-close{right:14px;top:14px;width:36px;height:36px;border-radius:50%}.story-compose-choice-head-v1523{padding:7px 40px 15px 2px}.story-compose-choice-head-v1523>span,.story-compose-head-v1523 small{display:block;color:#249D98;font-size:9px;font-weight:900;letter-spacing:.14em}.story-compose-choice-head-v1523 h2{margin:5px 0 5px!important;color:#203A43;font-size:23px!important;letter-spacing:-.035em}.story-compose-choice-head-v1523 p{margin:0;color:#7A8D93;font-size:11px;line-height:1.5}.story-compose-choice-grid-v1523{display:grid;gap:9px}.story-compose-choice-v1523{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:11px;text-align:left;border:1px solid #C6ECE8;border-radius:15px;background:#F4FCFB;padding:13px;cursor:pointer;transition:.16s}.story-compose-choice-v1523:hover{transform:translateY(-1px);border-color:#B7DFDC;background:#F1FAF8;box-shadow:0 8px 20px rgba(28,102,102,.08)}.story-compose-choice-v1523.question:hover{border-color:#BCDDF2;background:#F3F9FD}.story-compose-choice-icon-v1523{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#DDF7F4;font-size:20px}.story-compose-choice-v1523.question .story-compose-choice-icon-v1523{background:#EAF4FC}.story-compose-choice-v1523 b,.story-compose-choice-v1523 small{display:block}.story-compose-choice-v1523 b{font-size:12px;color:#294047;margin-bottom:3px}.story-compose-choice-v1523 small{color:#7B8E94;font-size:9px;line-height:1.45}.story-compose-choice-v1523 em{font-style:normal;color:#7C9297;font-size:18px}
.story-compose-card-v1523{width:min(590px,100%)!important;max-height:min(88vh,760px)!important;padding:0!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 26px 80px rgba(17,47,54,.30)!important}.story-compose-card-v1523>.modal-close{right:14px;top:13px;width:36px;height:36px;border-radius:50%;z-index:5}.story-compose-back-v1523{position:absolute;left:14px;top:13px;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:#F1F6F7;color:#476068;font-size:18px;cursor:pointer}.story-compose-back-v1523:hover{background:#E8F5F3;color:#249D98}.story-compose-head-v1523{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #C6ECE8;padding:0 58px}.story-compose-head-v1523 h2{margin:2px 0 0!important;font-size:18px!important;color:#203A43;letter-spacing:-.025em}.story-compose-form-v1523{display:grid;gap:10px;padding:13px 16px 16px;overflow:auto;max-height:calc(min(88vh,760px) - 64px);overscroll-behavior:contain}.story-compose-profile-v1523{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px}.story-compose-avatar-v1523{width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#E4F8F4;color:#249D98;font-size:14px;font-weight:900}.story-compose-avatar-v1523 img{width:100%;height:100%;object-fit:cover}.story-compose-identity-v1523>b{display:block;font-size:12px;color:#263E46;margin-bottom:4px}.story-compose-profile-controls-v1523{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.story-visibility-chip-v1523,.story-comments-chip-v1523{height:27px;display:flex;align-items:center;gap:4px;padding:0 8px;border-radius:8px;background:#EEF2F3;color:#385058;font-size:9px;font-weight:800}.story-visibility-chip-v1523 select{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;outline:none;padding:0}.story-comments-chip-v1523 input{width:13px;height:13px;margin:0;accent-color:#69D7D0}.story-question-topic-v1523{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;border:1px solid #E1EBED;border-radius:11px;background:#F4FCFB}.story-question-topic-v1523 span{font-size:9px;font-weight:900;color:#647980}.story-question-topic-v1523 select{height:31px;border:0;background:transparent;color:#1F3B4D;font-size:10px;font-weight:800;outline:none}.story-compose-editor-v1523{border:1px solid #DCE8EB;border-radius:15px;background:#fff;overflow:hidden;transition:.16s}.story-compose-editor-v1523:focus-within{border-color:#9DDCD6;box-shadow:0 0 0 3px rgba(53,181,170,.08)}.story-compose-editor-v1523 textarea{width:100%;min-height:150px;max-height:280px;resize:vertical;border:0;background:transparent;color:#263D45;padding:15px 14px 10px;font:inherit;font-size:14px;line-height:1.62;outline:none}.story-compose-editor-v1523 textarea::placeholder{color:#9AACB1}.story-editor-toolbar-v1523{display:grid;grid-template-columns:repeat(4,30px) 1fr repeat(4,30px) auto;align-items:center;gap:4px;min-height:42px;padding:5px 8px;border-top:1px solid #DDF7F4;background:#FBFCFC}.story-editor-toolbar-v1523 button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#536B73;font-size:11px;font-weight:900;cursor:pointer}.story-editor-toolbar-v1523 button:hover,.story-editor-toolbar-v1523 button:focus-visible{background:#EAF7F5;color:#249D98}.story-editor-toolbar-v1523 small{font-size:8px;color:#91A3A8;white-space:nowrap}.story-source-row-v1523{display:grid;grid-template-columns:1fr 1fr;gap:8px}.story-source-row-v1523 label{min-width:0;display:grid;gap:4px;padding:9px 10px;border:1px solid #C6ECE8;border-radius:12px;background:#F4FCFB}.story-source-row-v1523 label>span{font-size:8px;font-weight:900;color:#526970;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-source-row-v1523 select{width:100%;height:32px;border:0;background:transparent;color:#1F3B4D;font-size:9px;font-weight:700;outline:none}.story-verified-note-v1523{padding:8px 10px;border:1px solid #F2D8A3;border-radius:11px;background:#FFF9E9;color:#8A6712;font-size:9px;line-height:1.45}.story-compose-add-v1523{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px 8px 12px;border:1px solid #C6ECE8;border-radius:12px;background:#fff}.story-compose-add-copy-v1523{min-width:0}.story-compose-add-copy-v1523 b,.story-compose-add-copy-v1523 small{display:block}.story-compose-add-copy-v1523 b{font-size:10px;color:#2D454D}.story-compose-add-copy-v1523 small{font-size:8px;color:#91A2A7;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-compose-add-actions-v1523{display:flex;align-items:center;gap:4px}.story-compose-add-actions-v1523 button{width:34px;height:34px;border:0;border-radius:10px;background:#F3F8F8;display:grid;place-items:center;font-size:16px;cursor:pointer;transition:.15s}.story-compose-add-actions-v1523 button:hover{background:#E7F7F4;transform:translateY(-1px)}.story-hidden-file-v1523{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.story-compact-attachment-chips-v1523{display:flex;gap:5px;flex-wrap:wrap;margin-top:-4px}.story-compact-attachment-chips-v1523 button{border:1px solid #C6ECE8;border-radius:999px;background:#F4FCFB;color:#4B666D;font-size:8px;font-weight:800;padding:5px 8px;cursor:pointer}.story-compose-status-v1523{padding:9px 11px;border-radius:10px;background:#EDF9F6;color:#249D98;font-size:9px;font-weight:800}.story-compose-status-v1523.error{background:#FFF0EF;color:#B83B49}.story-compose-submit-v1523{height:41px;border:0;border-radius:10px;background:linear-gradient(135deg,#69D7D0,#8EDFF0);color:#fff;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(35,154,150,.18)}.story-compose-submit-v1523:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
html[data-theme="dark"] .story-compose-choice-card-v1523,html[data-theme="dark"] .story-compose-card-v1523,html[data-theme="dark"] .story-compose-editor-v1523,html[data-theme="dark"] .story-compose-add-v1523{background:#15242B!important;border-color:#1F3B4D;color:#DDF7F4}html[data-theme="dark"] .story-compose-head-v1523{border-color:#1F3B4D}html[data-theme="dark"] .story-compose-choice-head-v1523 h2,html[data-theme="dark"] .story-compose-head-v1523 h2,html[data-theme="dark"] .story-compose-identity-v1523>b,html[data-theme="dark"] .story-compose-editor-v1523 textarea,html[data-theme="dark"] .story-source-row-v1523 select,html[data-theme="dark"] .story-compose-add-copy-v1523 b{color:#DDF7F4}html[data-theme="dark"] .story-compose-choice-v1523,html[data-theme="dark"] .story-source-row-v1523 label,html[data-theme="dark"] .story-editor-toolbar-v1523,html[data-theme="dark"] .story-question-topic-v1523{background:#102027;border-color:#1F3B4D;color:#BBD0D4}html[data-theme="dark"] .story-compose-choice-v1523 b{color:#DDF7F4}
@media(max-width:700px){.story-compose-modal-v1523{padding:8px;align-items:flex-end}.story-compose-choice-card-v1523{padding:18px!important;border-radius:20px 20px 12px 12px!important}.story-compose-card-v1523{width:100%!important;max-height:94vh!important;border-radius:21px 21px 12px 12px!important}.story-compose-form-v1523{max-height:calc(94vh - 64px);padding:11px 12px 13px}.story-source-row-v1523{grid-template-columns:1fr}.story-editor-toolbar-v1523{grid-template-columns:repeat(4,28px) 1fr repeat(4,28px);gap:2px}.story-editor-toolbar-v1523 button{width:28px;height:28px}.story-editor-toolbar-v1523 small{grid-column:1/-1;text-align:right}.story-compose-add-copy-v1523 small{max-width:170px}.story-question-topic-v1523{grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:420px){.story-compose-choice-head-v1523 h2{font-size:20px!important}.story-compose-choice-v1523{grid-template-columns:42px minmax(0,1fr) 18px;padding:11px}.story-compose-choice-icon-v1523{width:42px;height:42px}.story-compose-profile-controls-v1523{gap:4px}.story-comments-chip-v1523 span{font-size:8px}.story-compose-editor-v1523 textarea{min-height:132px;font-size:13px}.story-compose-add-actions-v1523 button{width:31px;height:31px;font-size:14px}.story-compose-add-copy-v1523 small{max-width:120px}}

/* TRIPLOOM V15.0.24 · Composer UI hard-fix + modern profile/attachment controls. */
.story-compose-modal-v1523 .story-compose-card-v1523{width:min(620px,calc(100vw - 28px))!important;max-height:min(90vh,780px)!important;border:1px solid rgba(206,227,230,.92)!important;border-radius:24px!important;background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFB 100%)!important;box-shadow:0 30px 90px rgba(17,56,65,.28)!important}
.story-compose-modal-v1523 .story-compose-head-v1523{height:70px!important;padding:0 64px!important;background:linear-gradient(180deg,#FCFFFF,#F4FCFB)!important;border-bottom:1px solid #C6ECE8!important}
.story-compose-modal-v1523 .story-compose-head-v1523 small{font-size:8px!important;line-height:1!important;letter-spacing:.18em!important;color:#69D7D0!important}
.story-compose-modal-v1523 .story-compose-head-v1523 h2{margin:5px 0 0!important;font-size:19px!important;line-height:1.15!important;font-weight:900!important;color:#243E47!important}
.story-compose-modal-v1523 .story-compose-back-v1523,.story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{top:16px!important;width:38px!important;height:38px!important;border:1px solid #E3EDEE!important;background:#F5F9F9!important;color:#47636B!important;box-shadow:none!important}
.story-compose-modal-v1523 .story-compose-back-v1523{left:16px!important}.story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{right:16px!important}
.story-compose-modal-v1523 .story-compose-back-v1523:hover,.story-compose-modal-v1523 .story-compose-card-v1523>.modal-close:hover{background:#EAF7F5!important;color:#249D98!important;border-color:#CDE9E6!important}
.story-compose-modal-v1523 .story-compose-form-v1523{gap:12px!important;padding:15px 18px 18px!important;max-height:calc(min(90vh,780px) - 70px)!important}

/* Profile block: explicitly neutralize global modal input/select sizing so it cannot break into stray icons. */
.story-compose-modal-v1523 .story-compose-profile-v1524{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;margin:0!important;padding:9px 10px!important;border:1px solid #C6ECE8!important;border-radius:16px!important;background:linear-gradient(135deg,#F4FCFB,#F3FAF9)!important}
.story-compose-modal-v1523 .story-compose-avatar-v1523{width:46px!important;height:46px!important;border:2px solid #FFFFFF!important;box-shadow:0 5px 14px rgba(33,91,95,.10)!important;background:#DDF7F4!important}
.story-compose-modal-v1523 .story-compose-identity-v1523{min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.story-compose-modal-v1523 .story-compose-name-v1524{min-width:0!important}.story-compose-modal-v1523 .story-compose-name-v1524>b{display:block!important;margin:0!important;font-size:12px!important;line-height:1.25!important;color:#1F3B4D!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.story-compose-modal-v1523 .story-compose-name-v1524>small{display:block!important;margin-top:2px!important;font-size:8px!important;line-height:1.2!important;font-weight:700!important;color:#91A5AA!important}
.story-compose-modal-v1523 .story-compose-profile-controls-v1523{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:nowrap!important}
.story-compose-modal-v1523 label.story-visibility-chip-v1523,.story-compose-modal-v1523 label.story-comments-chip-v1523{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 10px!important;border:1px solid #DDE9EA!important;border-radius:999px!important;background:#FFFFFF!important;color:#405A62!important;font-size:9px!important;font-weight:900!important;line-height:1!important;box-shadow:0 2px 7px rgba(34,73,84,.04)!important;cursor:pointer!important}
.story-compose-modal-v1523 label.story-visibility-chip-v1523{min-width:118px!important;padding-left:9px!important;padding-right:8px!important}
.story-compose-modal-v1523 .story-control-icon-v1524{display:grid!important;place-items:center!important;width:17px!important;height:17px!important;color:#69D7D0!important;flex:0 0 auto!important}.story-compose-modal-v1523 .story-control-icon-v1524 svg{width:15px!important;height:15px!important;stroke-width:1.9!important}
.story-compose-modal-v1523 .story-visibility-chip-v1523 select{display:block!important;width:auto!important;max-width:100px!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0 14px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#405A62!important;font-size:9px!important;font-weight:900!important;line-height:24px!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important}
.story-compose-modal-v1523 .story-control-chevron-v1524{position:absolute!important;right:9px!important;top:50%!important;transform:translateY(-58%)!important;font-size:11px!important;color:#8CA0A5!important;pointer-events:none!important}
.story-compose-modal-v1523 .story-comments-chip-v1523 input[type="checkbox"]{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important}
.story-compose-modal-v1523 .story-comments-toggle-v1524{position:relative!important;display:block!important;width:30px!important;height:18px!important;border-radius:999px!important;background:#D9E3E5!important;box-shadow:inset 0 0 0 1px rgba(72,105,113,.05)!important;transition:.18s!important;flex:0 0 auto!important}.story-compose-modal-v1523 .story-comments-toggle-v1524:after{content:""!important;position:absolute!important;left:3px!important;top:3px!important;width:12px!important;height:12px!important;border-radius:50%!important;background:#FFFFFF!important;box-shadow:0 2px 5px rgba(40,72,78,.18)!important;transition:.18s!important}
.story-compose-modal-v1523 .story-comments-chip-v1523 input:checked + .story-comments-toggle-v1524{background:linear-gradient(135deg,#69D7D0,#69D7D0)!important}.story-compose-modal-v1523 .story-comments-chip-v1523 input:checked + .story-comments-toggle-v1524:after{transform:translateX(12px)!important}
.story-compose-modal-v1523 .story-comments-label-v1524{display:flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}.story-compose-modal-v1523 .story-comments-label-v1524 svg{width:13px!important;height:13px!important;color:#6C858C!important}

/* Editor and controls */
.story-compose-modal-v1523 .story-compose-editor-v1523{border:1px solid #C6ECE8!important;border-radius:16px!important;background:#FFFFFF!important;box-shadow:0 3px 12px rgba(34,73,84,.035)!important}.story-compose-modal-v1523 .story-compose-editor-v1523:focus-within{border-color:#74CEC7!important;box-shadow:0 0 0 4px rgba(52,183,173,.09)!important}
.story-compose-modal-v1523 .story-compose-editor-v1523 textarea{width:100%!important;min-height:160px!important;max-height:300px!important;margin:0!important;padding:16px 14px 10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#1F3B4D!important;font-size:13px!important;line-height:1.65!important;resize:vertical!important}
.story-compose-modal-v1523 .story-editor-toolbar-v1523{display:grid!important;grid-template-columns:repeat(4,30px) 1fr repeat(4,30px) auto!important;gap:4px!important;min-height:44px!important;padding:6px 8px!important;border-top:1px solid #DDF7F4!important;background:#F4FCFB!important}
.story-compose-modal-v1523 .story-editor-toolbar-v1523 button{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#587078!important;font-size:10px!important;box-shadow:none!important}.story-compose-modal-v1523 .story-editor-toolbar-v1523 button:hover{background:#EAF7F5!important;color:#249D98!important}.story-compose-modal-v1523 .story-editor-toolbar-v1523 small{font-size:8px!important;color:#93A5AA!important}
.story-compose-modal-v1523 label.story-question-topic-v1523{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;margin:0!important;padding:8px 10px!important;border:1px solid #C6ECE8!important;border-radius:13px!important;background:#F4FCFB!important}.story-compose-modal-v1523 .story-question-topic-v1523>span{font-size:9px!important;font-weight:900!important;color:#617980!important}.story-compose-modal-v1523 .story-question-topic-v1523 select{height:34px!important;min-height:34px!important;margin:0!important;padding:0 30px 0 9px!important;border:1px solid #C6ECE8!important;border-radius:10px!important;background:#FFFFFF!important;box-shadow:none!important;font-size:10px!important}

/* Smart source cards */
.story-compose-modal-v1523 .story-source-row-v1523{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important}.story-compose-modal-v1523 .story-source-row-v1523>label{display:grid!important;gap:7px!important;min-width:0!important;margin:0!important;padding:10px!important;border:1px solid #DDE9EB!important;border-radius:14px!important;background:linear-gradient(180deg,#F4FCFB,#F4FCFB)!important;box-shadow:none!important}.story-compose-modal-v1523 .story-source-row-v1523 label>span{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;color:#536B72!important;font-size:8px!important;font-weight:900!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.story-compose-modal-v1523 .story-source-row-v1523 label>span svg{width:13px!important;height:13px!important;flex:0 0 auto!important;color:#69D7D0!important}.story-compose-modal-v1523 .story-source-row-v1523 label>span em{margin-left:auto!important;padding:3px 6px!important;border-radius:999px!important;background:#E6F8F5!important;color:#249D98!important;font-style:normal!important;font-size:7px!important;letter-spacing:.03em!important}.story-compose-modal-v1523 .story-source-row-v1523 select{width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 31px 0 10px!important;border:1px solid #D9E6E8!important;border-radius:11px!important;background:#FFFFFF!important;box-shadow:none!important;color:#314A52!important;font-size:9px!important;font-weight:800!important}
.story-compose-modal-v1523 .story-verified-note-v1523{display:flex!important;align-items:flex-start!important;gap:7px!important;padding:9px 11px!important;border:1px solid #F0D6A0!important;border-radius:12px!important;background:#FFF9EB!important;color:#8A6712!important;font-size:8px!important;line-height:1.45!important}.story-compose-modal-v1523 .story-verified-note-v1523 svg{width:14px!important;height:14px!important;flex:0 0 auto!important;margin-top:1px!important}

/* Attachment action dock with vector icons. */
.story-compose-modal-v1523 .story-compose-add-v1524{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 10px 9px 12px!important;border:1px solid #C6ECE8!important;border-radius:14px!important;background:linear-gradient(135deg,#FFFFFF,#F4FCFB)!important;box-shadow:0 3px 11px rgba(34,73,84,.03)!important}.story-compose-modal-v1523 .story-compose-add-copy-v1523 b{font-size:10px!important;color:#304950!important}.story-compose-modal-v1523 .story-compose-add-copy-v1523 small{margin-top:2px!important;font-size:7.5px!important;color:#93A5AA!important}
.story-compose-modal-v1523 .story-compose-add-actions-v1523{display:grid!important;grid-template-columns:repeat(4,48px)!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important}.story-compose-modal-v1523 .story-compose-add-actions-v1523 button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:48px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:1px solid transparent!important;border-radius:11px!important;background:#F2F7F7!important;color:#506A72!important;box-shadow:none!important;transition:.16s!important}.story-compose-modal-v1523 .story-compose-add-actions-v1523 button:hover,.story-compose-modal-v1523 .story-compose-add-actions-v1523 button:focus-visible{transform:translateY(-1px)!important;border-color:#CFE9E6!important;background:#DDF7F4!important;color:#249D98!important}.story-compose-modal-v1523 .story-addon-glyph-v1524{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;color:inherit!important}.story-compose-modal-v1523 .story-addon-glyph-v1524 svg{width:18px!important;height:18px!important;stroke-width:1.8!important;fill:none!important}.story-compose-modal-v1523 .story-compose-add-actions-v1523 button small{display:block!important;font-size:6.5px!important;font-weight:900!important;line-height:1!important;color:inherit!important}.story-compose-modal-v1523 .story-compact-attachment-chips-v1523{margin-top:-5px!important;gap:5px!important}.story-compose-modal-v1523 .story-compact-attachment-chips-v1523 button{min-height:26px!important;height:26px!important;padding:0 9px!important;border:1px solid #D9E8E9!important;border-radius:999px!important;background:#F2F9F8!important;color:#3C6667!important;font-size:8px!important;box-shadow:none!important}
.story-compose-modal-v1523 .story-compose-submit-v1523{height:44px!important;min-height:44px!important;margin-top:1px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#69D7D0,#69D7D0)!important;color:#FFFFFF!important;font-size:10px!important;font-weight:900!important;letter-spacing:.01em!important;box-shadow:0 9px 20px rgba(37,157,154,.18)!important}.story-compose-modal-v1523 .story-compose-submit-v1523:hover:not(:disabled){filter:saturate(1.05) brightness(.99)!important;transform:translateY(-1px)!important}

/* Choice popup vector icons */
.story-compose-modal-v1523 .story-compose-choice-icon-v1523 svg{width:21px!important;height:21px!important;color:#249D98!important;stroke-width:1.8!important}.story-compose-modal-v1523 .story-compose-choice-v1523.question .story-compose-choice-icon-v1523 svg{color:#8EDFF0!important}

html[data-theme="dark"] .story-compose-modal-v1523 .story-compose-profile-v1524,body.theme-dark .story-compose-modal-v1523 .story-compose-profile-v1524{background:linear-gradient(135deg,#11252B,#102128)!important;border-color:#284049!important}html[data-theme="dark"] .story-compose-modal-v1523 label.story-visibility-chip-v1523,html[data-theme="dark"] .story-compose-modal-v1523 label.story-comments-chip-v1523,body.theme-dark .story-compose-modal-v1523 label.story-visibility-chip-v1523,body.theme-dark .story-compose-modal-v1523 label.story-comments-chip-v1523{background:#142930!important;border-color:#1F3B4D!important;color:#DCEDEF!important}html[data-theme="dark"] .story-compose-modal-v1523 .story-compose-name-v1524>b,body.theme-dark .story-compose-modal-v1523 .story-compose-name-v1524>b{color:#DDF7F4!important}html[data-theme="dark"] .story-compose-modal-v1523 .story-visibility-chip-v1523 select,body.theme-dark .story-compose-modal-v1523 .story-visibility-chip-v1523 select{color:#DCEDEF!important}html[data-theme="dark"] .story-compose-modal-v1523 .story-compose-add-v1524,body.theme-dark .story-compose-modal-v1523 .story-compose-add-v1524{background:#11232B!important;border-color:#1F3B4D!important}html[data-theme="dark"] .story-compose-modal-v1523 .story-compose-add-actions-v1523 button,body.theme-dark .story-compose-modal-v1523 .story-compose-add-actions-v1523 button{background:#172C33!important;color:#BBD2D6!important}

@media(max-width:700px){.story-compose-modal-v1523 .story-compose-card-v1523{width:100%!important;max-height:94vh!important;border-radius:22px 22px 12px 12px!important}.story-compose-modal-v1523 .story-compose-form-v1523{padding:12px!important;max-height:calc(94vh - 66px)!important}.story-compose-modal-v1523 .story-compose-profile-v1524{grid-template-columns:42px minmax(0,1fr)!important;padding:8px!important}.story-compose-modal-v1523 .story-compose-avatar-v1523{width:42px!important;height:42px!important}.story-compose-modal-v1523 .story-compose-identity-v1523{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}.story-compose-modal-v1523 .story-compose-profile-controls-v1523{width:100%!important;justify-content:flex-start!important}.story-compose-modal-v1523 .story-source-row-v1523{grid-template-columns:1fr!important}.story-compose-modal-v1523 .story-compose-add-v1524{align-items:flex-start!important;flex-direction:column!important}.story-compose-modal-v1523 .story-compose-add-actions-v1523{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.story-compose-modal-v1523 .story-compose-add-actions-v1523 button{width:100%!important}.story-compose-modal-v1523 .story-editor-toolbar-v1523{grid-template-columns:repeat(4,28px) 1fr repeat(4,28px)!important}.story-compose-modal-v1523 .story-editor-toolbar-v1523 small{grid-column:1/-1!important;text-align:right!important}.story-compose-modal-v1523 .story-compose-editor-v1523 textarea{min-height:140px!important}.story-compose-modal-v1523 label.story-question-topic-v1523{grid-template-columns:90px minmax(0,1fr)!important}}
@media(max-width:430px){.story-compose-modal-v1523 .story-compose-profile-controls-v1523{gap:5px!important;flex-wrap:wrap!important}.story-compose-modal-v1523 label.story-visibility-chip-v1523{min-width:108px!important}.story-compose-modal-v1523 label.story-comments-chip-v1523{padding:0 8px!important}.story-compose-modal-v1523 .story-comments-label-v1524{font-size:8px!important}.story-compose-modal-v1523 .story-compose-add-actions-v1523 button small{font-size:6px!important}.story-compose-modal-v1523 .story-compose-head-v1523 h2{font-size:17px!important}}

/* TRIPLOOM V15.0.25 · Composer geometry + title/hashtag row + inline media preview. */
.story-compose-modal-v1523 .story-compose-card-v1523{position:relative!important;overflow:hidden!important}
.story-compose-modal-v1523 .story-compose-head-v1523{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:78px!important;padding:0 76px!important;text-align:center!important}
.story-compose-modal-v1523 .story-compose-head-v1523 small,.story-compose-modal-v1523 .story-compose-head-v1523 h2{display:block!important;width:100%!important;text-align:center!important}
.story-compose-modal-v1523 .story-compose-head-v1523 small{margin:0!important;line-height:1.05!important}
.story-compose-modal-v1523 .story-compose-head-v1523 h2{margin:5px 0 0!important;line-height:1.08!important}
.story-compose-modal-v1523 .story-compose-back-v1523,.story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{top:20px!important;z-index:5!important}
.story-compose-modal-v1523 .story-compose-form-v1523{gap:11px!important;max-height:calc(min(90vh,800px) - 78px)!important}

/* Author/privacy/comment block: stable one-line desktop geometry. */
.story-compose-modal-v1523 .story-compose-profile-v1524{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important;padding:10px 12px!important}
.story-compose-modal-v1523 .story-compose-identity-v1523{display:grid!important;grid-template-columns:minmax(120px,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important}
.story-compose-modal-v1523 .story-compose-name-v1524{align-self:center!important}
.story-compose-modal-v1523 .story-compose-profile-controls-v1523{display:grid!important;grid-template-columns:126px 154px!important;align-items:center!important;justify-content:end!important;gap:7px!important;width:auto!important}
.story-compose-modal-v1523 label.story-visibility-chip-v1523{width:126px!important;min-width:126px!important;max-width:126px!important}
.story-compose-modal-v1523 label.story-comments-chip-v1523{width:154px!important;min-width:154px!important;max-width:154px!important;padding:0 10px!important}
.story-compose-modal-v1523 .story-comments-label-v1524{font-size:8.5px!important}

/* 2:1 metadata row above the body editor. */
.story-compose-modal-v1523 .story-compose-meta-v1525{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(150px,1fr)!important;gap:9px!important}
.story-compose-modal-v1523 .story-compose-meta-v1525>label{display:grid!important;grid-template-rows:auto 34px!important;gap:4px!important;min-width:0!important;margin:0!important;padding:8px 10px 9px!important;border:1px solid #C6ECE8!important;border-radius:13px!important;background:linear-gradient(180deg,#F4FCFB,#F4FCFB)!important;box-shadow:0 2px 8px rgba(36,71,80,.025)!important}
.story-compose-modal-v1523 .story-compose-meta-v1525>label>span{font-size:8px!important;font-weight:900!important;letter-spacing:.02em!important;color:#637A81!important}
.story-compose-modal-v1523 .story-compose-meta-v1525 input{display:block!important;width:100%!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 10px!important;border:1px solid #DEE9EB!important;border-radius:10px!important;background:#FFFFFF!important;box-shadow:none!important;outline:0!important;color:#2C464E!important;font:inherit!important;font-size:10px!important;font-weight:750!important;line-height:34px!important}
.story-compose-modal-v1523 .story-compose-meta-v1525 input:focus{border-color:#83D1CB!important;box-shadow:0 0 0 3px rgba(50,177,168,.08)!important}
.story-compose-modal-v1523 .story-compose-meta-v1525 input::placeholder{color:#9CADB1!important;font-weight:650!important}

/* Keep toolbar compact; SVG link icon follows the same visual system. */
.story-compose-modal-v1523 .story-editor-toolbar-v1523 button svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* Attachment dock now exposes only image/video actions. */
.story-compose-modal-v1523 .story-compose-add-v1525{padding:9px 10px 9px 12px!important}
.story-compose-modal-v1523 .story-compose-add-actions-v1525{display:grid!important;grid-template-columns:64px 64px!important;gap:6px!important;width:auto!important}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 button{width:64px!important;height:42px!important;min-height:42px!important;display:grid!important;grid-template-columns:20px 1fr!important;grid-template-rows:1fr!important;align-items:center!important;justify-items:start!important;gap:5px!important;padding:0 9px!important;border:1px solid #C6ECE8!important;background:#F4F8F8!important}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 button small{font-size:8px!important;line-height:1!important}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 .story-addon-glyph-v1524{width:20px!important;height:20px!important}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 .story-addon-glyph-v1524 svg{width:17px!important;height:17px!important}

/* Selected media is shown inside the composer, not hidden behind a file count. */
.story-compose-modal-v1523 .story-media-preview-v1525{display:grid!important;gap:8px!important;padding:9px!important;border:1px solid #C6ECE8!important;border-radius:14px!important;background:#F4FCFB!important}
.story-compose-modal-v1523 .story-media-preview-v1525[hidden]{display:none!important}
.story-compose-modal-v1523 .story-media-preview-grid-v1525{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.story-compose-modal-v1523 .story-media-preview-item-v1525{position:relative!important;min-width:0!important;margin:0!important;border:1px solid #DFE9EB!important;border-radius:11px!important;overflow:hidden!important;background:#FFFFFF!important;aspect-ratio:4/3!important}
.story-compose-modal-v1523 .story-media-preview-item-v1525 img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.story-compose-modal-v1523 .story-media-preview-item-v1525 figcaption{position:absolute!important;left:5px!important;right:5px!important;bottom:5px!important;padding:4px 6px!important;border-radius:7px!important;background:rgba(19,43,49,.72)!important;color:#FFFFFF!important;font-size:7px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;backdrop-filter:blur(5px)!important}
.story-compose-modal-v1523 .story-video-preview-v1525{overflow:hidden!important;border:1px solid #DDE8EA!important;border-radius:12px!important;background:#0F1E23!important}
.story-compose-modal-v1523 .story-video-preview-v1525 iframe,.story-compose-modal-v1523 .story-video-preview-v1525 video{display:block!important;width:100%!important;aspect-ratio:16/9!important;max-height:240px!important;border:0!important;background:#0F1E23!important;object-fit:contain!important}
.story-compose-modal-v1523 .story-video-link-card-v1525{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:10px 11px!important;background:#F4FCFB!important;color:#36535B!important}
.story-compose-modal-v1523 .story-video-link-card-v1525>span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:10px!important;background:#E9F7F5!important;color:#249D98!important}
.story-compose-modal-v1523 .story-video-link-card-v1525 svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.story-compose-modal-v1523 .story-video-link-card-v1525 b,.story-compose-modal-v1523 .story-video-link-card-v1525 small{display:block!important;min-width:0!important}.story-compose-modal-v1523 .story-video-link-card-v1525 b{font-size:9px!important}.story-compose-modal-v1523 .story-video-link-card-v1525 small{margin-top:2px!important;font-size:7.5px!important;color:#82979D!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.story-compose-modal-v1523 .story-compact-attachment-chips-v1523{margin-top:-3px!important}

html[data-theme="dark"] .story-compose-modal-v1523 .story-compose-meta-v1525>label,body.theme-dark .story-compose-modal-v1523 .story-compose-meta-v1525>label,html[data-theme="dark"] .story-compose-modal-v1523 .story-media-preview-v1525,body.theme-dark .story-compose-modal-v1523 .story-media-preview-v1525{background:#102128!important;border-color:#1F3B4D!important}
html[data-theme="dark"] .story-compose-modal-v1523 .story-compose-meta-v1525 input,body.theme-dark .story-compose-modal-v1523 .story-compose-meta-v1525 input{background:#142930!important;border-color:#2B454D!important;color:#E5F1F2!important}
html[data-theme="dark"] .story-compose-modal-v1523 .story-compose-add-actions-v1525 button,body.theme-dark .story-compose-modal-v1523 .story-compose-add-actions-v1525 button{background:#172C33!important;border-color:#1F3B4D!important}
html[data-theme="dark"] .story-compose-modal-v1523 .story-video-link-card-v1525,body.theme-dark .story-compose-modal-v1523 .story-video-link-card-v1525{background:#142930!important;color:#DCEDEF!important}

@media(max-width:560px){
  .story-compose-modal-v1523 .story-compose-head-v1523{height:72px!important;padding:0 62px!important}
  .story-compose-modal-v1523 .story-compose-back-v1523,.story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{top:17px!important}
  .story-compose-modal-v1523 .story-compose-profile-v1524{grid-template-columns:42px minmax(0,1fr)!important}
  .story-compose-modal-v1523 .story-compose-identity-v1523{grid-template-columns:1fr!important;gap:7px!important}
  .story-compose-modal-v1523 .story-compose-profile-controls-v1523{grid-template-columns:minmax(112px,126px) minmax(140px,154px)!important;justify-content:start!important;max-width:100%!important}
  .story-compose-modal-v1523 .story-compose-meta-v1525{grid-template-columns:minmax(0,2fr) minmax(115px,1fr)!important;gap:7px!important}
  .story-compose-modal-v1523 .story-media-preview-grid-v1525{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:410px){
  .story-compose-modal-v1523 .story-compose-meta-v1525{grid-template-columns:1fr!important}
  .story-compose-modal-v1523 .story-compose-profile-controls-v1523{grid-template-columns:1fr!important;width:100%!important}
  .story-compose-modal-v1523 label.story-visibility-chip-v1523,.story-compose-modal-v1523 label.story-comments-chip-v1523{width:100%!important;min-width:0!important;max-width:none!important;justify-content:flex-start!important}
  .story-compose-modal-v1523 .story-compose-add-v1525{align-items:center!important;flex-direction:row!important}
  .story-compose-modal-v1523 .story-compose-add-actions-v1525{width:auto!important;grid-template-columns:52px 52px!important}
  .story-compose-modal-v1523 .story-compose-add-actions-v1525 button{width:52px!important;padding:0 6px!important}
}
/* V15.0.25 attachment dock stays horizontal on tablet/mobile unless the viewport is extremely narrow. */
.story-compose-modal-v1523 .story-compose-add-v1525{flex-direction:row!important;align-items:center!important}


/* TRIPLOOM V15.0.26 · Global surface contrast + composer final layout hardening. */
/* Global light theme: lower page-background luminance while preserving white cards/controls. */
html:not([data-theme="dark"]) body:not(.theme-dark){background:#DDF7F4!important}
html:not([data-theme="dark"]) .app-shell{background:#DDF7F4}
html:not([data-theme="dark"]) .main{background:#DDF7F4}
html:not([data-theme="dark"]) .content{background:transparent}

/* Composer backdrop/card establishes a clear 3-level contrast: page -> modal -> controls. */
.story-compose-modal-v1523{padding:18px!important;background:radial-gradient(circle at 50% 0,rgba(37,179,170,.20),transparent 34%),rgba(18,43,50,.40)!important;backdrop-filter:blur(18px) saturate(120%)!important}
.story-compose-modal-v1523 .story-compose-card-v1523{width:min(650px,calc(100vw - 28px))!important;max-height:min(92vh,850px)!important;border:1px solid #CEDFE3!important;border-radius:26px!important;background:#DDF7F4!important;box-shadow:0 34px 90px rgba(18,48,57,.28),inset 0 1px 0 rgba(255,255,255,.78)!important;overflow:hidden!important}
.story-compose-modal-v1523 .story-compose-card-v1523::before{display:none!important}
.story-compose-modal-v1523 .story-compose-head-v1523{height:78px!important;padding:0 78px!important;border-bottom:1px solid #D7E4E7!important;background:linear-gradient(180deg,#F4FCFB 0%,#F1F6F7 100%)!important}
.story-compose-modal-v1523 .story-compose-head-v1523 small{font-size:8px!important;letter-spacing:.18em!important;color:#69D7D0!important}
.story-compose-modal-v1523 .story-compose-head-v1523 h2{margin:5px 0 0!important;font-size:19px!important;font-weight:800!important;line-height:1.05!important;color:#213D46!important;letter-spacing:-.025em!important;white-space:nowrap!important}
.story-compose-modal-v1523 .story-compose-back-v1523,.story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{top:18px!important;width:40px!important;height:40px!important;border:1px solid #C6ECE8!important;border-radius:14px!important;background:#F4FCFB!important;color:#405C65!important;box-shadow:0 5px 14px rgba(35,77,87,.055)!important}
.story-compose-modal-v1523 .story-compose-back-v1523{left:16px!important;font-size:17px!important}
.story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{right:16px!important;font-size:22px!important}
.story-compose-modal-v1523 .story-compose-form-v1523{gap:11px!important;padding:14px 18px 18px!important;max-height:calc(min(92vh,850px) - 78px)!important;scrollbar-gutter:stable!important;scrollbar-width:thin!important;scrollbar-color:#A9CDCE transparent!important}
.story-compose-modal-v1523 .story-compose-form-v1523::-webkit-scrollbar{width:7px!important}.story-compose-modal-v1523 .story-compose-form-v1523::-webkit-scrollbar-thumb{background:#A9CDCE!important;border-radius:999px!important}

/* Author, visibility and discussion controls: one stable row on desktop. */
.story-compose-modal-v1523 .story-compose-profile-v1524{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;min-height:68px!important;padding:10px 11px!important;border:1px solid #D6E4E7!important;border-radius:17px!important;background:#FFFFFF!important;box-shadow:0 5px 16px rgba(30,69,80,.045)!important}
.story-compose-modal-v1523 .story-compose-avatar-v1523{width:48px!important;height:48px!important;border:1px solid #C6ECE8!important;background:#F4FCFB!important;box-shadow:0 3px 9px rgba(35,74,83,.04)!important}
.story-compose-modal-v1523 .story-compose-identity-v1523{display:grid!important;grid-template-columns:minmax(105px,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important}
.story-compose-modal-v1523 .story-compose-name-v1524>b{font-size:11.5px!important;color:#29444C!important}.story-compose-modal-v1523 .story-compose-name-v1524>small{font-size:7.5px!important;color:#93A4AA!important}
.story-compose-modal-v1523 .story-compose-profile-controls-v1523{display:grid!important;grid-template-columns:126px 150px!important;gap:7px!important;align-items:center!important;justify-content:end!important;width:auto!important}
.story-compose-modal-v1523 label.story-visibility-chip-v1523,.story-compose-modal-v1523 label.story-comments-chip-v1523{width:100%!important;min-width:0!important;max-width:none!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 10px!important;border:1px solid #D6E3E6!important;border-radius:12px!important;background:#F4FCFB!important;box-shadow:none!important;color:#3D5962!important}
.story-compose-modal-v1523 label.story-visibility-chip-v1523{justify-content:flex-start!important}
.story-compose-modal-v1523 .story-visibility-chip-v1523 select{flex:1!important;min-width:0!important;max-width:none!important;height:34px!important;min-height:34px!important;padding:0 15px 0 1px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:9.5px!important}
.story-compose-modal-v1523 .story-control-chevron-v1524{right:9px!important}
.story-compose-modal-v1523 label.story-comments-chip-v1523{justify-content:flex-start!important;gap:7px!important}
.story-compose-modal-v1523 .story-comments-label-v1524{font-size:8px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.story-compose-modal-v1523 .story-comments-toggle-v1524{width:32px!important;height:19px!important}.story-compose-modal-v1523 .story-comments-toggle-v1524:after{width:13px!important;height:13px!important}.story-compose-modal-v1523 .story-comments-chip-v1523 input:checked + .story-comments-toggle-v1524:after{transform:translateX(13px)!important}

/* Tiêu đề 2/3 + hashtag 1/3, with a single clean input surface (no nested-card look). */
.story-compose-modal-v1523 .story-compose-meta-v1525{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(150px,1fr)!important;gap:10px!important}
.story-compose-modal-v1523 .story-compose-meta-v1525>label{display:grid!important;grid-template-rows:auto 42px!important;gap:5px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.story-compose-modal-v1523 .story-compose-meta-v1525>label>span{padding-left:2px!important;font-size:8px!important;font-weight:900!important;color:#667D84!important}
.story-compose-modal-v1523 .story-compose-meta-v1525 input{width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 12px!important;border:1px solid #C6ECE8!important;border-radius:13px!important;background:#FFFFFF!important;color:#29454D!important;box-shadow:0 3px 10px rgba(31,69,79,.03)!important;font-size:10.5px!important;line-height:42px!important}
.story-compose-modal-v1523 .story-compose-meta-v1525 input:focus{border-color:#63C5BD!important;background:#FFFFFF!important;box-shadow:0 0 0 4px rgba(48,170,160,.09)!important}

/* Editor: clearer white surface, stronger hierarchy, robust toolbar. */
.story-compose-modal-v1523 .story-compose-editor-v1523{border:1px solid #CEDFE3!important;border-radius:17px!important;background:#FFFFFF!important;box-shadow:0 6px 18px rgba(30,68,78,.045)!important}
.story-compose-modal-v1523 .story-compose-editor-v1523 textarea{min-height:158px!important;max-height:290px!important;padding:15px 14px 11px!important;border:0!important;background:#FFFFFF!important;color:#273F48!important;font-size:13px!important;line-height:1.62!important;box-shadow:none!important}
.story-compose-modal-v1523 .story-editor-toolbar-v1523{display:flex!important;align-items:center!important;gap:4px!important;min-height:43px!important;padding:5px 8px!important;border-top:1px solid #E4ECEE!important;background:#F4FCFB!important;overflow-x:auto!important;scrollbar-width:none!important}
.story-compose-modal-v1523 .story-editor-toolbar-v1523::-webkit-scrollbar{display:none!important}.story-compose-modal-v1523 .story-toolbar-spacer-v1523{flex:1 1 auto!important;min-width:18px!important}.story-compose-modal-v1523 .story-editor-toolbar-v1523 button{flex:0 0 30px!important;width:30px!important;height:30px!important;min-height:30px!important}.story-compose-modal-v1523 .story-editor-toolbar-v1523 small{flex:0 0 auto!important;margin-left:3px!important}

/* Verified / question attachments: aligned cards and controls. */
.story-compose-modal-v1523 .story-source-row-v1523{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
.story-compose-modal-v1523 .story-source-row-v1523>label{display:grid!important;grid-template-rows:auto 40px!important;gap:6px!important;min-width:0!important;margin:0!important;padding:10px!important;border:1px solid #D5E3E6!important;border-radius:15px!important;background:#FFFFFF!important;box-shadow:0 4px 13px rgba(31,70,79,.035)!important}
.story-compose-modal-v1523 .story-source-row-v1523 label>span{min-height:16px!important;font-size:8px!important;color:#587078!important}.story-compose-modal-v1523 .story-source-row-v1523 label>span em{padding:3px 7px!important;background:#E7F7F4!important;color:#249D98!important}
.story-compose-modal-v1523 .story-source-row-v1523 select{width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 32px 0 11px!important;border:1px solid #D4E1E4!important;border-radius:12px!important;background:#F4FCFB!important;color:#314B53!important;box-shadow:none!important;font-size:9.5px!important}
.story-compose-modal-v1523 label.story-question-topic-v1523{grid-template-columns:110px minmax(0,1fr)!important;min-height:52px!important;padding:7px 9px!important;border-color:#D6E4E7!important;border-radius:14px!important;background:#FFFFFF!important;box-shadow:0 4px 13px rgba(31,70,79,.03)!important}
.story-compose-modal-v1523 .story-question-topic-v1523 select{height:38px!important;min-height:38px!important;border-radius:11px!important;background:#F4FCFB!important}
.story-compose-modal-v1523 .story-verified-note-v1523{min-height:36px!important;padding:9px 11px!important;border-color:#EBCF92!important;border-radius:12px!important;background:#FFF6E2!important;color:#8A6712!important}

/* Attachment dock and media preview. */
.story-compose-modal-v1523 .story-compose-add-v1525{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:60px!important;padding:9px 10px 9px 12px!important;border:1px solid #D5E3E6!important;border-radius:15px!important;background:#FFFFFF!important;box-shadow:0 4px 13px rgba(31,70,79,.035)!important}
.story-compose-modal-v1523 .story-compose-add-copy-v1523 b{font-size:9.5px!important}.story-compose-modal-v1523 .story-compose-add-copy-v1523 small{font-size:7.5px!important;color:#8CA1A7!important}
.story-compose-modal-v1523 .story-compose-add-actions-v1525{display:grid!important;grid-template-columns:72px 72px!important;gap:7px!important;width:auto!important;flex:0 0 auto!important}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:72px!important;height:40px!important;min-height:40px!important;padding:0 10px!important;border:1px solid #DCE7E9!important;border-radius:12px!important;background:#F4F8F9!important;color:#506A72!important;box-shadow:none!important}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 button:hover,.story-compose-modal-v1523 .story-compose-add-actions-v1525 button:focus-visible{border-color:#B8DEDA!important;background:#EAF7F5!important;color:#249D98!important}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 button small{font-size:8px!important;font-weight:850!important}.story-compose-modal-v1523 .story-addon-glyph-v1524{width:19px!important;height:19px!important}.story-compose-modal-v1523 .story-addon-glyph-v1524 svg{width:17px!important;height:17px!important}
.story-compose-modal-v1523 .story-media-preview-v1525{gap:8px!important;padding:9px!important;border:1px solid #C6ECE8!important;border-radius:15px!important;background:#E9EFF1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important}
.story-compose-modal-v1523 .story-media-preview-grid-v1525{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.story-compose-modal-v1523 .story-media-preview-item-v1525{border-color:#D4E0E3!important;border-radius:12px!important;box-shadow:0 3px 10px rgba(26,60,69,.05)!important}
.story-compose-modal-v1523 .story-video-link-card-v1525{border-radius:12px!important;background:#FFFFFF!important}
.story-compose-modal-v1523 .story-compact-attachment-chips-v1523{margin-top:-3px!important}

.story-compose-modal-v1523 .story-compose-submit-v1523{height:46px!important;min-height:46px!important;margin-top:2px!important;border-radius:13px!important;background:linear-gradient(135deg,#69D7D0 0%,#69D7D0 100%)!important;color:#FFFFFF!important;font-size:10px!important;box-shadow:0 10px 23px rgba(33,153,151,.20)!important}
.story-compose-modal-v1523 .story-compose-submit-v1523:disabled{background:#BFD6D8!important;color:#F4FCFB!important;box-shadow:none!important;opacity:.82!important}

/* Dark theme remains independent from the light-background adjustment. */
html[data-theme="dark"] .story-compose-modal-v1523 .story-compose-card-v1523,body.theme-dark .story-compose-modal-v1523 .story-compose-card-v1523{background:#0E1E25!important;border-color:#1F3B4D!important}

@media(max-width:680px){
  .story-compose-modal-v1523{padding:8px!important;align-items:flex-end!important}
  .story-compose-modal-v1523 .story-compose-card-v1523{width:calc(100vw - 12px)!important;max-height:95vh!important;border-radius:24px 24px 12px 12px!important}
  .story-compose-modal-v1523 .story-compose-form-v1523{padding:12px!important;max-height:calc(95vh - 72px)!important}
  .story-compose-modal-v1523 .story-compose-head-v1523{height:72px!important;padding:0 62px!important}
  .story-compose-modal-v1523 .story-compose-back-v1523,.story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{top:16px!important;width:38px!important;height:38px!important}
  .story-compose-modal-v1523 .story-compose-profile-v1524{grid-template-columns:44px minmax(0,1fr)!important;padding:9px!important}
  .story-compose-modal-v1523 .story-compose-avatar-v1523{width:44px!important;height:44px!important}
  .story-compose-modal-v1523 .story-compose-identity-v1523{grid-template-columns:1fr!important;gap:7px!important}
  .story-compose-modal-v1523 .story-compose-profile-controls-v1523{grid-template-columns:minmax(110px,126px) minmax(138px,150px)!important;justify-content:start!important;max-width:100%!important}
  .story-compose-modal-v1523 .story-compose-source-row-v1523{gap:8px!important}
  .story-compose-modal-v1523 .story-source-row-v1523{grid-template-columns:1fr!important}
  .story-compose-modal-v1523 .story-compose-meta-v1525{grid-template-columns:minmax(0,2fr) minmax(110px,1fr)!important;gap:8px!important}
  .story-compose-modal-v1523 .story-compose-editor-v1523 textarea{min-height:135px!important}
  .story-compose-modal-v1523 .story-media-preview-grid-v1525{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  .story-compose-modal-v1523 .story-compose-meta-v1525{grid-template-columns:1fr!important}
  .story-compose-modal-v1523 .story-compose-profile-controls-v1523{grid-template-columns:1fr 1fr!important;width:100%!important}
  .story-compose-modal-v1523 label.story-visibility-chip-v1523,.story-compose-modal-v1523 label.story-comments-chip-v1523{width:100%!important;min-width:0!important}
  .story-compose-modal-v1523 .story-comments-label-v1524 svg{display:none!important}
  .story-compose-modal-v1523 .story-compose-add-v1525{gap:8px!important}
  .story-compose-modal-v1523 .story-compose-add-copy-v1523 small{display:none!important}
  .story-compose-modal-v1523 .story-compose-add-actions-v1525{grid-template-columns:58px 58px!important}.story-compose-modal-v1523 .story-compose-add-actions-v1525 button{width:58px!important;padding:0 7px!important}
}

/* TRIPLOOM V15.0.27 · Chuyện Hành Trình composer frame cleanup / hard geometry fix. */
/* Keep the popup visually calm: one modal surface, one editor surface, one verified source surface. */
.story-compose-modal-v1523 .story-compose-card-v1523{
  background:#F4FCFB!important;
  border:1px solid #BFD2D6!important;
  box-shadow:0 34px 90px rgba(18,48,57,.28)!important;
}
.story-compose-modal-v1523 .story-compose-form-v1523{gap:12px!important}

/* Author row: remove the redundant outer card. */
.story-compose-modal-v1523 .story-compose-profile-v1524{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:1px solid #D0E0E3!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-compose-avatar-v1523{
  width:46px!important;height:46px!important;
  border:1px solid #D7E5E8!important;
  background:#FFFFFF!important;
  box-shadow:0 3px 10px rgba(29,67,77,.05)!important;
}
.story-compose-modal-v1523 .story-compose-identity-v1523{
  display:grid!important;
  grid-template-columns:minmax(110px,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
}
.story-compose-modal-v1523 .story-compose-name-v1524{min-width:0!important}
.story-compose-modal-v1523 .story-compose-name-v1524>b{font-size:12px!important;line-height:1.25!important}
.story-compose-modal-v1523 .story-compose-name-v1524>small{font-size:7.5px!important;margin-top:2px!important}
.story-compose-modal-v1523 .story-compose-profile-controls-v1523{
  display:grid!important;
  grid-template-columns:136px 148px!important;
  align-items:center!important;
  gap:8px!important;
  width:292px!important;
  max-width:292px!important;
  min-width:292px!important;
  justify-content:end!important;
}

/* Privacy control = exactly one pill. Neutralize every inherited select box. */
.story-compose-modal-v1523 label.story-visibility-chip-v1523,
.story-compose-modal-v1523 label.story-comments-chip-v1523{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  border:1px solid #C9DADF!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
  color:#344F57!important;
}
.story-compose-modal-v1523 label.story-visibility-chip-v1523{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) 10px!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 10px!important;
  overflow:hidden!important;
}
.story-compose-modal-v1523 .story-control-icon-v1524{
  display:grid!important;place-items:center!important;
  width:18px!important;height:18px!important;min-width:18px!important;
  color:#249D98!important;
}
.story-compose-modal-v1523 .story-control-icon-v1524 svg{width:15px!important;height:15px!important}
.story-compose-modal-v1523 .story-visibility-chip-v1523 select{
  position:static!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#344F57!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:38px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.story-compose-modal-v1523 .story-control-chevron-v1524{
  position:static!important;
  display:block!important;
  transform:none!important;
  width:10px!important;
  color:#789097!important;
  font-size:11px!important;
  line-height:1!important;
  text-align:center!important;
  pointer-events:none!important;
}
.story-compose-modal-v1523 label.story-comments-chip-v1523{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding:0 10px!important;
  overflow:hidden!important;
}
.story-compose-modal-v1523 .story-comments-label-v1524{
  display:flex!important;align-items:center!important;gap:4px!important;
  min-width:0!important;max-width:92px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:8px!important;
}
.story-compose-modal-v1523 .story-comments-label-v1524 svg{width:12px!important;height:12px!important;flex:0 0 auto!important}

/* Metadata: labels are not cards; only the input itself receives a border. */
.story-compose-modal-v1523 .story-compose-meta-v1525>label{
  border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important
}
.story-compose-modal-v1523 .story-compose-meta-v1525 input{
  border:1px solid #C8DADD!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}

/* Editor uses one crisp frame; toolbar is visually part of the same surface. */
.story-compose-modal-v1523 .story-compose-editor-v1523{
  border:1px solid #BED2D6!important;
  border-radius:15px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-editor-toolbar-v1523{
  border-top:1px solid #D7E4E7!important;
  background:#F4FCFB!important;
}

/* Verified sources: collapse two nested cards into one group surface. */
.story-compose-modal-v1523 .story-source-row-v1523{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  padding:10px!important;
  border:1px solid #C7D9DD!important;
  border-radius:15px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.story-compose-modal-v1523 .story-source-row-v1523>label{
  display:grid!important;
  grid-template-rows:auto 40px!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
  padding:0 10px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-source-row-v1523>label+label{
  padding:0 0 0 10px!important;
  border-left:1px solid #D8E5E7!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 label>span{
  display:flex!important;align-items:center!important;gap:5px!important;
  min-height:16px!important;
  overflow:hidden!important;
  color:#526970!important;
  font-size:8px!important;font-weight:900!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 label>span em{
  margin-left:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#249D98!important;
  font-size:7px!important;font-weight:900!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 select{
  box-sizing:border-box!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 32px 0 11px!important;
  border:1px solid #C8DADD!important;
  border-radius:11px!important;
  background:#F4FCFB!important;
  box-shadow:none!important;
  color:#314B53!important;
  font-size:9.5px!important;font-weight:800!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 select:focus{
  border-color:#5FC4BC!important;
  background:#FFFFFF!important;
  box-shadow:0 0 0 3px rgba(43,173,163,.08)!important;
  outline:0!important;
}

/* Question topic follows the same "one container, one field" rule. */
.story-compose-modal-v1523 label.story-question-topic-v1523{
  min-height:50px!important;
  padding:7px 9px!important;
  border:1px solid #C7D9DD!important;
  border-radius:13px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-question-topic-v1523 select{border-color:#C8DADD!important;background:#F4FCFB!important}

/* Warning and add dock stay distinct but flat, with clear borders. */
.story-compose-modal-v1523 .story-verified-note-v1523{
  border:1px solid #E4C77F!important;
  background:#FFF7E6!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-compose-add-v1525{
  min-height:56px!important;
  padding:8px 9px 8px 12px!important;
  border:1px solid #C7D9DD!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 button{
  border:1px solid #C9DADD!important;
  background:#F4FCFB!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-compose-submit-v1523{box-shadow:none!important}

@media(max-width:680px){
  .story-compose-modal-v1523 .story-compose-profile-v1524{grid-template-columns:44px minmax(0,1fr)!important;padding-bottom:10px!important}
  .story-compose-modal-v1523 .story-compose-identity-v1523{grid-template-columns:1fr!important;gap:7px!important}
  .story-compose-modal-v1523 .story-compose-profile-controls-v1523{
    grid-template-columns:minmax(120px,136px) minmax(142px,148px)!important;
    width:auto!important;min-width:0!important;max-width:100%!important;
    justify-content:start!important
  }
  .story-compose-modal-v1523 .story-source-row-v1523{grid-template-columns:1fr!important;gap:0!important}
  .story-compose-modal-v1523 .story-source-row-v1523>label{padding:0 0 10px!important}
  .story-compose-modal-v1523 .story-source-row-v1523>label+label{padding:10px 0 0!important;border-left:0!important;border-top:1px solid #D8E5E7!important}
}
@media(max-width:430px){
  .story-compose-modal-v1523 .story-compose-profile-controls-v1523{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important}
  .story-compose-modal-v1523 label.story-visibility-chip-v1523,.story-compose-modal-v1523 label.story-comments-chip-v1523{width:100%!important}
  .story-compose-modal-v1523 .story-comments-label-v1524{max-width:none!important}
}

/* V15.0.27 specificity guard: generic modal form rules must never redraw the privacy select. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-visibility-chip-v1523 select{
  box-sizing:border-box!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:38px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-width:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  color:#344F57!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:38px!important;
}
@media(max-width:430px){
  .story-compose-modal-v1523 .story-compose-profile-v1524{align-items:start!important}
  .story-compose-modal-v1523 .story-compose-avatar-v1523{margin-top:1px!important}
}

/* TRIPLOOM V15.0.28 · compact Verified source row + on-submit warning + single-frame editor. */
.story-compose-modal-v1523 .story-compose-editor-v1523{
  overflow:hidden!important;
  border:1px solid #C8DADD!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-compose-editor-v1523:focus-within{
  border-color:#65C7BF!important;
  box-shadow:0 0 0 3px rgba(48,170,160,.07)!important;
}
.story-compose-modal-v1523 .story-compose-editor-v1523 textarea{
  min-height:150px!important;
  margin:0!important;
  padding:14px 14px 10px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  resize:none!important;
}
.story-compose-modal-v1523 .story-editor-toolbar-v1523{
  min-height:40px!important;
  padding:4px 8px!important;
  border:0!important;
  border-top:1px solid #E1EAEC!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-source-row-v1523{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  min-height:66px!important;
  padding:8px 10px!important;
  border:1px solid #C6D9DD!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.story-compose-modal-v1523 .story-source-row-v1523>label{
  display:grid!important;
  grid-template-rows:14px 34px!important;
  gap:4px!important;
  align-content:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0 11px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-source-row-v1523>label+label{
  padding:0 0 0 11px!important;
  border-left:1px solid #D7E4E7!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 label>span{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:14px!important;
  line-height:14px!important;
  color:#526970!important;
  font-size:7.7px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 label>span svg{
  width:12px!important;
  height:12px!important;
  flex:0 0 auto!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 label>span em{
  margin-left:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#249D98!important;
  font-size:7px!important;
  line-height:14px!important;
  font-style:normal!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 select{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 30px 0 10px!important;
  border:1px solid #CFDEE1!important;
  border-radius:10px!important;
  background:#F4FCFB!important;
  box-shadow:none!important;
  color:#314A52!important;
  font-size:9.2px!important;
  font-weight:800!important;
  line-height:34px!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 select:focus{
  border-color:#63C5BD!important;
  background:#FFFFFF!important;
  box-shadow:0 0 0 3px rgba(48,170,160,.07)!important;
  outline:0!important;
}
.story-compose-modal-v1523 .story-verified-note-v1523{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid #E2C16E!important;
  border-radius:11px!important;
  background:#FFF7E4!important;
  color:#8A6712!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  line-height:1.4!important;
}
.story-compose-modal-v1523 .story-verified-note-v1523[hidden]{display:none!important}
.story-compose-modal-v1523 .story-verified-note-v1523 svg{width:15px!important;height:15px!important;flex:0 0 auto!important}

@media(max-width:680px){
  .story-compose-modal-v1523 .story-source-row-v1523{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important}
  .story-compose-modal-v1523 .story-source-row-v1523>label{padding:0 9px 0 0!important}
  .story-compose-modal-v1523 .story-source-row-v1523>label+label{padding:0 0 0 9px!important;border-top:0!important;border-left:1px solid #D7E4E7!important}
}
@media(max-width:520px){
  .story-compose-modal-v1523 .story-source-row-v1523{grid-template-columns:1fr!important;padding:8px 10px!important}
  .story-compose-modal-v1523 .story-source-row-v1523>label{padding:0 0 8px!important}
  .story-compose-modal-v1523 .story-source-row-v1523>label+label{padding:8px 0 0!important;border-left:0!important;border-top:1px solid #D7E4E7!important}
  .story-compose-modal-v1523 .story-compose-editor-v1523 textarea{min-height:132px!important}
}

/* TRIPLOOM V15.0.29 · compact source + attachment cluster. */
.story-compose-modal-v1523 .story-source-row-v1523{
  min-height:58px!important;
  padding:6px 8px!important;
  border-color:#C9DADD!important;
  border-radius:13px!important;
  background:#FFFFFF!important;
  margin-bottom:-2px!important;
}
.story-compose-modal-v1523 .story-source-row-v1523>label{
  grid-template-rows:12px 32px!important;
  gap:3px!important;
  padding:0 9px 0 0!important;
}
.story-compose-modal-v1523 .story-source-row-v1523>label+label{
  padding:0 0 0 9px!important;
  border-left-color:#D7E4E7!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 label>span{
  min-height:12px!important;
  line-height:12px!important;
  gap:4px!important;
  font-size:7.3px!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 label>span svg{
  width:11px!important;
  height:11px!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 label>span em{
  line-height:12px!important;
  font-size:6.6px!important;
}
.story-compose-modal-v1523 .story-source-row-v1523 select{
  height:32px!important;
  min-height:32px!important;
  padding:0 28px 0 9px!important;
  border-radius:9px!important;
  background:#F4FCFB!important;
  font-size:8.9px!important;
  line-height:32px!important;
}
.story-compose-modal-v1523 .story-compose-add-v1525{
  min-height:50px!important;
  padding:7px 8px 7px 10px!important;
  gap:10px!important;
  border-color:#C9DADD!important;
  border-radius:13px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
  margin-top:-2px!important;
}
.story-compose-modal-v1523 .story-compose-add-copy-v1523 b{
  font-size:9.3px!important;
  line-height:1.2!important;
}
.story-compose-modal-v1523 .story-compose-add-copy-v1523 small{
  margin-top:2px!important;
  font-size:7px!important;
  line-height:1.2!important;
}
.story-compose-modal-v1523 .story-compose-add-actions-v1525{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  flex:0 0 auto!important;
}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 button{
  width:48px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  gap:1px!important;
  border:1px solid #C6ECE8!important;
  border-radius:10px!important;
  background:#F4FCFB!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 button:hover,
.story-compose-modal-v1523 .story-compose-add-actions-v1525 button:focus-visible{
  border-color:#A9D9D5!important;
  background:#DDF7F4!important;
}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 .story-addon-glyph-v1524,
.story-compose-modal-v1523 .story-compose-add-actions-v1525 .story-addon-glyph-v1524 svg{
  width:15px!important;
  height:15px!important;
}
.story-compose-modal-v1523 .story-compose-add-actions-v1525 button small{
  font-size:6.2px!important;
  line-height:1!important;
}
@media(max-width:520px){
  .story-compose-modal-v1523 .story-source-row-v1523{padding:7px 9px!important;margin-bottom:-1px!important}
  .story-compose-modal-v1523 .story-source-row-v1523>label{padding:0 0 7px!important}
  .story-compose-modal-v1523 .story-source-row-v1523>label+label{padding:7px 0 0!important}
  .story-compose-modal-v1523 .story-compose-add-v1525{min-height:48px!important;margin-top:-1px!important;padding:7px 8px 7px 9px!important}
  .story-compose-modal-v1523 .story-compose-add-actions-v1525 button{width:44px!important;height:34px!important;min-height:34px!important}
}

/* TRIPLOOM V15.0.30 · visibly compact source + media support cluster. */
.story-compose-modal-v1523 .story-support-cluster-v1530{
  display:block!important;
  overflow:hidden!important;
  border:1px solid #BDD2D6!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  box-shadow:0 1px 0 rgba(28,72,79,.02)!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530>.story-source-row-v1523{
  min-height:0!important;
  margin:0!important;
  padding:7px 10px!important;
  gap:0!important;
  border:0!important;
  border-bottom:1px solid #DCE7E9!important;
  border-radius:0!important;
  background:transparent!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530>.story-source-row-v1523>label{
  min-height:46px!important;
  grid-template-rows:13px 30px!important;
  gap:3px!important;
  margin:0!important;
  padding:0 10px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530>.story-source-row-v1523>label+label{
  padding:0 0 0 10px!important;
  border-left:1px solid #DCE7E9!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-source-row-v1523 label>span{
  min-height:13px!important;
  height:13px!important;
  line-height:13px!important;
  font-size:7.4px!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-source-row-v1523 label>span svg{
  width:10px!important;
  height:10px!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-source-row-v1523 label>span em{
  font-size:6.5px!important;
  line-height:13px!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-source-row-v1523 select{
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 27px 0 9px!important;
  border:1px solid #C9DADD!important;
  border-radius:9px!important;
  background:#F9FBFC!important;
  box-shadow:none!important;
  font-size:8.8px!important;
  line-height:30px!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530>.story-compose-add-v1525{
  min-height:40px!important;
  margin:0!important;
  padding:5px 7px 5px 10px!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:#F4FCFB!important;
  box-shadow:none!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-copy-v1523 b{
  font-size:8.8px!important;
  line-height:1.1!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-copy-v1523 small{
  margin-top:1px!important;
  font-size:6.6px!important;
  line-height:1.05!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525{
  gap:5px!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525 button{
  width:42px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 4px!important;
  border:1px solid #D0DFE2!important;
  border-radius:9px!important;
  background:#FFFFFF!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525 .story-addon-glyph-v1524,
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525 .story-addon-glyph-v1524 svg{
  width:13px!important;
  height:13px!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525 button small{
  font-size:5.9px!important;
}
.story-compose-modal-v1523 .story-support-cluster-v1530>.story-media-preview-v1525,
.story-compose-modal-v1523 .story-support-cluster-v1530>.story-compact-attachment-chips-v1523{
  margin:0 8px 7px!important;
}
html[data-theme="dark"] .story-compose-modal-v1523 .story-support-cluster-v1530{
  background:#15242B!important;
  border-color:#385159!important;
}
html[data-theme="dark"] .story-compose-modal-v1523 .story-support-cluster-v1530>.story-source-row-v1523,
html[data-theme="dark"] .story-compose-modal-v1523 .story-support-cluster-v1530>.story-compose-add-v1525{
  background:transparent!important;
  border-color:#30474E!important;
}
html[data-theme="dark"] .story-compose-modal-v1523 .story-support-cluster-v1530 .story-source-row-v1523 select,
html[data-theme="dark"] .story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525 button{
  background:#102027!important;
  border-color:#385159!important;
}
@media(max-width:520px){
  .story-compose-modal-v1523 .story-support-cluster-v1530>.story-source-row-v1523{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    padding:7px 8px!important;
  }
  .story-compose-modal-v1523 .story-support-cluster-v1530>.story-source-row-v1523>label{
    min-height:45px!important;
    padding:0 7px 0 0!important;
  }
  .story-compose-modal-v1523 .story-support-cluster-v1530>.story-source-row-v1523>label+label{
    padding:0 0 0 7px!important;
    border-top:0!important;
    border-left:1px solid #DCE7E9!important;
  }
  .story-compose-modal-v1523 .story-support-cluster-v1530>.story-compose-add-v1525{
    min-height:39px!important;
    padding:5px 6px 5px 9px!important;
  }
  .story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525 button{
    width:39px!important;
    height:29px!important;
    min-height:29px!important;
  }
}
@media(max-width:430px){
  .story-compose-modal-v1523 .story-support-cluster-v1530>.story-source-row-v1523{
    grid-template-columns:1fr!important;
    padding:7px 9px!important;
  }
  .story-compose-modal-v1523 .story-support-cluster-v1530>.story-source-row-v1523>label{
    padding:0 0 7px!important;
  }
  .story-compose-modal-v1523 .story-support-cluster-v1530>.story-source-row-v1523>label+label{
    padding:7px 0 0!important;
    border-left:0!important;
    border-top:1px solid #DCE7E9!important;
  }
}

/* TRIPLOOM V15.0.31 · compact composer header + single-frame content editor. */
/* Header: reduce dead vertical space while keeping the title optically centered between back/close controls. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{
  box-sizing:border-box!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  padding:0 66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:center!important;
  border-bottom:1px solid #D7E4E7!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#F3F7F8 100%)!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523 small{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:7px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  color:#69D7D0!important;
  text-align:center!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523 h2{
  width:100%!important;
  margin:2px 0 0!important;
  padding:0!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  color:#213D46!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523>.story-compose-back-v1523,
html body .story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{
  top:11px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523>.story-compose-back-v1523{left:14px!important}
html body .story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{right:14px!important}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-form-v1523{
  max-height:calc(min(92vh,850px) - 58px)!important;
}

/* Editor: exactly one visible frame. Neutralize inherited textarea borders/rings that caused a frame-inside-frame look. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-editor-v1523{
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid #C4D7DB!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-editor-v1523:focus-within{
  border-color:#62C5BD!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-editor-v1523>textarea[data-story-editor]{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-height:145px!important;
  margin:0!important;
  padding:14px 14px 10px!important;
  border:0!important;
  border-width:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#FFFFFF!important;
  background-image:none!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  resize:none!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-editor-v1523>.story-editor-toolbar-v1523{
  margin:0!important;
  border:0!important;
  border-top:1px solid #C6ECE8!important;
  border-radius:0!important;
  background:#F8FAFB!important;
  box-shadow:none!important;
}

@media(max-width:680px){
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{
    height:56px!important;
    min-height:56px!important;
    padding:0 58px!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523>.story-compose-back-v1523,
  html body .story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{
    top:10px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-form-v1523{
    max-height:calc(95vh - 56px)!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-editor-v1523>textarea[data-story-editor]{min-height:132px!important}
}
@media(max-width:430px){
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523 h2{font-size:16px!important}
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523 small{font-size:6.5px!important}
}

/* TRIPLOOM V15.0.32 · viewport-fit composer + compact optical header. */
/* The Chuyen Hanh Trinh / Hoi Cong Dong composer is fully visible in the viewport.
   The card itself no longer owns a vertical scroll area; JS applies a layout zoom when
   the available screen is shorter/narrower than the natural composer size. */
html body .story-compose-modal-v1523#story-compose-experience-v1523,
html body .story-compose-modal-v1523#story-compose-question-v1523{
  box-sizing:border-box!important;
  padding:clamp(8px,1.35vh,14px)!important;
  overflow:hidden!important;
  align-items:center!important;
  justify-content:center!important;
}
html body .story-compose-modal-v1523#story-compose-experience-v1523 .story-compose-card-v1523,
html body .story-compose-modal-v1523#story-compose-question-v1523 .story-compose-card-v1523{
  width:min(760px,calc(100vw - 28px))!important;
  max-width:760px!important;
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:none!important;
  scrollbar-width:none!important;
  transform:none!important;
  transform-origin:center center!important;
  will-change:auto!important;
}
html body .story-compose-modal-v1523#story-compose-experience-v1523 .story-compose-card-v1523::-webkit-scrollbar,
html body .story-compose-modal-v1523#story-compose-question-v1523 .story-compose-card-v1523::-webkit-scrollbar{display:none!important}
html body .story-compose-modal-v1523#story-compose-experience-v1523 .story-compose-form-v1523,
html body .story-compose-modal-v1523#story-compose-question-v1523 .story-compose-form-v1523{
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:none!important;
}

/* Header title cluster: tighter shell, exact vertical balance, no visual sag. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{
  position:relative!important;
  box-sizing:border-box!important;
  height:50px!important;
  min-height:50px!important;
  padding:0 64px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  text-align:center!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523 small{
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:7px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523 h2{
  margin:2px 0 0!important;
  padding:0!important;
  line-height:1!important;
  font-size:17px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523>.story-compose-back-v1523,
html body .story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{
  top:7px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
}

/* Keep the editor useful while the entire modal is scaled as one object. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-editor-v1523>textarea[data-story-editor]{
  min-height:140px!important;
}

@media(max-width:680px){
  html body .story-compose-modal-v1523#story-compose-experience-v1523,
  html body .story-compose-modal-v1523#story-compose-question-v1523{padding:7px!important}
  html body .story-compose-modal-v1523#story-compose-experience-v1523 .story-compose-card-v1523,
  html body .story-compose-modal-v1523#story-compose-question-v1523 .story-compose-card-v1523{
    width:calc(100vw - 14px)!important;
    max-width:760px!important;
    max-height:none!important;
    border-radius:22px!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{
    height:48px!important;
    min-height:48px!important;
    padding:0 58px!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523>.story-compose-back-v1523,
  html body .story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{
    top:7px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-editor-v1523>textarea[data-story-editor]{min-height:126px!important}
}


/* TRIPLOOM V15.0.33 · GLOBAL LIGHT SURFACE CONTRAST
   Scope: light theme only. Reduce pure-white luminance across page canvases,
   cards, popups and form controls while preserving brand/semantic colors. */
html[data-theme="light"]{
  --bg:#E6EDF0;
  --surface:#F4FCFB;
  --surface-2:#ECF2F4;
  --line:#C8D6DA;
  --tm-brand-bg:#E6EDF0;
  --tm-brand-surface:#F4FCFB;
  --tm-brand-surface-soft:#DDF7F4;
  --tm-brand-line:#C8D6DA;
  --tm-brand-line-strong:#B9CBD1;
}
html[data-theme="light"] body,
html[data-theme="light"] .app-shell,
html[data-theme="light"] .main{background-color:#E6EDF0!important}
html[data-theme="light"] .content{background-color:transparent!important}
html[data-theme="light"] .sidebar{background-color:#EDF2F4!important;border-color:#C9D7DB!important}
html[data-theme="light"] .topbar{background:rgba(230,237,240,.92)!important;border-color:#CBD8DC!important}

/* Primary content surfaces: visibly separated from the page, without pure white. */
html[data-theme="light"] :where(
  .panel,.mini-panel,.ui-card,.auth-card,.setup-card,.modal-card,
  .user-chip,.stat-strip>a,.stat-strip>div,.place-card,.place-detail-hero,
  .collection-card,.collection-hero,.trip-card-v2,.trip-day-card,.stop-card,
  .calendar-day,.money-cards>div,.trip-photo-grid article,.journal-card,
  .search-links-grid a,.nearby-list>a,.public-note,.public-day,.public-error,
  .today-card-v3,.live-summary-grid>article,.live-stop-section,.task-row-v5,
  .story-day-v5,.v6-inbox-row,.v6-tool-kpis>a,.v6-tool-kpis>span,.v6-ready-card,
  .v7-map-stop,.v7-album-strip article,.v7-photo-card,.v8-dashboard-rank,
  .v9-checkin-total,.v9-rank-road article,.v9-checkin-log>article,
  .v9-checkin-result ul li,.v9-rank-road>div,.v9-leader-list article,
  .v11-transport-list article
){background-color:#F4FCFB!important;border-color:#C8D6DA!important}

/* Search surfaces. Native form fields are canonicalized by V15.1.85. */
html[data-theme="light"] :where(.global-search,.search-box,.big-search){background-color:#F7F9FA!important;border-color:#C3D2D7!important}
/* Composite search controls keep their inner field frameless. */
html[data-theme="light"] :where(.global-search,.search-box,.big-search,.triploom-gh-search-v1503) input{background-color:transparent!important;border-color:transparent!important}

/* Secondary/outlined controls get their own surface instead of blending into cards. */
html[data-theme="light"] :where(.btn-white,.btn-soft,.icon-btn,.circle-link,.quick-checks button,.check-button,.live-status-actions button){
  background-color:#DDF7F4!important;
  border-color:#C4D4D9!important;
}

/* Popup hierarchy: backdrop -> modal shell -> fields/actions. */
html[data-theme="light"] .modal-card{background-color:#DDF7F4!important;border:1px solid #C3D3D8!important}
html[data-theme="light"] .modal-close{background-color:#E7EEF0!important;border-color:#C4D4D9!important}
html[data-theme="light"] .story-compose-modal-v1523 .story-compose-card-v1523{background:#EAF0F2!important;border-color:#BFCFD4!important}
html[data-theme="light"] .story-compose-modal-v1523 .story-compose-head-v1523{background:linear-gradient(180deg,#F1F5F6 0%,#EAF0F2 100%)!important;border-color:#CBD8DC!important}
html[data-theme="light"] .story-compose-modal-v1523 .story-compose-profile-v1524,
html[data-theme="light"] .story-compose-modal-v1523 .story-compose-editor-v1523,
html[data-theme="light"] .story-compose-modal-v1523 .story-source-row-v1523,
html[data-theme="light"] .story-compose-modal-v1523 .story-support-cluster-v1530,
html[data-theme="light"] .story-compose-modal-v1523 .story-compose-add-v1525,
html[data-theme="light"] .story-compose-modal-v1523 label.story-question-topic-v1523,
html[data-theme="light"] .story-compose-modal-v1523 .story-media-preview-item-v1525,
html[data-theme="light"] .story-compose-modal-v1523 .story-video-link-card-v1525{
  background-color:#F5F8F9!important;
  border-color:#C3D3D8!important;
}
html[data-theme="light"] .story-compose-modal-v1523 .story-compose-meta-v1525 input,
html[data-theme="light"] .story-compose-modal-v1523 .story-source-row-v1523 select,
html[data-theme="light"] .story-compose-modal-v1523 .story-question-topic-v1523 select,
html[data-theme="light"] .story-compose-modal-v1523 .story-compose-editor-v1523>textarea[data-story-editor]{
  background-color:#F8FAFB!important;
  border-color:#C3D3D8!important;
}
html[data-theme="light"] .story-compose-modal-v1523 .story-compose-editor-v1523>.story-editor-toolbar-v1523{background-color:#EDF2F4!important;border-color:#CDD9DD!important}
html[data-theme="light"] .story-compose-modal-v1523 label.story-visibility-chip-v1523,
html[data-theme="light"] .story-compose-modal-v1523 label.story-comments-chip-v1523,
html[data-theme="light"] .story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525 button{
  background-color:#DDF7F4!important;
  border-color:#C2D2D7!important;
}
html[data-theme="light"] .story-compose-modal-v1523 .story-compose-back-v1523,
html[data-theme="light"] .story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{background-color:#EDF2F4!important;border-color:#C4D4D9!important}

@media print{
  html[data-theme="light"] body,.print-page-v4,.print-sheet{background:#fff!important}
}
/* V15.0.33 coverage bridge for legacy card/panel classes that still hard-code white. */
html[data-theme="light"] body :where([class*="card"],[class*="panel"]:not(.trip-date-panel-v15141),[class*="popover"]:not(.trip-date-popover-v15141),[class*="dropdown-menu"],[class*="menu-popover"]){background-color:#F4FCFB!important}

/* TRIPLOOM V15.0.35 · TARGETED STORY COMPOSER HEADER SURFACE FIX
   Remove only the accidental pale/white rectangular backdrop behind
   “TẠO BÀI VIẾT / Chuyện Hành Trình”. Keep the rest of V15.0.33 surfaces unchanged. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-bottom:1px solid #C8D6DA!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523::before,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  box-shadow:none!important;
}


/* TRIPLOOM V15.0.36 · STORY COMPOSER WHITE CONTROL SURFACES + AUTHOR ROW CLEANUP
   Restore clear white input/control surfaces inside the composer while keeping the modal shell
   softly grey. Remove the accidental rectangular surface behind author/privacy/comment controls. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-profile-v1524{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-profile-v1524::before,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-profile-v1524::after{
  content:none!important;
  display:none!important;
}

/* White foreground surfaces: controls are intentionally brighter than the modal shell. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-meta-v1525 input,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523>textarea[data-story-editor],
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523>.story-editor-toolbar-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-source-row-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-source-row-v1523 select,
html[data-theme="light"] body .story-compose-modal-v1523 .story-support-cluster-v1530,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-add-v1525,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-question-topic-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-question-topic-v1523 select,
html[data-theme="light"] body .story-compose-modal-v1523 .story-media-preview-item-v1525,
html[data-theme="light"] body .story-compose-modal-v1523 .story-video-link-card-v1525,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-visibility-chip-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-comments-chip-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525 button{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
}

/* Keep borders readable now that the inside is white. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-meta-v1525 input,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-source-row-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-source-row-v1523 select,
html[data-theme="light"] body .story-compose-modal-v1523 .story-support-cluster-v1530,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-add-v1525,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-question-topic-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-visibility-chip-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-comments-chip-v1523{
  border-color:#C6ECE8!important;
}

/* TRIPLOOM V15.0.37 · Story composer header/footer optical balance + hashtag chips. */
/* Header is one horizontal row: back control, centered title cluster, close control. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{
  height:56px!important;
  min-height:56px!important;
  padding:0 62px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523 small{
  margin:0!important;
  line-height:1!important;
  font-size:7px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523 h2{
  margin:2px 0 0!important;
  line-height:1!important;
  font-size:17px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523>.story-compose-back-v1523,
html body .story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{
  top:28px!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
}
/* Equal breathing room above and below the submit button. Grid gap before button = bottom padding. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-form-v1523{
  gap:11px!important;
  padding-bottom:11px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-submit-v1523{
  margin-top:0!important;
  margin-bottom:0!important;
}
/* Hashtag field turns delimiter-confirmed values into compact chips while preserving the hidden POST value. */
.story-compose-modal-v1523 .story-compose-tags-v1525>.story-hashtag-field-v1537{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 9px!important;
  border:1px solid #C6ECE8!important;
  border-radius:13px!important;
  background:#FFFFFF!important;
  overflow:hidden!important;
  cursor:text!important;
}
.story-compose-modal-v1523 .story-hashtag-chips-v1537{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
}
.story-compose-modal-v1523 .story-hashtag-chip-v1537{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  height:25px!important;
  padding:0 5px 0 8px!important;
  border:1px solid #BFE3DF!important;
  border-radius:999px!important;
  background:#DDF7F4!important;
  color:#249D98!important;
  font-size:8px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  max-width:100%!important;
}
.story-compose-modal-v1523 .story-hashtag-chip-v1537>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:96px!important}
.story-compose-modal-v1523 .story-hashtag-chip-v1537>button{
  width:18px!important;height:18px!important;min-width:18px!important;
  display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:#4F8984!important;font:inherit!important;font-size:12px!important;line-height:1!important;cursor:pointer!important;
}
.story-compose-modal-v1523 .story-hashtag-chip-v1537>button:hover{background:#D9F1EE!important;color:#126C66!important}
.story-compose-modal-v1523 .story-hashtag-field-v1537>input[data-story-tag-entry]{
  flex:1 1 74px!important;
  min-width:54px!important;
  width:auto!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:#314B53!important;
  font-size:9.5px!important;
  font-weight:800!important;
}
.story-compose-modal-v1523 .story-hashtag-field-v1537>input[data-story-tag-entry]::placeholder{color:#A0B1B6!important}
.story-compose-modal-v1523 .story-hashtag-field-v1537:focus-within{border-color:#62C5BD!important;box-shadow:0 0 0 3px rgba(48,170,160,.07)!important}
.story-compose-modal-v1523 .story-hashtag-field-v1537>input[type="hidden"]{display:none!important}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-tags-v1525>.story-hashtag-field-v1537{background:#FFFFFF!important}

@media(max-width:680px){
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{height:52px!important;min-height:52px!important;padding:0 56px!important}
  html body .story-compose-modal-v1523 .story-compose-card-v1523>.story-compose-back-v1523,
  html body .story-compose-modal-v1523 .story-compose-card-v1523>.modal-close{top:26px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523 h2{font-size:16px!important}
  .story-compose-modal-v1523 .story-hashtag-chip-v1537>span{max-width:76px!important}
}

/* TRIPLOOM V15.0.38 · Story composer hard alignment + pure-white field surfaces.
   Structural header grid prevents legacy absolute-position rules from visually drifting.
   Foreground inputs are deliberately pure white against the soft-grey modal shell. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{
  box-sizing:border-box!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  align-items:center!important;
  justify-items:center!important;
  gap:10px!important;
  padding:0 14px!important;
  margin:0!important;
  border-bottom:1px solid #D3E0E3!important;
  background:transparent!important;
  background-color:transparent!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523>.story-compose-back-v1523,
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523>.modal-close{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-copy-v1538{
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  transform:translateY(-1px)!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-copy-v1538 small{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-copy-v1538 h2{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:17px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}

/* Pure white controls inside light composer. Do not tint input interiors grey. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523{
  background:#EEF3F4!important;
  background-color:#EEF3F4!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-meta-v1525 input,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-tags-v1525>.story-hashtag-field-v1537,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523>textarea[data-story-editor],
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523>.story-editor-toolbar-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-support-cluster-v1530,
html[data-theme="light"] body .story-compose-modal-v1523 .story-support-cluster-v1530 .story-source-row-v1523 select,
html[data-theme="light"] body .story-compose-modal-v1523 .story-support-cluster-v1530>.story-compose-add-v1525,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-question-topic-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-question-topic-v1523 select,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-visibility-chip-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-comments-chip-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525 button,
html[data-theme="light"] body .story-compose-modal-v1523 .story-media-preview-item-v1525,
html[data-theme="light"] body .story-compose-modal-v1523 .story-video-link-card-v1525{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523>textarea[data-story-editor]{
  box-shadow:none!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523>.story-editor-toolbar-v1523{
  border-top-color:#DDE7E9!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-meta-v1525 input,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-tags-v1525>.story-hashtag-field-v1537,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-support-cluster-v1530,
html[data-theme="light"] body .story-compose-modal-v1523 .story-support-cluster-v1530 .story-source-row-v1523 select,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-question-topic-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-visibility-chip-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 label.story-comments-chip-v1523{
  border-color:#BDD0D4!important;
}

/* Submit button sits optically centered between the final support block and modal bottom. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-form-v1523{
  gap:12px!important;
  padding-bottom:12px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-submit-v1523{
  margin:0!important;
}

@media(max-width:680px){
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{
    height:48px!important;
    min-height:48px!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    gap:8px!important;
    padding:0 10px!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523>.story-compose-back-v1523,
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523>.modal-close{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-copy-v1538 h2{font-size:15.5px!important}
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-copy-v1538 small{font-size:6.5px!important}
}

/* TRIPLOOM V15.0.39 · exact vertical centering for story composer header cluster.
   Center Back / title cluster / Close inside the band from modal top edge to divider line. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{
  height:56px!important;
  min-height:56px!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  align-items:center!important;
  padding:0 14px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523>.story-compose-back-v1523,
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523>.modal-close,
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-copy-v1538{
  align-self:center!important;
  transform:none!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-copy-v1538{
  height:auto!important;
  justify-content:center!important;
}
@media(max-width:680px){
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523{
    height:52px!important;
    min-height:52px!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    padding:0 10px!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523>.story-compose-back-v1523,
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-v1523>.modal-close,
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-head-copy-v1538{
    transform:none!important;
  }
}

/* TRIPLOOM V15.0.40 · STORY COMPOSER TRUE-WHITE CONTROL SURFACES
   Make the actual interactive interiors pure #FFF in light mode. This intentionally
   overrides the global V15.0.33 soft-grey form tint only inside the two story composer popups. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-meta-v1525 input,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-tags-v1525>.story-hashtag-field-v1537,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-editor-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-editor-v1523>textarea[data-story-editor],
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-editor-v1523>.story-editor-toolbar-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-visibility-chip-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-comments-chip-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-support-cluster-v1530,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-support-cluster-v1530 .story-source-row-v1523 select,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-support-cluster-v1530>.story-compose-add-v1525,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-support-cluster-v1530 .story-compose-add-actions-v1525 button,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-question-topic-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-question-topic-v1523 select,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-media-preview-item-v1525,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-video-link-card-v1525{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
/* The live hashtag typing input is intentionally frameless inside its white parent. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-hashtag-field-v1537>input[data-story-tag-entry]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
}
/* Remove the last soft-grey tint from the source/add composite while preserving its separators. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-support-cluster-v1530>.story-source-row-v1523,
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-support-cluster-v1530>.story-compose-add-v1525{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
}


/* TRIPLOOM V15.0.41 · STORY COMPOSER ABSOLUTE WHITE INTERIORS
   Final hardening: every actual light-mode field/control surface inside the two Story Composer
   popups is pure #FFFFFF. The modal shell remains soft grey for visual separation. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 :is(
  .story-compose-meta-v1525 input:not([type="hidden"]),
  .story-hashtag-field-v1537,
  .story-hashtag-field-v1537>input[data-story-tag-entry],
  .story-compose-editor-v1523,
  .story-compose-editor-v1523>textarea[data-story-editor],
  .story-compose-editor-v1523>.story-editor-toolbar-v1523,
  label.story-visibility-chip-v1523,
  label.story-visibility-chip-v1523 select,
  label.story-comments-chip-v1523,
  label.story-question-topic-v1523,
  label.story-question-topic-v1523 select,
  .story-support-cluster-v1530,
  .story-support-cluster-v1530>.story-source-row-v1523,
  .story-support-cluster-v1530>.story-source-row-v1523>label,
  .story-support-cluster-v1530>.story-source-row-v1523>label>select,
  .story-support-cluster-v1530>.story-compose-add-v1525,
  .story-support-cluster-v1530 .story-compose-add-actions-v1525 button,
  .story-media-preview-v1525,
  .story-media-preview-item-v1525,
  .story-video-link-card-v1525
){
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  color-scheme:light!important;
}
/* Remove residual inset/native tint from real form controls without touching semantic toggle colors. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 :is(
  .story-compose-meta-v1525 input:not([type="hidden"]),
  .story-hashtag-field-v1537>input[data-story-tag-entry],
  .story-compose-editor-v1523>textarea[data-story-editor],
  label.story-visibility-chip-v1523 select,
  label.story-question-topic-v1523 select,
  .story-source-row-v1523 select
){
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  background-clip:padding-box!important;
}
/* Toolbar/action buttons sit on the white field surface; hover states may still use the mint accent. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-editor-toolbar-v1523 button:not(:hover):not(:focus-visible){
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
}
/* Keep only the popup shell grey; nested content rows must never inherit the global grey form tint. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-form-v1523{
  background:transparent!important;
}

/* TRIPLOOM V15.0.42 · balanced metadata, soft-grey list selectors, colorful icon-only attachment tools. */
/* Title and hashtag now share the row equally and use identical control height. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-meta-v1525{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-meta-v1525>label{
  grid-template-rows:auto 46px!important;
  min-width:0!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-meta-v1525 input:not([type="hidden"]),
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-hashtag-field-v1537{
  box-sizing:border-box!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
}

/* List-choice controls are intentionally a touch greyer than free-text fields. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 :is(
  .story-source-row-v1523 select,
  .story-question-topic-v1523 select
){
  background:#F1F4F5!important;
  background-color:#F1F4F5!important;
  border-color:#C5D5D9!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-visibility-chip-v1523{
  background:#F1F4F5!important;
  background-color:#F1F4F5!important;
  border-color:#C5D5D9!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-visibility-chip-v1523 select{
  background:transparent!important;
  background-color:transparent!important;
}

/* Attachment/support dock: icon-only, compact, colorful and fully keyboard accessible. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542{
  box-sizing:border-box!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  box-shadow:none!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 5px 12px rgba(35,82,91,.08)!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542 .story-addon-glyph-v1524,
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542 .story-addon-glyph-v1524 svg{
  width:16px!important;
  height:16px!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .is-image{
  color:#249D98!important;background:#DDF7F4!important;border-color:#BFE7E1!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .is-video{
  color:#69D7D0!important;background:#EDF5FF!important;border-color:#C9DDF5!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .is-route{
  color:#FF9B5E!important;background:#FFF4E8!important;border-color:#F4D6B7!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .is-place{
  color:#FF9B5E!important;background:#FFF3EA!important;border-color:#F2CDD5!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .is-tag{
  color:#8EDFF0!important;background:#F4F0FF!important;border-color:#D9CFF5!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542:focus-visible{
  outline:2px solid #69D7D0!important;
  outline-offset:2px!important;
}

@media(max-width:520px){
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-meta-v1525{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542{gap:4px!important}
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542{
    width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;border-radius:9px!important;
  }
}
@media(max-width:390px){
  html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-meta-v1525{grid-template-columns:1fr!important}
}
html[data-theme="dark"] body .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542,
body.theme-dark .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542{
  background:#14272E!important;
  border-color:#35515A!important;
}
html[data-theme="dark"] body .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .is-image,
body.theme-dark .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .is-image{color:#65D6C8!important}
html[data-theme="dark"] body .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .is-video,
body.theme-dark .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .is-video{color:#7DB4F2!important}
html[data-theme="dark"] body .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .is-route,
body.theme-dark .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .is-route{color:#FF9B5E!important}
html[data-theme="dark"] body .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .is-place,
body.theme-dark .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .is-place{color:#F29AAF!important}
html[data-theme="dark"] body .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .is-tag,
body.theme-dark .story-compose-modal-v1523 .story-compose-icon-actions-v1542 .is-tag{color:#B7A4F2!important}

/* TRIPLOOM V15.0.43 · precise centering for Story Composer square action icons. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:0!important;
  vertical-align:middle!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542 .story-addon-glyph-v1524{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  position:static!important;
  transform:none!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 .story-compose-icon-actions-v1542 .story-compose-icon-action-v1542 .story-addon-glyph-v1524>svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
  vertical-align:middle!important;
}

/* TRIPLOOM V15.0.44 · compact, balanced question-topic selector. */
html body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-question-topic-v1523{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:46px!important;
  margin:0!important;
  padding:5px 6px 5px 11px!important;
  border:1px solid #D5E2E5!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-question-topic-v1523>span{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  color:#607780!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-question-topic-v1523 select{
  box-sizing:border-box!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 30px 0 11px!important;
  border:1px solid #C8D7DB!important;
  border-radius:9px!important;
  background:#F1F4F5!important;
  background-color:#F1F4F5!important;
  box-shadow:none!important;
  color:#1F3B4D!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:34px!important;
  outline:none!important;
}
html body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-question-topic-v1523:focus-within{
  border-color:#9DDCD6!important;
  box-shadow:0 0 0 2px rgba(53,181,170,.07)!important;
}
@media(max-width:520px){
  html body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-question-topic-v1523{
    grid-template-columns:88px minmax(0,1fr)!important;
    min-height:44px!important;
    padding:4px 5px 4px 9px!important;
    gap:7px!important;
  }
  html body .story-compose-modal-v1523 .story-compose-card-v1523 label.story-question-topic-v1523 select{
    height:32px!important;
    min-height:32px!important;
    line-height:32px!important;
  }
}

/* TRIPLOOM V15.0.45 · GLOBAL POPUP SURFACE NORMALIZATION
   Scope: every user-facing popup/modal in light mode only.
   Goal: soft-grey popup canvas + crisp white free-text fields + softly-grey list selectors,
   balanced borders/radii/buttons. Travel/journey banner/footer artwork is intentionally untouched. */
html[data-theme="light"] body :is(
  .modal .modal-card,
  .triploom-ds-modal .triploom-ds-modal-card,
  .ui-confirm-backdrop .ui-confirm-card,
  .pack-v167-add-modal .pack-v167-modal-shell,
  .pack-v167-add-modal .pack-v167-modal-card
){
  background:#DDF7F4!important;
  background-color:#DDF7F4!important;
  border-color:#C5D6DA!important;
  box-shadow:0 24px 64px rgba(24,62,72,.20)!important;
}

/* Free-text / direct-entry controls stay pure white so they stand out from the popup canvas. */
html[data-theme="light"] body :is(
  .modal .modal-card,
  .triploom-ds-modal .triploom-ds-modal-card,
  .ui-confirm-backdrop .ui-confirm-card,
  .pack-v167-add-modal .pack-v167-modal-shell
) :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea
){
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  border-color:#C6D6DA!important;
  color:#1F3B4D!important;
  box-shadow:none!important;
}

/* Dropdown/list choice controls use a soft grey so users can immediately distinguish them from typing fields. */
html[data-theme="light"] body :is(
  .modal .modal-card,
  .triploom-ds-modal .triploom-ds-modal-card,
  .ui-confirm-backdrop .ui-confirm-card,
  .pack-v167-add-modal .pack-v167-modal-shell
) select{
  background:#F1F4F5!important;
  background-color:#F1F4F5!important;
  border-color:#C6D6DA!important;
  color:#1F3B4D!important;
  box-shadow:none!important;
}

/* Focus language is shared by every popup field. */
html[data-theme="light"] body :is(
  .modal .modal-card,
  .triploom-ds-modal .triploom-ds-modal-card,
  .ui-confirm-backdrop .ui-confirm-card,
  .pack-v167-add-modal .pack-v167-modal-shell
) :is(input,textarea,select):focus{
  border-color:#59BEB7!important;
  box-shadow:0 0 0 3px rgba(53,181,170,.09)!important;
  outline:0!important;
}

/* Common grouped surfaces inside popups: one clean white layer, not white-on-white stacking. */
html[data-theme="light"] body :is(
  .modal .modal-card,
  .triploom-ds-modal .triploom-ds-modal-card,
  .ui-confirm-backdrop .ui-confirm-card
) :is(.ui-card,.mini-panel,.notice:not(.error):not(.success):not(.warning),fieldset){
  border-color:#CBDADD!important;
  box-shadow:none!important;
}
html[data-theme="light"] body :is(
  .modal .modal-card,
  .triploom-ds-modal .triploom-ds-modal-card,
  .ui-confirm-backdrop .ui-confirm-card
) :is(.ui-card,.mini-panel){
  background-color:#FFFFFF!important;
}

/* Secondary/icon/close controls are white; primary/semantic CTAs retain their existing brand colors. */
html[data-theme="light"] body :is(
  .modal .modal-card,
  .triploom-ds-modal .triploom-ds-modal-card,
  .ui-confirm-backdrop .ui-confirm-card,
  .pack-v167-add-modal .pack-v167-modal-shell
) :is(.modal-close,.btn-soft,.btn-white,.icon-btn,.ui-confirm-cancel){
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  border-color:#C7D7DB!important;
  box-shadow:none!important;
}

/* Sticky generic action strips must blend with the grey popup canvas, not form a white rectangle. */
html[data-theme="light"] body .modal .modal-card>.modal-actions,
html[data-theme="light"] body .ui-confirm-backdrop .ui-confirm-card>.ui-confirm-actions{
  background:linear-gradient(180deg,rgba(238,243,245,0),#DDF7F4 24%)!important;
}

/* Keep the newer Story composer hierarchy exactly aligned with the global popup language. */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523{
  background:#DDF7F4!important;
  background-color:#DDF7F4!important;
  border-color:#C5D6DA!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 :is(
  .story-compose-meta-v1525 input,
  .story-hashtag-field-v1537,
  .story-compose-editor-v1523,
  .story-compose-editor-v1523>textarea[data-story-editor],
  .story-editor-toolbar-v1523,
  .story-support-cluster-v1530,
  .story-compose-add-v1525,
  .story-media-preview-item-v1525,
  .story-video-link-card-v1525,
  label.story-comments-chip-v1523
){
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523 :is(
  .story-source-row-v1523 select,
  .story-question-topic-v1523 select,
  label.story-visibility-chip-v1523
){
  background:#F1F4F5!important;
  background-color:#F1F4F5!important;
}

/* IMPORTANT: no V15.0.45 selector targets these artwork layers.
   Their existing background-image/gradient rules remain authoritative. */
html[data-theme="light"] body :is(
  .triploom-ds-travel-footer,
  .pack-v46-travel-footer,
  .level-modal-travel-footer-v142733,
  [class*="travel-footer"]
){
  isolation:isolate;
}

@media(max-width:680px){
  html[data-theme="light"] body :is(
    .modal .modal-card,
    .triploom-ds-modal .triploom-ds-modal-card,
    .ui-confirm-backdrop .ui-confirm-card,
    .pack-v167-add-modal .pack-v167-modal-shell
  ){
    border-color:#C6ECE8!important;
  }
}

/* V15.0.45 geometry pass: keep modal controls visually aligned without changing business markup. */
html[data-theme="light"] body :is(
  .modal .modal-card,
  .triploom-ds-modal .triploom-ds-modal-card,
  .ui-confirm-backdrop .ui-confirm-card,
  .pack-v167-add-modal .pack-v167-modal-shell
) :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,textarea
){
  border-radius:13px!important;
}
html[data-theme="light"] body :is(
  .modal .modal-card,
  .triploom-ds-modal .triploom-ds-modal-card,
  .ui-confirm-backdrop .ui-confirm-card,
  .pack-v167-add-modal .pack-v167-modal-shell
) :is(.btn,.btn-soft,.btn-white,.icon-btn,.ui-button){
  border-radius:12px!important;
}


/* ==========================================================================
   TRIPLOOM V15.0.46 · POPUP DESIGN SYNC — IDEA + JOURNEY PRIVILEGE
   Reference language: Story Composer. UI-only. Business logic and travel/footer artwork untouched.
   ========================================================================== */

/* --- Lộ Trình / Thêm ý tưởng: compact Story-Composer-like header + clean form rhythm. --- */
html[data-theme="light"] body #inbox-idea-modal.triploom-ds-modal .triploom-ds-modal-card{
  width:min(760px,calc(100vw - 44px))!important;
  max-width:760px!important;
  padding-top:22px!important;
  background:#DDF7F4!important;
  background-color:#DDF7F4!important;
  border:1px solid #C5D6DA!important;
  border-radius:28px!important;
  box-shadow:0 28px 72px rgba(24,62,72,.22)!important;
}
html[data-theme="light"] body #inbox-idea-modal.triploom-ds-modal .triploom-ds-modal-card::before{display:none!important}
html[data-theme="light"] body #inbox-idea-modal .triploom-ds-modal-card>.eyebrow{
  display:block!important;
  min-height:0!important;
  margin:0 64px 4px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#69D7D0!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:.18em!important;
  text-align:center!important;
}
html[data-theme="light"] body #inbox-idea-modal .triploom-ds-modal-card>h2{
  margin:0 64px 5px!important;
  padding:0!important;
  color:#213D46!important;
  font-size:23px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
}
html[data-theme="light"] body #inbox-idea-modal .triploom-ds-modal-card>p.muted{
  margin:0 64px 17px!important;
  color:#70868E!important;
  font-size:11px!important;
  line-height:1.5!important;
  text-align:center!important;
}
html[data-theme="light"] body #inbox-idea-modal .modal-close{
  position:absolute!important;
  float:none!important;
  top:16px!important;
  right:16px!important;
  margin:0!important;
  width:44px!important;
  height:44px!important;
  border:1px solid #C8D9DD!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#24414A!important;
  font-size:23px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  margin-top:0!important;
}
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]>label{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#536A73!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]>label:nth-of-type(1){grid-column:1!important}
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]>label:nth-of-type(2){grid-column:2!important}
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]>label:nth-of-type(3),
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]>label:nth-of-type(4),
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]>button{grid-column:1/-1!important}
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form] :is(input:not([type="hidden"]),select,textarea){
  width:100%!important;
  min-height:48px!important;
  padding:0 14px!important;
  border:1px solid #C5D6DA!important;
  border-radius:13px!important;
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  color:#1F3B4D!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:750!important;
}
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form] textarea{
  min-height:92px!important;
  padding:12px 14px!important;
  resize:vertical!important;
}
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form] :is(input,select,textarea):focus{
  border-color:#59BEB7!important;
  box-shadow:0 0 0 3px rgba(53,181,170,.09)!important;
  outline:0!important;
}
html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]>.btn-primary{
  min-height:52px!important;
  margin-top:2px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#69D7D0,#69D7D0)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:900!important;
}

/* --- Hành Trình / Đặc quyền hành trình: same popup canvas, header, white content surfaces. --- */
html[data-theme="light"] body .level-feature-modal-v142733 .level-feature-modal-card-v142733{
  background:#DDF7F4!important;
  background-color:#DDF7F4!important;
  border:1px solid #C5D6DA!important;
  border-radius:28px!important;
  box-shadow:0 28px 72px rgba(24,62,72,.22)!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-feature-modal-card-v142733::before{display:none!important}
html[data-theme="light"] body .level-feature-modal-v142733 .level-feature-close-v142733{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:44px!important;
  height:44px!important;
  border:1px solid #C8D9DD!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#24414A!important;
  box-shadow:none!important;
  font-size:23px!important;
  font-weight:800!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-kicker-v142733{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  margin:0 62px 4px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#69D7D0!important;
  font-size:8px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-align:center!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-kicker-v142733>span{
  width:20px!important;
  height:20px!important;
  border:1px solid #D2E6E5!important;
  border-radius:8px!important;
  background:#FFFFFF!important;
}
html[data-theme="light"] body .modal.level-feature-modal-v142733 .modal-card.level-feature-modal-card-v142733>h2{
  margin:0 62px 16px!important;
  padding:0 0 15px!important;
  border-bottom:1px solid #CBDADD!important;
  color:#213D46!important;
  font-size:clamp(22px,2.3vw,28px)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-intro-v142733{
  gap:12px!important;
  margin-bottom:12px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-copy-v142733,
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-route>div,
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-progress>div,
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-table-wrap-v142733{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  border:1px solid #CBDADD!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-copy-v142733{
  padding:14px 15px!important;
  border-radius:16px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-route>div{
  border-radius:14px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-progress>div{
  border-radius:14px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-progress>div.ok{
  background:#F2FBF7!important;
  border-color:#D4ECE3!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-matrix-head-v142733{
  margin:8px 2px 7px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-table-wrap-v142733{
  border-radius:16px!important;
  overflow:auto!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-table-wrap-v142733 table{
  background:#FFFFFF!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-actions-v142733 .btn{
  border-radius:13px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-actions-v142733 .btn-soft{
  background:#FFFFFF!important;
  border:1px solid #C7D7DB!important;
  box-shadow:none!important;
}
/* Intentionally DO NOT target .level-modal-travel-footer-v142733 background/background-image. */

@media(max-width:767px){
  html[data-theme="light"] body #inbox-idea-modal.triploom-ds-modal .triploom-ds-modal-card{
    padding-top:18px!important;
    border-radius:23px!important;
  }
  html[data-theme="light"] body #inbox-idea-modal .triploom-ds-modal-card>.eyebrow{margin:0 52px 4px!important;font-size:7px!important}
  html[data-theme="light"] body #inbox-idea-modal .triploom-ds-modal-card>h2{margin:0 52px 4px!important;font-size:20px!important}
  html[data-theme="light"] body #inbox-idea-modal .triploom-ds-modal-card>p.muted{margin:0 8px 14px!important;font-size:10px!important}
  html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]{grid-template-columns:1fr!important;gap:10px!important}
  html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]>label,
  html[data-theme="light"] body #inbox-idea-modal form[data-inbox-form]>button{grid-column:1!important}
  html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-kicker-v142733{margin:0 48px 4px!important;font-size:7px!important}
  html[data-theme="light"] body .modal.level-feature-modal-v142733 .modal-card.level-feature-modal-card-v142733>h2{
    margin:0 48px 12px!important;
    padding-bottom:12px!important;
    font-size:20px!important;
  }
}

/* ==========================================================================
   TRIPLOOM V15.0.47 · PREMIUM MODAL UI — STORY / IDEA / PRIVILEGE
   Floating modal system. UI-only; business logic/data untouched.
   Journey/itinerary travel artwork remains untouched.
   ========================================================================== */

/* Shared premium floating backdrop */
html[data-theme="light"] body :is(
  .story-compose-modal-v1523#story-compose-experience-v1523,
  .story-compose-modal-v1523#story-compose-question-v1523,
  #inbox-idea-modal.premium-modal-v1547,
  .level-feature-modal-v142733.premium-modal-v1547
){
  padding:clamp(14px,2.2vw,28px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(16,37,44,.46)!important;
  -webkit-backdrop-filter:blur(12px) saturate(112%)!important;
  backdrop-filter:blur(12px) saturate(112%)!important;
}

/* Shared shell */
html[data-theme="light"] body .premium-modal-shell-v1547{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(190,209,214,.96)!important;
  border-radius:26px!important;
  background:#DDF7F4!important;
  background-color:#DDF7F4!important;
  box-shadow:0 30px 90px rgba(15,48,57,.28)!important;
}

/* Shared compact header */
html[data-theme="light"] body .premium-modal-header-v1547{
  position:relative!important;
  z-index:20!important;
  flex:0 0 auto!important;
  min-height:88px!important;
  margin:0!important;
  padding:17px 74px 16px 22px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:14px!important;
  border:0!important;
  border-bottom:1px solid #D2E0E3!important;
  background:rgba(238,243,245,.96)!important;
  box-shadow:none!important;
  text-align:left!important;
}
html[data-theme="light"] body .premium-modal-heading-v1547{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  text-align:left!important;
}
html[data-theme="light"] body .premium-modal-kicker-v1547{
  width:auto!important;
  min-height:0!important;
  margin:0 0 4px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#249D98!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
html[data-theme="light"] body .premium-modal-kicker-v1547 svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}
html[data-theme="light"] body .premium-modal-heading-v1547 h2,
html[data-theme="light"] body .modal.level-feature-modal-v142733 .premium-modal-heading-v1547>h2{
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:#1F3B4D!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
}
html[data-theme="light"] body .premium-modal-heading-v1547 p{
  margin:4px 0 0!important;
  padding:0!important;
  color:#738991!important;
  font-size:9.5px!important;
  font-weight:650!important;
  line-height:1.42!important;
  text-align:left!important;
}
html[data-theme="light"] body .premium-modal-close-v1547{
  position:static!important;
  inset:auto!important;
  align-self:center!important;
  justify-self:end!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #C8D8DC!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#27444D!important;
  box-shadow:0 4px 14px rgba(27,67,76,.06)!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:none!important;
}
html[data-theme="light"] body .premium-modal-close-v1547:hover,
html[data-theme="light"] body .premium-modal-close-v1547:focus-visible{
  border-color:#A9D7D2!important;
  background:#F5FCFB!important;
  color:#249D98!important;
  box-shadow:0 0 0 3px rgba(45,177,167,.08)!important;
}

/* Shared white cards and restrained controls */
html[data-theme="light"] body .premium-modal-section-v1547{
  border:0!important;
  border-radius:18px!important;
  background:#FFFFFF!important;
  box-shadow:0 8px 22px rgba(29,67,76,.055)!important;
}
html[data-theme="light"] body .premium-modal-shell-v1547 :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,
  select
){
  border:1px solid #C8D8DC!important;
  border-radius:14px!important;
  color:#1F3B4D!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .premium-modal-shell-v1547 :is(input,textarea){
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
}
html[data-theme="light"] body .premium-modal-shell-v1547 select{
  background:#F4FCFB!important;
  background-color:#F4FCFB!important;
}
html[data-theme="light"] body .premium-modal-shell-v1547 :is(input,textarea,select):focus{
  outline:0!important;
  border-color:#62C7BF!important;
  box-shadow:0 0 0 4px rgba(50,177,167,.085)!important;
}

/* Shared sticky footer */
html[data-theme="light"] body .premium-modal-footer-v1547{
  position:sticky!important;
  bottom:0!important;
  z-index:18!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:12px 0 0!important;
  background:linear-gradient(180deg,rgba(238,243,245,0),#DDF7F4 30%,#DDF7F4 100%)!important;
}
html[data-theme="light"] body .premium-modal-footer-v1547 :is(.btn-primary,.story-compose-submit-v1523){
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#69D7D0 0%,#69D7D0 100%)!important;
  color:#FFFFFF!important;
  box-shadow:0 10px 22px rgba(34,163,159,.18)!important;
  font-weight:900!important;
}

/* --------------------------------------------------------------------------
   STORY COMPOSER — wide editor modal with sticky header/body/footer
   -------------------------------------------------------------------------- */
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523.premium-modal-shell-v1547{
  width:min(900px,calc(100vw - 48px))!important;
  max-width:900px!important;
  height:min(88dvh,820px)!important;
  max-height:820px!important;
  overflow:hidden!important;
  transform:none!important;
  zoom:1!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-head-v1523.premium-modal-header-v1547{
  height:auto!important;
  min-height:92px!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  padding:16px 18px!important;
  gap:14px!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .premium-modal-heading-v1547{
  align-self:center!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-head-v1523 .premium-modal-kicker-v1547{
  display:inline-flex!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-head-v1523 .premium-modal-heading-v1547 h2{
  margin:0!important;
  font-size:19px!important;
  line-height:1.12!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-head-v1523 .premium-modal-heading-v1547 p{
  display:block!important;
  margin:4px 0 0!important;
  font-size:9px!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .premium-modal-back-v1547{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  align-self:center!important;
  justify-self:start!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #C8D8DC!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#35535B!important;
  box-shadow:0 4px 14px rgba(27,67,76,.05)!important;
  font-size:18px!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-form-v1523{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#C6ECE8 transparent!important;
  padding:16px 18px 0!important;
  gap:12px!important;
  background:#DDF7F4!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-form-v1523::-webkit-scrollbar{width:6px!important}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-form-v1523::-webkit-scrollbar-thumb{background:#C6ECE8!important;border-radius:999px!important}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-profile-v1524{
  padding:0 2px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-meta-v1525{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-meta-v1525 input,
html[data-theme="light"] body .story-compose-modal-v1523 .story-hashtag-field-v1537{
  min-height:44px!important;
  height:44px!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523{
  border:0!important;
  border-radius:18px!important;
  background:#FFFFFF!important;
  box-shadow:0 8px 22px rgba(29,67,76,.055)!important;
  overflow:hidden!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523 textarea{
  min-height:170px!important;
  padding:16px!important;
  border:0!important;
  border-radius:0!important;
  background:#FFFFFF!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-editor-toolbar-v1523{
  min-height:42px!important;
  padding:5px 8px!important;
  border:0!important;
  border-top:1px solid #E4ECEE!important;
  background:#FFFFFF!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-support-cluster-v1530{
  border:0!important;
  border-radius:18px!important;
  background:#FFFFFF!important;
  box-shadow:0 8px 22px rgba(29,67,76,.055)!important;
  overflow:hidden!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-source-row-v1523{
  gap:0!important;
  border:0!important;
  background:#FFFFFF!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-source-row-v1523>label{
  padding:11px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-source-row-v1523>label+label{
  border-left:1px solid #E3ECEE!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-source-row-v1523 select,
html[data-theme="light"] body .story-compose-modal-v1523 .story-question-topic-v1523 select{
  height:40px!important;
  min-height:40px!important;
  border-radius:12px!important;
  background:#F4FCFB!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-add-v1525{
  min-height:56px!important;
  padding:9px 10px 9px 12px!important;
  border:0!important;
  border-top:1px solid #E3ECEE!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-icon-action-v1542{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 label.story-question-topic-v1523{
  min-height:54px!important;
  padding:8px 10px!important;
  border:0!important;
  border-radius:18px!important;
  background:#FFFFFF!important;
  box-shadow:0 8px 22px rgba(29,67,76,.055)!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-premium-footer-v1547{
  margin:0 -18px!important;
  padding:12px 18px 16px!important;
}
html[data-theme="light"] body .story-compose-modal-v1523 .story-premium-footer-v1547 .story-compose-submit-v1523{
  position:static!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
}

/* --------------------------------------------------------------------------
   IDEA — compact one-column, fast-entry modal
   -------------------------------------------------------------------------- */
html[data-theme="light"] body #inbox-idea-modal .premium-idea-shell-v1547{
  width:min(560px,calc(100vw - 48px))!important;
  max-width:560px!important;
  max-height:min(88dvh,720px)!important;
  padding:0!important;
}
html[data-theme="light"] body #inbox-idea-modal .premium-idea-header-v1547{
  min-height:92px!important;
}
html[data-theme="light"] body #inbox-idea-modal .premium-idea-form-v1547{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:14px 16px 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#DDF7F4!important;
}
html[data-theme="light"] body #inbox-idea-modal .premium-idea-fields-v1547{
  padding:14px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:11px!important;
}
html[data-theme="light"] body #inbox-idea-modal .premium-idea-fields-v1547>label{
  display:grid!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6F8792!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
html[data-theme="light"] body #inbox-idea-modal .premium-idea-fields-v1547 :is(input,select){
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 13px!important;
  font-size:11px!important;
  font-weight:750!important;
}
html[data-theme="light"] body #inbox-idea-modal .premium-idea-fields-v1547 textarea{
  width:100%!important;
  min-height:88px!important;
  padding:12px 13px!important;
  resize:vertical!important;
  font-size:11px!important;
  font-weight:700!important;
}
html[data-theme="light"] body #inbox-idea-modal .premium-idea-footer-v1547{
  margin:0 -16px!important;
  padding:12px 16px 16px!important;
}
html[data-theme="light"] body #inbox-idea-modal .premium-idea-footer-v1547 .btn-primary{
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
}

/* --------------------------------------------------------------------------
   PRIVILEGE — dashboard header, scroll body, table scroll, preserved travel art
   -------------------------------------------------------------------------- */
html[data-theme="light"] body .level-feature-modal-v142733 .premium-privilege-shell-v1547{
  width:min(1040px,calc(100vw - 48px))!important;
  max-width:1040px!important;
  height:min(90dvh,820px)!important;
  max-height:820px!important;
  padding:0!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .premium-privilege-header-v1547{
  min-height:94px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .premium-privilege-header-v1547 .level-modal-kicker-v142733{
  justify-content:flex-start!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .premium-privilege-header-v1547 .level-modal-kicker-v142733>span{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #CFE6E3!important;
  border-radius:7px!important;
  background:#FFFFFF!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-premium-body-v1547{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding:14px 16px!important;
  background:#DDF7F4!important;
  scrollbar-width:thin!important;
  scrollbar-color:#C6ECE8 transparent!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-intro-v142733{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-copy-v142733,
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-status-v142733{
  min-height:0!important;
  padding:14px!important;
  border:0!important;
  border-radius:18px!important;
  background:#FFFFFF!important;
  box-shadow:0 8px 22px rgba(29,67,76,.055)!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-route{
  gap:8px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-route>div,
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-progress>div{
  border:1px solid #D6E3E6!important;
  border-radius:13px!important;
  background:#F8FAFB!important;
  box-shadow:none!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-progress{
  gap:8px!important;
  margin-top:8px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-matrix-head-v142733{
  margin:0 2px 8px!important;
  padding:0!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-matrix-head-v142733 small{
  color:#249D98!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-matrix-head-v142733 b{
  display:block!important;
  margin-top:3px!important;
  color:#4E6870!important;
  font-size:9px!important;
  line-height:1.4!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-table-wrap-v142733{
  max-height:300px!important;
  overflow:auto!important;
  border:0!important;
  border-radius:18px!important;
  background:#FFFFFF!important;
  box-shadow:0 8px 22px rgba(29,67,76,.055)!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-table-wrap-v142733 table{
  background:#FFFFFF!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .premium-privilege-footer-v1547{
  position:relative!important;
  flex:0 0 auto!important;
  margin:0!important;
  /* DO NOT set background/background-image here: existing travel artwork remains authoritative. */
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-actions-v142733 .btn{
  min-height:46px!important;
  border-radius:13px!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-actions-v142733 .btn-primary{
  background:linear-gradient(135deg,#69D7D0,#69D7D0)!important;
  border:0!important;
  box-shadow:0 8px 18px rgba(34,163,159,.17)!important;
}
html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-actions-v142733 .btn-soft{
  background:#FFFFFF!important;
  border:1px solid #C8D8DC!important;
}

/* Tablet */
@media(max-width:900px){
  html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-card-v1523.premium-modal-shell-v1547,
  html[data-theme="light"] body .level-feature-modal-v142733 .premium-privilege-shell-v1547{
    width:calc(100vw - 28px)!important;
    height:min(92dvh,820px)!important;
  }
  html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-intro-v142733{
    grid-template-columns:1fr!important;
  }
}

/* Mobile: bottom-sheet / nearly full-screen with sticky header/footer. */
@media(max-width:680px){
  html[data-theme="light"] body :is(
    .story-compose-modal-v1523#story-compose-experience-v1523,
    .story-compose-modal-v1523#story-compose-question-v1523,
    #inbox-idea-modal.premium-modal-v1547,
    .level-feature-modal-v142733.premium-modal-v1547
  ){
    padding:6px!important;
    align-items:flex-end!important;
  }
  html[data-theme="light"] body :is(
    .story-compose-modal-v1523 .story-compose-card-v1523.premium-modal-shell-v1547,
    #inbox-idea-modal .premium-idea-shell-v1547,
    .level-feature-modal-v142733 .premium-privilege-shell-v1547
  ){
    width:100%!important;
    max-width:none!important;
    height:calc(100dvh - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:24px 24px 16px 16px!important;
  }
  html[data-theme="light"] body .premium-modal-header-v1547{
    min-height:82px!important;
    padding:13px 14px!important;
    gap:10px!important;
  }
  html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-head-v1523.premium-modal-header-v1547{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    min-height:82px!important;
    padding:12px!important;
  }
  html[data-theme="light"] body .premium-modal-close-v1547,
  html[data-theme="light"] body .story-compose-modal-v1523 .premium-modal-back-v1547{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:13px!important;
  }
  html[data-theme="light"] body .premium-modal-heading-v1547 h2,
  html[data-theme="light"] body .modal.level-feature-modal-v142733 .premium-modal-heading-v1547>h2{
    font-size:17px!important;
  }
  html[data-theme="light"] body .premium-modal-heading-v1547 p{
    font-size:8px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-form-v1523{
    padding:11px 11px 0!important;
    gap:10px!important;
  }
  html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-meta-v1525,
  html[data-theme="light"] body .story-compose-modal-v1523 .story-source-row-v1523{
    grid-template-columns:1fr!important;
  }
  html[data-theme="light"] body .story-compose-modal-v1523 .story-source-row-v1523>label+label{
    border-left:0!important;
    border-top:1px solid #E3ECEE!important;
  }
  html[data-theme="light"] body .story-compose-modal-v1523 .story-compose-editor-v1523 textarea{
    min-height:145px!important;
  }
  html[data-theme="light"] body .story-compose-modal-v1523 .story-premium-footer-v1547{
    margin:0 -11px!important;
    padding:10px 11px 12px!important;
  }
  html[data-theme="light"] body #inbox-idea-modal .premium-idea-form-v1547{
    padding:11px 11px 0!important;
  }
  html[data-theme="light"] body #inbox-idea-modal .premium-idea-fields-v1547{
    padding:12px!important;
  }
  html[data-theme="light"] body #inbox-idea-modal .premium-idea-footer-v1547{
    margin:0 -11px!important;
    padding:10px 11px 12px!important;
  }
  html[data-theme="light"] body .level-feature-modal-v142733 .level-premium-body-v1547{
    padding:11px!important;
  }
  html[data-theme="light"] body .level-feature-modal-v142733 .level-modal-table-wrap-v142733{
    max-height:260px!important;
  }
}


/* ==========================================================================
   TRIPLOOM V15.0.48 · PREMIUM IDEA MODAL — LAYOUT HARD FIX / WOW PASS
   Fixes legacy grid + travel-footer enhancer collision without touching logic.
   The existing travel artwork asset is preserved as a controlled footer strip.
   ========================================================================== */
html[data-theme="light"] body #inbox-idea-modal.premium-modal-v1547{
  padding:clamp(14px,2vw,26px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(16,37,44,.48)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal.premium-modal-v1547 .premium-idea-shell-v1547{
  width:min(560px,calc(100vw - 48px))!important;
  max-width:560px!important;
  height:auto!important;
  max-height:min(88dvh,670px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(190,209,214,.96)!important;
  border-radius:28px!important;
  background:#DDF7F4!important;
  background-color:#DDF7F4!important;
  box-shadow:0 34px 96px rgba(12,45,55,.30),0 2px 0 rgba(255,255,255,.65) inset!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-header-v1547{
  min-height:98px!important;
  padding:18px 72px 16px 20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:14px!important;
  border-bottom:1px solid #C6ECE8!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#DDF7F4 100%)!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-header-v1547 .premium-modal-heading-v1547{
  min-width:0!important;
  align-self:center!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-header-v1547 .premium-modal-kicker-v1547{
  margin:0 0 5px!important;
  color:#249D98!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-header-v1547 h2{
  margin:0!important;
  color:#1F3B4D!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-header-v1547 p{
  margin:5px 0 0!important;
  color:#6F8792!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.4!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-header-v1547 .premium-modal-close-v1547{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#24424B!important;
  box-shadow:0 5px 16px rgba(28,69,78,.07)!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal form[data-inbox-form].premium-idea-form-v1547{
  position:relative!important;
  isolation:isolate!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:14px 16px 0!important;
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  grid-auto-flow:initial!important;
  gap:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#DDF7F4!important;
  scrollbar-width:thin!important;
  scrollbar-color:#C6ECE8 transparent!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal form[data-inbox-form].premium-idea-form-v1547::after{
  content:none!important;
  display:none!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  border:1px solid #D7E4E7!important;
  border-radius:20px!important;
  background:#FFFFFF!important;
  box-shadow:0 10px 26px rgba(29,67,76,.06)!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal form[data-inbox-form].premium-idea-form-v1547 .premium-idea-fields-v1547>label{
  grid-column:1!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6F8792!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547 :is(input,select,textarea){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid #C8D8DC!important;
  border-radius:14px!important;
  color:#1F3B4D!important;
  box-shadow:none!important;
  font-family:Nunito,sans-serif!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547 :is(input,select){
  height:44px!important;
  min-height:44px!important;
  padding:0 13px!important;
  font-size:11px!important;
  font-weight:750!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547 input{
  background:#FFFFFF!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547 select{
  background:#F4FCFB!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547 textarea{
  min-height:78px!important;
  max-height:116px!important;
  padding:11px 13px!important;
  resize:vertical!important;
  background:#FFFFFF!important;
  font-size:11px!important;
  font-weight:700!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547 :is(input,select,textarea):focus{
  outline:0!important;
  border-color:#3FBDB5!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.08)!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547{
  position:sticky!important;
  bottom:0!important;
  z-index:8!important;
  width:calc(100% + 32px)!important;
  min-height:104px!important;
  margin:0 -16px!important;
  padding:14px 16px 34px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-top:1px solid #C6ECE8!important;
  background:
    linear-gradient(180deg,rgba(238,243,245,.97) 0%,rgba(238,243,245,.82) 40%,rgba(238,243,245,.24) 72%,rgba(238,243,245,.05) 100%),
    url('triploom-modal-footer.webp') center 62%/cover no-repeat!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547::after{
  content:"";
  position:absolute!important;
  inset:auto 0 0!important;
  height:32px!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent,rgba(16,90,94,.09))!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547 .btn-primary{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#69D7D0 0%,#69D7D0 100%)!important;
  color:#FFFFFF!important;
  box-shadow:0 11px 24px rgba(31,163,160,.23)!important;
  font-size:12px!important;
  font-weight:900!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547 .btn-primary:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 14px 28px rgba(31,163,160,.28)!important;
}
/* Belt-and-suspenders: if stale JS had already generated a legacy travel footer, hide it. */
html[data-theme="light"] body #inbox-idea-modal.premium-modal-v1547 .triploom-ds-travel-footer{display:none!important}

@media(max-width:680px){
  html[data-theme="light"] body #inbox-idea-modal.premium-modal-v1547{
    padding:6px!important;
    align-items:flex-end!important;
  }
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal.premium-modal-v1547 .premium-idea-shell-v1547{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:24px 24px 18px 18px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-header-v1547{
    min-height:88px!important;
    padding:14px 64px 13px 16px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-header-v1547 h2{font-size:19px!important}
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-header-v1547 p{font-size:9px!important}
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal form[data-inbox-form].premium-idea-form-v1547{padding:11px 11px 0!important;gap:10px!important}
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547{padding:12px!important;border-radius:18px!important}
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547{
    width:calc(100% + 22px)!important;
    margin:0 -11px!important;
    min-height:92px!important;
    padding:11px 11px 28px!important;
  }
}

/* ==========================================================================
   TRIPLOOM V15.0.49 · ADD IDEA PRIMARY ACTION — BALANCE + 3D WHITE RING
   Scope: only Lộ Trình > Thêm ý tưởng footer/button. No logic changes.
   ========================================================================== */
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547{
  min-height:80px!important;
  padding:16px!important;
  align-items:center!important;
  justify-content:center!important;
  border-top:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547 .btn-primary{
  min-height:48px!important;
  border:2px solid transparent!important;
  background-clip:padding-box!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
@media (hover:hover) and (pointer:fine){
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547 .btn-primary:hover,
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547 .btn-primary:focus-visible{
    border-color:#FFFFFF!important;
    transform:translateY(-1px)!important;
    filter:saturate(1.04)!important;
    box-shadow:
      0 0 0 2px rgba(255,255,255,.96),
      0 0 0 5px rgba(255,255,255,.28),
      inset 0 1px 0 rgba(255,255,255,.72),
      0 5px 0 rgba(17,132,138,.20),
      0 14px 28px rgba(31,163,160,.27)!important;
  }
}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547{
    min-height:76px!important;
    padding:14px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547 .btn-primary{
    border-color:#FFFFFF!important;
    box-shadow:
      0 0 0 2px rgba(255,255,255,.96),
      0 0 0 4px rgba(255,255,255,.25),
      inset 0 1px 0 rgba(255,255,255,.72),
      0 4px 0 rgba(17,132,138,.18),
      0 11px 23px rgba(31,163,160,.23)!important;
  }
}

/* ==========================================================================
   TRIPLOOM V15.0.50 · IDEA MODAL TRAVEL ART — FULL BODY BACKDROP ALIGNMENT
   Scope: only Lộ Trình > Thêm ý tưởng visual layering. Business logic untouched.
   The existing travel artwork now spans behind the form + primary action and
   terminates exactly at the modal shell bottom edge.
   ========================================================================== */
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-shell-v1547{
  isolation:isolate!important;
  background:#DDF7F4!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-shell-v1547::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:98px!important;
  bottom:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,
      rgba(238,243,245,.99) 0%,
      rgba(238,243,245,.96) 18%,
      rgba(238,243,245,.82) 40%,
      rgba(238,243,245,.48) 62%,
      rgba(238,243,245,.14) 84%,
      rgba(238,243,245,.02) 100%),
    url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-header-v1547{
  z-index:3!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal form[data-inbox-form].premium-idea-form-v1547{
  z-index:1!important;
  background:transparent!important;
  background-color:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547{
  background:rgba(255,255,255,.965)!important;
  -webkit-backdrop-filter:blur(2px)!important;
  backdrop-filter:blur(2px)!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547{
  z-index:3!important;
  background:transparent!important;
  background-image:none!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547::after{
  content:none!important;
  display:none!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-footer-v1547 .btn-primary{
  background:linear-gradient(135deg,rgba(28,174,164,.98),rgba(58,184,201,.98))!important;
  -webkit-backdrop-filter:blur(2px)!important;
  backdrop-filter:blur(2px)!important;
}
@media(max-width:680px){
  html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-shell-v1547::after{
    top:88px!important;
    background:
      linear-gradient(180deg,
        rgba(238,243,245,.99) 0%,
        rgba(238,243,245,.94) 20%,
        rgba(238,243,245,.76) 44%,
        rgba(238,243,245,.38) 68%,
        rgba(238,243,245,.08) 88%,
        rgba(238,243,245,.01) 100%),
      url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
  }
}

/* ==========================================================================
   TRIPLOOM V15.0.52 · IDEA FORM SURFACE CONTRAST
   Scope: only Lộ Trình > Thêm ý tưởng. The outer form group uses a soft gray
   surface while every interactive field inside remains true white.
   ========================================================================== */
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547{
  background:#DDF7F4!important;
  border-color:#C6ECE8!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 8px 22px rgba(29,67,76,.045)!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547>label{
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547 :is(input,select,textarea){
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  border-color:#C6ECE8!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9),0 2px 8px rgba(39,75,84,.025)!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547 :is(input,select,textarea):hover{
  border-color:#B9CED3!important;
}
html[data-theme="light"] body[data-page="trip"] #inbox-idea-modal .premium-idea-fields-v1547 :is(input,select,textarea):focus{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  border-color:#3FBDB5!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.08)!important;
}

/* ========================================================================== 
   TRIPLOOM V15.0.53 · EXPENSE ADD POPUP — PREMIUM IDEA-STYLE UI
   Scope: only Chi phí > Thêm chi phí. Business/data logic unchanged.
   ========================================================================== */
html[data-theme="light"] body[data-page="trip"] #expense-add-modal.expense-add-premium-v1553{
  padding:clamp(14px,2vw,26px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(16,37,44,.48)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-shell-v1553{
  position:relative!important;
  isolation:isolate!important;
  width:min(600px,calc(100vw - 48px))!important;
  max-width:600px!important;
  height:auto!important;
  max-height:min(90dvh,760px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(190,209,214,.96)!important;
  border-radius:28px!important;
  background:#DDF7F4!important;
  box-shadow:0 34px 96px rgba(12,45,55,.30),0 2px 0 rgba(255,255,255,.65) inset!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-shell-v1553::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:98px!important;
  bottom:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,
      rgba(238,243,245,.995) 0%,
      rgba(238,243,245,.97) 20%,
      rgba(238,243,245,.84) 46%,
      rgba(238,243,245,.48) 68%,
      rgba(238,243,245,.13) 88%,
      rgba(238,243,245,.02) 100%),
    url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-header-v1553{
  position:relative!important;
  z-index:4!important;
  min-height:98px!important;
  padding:18px 72px 16px 20px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid #C6ECE8!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#DDF7F4 100%)!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-header-v1553 .premium-modal-heading-v1547{
  min-width:0!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-header-v1553 .premium-modal-kicker-v1547{
  display:block!important;
  margin:0 0 5px!important;
  color:#249D98!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-header-v1553 h2{
  margin:0!important;
  color:#1F3B4D!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-header-v1553 p{
  max-width:460px!important;
  margin:5px 0 0!important;
  color:#6F8792!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.42!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-header-v1553 .premium-modal-close-v1547{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#24424B!important;
  box-shadow:0 5px 16px rgba(28,69,78,.07)!important;
  font-size:22px!important;
  line-height:1!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-form-v1553{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:14px 16px 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:transparent!important;
  scrollbar-width:thin!important;
  scrollbar-color:#C6ECE8 transparent!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-fields-v1553{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  border:1px solid #C6ECE8!important;
  border-radius:20px!important;
  background:#DDF7F4!important;
  box-shadow:0 8px 22px rgba(29,67,76,.045)!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-fields-v1553>label{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6F8792!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-fields-v1553 :is(input:not([type="hidden"]),select){
  width:100%!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  color:#1F3B4D!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9),0 2px 8px rgba(39,75,84,.025)!important;
  font-family:Nunito,sans-serif!important;
  font-size:11px!important;
  font-weight:750!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-fields-v1553 :is(input:not([type="hidden"]),select):hover{
  border-color:#B9CED3!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-fields-v1553 :is(input:not([type="hidden"]),select):focus{
  outline:0!important;
  border-color:#3FBDB5!important;
  background:#FFFFFF!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.08)!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-fields-v1553 input::placeholder{
  color:#9CB0B7!important;
  opacity:1!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-footer-v1553{
  position:sticky!important;
  bottom:0!important;
  z-index:6!important;
  width:calc(100% + 32px)!important;
  min-height:80px!important;
  margin:0 -16px!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-footer-v1553 .btn-primary{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  border:2px solid transparent!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(28,174,164,.98),rgba(58,184,201,.98))!important;
  background-clip:padding-box!important;
  color:#FFFFFF!important;
  box-shadow:0 11px 24px rgba(31,163,160,.23)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
html[data-theme="light"] body[data-page="trip"] #expense-add-modal .triploom-ds-travel-footer{display:none!important}
@media (hover:hover) and (pointer:fine){
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-footer-v1553 .btn-primary:hover,
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-footer-v1553 .btn-primary:focus-visible{
    border-color:#FFFFFF!important;
    transform:translateY(-1px)!important;
    filter:saturate(1.04)!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 5px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.72),0 5px 0 rgba(17,132,138,.20),0 14px 28px rgba(31,163,160,.27)!important;
  }
}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-footer-v1553 .btn-primary{
    border-color:#FFFFFF!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 4px rgba(255,255,255,.25),inset 0 1px 0 rgba(255,255,255,.72),0 4px 0 rgba(17,132,138,.18),0 11px 23px rgba(31,163,160,.23)!important;
  }
}
@media(max-width:680px){
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal.expense-add-premium-v1553{
    padding:6px!important;
    align-items:flex-end!important;
  }
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-shell-v1553{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:24px 24px 18px 18px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-shell-v1553::after{
    top:88px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-header-v1553{
    min-height:88px!important;
    padding:14px 64px 13px 16px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-header-v1553 h2{font-size:19px!important}
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-header-v1553 p{font-size:9px!important}
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-form-v1553{padding:11px 11px 0!important;gap:10px!important}
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-fields-v1553{padding:12px!important;border-radius:18px!important;gap:8px!important}
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-fields-v1553 :is(input:not([type="hidden"]),select){height:40px!important;min-height:40px!important}
  html[data-theme="light"] body[data-page="trip"] #expense-add-modal .expense-add-footer-v1553{width:calc(100% + 22px)!important;margin:0 -11px!important;min-height:76px!important;padding:14px!important}
}

/* ========================================================================== 
   TRIPLOOM V15.0.55 · TASK ADD POPUP — PREMIUM IDEA-STYLE UI
   Scope: only Việc > Thêm việc / Chỉnh sửa việc. Business/data logic unchanged.
   ========================================================================== */
html[data-theme="light"] body[data-page="trip"] #task-v27-modal.task-add-premium-v1554{
  padding:clamp(14px,2vw,26px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(16,37,44,.48)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-shell-v1554{
  position:relative!important;
  isolation:isolate!important;
  width:min(660px,calc(100vw - 48px))!important;
  max-width:660px!important;
  height:auto!important;
  max-height:min(92dvh,790px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(190,209,214,.96)!important;
  border-radius:28px!important;
  background:#DDF7F4!important;
  box-shadow:0 34px 96px rgba(12,45,55,.30),0 2px 0 rgba(255,255,255,.65) inset!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-shell-v1554::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:98px!important;
  bottom:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,
      rgba(238,243,245,.995) 0%,
      rgba(238,243,245,.97) 24%,
      rgba(238,243,245,.86) 48%,
      rgba(238,243,245,.50) 70%,
      rgba(238,243,245,.14) 89%,
      rgba(238,243,245,.02) 100%),
    url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-header-v1554{
  position:relative!important;
  z-index:5!important;
  flex:0 0 auto!important;
  min-height:98px!important;
  padding:18px 72px 16px 20px!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid #C6ECE8!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#DDF7F4 100%)!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-header-v1554 .premium-modal-heading-v1547{min-width:0!important}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-header-v1554 .premium-modal-kicker-v1547{
  display:block!important;
  margin:0 0 5px!important;
  color:#249D98!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-header-v1554 h2{
  margin:0!important;
  padding:0!important;
  color:#1F3B4D!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-header-v1554 p{
  max-width:520px!important;
  margin:5px 0 0!important;
  color:#6F8792!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.42!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-header-v1554 .premium-modal-close-v1547{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#24424B!important;
  box-shadow:0 5px 16px rgba(28,69,78,.07)!important;
  font-size:22px!important;
  line-height:1!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-form-v1554{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:14px 16px 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:transparent!important;
  scrollbar-width:thin!important;
  scrollbar-color:#C6ECE8 transparent!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  border:1px solid #C6ECE8!important;
  border-radius:20px!important;
  background:#DDF7F4!important;
  box-shadow:0 8px 22px rgba(29,67,76,.045)!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554>.form-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554>label,
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554>.form-grid>label,
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-reminder-time{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6F8792!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 :is(input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),select,textarea){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  color:#1F3B4D!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9),0 2px 8px rgba(39,75,84,.025)!important;
  font-family:Nunito,sans-serif!important;
  font-size:11px!important;
  font-weight:750!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 :is(input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),select){
  height:42px!important;
  min-height:42px!important;
  padding:0 13px!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 textarea{
  min-height:82px!important;
  max-height:150px!important;
  padding:11px 13px!important;
  resize:vertical!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 :is(input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),select,textarea):hover{border-color:#B9CED3!important}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 :is(input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),select,textarea):focus{
  outline:0!important;
  border-color:#3FBDB5!important;
  background:#FFFFFF!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.08)!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 :is(input,textarea)::placeholder{color:#9CB0B7!important;opacity:1!important}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-phase{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-phase legend{
  grid-column:1/-1!important;
  margin:0 0 1px!important;
  color:#6F8792!important;
  font-size:9px!important;
  font-weight:900!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-phase span{
  min-height:58px!important;
  padding:9px 11px!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-phase b{font-size:10px!important;color:#30484F!important}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-phase small{font-size:7px!important;color:#6F8792!important}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-phase input:checked+span{
  border-color:#69D7D0!important;
  background:#F4FFFD!important;
  box-shadow:0 0 0 4px rgba(105,215,208,.08)!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-reminder-box{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid #C6ECE8!important;
  border-radius:15px!important;
  background:#F3F7F8!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-reminder-toggle{
  grid-template-columns:auto 32px 1fr!important;
  gap:8px!important;
  min-height:34px!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-reminder-toggle>span{
  width:32px!important;height:32px!important;border-radius:10px!important;background:#E7F7F4!important;color:#69D7D0!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-assignee-picker{
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid #C6ECE8!important;
  border-radius:15px!important;
  background:#F3F7F8!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-assignee-picker legend{
  color:#6F8792!important;font-size:9px!important;font-weight:900!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554{
  position:sticky!important;
  bottom:0!important;
  z-index:7!important;
  flex:0 0 auto!important;
  width:calc(100% + 32px)!important;
  min-height:82px!important;
  margin:0 -16px!important;
  padding:16px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554 .btn{
  min-width:0!important;
  min-height:48px!important;
  height:48px!important;
  margin:0!important;
  border-radius:14px!important;
  font-size:11px!important;
  font-weight:900!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554 .btn-soft{
  border:1px solid #C6ECE8!important;
  background:#FFFFFF!important;
  color:#6F8792!important;
  box-shadow:0 5px 14px rgba(28,69,78,.05)!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554 .btn-primary{
  width:100%!important;
  max-width:none!important;
  border:2px solid transparent!important;
  background:linear-gradient(135deg,rgba(28,174,164,.98),rgba(58,184,201,.98))!important;
  background-clip:padding-box!important;
  color:#FFFFFF!important;
  box-shadow:0 11px 24px rgba(31,163,160,.23)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554 .btn-primary svg{width:15px!important;height:15px!important;vertical-align:-3px!important}
@media (hover:hover) and (pointer:fine){
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554 .btn-primary:hover,
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554 .btn-primary:focus-visible{
    border-color:#FFFFFF!important;
    transform:translateY(-1px)!important;
    filter:saturate(1.04)!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 5px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.72),0 5px 0 rgba(17,132,138,.20),0 14px 28px rgba(31,163,160,.27)!important;
  }
}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554 .btn-primary{
    border-color:#FFFFFF!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 4px rgba(255,255,255,.25),inset 0 1px 0 rgba(255,255,255,.72),0 4px 0 rgba(17,132,138,.18),0 11px 23px rgba(31,163,160,.23)!important;
  }
}
@media(max-width:680px){
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal.task-add-premium-v1554{padding:6px!important;align-items:flex-end!important}
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-shell-v1554{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:24px 24px 18px 18px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-shell-v1554::after{top:88px!important}
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-header-v1554{min-height:88px!important;padding:14px 64px 13px 16px!important}
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-header-v1554 h2{font-size:19px!important}
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-header-v1554 p{font-size:9px!important}
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-form-v1554{padding:11px 11px 0!important;gap:10px!important}
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554{padding:12px!important;border-radius:18px!important;gap:8px!important}
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-phase{grid-template-columns:1fr!important}
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 .task-v27-phase legend{grid-column:1!important}
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-fields-v1554 :is(input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),select){height:40px!important;min-height:40px!important}
  html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554{
    width:calc(100% + 22px)!important;
    margin:0 -11px!important;
    min-height:78px!important;
    padding:14px!important;
    justify-content:center!important;
  }
}


/* TRIPLOOM V15.0.55 · TASK ADD POPUP — SINGLE BANNER + CENTERED CTA HARD FIX */
html[data-theme="light"] body[data-page="trip"] #task-v27-modal.task-add-premium-v1554 .triploom-ds-travel-footer{display:none!important}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554>.btn-soft{display:none!important}
html[data-theme="light"] body[data-page="trip"] #task-v27-modal .task-add-footer-v1554>.btn-primary{width:100%!important;margin-inline:auto!important}

/* ========================================================================== 
   TRIPLOOM V15.0.56 · BOOKING & TICKET ADD POPUP — PREMIUM MODAL UI
   Scope: only Booking & vé > Thêm Booking & vé. Existing booking data/logic unchanged.
   ========================================================================== */
html[data-theme="light"] body[data-page="trip"] #booking-add-modal.booking-add-premium-v1556{
  padding:clamp(14px,2vw,26px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(16,37,44,.48)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-shell-v1556{
  position:relative!important;
  isolation:isolate!important;
  width:min(680px,calc(100vw - 48px))!important;
  max-width:680px!important;
  height:auto!important;
  max-height:min(92dvh,820px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(190,209,214,.96)!important;
  border-radius:28px!important;
  background:#DDF7F4!important;
  box-shadow:0 34px 96px rgba(12,45,55,.30),0 2px 0 rgba(255,255,255,.65) inset!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-shell-v1556::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:98px 0 0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,
      rgba(238,243,245,.995) 0%,
      rgba(238,243,245,.97) 22%,
      rgba(238,243,245,.86) 46%,
      rgba(238,243,245,.52) 68%,
      rgba(238,243,245,.14) 88%,
      rgba(238,243,245,.02) 100%),
    url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-header-v1556{
  position:relative!important;
  z-index:6!important;
  flex:0 0 auto!important;
  min-height:98px!important;
  padding:18px 72px 16px 20px!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid #C6ECE8!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#DDF7F4 100%)!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-header-v1556 .premium-modal-heading-v1547{
  min-width:0!important;
  margin:0!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-header-v1556 .premium-modal-kicker-v1547{
  display:block!important;
  margin:0 0 5px!important;
  color:#249D98!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-header-v1556 h2{
  margin:0!important;
  color:#1F3B4D!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-header-v1556 p{
  max-width:520px!important;
  margin:5px 0 0!important;
  color:#6F8792!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.42!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-header-v1556 .premium-modal-close-v1547{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#24424B!important;
  box-shadow:0 5px 16px rgba(28,69,78,.07)!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-form-v1556{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:14px 16px 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:transparent!important;
  scrollbar-width:thin!important;
  scrollbar-color:#C6ECE8 transparent!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  border:1px solid #C6ECE8!important;
  border-radius:20px!important;
  background:#DDF7F4!important;
  box-shadow:0 8px 22px rgba(29,67,76,.045)!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .form-grid,
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .form-grid.two,
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .form-grid.three,
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .booking-type-grid-v139,
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .booking-extra-grid-v139,
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .booking-payment-grid-v141{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  width:100%!important;
  margin:0!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556>label,
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .form-grid>label{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6F8792!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 label>span{
  display:block!important;
  margin:0!important;
  color:#6F8792!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 :is(input:not([type="hidden"]):not([type="file"]),select,textarea){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  color:#1F3B4D!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9),0 2px 8px rgba(39,75,84,.025)!important;
  font-family:Nunito,sans-serif!important;
  font-size:11px!important;
  font-weight:750!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 :is(input:not([type="hidden"]):not([type="file"]),select){
  height:42px!important;
  min-height:42px!important;
  padding:0 13px!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 textarea{
  min-height:82px!important;
  max-height:150px!important;
  padding:11px 13px!important;
  resize:vertical!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 :is(input:not([type="hidden"]):not([type="file"]),select,textarea):hover{
  border-color:#B9CED3!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 :is(input:not([type="hidden"]):not([type="file"]),select,textarea):focus{
  outline:0!important;
  border-color:#3FBDB5!important;
  background:#FFFFFF!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.08)!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 :is(input,textarea)::placeholder{
  color:#9CB0B7!important;
  opacity:1!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .booking-upload-box-v148{
  min-height:84px!important;
  padding:12px 13px!important;
  gap:12px!important;
  border:1px dashed #B9D4D8!important;
  border-radius:16px!important;
  background:#FFFFFF!important;
  box-shadow:0 2px 10px rgba(39,75,84,.035)!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .booking-upload-icon-v148{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:14px!important;
  box-shadow:0 8px 18px rgba(105,215,208,.13)!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .booking-upload-button-v148{
  height:38px!important;
  min-height:38px!important;
  border-radius:12px!important;
  background:#F4FCFB!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .triploom-ds-travel-footer{
  display:none!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-footer-v1556{
  position:sticky!important;
  bottom:0!important;
  z-index:7!important;
  flex:0 0 auto!important;
  width:calc(100% + 32px)!important;
  min-height:82px!important;
  margin:0 -16px!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-footer-v1556 .btn-primary{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0 18px!important;
  border:2px solid transparent!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(28,174,164,.98),rgba(58,184,201,.98))!important;
  background-clip:padding-box!important;
  color:#FFFFFF!important;
  box-shadow:0 11px 24px rgba(31,163,160,.23)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
@media (hover:hover) and (pointer:fine){
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-footer-v1556 .btn-primary:hover,
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-footer-v1556 .btn-primary:focus-visible{
    border-color:#FFFFFF!important;
    transform:translateY(-1px)!important;
    filter:saturate(1.04)!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 5px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.72),0 5px 0 rgba(17,132,138,.20),0 14px 28px rgba(31,163,160,.27)!important;
  }
}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-footer-v1556 .btn-primary{
    border-color:#FFFFFF!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 4px rgba(255,255,255,.25),inset 0 1px 0 rgba(255,255,255,.72),0 4px 0 rgba(17,132,138,.18),0 11px 23px rgba(31,163,160,.23)!important;
  }
}
@media(max-width:680px){
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal.booking-add-premium-v1556{
    padding:6px!important;
    align-items:flex-end!important;
  }
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-shell-v1556{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:24px 24px 18px 18px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-shell-v1556::after{inset:88px 0 0!important}
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-header-v1556{
    min-height:88px!important;
    padding:14px 64px 13px 16px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-header-v1556 h2{font-size:19px!important}
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-header-v1556 p{font-size:9px!important}
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-header-v1556 .premium-modal-close-v1547{
    top:14px!important;right:14px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-form-v1556{
    padding:11px 11px 0!important;
    gap:10px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556{
    padding:12px!important;
    border-radius:18px!important;
    gap:8px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 :is(input:not([type="hidden"]):not([type="file"]),select){
    height:40px!important;
    min-height:40px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .booking-upload-box-v148{
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    min-height:0!important;
  }
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 .booking-upload-button-v148{
    grid-column:1/-1!important;
    width:100%!important;
    max-width:none!important;
  }
  html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-footer-v1556{
    width:calc(100% + 22px)!important;
    margin:0 -11px!important;
    min-height:78px!important;
    padding:14px!important;
  }
}


/* TRIPLOOM V15.0.58 · BOOKING TYPE LOGIC — CONDITIONAL FIELD VISIBILITY HARD FIX
   Premium layout uses !important display rules on form labels. Explicitly restore the HTML hidden contract
   so only fields belonging to the selected booking type are rendered, including the conditional deposit row. */
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 [data-booking-extra][hidden],
html[data-theme="light"] body[data-page="trip"] #booking-add-modal .booking-add-fields-v1556 [data-booking-deposit-row][hidden]{
  display:none!important;
}

/* ========================================================================== 
   TRIPLOOM V15.0.58 · VAULT ADD POPUPS — PREMIUM MODAL UI
   Scope: only Vault > Thêm giấy tờ / Thêm liên hệ. Data/actions/permissions unchanged.
   ========================================================================== */
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal).vault-add-premium-v1558{
  padding:clamp(14px,2vw,26px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(16,37,44,.48)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-shell-v1558{
  position:relative!important;
  isolation:isolate!important;
  width:min(600px,calc(100vw - 48px))!important;
  max-width:600px!important;
  height:auto!important;
  max-height:min(90dvh,760px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(190,209,214,.96)!important;
  border-radius:28px!important;
  background:#DDF7F4!important;
  box-shadow:0 34px 96px rgba(12,45,55,.30),0 2px 0 rgba(255,255,255,.68) inset!important;
}
html[data-theme="light"] body[data-page="trip"] #vault-contact-modal .vault-contact-shell-v1558{
  width:min(560px,calc(100vw - 48px))!important;
  max-width:560px!important;
  max-height:min(88dvh,620px)!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-shell-v1558::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:96px 0 0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,
      rgba(238,243,245,.995) 0%,
      rgba(238,243,245,.975) 27%,
      rgba(238,243,245,.86) 51%,
      rgba(238,243,245,.54) 72%,
      rgba(238,243,245,.14) 91%,
      rgba(238,243,245,.02) 100%),
    url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558{
  position:relative!important;
  z-index:4!important;
  min-height:96px!important;
  flex:0 0 auto!important;
  padding:17px 72px 15px 20px!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid #C6ECE8!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#DDF7F4 100%)!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558 .premium-modal-heading-v1547{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558 .premium-modal-kicker-v1547{
  display:block!important;
  margin:0 0 5px!important;
  color:#249D98!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558 h2{
  margin:0!important;
  color:#1F3B4D!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558 p{
  max-width:455px!important;
  margin:5px 0 0!important;
  color:#6F8792!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.42!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558 .premium-modal-close-v1547{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#24424B!important;
  box-shadow:0 5px 16px rgba(28,69,78,.07)!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558 .premium-modal-close-v1547:hover{
  border-color:#AFC8CD!important;
  background:#FFFFFF!important;
  transform:translateY(-1px)!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-form-v1558{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:14px 16px 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:transparent!important;
  scrollbar-width:thin!important;
  scrollbar-color:#C6ECE8 transparent!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  border:1px solid #C6ECE8!important;
  border-radius:20px!important;
  background:#DDF7F4!important;
  box-shadow:0 8px 22px rgba(29,67,76,.045)!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558>.form-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558>label,
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558>.form-grid>label{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6F8792!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558 :is(input:not([type="hidden"]):not([type="file"]),select,textarea){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  color:#1F3B4D!important;
  box-shadow:0 1px 0 rgba(255,255,255,.92),0 2px 8px rgba(39,75,84,.025)!important;
  font-family:Nunito,sans-serif!important;
  font-size:11px!important;
  font-weight:750!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558 :is(input:not([type="hidden"]):not([type="file"]),select){
  height:42px!important;
  min-height:42px!important;
  padding:0 13px!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558 textarea{
  min-height:82px!important;
  max-height:150px!important;
  padding:11px 13px!important;
  resize:vertical!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558 :is(input:not([type="hidden"]):not([type="file"]),select,textarea):hover{
  border-color:#C6ECE8!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558 :is(input:not([type="hidden"]):not([type="file"]),select,textarea):focus{
  outline:0!important;
  border-color:#3FBDB5!important;
  background:#FFFFFF!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.08)!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558 :is(input,textarea)::placeholder{
  color:#9CB0B7!important;
  opacity:1!important;
}
html[data-theme="light"] body[data-page="trip"] #vault-document-modal .vault-add-upload-v1558{
  position:relative!important;
  min-height:66px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  gap:2px 10px!important;
  align-items:center!important;
  border:1px dashed #B7CDD1!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#31515A!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
html[data-theme="light"] body[data-page="trip"] #vault-document-modal .vault-add-upload-v1558>input[type="file"]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
}
html[data-theme="light"] body[data-page="trip"] #vault-document-modal .vault-add-upload-v1558>span{
  grid-row:1/3!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#DDF7F4!important;
  color:#249D98!important;
  font-size:19px!important;
  font-weight:900!important;
}
html[data-theme="light"] body[data-page="trip"] #vault-document-modal .vault-add-upload-v1558>b{
  align-self:end!important;
  color:#1F3B4D!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
html[data-theme="light"] body[data-page="trip"] #vault-document-modal .vault-add-upload-v1558>small{
  align-self:start!important;
  color:#7E9299!important;
  font-size:8px!important;
  font-weight:700!important;
}
html[data-theme="light"] body[data-page="trip"] #vault-document-modal .vault-add-current-file-v1558{
  margin:0!important;
  padding:9px 11px!important;
  border:1px solid #CFE0E3!important;
  border-radius:13px!important;
  background:#F4FCFB!important;
  color:#45616A!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] #vault-document-modal .vault-add-current-file-v1558[hidden]{display:none!important}
html[data-theme="light"] body[data-page="trip"] #vault-document-modal .vault-add-current-file-v1558 b{font-size:9px!important}
html[data-theme="light"] body[data-page="trip"] #vault-document-modal .vault-add-current-file-v1558 p{margin:2px 0 0!important;font-size:9px!important}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-footer-v1558{
  position:sticky!important;
  bottom:0!important;
  z-index:7!important;
  flex:0 0 auto!important;
  width:calc(100% + 32px)!important;
  min-height:82px!important;
  margin:0 -16px!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-footer-v1558 .btn-primary{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 18px!important;
  border:2px solid transparent!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(28,174,164,.98),rgba(58,184,201,.98))!important;
  background-clip:padding-box!important;
  color:#FFFFFF!important;
  box-shadow:0 11px 24px rgba(31,163,160,.23)!important;
  font-family:Nunito,sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .triploom-ds-travel-footer{display:none!important}
@media (hover:hover) and (pointer:fine){
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-footer-v1558 .btn-primary:hover,
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-footer-v1558 .btn-primary:focus-visible{
    border-color:#FFFFFF!important;
    transform:translateY(-1px)!important;
    filter:saturate(1.04)!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 5px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.72),0 5px 0 rgba(17,132,138,.20),0 14px 28px rgba(31,163,160,.27)!important;
  }
}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-footer-v1558 .btn-primary{
    border-color:#FFFFFF!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 4px rgba(255,255,255,.25),inset 0 1px 0 rgba(255,255,255,.72),0 4px 0 rgba(17,132,138,.18),0 11px 23px rgba(31,163,160,.23)!important;
  }
}
@media(max-width:680px){
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal).vault-add-premium-v1558{
    padding:6px!important;
    align-items:flex-end!important;
  }
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-shell-v1558{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:24px 24px 18px 18px!important;
  }
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-shell-v1558::after{inset:88px 0 0!important}
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558{
    min-height:88px!important;
    padding:14px 64px 13px 16px!important;
  }
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558 h2{font-size:19px!important}
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558 p{font-size:9px!important}
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-header-v1558 .premium-modal-close-v1547{
    top:14px!important;right:14px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  }
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-form-v1558{
    padding:11px 11px 0!important;
    gap:10px!important;
  }
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558{
    padding:12px!important;
    border-radius:18px!important;
    gap:8px!important;
  }
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-fields-v1558 :is(input:not([type="hidden"]):not([type="file"]),select){
    height:40px!important;
    min-height:40px!important;
  }
  html[data-theme="light"] body[data-page="trip"] #vault-document-modal .vault-add-upload-v1558{
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  html[data-theme="light"] body[data-page="trip"] :is(#vault-document-modal,#vault-contact-modal) .vault-add-footer-v1558{
    width:calc(100% + 22px)!important;
    margin:0 -11px!important;
    min-height:78px!important;
    padding:14px!important;
  }
}

/* ========================================================================== 
   TRIPLOOM V15.0.60 · PACKING > THÊM ĐỒ — PREMIUM MODAL UI
   Scope: only the Vali/Packing "Thêm đồ" popup. Existing packing AJAX/data logic is unchanged.
   ========================================================================== */
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559{
  padding:clamp(14px,2vw,26px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v167-modal-backdrop{
  background:rgba(16,37,44,.48)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-shell-v1559{
  position:relative!important;
  z-index:2!important;
  width:min(760px,calc(100vw - 48px))!important;
  max-width:760px!important;
  max-height:min(92dvh,820px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(190,209,214,.96)!important;
  border-radius:28px!important;
  background:#DDF7F4!important;
  box-shadow:0 34px 96px rgba(12,45,55,.30),0 2px 0 rgba(255,255,255,.68) inset!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-card-v1559{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  height:min(82dvh,760px)!important;
  max-height:min(82dvh,760px)!important;
  min-height:520px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:28px!important;
  background:#DDF7F4!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-card-v1559::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:96px 0 0!important;
  height:auto!important;
  pointer-events:none!important;
  border-radius:0 0 28px 28px!important;
  background:
    linear-gradient(180deg,
      rgba(238,243,245,.995) 0%,
      rgba(238,243,245,.98) 28%,
      rgba(238,243,245,.88) 52%,
      rgba(238,243,245,.52) 74%,
      rgba(238,243,245,.10) 93%,
      rgba(238,243,245,.02) 100%),
    url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
  background-position:center bottom!important;
  background-size:cover!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-card-v1559>*{position:relative!important;z-index:2!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v167-modal-close{
  position:absolute!important;
  z-index:9!important;
  top:18px!important;
  right:18px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#24424B!important;
  box-shadow:0 5px 16px rgba(28,69,78,.07)!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v167-modal-close:hover{
  border-color:#AFC8CD!important;
  background:#FFFFFF!important;
  transform:translateY(-1px)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559{
  min-height:96px!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:16px 76px 14px 20px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid #C6ECE8!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#DDF7F4 100%)!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559 .pack-v19-step-no{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #CFE4E3!important;
  border-radius:13px!important;
  background:#FFFFFF!important;
  color:#249D98!important;
  box-shadow:0 4px 13px rgba(28,92,90,.06)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559 .pack-v19-step-no svg{width:18px!important;height:18px!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559>div{min-width:0!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559 .eyebrow{
  display:block!important;
  margin:0 0 4px!important;
  color:#249D98!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559 h3{
  margin:0!important;
  color:#1F3B4D!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559 p{
  max-width:440px!important;
  margin:4px 0 0!important;
  color:#6F8792!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1.4!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559 .pack-v19-step-status{
  align-self:center!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid #D2E2E4!important;
  border-radius:999px!important;
  background:#FFFFFF!important;
  color:#577078!important;
  font-size:9px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-body-v1559{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  padding:14px 16px 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:transparent!important;
  scrollbar-width:thin!important;
  scrollbar-color:#C6ECE8 transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 :is(.pack-v20-custom-block,.pack-v20-suggest-wrap){
  width:100%!important;
  margin:0!important;
  padding:13px!important;
  border:1px solid #C6ECE8!important;
  border-radius:20px!important;
  background:#FFFFFF!important;
  box-shadow:0 8px 22px rgba(29,67,76,.045)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-block-title{
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:12px!important;
  border:0!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-block-title b{color:#314B53!important;font-size:11px!important;font-weight:900!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-block-title small{color:#82969D!important;font-size:8px!important;font-weight:700!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-add{
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:none!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-add>*{grid-area:auto!important;min-width:0!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-field{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6F8792!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-field>span{
  color:#6F8792!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-field :is(input,select){
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#1F3B4D!important;
  box-shadow:0 1px 0 rgba(255,255,255,.92),0 2px 8px rgba(39,75,84,.025)!important;
  font-family:Nunito,sans-serif!important;
  font-size:11px!important;
  font-weight:750!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-field :is(input,select):focus{
  outline:0!important;
  border-color:#3FBDB5!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.08)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-field input::placeholder{color:#9CB0B7!important;opacity:1!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-stepper{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  padding:3px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:4px!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-stepper button{
  width:36px!important;
  height:34px!important;
  min-width:36px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:10px!important;
  background:#EFF7F7!important;
  color:#249D98!important;
  font-size:17px!important;
  font-weight:800!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-stepper input{
  height:34px!important;
  min-height:34px!important;
  padding:0 6px!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-priority{
  margin:0!important;
  padding:0!important;
  display:block!important;
  border:0!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-priority-ui{
  min-height:48px!important;
  padding:8px 11px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:1px 9px!important;
  align-items:center!important;
  border:1px solid #C6ECE8!important;
  border-radius:14px!important;
  background:#F4FCFB!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-priority-ui i{grid-row:1/3!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#FFF5E7!important;color:#FF9B5E!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-priority-ui b{align-self:end!important;color:#344E55!important;font-size:10px!important;font-weight:900!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-priority-ui small{align-self:start!important;color:#85989F!important;font-size:8px!important;font-weight:700!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v25-submit{
  width:100%!important;
  min-height:44px!important;
  margin:1px 0 0!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#69D7D0,#69D7D0)!important;
  color:#FFFFFF!important;
  box-shadow:0 8px 18px rgba(35,170,168,.18)!important;
  font-size:10px!important;
  font-weight:900!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-template-picker{
  margin:0 0 9px!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  border:0!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-template-chip{
  min-height:34px!important;
  padding:0 10px!important;
  border:1px solid #D5E3E6!important;
  border-radius:12px!important;
  background:#F4FCFB!important;
  color:#49656D!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-template-chip.active{
  border-color:#86D1CA!important;
  background:#EEFAF8!important;
  color:#249D98!important;
  box-shadow:0 0 0 3px rgba(47,183,173,.06)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-template-panels{
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-template-panel{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-template-list{
  max-height:250px!important;
  overflow:auto!important;
  display:grid!important;
  gap:7px!important;
  padding-right:3px!important;
  scrollbar-width:thin!important;
  scrollbar-color:#B8D5D2 transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-suggest-item button{
  min-height:44px!important;
  border:1px solid #D7E4E6!important;
  border-radius:13px!important;
  background:#FFFFFF!important;
  box-shadow:0 2px 8px rgba(35,72,80,.035)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-footer-v1559{
  position:relative!important;
  z-index:7!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:82px!important;
  margin:0!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0 0 28px 28px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-footer-v1559::before{display:none!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-footer-v1559 .btn{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid transparent!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(28,174,164,.98),rgba(58,184,201,.98))!important;
  background-clip:padding-box!important;
  color:#FFFFFF!important;
  box-shadow:0 11px 24px rgba(31,163,160,.23)!important;
  font-family:Nunito,sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
@media (hover:hover) and (pointer:fine){
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-footer-v1559 .btn:hover,
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-footer-v1559 .btn:focus-visible{
    border-color:#FFFFFF!important;
    transform:translateY(-1px)!important;
    filter:saturate(1.04)!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 5px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.72),0 5px 0 rgba(17,132,138,.20),0 14px 28px rgba(31,163,160,.27)!important;
  }
}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-footer-v1559 .btn{
    border-color:#FFFFFF!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 4px rgba(255,255,255,.25),inset 0 1px 0 rgba(255,255,255,.72),0 4px 0 rgba(17,132,138,.18),0 11px 23px rgba(31,163,160,.23)!important;
  }
}
@media(max-width:680px){
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559{padding:6px!important;align-items:flex-end!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-shell-v1559{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:24px 24px 18px 18px!important;
  }
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-card-v1559{
    height:calc(100dvh - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    min-height:0!important;
    border-radius:24px 24px 18px 18px!important;
  }
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-card-v1559::after{inset:88px 0 0!important;border-radius:0 0 18px 18px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v167-modal-close{top:14px!important;right:14px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559{
    min-height:88px!important;
    padding:13px 62px 12px 14px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
  }
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559 .pack-v19-step-status{display:none!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559 .pack-v19-step-no{width:34px!important;height:34px!important;border-radius:11px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559 h3{font-size:18px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-header-v1559 p{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-body-v1559{padding:10px 10px 0!important;gap:9px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 :is(.pack-v20-custom-block,.pack-v20-suggest-wrap){padding:11px!important;border-radius:17px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-v20-template-list{max-height:220px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-footer-v1559{min-height:76px!important;padding:13px 12px!important;border-radius:0 0 18px 18px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-premium-v1559 .pack-add-footer-v1559 .btn{height:46px!important;min-height:46px!important}
}

/* ======================================================================
   TRIPLOOM V15.0.60 · PACKING > THÊM ĐỒ — STAGED COMPOSER LOGIC/UI FIX
   Scope: only the Vali/Packing add-item popup.
   ====================================================================== */
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-body-v1559{
  padding:14px 16px 0!important;
  gap:0!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-compose-v1560{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  padding:13px!important;
  border:1px solid #D0DFE3!important;
  border-radius:20px!important;
  background:rgba(239,245,247,.94)!important;
  box-shadow:0 12px 28px rgba(31,72,82,.06),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 :is(.pack-v20-custom-block,.pack-v20-suggest-wrap){
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-custom-block{
  display:grid!important;
  gap:9px!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-block-title{
  min-height:0!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-add.pack-v1560-custom-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(160px,1fr)!important;
  gap:9px!important;
  align-items:end!important;
  min-width:0!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row>*{min-width:0!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-field :is(input,select),
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper{
  background:#FFFFFF!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority{
  position:relative!important;
  height:auto!important;
  min-height:42px!important;
  cursor:pointer!important;
  user-select:none!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority>input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  opacity:0!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  z-index:3!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui{
  min-height:42px!important;
  height:42px!important;
  padding:5px 9px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  border:1px solid #D0DDE1!important;
  background:#FFFFFF!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui i{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority>input:checked+.pack-v25-priority-ui{
  border-color:#FF9B5E!important;
  background:#FFF8ED!important;
  box-shadow:0 0 0 3px rgba(230,161,71,.10)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority>input:checked+.pack-v25-priority-ui i{
  background:#FF9B5E!important;
  color:#FFFFFF!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority>input:checked+.pack-v25-priority-ui b{color:#C96C38!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline{
  padding-top:10px!important;
  border-top:1px solid #D7E3E6!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline .pack-v20-template-picker{
  margin:8px 0!important;
  gap:6px!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline .pack-v20-template-chip{
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  background:#FFFFFF!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline .pack-v20-template-panels{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline .pack-v20-template-panel{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-template-list{
  max-height:164px!important;
  padding:2px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  overflow:auto!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-suggest-item button{
  min-height:42px!important;
  padding:6px 8px!important;
  border:1px solid #C6ECE8!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-suggest-item.queued button{
  border-color:#74CFC7!important;
  background:#DDF7F4!important;
  color:#249D98!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-custom{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#69D7D0,#69D7D0)!important;
  box-shadow:0 8px 18px rgba(38,159,160,.15)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage{
  display:grid!important;
  gap:7px!important;
  padding:10px!important;
  border:1px solid #CFDEE2!important;
  border-radius:15px!important;
  background:#FFFFFF!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-head>div{display:grid!important;gap:1px!important;min-width:0!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-head b{color:#314C54!important;font-size:10px!important;font-weight:900!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-head small{color:#879BA2!important;font-size:7.5px!important;font-weight:700!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-head>span{
  flex:0 0 auto!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:#E7F6F4!important;
  color:#249D98!important;
  font-size:8px!important;
  font-weight:900!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-empty{
  padding:9px 10px!important;
  border:1px dashed #D1E0E3!important;
  border-radius:11px!important;
  background:#F4FCFB!important;
  color:#8A9DA4!important;
  font-size:8px!important;
  font-weight:750!important;
  text-align:center!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-empty[hidden]{display:none!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  max-height:140px!important;
  overflow:auto!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-item{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px!important;
  border:1px solid #D6E3E6!important;
  border-radius:11px!important;
  background:#F4FCFB!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-item>i{
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#E9F8F6!important;
  color:#249D98!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:900!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-item>i.essential{background:#FFF2DE!important;color:#FF9B5E!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-item>div{display:grid!important;gap:1px!important;min-width:0!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-item b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#334E56!important;font-size:9px!important;font-weight:900!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-item small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#899BA2!important;font-size:7px!important;font-weight:700!important}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-remove{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #E0E8EA!important;
  border-radius:9px!important;
  background:#FFFFFF!important;
  color:#8A5D62!important;
  font-size:15px!important;
  line-height:1!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-footer-v1559 .btn[disabled]{
  opacity:.52!important;
  filter:saturate(.5)!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

@media(max-width:760px){
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row{grid-template-columns:minmax(0,2fr) minmax(118px,1fr)!important;gap:7px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-template-list,
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-list{grid-template-columns:1fr!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-compose-v1560{padding:10px!important}
}
@media(max-width:430px){
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row{grid-template-columns:minmax(0,1.75fr) minmax(108px,1fr)!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui{grid-template-columns:26px minmax(0,1fr)!important;padding:5px 7px!important;column-gap:6px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui i{width:25px!important;height:25px!important}
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui small{display:none!important}
}

/* V15.0.60 · staged packing layout also remains structurally correct in dark mode */
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-add.pack-v1560-custom-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(160px,1fr)!important;gap:9px!important;align-items:end!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-compose-v1560{display:grid!important;gap:10px!important;padding:13px!important;border:1px solid #1F3B4D!important;border-radius:20px!important;background:rgba(13,31,39,.94)!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 :is(.pack-v20-custom-block,.pack-v20-suggest-wrap){margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline{padding-top:10px!important;border-top:1px solid #1F3B4D!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority{position:relative!important;cursor:pointer!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority>input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important;z-index:3!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority>input:checked+.pack-v25-priority-ui{border-color:#FF9B5E!important;background:#352818!important;box-shadow:0 0 0 3px rgba(230,161,71,.09)!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage{display:grid!important;gap:7px!important;padding:10px!important;border:1px solid #1F3B4D!important;border-radius:15px!important;background:#102630!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-item{display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px!important;align-items:center!important;gap:7px!important;padding:7px!important;border:1px solid #1F3B4D!important;border-radius:11px!important;background:#0E2028!important}
@media(max-width:760px){body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row{grid-template-columns:minmax(0,2fr) minmax(118px,1fr)!important;gap:7px!important}body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-list{grid-template-columns:1fr!important}}

/* V15.0.60 · neutralize legacy Packing grid placements inside staged composer */
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-compose-v1560{
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-compose-v1560>*{
  grid-column:1!important;
  grid-row:auto!important;
  min-width:0!important;
  width:100%!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-custom-block{
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-custom-block>*{
  grid-column:1!important;
  grid-row:auto!important;
  min-width:0!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-custom-form>*{
  grid-column:1!important;
  grid-row:auto!important;
  min-width:0!important;
  max-width:none!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row>.pack-v25-qty,
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row>.pack-v25-priority{
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  max-width:none!important;
  width:100%!important;
}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-compose-v1560{grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-compose-v1560>*{grid-column:1!important;grid-row:auto!important;min-width:0!important;width:100%!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-custom-block{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-custom-form>*{grid-column:1!important;grid-row:auto!important;min-width:0!important;max-width:none!important}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row>.pack-v25-qty,
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row>.pack-v25-priority{grid-column:auto!important;grid-row:auto!important;min-width:0!important;max-width:none!important;width:100%!important}


/* ======================================================================
   TRIPLOOM V15.0.61 · PACKING > THÊM ĐỒ — QUEUE SEPARATION + FULL SUGGESTIONS
   Scope: only the Vali/Packing add-item popup.
   ====================================================================== */
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-body-v1559{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  align-content:start!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1561-stage-separated{
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid #C8DBDF!important;
  border-radius:17px!important;
  background:#FFFFFF!important;
  box-shadow:0 9px 24px rgba(31,72,82,.07),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline .pack-v20-template-list{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  scrollbar-width:auto!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline .pack-v20-template-panel,
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline .pack-v20-template-panels{
  max-height:none!important;
  overflow:visible!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1561-stage-summary{
  min-width:82px!important;
  justify-content:center!important;
  border-color:#D2E2E4!important;
  background:#FFFFFF!important;
  color:#617A82!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1561-stage-summary.has-items{
  border-color:#BCE3DE!important;
  background:#DDF7F4!important;
  color:#249D98!important;
  box-shadow:0 0 0 3px rgba(53,184,174,.06)!important;
}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-body-v1559{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  align-content:start!important;
}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1561-stage-separated{
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid #1F3B4D!important;
  border-radius:17px!important;
  background:#102630!important;
  box-shadow:0 9px 24px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline .pack-v20-template-list,
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline .pack-v20-template-panel,
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline .pack-v20-template-panels{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}
html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1561-stage-summary.has-items{
  border-color:#356F6A!important;
  background:#163A39!important;
  color:#77D8CF!important;
}
@media(max-width:760px){
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1561-stage-separated,
  html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1561-stage-separated{padding:10px!important}
}
@media(max-width:760px){
  html[data-theme="light"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-header-v1559 .pack-v1561-stage-summary,
  html[data-theme="dark"] body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-header-v1559 .pack-v1561-stage-summary{
    display:inline-flex!important;
    grid-column:2!important;
    justify-self:start!important;
    min-width:0!important;
    margin-top:3px!important;
    padding:4px 8px!important;
    font-size:8px!important;
  }
}

/* ========================================================================== 
   TRIPLOOM V15.0.62 · CHECKLIST > THÊM ĐỒ — PREMIUM MODAL UI
   Scope: only Checklist > Thêm đồ / Chỉnh sửa đồ. Data, permission and AJAX logic unchanged.
   ========================================================================== */
body[data-page="trip"] #checklist-item-modal.checklist-add-premium-v1562{
  --check-add-canvas:#DDF7F4;
  --check-add-panel:#DDF7F4;
  --check-add-field:#FFFFFF;
  --check-add-select:#F8FAFB;
  --check-add-line:#C6ECE8;
  --check-add-line-soft:#C6ECE8;
  --check-add-title:#1F3B4D;
  --check-add-text:#6F8792;
  --check-add-muted:#6F8792;
  --check-add-mint:#69D7D0;
  --check-add-mint-deep:#249D98;
  --check-add-chip:#F4FCFB;
  --check-add-chip-line:#D2E3E4;
  padding:clamp(14px,2vw,26px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(16,37,44,.48)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
html[data-theme="dark"] body[data-page="trip"] #checklist-item-modal.checklist-add-premium-v1562{
  --check-add-canvas:#10232C;
  --check-add-panel:#132A34;
  --check-add-field:#17313C;
  --check-add-select:#152D37;
  --check-add-line:#2D4A54;
  --check-add-line-soft:#29454F;
  --check-add-title:#DDF7F4;
  --check-add-text:#C3D6D8;
  --check-add-muted:#91A8AD;
  --check-add-mint:#69D7D0;
  --check-add-mint-deep:#67D7CF;
  --check-add-chip:#17323B;
  --check-add-chip-line:#31515A;
  background:rgba(4,14,19,.66)!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-shell-v1562{
  position:relative!important;
  isolation:isolate!important;
  width:min(650px,calc(100vw - 48px))!important;
  max-width:650px!important;
  height:auto!important;
  max-height:min(92dvh,720px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--check-add-line)!important;
  border-radius:28px!important;
  background:var(--check-add-canvas)!important;
  box-shadow:0 34px 96px rgba(12,45,55,.30),0 2px 0 rgba(255,255,255,.52) inset!important;
}
html[data-theme="dark"] body[data-page="trip"] #checklist-item-modal .checklist-add-shell-v1562{
  box-shadow:0 34px 96px rgba(0,0,0,.48),0 1px 0 rgba(255,255,255,.04) inset!important;
}
/* One and only one travel artwork layer. */
body[data-page="trip"] #checklist-item-modal .checklist-add-shell-v1562::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:98px!important;
  bottom:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,
      rgba(238,243,245,.995) 0%,
      rgba(238,243,245,.97) 25%,
      rgba(238,243,245,.85) 50%,
      rgba(238,243,245,.48) 72%,
      rgba(238,243,245,.12) 90%,
      rgba(238,243,245,.01) 100%),
    url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
html[data-theme="dark"] body[data-page="trip"] #checklist-item-modal .checklist-add-shell-v1562::after{
  background:
    linear-gradient(180deg,
      rgba(16,35,44,.995) 0%,
      rgba(16,35,44,.96) 27%,
      rgba(16,35,44,.83) 52%,
      rgba(16,35,44,.52) 73%,
      rgba(16,35,44,.17) 91%,
      rgba(16,35,44,.03) 100%),
    url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562{
  position:relative!important;
  z-index:5!important;
  flex:0 0 auto!important;
  min-height:98px!important;
  padding:18px 72px 16px 20px!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid var(--check-add-line-soft)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--check-add-canvas) 82%,#fff 18%) 0%,var(--check-add-canvas) 100%)!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562 .premium-modal-heading-v1547{min-width:0!important}
body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562 .premium-modal-kicker-v1547{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--check-add-mint-deep)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562 h2{
  margin:0!important;
  padding:0!important;
  color:var(--check-add-title)!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562 p{
  max-width:510px!important;
  margin:5px 0 0!important;
  color:var(--check-add-muted)!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.42!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562 .premium-modal-close-v1547{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--check-add-line)!important;
  border-radius:14px!important;
  background:var(--check-add-field)!important;
  color:var(--check-add-title)!important;
  box-shadow:0 5px 16px rgba(28,69,78,.07)!important;
  font-size:22px!important;
  line-height:1!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562 .premium-modal-close-v1547:hover,
body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562 .premium-modal-close-v1547:focus-visible{
  outline:0!important;
  transform:translateY(-1px)!important;
  border-color:#7BCBC5!important;
  box-shadow:0 8px 18px rgba(28,69,78,.11),0 0 0 3px rgba(53,184,174,.08)!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-form-v1562{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:14px 16px 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  background:transparent!important;
  scrollbar-width:none!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-form-v1562::-webkit-scrollbar{width:0!important;height:0!important}
body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  border:1px solid var(--check-add-line-soft)!important;
  border-radius:20px!important;
  background:var(--check-add-panel)!important;
  box-shadow:0 8px 22px rgba(29,67,76,.045)!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562>.form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562>label,
body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562>.form-grid>label{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--check-add-text)!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562 :is(input:not([type="hidden"]),select){
  width:100%!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid var(--check-add-line)!important;
  border-radius:14px!important;
  color:var(--check-add-title)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.62),0 2px 8px rgba(39,75,84,.025)!important;
  font-family:Nunito,sans-serif!important;
  font-size:11px!important;
  font-weight:750!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562 input:not([type="hidden"]){background:var(--check-add-field)!important}
body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562 select{background-color:var(--check-add-select)!important}
body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562 :is(input:not([type="hidden"]),select):hover{border-color:#AFCBCD!important}
body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562 :is(input:not([type="hidden"]),select):focus{
  outline:0!important;
  border-color:#3FBDB5!important;
  background-color:var(--check-add-field)!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.09)!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562 input::placeholder{color:#9CB0B7!important;opacity:1!important}
body[data-page="trip"] #checklist-item-modal .checklist-add-quick-v1562{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid var(--check-add-line-soft)!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--check-add-panel) 60%,var(--check-add-field) 40%)!important;
  box-shadow:none!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-quick-v1562>small{
  margin:0!important;
  color:var(--check-add-text)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-quick-v1562>div{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
body[data-page="trip"] #checklist-item-modal .checklist-add-quick-v1562 button{
  min-height:31px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid var(--check-add-chip-line)!important;
  border-radius:999px!important;
  background:var(--check-add-field)!important;
  color:var(--check-add-text)!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-quick-v1562 button:hover,
body[data-page="trip"] #checklist-item-modal .checklist-add-quick-v1562 button:focus-visible{
  outline:0!important;
  transform:translateY(-1px)!important;
  border-color:#8BCFC9!important;
  background:#F1FCFA!important;
  color:#249D98!important;
}
html[data-theme="dark"] body[data-page="trip"] #checklist-item-modal .checklist-add-quick-v1562 button:hover,
html[data-theme="dark"] body[data-page="trip"] #checklist-item-modal .checklist-add-quick-v1562 button:focus-visible{background:#1A3A42!important;color:#8AE1D9!important}
body[data-page="trip"] #checklist-item-modal .checklist-add-footer-v1562{
  position:sticky!important;
  bottom:0!important;
  z-index:7!important;
  flex:0 0 auto!important;
  width:calc(100% + 32px)!important;
  min-height:82px!important;
  margin:0 -16px!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-footer-v1562 .btn-primary{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:48px!important;
  height:48px!important;
  margin:0!important;
  border:2px solid transparent!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(28,174,164,.98),rgba(58,184,201,.98))!important;
  background-clip:padding-box!important;
  color:#FFFFFF!important;
  box-shadow:0 11px 24px rgba(31,163,160,.23)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
body[data-page="trip"] #checklist-item-modal .checklist-add-footer-v1562 .btn-primary:disabled{cursor:wait!important;opacity:.82!important;filter:saturate(.85)!important}
body[data-page="trip"] #checklist-item-modal .checklist-add-footer-v1562 .btn-primary.is-loading{color:transparent!important;pointer-events:none!important}
body[data-page="trip"] #checklist-item-modal .checklist-add-footer-v1562 .btn-primary.is-loading::after{
  width:16px!important;height:16px!important;margin:-8px 0 0 -8px!important;border:2px solid #FFFFFF!important;border-right-color:transparent!important;
}
@media (hover:hover) and (pointer:fine){
  body[data-page="trip"] #checklist-item-modal .checklist-add-footer-v1562 .btn-primary:hover,
  body[data-page="trip"] #checklist-item-modal .checklist-add-footer-v1562 .btn-primary:focus-visible{
    outline:0!important;
    border-color:#FFFFFF!important;
    transform:translateY(-1px)!important;
    filter:saturate(1.04)!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 5px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.72),0 5px 0 rgba(17,132,138,.20),0 14px 28px rgba(31,163,160,.27)!important;
  }
}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  body[data-page="trip"] #checklist-item-modal .checklist-add-footer-v1562 .btn-primary{
    border-color:#FFFFFF!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 4px rgba(255,255,255,.25),inset 0 1px 0 rgba(255,255,255,.72),0 4px 0 rgba(17,132,138,.18),0 11px 23px rgba(31,163,160,.23)!important;
  }
}
/* Premium modal owns its CTA and travel artwork; prevent legacy duplicate footer/banner. */
body[data-page="trip"] #checklist-item-modal.checklist-add-premium-v1562 .triploom-ds-travel-footer{display:none!important}
body[data-page="trip"] #checklist-item-modal.checklist-add-premium-v1562 .btn-soft{display:none!important}
@media(max-width:680px){
  body[data-page="trip"] #checklist-item-modal.checklist-add-premium-v1562{
    padding:8px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body[data-page="trip"] #checklist-item-modal .checklist-add-shell-v1562{
    width:calc(100vw - 16px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:24px!important;
  }
  body[data-page="trip"] #checklist-item-modal .checklist-add-shell-v1562::after{top:88px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562{min-height:88px!important;padding:14px 64px 13px 16px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562 h2{font-size:19px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562 p{font-size:9px!important;line-height:1.35!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562 .premium-modal-close-v1547{top:14px!important;right:14px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-form-v1562{padding:11px 11px 0!important;gap:10px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562{padding:12px!important;border-radius:18px!important;gap:9px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562>.form-grid{grid-template-columns:1fr!important;gap:9px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-fields-v1562 :is(input:not([type="hidden"]),select){height:42px!important;min-height:42px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-quick-v1562{padding:9px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-quick-v1562>div{gap:6px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-footer-v1562{width:calc(100% + 22px)!important;margin:0 -11px!important;min-height:78px!important;padding:14px!important}
}
@media(max-width:420px){
  body[data-page="trip"] #checklist-item-modal.checklist-add-premium-v1562{padding:6px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-shell-v1562{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:22px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-header-v1562{padding-left:14px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-form-v1562{padding-left:9px!important;padding-right:9px!important}
  body[data-page="trip"] #checklist-item-modal .checklist-add-footer-v1562{width:calc(100% + 18px)!important;margin-left:-9px!important;margin-right:-9px!important;padding:13px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="trip"] #checklist-item-modal.checklist-add-premium-v1562 *{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ========================================================================== 
   TRIPLOOM V15.0.63 · KHO ẢNH > THÊM ẢNH / THÊM ALBUM — PREMIUM MODAL UI
   Scope: UI/layout only. Gallery upload/album actions, data, permission and limits unchanged.
   ========================================================================== */
body[data-page="trip"] :is(#photo-add,#album-add).gallery-add-premium-v1563{
  --gallery-add-canvas:#DDF7F4;
  --gallery-add-panel:rgba(232,239,241,.91);
  --gallery-add-field:#FFFFFF;
  --gallery-add-select:#F7FAFA;
  --gallery-add-line:#C6ECE8;
  --gallery-add-line-soft:#D2E0E3;
  --gallery-add-title:#1F3B4D;
  --gallery-add-text:#6F8792;
  --gallery-add-muted:#6F8792;
  --gallery-add-mint:#69D7D0;
  --gallery-add-mint-deep:#249D98;
  --gallery-add-fade:linear-gradient(180deg,rgba(238,243,245,.995) 0%,rgba(238,243,245,.97) 26%,rgba(238,243,245,.84) 51%,rgba(238,243,245,.45) 73%,rgba(238,243,245,.10) 91%,rgba(238,243,245,.01) 100%);
  padding:clamp(14px,2vw,26px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(16,37,44,.48)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
html[data-theme="dark"] body[data-page="trip"] :is(#photo-add,#album-add).gallery-add-premium-v1563{
  --gallery-add-canvas:#10232C;
  --gallery-add-panel:rgba(19,42,52,.92);
  --gallery-add-field:#17313C;
  --gallery-add-select:#152D37;
  --gallery-add-line:#2D4A54;
  --gallery-add-line-soft:#29454F;
  --gallery-add-title:#DDF7F4;
  --gallery-add-text:#C3D6D8;
  --gallery-add-muted:#91A8AD;
  --gallery-add-mint:#69D7D0;
  --gallery-add-mint-deep:#67D7CF;
  --gallery-add-fade:linear-gradient(180deg,rgba(16,35,44,.995) 0%,rgba(16,35,44,.96) 27%,rgba(16,35,44,.82) 52%,rgba(16,35,44,.50) 73%,rgba(16,35,44,.15) 91%,rgba(16,35,44,.02) 100%);
  background:rgba(4,14,19,.66)!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-shell-v1563{
  position:relative!important;
  isolation:isolate!important;
  width:min(720px,calc(100vw - 48px))!important;
  max-width:720px!important;
  height:auto!important;
  max-height:min(92dvh,790px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--gallery-add-line)!important;
  border-radius:28px!important;
  background:var(--gallery-add-canvas)!important;
  box-shadow:0 34px 96px rgba(12,45,55,.30),0 2px 0 rgba(255,255,255,.52) inset!important;
  transform:none!important;
}
body[data-page="trip"] #album-add .gallery-album-add-shell-v1563{width:min(590px,calc(100vw - 48px))!important;max-width:590px!important;max-height:min(88dvh,610px)!important}
html[data-theme="dark"] body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-shell-v1563{box-shadow:0 34px 96px rgba(0,0,0,.48),0 1px 0 rgba(255,255,255,.04) inset!important}
/* Exactly one travel artwork layer. It reaches the popup bottom edge. */
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-shell-v1563::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:98px!important;
  bottom:0!important;
  pointer-events:none!important;
  background:var(--gallery-add-fade),url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563{
  position:relative!important;
  z-index:5!important;
  flex:0 0 auto!important;
  min-height:98px!important;
  padding:18px 72px 16px 20px!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid var(--gallery-add-line-soft)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,transparent 100%),var(--gallery-add-canvas)!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563 .premium-modal-heading-v1547{min-width:0!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563 .premium-modal-kicker-v1547{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--gallery-add-mint-deep)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563 h2{
  margin:0!important;
  padding:0!important;
  color:var(--gallery-add-title)!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563 p{
  max-width:555px!important;
  margin:5px 0 0!important;
  color:var(--gallery-add-muted)!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.42!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563 .premium-modal-close-v1547{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--gallery-add-line)!important;
  border-radius:14px!important;
  background:var(--gallery-add-field)!important;
  color:var(--gallery-add-title)!important;
  box-shadow:0 5px 16px rgba(28,69,78,.07)!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563 .premium-modal-close-v1547:hover,
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563 .premium-modal-close-v1547:focus-visible{
  outline:0!important;
  transform:translateY(-1px)!important;
  border-color:#7BCBC5!important;
  box-shadow:0 8px 18px rgba(28,69,78,.11),0 0 0 3px rgba(53,184,174,.08)!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-form-v1563{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:14px 16px 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  background:transparent!important;
  scrollbar-width:none!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-form-v1563::-webkit-scrollbar{width:0!important;height:0!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  border:1px solid var(--gallery-add-line-soft)!important;
  border-radius:20px!important;
  background:var(--gallery-add-panel)!important;
  box-shadow:0 8px 22px rgba(29,67,76,.045)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  backdrop-filter:blur(3px)!important;
}
body[data-page="trip"] #album-add .gallery-album-add-fields-v1563{gap:12px!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563>.form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563>label:not(.gallery-upload-box-premium-v1563),
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563>.form-grid>label{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--gallery-add-text)!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563 :is(input:not([type="hidden"]):not([type="file"]),select,textarea){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid var(--gallery-add-line)!important;
  border-radius:14px!important;
  color:var(--gallery-add-title)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.62),0 2px 8px rgba(39,75,84,.025)!important;
  font-family:Nunito,sans-serif!important;
  font-size:11px!important;
  font-weight:750!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563 :is(input:not([type="hidden"]):not([type="file"]),select){height:44px!important;min-height:44px!important;padding:0 13px!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563 textarea{min-height:94px!important;padding:12px 13px!important;resize:vertical!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563 :is(input:not([type="hidden"]):not([type="file"]),textarea){background:var(--gallery-add-field)!important;background-color:var(--gallery-add-field)!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563 select{background:var(--gallery-add-select)!important;background-color:var(--gallery-add-select)!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563 :is(input:not([type="hidden"]):not([type="file"]),select,textarea):hover{border-color:#AFCBCD!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563 :is(input:not([type="hidden"]):not([type="file"]),select,textarea):focus{
  outline:0!important;
  border-color:#3FBDB5!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.09)!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563 :is(input,textarea)::placeholder{color:#9CB0B7!important;opacity:1!important}
body[data-page="trip"] #photo-add .gallery-upload-quota-premium-v1563{
  margin:0!important;
  padding:9px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border:1px solid #CFE4E2!important;
  border-radius:14px!important;
  background:rgba(247,252,251,.86)!important;
  color:var(--gallery-add-text)!important;
  box-shadow:none!important;
}
body[data-page="trip"] #photo-add .gallery-upload-quota-premium-v1563 b{color:var(--gallery-add-mint-deep)!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important}
body[data-page="trip"] #photo-add .gallery-upload-quota-premium-v1563 span{color:var(--gallery-add-muted)!important;font-size:8.5px!important;font-weight:700!important;line-height:1.35!important;text-align:right!important}
html[data-theme="dark"] body[data-page="trip"] #photo-add .gallery-upload-quota-premium-v1563{border-color:#31515A!important;background:rgba(21,49,58,.88)!important}
body[data-page="trip"] #photo-add .gallery-upload-box-premium-v1563{
  min-height:112px!important;
  margin:0!important;
  padding:15px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px dashed #A9CFCC!important;
  border-radius:17px!important;
  background:var(--gallery-add-field)!important;
  color:var(--gallery-add-text)!important;
  box-shadow:0 4px 14px rgba(31,76,84,.035)!important;
  cursor:pointer!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body[data-page="trip"] #photo-add .gallery-upload-box-premium-v1563:hover,
body[data-page="trip"] #photo-add .gallery-upload-box-premium-v1563:focus-within{border-color:#61C4BC!important;box-shadow:0 0 0 4px rgba(47,183,173,.08),0 7px 18px rgba(31,76,84,.05)!important;transform:translateY(-1px)!important}
body[data-page="trip"] #photo-add .gallery-upload-box-premium-v1563>span{margin:0!important;color:var(--gallery-add-mint-deep)!important;font-size:24px!important;line-height:1!important}
body[data-page="trip"] #photo-add .gallery-upload-box-premium-v1563>b{color:var(--gallery-add-title)!important;font-size:11px!important;font-weight:900!important}
body[data-page="trip"] #photo-add .gallery-upload-box-premium-v1563>small{color:var(--gallery-add-muted)!important;font-size:8.5px!important;font-weight:700!important;text-align:center!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563{
  position:sticky!important;
  bottom:0!important;
  z-index:7!important;
  flex:0 0 auto!important;
  width:calc(100% + 32px)!important;
  min-height:82px!important;
  margin:0 -16px!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563 .btn-primary{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:48px!important;
  height:48px!important;
  margin:0!important;
  border:2px solid transparent!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(28,174,164,.98),rgba(58,184,201,.98))!important;
  background-clip:padding-box!important;
  color:#FFFFFF!important;
  box-shadow:0 11px 24px rgba(31,163,160,.23)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563 .btn-primary:disabled{cursor:wait!important;opacity:.82!important;filter:saturate(.85)!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563 .btn-primary.is-loading{pointer-events:none!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563 .btn-primary.is-loading span{visibility:hidden!important}
body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563 .btn-primary.is-loading::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:16px!important;
  height:16px!important;
  margin:-8px 0 0 -8px!important;
  border:2px solid #FFFFFF!important;
  border-right-color:transparent!important;
  border-radius:50%!important;
  animation:galleryPremiumSpinV1563 .72s linear infinite!important;
}
@keyframes galleryPremiumSpinV1563{to{transform:rotate(360deg)}}
@media (hover:hover) and (pointer:fine){
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563 .btn-primary:hover,
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563 .btn-primary:focus-visible{
    outline:0!important;
    border-color:#FFFFFF!important;
    transform:translateY(-1px)!important;
    filter:saturate(1.04)!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 5px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.72),0 5px 0 rgba(17,132,138,.20),0 14px 28px rgba(31,163,160,.27)!important;
  }
}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563 .btn-primary{
    border-color:#FFFFFF!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 4px rgba(255,255,255,.25),inset 0 1px 0 rgba(255,255,255,.72),0 4px 0 rgba(17,132,138,.18),0 11px 23px rgba(31,163,160,.23)!important;
  }
}
/* Premium gallery popups own their CTA and artwork; legacy enhancer must never add a second banner/footer. */
body[data-page="trip"] :is(#photo-add,#album-add).gallery-add-premium-v1563 .triploom-ds-travel-footer{display:none!important}
body[data-page="trip"] :is(#photo-add,#album-add).gallery-add-premium-v1563 .btn-soft{display:none!important}
@media(max-width:680px){
  body[data-page="trip"] :is(#photo-add,#album-add).gallery-add-premium-v1563{padding:8px!important;align-items:center!important;justify-content:center!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-shell-v1563,
  body[data-page="trip"] #album-add .gallery-album-add-shell-v1563{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;border-radius:24px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-shell-v1563::after{top:88px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563{min-height:88px!important;padding:14px 64px 13px 16px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563 h2{font-size:19px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563 p{font-size:9px!important;line-height:1.35!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563 .premium-modal-close-v1547{top:14px!important;right:14px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-form-v1563{padding:11px 11px 0!important;gap:10px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563{padding:12px!important;border-radius:18px!important;gap:9px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563>.form-grid{grid-template-columns:1fr!important;gap:9px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-fields-v1563 :is(input:not([type="hidden"]):not([type="file"]),select){height:42px!important;min-height:42px!important}
  body[data-page="trip"] #photo-add .gallery-upload-quota-premium-v1563{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}
  body[data-page="trip"] #photo-add .gallery-upload-quota-premium-v1563 span{text-align:left!important}
  body[data-page="trip"] #photo-add .gallery-upload-box-premium-v1563{min-height:96px!important;padding:12px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563{width:calc(100% + 22px)!important;margin:0 -11px!important;min-height:78px!important;padding:14px!important}
}
@media(max-width:420px){
  body[data-page="trip"] :is(#photo-add,#album-add).gallery-add-premium-v1563{padding:6px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-shell-v1563,
  body[data-page="trip"] #album-add .gallery-album-add-shell-v1563{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:22px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-header-v1563{padding-left:14px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-form-v1563{padding-left:9px!important;padding-right:9px!important}
  body[data-page="trip"] :is(#photo-add,#album-add) .gallery-add-footer-v1563{width:calc(100% + 18px)!important;margin-left:-9px!important;margin-right:-9px!important;padding:13px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="trip"] :is(#photo-add,#album-add).gallery-add-premium-v1563 *{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ========================================================================== 
   TRIPLOOM V15.0.64 · NHẬT KÝ > THÊM / CHỈNH SỬA NHẬT KÝ — PREMIUM MODAL UI
   Scope: UI/layout only. Journal fields, actions, limits, ownership and data unchanged.
   ========================================================================== */
body[data-page="trip"] #journal-add.journal-add-premium-v1564{
  --journal-add-canvas:#DDF7F4;
  --journal-add-panel:rgba(232,239,241,.91);
  --journal-add-field:#FFFFFF;
  --journal-add-select:#F7FAFA;
  --journal-add-line:#C6ECE8;
  --journal-add-line-soft:#D2E0E3;
  --journal-add-title:#1F3B4D;
  --journal-add-text:#6F8792;
  --journal-add-muted:#6F8792;
  --journal-add-mint:#69D7D0;
  --journal-add-mint-deep:#249D98;
  --journal-add-fade:linear-gradient(180deg,rgba(238,243,245,.995) 0%,rgba(238,243,245,.97) 26%,rgba(238,243,245,.84) 51%,rgba(238,243,245,.45) 73%,rgba(238,243,245,.10) 91%,rgba(238,243,245,.01) 100%);
  padding:clamp(14px,2vw,26px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(16,37,44,.48)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
}
html[data-theme="dark"] body[data-page="trip"] #journal-add.journal-add-premium-v1564{
  --journal-add-canvas:#10232C;
  --journal-add-panel:rgba(19,42,52,.92);
  --journal-add-field:#17313C;
  --journal-add-select:#152D37;
  --journal-add-line:#2D4A54;
  --journal-add-line-soft:#29454F;
  --journal-add-title:#DDF7F4;
  --journal-add-text:#C3D6D8;
  --journal-add-muted:#91A8AD;
  --journal-add-mint:#69D7D0;
  --journal-add-mint-deep:#67D7CF;
  --journal-add-fade:linear-gradient(180deg,rgba(16,35,44,.995) 0%,rgba(16,35,44,.96) 27%,rgba(16,35,44,.82) 52%,rgba(16,35,44,.50) 73%,rgba(16,35,44,.15) 91%,rgba(16,35,44,.02) 100%);
  background:rgba(4,14,19,.66)!important;
}
body[data-page="trip"] #journal-add .journal-add-shell-v1564{
  position:relative!important;
  isolation:isolate!important;
  width:min(720px,calc(100vw - 48px))!important;
  max-width:720px!important;
  height:auto!important;
  max-height:min(92dvh,820px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--journal-add-line)!important;
  border-radius:28px!important;
  background:var(--journal-add-canvas)!important;
  box-shadow:0 34px 96px rgba(12,45,55,.30),0 2px 0 rgba(255,255,255,.52) inset!important;
  transform:none!important;
}
html[data-theme="dark"] body[data-page="trip"] #journal-add .journal-add-shell-v1564{box-shadow:0 34px 96px rgba(0,0,0,.48),0 1px 0 rgba(255,255,255,.04) inset!important}
/* Exactly one artwork layer; it reaches the modal bottom edge. */
body[data-page="trip"] #journal-add .journal-add-shell-v1564::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:104px!important;
  bottom:0!important;
  pointer-events:none!important;
  background:var(--journal-add-fade),url('triploom-modal-footer.webp') center bottom/cover no-repeat!important;
}
body[data-page="trip"] #journal-add .journal-add-header-v1564{
  position:relative!important;
  z-index:5!important;
  flex:0 0 auto!important;
  min-height:104px!important;
  padding:18px 72px 16px 20px!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid var(--journal-add-line-soft)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,transparent 100%),var(--journal-add-canvas)!important;
}
body[data-page="trip"] #journal-add .journal-add-header-v1564 .premium-modal-heading-v1547{min-width:0!important}
body[data-page="trip"] #journal-add .journal-add-header-v1564 .premium-modal-kicker-v1547{
  display:block!important;margin:0 0 5px!important;color:var(--journal-add-mint-deep)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}
body[data-page="trip"] #journal-add .journal-add-header-v1564 h2{
  margin:0!important;padding:0!important;color:var(--journal-add-title)!important;font-size:22px!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.028em!important;
}
body[data-page="trip"] #journal-add .journal-add-header-v1564 p{
  max-width:555px!important;margin:5px 0 0!important;color:var(--journal-add-muted)!important;font-size:10px!important;font-weight:650!important;line-height:1.42!important;
}
body[data-page="trip"] #journal-add .journal-add-header-v1564 .premium-modal-close-v1547{
  position:absolute!important;top:18px!important;right:18px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid var(--journal-add-line)!important;border-radius:14px!important;background:var(--journal-add-field)!important;color:var(--journal-add-title)!important;box-shadow:0 5px 16px rgba(28,69,78,.07)!important;font-size:22px!important;font-weight:900!important;line-height:1!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body[data-page="trip"] #journal-add .journal-add-header-v1564 .premium-modal-close-v1547:hover,
body[data-page="trip"] #journal-add .journal-add-header-v1564 .premium-modal-close-v1547:focus-visible{
  outline:0!important;transform:translateY(-1px)!important;border-color:#7BCBC5!important;box-shadow:0 8px 18px rgba(28,69,78,.11),0 0 0 3px rgba(53,184,174,.08)!important;
}
body[data-page="trip"] #journal-add .journal-add-form-v1564{
  position:relative!important;z-index:2!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;margin:0!important;padding:14px 16px 0!important;display:flex!important;flex-direction:column!important;gap:12px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;background:transparent!important;scrollbar-width:none!important;
}
body[data-page="trip"] #journal-add .journal-add-form-v1564::-webkit-scrollbar{width:0!important;height:0!important}
body[data-page="trip"] #journal-add .journal-add-fields-v1564{
  position:relative!important;z-index:3!important;width:100%!important;margin:0!important;padding:14px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;border:1px solid var(--journal-add-line-soft)!important;border-radius:20px!important;background:var(--journal-add-panel)!important;box-shadow:0 8px 22px rgba(29,67,76,.045)!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;
}
body[data-page="trip"] #journal-add .journal-add-fields-v1564>.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
body[data-page="trip"] #journal-add .journal-add-fields-v1564>label:not(.journal-upload-premium-v1564),
body[data-page="trip"] #journal-add .journal-add-fields-v1564>.form-grid>label{
  display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--journal-add-text)!important;font-size:9px!important;font-weight:900!important;line-height:1.2!important;
}
body[data-page="trip"] #journal-add .journal-add-fields-v1564 :is(input:not([type="hidden"]):not([type="file"]),select,textarea){
  width:100%!important;max-width:none!important;margin:0!important;border:1px solid var(--journal-add-line)!important;border-radius:14px!important;color:var(--journal-add-title)!important;box-shadow:0 1px 0 rgba(255,255,255,.62),0 2px 8px rgba(39,75,84,.025)!important;font-family:Nunito,sans-serif!important;font-size:11px!important;font-weight:750!important;
}
body[data-page="trip"] #journal-add .journal-add-fields-v1564 :is(input:not([type="hidden"]):not([type="file"]),select){height:44px!important;min-height:44px!important;padding:0 13px!important}
body[data-page="trip"] #journal-add .journal-add-fields-v1564 textarea{min-height:116px!important;padding:12px 13px!important;resize:vertical!important}
body[data-page="trip"] #journal-add .journal-add-fields-v1564 :is(input:not([type="hidden"]):not([type="file"]),textarea){background:var(--journal-add-field)!important;background-color:var(--journal-add-field)!important}
body[data-page="trip"] #journal-add .journal-add-fields-v1564 select{background:var(--journal-add-select)!important;background-color:var(--journal-add-select)!important}
body[data-page="trip"] #journal-add .journal-add-fields-v1564 :is(input:not([type="hidden"]):not([type="file"]),select,textarea):hover{border-color:#AFCBCD!important}
body[data-page="trip"] #journal-add .journal-add-fields-v1564 :is(input:not([type="hidden"]):not([type="file"]),select,textarea):focus{outline:0!important;border-color:#3FBDB5!important;box-shadow:0 0 0 4px rgba(47,183,173,.09)!important}
body[data-page="trip"] #journal-add .journal-add-fields-v1564 :is(input,textarea)::placeholder{color:#9CB0B7!important;opacity:1!important}
body[data-page="trip"] #journal-add .journal-upload-premium-v1564{
  min-height:102px!important;margin:0!important;padding:14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border:1px dashed #A9CFCC!important;border-radius:17px!important;background:var(--journal-add-field)!important;color:var(--journal-add-text)!important;box-shadow:0 4px 14px rgba(31,76,84,.035)!important;cursor:pointer!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body[data-page="trip"] #journal-add .journal-upload-premium-v1564:hover,
body[data-page="trip"] #journal-add .journal-upload-premium-v1564:focus-within{border-color:#61C4BC!important;box-shadow:0 0 0 4px rgba(47,183,173,.08),0 7px 18px rgba(31,76,84,.05)!important;transform:translateY(-1px)!important}
body[data-page="trip"] #journal-add .journal-upload-premium-v1564>span{margin:0!important;color:var(--journal-add-mint-deep)!important;font-size:24px!important;line-height:1!important}
body[data-page="trip"] #journal-add .journal-upload-premium-v1564>span svg{width:23px!important;height:23px!important;stroke:currentColor!important;fill:none!important}
body[data-page="trip"] #journal-add .journal-upload-premium-v1564>b{color:var(--journal-add-title)!important;font-size:11px!important;font-weight:900!important}
body[data-page="trip"] #journal-add .journal-upload-premium-v1564>small{margin:0!important;color:var(--journal-add-muted)!important;font-size:8.5px!important;font-weight:700!important;text-align:center!important;line-height:1.4!important}
body[data-page="trip"] #journal-add .journal-add-footer-v1564{
  position:sticky!important;bottom:0!important;z-index:7!important;flex:0 0 auto!important;width:calc(100% + 32px)!important;min-height:82px!important;margin:0 -16px!important;padding:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
body[data-page="trip"] #journal-add .journal-add-footer-v1564 .btn-primary{
  position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:48px!important;height:48px!important;margin:0!important;border:2px solid transparent!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(28,174,164,.98),rgba(58,184,201,.98))!important;background-clip:padding-box!important;color:#FFFFFF!important;box-shadow:0 11px 24px rgba(31,163,160,.23)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.035em!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
body[data-page="trip"] #journal-add .journal-add-footer-v1564 .btn-primary:disabled{cursor:wait!important;opacity:.82!important;filter:saturate(.85)!important}
body[data-page="trip"] #journal-add .journal-add-footer-v1564 .btn-primary.is-loading{pointer-events:none!important}
body[data-page="trip"] #journal-add .journal-add-footer-v1564 .btn-primary.is-loading span{visibility:hidden!important}
body[data-page="trip"] #journal-add .journal-add-footer-v1564 .btn-primary.is-loading::after{
  content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:16px!important;height:16px!important;margin:-8px 0 0 -8px!important;border:2px solid #FFFFFF!important;border-right-color:transparent!important;border-radius:50%!important;animation:journalPremiumSpinV1564 .72s linear infinite!important;
}
@keyframes journalPremiumSpinV1564{to{transform:rotate(360deg)}}
@media (hover:hover) and (pointer:fine){
  body[data-page="trip"] #journal-add .journal-add-footer-v1564 .btn-primary:hover,
  body[data-page="trip"] #journal-add .journal-add-footer-v1564 .btn-primary:focus-visible{
    outline:0!important;border-color:#FFFFFF!important;transform:translateY(-1px)!important;filter:saturate(1.04)!important;box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 5px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.72),0 5px 0 rgba(17,132,138,.20),0 14px 28px rgba(31,163,160,.27)!important;
  }
}
@media (max-width:1024px), (hover:none), (pointer:coarse){
  body[data-page="trip"] #journal-add .journal-add-footer-v1564 .btn-primary{border-color:#FFFFFF!important;box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 0 4px rgba(255,255,255,.25),inset 0 1px 0 rgba(255,255,255,.72),0 4px 0 rgba(17,132,138,.18),0 11px 23px rgba(31,163,160,.23)!important}
}
/* Premium journal modal owns its CTA/artwork; legacy enhancer must never create another footer/banner. */
body[data-page="trip"] #journal-add.journal-add-premium-v1564 .triploom-ds-travel-footer{display:none!important}
body[data-page="trip"] #journal-add.journal-add-premium-v1564 .btn-soft{display:none!important}
@media(max-width:680px){
  body[data-page="trip"] #journal-add.journal-add-premium-v1564{padding:8px!important;align-items:center!important;justify-content:center!important}
  body[data-page="trip"] #journal-add .journal-add-shell-v1564{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;border-radius:24px!important}
  body[data-page="trip"] #journal-add .journal-add-shell-v1564::after{top:92px!important}
  body[data-page="trip"] #journal-add .journal-add-header-v1564{min-height:92px!important;padding:14px 64px 13px 16px!important}
  body[data-page="trip"] #journal-add .journal-add-header-v1564 h2{font-size:19px!important}
  body[data-page="trip"] #journal-add .journal-add-header-v1564 p{font-size:9px!important;line-height:1.35!important}
  body[data-page="trip"] #journal-add .journal-add-header-v1564 .premium-modal-close-v1547{top:14px!important;right:14px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  body[data-page="trip"] #journal-add .journal-add-form-v1564{padding:11px 11px 0!important;gap:10px!important}
  body[data-page="trip"] #journal-add .journal-add-fields-v1564{padding:12px!important;border-radius:18px!important;gap:9px!important}
  body[data-page="trip"] #journal-add .journal-add-fields-v1564>.form-grid{grid-template-columns:1fr!important;gap:9px!important}
  body[data-page="trip"] #journal-add .journal-add-fields-v1564 :is(input:not([type="hidden"]):not([type="file"]),select){height:42px!important;min-height:42px!important}
  body[data-page="trip"] #journal-add .journal-add-fields-v1564 textarea{min-height:104px!important}
  body[data-page="trip"] #journal-add .journal-upload-premium-v1564{min-height:92px!important;padding:12px!important}
  body[data-page="trip"] #journal-add .journal-add-footer-v1564{width:calc(100% + 22px)!important;margin:0 -11px!important;min-height:78px!important;padding:14px!important}
}
@media(max-width:420px){
  body[data-page="trip"] #journal-add.journal-add-premium-v1564{padding:6px!important}
  body[data-page="trip"] #journal-add .journal-add-shell-v1564{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:22px!important}
  body[data-page="trip"] #journal-add .journal-add-header-v1564{padding-left:14px!important}
  body[data-page="trip"] #journal-add .journal-add-form-v1564{padding-left:9px!important;padding-right:9px!important}
  body[data-page="trip"] #journal-add .journal-add-footer-v1564{width:calc(100% + 18px)!important;margin-left:-9px!important;margin-right:-9px!important;padding:13px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="trip"] #journal-add.journal-add-premium-v1564 *{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
/* ============================================================================
   TRIPLOOM V15.0.65 · GLOBAL PREMIUM CUSTOM SELECT / LISTBOX
   Native selects remain the source of truth; this layer only upgrades UI/UX.
   ============================================================================ */
.triploom-select-v1565{position:relative;display:inline-block;max-width:100%;min-width:0;vertical-align:middle;line-height:normal;color:inherit}
.triploom-select-v1565.triploom-select-block-v1565{display:block;width:100%}
.triploom-select-v1565.triploom-select-direct-hidden-v1565{display:none!important}
.triploom-select-v1565>.triploom-native-select-v1565{margin:0!important;opacity:0!important;pointer-events:none!important;color:transparent!important;text-shadow:none!important;-webkit-appearance:none!important;appearance:none!important}
.triploom-select-trigger-v1565{position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 38px 0 13px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border:1px solid #C9D9DD!important;border-radius:14px!important;background:#F8FAFB!important;background-image:none!important;color:#24434B!important;box-shadow:0 1px 0 rgba(255,255,255,.92),0 2px 8px rgba(35,77,88,.035)!important;font-family:"Nunito",sans-serif!important;font-size:inherit!important;font-weight:700!important;line-height:1.2!important;text-align:left!important;cursor:pointer!important;outline:0!important;overflow:hidden!important;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease!important;-webkit-tap-highlight-color:transparent!important}
.triploom-select-value-v1565{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.triploom-select-arrow-v1565{position:absolute;right:13px;top:50%;width:8px;height:8px;border-right:1.8px solid #4F6970;border-bottom:1.8px solid #4F6970;transform:translateY(-68%) rotate(45deg);transform-origin:center;pointer-events:none;transition:transform .17s ease,border-color .17s ease}
.triploom-select-v1565:not(.is-disabled) .triploom-select-trigger-v1565:hover{border-color:#9FC8C8!important;background:#FFFFFF!important;box-shadow:0 0 0 3px rgba(45,183,173,.055),0 4px 12px rgba(35,77,88,.05)!important}
.triploom-select-v1565.is-open .triploom-select-trigger-v1565,.triploom-select-trigger-v1565:focus-visible{border-color:#3FBDB5!important;background:#FFFFFF!important;box-shadow:0 0 0 4px rgba(47,183,173,.11),0 5px 16px rgba(35,77,88,.06)!important}
.triploom-select-v1565.is-open .triploom-select-arrow-v1565{border-color:#249D98;transform:translateY(-30%) rotate(225deg)}
.triploom-select-v1565.is-disabled .triploom-select-trigger-v1565,.triploom-select-trigger-v1565:disabled{cursor:not-allowed!important;opacity:.62!important;background:#EEF3F4!important;color:#789096!important;box-shadow:none!important}
.triploom-select-v1565.is-invalid:not(.is-open) .triploom-select-trigger-v1565{border-color:#E7A6A6!important;box-shadow:0 0 0 3px rgba(199,80,80,.07)!important}

.triploom-select-menu-v1565{position:fixed;z-index:2147483000;min-width:180px;margin:0;padding:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(187,211,215,.82);border-radius:16px;background:#FFFFFF;color:#23434B;box-shadow:0 18px 46px rgba(22,61,70,.16),0 3px 12px rgba(22,61,70,.06);font-family:"Nunito",sans-serif;font-size:11px;font-weight:650;line-height:1.25;opacity:0;transform:translateY(-6px) scale(.992);transform-origin:top center;transition:opacity .17s ease,transform .17s ease;scrollbar-width:thin;scrollbar-color:#B9D8D6 transparent;isolation:isolate}
.triploom-select-menu-v1565[data-placement="top"]{transform:translateY(6px) scale(.992);transform-origin:bottom center}
.triploom-select-menu-v1565.is-open,.triploom-select-menu-v1565[data-placement="top"].is-open{opacity:1;transform:translateY(0) scale(1)}
.triploom-select-menu-v1565::-webkit-scrollbar{width:6px}.triploom-select-menu-v1565::-webkit-scrollbar-track{background:transparent}.triploom-select-menu-v1565::-webkit-scrollbar-thumb{background:#C3DEDC;border:1px solid #FFFFFF;border-radius:999px}.triploom-select-menu-v1565::-webkit-scrollbar-thumb:hover{background:#9FCAC7}
.triploom-select-option-v1565{position:relative;min-height:42px;padding:8px 37px 8px 12px;display:flex;align-items:center;border-radius:11px;background:transparent;color:#2E4A51;cursor:pointer;user-select:none;transition:background-color .15s ease,color .15s ease,transform .15s ease}
.triploom-select-option-text-v1565{display:block;min-width:0;overflow-wrap:anywhere}
.triploom-select-option-v1565:hover,.triploom-select-option-v1565.is-active{background:#EDF9F8;color:#249D98}
.triploom-select-option-v1565.is-selected{background:#DDF4F1;color:#249D98;font-weight:850}
.triploom-select-option-v1565.is-selected.is-active,.triploom-select-option-v1565.is-selected:hover{background:#D4F0ED}
.triploom-select-check-v1565{position:absolute;right:12px;top:50%;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;transform:translateY(-50%);background:rgba(39,177,166,.12);color:#249D98;font-size:12px;font-weight:1000;opacity:0;transition:opacity .15s ease}
.triploom-select-option-v1565.is-selected .triploom-select-check-v1565{opacity:1}
.triploom-select-option-v1565.is-disabled{cursor:not-allowed;opacity:.43;background:transparent!important;color:#738A90!important}
.triploom-select-group-v1565{padding:8px 10px 5px;color:#81979C;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.triploom-select-empty-v1565{padding:14px 12px;color:#82969B;text-align:center;font-size:10px}

/* Preserve compact inline layouts while keeping normal form selects full width. */
.toolbar>.triploom-select-v1565,.filters-bar>.triploom-select-v1565,.journey-v15-story-status-wrap-v1513>.triploom-select-v1565{flex:0 1 auto}
.filters-bar>.triploom-select-v1565{min-width:0}
.journey-v15-story-status-wrap-v1513>.triploom-select-v1565{margin:0!important}

@media(max-width:680px),(hover:none),(pointer:coarse){
  .triploom-select-menu-v1565{padding:7px;border-radius:15px;font-size:12px;box-shadow:0 16px 38px rgba(22,61,70,.17),0 3px 10px rgba(22,61,70,.05)}
  .triploom-select-option-v1565{min-height:46px;padding:9px 39px 9px 12px;border-radius:12px}
  .triploom-select-check-v1565{right:11px;width:22px;height:22px;border-radius:8px}
}
@media(prefers-reduced-motion:reduce){.triploom-select-trigger-v1565,.triploom-select-arrow-v1565,.triploom-select-menu-v1565,.triploom-select-option-v1565,.triploom-select-check-v1565{transition:none!important}}

/* Dark theme remains legible while preserving the same Premium component behavior. */
html[data-theme="dark"] .triploom-select-trigger-v1565{background:#193238!important;border-color:#315159!important;color:#E8F5F4!important;box-shadow:0 1px 0 rgba(255,255,255,.025)!important}
html[data-theme="dark"] .triploom-select-v1565:not(.is-disabled) .triploom-select-trigger-v1565:hover,html[data-theme="dark"] .triploom-select-v1565.is-open .triploom-select-trigger-v1565,html[data-theme="dark"] .triploom-select-trigger-v1565:focus-visible{background:#1D3940!important;border-color:#69D7D0!important;box-shadow:0 0 0 4px rgba(64,191,181,.11)!important}
html[data-theme="dark"] .triploom-select-arrow-v1565{border-color:#B9D4D3}
html[data-theme="dark"] .triploom-select-menu-v1565{background:#183036;color:#E7F4F3;border-color:#315159;box-shadow:0 18px 46px rgba(0,0,0,.36)}
html[data-theme="dark"] .triploom-select-option-v1565{color:#D7E9E8}html[data-theme="dark"] .triploom-select-option-v1565:hover,html[data-theme="dark"] .triploom-select-option-v1565.is-active{background:#21444A;color:#BDF0EC}html[data-theme="dark"] .triploom-select-option-v1565.is-selected{background:#24504E;color:#D7FFFA}html[data-theme="dark"] .triploom-select-option-v1565.is-selected.is-active{background:#295A57}html[data-theme="dark"] .triploom-select-group-v1565{color:#89A7AA}


/* ============================================================
   TRIPLOOM V15.0.66 · GLOBAL PREMIUM NOTIFICATION / CONFIRM DIALOG
   ============================================================ */
.triploom-dialog-v1566{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));font-family:'Nunito',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.triploom-dialog-v1566[hidden]{display:none!important}.triploom-dialog-v1566.is-open{opacity:1;visibility:visible}.triploom-dialog-backdrop-v1566{position:absolute;inset:0;background:rgba(9,30,38,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.triploom-dialog-card-v1566{position:relative;width:min(470px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 36px));overflow:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#F4FCFB 0%,#EEF8F7 100%);border:1px solid rgba(255,255,255,.9);border-radius:26px;box-shadow:0 30px 80px rgba(9,45,53,.24),0 8px 24px rgba(21,91,94,.12);padding:30px 28px 24px;text-align:center;transform:translateY(10px) scale(.985);transition:transform .18s ease}.triploom-dialog-v1566.is-open .triploom-dialog-card-v1566{transform:translateY(0) scale(1)}.triploom-dialog-close-v1566{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:12px;border:1px solid #D9E7E7;background:#fff;color:#526569;font:700 24px/1 'Nunito',sans-serif;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 14px rgba(24,76,82,.07);transition:.16s ease}.triploom-dialog-close-v1566:hover{transform:translateY(-1px);border-color:#B8D9D5;color:#173D42}.triploom-dialog-icon-v1566{width:62px;height:62px;margin:2px auto 17px;border-radius:20px;display:grid;place-items:center;background:#DCF6F1;color:#249D98;font-size:28px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(40,183,170,.15),0 10px 24px rgba(39,174,163,.12)}.triploom-dialog-v1566[data-type="danger"] .triploom-dialog-icon-v1566,.triploom-dialog-v1566[data-type="error"] .triploom-dialog-icon-v1566{background:#FFF0EF;color:#E25563;box-shadow:inset 0 0 0 1px rgba(220,74,74,.12),0 10px 24px rgba(211,72,72,.08)}.triploom-dialog-v1566[data-type="warning"] .triploom-dialog-icon-v1566{background:#FFF8E7;color:#C96C38}.triploom-dialog-eyebrow-v1566{display:block;color:#249D98;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:6px}.triploom-dialog-copy-v1566 h2{margin:0;color:#16393E;font-size:22px;line-height:1.25;font-weight:850}.triploom-dialog-copy-v1566 p{margin:10px auto 0;max-width:390px;color:#62777B;font-size:14px;line-height:1.58;font-weight:600;white-space:pre-line}.triploom-dialog-input-wrap-v1566{margin-top:18px}.triploom-dialog-input-v1566{width:100%;height:48px;border-radius:15px;border:1px solid #D5E5E4;background:#fff;color:#173B40;padding:0 15px;font:700 14px/1 'Nunito',sans-serif;outline:none;box-shadow:0 3px 12px rgba(22,87,90,.04);transition:.16s ease}.triploom-dialog-input-v1566:focus{border-color:#69D7D0;box-shadow:0 0 0 4px rgba(52,189,176,.12),0 6px 16px rgba(22,87,90,.06)}.triploom-dialog-countdown-v1566{margin:18px auto 0;max-width:330px;color:#839598;font-size:11.5px;font-weight:700}.triploom-dialog-countdown-v1566 i{display:block;height:3px;margin-top:8px;border-radius:99px;background:#DDEBEA;overflow:hidden}.triploom-dialog-countdown-v1566 i b{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#69D7D0,#69D7D0);transition:width .25s linear}.triploom-dialog-actions-v1566{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.triploom-dialog-v1566[data-kind="notify"] .triploom-dialog-actions-v1566{grid-template-columns:1fr}.triploom-dialog-btn-v1566{min-height:48px;border-radius:15px;border:1px solid transparent;padding:11px 16px;font:850 13.5px/1.1 'Nunito',sans-serif;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.triploom-dialog-btn-v1566:hover{transform:translateY(-1px)}.triploom-dialog-btn-v1566.primary{background:linear-gradient(135deg,#69D7D0,#69D7D0);color:#fff;border-color:rgba(255,255,255,.95);box-shadow:0 9px 22px rgba(37,170,161,.24),inset 0 0 0 2px rgba(255,255,255,.20)}.triploom-dialog-btn-v1566.secondary{background:#fff;color:#52666A;border-color:#D9E7E7;box-shadow:0 5px 14px rgba(28,82,87,.05)}.triploom-dialog-btn-v1566.danger{background:linear-gradient(135deg,#E25563,#E25563);color:#fff;border-color:rgba(255,255,255,.95);box-shadow:0 9px 22px rgba(208,66,66,.20),inset 0 0 0 2px rgba(255,255,255,.18)}.triploom-dialog-btn-v1566:focus-visible,.triploom-dialog-close-v1566:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(47,184,173,.16),0 8px 20px rgba(24,87,90,.10)}body.triploom-dialog-open-v1566{overflow:hidden!important}
[data-theme="dark"] .triploom-dialog-card-v1566{background:linear-gradient(180deg,#173136,#122A2F);border-color:rgba(124,200,194,.14)}[data-theme="dark"] .triploom-dialog-copy-v1566 h2{color:#EEF9F8}[data-theme="dark"] .triploom-dialog-copy-v1566 p{color:#A7BCBD}[data-theme="dark"] .triploom-dialog-close-v1566,[data-theme="dark"] .triploom-dialog-input-v1566,[data-theme="dark"] .triploom-dialog-btn-v1566.secondary{background:#203B40;border-color:#345359;color:#E8F5F4}
@media(max-width:600px){.triploom-dialog-v1566{align-items:center;padding:16px}.triploom-dialog-card-v1566{width:min(100%,430px);border-radius:24px;padding:28px 20px 20px}.triploom-dialog-close-v1566{top:13px;right:13px}.triploom-dialog-icon-v1566{width:58px;height:58px;border-radius:18px}.triploom-dialog-copy-v1566 h2{font-size:20px}.triploom-dialog-copy-v1566 p{font-size:13.5px}.triploom-dialog-actions-v1566{gap:8px}.triploom-dialog-btn-v1566{min-height:50px}}
@media(prefers-reduced-motion:reduce){.triploom-dialog-v1566,.triploom-dialog-card-v1566,.triploom-dialog-btn-v1566,.triploom-dialog-close-v1566{transition:none!important}}

/* TRIPLOOM: legacy modal extraction superseded by the canonical trip modal bundle. */


/* TRIPLOOM V15.0.97 · final audit responsive hardening */
html,body{max-width:100%;overflow-x:clip}
:where(.content,.main-content,.page-shell,.panel,.card,.modal-card,.story-card-v14,.story-detail-shell-v14)>*{min-width:0}
:where(.content,.main-content,.page-shell) :where(input,select,textarea,button){max-width:100%}
:where(.table-scroll,.table-wrap,.responsive-table-shell,.ui-responsive-table-shell){overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
@media(max-width:768px){
  :where(.form-grid,.form-row,.page-actions,.section-actions,.story-v16-form-grid){min-width:0}
  :where(.story-v16-form-grid){grid-template-columns:1fr!important}
  :where(.story-v16-compose-form,.story-v16-comments,.story-v16-route-expanded){max-width:100%}
}


/* ============================================================
   TRIPLOOM V15.0.98 · TRIP HERO AI FLOAT + GALLERY ACTION FIX
   Scope: Trip page only. The contextual AI no longer participates
   in document flow, so the tab hero keeps its original alignment.
   ============================================================ */
body[data-page="trip"] .triploom-ai-context-wrap-v142726{display:none!important}

body[data-page="trip"] .triploom-ai-mascot-v1598{
  position:fixed;
  right:max(22px,env(safe-area-inset-right));
  bottom:max(22px,env(safe-area-inset-bottom));
  z-index:2147481200;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  pointer-events:none;
  font-family:"Nunito",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body[data-page="trip"] .triploom-ai-mascot-toggle-v1598{
  pointer-events:auto;
  position:relative;
  width:64px;
  height:64px;
  min-width:64px;
  padding:0;
  border:1px solid rgba(255,255,255,.94);
  border-radius:22px;
  background:linear-gradient(145deg,#FFFFFF 0%,#EFFCFB 100%);
  color:#69D7D0;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 16px 38px rgba(20,83,91,.20),0 5px 14px rgba(35,141,137,.14),inset 0 0 0 1px rgba(51,183,173,.10);
  transition:transform .18s ease,box-shadow .18s ease;
}
body[data-page="trip"] .triploom-ai-mascot-toggle-v1598:hover{transform:translateY(-2px);box-shadow:0 19px 42px rgba(20,83,91,.24),0 7px 16px rgba(35,141,137,.16),inset 0 0 0 1px rgba(51,183,173,.12)}
body[data-page="trip"] .triploom-ai-mascot-toggle-v1598:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(52,183,173,.18),0 18px 40px rgba(20,83,91,.22)}
body[data-page="trip"] .triploom-ai-mascot-face-v1598{
  position:relative;
  width:42px;
  height:36px;
  border-radius:15px 15px 17px 17px;
  background:linear-gradient(145deg,#3FBDB5,#8EDFF0);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.42),0 7px 14px rgba(37,151,153,.18);
}
body[data-page="trip"] .triploom-ai-mascot-antenna-v1598{position:absolute;left:50%;top:-8px;width:2px;height:9px;border-radius:9px;background:#249D98;transform:translateX(-50%)}
body[data-page="trip"] .triploom-ai-mascot-antenna-v1598:after{content:"";position:absolute;left:50%;top:-4px;width:6px;height:6px;border-radius:50%;background:#79DCD3;border:1px solid #fff;transform:translateX(-50%)}
body[data-page="trip"] .triploom-ai-mascot-eye-v1598{position:absolute;top:12px;width:5px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(18,106,110,.08)}
body[data-page="trip"] .triploom-ai-mascot-eye-v1598.is-left{left:11px}
body[data-page="trip"] .triploom-ai-mascot-eye-v1598.is-right{right:11px}
body[data-page="trip"] .triploom-ai-mascot-smile-v1598{position:absolute;left:50%;bottom:8px;width:13px;height:6px;border-bottom:2px solid rgba(255,255,255,.95);border-radius:0 0 12px 12px;transform:translateX(-50%)}
body[data-page="trip"] .triploom-ai-mascot-mini-v1598{
  position:absolute;right:-5px;top:-5px;min-width:25px;height:23px;padding:0 6px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  background:#173F47;color:#fff;border:2px solid #fff;font-size:8px;font-weight:900;letter-spacing:.08em;box-shadow:0 5px 12px rgba(22,69,76,.18)
}
body[data-page="trip"] .triploom-ai-mascot-panel-v1598{
  pointer-events:auto;
  position:relative;
  width:260px;
  box-sizing:border-box;
  padding:18px 18px 16px;
  border:1px solid #D6E9E7;
  border-radius:22px;
  background:rgba(255,255,255,.97);
  color:#28424A;
  box-shadow:0 22px 54px rgba(18,69,78,.22);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  transform-origin:bottom right;
  animation:triploom-ai-mascot-in-v1598 .16s ease-out both;
}
body[data-page="trip"] .triploom-ai-mascot-panel-v1598[hidden]{display:none!important}
body[data-page="trip"] .triploom-ai-mascot-panel-v1598 small{display:block;margin:0 34px 5px 0;color:#249D98;font-size:9px;line-height:1;font-weight:900;letter-spacing:.15em}
body[data-page="trip"] .triploom-ai-mascot-panel-v1598>b{display:block;margin:0;color:#183D44;font-size:16px;line-height:1.2;font-weight:850}
body[data-page="trip"] .triploom-ai-mascot-panel-v1598>span{display:block;margin:7px 0 13px;color:#74898E;font-size:11px;line-height:1.45;font-weight:650}
body[data-page="trip"] .triploom-ai-mascot-close-v1598{
  position:absolute;right:11px;top:11px;width:30px;height:30px;padding:0;border:1px solid #DEEBEA;border-radius:10px;background:#F4FCFB;color:#71858A;display:grid;place-items:center;cursor:pointer;font:800 19px/1 "Nunito",sans-serif
}
body[data-page="trip"] .triploom-ai-mascot-close-v1598:hover{background:#DDF7F4;color:#69D7D0;border-color:#CEE6E2}
body[data-page="trip"] .triploom-ai-mascot-link-v1598{
  min-height:42px;padding:0 13px;border-radius:13px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none!important;
  background:linear-gradient(135deg,#69D7D0,#69D7D0);border:1px solid rgba(255,255,255,.9);color:#fff!important;font-size:10px;font-weight:850;box-shadow:0 9px 20px rgba(37,159,159,.18)
}
body[data-page="trip"] .triploom-ai-mascot-link-v1598.is-locked{background:#EDF4F4;border-color:#DCE9E8;color:#62797D!important;box-shadow:none}
@keyframes triploom-ai-mascot-in-v1598{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Gallery hero: stabilize the two action buttons against legacy/global .btn rules. */
body[data-page="trip"] .trip-tab-hero-gallery .trip-tab-hero-side{overflow:visible!important}
body[data-page="trip"] .trip-tab-hero-gallery-panel-v28,
body[data-page="trip"] .trip-tab-hero-gallery-actions-v28,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28{box-sizing:border-box!important}
body[data-page="trip"] .trip-tab-hero-gallery-actions-v28{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  margin:0!important;
  overflow:hidden!important;
  min-width:0!important;
  max-width:none!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-primary,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-album-white{
  background:#fff!important;
  border-color:rgba(255,255,255,.98)!important;
  color:#69D7D0!important;
  box-shadow:0 8px 18px rgba(20,96,103,.09)!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28>span{display:block!important;min-width:0!important;color:currentColor!important;font-weight:850!important;line-height:1!important}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28 svg{flex:0 0 15px!important}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-primary:hover,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-album-white:hover{background:#F5FFFD!important;color:#249D98!important;border-color:#fff!important}

html[data-theme="dark"] body[data-page="trip"] .triploom-ai-mascot-toggle-v1598{background:linear-gradient(145deg,#17353B,#1F4448);border-color:#34585A}
html[data-theme="dark"] body[data-page="trip"] .triploom-ai-mascot-panel-v1598{background:rgba(18,43,48,.97);border-color:#315156;color:#E8F5F4}
html[data-theme="dark"] body[data-page="trip"] .triploom-ai-mascot-panel-v1598>b{color:#F0FBFA}
html[data-theme="dark"] body[data-page="trip"] .triploom-ai-mascot-panel-v1598>span{color:#9DB5B7}
html[data-theme="dark"] body[data-page="trip"] .triploom-ai-mascot-close-v1598{background:#1C3B40;border-color:#34555A;color:#B8CDCF}

@media(max-width:700px){
  body[data-page="trip"] .triploom-ai-mascot-v1598{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
  body[data-page="trip"] .triploom-ai-mascot-toggle-v1598{width:58px;height:58px;min-width:58px;border-radius:20px}
  body[data-page="trip"] .triploom-ai-mascot-face-v1598{transform:scale(.92)}
  body[data-page="trip"] .triploom-ai-mascot-panel-v1598{width:min(250px,calc(100vw - 28px))}
  body[data-page="trip"] .trip-tab-hero-gallery-panel-v28{width:100%!important;max-width:420px!important}
}
@media(prefers-reduced-motion:reduce){body[data-page="trip"] .triploom-ai-mascot-toggle-v1598,body[data-page="trip"] .triploom-ai-mascot-panel-v1598{transition:none!important;animation:none!important}}


/* ============================================================
   TRIPLOOM HOTFIX 02 · STABLE AI + GALLERY HERO CONTROLS
   - Keep every legacy contextual AI chip out of Trip layout flow.
   - Make Gallery metrics/actions visually separate and stable.
   ============================================================ */
body[data-page="trip"] .triploom-ai-context-v142726,
body[data-page="trip"] .triploom-ai-context-wrap-v142726{
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

body[data-page="trip"] .trip-tab-hero-gallery .trip-tab-hero-side{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-panel-v28{
  display:grid!important;
  gap:10px!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-metrics-v28{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28{
  min-width:0!important;
  min-height:76px!important;
  margin:0!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  background:rgba(22,105,116,.28)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28,
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 b,
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 small,
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 i,
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 svg{
  color:#fff!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-actions-v28{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-primary,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-album-white{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.96)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.97)!important;
  color:#69D7D0!important;
  box-shadow:0 7px 18px rgba(22,92,101,.12)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28:hover,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-primary:hover,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-album-white:hover{
  background:#F4FFFD!important;
  border-color:#fff!important;
  color:#249D98!important;
  transform:translateY(-1px)!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28>span{
  display:block!important;
  min-width:0!important;
  color:currentColor!important;
  font-weight:850!important;
  line-height:1!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28 svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  stroke:currentColor!important;
}

@media(max-width:700px){
  body[data-page="trip"] .trip-tab-hero-gallery-panel-v28{max-width:420px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28{min-height:68px!important;padding:11px 12px!important}
}
@media(max-width:460px){
  body[data-page="trip"] .trip-tab-hero-gallery-metrics-v28,
  body[data-page="trip"] .trip-tab-hero-gallery-actions-v28{gap:8px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-btn-v28,
  body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-primary,
  body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-album-white{height:42px!important;min-height:42px!important;padding:0 9px!important;font-size:9px!important}
}

/* ========================= TRIPLOOM PATCH 03 · GALLERY HERO SCORE / ACTION STANDARDIZATION =========================
   Match Gallery stat cards and action buttons to the compact hero score language used by other Trip tabs.
   Scope: Trip > Gallery hero only.
   ================================================================================================================ */
body[data-page="trip"] .trip-tab-hero-gallery-panel-v28{
  gap:10px!important;
  align-content:center!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-metrics-v28{
  gap:10px!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28{
  box-sizing:border-box!important;
  min-height:108px!important;
  height:108px!important;
  padding:14px 14px 13px!important;
  border-radius:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  text-align:center!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28>i{
  display:none!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28>div{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 b{
  margin:0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:36px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  color:#fff!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 small{
  margin:7px 0 0!important;
  font-family:"Nunito",sans-serif!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.84)!important;
}
/* A soft score-line mirrors the visual rhythm of the standard Trip hero metric card. */
body[data-page="trip"] .trip-tab-hero-gallery-stat-v28::after{
  content:""!important;
  display:block!important;
  width:76%!important;
  height:6px!important;
  flex:0 0 6px!important;
  margin:11px auto 0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#fff 0 68%,rgba(255,255,255,.25) 68% 100%)!important;
  box-shadow:inset 0 1px 1px rgba(10,90,101,.08)!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-actions-v28{
  gap:10px!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-primary,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-album-white{
  height:44px!important;
  min-height:44px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#F2FBFA 100%)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  color:#249D98!important;
  box-shadow:0 10px 22px rgba(12,78,87,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;
  font-family:"Nunito",sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28 svg{
  display:none!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28::before{
  content:"+"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:400!important;
  color:currentColor!important;
  transform:translateY(-.5px)!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28:hover,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-primary:hover,
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-album-white:hover{
  background:#fff!important;
  color:#249D98!important;
  border-color:#fff!important;
  box-shadow:0 14px 26px rgba(12,78,87,.18),inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:translateY(-1px)!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28:active{
  transform:translateY(0)!important;
}
@media(max-width:1000px){
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28{
    min-height:102px!important;
    height:102px!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 b{font-size:32px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28::after{margin-top:9px!important;height:5px!important;flex-basis:5px!important}
}
@media(max-width:700px){
  body[data-page="trip"] .trip-tab-hero-gallery-panel-v28{max-width:360px!important}
}
@media(max-width:460px){
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28{
    min-height:94px!important;
    height:94px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 b{font-size:29px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28 small{margin-top:6px!important;font-size:8px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-stat-v28::after{width:72%!important;margin-top:8px!important}
  body[data-page="trip"] .trip-tab-hero-gallery-btn-v28,
  body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-primary,
  body[data-page="trip"] .trip-tab-hero-gallery-btn-v28.is-album-white{
    height:42px!important;
    min-height:42px!important;
    padding:0 7px!important;
    font-size:9px!important;
  }
  body[data-page="trip"] .trip-tab-hero-gallery-btn-v28::before{font-size:15px!important}
}


/* ========================= TRIPLOOM PATCH 04 · COMPACT UI ARTIFACT CLEANUP =========================
   Fix Gallery hero add buttons and remove unintended halos/background artifacts from compact
   statistics + action controls. Scope is visual only; no business logic is changed.
   ================================================================================================== */

/* Gallery hero: use a real inline plus mark instead of a generated pseudo-element.
   This avoids the legacy pseudo positioning that could place "+" at the button corner. */
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28::before{
  content:none!important;
  display:none!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-plus-v04{
  position:static!important;
  inset:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  flex:0 0 14px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:currentColor!important;
  font-style:normal!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:14px!important;
  transform:none!important;
}
body[data-page="trip"] .trip-tab-hero-gallery-btn-v28>span{
  flex:0 1 auto!important;
}

/* Cost summary: cards must sit directly on the page without the grey/shadow halo around them. */
body[data-page="trip"] .money-cards,
body[data-page="trip"] .money-cards::before,
body[data-page="trip"] .money-cards::after{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
body[data-page="trip"] .money-cards>div{
  box-shadow:none!important;
  filter:none!important;
}

/* Action clusters are layout wrappers only. They must never paint an extra surface behind controls. */
body[data-page="trip"] :is(
  .expense-actions-v33,.expense-actions-icons-v33,
  .booking-card-actions-v139,
  .journal-card-actions-v32,.journal-card-actions-v52,
  .gallery-album-actions-v27,.gallery-photo-actions-v27,
  .task-v27-actions,.split-mode-actions-v39,.split-mode-actions-v45,
  .group-member-actions-v36,.v150-vault-row-actions,.v158-contact-actions,
  .collection-item-actions-v142726,.checkgear-v161-item-actions,
  .v6-row-actions,.v6-row-actions-v2
){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
body[data-page="trip"] :is(
  .expense-actions-v33,.expense-actions-icons-v33,
  .booking-card-actions-v139,
  .journal-card-actions-v32,.journal-card-actions-v52,
  .gallery-album-actions-v27,.gallery-photo-actions-v27,
  .task-v27-actions,.split-mode-actions-v39,.split-mode-actions-v45,
  .group-member-actions-v36,.v150-vault-row-actions,.v158-contact-actions,
  .collection-item-actions-v142726,.checkgear-v161-item-actions,
  .v6-row-actions,.v6-row-actions-v2
)>form{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Compact icon/action controls: remove only unintended outer glow/halo.
   Keep each button's border, semantic color and hover feedback. */
body[data-page="trip"] :is(
  .booking-view-btn-v141,.booking-edit-btn-v139,.booking-card-actions-v139 .mini-delete,
  .journal-action-v32,.gallery-icon-btn-v27,
  .expense-edit-action-v33,.expense-actions-v33 .expense-delete-btn-v29,
  .task-v27-icon-btn,.collection-item-actions-v142726 button,
  .checkgear-v161-item-actions button,.v6-inbox-icon-btn
){
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
body[data-page="trip"] :is(
  .booking-view-btn-v141,.booking-edit-btn-v139,.booking-card-actions-v139 .mini-delete,
  .journal-action-v32,.gallery-icon-btn-v27,
  .expense-edit-action-v33,.expense-actions-v33 .expense-delete-btn-v29,
  .task-v27-icon-btn,.collection-item-actions-v142726 button,
  .checkgear-v161-item-actions button,.v6-inbox-icon-btn
):is(:hover,:focus-visible,:active){
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}

@media(max-width:460px){
  body[data-page="trip"] .trip-tab-hero-gallery-plus-v04{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    flex-basis:13px!important;
    font-size:15px!important;
    line-height:13px!important;
  }
}


/* === V15.1.13 critical route repair fallback === */
/* TRIPLOOM V15.1.13 · Critical route UI repair
   Purpose: direct, last-loaded fixes for route popups that previously remained visually stale.
   Scoped to body[data-page="trip"]. No business logic. */

/* 1) Member role — two controls must be visually identical. */
html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"].group-member-modal-v36 .group-role-top-v52{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:start!important;
  gap:14px!important;
  margin:0!important;
}
html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"] .group-role-top-v52>.group-role-field-v52,
html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"] .group-role-top-v52>.group-transfer-wrap-v53{
  display:grid!important;
  grid-template-rows:18px 56px!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"] .group-role-top-v52 .group-top-label-v53{
  display:flex!important;
  align-items:center!important;
  min-height:18px!important;
  margin:0!important;
  color:#536C73!important;
  font:800 10px/1.2 Nunito,sans-serif!important;
}
html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"] .group-role-top-v52 .group-role-field-v52>input,
html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"] .group-role-top-v52 .group-transfer-control-v54{
  box-sizing:border-box!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  margin:0!important;
  border:1px solid #C8DCE0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"] .group-role-top-v52 .group-role-field-v52>input{
  padding:0 15px!important;
}
html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"] .group-role-top-v52 .group-transfer-control-v54{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:0 15px!important;
  color:#5B7279!important;
}
html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"] .group-role-top-v52 .group-transfer-control-v54:hover,
html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"] .group-role-top-v52 .group-role-field-v52>input:hover{
  border-color:#8CCFC9!important;
}

/* 2) Day settings — title and quick note have the same visual block height. */
html[data-theme] body[data-page="trip"] #day-settings .tm89-day-panel>form#day-settings-save-form>.tm89-day-group:first-child .tm89-day-grid:first-of-type{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
html[data-theme] body[data-page="trip"] #day-settings .tm89-day-panel>form#day-settings-save-form>.tm89-day-group:first-child .tm89-day-grid:first-of-type>label{
  display:grid!important;
  grid-template-rows:18px 74px!important;
  gap:7px!important;
  align-items:stretch!important;
  min-width:0!important;
  margin:0!important;
}
html[data-theme] body[data-page="trip"] #day-settings .tm89-day-panel>form#day-settings-save-form>.tm89-day-group:first-child .tm89-day-grid:first-of-type>label>input,
html[data-theme] body[data-page="trip"] #day-settings .tm89-day-panel>form#day-settings-save-form>.tm89-day-group:first-child .tm89-day-grid:first-of-type>label>textarea{
  box-sizing:border-box!important;
  width:100%!important;
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  margin:0!important;
  padding:0 15px!important;
  border-radius:15px!important;
}
html[data-theme] body[data-page="trip"] #day-settings .tm89-day-panel>form#day-settings-save-form>.tm89-day-group:first-child .tm89-day-grid:first-of-type>label>textarea{
  padding:13px 15px!important;
  resize:none!important;
  line-height:1.45!important;
}

/* 3) Idea popup — force one clean centered column and remove legacy decorative right panel. */
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .modal-card,
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .trip-route-card-v15108,
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .premium-idea-shell-v1547{
  width:min(760px,calc(100vw - 40px))!important;
  max-width:760px!important;
  height:auto!important;
  max-height:min(90dvh,780px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#DDF7F4!important;
}
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal form[data-inbox-form],
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal form[data-inbox-form].premium-idea-form-v1547{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:auto!important;
  background:#DDF7F4!important;
}
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal form[data-inbox-form]::after,
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .premium-idea-form-v1547::after,
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .triploom-ds-travel-footer{
  content:none!important;
  display:none!important;
  background:none!important;
}
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .trip-route-section-v15108,
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .premium-idea-fields-v1547{
  width:auto!important;
  max-width:none!important;
  margin:16px 18px!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:13px!important;
  border:1px solid #D2E3E5!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(31,72,80,.055)!important;
}
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .trip-route-section-v15108>label,
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .premium-idea-fields-v1547>label{
  grid-column:1!important;
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
}
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal :is(input:not([type="hidden"]),textarea,.triploom-modal-select-v15110,.triploom-select-v1565){
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal textarea{
  min-height:96px!important;
}
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .trip-route-footer-v15108,
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .premium-idea-footer-v1547{
  width:100%!important;
  min-height:118px!important;
  margin:0!important;
  padding:22px 18px 28px!important;
  position:relative!important;
  bottom:auto!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(238,244,245,.08),rgba(32,136,144,.10)),url('triploom-route-modal-banner.webp') center/cover no-repeat!important;
}
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .trip-route-footer-v15108 .btn,
html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .premium-idea-footer-v1547 .btn{
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
}

/* 4) Idea detail popup — compact information grid. */
html[data-theme] body[data-page="trip"] #inbox-idea-view-modal .trp106-idea-detail{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  min-width:0!important;
}
html[data-theme] body[data-page="trip"] #inbox-idea-view-modal .trp106-idea-detail>div{
  min-width:0!important;
  padding:13px 14px!important;
  border:1px solid #D8E6E8!important;
  border-radius:15px!important;
  background:#F4FCFB!important;
}
html[data-theme] body[data-page="trip"] #inbox-idea-view-modal .trp106-idea-detail>div:nth-of-type(5),
html[data-theme] body[data-page="trip"] #inbox-idea-view-modal .trp106-idea-detail>a{
  grid-column:1/-1!important;
}

/* 5) Unified image/file upload surface inside route page. */
html[data-theme] body[data-page="trip"] label.upload-box{
  position:relative!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:126px!important;
  margin:0!important;
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  overflow:hidden!important;
  border:1.5px dashed #B6D8D7!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#F2FAF9 100%)!important;
  box-shadow:0 8px 26px rgba(30,84,91,.05)!important;
  color:#315159!important;
  text-align:center!important;
  cursor:pointer!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
html[data-theme] body[data-page="trip"] label.upload-box:hover,
html[data-theme] body[data-page="trip"] label.upload-box:focus-within{
  border-color:#62C3BC!important;
  background:linear-gradient(180deg,#fff,#EEFAF8)!important;
  box-shadow:0 0 0 4px rgba(47,183,173,.08),0 12px 30px rgba(30,84,91,.07)!important;
  transform:translateY(-1px)!important;
}
html[data-theme] body[data-page="trip"] label.upload-box>span{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #C7E9E5!important;
  border-radius:15px!important;
  background:#E6F8F5!important;
  color:#249D98!important;
  font-size:24px!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(34,145,138,.07)!important;
}
html[data-theme] body[data-page="trip"] label.upload-box>b{
  margin:2px 0 0!important;
  color:#2F4B53!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.3!important;
}
html[data-theme] body[data-page="trip"] label.upload-box>small{
  margin:0!important;
  max-width:560px!important;
  color:#82989E!important;
  font-size:9.5px!important;
  font-weight:650!important;
  line-height:1.45!important;
}
html[data-theme] body[data-page="trip"] label.upload-box.has-file{
  border-style:solid!important;
  border-color:#66C3BC!important;
  background:linear-gradient(180deg,#FBFFFE,#EEFAF8)!important;
}
html[data-theme] body[data-page="trip"] label.upload-box .trip-upload-file-name-v15112,
html[data-theme] body[data-page="trip"] label.upload-box .trip-upload-file-name-v15113{
  display:inline-flex!important;
  max-width:min(100%,560px)!important;
  margin:4px 0 0!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#E3F6F3!important;
  color:#249D98!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html[data-theme] body[data-page="trip"] label.upload-box .trip-upload-file-name-v15112[hidden],
html[data-theme] body[data-page="trip"] label.upload-box .trip-upload-file-name-v15113[hidden]{display:none!important}

/* Booking upload keeps the same component language but becomes horizontal and balanced. */
html[data-theme] body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal) label.booking-upload-box-v148{
  min-height:116px!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  justify-items:stretch!important;
  column-gap:14px!important;
  row-gap:6px!important;
  text-align:left!important;
}
html[data-theme] body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal) label.booking-upload-box-v148 .booking-upload-icon-v148{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
  border:1px solid #C8E9E5!important;
  border-radius:15px!important;
  background:#E5F8F5!important;
  color:#249D98!important;
  font-size:0!important;
}
html[data-theme] body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal) label.booking-upload-box-v148 .booking-upload-icon-v148::before{
  content:"↥"!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
}
html[data-theme] body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal) label.booking-upload-box-v148 .booking-upload-content-v148{
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  margin:0!important;
  text-align:left!important;
}
html[data-theme] body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal) label.booking-upload-box-v148 .booking-upload-button-v148{
  position:static!important;
  grid-column:3!important;
  grid-row:1!important;
  width:auto!important;
  min-width:108px!important;
  height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #9FD6D1!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#249D98!important;
  font-size:10px!important;
  font-weight:900!important;
}
html[data-theme] body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal) label.booking-upload-box-v148 :is(.trip-upload-file-name-v15112,.trip-upload-file-name-v15113){
  grid-column:2/4!important;
  grid-row:2!important;
  justify-self:start!important;
  margin:0!important;
}

/* 6) Album edit action — clearly interactive. */
html[data-theme] body[data-page="trip"] .gallery-album-actions-v27{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  pointer-events:auto!important;
}
html[data-theme] body[data-page="trip"] .gallery-album-actions-v27 .gallery-album-edit-v15112,
html[data-theme] body[data-page="trip"] .gallery-album-actions-v27 .gallery-album-edit-v15113{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #C7E4E1!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#249D98!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
html[data-theme] body[data-page="trip"] .gallery-album-actions-v27 :is(.gallery-album-edit-v15112,.gallery-album-edit-v15113):hover{
  border-color:#8DCEC8!important;
  background:#DDF7F4!important;
  transform:translateY(-1px)!important;
}

@media(max-width:720px){
  html[data-theme] body[data-page="trip"] div.modal[id^="member-role-"] .group-role-top-v52,
  html[data-theme] body[data-page="trip"] #day-settings .tm89-day-panel>form#day-settings-save-form>.tm89-day-group:first-child .tm89-day-grid:first-of-type{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  html[data-theme] body[data-page="trip"] #inbox-idea-view-modal .trp106-idea-detail{grid-template-columns:1fr!important}
  html[data-theme] body[data-page="trip"] #inbox-idea-view-modal .trp106-idea-detail>div:nth-of-type(5),
  html[data-theme] body[data-page="trip"] #inbox-idea-view-modal .trp106-idea-detail>a{grid-column:1!important}
}
@media(max-width:620px){
  html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .modal-card,
  html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .trip-route-card-v15108,
  html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .premium-idea-shell-v1547{width:calc(100vw - 20px)!important}
  html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .trip-route-section-v15108,
  html[data-theme] body[data-page="trip"] #inbox-idea-modal#inbox-idea-modal .premium-idea-fields-v1547{margin:12px!important;padding:14px!important}
  html[data-theme] body[data-page="trip"] label.upload-box{min-height:116px!important;padding:15px!important}
  html[data-theme] body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal) label.booking-upload-box-v148{
    grid-template-columns:48px minmax(0,1fr)!important;
    min-height:0!important;
    padding:14px!important;
  }
  html[data-theme] body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal) label.booking-upload-box-v148 .booking-upload-button-v148{
    grid-column:1/3!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }
  html[data-theme] body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal) label.booking-upload-box-v148 :is(.trip-upload-file-name-v15112,.trip-upload-file-name-v15113){
    grid-column:1/3!important;
    grid-row:3!important;
    justify-self:stretch!important;
  }
}

/* === TRIPLOOM V15.1.14 · Unified action icons + modern image upload preview === */
:root{
  --tl-action-size:40px;
  --tl-action-radius:13px;
  --tl-action-border:#D7E6E7;
  --tl-action-bg:#fff;
  --tl-action-ink:#526D76;
  --tl-action-teal:#249D98;
  --tl-action-red:#E25563;
}

/* Unified icon-only action buttons. Applied by app-v1603.js using data-trip-action-icon. */
:is(button,a)[data-trip-action-icon]{
  box-sizing:border-box!important;
  width:var(--tl-action-size)!important;
  min-width:var(--tl-action-size)!important;
  max-width:var(--tl-action-size)!important;
  height:var(--tl-action-size)!important;
  min-height:var(--tl-action-size)!important;
  max-height:var(--tl-action-size)!important;
  padding:0!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 var(--tl-action-size)!important;
  border:1px solid var(--tl-action-border)!important;
  border-radius:var(--tl-action-radius)!important;
  background:linear-gradient(180deg,#fff 0%,#F4FCFB 100%)!important;
  color:var(--tl-action-ink)!important;
  box-shadow:0 4px 12px rgba(45,83,92,.045)!important;
  line-height:1!important;
  text-decoration:none!important;
  vertical-align:middle!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
:is(button,a)[data-trip-action-icon] svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  margin:0!important;
  padding:0!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.85!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
:is(button,a)[data-trip-action-icon="view"],
:is(button,a)[data-trip-action-icon="edit"]{color:#39747A!important}
:is(button,a)[data-trip-action-icon="view"]:hover,
:is(button,a)[data-trip-action-icon="view"]:focus-visible{
  color:#249D98!important;border-color:#A9D9D5!important;background:#DDF7F4!important;
  box-shadow:0 8px 18px rgba(32,151,143,.11)!important;transform:translateY(-1px)!important
}
:is(button,a)[data-trip-action-icon="edit"]:hover,
:is(button,a)[data-trip-action-icon="edit"]:focus-visible{
  color:#249D98!important;border-color:#B7DDD9!important;background:#F0F9F8!important;
  box-shadow:0 8px 18px rgba(43,137,132,.10)!important;transform:translateY(-1px)!important
}
:is(button,a)[data-trip-action-icon="delete"]{
  color:var(--tl-action-red)!important;border-color:#F0D5D8!important;background:linear-gradient(180deg,#FFFAFA 0%,#FFF5F6 100%)!important
}
:is(button,a)[data-trip-action-icon="delete"]:hover,
:is(button,a)[data-trip-action-icon="delete"]:focus-visible{
  color:#B83B49!important;border-color:#EDC2C7!important;background:#FFF0F2!important;
  box-shadow:0 8px 18px rgba(207,69,82,.10)!important;transform:translateY(-1px)!important
}
:is(button,a)[data-trip-action-icon]:active{transform:translateY(0) scale(.97)!important;box-shadow:none!important}
:is(button,a)[data-trip-action-icon]:focus-visible{outline:3px solid rgba(105,215,208,.15)!important;outline-offset:2px!important}
:is(button,a)[data-trip-action-icon][disabled],
:is(button,a)[data-trip-action-icon][aria-disabled="true"]{opacity:.48!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}

/* Neutralise old icon wrappers so all three actions sit on the same visual baseline. */
:is(.expense-actions-icons-v33,.booking-card-actions-v139,.gallery-photo-actions-v27,.gallery-album-actions-v27,
    .journal-card-actions-v32,.journal-card-actions-v52,.task-v27-actions,.checkgear-v161-item-actions,
    .v6-row-actions-v2,.group-member-actions-v36,.v150-vault-row-actions,.v158-contact-actions) :is(form,button,a){
  vertical-align:middle;
}
:is(.expense-actions-icons-v33,.booking-card-actions-v139,.gallery-photo-actions-v27,.gallery-album-actions-v27,
    .journal-card-actions-v32,.journal-card-actions-v52,.task-v27-actions,.checkgear-v161-item-actions,
    .v6-row-actions-v2,.group-member-actions-v36,.v150-vault-row-actions,.v158-contact-actions) form{
  margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;line-height:0!important
}

/* Modern upload shell. JS upgrades image-capable file inputs without touching backend field names. */
label.trip-image-upload-v15114,
.trip-image-field-v15114 .trip-upload-basic-card-v15114{
  position:relative!important;
  border:1.5px dashed #B9DCDA!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#F4FCFB 0%,#F5FBFA 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 24px rgba(39,92,98,.035)!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
label.trip-image-upload-v15114{
  box-sizing:border-box!important;
  min-height:132px!important;
  padding:17px 18px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  grid-template-areas:"icon copy action" "preview preview preview"!important;
  align-items:center!important;
  gap:13px 16px!important;
  text-align:left!important;
  cursor:pointer!important;
  overflow:visible!important;
}
label.trip-image-upload-v15114:hover,
label.trip-image-upload-v15114:focus-within,
.trip-image-field-v15114 .trip-upload-basic-card-v15114:hover{
  border-color:#72C8C2!important;background:#DDF7F4!important;box-shadow:0 10px 28px rgba(105,215,208,.09)!important
}
label.trip-image-upload-v15114>input[type="file"],
.trip-image-field-v15114>input[type="file"]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
label.trip-image-upload-v15114>.trip-upload-icon-v15114,
label.trip-image-upload-v15114>span:first-of-type,
label.trip-image-upload-v15114>i:first-of-type{
  grid-area:icon!important;
  width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
  display:grid!important;place-items:center!important;margin:0!important;padding:0!important;
  border-radius:17px!important;background:linear-gradient(145deg,#DDF7F4,#D9F3EF)!important;
  color:#249D98!important;border:1px solid #C7E9E5!important;box-shadow:none!important;
  font-size:25px!important;line-height:1!important
}
label.trip-image-upload-v15114>.trip-upload-icon-v15114 svg,
label.trip-image-upload-v15114>span:first-of-type svg,
label.trip-image-upload-v15114>i:first-of-type svg{width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important}
label.trip-image-upload-v15114>.trip-upload-copy-v15114,
label.trip-image-upload-v15114>.booking-upload-content-v148{
  grid-area:copy!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:0!important
}
label.trip-image-upload-v15114>.trip-upload-copy-v15114 b,
label.trip-image-upload-v15114>.trip-upload-copy-v15114 strong,
label.trip-image-upload-v15114>.booking-upload-content-v148 strong{font-size:13px!important;line-height:1.35!important;color:#294047!important;font-weight:800!important;margin:0!important}
label.trip-image-upload-v15114>.trip-upload-copy-v15114 small,
label.trip-image-upload-v15114>.booking-upload-content-v148 small{font-size:10px!important;line-height:1.5!important;color:#83979D!important;margin:0!important}
label.trip-image-upload-v15114>.trip-upload-copy-v15114 em,
label.trip-image-upload-v15114>.booking-upload-content-v148 em{font-size:10px!important;font-style:normal!important;color:#249D98!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
label.trip-image-upload-v15114>.trip-upload-action-v15114,
label.trip-image-upload-v15114>.booking-upload-button-v148{
  grid-area:action!important;min-width:104px!important;height:42px!important;padding:0 15px!important;margin:0!important;
  border:1px solid #A9D9D5!important;border-radius:14px!important;background:#fff!important;color:#249D98!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  font-size:11px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important
}
label.trip-image-upload-v15114>.trip-upload-action-v15114::before{content:"+";font-size:17px;font-weight:500;line-height:1}
label.trip-image-upload-v15114.trip-upload-has-preview-v15114>.trip-upload-action-v15114::before{content:"↻";font-size:14px}

.trip-upload-previews-v15114{
  grid-area:preview!important;
  width:100%!important;min-width:0!important;
  display:flex!important;align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important;
  margin:1px 0 0!important;padding:0!important
}
.trip-upload-previews-v15114:empty{display:none!important}
.trip-upload-preview-v15114{
  position:relative!important;width:104px!important;height:104px!important;flex:0 0 104px!important;
  border-radius:16px!important;overflow:hidden!important;border:1px solid #CFE3E4!important;background:#EDF6F5!important;
  box-shadow:0 7px 18px rgba(38,83,91,.075)!important;cursor:zoom-in!important
}
.trip-upload-preview-v15114 img{
  width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;background:#EEF5F5!important
}
.trip-upload-preview-v15114.is-file{display:grid!important;place-items:center!important;cursor:default!important;color:#607980!important;text-align:center!important;padding:12px!important}
.trip-upload-preview-v15114.is-file svg{width:26px!important;height:26px!important;margin-bottom:6px!important;color:#249D98!important}
.trip-upload-preview-v15114.is-file small{display:block!important;font-size:9px!important;line-height:1.35!important;word-break:break-word!important}
.trip-upload-preview-actions-v15114{position:absolute!important;inset:6px 6px auto auto!important;display:flex!important;gap:5px!important;z-index:3!important;pointer-events:auto!important}
.trip-upload-preview-actions-v15114 button{
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;margin:0!important;
  border-radius:9px!important;border:1px solid rgba(255,255,255,.86)!important;background:rgba(255,255,255,.94)!important;
  color:#3A7278!important;display:grid!important;place-items:center!important;box-shadow:0 5px 15px rgba(24,52,60,.15)!important;cursor:pointer!important
}
.trip-upload-preview-actions-v15114 button[data-trip-upload-remove]{color:#E25563!important;background:#FFF6F7!important;border-color:#fff!important}
.trip-upload-preview-actions-v15114 button svg{width:13px!important;height:13px!important;stroke:currentColor!important;fill:none!important;pointer-events:none!important}
.trip-upload-count-v15114{font-size:10px!important;font-weight:800!important;color:#249D98!important;margin-left:auto!important}

/* Modern fallback for plain image file fields that are not already upload-box components. */
.trip-image-field-v15114{display:block!important}
.trip-image-field-v15114 .trip-upload-basic-card-v15114{
  min-height:106px!important;margin-top:7px!important;padding:14px!important;
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;cursor:pointer!important
}
.trip-upload-basic-card-v15114 .trip-upload-icon-v15114{width:48px!important;height:48px!important;border-radius:15px!important;background:#E6F7F4!important;color:#249D98!important;display:grid!important;place-items:center!important}
.trip-upload-basic-card-v15114 .trip-upload-icon-v15114 svg{width:19px!important;height:19px!important}
.trip-upload-basic-card-v15114 .trip-upload-basic-copy-v15114 b{display:block!important;font-size:12px!important;color:#294047!important}
.trip-upload-basic-card-v15114 .trip-upload-basic-copy-v15114 small{display:block!important;font-size:9px!important;color:#82979D!important;margin-top:2px!important}
.trip-upload-basic-card-v15114 .trip-upload-action-v15114{min-width:96px!important;height:40px!important;border:1px solid #A9D9D5!important;border-radius:13px!important;background:#fff!important;color:#249D98!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:800!important}
.trip-image-field-v15114>.trip-upload-previews-v15114{margin-top:10px!important}

/* Selected-image lightbox: preview stays square; full image preserves its natural proportions here. */
.trip-upload-lightbox-v15114{
  position:fixed!important;inset:0!important;z-index:10080!important;padding:24px!important;
  display:none;align-items:center!important;justify-content:center!important;background:rgba(12,28,34,.72)!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important
}
.trip-upload-lightbox-v15114.open{display:flex!important}
.trip-upload-lightbox-panel-v15114{position:relative!important;width:min(1080px,94vw)!important;height:min(820px,88vh)!important;border-radius:24px!important;background:#0C171B!important;overflow:hidden!important;box-shadow:0 34px 100px rgba(0,0,0,.36)!important;display:grid!important;place-items:center!important}
.trip-upload-lightbox-panel-v15114 img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important}
.trip-upload-lightbox-close-v15114{position:absolute!important;top:14px!important;right:14px!important;z-index:2!important;width:40px!important;height:40px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.36)!important;background:rgba(255,255,255,.94)!important;color:#294047!important;display:grid!important;place-items:center!important;padding:0!important;cursor:pointer!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important}
.trip-upload-lightbox-close-v15114 svg{width:16px!important;height:16px!important}

html[data-theme="dark"] :is(button,a)[data-trip-action-icon]{background:#132A33!important;border-color:#1F3B4D!important;color:#AAC0C5!important;box-shadow:none!important}
html[data-theme="dark"] :is(button,a)[data-trip-action-icon="view"]:hover,
html[data-theme="dark"] :is(button,a)[data-trip-action-icon="edit"]:hover{background:#17383A!important;border-color:#35655F!important;color:#7BD8D0!important}
html[data-theme="dark"] :is(button,a)[data-trip-action-icon="delete"]{background:#34262C!important;border-color:#5A3942!important;color:#EFA0A9!important}
html[data-theme="dark"] label.trip-image-upload-v15114,
html[data-theme="dark"] .trip-image-field-v15114 .trip-upload-basic-card-v15114{background:#10252E!important;border-color:#31545A!important;box-shadow:none!important}
html[data-theme="dark"] label.trip-image-upload-v15114>.trip-upload-copy-v15114 b,
html[data-theme="dark"] label.trip-image-upload-v15114>.booking-upload-content-v148 strong,
html[data-theme="dark"] .trip-upload-basic-card-v15114 .trip-upload-basic-copy-v15114 b{color:#E6F1F3!important}
html[data-theme="dark"] label.trip-image-upload-v15114>.trip-upload-copy-v15114 small,
html[data-theme="dark"] label.trip-image-upload-v15114>.booking-upload-content-v148 small,
html[data-theme="dark"] .trip-upload-basic-card-v15114 .trip-upload-basic-copy-v15114 small{color:#93AAB0!important}

@media(max-width:640px){
  :root{--tl-action-size:38px;--tl-action-radius:12px}
  :is(button,a)[data-trip-action-icon] svg{width:16px!important;height:16px!important}
  label.trip-image-upload-v15114{grid-template-columns:48px minmax(0,1fr)!important;grid-template-areas:"icon copy" "action action" "preview preview"!important;gap:10px 12px!important;padding:14px!important;border-radius:17px!important}
  label.trip-image-upload-v15114>span:first-of-type,label.trip-image-upload-v15114>i:first-of-type,label.trip-image-upload-v15114>.trip-upload-icon-v15114{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:15px!important}
  label.trip-image-upload-v15114>.trip-upload-action-v15114,label.trip-image-upload-v15114>.booking-upload-button-v148{width:100%!important;min-width:0!important;height:40px!important}
  .trip-upload-preview-v15114{width:88px!important;height:88px!important;flex-basis:88px!important;border-radius:14px!important}
  .trip-upload-basic-card-v15114{grid-template-columns:44px minmax(0,1fr)!important}
  .trip-upload-basic-card-v15114 .trip-upload-action-v15114{grid-column:1/-1!important;width:100%!important}
  .trip-upload-lightbox-v15114{padding:12px!important}.trip-upload-lightbox-panel-v15114{width:96vw!important;height:84vh!important;border-radius:18px!important}
}
/* V15.1.14 upload micro-fix: keep preview overlay controls independent from legacy .upload-box span rules. */
.trip-upload-preview-actions-v15114{
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important
}
label.trip-image-upload-v15114>.trip-upload-action-v15114{width:auto!important;max-width:none!important}

/* === TRIPLOOM V15.1.15 · Itinerary action row + expense action spacing === */
/* Xây dựng lộ trình: trạng thái, ưu tiên và chỉnh sửa có cùng kích thước trên một hàng. */
html body[data-page="trip"] .premium-stop-card .stop-actions{
  display:grid!important;
  grid-template-columns:repeat(3,56px)!important;
  grid-auto-flow:column!important;
  align-items:center!important;
  justify-content:end!important;
  justify-items:stretch!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0!important;
}
html body[data-page="trip"] .premium-stop-card .stop-actions>.badge,
html body[data-page="trip"] .premium-stop-card .stop-actions>.stop-more{
  box-sizing:border-box!important;
  width:56px!important;
  min-width:56px!important;
  max-width:56px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0 5px!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  white-space:nowrap!important;
  align-self:center!important;
  justify-self:center!important;
}
html body[data-page="trip"] .premium-stop-card .stop-actions>.badge{
  font-size:7.2px!important;
  font-weight:850!important;
}
html body[data-page="trip"] .premium-stop-card .stop-actions>.stop-more{
  border:1px solid #C6ECE8!important;
  background:linear-gradient(180deg,#fff 0%,#F4FCFB 100%)!important;
  color:#55717A!important;
  box-shadow:0 3px 10px rgba(39,77,86,.04)!important;
}
html body[data-page="trip"] .premium-stop-card .stop-actions>.stop-more:hover,
html body[data-page="trip"] .premium-stop-card .stop-actions>.stop-more:focus-visible{
  border-color:#ADDBD7!important;
  background:#DDF7F4!important;
  color:#249D98!important;
}
html body[data-page="trip"] .premium-stop-card .stop-actions>.stop-more svg{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  stroke:currentColor!important;
}

/* Chi phí: dành đủ cột cho hai icon thao tác để không đè lên khung Người thanh toán. */
html body[data-page="trip"] .expense-columns-v29.is-group,
html body[data-page="trip"] .expense-row-v29.is-group-row .expense-columns-v29.is-group{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.02fr) minmax(0,1.08fr) 91px!important;
  column-gap:7px!important;
}
html body[data-page="trip"] .expense-payer-v30{
  min-width:0!important;
  overflow:hidden!important;
}
html body[data-page="trip"] .expense-payer-value-v30{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  padding-left:4px!important;
  padding-right:4px!important;
}
html body[data-page="trip"] .expense-payer-value-v30 b{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body[data-page="trip"] .expense-actions-v33{
  box-sizing:border-box!important;
  min-width:91px!important;
  width:91px!important;
  padding:0!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body[data-page="trip"] .expense-actions-icons-v33{
  box-sizing:border-box!important;
  width:85px!important;
  min-width:85px!important;
  display:grid!important;
  grid-template-columns:repeat(2,40px)!important;
  align-items:center!important;
  justify-content:center!important;
  justify-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
}
html body[data-page="trip"] .expense-actions-icons-v33 form{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
}

@media(max-width:760px){
  html body[data-page="trip"] .premium-stop-card .stop-actions{
    grid-template-columns:repeat(3,52px)!important;
    gap:5px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
  }
  html body[data-page="trip"] .premium-stop-card .stop-actions>.badge,
  html body[data-page="trip"] .premium-stop-card .stop-actions>.stop-more{
    width:52px!important;min-width:52px!important;max-width:52px!important;
    height:32px!important;min-height:32px!important;max-height:32px!important;
  }
}
@media(max-width:640px){
  html body[data-page="trip"] .expense-columns-v29.is-group,
  html body[data-page="trip"] .expense-row-v29.is-group-row .expense-columns-v29.is-group{
    grid-template-columns:minmax(0,.88fr) minmax(0,.96fr) minmax(0,1fr) 83px!important;
    column-gap:4px!important;
  }
  html body[data-page="trip"] .expense-actions-v33{min-width:83px!important;width:83px!important}
  html body[data-page="trip"] .expense-actions-icons-v33{
    width:81px!important;min-width:81px!important;grid-template-columns:repeat(2,38px)!important;gap:5px!important
  }
  html body[data-page="trip"] .expense-actions-icons-v33 form{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
}


/* === TRIPLOOM V15.1.16 · Vault counter + action icon consistency === */
/* Liên hệ và Tài liệu dùng cùng một metric component, không còn pill nhỏ riêng ở Liên hệ. */
html body[data-page="trip"] .v159-vault-panel .v159-vault-head .v159-vault-counter{
  box-sizing:border-box!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:7px 12px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  justify-items:start!important;
  gap:3px!important;
  border:1px solid rgba(58,176,165,.18)!important;
  background:linear-gradient(180deg,#DDF7F4 0%,#E5F5F2 100%)!important;
  color:#249D98!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  font-size:inherit!important;
}
html body[data-page="trip"] .v159-vault-panel .v159-vault-head .v159-vault-counter b{
  margin:0!important;
  font-size:17px!important;
  line-height:1!important;
  color:#249D98!important;
}
html body[data-page="trip"] .v159-vault-panel .v159-vault-head .v159-vault-counter small{
  margin:0!important;
  font-size:9px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:800!important;
  color:#6C928D!important;
}

/* Ví hành trình: Xem / Sửa / Xóa dùng đúng component icon-only toàn website. */
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon]{
  box-sizing:border-box!important;
  width:var(--tl-action-size)!important;
  min-width:var(--tl-action-size)!important;
  max-width:var(--tl-action-size)!important;
  height:var(--tl-action-size)!important;
  min-height:var(--tl-action-size)!important;
  max-height:var(--tl-action-size)!important;
  padding:0!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid var(--tl-action-border)!important;
  border-radius:var(--tl-action-radius)!important;
  background:linear-gradient(180deg,#fff 0%,#F4FCFB 100%)!important;
  color:var(--tl-action-ink)!important;
  box-shadow:0 4px 12px rgba(45,83,92,.045)!important;
  font-size:0!important;
  line-height:1!important;
  overflow:hidden!important;
}
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon] svg{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  margin:0!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.85!important;
}
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon="view"],
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon="edit"]{
  color:#39747A!important;
  border-color:var(--tl-action-border)!important;
  background:linear-gradient(180deg,#fff 0%,#F4FCFB 100%)!important;
}
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon="view"]:hover,
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon="view"]:focus-visible{
  color:#249D98!important;
  border-color:#A9D9D5!important;
  background:#DDF7F4!important;
}
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon="edit"]:hover,
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon="edit"]:focus-visible{
  color:#249D98!important;
  border-color:#B7DDD9!important;
  background:#F0F9F8!important;
}
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon="delete"]{
  border-radius:var(--tl-action-radius)!important;
  color:var(--tl-action-red)!important;
  border-color:#F0D5D8!important;
  background:linear-gradient(180deg,#FFFAFA 0%,#FFF5F6 100%)!important;
}
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon="delete"]:hover,
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon="delete"]:focus-visible{
  color:#B83B49!important;
  border-color:#EDC2C7!important;
  background:#FFF0F2!important;
}
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions form{
  box-sizing:border-box!important;
  width:var(--tl-action-size)!important;
  min-width:var(--tl-action-size)!important;
  height:var(--tl-action-size)!important;
  min-height:var(--tl-action-size)!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions{
  align-items:center!important;
  gap:7px!important;
}

@media(max-width:900px){
  html body[data-page="trip"] .v159-vault-panel .v159-vault-head .v159-vault-counter{
    width:68px!important;min-width:68px!important;max-width:68px!important;
    height:50px!important;min-height:50px!important;max-height:50px!important;
    padding:7px 10px!important;border-radius:15px!important;
  }
}
@media(max-width:640px){
  html body[data-page="trip"] .v159-vault-panel .v159-vault-head .v159-vault-counter{
    width:60px!important;min-width:60px!important;max-width:60px!important;
    height:46px!important;min-height:46px!important;max-height:46px!important;
    padding:6px 9px!important;border-radius:14px!important;
  }
  html body[data-page="trip"] .v159-vault-panel .v159-vault-head .v159-vault-counter b{font-size:15px!important}
  html body[data-page="trip"] .v159-vault-panel .v159-vault-head .v159-vault-counter small{font-size:8px!important}
  html body[data-page="trip"] .v159-vault-panel .v150-vault-row-actions :is(button,a)[data-trip-action-icon] svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important}
}



/* TRIPLOOM V2.10 · DIRECT MOBILE POPUP CONTRACT
   Embedded in app.css intentionally: this path is already loaded by every signed-in page,
   so the mobile popup fix cannot silently disappear because a newly-added stylesheet was not deployed/cached. */
@media (max-width:900px), (max-width:1180px) and (pointer:coarse){
  body[data-page="trip"] .modal,
  body[data-page="trip"] [data-pack-add-modal]{
    --tm200-vv-top:0px;--tm200-vv-left:0px;--tm200-vv-width:100vw;--tm200-vv-height:100dvh;--tm200-edge:12px;
    position:fixed!important;inset:0!important;top:var(--tm200-vv-top)!important;left:var(--tm200-vv-left)!important;
    width:var(--tm200-vv-width)!important;height:var(--tm200-vv-height)!important;max-width:none!important;max-height:none!important;
    margin:0!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
    align-items:center!important;justify-content:center!important;place-items:center!important;box-sizing:border-box!important;
    overflow:hidden!important;transform:none!important;translate:none!important;z-index:99990!important;
  }
  body[data-page="trip"] .modal.open,
  body[data-page="trip"] .modal.is-open,
  body[data-page="trip"] .modal[aria-hidden="false"]:not([hidden]),
  body[data-page="trip"] [data-pack-add-modal].is-open,
  body[data-page="trip"] [data-pack-add-modal][aria-hidden="false"]{
    display:flex!important;pointer-events:auto!important;
  }
  body[data-page="trip"] .modal > .modal-card,
  body[data-page="trip"] [data-pack-add-modal] > .pack-v167-modal-shell,
  body[data-page="trip"] .modal > [role="dialog"]{
    position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:calc(100% - 0px)!important;max-width:min(760px,calc(100vw - 24px))!important;min-width:0!important;
    height:auto!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;
    margin:0!important;box-sizing:border-box!important;overflow:hidden!important;transform:none!important;translate:none!important;
    border-radius:22px!important;box-shadow:0 20px 60px rgba(19,48,56,.22)!important;
  }
  body[data-page="trip"] .modal > .modal-card.small{max-width:min(560px,calc(100vw - 24px))!important}
  body[data-page="trip"] .modal > .modal-card.medium{max-width:min(680px,calc(100vw - 24px))!important}
  body[data-page="trip"] .modal > .modal-card.large{max-width:min(820px,calc(100vw - 24px))!important}
  body[data-page="trip"] .modal :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select){font-size:16px!important;min-height:46px!important;max-width:100%!important;box-sizing:border-box!important}
  body[data-page="trip"] .modal :is(.modal-close,[data-modal-close],[data-task-close],[data-booking-modal-close],[data-vault-close],[data-checklist-close]){min-width:42px!important;min-height:42px!important;touch-action:manipulation!important}
  body[data-page="trip"] .modal :is(h1,h2,h3,h4,p,label,span,strong,small,button,a){overflow-wrap:anywhere;word-break:normal}
}
@media (max-width:480px){
  body[data-page="trip"] .modal,body[data-page="trip"] [data-pack-add-modal]{--tm200-edge:10px;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important}
  body[data-page="trip"] .modal > .modal-card,body[data-page="trip"] [data-pack-add-modal] > .pack-v167-modal-shell{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:19px!important}
}

/* TRIPLOOM V2.10 · Mobile Popup Audit
   Scope: page=Lộ trình only. This is the final mobile/tablet layer after every legacy popup skin.
   Goals: true visual-viewport centering, safe edges, internal body scrolling, compact sticky actions,
   touch-sized controls and per-popup responsive layouts without changing desktop. */

@media (max-width:900px), (max-width:1180px) and (pointer:coarse){
  html.trip-mobile-modal-open-v200,
  body[data-page="trip"].trip-mobile-modal-open-v200,
  body[data-page="trip"].modal-open,
  body[data-page="trip"].pack-v167-modal-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body[data-page="trip"] [data-trip-mobile-modal="1"]{
    --tm200-vv-top:0px;
    --tm200-vv-left:0px;
    --tm200-vv-width:100vw;
    --tm200-vv-height:100dvh;
    --tm200-edge:12px;
    position:fixed!important;
    inset:auto!important;
    top:var(--tm200-vv-top)!important;
    left:var(--tm200-vv-left)!important;
    width:var(--tm200-vv-width)!important;
    height:var(--tm200-vv-height)!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:max(var(--tm200-edge),env(safe-area-inset-top)) max(var(--tm200-edge),env(safe-area-inset-right)) max(var(--tm200-edge),env(safe-area-inset-bottom)) max(var(--tm200-edge),env(safe-area-inset-left))!important;
    align-items:center!important;
    justify-content:center!important;
    place-items:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:rgba(20,43,50,.45)!important;
    -webkit-backdrop-filter:blur(12px) saturate(112%)!important;
    backdrop-filter:blur(12px) saturate(112%)!important;
    /* Keep vertical touch scrolling available inside the dialog. Body scroll is locked separately. */
    touch-action:pan-y pinch-zoom!important;
    transform:none!important;
    translate:none!important;
  }
  body[data-page="trip"] .modal[data-trip-mobile-modal="1"]{display:none!important}
  body[data-page="trip"] .modal[data-trip-mobile-modal="1"]:is(.open,.is-open,[aria-hidden="false"]):not([hidden]),
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"].is-open,
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"][aria-hidden="false"]{
    display:flex!important;
    pointer-events:auto!important;
  }

  /* Every audited dialog receives the same viewport contract, while each business form keeps its own DOM. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] > .modal-card,
  body[data-page="trip"] [data-trip-mobile-modal="1"] > .pack-v167-modal-shell,
  body[data-page="trip"] [data-trip-mobile-modal="1"] > .task-reminder-alert-card,
  body[data-page="trip"] [data-trip-mobile-modal="1"] > [role="dialog"]{
    position:relative!important;
    top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    width:min(760px,calc(var(--tm200-vv-width) - (var(--tm200-edge) * 2)))!important;
    max-width:calc(var(--tm200-vv-width) - (var(--tm200-edge) * 2))!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(var(--tm200-vv-height) - (var(--tm200-edge) * 2))!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
    translate:none!important;
    border-radius:23px!important;
    touch-action:pan-y!important;
    overscroll-behavior:contain!important;
  }
  body[data-page="trip"] [data-trip-mobile-profile="compact"] > .modal-card,
  body[data-page="trip"] [data-trip-mobile-profile="compact-form"] > .modal-card{width:min(600px,calc(var(--tm200-vv-width) - (var(--tm200-edge) * 2)))!important}
  body[data-page="trip"] [data-trip-mobile-profile="media"] > .modal-card{width:min(820px,calc(var(--tm200-vv-width) - (var(--tm200-edge) * 2)))!important}
  body[data-page="trip"] [data-trip-mobile-profile="task-reminder"] > .task-reminder-alert-card{width:min(540px,calc(var(--tm200-vv-width) - (var(--tm200-edge) * 2)))!important}

  /* Header families: compact, always visible, no oversized desktop whitespace. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-header-v15108,.tm91-smart-header,.tm74-stop-header,.tm92-stop-edit-header,.tm89-day-header,
    .pack-add-header-v1559,[class*="modal-header"]
  ){
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-header-v15108,.tm91-smart-header,.tm74-stop-header,.tm92-stop-edit-header,.tm89-day-header
  ){
    padding:15px 62px 13px 16px!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-header-v15108,.tm91-smart-header,.tm74-stop-header,.tm92-stop-edit-header,.tm89-day-header
  ) h2{
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(19px,5.4vw,22px)!important;
    line-height:1.12!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-header-v15108,.tm91-smart-header,.tm74-stop-header,.tm92-stop-edit-header,.tm89-day-header
  ) p{
    max-width:100%!important;
    margin-top:5px!important;
    font-size:10.5px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(.trip-route-brand-v15108,.tm91-smart-brand,.tm74-stop-brand,.tm92-stop-edit-brand,.tm89-day-brand,.eyebrow){font-size:9px!important;line-height:1.2!important}

  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .modal-close,.trip-route-close-v15108,.tm91-smart-close,.tm74-stop-close,.tm92-stop-edit-close,.tm89-day-close,.pack-v167-modal-close
  ){
    top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    margin:0!important;padding:0!important;border-radius:13px!important;
    display:grid!important;place-items:center!important;
    font-size:23px!important;line-height:1!important;
    transform:none!important;touch-action:manipulation!important;z-index:40!important;
  }

  /* Tablet and phone form controls stay readable/touchable; 16px also avoids iOS focus zoom. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select,.triploom-select-trigger-v1565
  ){min-width:0!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important;min-height:46px!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(.trip-route-section-v15108,.tm91-smart-scroll,.tm74-stop-form,.tm92-stop-edit-scroll,.tm89-day-scroll) label{
    min-width:0!important;max-width:100%!important;font-size:11.5px!important;line-height:1.4!important;font-weight:800!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(.trip-route-section-v15108,.tm91-smart-scroll,.tm74-stop-form,.tm92-stop-edit-scroll,.tm89-day-scroll) label>span:first-child{
    display:block!important;min-width:0!important;margin:0 0 6px!important;line-height:1.35!important;
  }

  /* The only scrollable area is the content body. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-section-v15108,.tm91-smart-scroll,.tm74-stop-form,.tm74-stop-scroll,.tm92-stop-edit-scroll,.tm89-day-scroll,
    .pack-add-body-v1559,.booking-attachment-view-v144,.journal-view-body-v06,.v152-vault-modal-body
  ){
    min-width:0!important;min-height:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    scroll-behavior:smooth!important;
    scroll-padding-block:16px 92px!important;
    scrollbar-width:thin!important;
    box-sizing:border-box!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(.trip-route-form-v15108,.tm91-smart-card,.tm74-stop-card,.tm92-stop-edit-card,.tm89-day-card){min-height:0!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-route-section-v15108{margin:10px 10px 0!important;padding:14px!important;border-radius:17px!important;gap:11px!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-route-section-head-v15108{grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;min-height:0!important;padding:0 0 11px!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-route-section-head-v15108>span{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:11px!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-route-section-head-v15108 h3{font-size:14.5px!important;line-height:1.25!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-route-section-head-v15108 p{font-size:10px!important;line-height:1.45!important}

  /* Footer/action families stay visible without a long scroll. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-footer-v15108,.tm91-smart-footer,.tm74-stop-footer,.tm92-stop-edit-footer,.tm89-day-footer,.pack-v46-travel-footer,.pack-add-footer-v1559
  ){
    position:relative!important;
    flex:0 0 auto!important;
    min-width:0!important;min-height:118px!important;height:auto!important;
    margin:0!important;
    padding:22px 18px 28px!important;
    border-radius:0 0 21px 21px!important;
    border-top:1px solid #DBE8EA!important;
    background:linear-gradient(180deg,rgba(238,244,245,.08),rgba(32,136,144,.10)),url('triploom-route-modal-banner.webp') center/cover no-repeat!important;
    background-color:#DFF1F3!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:15!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-footer-v15108,.tm91-smart-footer,.tm74-stop-footer,.tm92-stop-edit-footer,.tm89-day-footer,.pack-v46-travel-footer
  ) :is(button,.btn,a.btn){min-height:48px!important;border-radius:13px!important}
  /* Shared action layout: preserve one-row tablet actions, then wrap without overflow when space is tight. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-footer-v15108,.tm91-smart-footer,.tm74-stop-footer,.tm92-stop-edit-footer,.tm89-day-footer,.pack-v46-travel-footer
  ){display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:8px!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-footer-v15108,.tm91-smart-footer,.tm74-stop-footer,.tm92-stop-edit-footer,.tm89-day-footer,.pack-v46-travel-footer
  ) > :is(button,.btn,a.btn,form){min-width:0!important;max-width:100%!important;flex:1 1 180px!important;margin:0!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-footer-v15108,.tm91-smart-footer,.tm74-stop-footer,.tm92-stop-edit-footer,.tm89-day-footer,.pack-v46-travel-footer
  ) > form{display:flex!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-footer-v15108,.tm91-smart-footer,.tm74-stop-footer,.tm92-stop-edit-footer,.tm89-day-footer,.pack-v46-travel-footer
  ) > form > :is(button,.btn){width:100%!important;min-width:0!important}

  /* Defensive overflow rules for long Vietnamese content. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(h1,h2,h3,h4,h5,p,small,b,strong,span,label,legend,td,th,a,button){
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(img,video,iframe,canvas,svg){max-width:100%!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(.form-grid,.form-row,.field-row,.booking-extra-grid-v139,.booking-payment-grid-v141,.expense-form-grid-v28){min-width:0!important;max-width:100%!important}

  /* Tablet keeps useful two-column forms; very dense three-column desktop grids become two columns. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(.booking-type-grid-v139,.route-choice-grid,.stop-transport-choice-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Business-specific audit: each popup family receives a content-appropriate mobile layout. */
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal] .task-v27-phase{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal] .task-v27-phase label span{min-height:58px!important;padding:8px 6px!important;align-items:center!important;text-align:center!important}
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal] .task-v27-phase label small{display:none!important}
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal] .task-v27-assignee-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}

  body[data-page="trip"] :is(#expense-payer-modal,[id^="member-role-"])[data-trip-mobile-modal] :is(.member-list,.member-grid,[class*="member-list"],[class*="member-grid"]){max-height:min(44vh,390px)!important;overflow-y:auto!important;overflow-x:hidden!important}

  body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal)[data-trip-mobile-modal] .booking-type-grid-v139{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body[data-page="trip"] #booking-attachment-modal[data-trip-mobile-modal]>.booking-attachment-card-v144{display:flex!important;flex-direction:column!important;background:#F4F8F9!important}
  body[data-page="trip"] #booking-attachment-modal[data-trip-mobile-modal] .booking-attachment-view-v144{display:grid!important;place-items:center!important;flex:1 1 auto!important;max-height:calc(var(--tm200-vv-height) - 84px)!important;padding:52px 10px 10px!important;background:#17252B!important;border-radius:21px!important}
  body[data-page="trip"] #booking-attachment-modal[data-trip-mobile-modal] .booking-attachment-view-v144 img{width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(var(--tm200-vv-height) - 118px)!important;object-fit:contain!important;border-radius:12px!important}
  body[data-page="trip"] #booking-attachment-modal[data-trip-mobile-modal]>.booking-attachment-card-v144>.eyebrow{position:absolute!important;top:25px!important;left:18px!important;z-index:20!important;color:#EEF8F9!important}
  body[data-page="trip"] #booking-attachment-modal[data-trip-mobile-modal] .modal-close{background:rgba(255,255,255,.96)!important}

  body[data-page="trip"] #clone-trip[data-trip-mobile-modal]>.modal-card{display:flex!important;flex-direction:column!important;padding:18px 16px 14px!important;background:#F5F9FA!important}
  body[data-page="trip"] #clone-trip[data-trip-mobile-modal]>.modal-card>form{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:4px!important;scroll-padding-bottom:72px!important}
  body[data-page="trip"] #clone-trip[data-trip-mobile-modal]>.modal-card>.modal-close{top:12px!important;right:12px!important}
  body[data-page="trip"] #clone-trip[data-trip-mobile-modal]>.modal-card>h2{padding-right:48px!important;font-size:20px!important;line-height:1.15!important}
  body[data-page="trip"] #clone-trip[data-trip-mobile-modal]>.modal-card>form>button:last-child{position:sticky!important;bottom:0!important;z-index:5!important;margin-top:10px!important;box-shadow:0 -8px 18px rgba(245,249,250,.92)!important}

  body[data-page="trip"] #smart-planner[data-trip-mobile-modal] .tm91-smart-action{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding:9px!important}
  body[data-page="trip"] #smart-planner[data-trip-mobile-modal] .tm91-smart-action-btn{grid-column:1/-1!important;width:100%!important;min-width:0!important;min-height:44px!important}

  body[data-page="trip"] :is(#stop-add,#stop-edit-modal,#day-settings)[data-trip-mobile-modal] :is(.tm74-grid,.tm92-stop-edit-grid,.tm89-day-grid,.form-grid.two,.form-grid.three){grid-template-columns:minmax(0,1fr)!important}
  body[data-page="trip"] #stop-add[data-trip-mobile-modal] .stop-transport-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="trip"] #stop-edit-modal[data-trip-mobile-modal] .tm92-stop-edit-footer{display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(0,1fr)!important;gap:7px!important}
  body[data-page="trip"] #stop-edit-modal[data-trip-mobile-modal] .tm92-stop-delete{min-width:0!important;margin:0!important}
  body[data-page="trip"] #stop-edit-modal[data-trip-mobile-modal] .tm92-stop-delete-btn span{display:none!important}

  body[data-page="trip"] :is(#photo-add,#journal-add)[data-trip-mobile-modal] label.upload-box{min-height:108px!important;padding:13px!important;border-radius:16px!important}
  body[data-page="trip"] :is(#photo-add,#journal-add)[data-trip-mobile-modal] label.upload-box>:is(span,i){width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}

  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal]>.pack-v167-modal-shell{display:flex!important;flex-direction:column!important;background:#F4FCFB!important}
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal] .pack-v167-modal-card{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:100%!important;padding:0!important;overflow:hidden!important}
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal] .pack-add-header-v1559{padding:14px 56px 11px 13px!important;gap:9px!important}
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal] .pack-add-header-v1559 .pack-v19-step-no{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal] .pack-add-header-v1559 h3{font-size:18px!important;line-height:1.15!important}
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal] .pack-add-header-v1559 p{font-size:8.5px!important;line-height:1.4!important}
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal] .pack-add-body-v1559{flex:1 1 auto!important;padding:10px!important}
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal] .pack-v20-template-picker{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal] .pack-v20-template-picker::-webkit-scrollbar{display:none!important}
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal] .pack-v20-template-list{max-height:none!important}



  /* Verified Check-in is created at runtime by app-v1596; MutationObserver tags it when inserted. */
  body[data-page="trip"] #v9-checkin-modal[data-trip-mobile-profile="checkin"]>.modal-card{
    display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding:18px 15px 14px!important;background:#F5FAFB!important;-webkit-overflow-scrolling:touch!important;
    scroll-padding-block:12px 72px!important;
  }
  body[data-page="trip"] #v9-checkin-modal[data-trip-mobile-profile="checkin"]>.modal-card>.modal-close{position:absolute!important;top:11px!important;right:11px!important}
  body[data-page="trip"] #v9-checkin-modal[data-trip-mobile-profile="checkin"]>.modal-card>.eyebrow{padding-right:48px!important;font-size:9px!important}
  body[data-page="trip"] #v9-checkin-modal[data-trip-mobile-profile="checkin"]>.modal-card>h2{margin:5px 48px 8px 0!important;font-size:20px!important;line-height:1.15!important}
  body[data-page="trip"] #v9-checkin-modal[data-trip-mobile-profile="checkin"] :is(.v9-checkin-privacy,.v9-checkin-progress,.v9-checkin-result){min-width:0!important;margin-top:9px!important;padding:11px!important;border-radius:15px!important}
  body[data-page="trip"] #v9-checkin-modal[data-trip-mobile-profile="checkin"] #v9-checkin-start{min-height:49px!important;margin-top:10px!important;border-radius:13px!important;flex:0 0 auto!important}

  /* Gallery viewer is also a popup: center it to the visual viewport and preserve safe touch navigation. */
  body[data-page="trip"] #v7-photo-lightbox.open{
    position:fixed!important;inset:auto!important;top:var(--tm200-vv-top,0px)!important;left:var(--tm200-vv-left,0px)!important;
    width:var(--tm200-vv-width,100vw)!important;height:var(--tm200-vv-height,100dvh)!important;
    padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
    overflow:hidden!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;transform:none!important;
  }
  body[data-page="trip"] #v7-photo-lightbox.open figure{
    width:min(100%,980px)!important;max-width:calc(var(--tm200-vv-width,100vw) - 24px)!important;
    max-height:calc(var(--tm200-vv-height,100dvh) - 24px)!important;min-width:0!important;min-height:0!important;overflow:hidden!important;
  }
  body[data-page="trip"] #v7-photo-lightbox.open figure img{
    max-width:100%!important;max-height:calc(var(--tm200-vv-height,100dvh) - 92px)!important;width:auto!important;height:auto!important;object-fit:contain!important;
  }
  body[data-page="trip"] #v7-photo-lightbox.open figcaption{max-width:min(100%,760px)!important;padding:9px 54px 0!important;overflow-wrap:anywhere!important}
  body[data-page="trip"] #v7-photo-lightbox.open :is(.v7-lightbox-close,.v7-lightbox-nav){min-width:44px!important;min-height:44px!important;touch-action:manipulation!important;z-index:20!important}
  body[data-page="trip"] #v7-photo-lightbox.open .v7-lightbox-close{top:max(10px,env(safe-area-inset-top))!important;right:max(10px,env(safe-area-inset-right))!important}
  body[data-page="trip"] #v7-photo-lightbox.open .v7-lightbox-nav.prev{left:max(8px,env(safe-area-inset-left))!important}
  body[data-page="trip"] #v7-photo-lightbox.open .v7-lightbox-nav.next{right:max(8px,env(safe-area-inset-right))!important}

  /* Task reminder is a route popup even though it is not built with the generic .modal class. */
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"][aria-hidden="true"]{display:none!important}
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"][aria-hidden="false"]{display:flex!important;pointer-events:auto!important}
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"]>.task-reminder-alert-card{
    display:flex!important;flex-direction:column!important;min-height:0!important;
    padding:14px 12px 11px!important;background:#F5FAFB!important;border:1px solid #D9E8EA!important;
    box-shadow:0 24px 60px rgba(28,65,73,.18)!important;
  }
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"] .task-reminder-alert-close{
    position:absolute!important;top:11px!important;right:11px!important;z-index:30!important;
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border-radius:13px!important;
  }
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"] .task-reminder-alert-head{
    flex:0 0 auto!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:9px!important;
    padding:2px 48px 11px 0!important;min-width:0!important;align-items:start!important;
  }
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"] .task-reminder-alert-head>span{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important}
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"] .task-reminder-alert-head h3{margin:2px 0 2px!important;font-size:18px!important;line-height:1.15!important}
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"] .task-reminder-alert-head p{margin:0!important;font-size:10px!important;line-height:1.4!important}
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"] .task-reminder-alert-list{
    flex:1 1 auto!important;min-height:0!important;max-height:min(46vh,390px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scroll-padding-block:8px!important;
  }
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"] .task-reminder-alert-item{min-width:0!important;padding:10px!important;gap:8px!important}
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"] .task-reminder-alert-suppress{flex:0 0 auto!important;min-height:44px!important;margin-top:7px!important;padding:7px 4px!important;display:flex!important;align-items:center!important;gap:8px!important}
  body[data-page="trip"] [data-task-reminder-popup][data-trip-mobile-modal="1"] .task-reminder-alert-done{flex:0 0 auto!important;min-height:48px!important;margin-top:5px!important;border-radius:13px!important}

  /* Global confirm / prompt used by Save, Delete and other route actions follows the visual viewport too. */
  body[data-page="trip"] .triploom-dialog-v1566.is-open{
    position:fixed!important;inset:auto!important;top:var(--tm200-vv-top,0px)!important;left:var(--tm200-vv-left,0px)!important;
    width:var(--tm200-vv-width,100vw)!important;height:var(--tm200-vv-height,100dvh)!important;
    padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
    display:grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important;transform:none!important;
  }
  body[data-page="trip"] .triploom-dialog-v1566.is-open .triploom-dialog-backdrop-v1566{position:absolute!important;inset:0!important}
  body[data-page="trip"] .triploom-dialog-v1566.is-open .triploom-dialog-card-v1566{
    width:min(470px,calc(var(--tm200-vv-width,100vw) - 24px))!important;max-width:calc(var(--tm200-vv-width,100vw) - 24px)!important;
    max-height:calc(var(--tm200-vv-height,100dvh) - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    margin:0!important;transform:none!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
  }

}

@media (max-width:700px){
  body[data-page="trip"] [data-trip-mobile-modal="1"]{--tm200-edge:12px}
  body[data-page="trip"] [data-trip-mobile-modal="1"] > .modal-card,
  body[data-page="trip"] [data-trip-mobile-modal="1"] > .pack-v167-modal-shell,
  body[data-page="trip"] [data-trip-mobile-modal="1"] > .task-reminder-alert-card,
  body[data-page="trip"] [data-trip-mobile-modal="1"] > [role="dialog"]{
    width:calc(var(--tm200-vv-width) - (var(--tm200-edge) * 2))!important;
    max-width:calc(var(--tm200-vv-width) - (var(--tm200-edge) * 2))!important;
    max-height:calc(var(--tm200-vv-height) - (var(--tm200-edge) * 2))!important;
    border-radius:20px!important;
  }


  body[data-page="trip"] .triploom-dialog-v1566.is-open .triploom-dialog-input-v1566{font-size:16px!important;min-height:48px!important}
  body[data-page="trip"] .triploom-dialog-v1566.is-open :is(.triploom-dialog-btn-v1566,.triploom-dialog-close-v1566){min-height:48px!important;touch-action:manipulation!important}

  /* Mobile forms are designed for the hand, not scaled desktop controls. 16px prevents iOS focus zoom. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select,.triploom-select-trigger-v1565
  ){
    min-width:0!important;
    width:100%!important;
    min-height:48px!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    font-size:16px!important;
    line-height:1.3!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] textarea{min-height:88px!important;max-height:180px!important;resize:vertical!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(button,.btn,a[role="button"]){touch-action:manipulation!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(.form-grid.two,.form-grid.three,.booking-extra-grid-v139,.booking-payment-grid-v141,.expense-form-grid-v28){grid-template-columns:minmax(0,1fr)!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] label{min-width:0!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] label:has(>input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])),
  body[data-page="trip"] [data-trip-mobile-modal="1"] label:has(>textarea),
  body[data-page="trip"] [data-trip-mobile-modal="1"] label:has(>select){gap:6px!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(input[type="checkbox"],input[type="radio"]){min-width:20px!important;min-height:20px!important}

  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal] .task-v27-assignee-picker>div{grid-template-columns:minmax(0,1fr)!important}
  body[data-page="trip"] [data-trip-mobile-profile="member-role"] :is(.group-role-top-v52,.form-grid.two){grid-template-columns:minmax(0,1fr)!important}
  body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal)[data-trip-mobile-modal] .booking-type-grid-v139{grid-template-columns:minmax(0,1fr)!important}

  /* Footer primary actions should be immediately reachable and never force horizontal scrolling. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(.trip-route-footer-v15108,.tm91-smart-footer,.tm74-stop-footer,.tm92-stop-edit-footer,.tm89-day-footer,.pack-v46-travel-footer){padding-left:8px!important;padding-right:8px!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(.trip-route-footer-v15108,.tm91-smart-footer,.tm74-stop-footer,.tm92-stop-edit-footer,.tm89-day-footer,.pack-v46-travel-footer) > :is(button,.btn,a.btn,form){flex-basis:150px!important}
}

@media (max-width:480px){
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    .trip-route-footer-v15108,.tm91-smart-footer,.tm74-stop-footer,.tm92-stop-edit-footer,.tm89-day-footer,.pack-v46-travel-footer
  ) > :is(button,.btn,a.btn,form){flex:1 1 100%!important;width:100%!important;max-width:100%!important}
}

@media (max-width:390px){
  body[data-page="trip"] [data-trip-mobile-modal="1"]{--tm200-edge:10px}
  body[data-page="trip"] [data-trip-mobile-modal="1"] > .modal-card,
  body[data-page="trip"] [data-trip-mobile-modal="1"] > .pack-v167-modal-shell,
  body[data-page="trip"] [data-trip-mobile-modal="1"] > .task-reminder-alert-card,
  body[data-page="trip"] [data-trip-mobile-modal="1"] > [role="dialog"]{
    width:calc(var(--tm200-vv-width) - (var(--tm200-edge) * 2))!important;
    max-width:calc(var(--tm200-vv-width) - (var(--tm200-edge) * 2))!important;
    max-height:calc(var(--tm200-vv-height) - (var(--tm200-edge) * 2))!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(.trip-route-header-v15108,.tm91-smart-header,.tm74-stop-header,.tm92-stop-edit-header,.tm89-day-header){padding-left:14px!important;padding-right:58px!important}
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal] .task-v27-phase{grid-template-columns:minmax(0,1fr)!important}
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal] .task-v27-phase label span{min-height:46px!important;text-align:left!important}
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal] .task-v27-phase label small{display:block!important}
}

@media (prefers-reduced-motion:reduce) and (max-width:900px), (prefers-reduced-motion:reduce) and (max-width:1180px) and (pointer:coarse){
  body[data-page="trip"] [data-trip-mobile-modal="1"] *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}
}


/* ========================================================================== 
   TRIPLOOM V2.01 · MOBILE POPUP CONTENT INTEGRITY AUDIT
   Scope: Lộ trình popup/modal content on phone/tablet only.
   Fixes: smart Vietnamese wrapping, fieldset/legend sizing, Packing quantity
   composer, and the route media uploader used by Vault/Booking/Gallery/Journal.
   Desktop layout/logic is intentionally untouched.
   ========================================================================== */
@media (max-width:900px), (max-width:1180px) and (pointer:coarse){
  /* Do not split normal Vietnamese words character-by-character. The V2.00
     fallback used overflow-wrap:anywhere, which becomes visibly destructive
     when a legacy grid temporarily gives a label/legend a narrow track. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(
    h1,h2,h3,h4,h5,h6,p,small,b,strong,label,legend,button,a,
    .eyebrow,.trip-route-brand-v15108,.trip-route-heading-v15108,
    .trip-route-section-head-v15108,.pack-v20-block-title
  ){
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] fieldset{
    min-inline-size:0!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] legend{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    padding-inline:0!important;
  }

  /* iOS date/time controls should occupy the same full-width field as text
     controls instead of shrinking to a native-content pill. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] :is(input[type="date"],input[type="time"],input[type="datetime-local"]){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:0 13px!important;
    border:1px solid #C6ECE8!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#1F3B4D!important;
    font:750 16px/1.25 Nunito,sans-serif!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }

  /* TASK popup: legend always owns a full row. On normal phones the three
     phase choices remain compact in one row; very narrow phones stack them. */
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal="1"] .task-v27-phase{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal="1"] .task-v27-phase>legend{
    display:block!important;
    grid-column:1/-1!important;
    grid-row:auto!important;
    width:100%!important;
    margin:0 0 7px!important;
    padding:0!important;
    color:#6F8792!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1.35!important;
  }
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal="1"] .task-v27-phase>label{
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal="1"] .task-v27-phase>label>span{
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    padding:8px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal="1"] .task-v27-phase>label b{
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal="1"] .task-v27-phase>label small{display:none!important}

  /* PACKING popup: headings and helper copy become a clear vertical hierarchy
     instead of two narrow text columns. */
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v20-block-title{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    justify-content:stretch!important;
    gap:3px!important;
    width:100%!important;
    padding:0!important;
    text-align:left!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v20-block-title>b{
    display:block!important;
    width:100%!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v20-block-title>small{
    display:block!important;
    width:100%!important;
    margin:0!important;
    font-size:8.5px!important;
    line-height:1.4!important;
    text-align:left!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-add-header-v1559 p{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    max-width:100%!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v1560-balance-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 126px!important;
    gap:8px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v25-qty,
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v25-priority{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v25-stepper{
    display:grid!important;
    grid-template-columns:42px minmax(48px,1fr) 42px!important;
    gap:4px!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:3px!important;
    box-sizing:border-box!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v25-stepper>button{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v25-stepper>input[type="number"]{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 4px!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v25-priority-ui{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    padding:6px 8px!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    column-gap:7px!important;
    box-sizing:border-box!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v25-priority-ui>i{
    grid-row:1!important;
    width:28px!important;
    height:28px!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v25-priority-ui>b{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    font-size:9.5px!important;
    line-height:1.2!important;
  }
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v25-priority-ui>small{display:none!important}

  /* ROUTE MEDIA UPLOADERS (Vault, Booking, Gallery, Journal, cover images):
     the old generic label.upload-box>span rule incorrectly forced the new
     data-trip-media-empty wrapper to 48x48. Reset the wrapper and give it a
     purpose-built mobile component. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader]{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden!important;
    border:1px dashed #B9D8D8!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,#F4FCFB 0%,#F3FAFA 100%)!important;
    box-shadow:none!important;
    text-align:left!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] > [data-trip-media-empty]{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:112px!important;
    max-height:none!important;
    margin:0!important;
    padding:13px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"cloud title" "cloud hint" "choose choose"!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:11px!important;
    row-gap:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#315159!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] > [data-trip-media-empty][hidden]{display:none!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] [data-trip-media-empty] > .trip-media-cloud-v15115{
    grid-area:cloud!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    border:1px solid #C7E8E5!important;
    border-radius:14px!important;
    background:#E6F8F5!important;
    color:#249D98!important;
    box-shadow:none!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] [data-trip-media-empty] > .trip-media-cloud-v15115 svg{
    width:22px!important;height:22px!important;display:block!important;overflow:visible!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] [data-trip-media-empty] > .trip-media-cloud-v15115>i{
    position:absolute!important;left:50%!important;bottom:3px!important;transform:translateX(-50%)!important;
    width:auto!important;height:auto!important;margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;color:#249D98!important;
    font-size:13px!important;font-style:normal!important;font-weight:900!important;line-height:1!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] [data-trip-media-empty] > b{
    grid-area:title!important;
    align-self:end!important;
    margin:0!important;
    padding:0!important;
    color:#2F4B53!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.25!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] [data-trip-media-empty] > small{
    grid-area:hint!important;
    align-self:start!important;
    margin:0!important;
    padding:0!important;
    color:#7F959B!important;
    font-size:8.5px!important;
    font-weight:650!important;
    line-height:1.4!important;
    text-align:left!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] [data-trip-media-empty] > .trip-media-choose-v15115{
    grid-area:choose!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    margin:6px 0 0!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:1px solid #A7D9D5!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#249D98!important;
    box-shadow:0 4px 12px rgba(105,215,208,.04)!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] [data-trip-media-empty] > .trip-media-choose-v15115 svg{
    width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
  }

  /* Selected-media state: full-width preview area, never a 48px square. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] > [data-trip-media-selected]{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:12px!important;
    display:grid!important;
    gap:9px!important;
    border:0!important;
    border-top:1px solid #DCE9EA!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    color:#315159!important;
    box-sizing:border-box!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] label.upload-box[data-trip-media-uploader] > [data-trip-media-selected][hidden]{display:none!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-selected-head-v15115{
    width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-selected-head-v15115>span{
    width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;display:block!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-selected-head-v15115 b{display:block!important;font-size:10px!important;line-height:1.25!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-selected-head-v15115 small{display:block!important;margin-top:2px!important;font-size:8px!important;line-height:1.35!important;color:#7F959B!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-reselect-v15115{
    flex:0 0 auto!important;min-width:92px!important;min-height:38px!important;padding:0 10px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    border:1px solid #B7DCDA!important;border-radius:11px!important;background:#F4FCFB!important;color:#249D98!important;
    font-size:9px!important;font-weight:850!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-reselect-v15115 svg{width:14px!important;height:14px!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-grid-v15115{
    width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-grid-v15115.is-single{grid-template-columns:minmax(0,1fr)!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-tile-v15115{
    position:relative!important;width:100%!important;min-width:0!important;height:108px!important;min-height:108px!important;
    margin:0!important;padding:0!important;display:block!important;overflow:hidden!important;
    border:1px solid #D4E6E6!important;border-radius:13px!important;background:#EEF6F6!important;box-shadow:none!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-tile-v15115>img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-tile-actions-v15115{
    position:absolute!important;top:6px!important;right:6px!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;display:flex!important;gap:5px!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-tile-actions-v15115>button{
    width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:10px!important;
    background:rgba(255,255,255,.95)!important;color:#42767B!important;box-shadow:0 4px 12px rgba(22,54,60,.12)!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-tile-actions-v15115>button.is-remove{color:#B83B49!important;background:#FFF6F7!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-tile-actions-v15115 svg{width:14px!important;height:14px!important}

  /* Keep section/body copy readable and aligned across all audited popups. */
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-route-section-v15108>label,
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-route-section-v15108 .form-grid>label{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
    min-width:0!important;
    width:100%!important;
    line-height:1.3!important;
  }
}

@media (max-width:430px){
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v1560-balance-row{
    grid-template-columns:minmax(0,1fr) 118px!important;
  }
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal="1"] .task-v27-phase>label>span{min-height:60px!important;padding:7px 5px!important}
}
@media (max-width:350px){
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal="1"] .task-v27-phase{grid-template-columns:minmax(0,1fr)!important}
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal="1"] .task-v27-phase>label>span{min-height:48px!important;text-align:left!important;align-items:flex-start!important}
  body[data-page="trip"] #task-v27-modal[data-trip-mobile-modal="1"] .task-v27-phase>label small{display:block!important;margin-top:2px!important}
  body[data-page="trip"] [data-pack-add-modal][data-trip-mobile-modal="1"] .pack-v1560-balance-row{grid-template-columns:minmax(0,1fr)!important}
}

@media (max-width:900px), (max-width:1180px) and (pointer:coarse){
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-tile-v15115.is-file{
    height:auto!important;min-height:92px!important;padding:12px!important;
    display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;
    background:#F4FCFB!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-file-icon-v15115{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    display:grid!important;place-items:center!important;border-radius:11px!important;background:#E7F7F4!important;color:#249D98!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-file-icon-v15115 svg{width:18px!important;height:18px!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-file-copy-v15115{
    min-width:0!important;width:auto!important;height:auto!important;display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-file-copy-v15115 b{display:block!important;font-size:9px!important;line-height:1.25!important;color:#315159!important}
  body[data-page="trip"] [data-trip-mobile-modal="1"] .trip-media-file-copy-v15115 small{display:block!important;margin-top:3px!important;font-size:8px!important;line-height:1.35!important;color:#7F959B!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

/* TRIPLOOM V205 · Canonical trip uploader + booking conditional layout.
   This block is intentionally LAST. It replaces the accumulated legacy uploader
   dimensions that caused blank / collapsed upload surfaces on iOS Safari. */
@media (max-width:900px), (max-width:1180px) and (pointer:coarse){
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader]{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    float:none!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
    color:#1F3B4D!important;
    box-sizing:border-box!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader]::before,
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader]::after{
    content:none!important;display:none!important;
  }

  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > input[type="file"][data-trip-media-input]{
    position:absolute!important;
    left:0!important;top:0!important;
    width:1px!important;height:1px!important;
    min-width:1px!important;min-height:1px!important;
    margin:0!important;padding:0!important;
    opacity:0!important;pointer-events:none!important;
    border:0!important;overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
  }

  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty]{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    float:none!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-areas:"icon title" "icon desc" "action action"!important;
    grid-template-rows:auto auto auto!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:11px!important;
    row-gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:118px!important;
    max-height:none!important;
    margin:0!important;
    padding:13px!important;
    overflow:hidden!important;
    border:1px dashed #C6ECE8!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,#F4FCFB 0%,#F4FCFB 100%)!important;
    box-shadow:none!important;
    color:#1F3B4D!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty][hidden]{
    display:none!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-cloud-v15115{
    grid-area:icon!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    place-items:center!important;
    width:48px!important;height:48px!important;
    min-width:48px!important;min-height:48px!important;
    margin:0!important;padding:0!important;
    border:1px solid #C6ECE8!important;
    border-radius:14px!important;
    background:#DDF7F4!important;
    color:#249D98!important;
    box-shadow:none!important;
    font-size:0!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-cloud-v15115 svg{
    display:block!important;width:21px!important;height:21px!important;margin:0!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-cloud-v15115 > i{
    position:absolute!important;right:5px!important;bottom:4px!important;
    display:block!important;margin:0!important;padding:0!important;
    font-style:normal!important;font-size:12px!important;font-weight:900!important;line-height:1!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > b{
    grid-area:title!important;
    align-self:end!important;
    display:block!important;
    position:static!important;
    width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    color:#1F3B4D!important;
    font-size:13px!important;font-weight:900!important;line-height:1.28!important;
    white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
    text-align:left!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > small{
    grid-area:desc!important;
    align-self:start!important;
    display:block!important;
    position:static!important;
    width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    color:#6F8792!important;
    font-size:10px!important;font-weight:650!important;line-height:1.38!important;
    white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
    text-align:left!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-choose-v15115{
    grid-area:action!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:42px!important;min-height:42px!important;
    margin:6px 0 0!important;
    padding:0 12px!important;
    overflow:hidden!important;
    border:1px solid #C6ECE8!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#249D98!important;
    box-shadow:0 4px 12px rgba(105,215,208,.04)!important;
    font-size:10.5px!important;font-weight:900!important;line-height:1!important;
    white-space:nowrap!important;text-align:center!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-choose-v15115 svg{
    display:block!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
  }

  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-selected]{
    position:relative!important;inset:auto!important;transform:none!important;
    display:block!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:8px 0 0!important;padding:12px!important;
    overflow:hidden!important;
    border:1px solid #C6ECE8!important;border-radius:15px!important;
    background:#F4FCFB!important;box-shadow:none!important;
    color:#1F3B4D!important;box-sizing:border-box!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-selected][hidden]{
    display:none!important;
  }

  html body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal)
    [data-booking-extra][aria-hidden="true"]{
    display:none!important;visibility:hidden!important;
    width:0!important;height:0!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;
  }
  html body[data-page="trip"] :is(#booking-add-modal,#booking-edit-modal)
    [data-booking-extra][aria-hidden="false"]{
    visibility:visible!important;
  }
}
@media(max-width:370px){
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty]{
    grid-template-columns:44px minmax(0,1fr)!important;
    min-height:116px!important;padding:11px!important;column-gap:9px!important;
  }
  html body[data-page="trip"] :is(
    #photo-add,#journal-add,#vault-document-modal,#booking-add-modal,#booking-edit-modal,
    .content
  ) label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-cloud-v15115{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  }
}

/* === TRIPLOOM V206 · Route page content integrity ==========================
   Fixes page-level content disappearing/being clipped after popup/mobile work.
   Kept deliberately narrow: Booking & vé list/page only. */
body[data-page="trip"] .booking-layout-v139{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
body[data-page="trip"] .booking-layout-v139 > .panel{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
body[data-page="trip"] .booking-head-v145{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin-bottom:12px!important;
}
body[data-page="trip"] .booking-head-v145 > div{min-width:0!important}
body[data-page="trip"] .booking-count-pill-v145{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 11px!important;
  white-space:nowrap!important;
  align-self:start!important;
}
body[data-page="trip"] .booking-list-v139{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
}
body[data-page="trip"] .booking-list-v139 > .booking-card-v139{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  transform:none!important;
}
@media(max-width:560px){
  body[data-page="trip"] .booking-head-v145{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
  }
  body[data-page="trip"] .booking-count-pill-v145{
    font-size:9.5px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 9px!important;
  }
  body[data-page="trip"] .booking-list-v139{gap:9px!important}
  body[data-page="trip"] .booking-list-v139 > .booking-card-v139{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:10px!important;
    padding:13px!important;
    border-radius:18px!important;
  }
  body[data-page="trip"] .booking-list-v139 .booking-card-actions-v139{
    grid-column:2!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    width:auto!important;
    gap:7px!important;
  }
}

/* ========================================================================== 
   TRIPLOOM V2.12 · ROUTE POPUP CRITICAL FINAL OVERRIDE
   Root cause fix for mobile/tablet:
   - old trip-mobile-ux-v172.css still forces .modal to align-items:flex-end
   - old visualViewport variables can push fixed overlays down
   - legacy upload rules can take the upload surface out of normal document flow
   This block intentionally uses higher specificity than every legacy responsive layer.
   ========================================================================== */
@media (max-width:1024px), (max-width:1280px) and (pointer:coarse){
  html body[data-page="trip"][data-trip-mobile-ux="1"] [data-pack-add-modal]:is(.is-open,[aria-hidden="false"]){
    --tm200-vv-top:0px!important;--tm200-vv-left:0px!important;--tm200-vv-width:100vw!important;--tm200-vv-height:100dvh!important;
    position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
    width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:8px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;transform:none!important;translate:none!important;box-sizing:border-box!important;z-index:99990!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] [data-pack-add-modal]:is(.is-open,[aria-hidden="false"]) > .pack-v167-modal-shell{
    position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;translate:none!important;
    width:min(760px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:0!important;align-self:center!important;overflow:hidden!important;box-sizing:border-box!important;
  }

  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open,[aria-hidden="false"]:not([hidden])){
    --tm200-vv-top:0px!important;
    --tm200-vv-left:0px!important;
    --tm200-vv-width:100vw!important;
    --tm200-vv-height:100dvh!important;
    position:fixed!important;
    inset:0!important;
    top:0!important;right:0!important;bottom:0!important;left:0!important;
    width:100vw!important;height:100dvh!important;
    min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;
    margin:0!important;
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    display:flex!important;
    align-items:center!important;justify-content:center!important;place-items:center!important;
    overflow:hidden!important;
    transform:none!important;translate:none!important;
    box-sizing:border-box!important;
    z-index:99990!important;
    background:rgba(20,43,50,.45)!important;
    -webkit-backdrop-filter:blur(12px) saturate(112%)!important;
    backdrop-filter:blur(12px) saturate(112%)!important;
    touch-action:pan-y pinch-zoom!important;
  }

  /* Direct child is always physically centered. No bottom-sheet positioning survives. */
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open,[aria-hidden="false"]:not([hidden])) > :is(.modal-card,[role="dialog"]){
    position:relative!important;
    inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    transform:none!important;translate:none!important;
    margin:0!important;
    width:min(760px,calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    min-width:0!important;
    height:auto!important;min-height:0!important;
    max-height:calc(100dvh - 16px)!important;
    align-self:center!important;justify-self:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    overscroll-behavior:contain!important;
  }

  /* Canonical shell = visual language of “Thêm ý tưởng”. */
  html body[data-page="trip"][data-trip-mobile-ux="1"] :is(
    .modal.trip-route-modal-v15108.open,
    .modal.trip-route-modal-v15108.is-open,
    #smart-planner.open,#day-settings.open,#stop-add.open,#stop-edit-modal.open
  ) > .modal-card{
    display:flex!important;flex-direction:column!important;
    width:min(680px,calc(100vw - 16px))!important;
    max-width:680px!important;
    padding:0!important;
    border:1px solid #C7DADD!important;
    border-radius:22px!important;
    background:#DDF7F4!important;
    box-shadow:0 24px 72px rgba(16,49,58,.30),inset 0 1px 0 rgba(255,255,255,.82)!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] :is(#smart-planner.open,#day-settings.open,#stop-add.open,#stop-edit-modal.open) > .modal-card{
    width:min(760px,calc(100vw - 16px))!important;max-width:760px!important;
  }

  html body[data-page="trip"][data-trip-mobile-ux="1"] :is(
    .modal.trip-route-modal-v15108.open,
    .modal.trip-route-modal-v15108.is-open,
    #smart-planner.open,#day-settings.open,#stop-add.open,#stop-edit-modal.open
  ) :is(.trip-route-header-v15108,.tm91-smart-header,.tm74-stop-header,.tm92-stop-edit-header,.tm89-day-header){
    position:relative!important;inset:auto!important;
    flex:0 0 auto!important;
    width:100%!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:15px 64px 13px 16px!important;
    border:0!important;border-bottom:1px solid #C6ECE8!important;border-radius:0!important;
    background:linear-gradient(180deg,#F4FCFB 0%,#DDF7F4 100%)!important;
    box-shadow:none!important;overflow:visible!important;box-sizing:border-box!important;text-align:left!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] :is(
    .modal.trip-route-modal-v15108.open,
    .modal.trip-route-modal-v15108.is-open,
    #smart-planner.open,#day-settings.open,#stop-add.open,#stop-edit-modal.open
  ) :is(.trip-route-brand-v15108,.tm91-smart-brand,.tm74-stop-brand,.tm92-stop-edit-brand,.tm89-day-brand){
    display:block!important;margin:0 0 4px!important;padding:0!important;
    color:#52727A!important;font:900 9px/1.1 Nunito,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] :is(
    .modal.trip-route-modal-v15108.open,
    .modal.trip-route-modal-v15108.is-open,
    #smart-planner.open,#day-settings.open,#stop-add.open,#stop-edit-modal.open
  ) header h2{
    margin:0!important;padding:0!important;color:#29474F!important;font:900 22px/1.13 Nunito,sans-serif!important;letter-spacing:-.02em!important;
    white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] :is(
    .modal.trip-route-modal-v15108.open,
    .modal.trip-route-modal-v15108.is-open,
    #smart-planner.open,#day-settings.open,#stop-add.open,#stop-edit-modal.open
  ) header p{
    margin:5px 0 0!important;padding:0!important;max-width:100%!important;color:#789097!important;font:650 10px/1.42 Nunito,sans-serif!important;
    white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] :is(
    .modal.trip-route-modal-v15108.open,
    .modal.trip-route-modal-v15108.is-open,
    #smart-planner.open,#day-settings.open,#stop-add.open,#stop-edit-modal.open
  ) :is(.modal-close,[data-modal-close]){
    position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
    z-index:40!important;display:grid!important;place-items:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;border:1px solid #C9DBDF!important;border-radius:14px!important;
    background:#fff!important;color:#173E49!important;box-shadow:none!important;font:500 24px/1 Arial,sans-serif!important;
    transform:none!important;translate:none!important;
  }

  /* Route body scroll: content stays inside popup, footer remains reachable. */
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal.trip-route-modal-v15108:is(.open,.is-open) > .trip-route-card-v15108 > form.trip-route-form-v15108{
    display:flex!important;flex:1 1 auto!important;flex-direction:column!important;width:100%!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:0!important;overflow:hidden!important;background:#DDF7F4!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal.trip-route-modal-v15108:is(.open,.is-open) .trip-route-section-v15108{
    flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;min-height:0!important;
    margin:12px 12px 0!important;padding:14px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:max-content!important;align-content:start!important;gap:12px!important;
    overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
    border:1px solid #D2E3E5!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(31,72,80,.045)!important;
    box-sizing:border-box!important;scroll-padding:14px!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal.trip-route-modal-v15108:is(.open,.is-open) .trip-route-footer-v15108{
    position:relative!important;inset:auto!important;flex:0 0 auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    width:100%!important;min-height:118px!important;margin:0!important;padding:22px 18px 28px!important;
    border:0!important;border-top:1px solid #C6ECE8!important;border-radius:0 0 23px 23px!important;
    background:linear-gradient(180deg,rgba(238,244,245,.08),rgba(32,136,144,.10)),url('triploom-route-modal-banner.webp') center/cover no-repeat!important;
    background-color:#DFF1F3!important;box-sizing:border-box!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal.trip-route-modal-v15108:is(.open,.is-open) .trip-route-footer-v15108 > :is(button,.btn,a.btn,form){
    flex:1 1 150px!important;min-width:0!important;max-width:100%!important;
  }

  /* FINAL media upload geometry. All children stay in normal flow. */
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader]{
    position:relative!important;inset:auto!important;float:none!important;clear:both!important;transform:none!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;grid-auto-rows:max-content!important;
    align-items:stretch!important;align-content:start!important;gap:8px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;overflow:visible!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;box-sizing:border-box!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader]::before,
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader]::after{content:none!important;display:none!important}
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader] > input[type="file"]{
    position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;
    margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;border:0!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader] > [data-trip-media-empty]{
    position:relative!important;inset:auto!important;float:none!important;transform:none!important;
    display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-areas:"icon title" "icon desc" "action action"!important;grid-template-rows:auto auto auto!important;
    align-items:center!important;justify-items:stretch!important;column-gap:11px!important;row-gap:4px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:122px!important;max-height:none!important;
    margin:0!important;padding:13px!important;overflow:hidden!important;box-sizing:border-box!important;
    border:1px dashed #C6ECE8!important;border-radius:17px!important;background:#F4FCFB!important;box-shadow:none!important;color:#1F3B4D!important;text-align:left!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader] > [data-trip-media-empty][hidden]{display:none!important}
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader] > [data-trip-media-empty] > .trip-media-cloud-v15115{
    grid-area:icon!important;position:relative!important;inset:auto!important;float:none!important;transform:none!important;display:grid!important;place-items:center!important;
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin:0!important;padding:0!important;
    border:1px solid #C6ECE8!important;border-radius:14px!important;background:#DDF7F4!important;color:#249D98!important;box-shadow:none!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader] > [data-trip-media-empty] > b{
    grid-area:title!important;align-self:end!important;position:static!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;
    color:#1F3B4D!important;font:900 13px/1.28 Nunito,sans-serif!important;text-align:left!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader] > [data-trip-media-empty] > small{
    grid-area:desc!important;align-self:start!important;position:static!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;
    color:#6F8792!important;font:650 10px/1.4 Nunito,sans-serif!important;text-align:left!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader] > [data-trip-media-empty] > .trip-media-choose-v15115{
    grid-area:action!important;position:static!important;inset:auto!important;float:none!important;transform:none!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    width:100%!important;max-width:none!important;min-width:0!important;height:42px!important;min-height:42px!important;
    margin:7px 0 0!important;padding:0 12px!important;overflow:hidden!important;border:1px solid #C6ECE8!important;border-radius:12px!important;
    background:#fff!important;color:#249D98!important;box-shadow:0 4px 12px rgba(105,215,208,.04)!important;font:900 10.5px/1 Nunito,sans-serif!important;white-space:nowrap!important;text-align:center!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader] > [data-trip-media-selected]{
    position:relative!important;inset:auto!important;float:none!important;transform:none!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:12px!important;overflow:hidden!important;border:1px solid #C6ECE8!important;border-radius:15px!important;background:#F4FCFB!important;box-shadow:none!important;box-sizing:border-box!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader] > [data-trip-media-selected][hidden]{display:none!important}
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) label.upload-box[data-trip-media-uploader] + *{
    position:relative!important;inset:auto!important;float:none!important;clear:both!important;transform:none!important;margin-top:0!important;
  }

  /* Never allow a mobile form grid following the uploader to sit in the same row. */
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal:is(.open,.is-open) .trip-route-section-v15108 > :is(.form-grid.two,.form-grid.three,.booking-type-grid-v139,.booking-payment-grid-v141,.booking-extra-grid-v139){
    width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;
  }
}

@media (max-width:480px){
  html body[data-page="trip"][data-trip-mobile-ux="1"] :is(
    .modal.trip-route-modal-v15108.open,.modal.trip-route-modal-v15108.is-open,#smart-planner.open,#day-settings.open,#stop-add.open,#stop-edit-modal.open
  ) > .modal-card{
    width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:20px!important;
  }
  html body[data-page="trip"][data-trip-mobile-ux="1"] .modal.trip-route-modal-v15108:is(.open,.is-open) .trip-route-footer-v15108 > :is(button,.btn,a.btn,form){
    flex:1 1 100%!important;width:100%!important;
  }
}

/* ============================================================
   TRIPLOOM V2.16 · MOBILE AI DISMISS CHOICE
   Scope: contextual TRIPLOOM AI hint only. Keeps manual AI access.
   ============================================================ */
body[data-page="trip"] .triploom-ai-mascot-v1598.is-suspended-v216{display:none!important}
.triploom-ai-dismiss-overlay-v216{
  position:fixed;inset:0;z-index:2147483000;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;padding:18px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  background:rgba(12,30,34,.34);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
  opacity:0;transition:opacity .14s ease;overscroll-behavior:contain
}
.triploom-ai-dismiss-overlay-v216.is-open{opacity:1}
.triploom-ai-dismiss-choice-v216{
  position:relative;box-sizing:border-box;width:min(330px,calc(100vw - 36px));max-width:100%;padding:20px 18px 17px;
  border:1px solid #D7E9E8;border-radius:22px;background:#fff;color:#29464D;
  box-shadow:0 24px 64px rgba(10,49,56,.26);font-family:"Nunito",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  transform:translateY(8px) scale(.98);transition:transform .14s ease
}
.triploom-ai-dismiss-overlay-v216.is-open .triploom-ai-dismiss-choice-v216{transform:translateY(0) scale(1)}
.triploom-ai-dismiss-choice-v216>small{display:block;margin:0 38px 6px 0;color:#249D98;font-size:9px;font-weight:900;letter-spacing:.15em}
.triploom-ai-dismiss-choice-v216>b{display:block;margin:0;color:#173F47;font-size:18px;line-height:1.2;font-weight:900}
.triploom-ai-dismiss-choice-v216>span{display:block;margin:8px 0 15px;color:#71878D;font-size:11px;line-height:1.5;font-weight:650}
.triploom-ai-dismiss-cancel-v216{
  position:absolute;right:11px;top:11px;width:32px;height:32px;padding:0;border:1px solid #DCEBEA;border-radius:11px;
  display:grid;place-items:center;background:#F4FCFB;color:#617A80;cursor:pointer;font:900 19px/1 "Nunito",sans-serif
}
.triploom-ai-dismiss-actions-v216{display:grid;grid-template-columns:1fr;gap:8px}
.triploom-ai-dismiss-actions-v216 button{
  min-height:44px;width:100%;padding:0 13px;border:1px solid #D4E7E5;border-radius:13px;background:#F4FCFB;color:#28555A;
  cursor:pointer;font:850 11px/1.2 "Nunito",sans-serif;text-align:center
}
.triploom-ai-dismiss-actions-v216 button.is-primary{
  background:linear-gradient(135deg,#69D7D0,#69D7D0);border-color:rgba(255,255,255,.92);color:#fff;box-shadow:0 8px 18px rgba(37,159,159,.16)
}
.triploom-ai-dismiss-actions-v216 button:focus-visible,.triploom-ai-dismiss-cancel-v216:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(105,215,208,.17)}
html[data-theme="dark"] .triploom-ai-dismiss-overlay-v216{background:rgba(1,9,12,.58)}
html[data-theme="dark"] .triploom-ai-dismiss-choice-v216{background:#122B30;border-color:#315156;color:#E9F5F4}
html[data-theme="dark"] .triploom-ai-dismiss-choice-v216>b{color:#F2FBFA}
html[data-theme="dark"] .triploom-ai-dismiss-choice-v216>span{color:#9DB5B7}
html[data-theme="dark"] .triploom-ai-dismiss-cancel-v216,html[data-theme="dark"] .triploom-ai-dismiss-actions-v216 button{background:#1A383D;border-color:#34555A;color:#C9DCDE}
html[data-theme="dark"] .triploom-ai-dismiss-actions-v216 button.is-primary{background:linear-gradient(135deg,#249D98,#69D7D0);color:#fff}
@media(min-width:768px){.triploom-ai-dismiss-overlay-v216{display:none!important}}
@media(prefers-reduced-motion:reduce){.triploom-ai-dismiss-overlay-v216,.triploom-ai-dismiss-choice-v216{transition:none!important}}

/* ========================= TRIPLOOM V226 · TRIPS LIST CARD POLISH =========================
   Scope: Trips list only. Keeps route logic untouched while aligning the CTA/card/menu UI. */
body[data-page="trips"] .trip-card-v2.trip-card-shell{
  border:0!important;
  border-radius:24px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}
body[data-page="trips"] .trip-card-v2.trip-card-shell>.trip-card-main{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(205,224,226,.96)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:
    0 2px 0 rgba(255,255,255,.95) inset,
    0 2px 4px rgba(36,78,85,.06),
    0 10px 24px rgba(36,78,85,.11),
    0 22px 44px rgba(36,78,85,.07)!important;
  transform:translateZ(0)!important;
}
body[data-page="trips"] .trip-card-v2.trip-card-shell:hover{
  transform:none!important;
  box-shadow:none!important;
}
body[data-page="trips"] .trip-card-v2.trip-card-shell:hover>.trip-card-main{
  transform:translateY(-1px)!important;
  border-color:#B9DCDA!important;
  box-shadow:
    0 2px 0 rgba(255,255,255,.98) inset,
    0 3px 6px rgba(36,78,85,.07),
    0 13px 28px rgba(36,78,85,.13),
    0 26px 50px rgba(36,78,85,.08)!important;
}
body[data-page="trips"] .trip-card-shell .trip-card-menu{
  width:38px!important;
  height:38px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:visible!important;
}
body[data-page="trips"] .trip-card-shell .trip-card-menu>summary{
  box-sizing:border-box!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:0!important;
  margin:0!important;
  border-radius:13px!important;
  overflow:hidden!important;
  outline:0!important;
  -webkit-tap-highlight-color:transparent!important;
}
body[data-page="trips"] .trip-card-shell .trip-card-menu>summary::before,
body[data-page="trips"] .trip-card-shell .trip-card-menu>summary::after{
  content:none!important;
  display:none!important;
}
body[data-page="trips"] .trip-card-shell .trip-card-menu:focus,
body[data-page="trips"] .trip-card-shell .trip-card-menu:focus-visible,
body[data-page="trips"] .trip-card-shell .trip-card-menu>summary:focus,
body[data-page="trips"] .trip-card-shell .trip-card-menu>summary:focus-visible{
  outline:0!important;
}
html[data-theme="dark"] body[data-page="trips"] .trip-card-v2.trip-card-shell>.trip-card-main{
  background:#10212B!important;
  border-color:#1F3B4D!important;
  box-shadow:0 2px 0 rgba(255,255,255,.025) inset,0 10px 24px rgba(0,0,0,.28),0 22px 44px rgba(0,0,0,.20)!important;
}

@media(max-width:767px){
  body[data-page="trips"] .hero-head>.btn.btn-primary{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:14px!important;
  }
  body[data-page="trips"] .trip-grid{gap:14px!important}
  body[data-page="trips"] .trip-card-v2.trip-card-shell,
  body[data-page="trips"] .trip-card-v2.trip-card-shell>.trip-card-main{border-radius:20px!important}
  body[data-page="trips"] .trip-card-v2.trip-card-shell>.trip-card-main{
    box-shadow:0 2px 0 rgba(255,255,255,.96) inset,0 3px 7px rgba(36,78,85,.07),0 12px 26px rgba(36,78,85,.12),0 22px 38px rgba(36,78,85,.06)!important;
  }
  body[data-page="trips"] .trip-card-shell .trip-card-menu{
    top:10px!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
  }
  body[data-page="trips"] .trip-card-shell .trip-card-menu>summary{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    border-radius:12px!important;
  }
}

/* === TRIPLOOM PATCH 10 · Expense desktop hard-fix ===
   Scope: Desktop expense list only (>=1025px).
   This rule intentionally lives in app.css because app.css is network-first in
   the service worker. High specificity neutralizes older expense layout layers
   without touching tablet/mobile or expense business logic. */
@media (min-width:1025px){
  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-list-v28 .expense-row-v29.is-group-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(440px,520px)!important;
    grid-template-rows:auto!important;
    column-gap:14px!important;
    row-gap:0!important;
    align-items:center!important;
    min-width:0!important;
    min-height:0!important;
    padding:10px 12px!important;
    overflow:hidden!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-main-v29{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    grid-auto-flow:row!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:0!important;
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    margin:0!important;
    padding-left:2px!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-main-v29>.expense-icon.expense-index-v47{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-main-v29>.expense-copy-v29{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    margin:0!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-main-v29>.expense-title-actions-v180{
    display:flex!important;
    grid-column:3!important;
    grid-row:1!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    justify-self:end!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:auto!important;
    min-width:max-content!important;
    height:32px!important;
    margin:0!important;
    margin-left:8px!important;
    padding:0!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-main-v29>.expense-title-actions-v180>form{
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-main-v29>.expense-title-actions-v180 :is(.expense-edit-action-v33,.expense-delete-btn-v29){
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
  }

  /* The current HTML has three summary cells. Older desktop CSS still reserves
     a fourth 91px action column, making the real cells too narrow. */
  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-columns-v29.is-group{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    column-gap:8px!important;
    row-gap:0!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:58px!important;
    margin:0!important;
    padding:0!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-columns-v29.is-group>.expense-col-v29,
  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-columns-v29.is-group>.expense-payer-v30{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    grid-column:auto!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:58px!important;
    margin:0!important;
    padding:7px 9px 6px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* v183 hides the raw label while expecting a wrapper that is not present in
     the production markup. Restore the actual label text on desktop. */
  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-columns-v29.is-group>.expense-col-v29>.expense-col-label-v29{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 4px!important;
    padding:0!important;
    color:#66858B!important;
    font-size:8.2px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.015em!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-columns-v29.is-group>.expense-actual-v29>.expense-col-label-v29{
    color:#FF9B5E!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-columns-v29.is-group>.expense-col-v29>.expense-col-label-v29::before,
  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-columns-v29.is-group>.expense-col-v29>.expense-col-label-v29::after{
    content:none!important;
    display:none!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-columns-v29.is-group :is(.expense-money-value-v34,.expense-actual-btn-v29,.expense-payer-value-v30,.expense-payer-btn-v30){
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:28px!important;
    margin:0!important;
    padding:1px 0!important;
    box-sizing:border-box!important;
    text-align:left!important;
    overflow:hidden!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-columns-v29.is-group :is(.expense-money-value-v34 b,.expense-payer-value-v30 b){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    font-size:10.5px!important;
    font-weight:700!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-columns-v29.is-group :is(.expense-money-value-v34 small,.expense-payer-value-v30 small){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin-top:2px!important;
    font-size:7.2px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media (min-width:1440px){
  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-list-v28 .expense-row-v29.is-group-row{
    grid-template-columns:minmax(0,1fr) minmax(480px,540px)!important;
  }
}

/* === TRIPLOOM PATCH 11 · Expense desktop row actions at tail ===
   Scope: shared-expense desktop rows only (>=1025px).
   Keep the three expense summary cells together and place Edit/Delete at the
   far right end of each list row, after Payer. Mobile/tablet rules are untouched. */
@media (min-width:1025px){
  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-list-v28 .expense-row-v29.is-group-row{
    position:relative!important;
    grid-template-columns:minmax(0,1fr) minmax(440px,520px) 76px!important;
    column-gap:10px!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-main-v29{
    grid-template-columns:38px minmax(0,1fr)!important;
    padding-right:0!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-main-v29>.expense-copy-v29{
    grid-column:2!important;
  }

  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-row-v29.is-group-row>.expense-main-v29>.expense-title-actions-v180{
    position:absolute!important;
    z-index:2!important;
    top:50%!important;
    right:12px!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:70px!important;
    min-width:70px!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
  }
}

@media (min-width:1440px){
  html body[data-page="trip"][data-trip-tab="expenses"] .expenses-layout-v28 .expense-list-v28 .expense-row-v29.is-group-row{
    grid-template-columns:minmax(0,1fr) minmax(480px,540px) 76px!important;
  }
}

/* TRIPLOOM V2.41 · DESKTOP MOBILE-LAUNCHER GUARD
   The touch launcher is cloned into <body> by JS for Mobile/Tablet.
   Keep that clone completely out of Desktop layout flow. */
@media (min-width:901px){
  .triploom-mobile-launcher-v237{display:none!important;visibility:hidden!important;pointer-events:none!important;position:fixed!important;inset:auto!important;width:0!important;height:0!important;overflow:hidden!important}
}

/* === TRIPLOOM V245 · Desktop task rail + media uploader hard reset ==========
   Fixes two legacy-layout conflicts directly in app.css (network-first).
   Desktop only: Tablet/Mobile rules remain untouched. */
@media (min-width:1025px){
  /* TASKS: one deterministic action rail for every task-card variant. */
  body[data-page="trip"] .task-v27-card{
    position:relative!important;
  }
  body[data-page="trip"] .task-v27-card > .task-v27-copy{
    min-width:0!important;
    padding-right:158px!important;
  }
  body[data-page="trip"] .task-v27-card .task-v45-person-action-row{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin-top:7px!important;
  }
  body[data-page="trip"] .task-v27-card .task-v45-person-slot{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
  }
  body[data-page="trip"] .task-v27-card .task-v47-action-cluster,
  body[data-page="trip"] .task-v27-card .task-v45-manage-actions.task-v46-manage-below{
    position:absolute!important;
    top:50%!important;
    right:12px!important;
    bottom:auto!important;
    left:auto!important;
    z-index:20!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body[data-page="trip"] .task-v27-card .task-v47-action-cluster > form,
  body[data-page="trip"] .task-v27-card .task-v45-manage-actions.task-v46-manage-below > form{
    display:flex!important;
    flex:0 0 32px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
  }
  body[data-page="trip"] .task-v27-card .task-v47-action-cluster :is(.task-v27-status-btn,.task-v27-icon-btn),
  body[data-page="trip"] .task-v27-card .task-v45-manage-actions.task-v46-manage-below :is(.task-v27-status-btn,.task-v27-icon-btn){
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
    line-height:1!important;
  }
  body[data-page="trip"] .task-v27-card .task-v47-action-cluster .task-v27-status-btn span,
  body[data-page="trip"] .task-v27-card .task-v45-manage-actions.task-v46-manage-below .task-v27-status-btn span{
    display:none!important;
  }
  body[data-page="trip"] .task-v27-card .task-v47-action-cluster :is(.task-v27-status-btn,.task-v27-icon-btn) svg,
  body[data-page="trip"] .task-v27-card .task-v45-manage-actions.task-v46-manage-below :is(.task-v27-status-btn,.task-v27-icon-btn) svg{
    display:block!important;
    width:14px!important;
    height:14px!important;
    margin:0!important;
  }

  /* MEDIA UPLOADERS: reset the legacy booking-upload-box-v148 3-column grid
     and generic upload-box geometry before laying out the current DOM. */
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader]{
    position:relative!important;
    inset:auto!important;
    float:none!important;
    clear:both!important;
    transform:none!important;
    display:block!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    gap:0!important;
    align-items:initial!important;
    justify-items:initial!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
    cursor:pointer!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader]::before,
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader]::after{
    content:none!important;
    display:none!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > input[type="file"]{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:1px!important;
    min-width:1px!important;
    max-width:1px!important;
    height:1px!important;
    min-height:1px!important;
    max-height:1px!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    pointer-events:none!important;
    overflow:hidden!important;
    border:0!important;
    clip:rect(0 0 0 0)!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty]{
    position:relative!important;
    inset:auto!important;
    float:none!important;
    clear:both!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 150px!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"mediaIcon mediaTitle mediaAction" "mediaIcon mediaDesc mediaAction"!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:14px!important;
    row-gap:4px!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:112px!important;
    max-height:none!important;
    margin:0!important;
    padding:16px 18px!important;
    overflow:hidden!important;
    border:1.5px dashed #ACD8D4!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#F4FCFB 0%,#F4FCFB 100%)!important;
    box-shadow:0 8px 22px rgba(31,91,96,.04)!important;
    color:#1F3B4D!important;
    text-align:left!important;
    white-space:normal!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty][hidden]{
    display:none!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-cloud-v15115{
    grid-area:mediaIcon!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #C4E8E4!important;
    border-radius:16px!important;
    background:#E6F8F5!important;
    color:#249D98!important;
    box-shadow:none!important;
    font-size:0!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-cloud-v15115 svg{
    display:block!important;
    width:23px!important;
    height:23px!important;
    margin:0!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-cloud-v15115 > i{
    position:absolute!important;
    right:6px!important;
    bottom:5px!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    font-style:normal!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > b{
    grid-area:mediaTitle!important;
    align-self:end!important;
    display:block!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#1F3B4D!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.3!important;
    text-align:left!important;
    white-space:normal!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > small{
    grid-area:mediaDesc!important;
    align-self:start!important;
    display:block!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#6F8792!important;
    font-size:10px!important;
    font-weight:650!important;
    line-height:1.45!important;
    text-align:left!important;
    white-space:normal!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-choose-v15115{
    grid-area:mediaAction!important;
    align-self:center!important;
    justify-self:end!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 14px!important;
    overflow:hidden!important;
    border:1px solid #ACD8D4!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#249D98!important;
    box-shadow:none!important;
    font-size:10.5px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-choose-v15115 svg{
    display:block!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    margin:0!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-selected]{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:8px 0 0!important;
    padding:12px!important;
    overflow:hidden!important;
    border:1px solid #C6ECE8!important;
    border-radius:15px!important;
    background:#F4FCFB!important;
    box-shadow:none!important;
    color:#1F3B4D!important;
  }
  body[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-selected][hidden]{
    display:none!important;
  }
  body.theme-dark[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty]{
    border-color:#2C5B60!important;
    background:linear-gradient(180deg,#10262E 0%,#0E2229 100%)!important;
    color:#DDF7F4!important;
  }
  body.theme-dark[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > b{color:#DDF7F4!important;}
  body.theme-dark[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > small{color:#9DB5BB!important;}
  body.theme-dark[data-page="trip"] .trip-route-modal-v15108 label.upload-box.trip-uploader-v205[data-trip-media-uploader] > span[data-trip-media-empty] > .trip-media-choose-v15115{
    background:#153039!important;
    border-color:#32656A!important;
    color:#83DDD5!important;
  }
}

/* TRIPLOOM PATCH 20 · Couple companion hero aligned with unified trip hero (Desktop only) */
@media (min-width:1001px){
  .trip-tab-hero-people[data-trip-style="couple"]{
    box-sizing:border-box!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    padding:34px 40px!important;
    grid-template-columns:minmax(0,1fr) 176px!important;
    align-items:center!important;
    column-gap:34px!important;
  }
  .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-copy{
    align-self:center!important;
  }
  .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-side{
    box-sizing:border-box!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    align-self:center!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score{
    box-sizing:border-box!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    padding:16px 18px!important;
    border-radius:24px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score b{
    font-size:36px!important;
    line-height:1!important;
  }
  .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score small{
    margin-top:8px!important;
    font-size:9px!important;
    line-height:1.2!important;
  }
  .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score > i{
    height:6px!important;
    min-height:6px!important;
    flex:0 0 6px!important;
    margin-top:12px!important;
  }
  .trip-tab-hero-people[data-trip-style="couple"] .group-invite-hero-btn-v175{
    box-sizing:border-box!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    align-self:stretch!important;
  }
}

/* TRIPLOOM PATCH 21 · Couple companion hero mirrors Expenses geometry on Desktop (901px+) */
@media (min-width:1001px){
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"]{
    box-sizing:border-box!important;
    width:100%!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    padding:34px 40px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:34px!important;
  }
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-side{
    box-sizing:border-box!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    display:grid!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    justify-items:stretch!important;
    align-content:center!important;
    align-self:center!important;
    gap:10px!important;
    overflow:visible!important;
  }
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score{
    box-sizing:border-box!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    padding:16px 18px!important;
  }
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .group-invite-hero-btn-v175{
    box-sizing:border-box!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
  }
}
@media (min-width:901px) and (max-width:1000px){
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"]{
    box-sizing:border-box!important;
    width:100%!important;
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
    padding:30px 30px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:24px!important;
  }
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-side{
    box-sizing:border-box!important;
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
    display:grid!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    justify-items:stretch!important;
    align-content:center!important;
    align-self:center!important;
    gap:10px!important;
    overflow:visible!important;
  }
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score{
    box-sizing:border-box!important;
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
    padding:16px 18px!important;
  }
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score b{
    font-size:36px!important;
    line-height:1!important;
  }
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score small{
    margin-top:8px!important;
    font-size:9px!important;
    line-height:1.2!important;
  }
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score > i{
    height:6px!important;
    min-height:6px!important;
    flex:0 0 6px!important;
    margin-top:12px!important;
  }
  body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .group-invite-hero-btn-v175{
    box-sizing:border-box!important;
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
  }
}


/* TRIPLOOM PATCH 22 · Fix Couple hero clipping: mirror live Expenses hero geometry exactly */
@media (min-width:1001px){
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"]{
    box-sizing:border-box!important;
    width:100%!important;
    height:310px!important;
    min-height:310px!important;
    max-height:310px!important;
    padding:102px 40px 30px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:34px!important;
    overflow:hidden!important;
  }
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-copy{
    align-self:center!important;
  }
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-side{
    box-sizing:border-box!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    display:grid!important;
    justify-items:stretch!important;
    align-content:center!important;
    align-self:center!important;
    gap:10px!important;
    overflow:visible!important;
  }
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score{
    box-sizing:border-box!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    padding:16px 18px!important;
    border-radius:24px!important;
  }
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .group-invite-hero-btn-v175{
    box-sizing:border-box!important;
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
  }
}
@media (min-width:901px) and (max-width:1000px){
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"]{
    box-sizing:border-box!important;
    width:100%!important;
    height:292px!important;
    min-height:292px!important;
    max-height:292px!important;
    padding:94px 30px 26px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:24px!important;
    overflow:hidden!important;
  }
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-copy{
    align-self:center!important;
  }
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-side{
    box-sizing:border-box!important;
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
    display:grid!important;
    justify-items:stretch!important;
    align-content:center!important;
    align-self:center!important;
    gap:10px!important;
    overflow:visible!important;
  }
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-score{
    box-sizing:border-box!important;
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
    padding:16px 18px!important;
  }
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .group-invite-hero-btn-v175{
    box-sizing:border-box!important;
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
  }
}

/* TRIPLOOM PATCH 23 · Couple companion right rail must use the same implicit rows as Expenses (Desktop only).
   Legacy group/people CSS leaves explicit 100px/104px rows on .trip-tab-hero-side, which shifts the score upward
   under the embedded tab bar. Resetting the template restores the exact Expenses geometry: score + action button. */
@media (min-width:901px){
  html body[data-page="trip"] .trip-tab-hero-people[data-trip-style="couple"] .trip-tab-hero-side{
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
    grid-auto-flow:row!important;
  }
}


/* ======================================================================
   TRIPLOOM V15.1.100 · VALI / POPUP THÊM ĐỒ — COMPACT MOBILE CANONICAL FIX
   Scope: only the Packing add-item popup modal.
   ====================================================================== */
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v19-step-head.pack-add-header-v1559{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:12px!important;
  row-gap:0!important;
  padding-right:58px!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v19-step-head.pack-add-header-v1559>.pack-v19-step-no{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  border-radius:14px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#ffffff,#f4fcfb)!important;border:1px solid #cfe2e4!important;
  box-shadow:0 10px 20px rgba(31,72,82,.06)!important;color:#43c8be!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v19-step-head.pack-add-header-v1559>div{display:grid!important;gap:4px!important;min-width:0!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v19-step-head.pack-add-header-v1559 h3{margin:0!important;font-size:clamp(29px,5.1vw,38px)!important;line-height:1.06!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v19-step-head.pack-add-header-v1559 p{margin:0!important;color:#78909a!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v202-stage-count,
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 [data-pack-stage-summary]{display:none!important}

body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-body-v1559{padding:14px 14px 0!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-compose-v1560{
  gap:12px!important;padding:12px!important;border-radius:20px!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 :is(.pack-v20-custom-block,.pack-v20-suggest-wrap){display:grid!important;gap:10px!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-block-title{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:0 2px!important;min-height:0!important;margin:0!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-block-title b{
  color:#2c4752!important;font-size:14px!important;font-weight:900!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-block-title small{
  color:#7f98a0!important;font-size:11px!important;font-weight:700!important;text-align:right!important;
}

body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-add.pack-v1560-custom-form{gap:10px!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-field>span{display:block!important;margin:0 0 6px!important;color:#6d8690!important;font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-field :is(input,select,textarea){
  position:relative!important;z-index:2!important;pointer-events:auto!important;
  min-height:54px!important;height:54px!important;border-radius:16px!important;
  border:1px solid #cfe0e4!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.98)!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-field select[data-triploom-native-select]{appearance:auto!important;-webkit-appearance:menulist!important;padding-right:40px!important;cursor:pointer!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-category,
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-name{min-width:0!important}

body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(152px,168px)!important;gap:10px!important;align-items:end!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper{
  height:54px!important;grid-template-columns:42px minmax(54px,1fr) 42px!important;border-radius:16px!important;
  border:1px solid #d0e1e4!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;overflow:hidden!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper button{
  font-size:24px!important;font-weight:900!important;color:#43c8be!important;display:grid!important;place-items:center!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper input{
  font-size:24px!important;font-weight:900!important;color:#1f3540!important;text-align:center!important;background:#fff!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority{
  position:relative!important;display:block!important;height:auto!important;min-height:54px!important;align-self:end!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority>input{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:3!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui{
  min-height:54px!important;height:54px!important;padding:0 14px!important;border-radius:16px!important;
  display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important;
  border:1px solid #d6e4e7!important;background:#fff!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui i{
  width:28px!important;height:28px!important;border-radius:10px!important;display:grid!important;place-items:center!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui b{display:flex!important;align-items:center!important;min-height:100%!important;color:#526870!important;font-size:14px!important;font-weight:900!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui small{display:none!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority>input:checked+.pack-v25-priority-ui{border-color:#ffb37e!important;background:#fff6ee!important;box-shadow:0 0 0 3px rgba(255,171,110,.12)!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority>input:checked+.pack-v25-priority-ui b{color:#cf7c3f!important}

body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-suggest-inline{padding-top:10px!important;border-top:1px solid #dae7ea!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-template-picker{
  display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;padding:2px 1px 4px!important;margin:0!important;-webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-template-picker::-webkit-scrollbar{display:none!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-template-chip{
  flex:0 0 auto!important;white-space:nowrap!important;min-height:42px!important;height:42px!important;padding:0 14px!important;border-radius:14px!important;
  scroll-snap-align:start!important;display:inline-flex!important;align-items:center!important;gap:8px!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-template-chip em{display:none!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-template-panels{margin:0!important;padding:0!important;display:grid!important;gap:8px!important;min-height:0!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-template-panel{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-template-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;max-height:220px!important;overflow:auto!important;padding:1px!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-suggest-item button{min-height:52px!important;border-radius:15px!important;padding:8px 10px!important;align-items:center!important}

body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage{
  gap:8px!important;padding:12px!important;border-radius:16px!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-head{align-items:flex-start!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-head b{font-size:12px!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-head small{font-size:10px!important;line-height:1.4!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-head>span{font-size:10px!important;padding:5px 10px!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-empty{font-size:10px!important;padding:12px!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-list{grid-template-columns:1fr!important;max-height:180px!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-item{grid-template-columns:32px minmax(0,1fr) 32px!important;padding:9px!important;border-radius:13px!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-item b{font-size:11px!important}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-item small{font-size:9px!important}

body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-stage-custom,
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-add-footer-v1559 .btn{
  min-height:50px!important;border-radius:16px!important;
}

@media(max-width:600px){
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v19-step-head.pack-add-header-v1559{
    grid-template-columns:48px minmax(0,1fr)!important;column-gap:10px!important;padding-right:56px!important;
  }
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v19-step-head.pack-add-header-v1559 h3{font-size:16px!important;line-height:1.1!important}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v19-step-head.pack-add-header-v1559 p{font-size:10px!important;line-height:1.45!important}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v1560-balance-row{grid-template-columns:minmax(0,1fr) minmax(130px,142px)!important;gap:8px!important}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-field>span{font-size:10px!important}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-field :is(input,select,textarea),
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper,
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui{min-height:48px!important;height:48px!important}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui{padding:0 11px!important;grid-template-columns:26px minmax(0,1fr)!important}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui i{width:24px!important;height:24px!important}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui b{font-size:13px!important}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-block-title small{font-size:10px!important;max-width:46%!important}
}
@media(max-width:420px){
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v20-block-title small{max-width:52%!important}
}


/* ======================================================================
   TRIPLOOM V15.1.101 · VALI ADD POPUP — SELECT / STEPPER / PRIORITY POLISH
   ====================================================================== */
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper{
  display:grid!important;grid-template-columns:42px minmax(54px,1fr) 42px!important;align-items:stretch!important;
  height:50px!important;min-height:50px!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper>button{
  width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;box-sizing:border-box!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper>input[name="quantity"]{
  width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 4px!important;border-radius:0!important;
  border-top:0!important;border-bottom:0!important;border-left:1px solid #E1ECEE!important;border-right:1px solid #E1ECEE!important;
  box-shadow:none!important;line-height:1!important;box-sizing:border-box!important;appearance:textfield!important;-moz-appearance:textfield!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper>input[name="quantity"]::-webkit-outer-spin-button,
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper>input[name="quantity"]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority{min-height:50px!important;height:50px!important;display:block!important;}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui{
  width:100%!important;height:50px!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;padding:0 12px!important;box-sizing:border-box!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui i{flex:0 0 28px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui b{
  display:flex!important;align-items:center!important;justify-content:center!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  line-height:1.15!important;text-align:center!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v69-suggest-title.pack-v202-suggest-title{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:3px!important;align-items:start!important;justify-items:start!important;
  padding:0 2px!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v69-suggest-title.pack-v202-suggest-title b,
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v69-suggest-title.pack-v202-suggest-title small{
  width:100%!important;max-width:none!important;margin:0!important;text-align:left!important;
}
body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v69-suggest-title.pack-v202-suggest-title small{font-size:10px!important;line-height:1.35!important;}
@media(max-width:600px){
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper,
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority,
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui{height:48px!important;min-height:48px!important;}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-stepper{grid-template-columns:38px minmax(48px,1fr) 38px!important;}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui{gap:6px!important;padding:0 9px!important;}
  body[data-page="trip"] .pack-v167-add-modal.pack-add-staged-v1560 .pack-v25-priority-ui i{flex-basis:24px!important;width:24px!important;height:24px!important;}
}