:root{
  --blue:#0b2f73;--blue-2:#164a9c;--purple:#0b2f73;--purple-2:#1b5ca8;--orange:#ff7a1a;
  --green:#17b26a;--red:#f04455;--cyan:#14b8c8;--ink:#0b1530;--text:#27324a;--muted:#667085;
  --bg:#f8faff;--card:#fff;--line:#e8ecf4;--soft:#f4f6fb;--shadow:0 12px 38px rgba(24,39,75,.08);
  --shadow-sm:0 6px 22px rgba(24,39,75,.07);--radius:20px;--radius-sm:13px;--container:1460px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;font-size:14px;line-height:1.55}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(var(--container),calc(100% - 44px));margin:0 auto}
.page{padding:18px 0 46px;min-height:calc(100vh - 112px)}
.muted{color:var(--muted)}
.small{font-size:12px}.tiny{font-size:11px}
.hidden{display:none!important}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.soft-card{background:linear-gradient(135deg,#fff,#f7f7ff)}
.row{display:flex}.between{justify-content:space-between}.center{align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}
.gradient-text{background:linear-gradient(90deg,var(--blue),var(--purple-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.icon-circle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:var(--blue);flex:0 0 auto}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#eef2ff;color:var(--blue);font-size:11px;font-weight:700}
.badge.green{background:#e9f9f0;color:#138a55}.badge.orange{background:#fff2e8;color:#db650c}.badge.pink{background:#fff0f6;color:#e12e78}
.btn{border:1px solid #dfe4ef;background:#fff;color:var(--ink);border-radius:11px;min-height:42px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:.2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(34,55,100,.09)}
.btn-primary{background:linear-gradient(135deg,var(--blue),#0b2f73);border-color:transparent;color:#fff}
.btn-soft{background:#eef2ff;border-color:transparent;color:var(--blue)}
.btn-ghost{background:transparent}
.btn-icon{width:42px;padding:0}
.btn-sm{min-height:34px;padding:7px 13px;border-radius:9px;font-size:12px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:26px 0 14px}
.section-heading h2{margin:0;font-size:22px;line-height:1.25}.section-heading p{margin:3px 0 0}
.link-blue{color:var(--blue);font-weight:700}
.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#e1e7f4;flex:0 0 auto}
.avatar.sm{width:34px;height:34px}.avatar.lg{width:56px;height:56px}
.divider{height:1px;background:var(--line)}
/* HEADER */
.site-header{height:72px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.header-inner{height:100%;display:flex;align-items:center;gap:25px}
.brand{width:175px;flex:0 0 auto}.brand img{width:100%;height:52px;object-fit:contain}
.header-search{width:320px;height:40px;border-radius:18px;background:#f6f7fb;border:1px solid #f0f2f7;display:flex;align-items:center;gap:10px;padding:0 15px;color:#7a8295;font-size:12px}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700;white-space:nowrap}
.main-nav a{padding:26px 0 23px;position:relative}
.main-nav a.active,.main-nav a:hover{color:var(--blue)}
.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;background:var(--blue);border-radius:2px}
.header-user{display:flex;align-items:center;gap:12px;margin-left:7px}
.header-user .profile-mini{display:flex;align-items:center;justify-content:center;font-weight:600}
.header-actions{display:flex;gap:10px;margin-left:4px}
.notice{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:17px}
.notice .count{position:absolute;right:1px;top:0;background:var(--red);color:#fff;font-size:9px;font-weight:800;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff}
/* FOOTER */
.site-footer{height:40px;border-top:1px solid var(--line);background:#fff;color:#7c8495;font-size:11px}
.footer-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.footer-links{display:flex;gap:8px}.footer-links a:hover{color:var(--blue)}
/* HOME */
.home-hero{display:grid;grid-template-columns:.93fr 1.25fr;gap:42px;align-items:center;padding:26px 0 18px}
.home-copy{padding-left:52px}.home-copy h1{font-size:51px;line-height:1.08;letter-spacing:-1.7px;margin:0 0 24px}.home-copy p{font-size:16px;max-width:520px;color:var(--muted)}
.home-actions{display:flex;gap:14px;margin-top:28px}
.home-visual{height:378px;border-radius:29px;overflow:hidden;position:relative;box-shadow:var(--shadow)}
.home-visual>img{width:100%;height:100%;object-fit:cover}
.home-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.08))}
.hero-benefits{position:absolute;right:27px;top:42px;width:215px;padding:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:22px;z-index:2}
.hero-benefits h3{font-size:18px;line-height:1.25;margin:0 0 16px}.benefit-row{display:flex;gap:10px;align-items:flex-start;margin:13px 0;color:#36415a;font-size:12px}
.hero-people{position:absolute;left:48px;bottom:15px;background:rgba(255,255,255,.96);z-index:2;border-radius:18px;padding:12px 18px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow-sm)}
.avatar-stack{display:flex}.avatar-stack img{width:35px;height:35px;border-radius:50%;border:3px solid #fff;margin-left:-9px;object-fit:cover}.avatar-stack img:first-child{margin-left:0}
.home-shortcuts{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:16px;margin-top:2px}
.shortcut{border-radius:17px;padding:17px 15px;min-height:106px;background:linear-gradient(135deg,#fff,#f8f5ff);border:1px solid #f0effa;position:relative}
.shortcut:nth-child(2){background:linear-gradient(135deg,#fff,#f1fbf6)}.shortcut:nth-child(3){background:linear-gradient(135deg,#fff,#fff4f7)}.shortcut:nth-child(4){background:linear-gradient(135deg,#fff,#fff8f0)}.shortcut:nth-child(6){background:linear-gradient(135deg,#fff,#effbff)}
.shortcut i{font-size:22px;color:var(--blue)}.shortcut h3{font-size:14px;margin:12px 0 3px}.shortcut p{font-size:11px;color:var(--muted);margin:0}.shortcut .arrow{position:absolute;right:15px;bottom:12px}
.home-story-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.story-card{height:220px;position:relative;overflow:hidden;border-radius:16px}
.story-card img{width:100%;height:100%;object-fit:cover}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 28%,rgba(3,10,25,.9))}
.story-content{position:absolute;left:15px;right:15px;bottom:13px;color:#fff;z-index:2}.story-content h3{font-size:14px;line-height:1.35;margin:8px 0}.story-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px}
.home-cta{background:linear-gradient(145deg,#1b5ca8,#1b5ca8);color:#fff;padding:24px;border:0}.home-cta h2{font-size:22px;line-height:1.35}.home-cta p{font-size:12px}.home-cta .btn{margin-top:16px}
.home-stats{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;padding:17px}.home-stat{text-align:center;border-right:1px solid var(--line)}.home-stat:last-child{border:0}.home-stat b{font-size:22px}.home-stat span{display:block;color:var(--muted);font-size:11px}
/* AUTH */
.auth-page{min-height:calc(100vh - 112px);display:grid;grid-template-columns:39% 61%;background:#fff}
.auth-left{position:relative;background:linear-gradient(180deg,#f7faff 0,#f5f9ff 55%,#edf5ff 100%);padding:68px 70px;overflow:hidden}
.auth-left h1{font-size:36px;line-height:1.18;letter-spacing:-.7px;margin:0 0 20px}.auth-left p{font-size:14px;max-width:490px;color:var(--muted)}
.auth-points{margin-top:34px}.auth-point{display:flex;gap:14px;margin:24px 0}.auth-point .icon-circle{width:48px;height:48px}.auth-point h3{font-size:14px;margin:0 0 2px}.auth-point p{margin:0;font-size:12px}
.auth-scene{position:absolute;left:0;right:0;bottom:0;height:40%;overflow:hidden}.auth-scene img{width:100%;height:100%;object-fit:cover}.auth-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#edf5ff 0,rgba(237,245,255,.04) 38%)}
.auth-testimonial{position:absolute;left:90px;bottom:28px;background:rgba(255,255,255,.95);padding:18px;border-radius:16px;width:285px;z-index:2;box-shadow:var(--shadow-sm);font-size:11px}
.auth-right{padding:36px 60px;display:flex;align-items:center;justify-content:center}
.auth-card{width:min(700px,100%);padding:34px 40px;border-radius:20px}.auth-card h2{font-size:29px;margin:0}.auth-card>.muted{margin:4px 0 22px}
.social-login{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-or{display:flex;align-items:center;gap:12px;color:#8a92a5;font-size:12px;margin:18px 0}.auth-or:before,.auth-or:after{content:"";height:1px;background:var(--line);flex:1}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.field.full{grid-column:1/-1}
.field label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;height:43px;border:1px solid #dfe4ee;border-radius:9px;padding:0 13px;outline:none;background:#fff}.field textarea{height:110px;padding-top:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,87,245,.08)}
.account-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-type{padding:14px;border:1px solid #dfe4ee;border-radius:12px;min-height:83px}.account-type.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(21,87,245,.08)}.account-type b{display:block;font-size:12px}.account-type span{font-size:10px;color:var(--muted)}
/* APP SHELL */
.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;gap:18px;align-items:start}
.left-rail{position:sticky;top:88px}
.nav-card{padding:14px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;font-weight:600;margin:2px 0}.side-nav a i{width:18px;text-align:center;color:#4e5c78}.side-nav a.active{background:#f1efff;color:#0b2f73}.side-nav a.active i{color:#0b2f73}
.profile-progress{padding:16px;margin-top:14px}.progress-line{height:7px;border-radius:5px;background:#eceef5;overflow:hidden}.progress-line span{display:block;height:100%;width:65%;background:linear-gradient(90deg,#0b2f73,#0b2f73);border-radius:5px}
.right-rail{position:sticky;top:88px}.rail-card{padding:17px;margin-bottom:14px}.rail-card h3{font-size:15px;margin:0 0 13px}.rail-row{display:flex;align-items:center;gap:10px;margin:12px 0}.rail-row .grow{flex:1}.rail-row b{font-size:12px}.rail-row span{font-size:10px;color:var(--muted)}
.stories{padding:17px;margin-bottom:14px}.stories-head{display:flex;justify-content:space-between;margin-bottom:13px}.story-scroll{display:flex;gap:20px;overflow:auto;padding-bottom:4px}.story-item{width:74px;text-align:center;flex:0 0 auto}.story-ring{width:66px;height:66px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#ff603b,#df2fa3,#0b2f73)}.story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff}.story-item span{font-size:10px;display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.composer{padding:14px 18px;margin-bottom:14px}.composer-top{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid var(--line)}.composer-placeholder{flex:1;color:#7b8498}
.composer-tools{display:grid;grid-template-columns:repeat(5,1fr);padding-top:12px}.composer-tool{border:0;background:transparent;color:#38445e;font-weight:600;font-size:12px}.composer-tool i{margin-right:7px}
.post-card{padding:17px;margin-bottom:14px}.post-head{display:flex;align-items:center;gap:10px}.post-head .who{flex:1}.post-head b{font-size:13px}.post-head span{font-size:10px;color:var(--muted)}
.post-card .post-text{font-size:13px;margin:13px 0}.post-media{width:100%;border-radius:15px;max-height:500px;object-fit:cover}.post-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.post-gallery img{height:175px;width:100%;object-fit:cover;border-radius:11px}
.post-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:10px 0}.post-actions{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:6px}
.action-btn{border:0;background:#fff;padding:9px 5px;border-radius:8px;color:#45516a;font-weight:600;font-size:12px}.action-btn:hover{background:#f5f7fb}.action-btn.active{color:var(--blue)}
.comment-box{border-top:1px solid var(--line);margin-top:5px;padding-top:12px}.comment-input{display:flex;gap:9px}.comment-input input{height:38px;flex:1;border:1px solid var(--line);border-radius:18px;padding:0 14px}
.menu-wrap{position:relative}.context-menu{position:absolute;right:0;top:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:11px;padding:8px;width:175px;z-index:8}.context-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px;border-radius:8px}.context-menu button:hover{background:#f6f7fb}
/* PROFILE */
.profile-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 345px;gap:18px;align-items:start}
.profile-main-card{overflow:hidden}
.cover-wrap{height:250px;position:relative}.cover-wrap img{width:100%;height:100%;object-fit:cover}.cover-edit{position:absolute;right:18px;bottom:18px;background:rgba(7,17,34,.72);color:#fff;border-color:rgba(255,255,255,.3);backdrop-filter:blur(8px)}
.profile-info{padding:1px 26px 20px;position:relative;min-height:245px;display:flow-root}.profile-photo{width:150px;height:150px;border-radius:50%;border:6px solid #fff;object-fit:cover;margin-top:-72px;box-shadow:0 5px 16px rgba(25,38,69,.15)}
.profile-copy{position:absolute;left:205px;right:25px;top:18px}.profile-copy h1{margin:0;font-size:27px}.profile-handle{font-size:12px;color:var(--muted)}.profile-bio{font-size:12px;max-width:650px;margin-top:14px}.profile-actions{position:absolute;right:25px;top:22px;display:flex;gap:8px}
.profile-tags{display:flex;gap:8px;flex-wrap:wrap}.social-rounds{position:absolute;right:26px;bottom:22px;display:flex;gap:10px}.social-rounds a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0f6;color:#ef2b72}
.profile-counter{display:grid;grid-template-columns:repeat(5,1fr);padding:16px;margin:14px 0}.counter-item{text-align:center;border-right:1px solid var(--line)}.counter-item:last-child{border:0}.counter-item b{font-size:18px}.counter-item span{display:block;font-size:10px;color:var(--muted)}
.content-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);padding:0 13px}.content-tabs button{border:0;background:#fff;padding:14px 8px;position:relative;font-weight:600;color:#4c5871}.content-tabs button.active{color:var(--blue)}.content-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue)}
.profile-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding-top:13px}.profile-post{overflow:hidden}.profile-post img{width:100%;height:170px;object-fit:cover}.profile-post .body{padding:12px}.profile-post h3{font-size:12px;margin:0 0 4px}.profile-post p{font-size:11px;margin:0;color:var(--muted)}.profile-post .foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:10px;font-size:11px}
.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}.achievement .icon-circle{margin:auto}.achievement b{font-size:10px;display:block;margin-top:5px}.achievement span{font-size:9px;color:var(--muted)}
.empty-state{text-align:center;padding:20px;border-radius:14px;background:#f8f9fd;color:var(--muted)}
.photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.photo-strip img{height:70px;width:100%;object-fit:cover;border-radius:8px}
/* PUBLIC LISTINGS */
.public-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}
.banner{height:245px;border-radius:22px;overflow:hidden;position:relative}.banner img{width:100%;height:100%;object-fit:cover}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,42,.78),rgba(4,16,42,.05))}
.banner-copy{position:absolute;z-index:2;left:52px;top:48px;color:#fff;max-width:535px}.banner-copy h1{font-size:38px;line-height:1.15;margin:0 0 10px}.banner-copy p{font-size:14px;margin:0}
.filter-bar{display:flex;gap:11px;padding:14px;margin:14px 0;align-items:center}.filter-bar .field-inline{height:42px;border:1px solid #dfe4ee;border-radius:9px;padding:0 13px;background:#fff;min-width:180px}.filter-bar .grow{flex:1}
.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.listing-card{overflow:hidden}.listing-image{height:175px}.listing-image img{width:100%;height:100%;object-fit:cover}.listing-body{padding:14px}.listing-body h3{font-size:17px;line-height:1.25;margin:6px 0}.listing-body p{font-size:11px;color:var(--muted);margin:0 0 12px}.listing-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.listing-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:11px}
.newsletter-card{padding:25px;background:linear-gradient(145deg,#1b5ca8,#1b5ca8);color:#fff;border:0}.newsletter-card h3{font-size:21px}.newsletter-card input{width:100%;height:44px;border:0;border-radius:9px;padding:0 12px;margin:13px 0}
/* DETAIL */
.article-page{width:min(920px,calc(100% - 34px));margin:18px auto 0}.article-hero{height:320px;border-radius:19px;overflow:hidden}.article-hero img{width:100%;height:100%;object-fit:cover}
.breadcrumb{font-size:10px;color:var(--muted);margin:12px 0}.article-page h1{font-size:33px;line-height:1.2;margin:12px 0}.article-author{display:flex;align-items:center;gap:10px}.article-actions{display:flex;gap:0;border-bottom:1px solid var(--line);padding:9px 0 12px;margin-bottom:12px}.article-actions button{border:0;background:#fff;padding:8px 22px;color:#4b566e;border-right:1px solid var(--line)}.article-actions button:first-child{padding-left:0}.article-content{font-size:13px;color:#26324a}.article-content h2{font-size:21px;margin:20px 0 5px}.article-content img{width:100%;max-height:310px;object-fit:cover;border-radius:14px;margin:16px 0}
.tip-list{list-style:none;padding:0}.tip-list li{margin:5px 0}.tip-list i{color:var(--purple);margin-right:7px}
.related-packages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-package{overflow:hidden}.mini-package img{height:100px;width:100%;object-fit:cover}.mini-package .body{padding:9px}.mini-package b{font-size:10px}.mini-package .price{float:right;font-weight:800}
.comments-card{padding:14px}.comment-row{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}.comment-row:last-child{border:0}.comment-row b{font-size:11px}.comment-row p{font-size:11px;margin:3px 0}
/* PACKAGES */
.package-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;padding:18px 20px 8px}.package-hero h1{font-size:43px;line-height:1.05;margin:0 0 15px}.package-hero p{max-width:420px;color:var(--muted)}
.package-visual{height:270px;position:relative;overflow:visible}
.package-collage{height:100%;position:relative}
.package-collage img{position:absolute;object-fit:cover;border-radius:16px;box-shadow:0 12px 30px rgba(26,45,82,.18);border:4px solid #fff}
.package-collage img:nth-child(1){width:19%;height:45%;left:0;top:35%;transform:rotate(-5deg)}
.package-collage img:nth-child(2){width:25%;height:62%;left:15%;top:20%;transform:rotate(-3deg)}
.package-collage img:nth-child(3){width:36%;height:84%;left:35%;top:5%;z-index:2}
.package-collage img:nth-child(4){width:24%;height:54%;left:69%;top:15%;transform:rotate(3deg)}
.package-collage img:nth-child(5){width:18%;height:44%;right:0;top:39%;transform:rotate(5deg)}.package-search{display:grid;grid-template-columns:1.2fr .9fr .8fr .8fr auto;gap:14px;padding:17px;margin-top:5px}.package-search label{display:block;font-size:10px;font-weight:800;margin-bottom:5px}.package-search input,.package-search select{width:100%;height:40px;border:1px solid #dfe4ee;border-radius:9px;padding:0 11px}
.category-row{display:grid;grid-template-columns:repeat(10,1fr);padding:15px 10px;margin-top:14px}.category{text-align:center;font-size:10px}.category .icon-circle{margin:0 auto 6px}.category.active{color:var(--blue);font-weight:700}
.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.package-card{overflow:hidden}.package-card .media{height:170px;position:relative}.package-card .media img{width:100%;height:100%;object-fit:cover}.package-tag{position:absolute;left:10px;top:10px;color:#fff;background:#0f9c64;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:800}.package-card .body{padding:13px}.package-card h3{font-size:13px;margin:0 0 5px}.package-pricing{display:flex;justify-content:space-between}.package-pricing b{font-size:16px}.company-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:11px;padding-top:10px;font-size:10px}.why-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:19px;margin-top:22px}.why-item{display:flex;align-items:center;gap:10px;padding:0 18px;border-right:1px solid var(--line)}.why-item:last-child{border:0}.why-item b{font-size:11px}.why-item span{font-size:9px;color:var(--muted)}

.package-detail-top{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}
.package-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:18px}
/* COMPANY/COMMUNITY */
.entity-card{overflow:hidden}.entity-cover{height:285px;position:relative}.entity-cover>img{width:100%;height:100%;object-fit:cover}.entity-cover .cover-edit{bottom:16px}
.entity-summary{padding:0 27px 20px;display:flex;align-items:flex-start;gap:20px;position:relative;min-height:168px}.entity-logo{width:150px;height:150px;border-radius:50%;object-fit:cover;border:6px solid #fff;margin-top:-70px;box-shadow:0 5px 18px rgba(15,31,65,.14);z-index:2}.entity-copy{padding-top:15px;flex:1}.entity-copy h1{font-size:26px;margin:0 0 2px}.entity-copy p{max-width:630px;font-size:12px}.entity-actions{padding-top:23px;display:flex;gap:8px}
.entity-stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);padding:13px 0}.entity-stat{text-align:center;border-right:1px solid var(--line)}.entity-stat:last-child{border:0}.entity-stat b{font-size:16px}.entity-stat span{display:block;font-size:9px;color:var(--muted)}
.entity-tabs{display:flex;gap:27px;border-top:1px solid var(--line);padding:0 28px}.entity-tabs button{border:0;background:#fff;padding:15px 6px;position:relative;font-weight:600;color:#48546d}.entity-tabs button.active{color:var(--blue)}.entity-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue)}
.entity-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px;margin-top:15px}.info-card{padding:17px;margin-bottom:13px}.info-card h3{font-size:14px;margin:0 0 12px}.info-list{list-style:none;padding:0;margin:0}.info-list li{display:flex;gap:10px;font-size:11px;margin:10px 0;color:#3e4962}.destination-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.destination-thumbs img{height:70px;width:100%;object-fit:cover;border-radius:8px}
.pinned{border-left:3px solid var(--purple)}
.discussion-list p{font-size:11px;padding-bottom:8px;border-bottom:1px solid var(--line)}
/* TRAVELLERS/COMPANIES */
.directory-hero{padding:26px 0 6px}.directory-hero h1{font-size:31px;margin:0}.directory-filters{display:flex;gap:12px;margin:14px 0}.directory-filters input,.directory-filters select{height:42px;border:1px solid #dfe4ee;border-radius:10px;padding:0 13px}
.traveller-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.traveller-card{padding:20px;text-align:center}.traveller-card .avatar{width:82px;height:82px;margin:0 auto 10px}.traveller-card h3{font-size:15px;margin:0}.traveller-card p{font-size:11px;color:var(--muted)}
.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.company-directory-card{overflow:hidden}.company-directory-card .cover{height:135px}.company-directory-card .cover img{width:100%;height:100%;object-fit:cover}.company-directory-card .body{padding:14px}.company-directory-card .mini-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;border:4px solid #fff;margin-top:-42px}
/* MODAL/TOAST */
.modal-backdrop{position:fixed;inset:0;background:rgba(8,15,31,.52);display:none;align-items:center;justify-content:center;z-index:200;padding:18px}.modal-backdrop.show{display:flex}.modal-card{width:min(560px,100%);background:#fff;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.25);padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.modal-head h3{margin:0}.modal-close{border:0;background:#f2f4f8;width:34px;height:34px;border-radius:50%}
.toast{position:fixed;left:24px;bottom:24px;background:#0e1830;color:#fff;padding:12px 17px;border-radius:11px;box-shadow:0 16px 35px rgba(0,0,0,.22);z-index:300;animation:toast-in .25s ease}
@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
/* RESPONSIVE */
@media(max-width:1200px){
  .header-search{display:none}.main-nav{gap:20px}.home-copy{padding-left:0}.app-shell,.profile-layout{grid-template-columns:220px minmax(0,1fr)}.right-rail,.profile-layout>.right-rail{display:none}
  .public-layout{grid-template-columns:1fr}.public-layout>aside{display:none}.package-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .package-detail-top,.package-detail-layout{grid-template-columns:1fr}
  .home-hero,.package-hero{grid-template-columns:1fr}.home-visual{height:330px}.home-shortcuts{grid-template-columns:repeat(3,1fr)}
  .home-story-layout{grid-template-columns:1fr}.home-cta{display:none}.story-grid{grid-template-columns:repeat(2,1fr)}
  .auth-page{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:28px}
  .app-shell,.profile-layout{grid-template-columns:1fr}.left-rail{display:none}.package-search{grid-template-columns:1fr 1fr}.category-row{grid-template-columns:repeat(5,1fr);gap:15px}.package-grid{grid-template-columns:repeat(2,1fr)}
  .entity-layout{grid-template-columns:1fr}.entity-layout>aside{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.info-card{margin:0}.traveller-grid,.company-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .container{width:min(100% - 24px,var(--container))}.site-header{height:auto}.header-inner{height:auto;padding:9px 0;flex-wrap:wrap}.brand{width:145px}.main-nav{order:3;width:100%;overflow:auto;justify-content:flex-start;gap:22px}.main-nav a{padding:8px 0}.main-nav a.active:after{bottom:2px}.header-actions,.header-user{margin-left:auto}
  .home-copy h1{font-size:39px}.home-copy{padding:0 4px}.home-visual{height:290px}.hero-benefits{display:none}.hero-people{left:14px}.home-shortcuts{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr}.home-stats{grid-template-columns:repeat(2,1fr);gap:16px}.home-stat{border:0}
  .auth-right{padding:18px}.auth-card{padding:22px}.form-grid,.social-login,.account-types{grid-template-columns:1fr}
  .composer-tools{grid-template-columns:repeat(3,1fr);gap:8px}.post-gallery{grid-template-columns:1fr}.post-gallery img{height:220px}.profile-info{min-height:auto;padding-bottom:18px}.profile-copy{position:static;padding-top:10px}.profile-actions{top:15px}.profile-photo{width:112px;height:112px}.social-rounds{position:static;margin-top:12px}.profile-counter{grid-template-columns:repeat(2,1fr);gap:14px}.counter-item{border:0}.profile-post-grid,.card-grid-3,.traveller-grid,.company-grid{grid-template-columns:1fr}
  .banner-copy{left:24px;top:38px;right:20px}.banner-copy h1{font-size:31px}.filter-bar{overflow:auto}.filter-bar .field-inline{min-width:180px}.article-page h1{font-size:27px}.related-packages{grid-template-columns:repeat(2,1fr)}
  .package-search{grid-template-columns:1fr}.category-row{grid-template-columns:repeat(3,1fr)}.package-grid{grid-template-columns:1fr}.why-strip{grid-template-columns:1fr 1fr;gap:15px}.why-item{border:0}
  .entity-cover{height:205px}.entity-summary{flex-direction:column}.entity-logo{width:110px;height:110px}.entity-copy{padding-top:0}.entity-actions{position:absolute;right:18px;top:12px}.entity-stats{grid-template-columns:repeat(2,1fr);gap:12px}.entity-stat{border:0}.entity-tabs{overflow:auto}.entity-layout>aside{grid-template-columns:1fr}
  .site-footer{height:auto;padding:9px 0}.footer-inner{flex-wrap:wrap;gap:7px}
}


/* =========================================================
   FINAL PROFESSIONAL OVERRIDES — TripMates Club
   ========================================================= */
:root{--container:1450px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#fff;color:#0b1530}
.site-header{position:sticky;top:0;z-index:1000}
.site-footer{position:relative;z-index:20}
.clean-image{display:block;width:100%;height:100%;object-fit:cover}
.image-shell{overflow:hidden;background:#eef2f7}
.image-shell img{width:100%;height:100%;object-fit:cover;display:block}

/* Public blog listing exact proportions */
.public-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.banner{height:255px;border-radius:22px;overflow:hidden;position:relative;background:#eaf0f8}
.banner>img{width:100%;height:100%;object-fit:cover;display:block}
.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,43,.75),rgba(4,19,43,.15))}
.banner-copy{position:absolute;z-index:2;left:48px;top:50%;transform:translateY(-50%);color:#fff;max-width:540px}
.banner-copy h1{font-size:40px;line-height:1.08;margin:0 0 10px}
.banner-copy p{font-size:15px;margin:0;max-width:430px}
.filter-bar{display:flex;gap:12px;padding:15px;margin:16px 0}
.field-inline{height:42px;border:1px solid #dfe5ef;border-radius:10px;padding:0 14px;background:#fff;color:#34405a}
.grow{flex:1}
.card-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.listing-card{overflow:hidden;border-radius:17px}
.listing-image{height:184px;display:block;overflow:hidden;background:#edf2f8}
.listing-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}
.listing-card:hover .listing-image img{transform:scale(1.025)}
.listing-body{padding:15px 15px 13px}
.listing-body h3{font-size:18px;line-height:1.25;margin:9px 0 6px;min-height:45px}
.listing-body>p{color:#667085;font-size:12px;line-height:1.5;min-height:37px;margin:0 0 11px}
.listing-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#687287}
.listing-foot{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}
.action-btn{border:0;background:transparent;color:#536079;padding:3px 0;font-size:12px}
.destination-tags{position:absolute;left:13px;top:13px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}
.destination-tag{background:rgba(7,18,38,.66);backdrop-filter:blur(5px);color:#fff;border:1px solid rgba(255,255,255,.22);font-size:10px;font-weight:700;padding:5px 9px;border-radius:999px}
.listing-image{position:relative}
.rail-card{padding:18px;margin-bottom:16px}
.rail-card h3{margin:0;font-size:17px}
.rail-row{display:flex;align-items:center;gap:10px;margin-top:14px}
.rail-row .grow{line-height:1.25}
.rail-row span{font-size:11px;color:#7b8497}
.newsletter-card{padding:25px;background:linear-gradient(145deg,#1b5ca8,#1b5ca8);color:#fff;border:0}
.newsletter-card h3{font-size:22px}.newsletter-card input{width:100%;height:44px;border:0;border-radius:10px;padding:0 13px;margin:16px 0 10px}

/* Auth in a contained two-card layout */
.auth-page{min-height:calc(100vh - 112px);display:flex;align-items:center;background:#fff;padding:26px 0}
.auth-container{width:min(1380px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:.88fr 1.12fr;gap:26px;align-items:stretch;height:min(820px,calc(100vh - 138px))}
.auth-left,.auth-right{border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm);overflow:hidden;min-height:0}
.auth-left{padding:44px 48px;background:linear-gradient(180deg,#f8fbff,#eff5ff);position:relative}
.auth-left h1{font-size:38px}.auth-left p{font-size:14px}
.auth-points{margin-top:26px}
.auth-point{margin:17px 0}
.auth-scene{height:41%;bottom:0}
.auth-scene img{object-fit:cover}
.auth-right{padding:28px 38px;background:#fff;display:flex;align-items:center;justify-content:center}
.auth-card{box-shadow:none;border:0;padding:10px 16px;width:min(680px,100%)}
.auth-card h2{font-size:30px}
.auth-card .field input{height:44px}
.login-card{max-width:560px}
.auth-testimonial{left:34px;bottom:22px;width:280px}
.auth-page .site-footer{display:none}

/* Homepage story row equal to CTA */
.home-story-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch}
.story-grid{height:100%;grid-auto-rows:1fr}
.story-card{height:100%;min-height:260px}
.home-cta{height:100%;min-height:260px;display:flex;flex-direction:column;justify-content:center}

/* Fixed social app shell: header, left and right fixed; center scrolls */
body.social-app{height:100vh;overflow:hidden;background:#f8faff}
body.social-app .site-header{position:fixed;left:0;right:0;top:0}
body.social-app .site-footer{display:none}
.social-shell{height:calc(100vh - 72px);margin-top:72px;padding:14px 0}
.social-grid{height:100%;display:grid;grid-template-columns:240px minmax(0,1fr) 330px;gap:18px}
.social-left,.social-right{height:100%;overflow:hidden}
.social-center{height:100%;overflow-y:auto;padding-right:5px;scrollbar-width:thin}
.social-center::-webkit-scrollbar{width:6px}.social-center::-webkit-scrollbar-thumb{background:#dfe4ef;border-radius:10px}
.social-left .sidebar,.social-right .rail-card{position:static}
.sidebar{height:100%;overflow-y:auto}
.sticky-rail{height:100%;overflow-y:auto;padding-right:3px}
.composer,.post-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
.post-card{padding:17px;margin-bottom:15px}
.post-media{margin-top:13px;border-radius:15px;overflow:hidden;background:#eef2f7;max-height:560px}
.post-media img{width:100%;height:auto;max-height:560px;object-fit:cover}
.post-actions{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:11px;padding-top:7px}
.post-actions button{border:0;background:transparent;padding:9px;color:#48546c;font-weight:650}
.post-actions button:hover{background:#f6f8fc;border-radius:9px}
.story-strip{display:flex;gap:17px;overflow-x:auto;padding:16px}
.story-person{text-align:center;min-width:72px}.story-person img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px #0b2f73}.story-person span{display:block;font-size:10px;margin-top:5px}

/* Profile professional */
.profile-cover-wrap{position:relative;height:270px;overflow:hidden;border-radius:20px 20px 0 0}
.profile-cover-wrap img{width:100%;height:100%;object-fit:cover}
.edit-cover-btn{position:absolute;right:18px;bottom:16px;background:rgba(9,18,35,.74);color:#fff;border:1px solid rgba(255,255,255,.42);border-radius:10px;padding:9px 14px;font-weight:700}
.profile-identity{display:flex;gap:22px;align-items:flex-start;padding:0 26px 23px}
.profile-photo{width:142px;height:142px;border-radius:50%;object-fit:cover;border:6px solid #fff;margin-top:-60px;z-index:2}
.profile-copy{flex:1;padding-top:15px}
.profile-controls{display:flex;gap:10px;padding-top:20px}
.profile-tabs{overflow-x:auto}
.profile-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}
.profile-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.profile-post-card{overflow:hidden}.profile-post-card img{height:185px;width:100%;object-fit:cover}.profile-post-body{padding:13px}

/* Settings and utility */
.settings-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px}
.settings-menu{padding:14px;height:max-content;position:sticky;top:90px}
.settings-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;font-weight:650}
.settings-link.active,.settings-link:hover{background:#eef2ff;color:var(--blue)}
.settings-panel{padding:24px}
.settings-panel h1{margin:0 0 6px}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.toggle{width:44px;height:24px;border-radius:20px;background:#ccd3df;position:relative;border:0}.toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.toggle.on{background:var(--blue)}.toggle.on:after{left:23px}
.chat-layout{height:calc(100vh - 130px);display:grid;grid-template-columns:330px minmax(0,1fr);overflow:hidden}
.chat-list{border-right:1px solid var(--line);overflow-y:auto}.chat-window{display:flex;flex-direction:column}.chat-head{padding:14px 18px;border-bottom:1px solid var(--line)}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#fafbfe}.bubble{max-width:70%;padding:11px 14px;border-radius:15px;background:#fff;border:1px solid var(--line);margin:8px 0}.bubble.me{margin-left:auto;background:#eaf0ff;border-color:#d8e2ff}.chat-input{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}.chat-input input{flex:1;border:1px solid #dfe4ee;border-radius:12px;padding:0 14px}
.notification-item{display:flex;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.notification-item.unread{background:#f4f7ff}
.itinerary-day{padding:18px;margin-bottom:14px}.itinerary-day h3{margin:0 0 10px}.timeline-line{border-left:2px solid #dce3f2;padding-left:18px}
.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.friend-card{padding:20px;text-align:center}.friend-card img{width:82px;height:82px;border-radius:50%;object-fit:cover;margin:auto}
.dropdown-panel{position:absolute;right:0;top:48px;width:360px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:none;padding:12px;z-index:1200}.dropdown-panel.open{display:block}.header-user{position:relative}

/* Package detail */
.package-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.package-gallery{display:grid;grid-template-columns:2fr 1fr;gap:10px;height:420px}.package-gallery>img{width:100%;height:100%;object-fit:cover;border-radius:18px}.package-gallery-side{display:grid;grid-template-rows:1fr 1fr;gap:10px}.package-gallery-side img{width:100%;height:100%;object-fit:cover;border-radius:18px}.booking-card{padding:22px;position:sticky;top:90px}

/* responsive */
@media(max-width:1150px){
 .public-layout{grid-template-columns:1fr}.public-layout>aside{display:none}
 .card-grid-3{grid-template-columns:repeat(2,1fr)}
 .social-grid{grid-template-columns:220px minmax(0,1fr)}.social-right{display:none}
 .profile-main-grid{grid-template-columns:1fr}.package-detail-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
 .auth-container{height:auto;grid-template-columns:1fr}.auth-left{min-height:620px}.auth-right{padding:22px}
 .card-grid-3,.profile-content-grid,.friends-grid{grid-template-columns:1fr}
 .social-grid{grid-template-columns:1fr}.social-left{display:none}.social-shell{padding:8px 0}
 .settings-layout{grid-template-columns:1fr}.settings-menu{position:static}
 .chat-layout{grid-template-columns:1fr}.chat-list{display:none}
 .package-gallery{grid-template-columns:1fr;height:auto}.package-gallery>img{height:280px}.package-gallery-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.package-gallery-side img{height:140px}
}

/* ===== TMC TARGETED FIX 2026-08-06 ===== */
.tmc-header .notice{border:0;background:transparent;color:var(--ink)}
.tmc-header .tmc-bell{border:1px solid var(--line);background:#fff}
.tmc-header .profile-mini .tiny{font-size:9px;color:#6e778b}
.tmc-notification-dropdown{right:70px;top:48px}
.tmc-drop-head{padding:4px 5px 10px}

/* Feed */
body.tmc-feed-page{height:100vh;overflow:hidden;background:#f7f9fd}
body.tmc-feed-page .site-header{position:fixed;left:0;right:0;top:0}
body.tmc-feed-page .site-footer{display:none}
.tmc-feed-shell{height:calc(100vh - 72px);margin-top:72px;padding:14px 0}
.tmc-feed-grid{height:100%;display:grid;grid-template-columns:238px minmax(0,1fr) 245px;gap:16px}
.tmc-feed-left,.tmc-contacts-rail{height:100%;min-height:0}
.tmc-side-card{height:100%;padding:13px;overflow-y:auto}
.tmc-side-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;font-weight:650;color:#26324a}
.tmc-side-link i{width:18px;text-align:center;color:#526079}
.tmc-side-link span{flex:1}
.tmc-side-link em{font-style:normal;background:#f04455;color:#fff;border-radius:20px;font-size:10px;padding:2px 7px}
.tmc-side-link.active,.tmc-side-link:hover{background:#efefff;color:#0b2f73}
.tmc-side-link.active i,.tmc-side-link:hover i{color:#0b2f73}
.tmc-create-post{width:100%;margin-top:12px}
.tmc-feed-center{height:100%;overflow-y:auto;padding-right:5px;scrollbar-width:thin}
.tmc-feed-center::-webkit-scrollbar{width:6px}.tmc-feed-center::-webkit-scrollbar-thumb{background:#d7ddea;border-radius:10px}
.tmc-stories{display:flex;gap:18px;padding:15px 16px;overflow-x:auto}
.tmc-story{min-width:68px;text-align:center}.tmc-story span{width:60px;height:60px;border-radius:50%;display:block;padding:3px;background:linear-gradient(145deg,#f14687,#0b2f73)}
.tmc-story img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #fff}.tmc-story small{display:block;font-size:10px;margin-top:5px}
.tmc-composer{padding:15px;margin:14px 0}.tmc-composer-top{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.tmc-composer-top>button{flex:1;border:0;background:#f5f7fb;border-radius:22px;padding:12px 16px;text-align:left;color:#7c8496}
.tmc-composer-tools{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding-top:10px}
.tmc-composer-tools button{border:0;background:transparent;border-radius:9px;padding:8px;color:#3e4962;font-weight:650}
.tmc-composer-tools button:hover{background:#f5f7fb}
.tmc-post-card{padding:17px;margin-bottom:15px}.tmc-post-head{display:flex;align-items:center;gap:11px}.tmc-post-head>div{flex:1}.tmc-post-head small{display:block;color:#7d869a;font-size:11px;margin-top:2px}
.tmc-verified{color:var(--blue);font-size:13px}.tmc-icon-button{border:0;background:transparent;width:36px;height:36px;border-radius:50%}.tmc-icon-button:hover{background:#f4f6fa}
.tmc-post-card>p{font-size:14px;line-height:1.55}.tmc-post-image{border-radius:15px;overflow:hidden;background:#eef2f7}.tmc-post-image img{width:100%;max-height:520px;object-fit:cover}
.tmc-post-summary{display:flex;justify-content:space-between;color:#6e778a;font-size:11px;padding:9px 2px;border-bottom:1px solid var(--line)}
.tmc-post-actions{display:grid;grid-template-columns:repeat(4,1fr);padding-top:6px}.tmc-post-actions button{border:0;background:transparent;padding:9px;border-radius:9px;color:#45516a;font-weight:650}.tmc-post-actions button:hover,.tmc-post-actions button.active{background:#f1f4fb;color:var(--blue)}
.comment-box{display:flex;align-items:center;gap:9px;padding-top:11px}.comment-box input{flex:1;border:1px solid var(--line);border-radius:20px;padding:10px 13px}.comment-box button{border:0;background:var(--blue);color:#fff;border-radius:10px;padding:8px 12px}

/* Contacts + chat */
.tmc-contacts-rail{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);padding:10px;overflow:hidden}
.tmc-contacts-head{display:flex;align-items:center;justify-content:space-between;padding:7px 7px 10px}.tmc-contacts-head span{display:flex;gap:13px;color:#687287}
.tmc-contact-list{height:calc(100% - 40px);overflow-y:auto}.tmc-contact{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:8px;border-radius:11px;text-align:left}
.tmc-contact:hover{background:#f4f6fb}.tmc-contact-avatar{position:relative;width:38px;height:38px;flex:0 0 auto}.tmc-contact-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.tmc-contact-avatar i{position:absolute;right:0;bottom:1px;width:10px;height:10px;border-radius:50%;background:#20b26b;border:2px solid #fff}
.tmc-contact span:last-child{min-width:0}.tmc-contact b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmc-contact small{display:block;color:#7d8699;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmc-chat-dock{position:fixed;right:14px;bottom:0;z-index:1500;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:10px;pointer-events:none}
.tmc-chat-window{width:310px;height:390px;background:#fff;border:1px solid #dfe4ef;border-radius:15px 15px 0 0;box-shadow:0 16px 48px rgba(21,33,61,.22);display:flex;flex-direction:column;pointer-events:auto;overflow:hidden}
.tmc-chat-head{display:flex;align-items:center;gap:9px;padding:10px 11px;border-bottom:1px solid var(--line);background:#fff}.tmc-chat-head img{width:34px;height:34px;border-radius:50%;object-fit:cover}.tmc-chat-head div{flex:1}.tmc-chat-head small{display:block;color:#17a568;font-size:10px}
.tmc-chat-head button{border:0;background:transparent;width:28px;height:28px;border-radius:50%}.tmc-chat-head button:hover{background:#f1f3f8}
.tmc-chat-messages{flex:1;overflow-y:auto;padding:13px;background:#f7f9fd}.tmc-chat-bubble{max-width:82%;padding:9px 11px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:12px;margin-bottom:8px}.tmc-chat-bubble.me{margin-left:auto;background:#eaf0ff}
.tmc-chat-input{display:flex;gap:7px;padding:9px;border-top:1px solid var(--line)}.tmc-chat-input input{flex:1;border:1px solid var(--line);border-radius:18px;padding:8px 11px;font-size:12px}.tmc-chat-input button{border:0;background:var(--blue);color:#fff;width:34px;height:34px;border-radius:50%}

/* Shared logged pages + contact rail */
.tmc-page-with-contacts{padding-right:260px;position:relative}.tmc-page-with-contacts>.tmc-contacts-rail{position:fixed;right:14px;top:88px;width:230px;height:calc(100vh - 102px);z-index:50}

/* Profile */
.tmc-profile-page{max-width:1240px}.tmc-profile-hero{overflow:hidden}.tmc-profile-cover{height:280px;background:#eef2f7}.tmc-profile-cover img{width:100%;height:100%;object-fit:cover}
.tmc-profile-info{display:flex;align-items:flex-start;gap:22px;padding:0 27px 23px}.tmc-profile-avatar{width:148px;height:148px;border-radius:50%;object-fit:cover;border:6px solid #fff;margin-top:-66px;box-shadow:0 8px 24px rgba(19,32,62,.14);z-index:2}
.tmc-profile-copy{flex:1;padding-top:17px}.tmc-profile-title-row{display:flex;justify-content:space-between;gap:20px}.tmc-profile-title-row h1{font-size:30px;margin:0 0 2px}.tmc-profile-title-row span{color:#6e778a}
.tmc-profile-copy>p{margin:14px 0 12px;color:#34405a}.tmc-profile-buttons{display:flex;gap:9px;flex-wrap:wrap}.tmc-profile-tags{display:flex;gap:7px;flex-wrap:wrap}.tmc-profile-tags span{padding:6px 11px;background:#eef2ff;color:#0b2f73;border-radius:999px;font-size:11px;font-weight:700}
.tmc-profile-stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.tmc-profile-stats>div{text-align:center;border-right:1px solid var(--line)}.tmc-profile-stats>div:last-child{border-right:0}.tmc-profile-stats b{font-size:22px}.tmc-profile-stats span{display:block;color:#707a8e;font-size:11px}
.tmc-profile-tabs,.tmc-community-tabs{display:flex;gap:4px;padding:8px 17px;overflow-x:auto}.tmc-profile-tabs button,.tmc-community-tabs button{border:0;background:transparent;padding:11px 17px;color:#536079;font-weight:700;border-radius:9px;white-space:nowrap}.tmc-profile-tabs button.active,.tmc-community-tabs button.active{color:var(--blue);background:#eef2ff}
.tmc-profile-content{margin-top:16px}.tmc-profile-panel,.tmc-community-panel{display:none}.tmc-profile-panel.active,.tmc-community-panel.active{display:block}
.tmc-profile-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tmc-profile-post{overflow:hidden}.tmc-profile-post img{width:100%;height:195px;object-fit:cover}.tmc-profile-post>div{padding:14px}.tmc-profile-post b{font-size:14px}.tmc-profile-post p{color:#697286;font-size:12px}.tmc-profile-post span{font-size:11px;color:#526078}
.tmc-member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tmc-member-card{text-align:center;padding:22px}.tmc-member-card>img{width:78px;height:78px;border-radius:50%;object-fit:cover;margin:0 auto 10px}.tmc-member-card h3{margin:0}.tmc-member-card p{color:#6d778b;font-size:12px}.tmc-member-card>div{display:flex;gap:7px;justify-content:center}
.tmc-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tmc-photo-grid img{width:100%;height:190px;object-fit:cover;border-radius:15px}
.tmc-empty-state{text-align:center;padding:50px}.tmc-empty-state i{font-size:42px;color:#0b2f73}.tmc-review-card{padding:24px}.tmc-review-card span{color:#ff9e18;display:block;margin:8px 0}

/* Travellers */
.tmc-directory-heading{display:flex;align-items:end;justify-content:space-between;padding:26px 8px 18px}.tmc-directory-heading h1{font-size:34px;margin:7px 0 4px}.tmc-directory-heading p{color:#657086;margin:0}.tmc-directory-avatars{display:flex;align-items:center}.tmc-directory-avatars img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:3px solid #fff;margin-left:-10px}.tmc-directory-avatars b{font-size:12px;margin-left:10px}
.tmc-traveller-filters{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px 170px auto;gap:11px;padding:14px}.tmc-filter-search{display:flex;align-items:center;gap:9px;border:1px solid #dfe4ee;border-radius:10px;padding:0 13px}.tmc-filter-search input{border:0;outline:0;flex:1}.tmc-traveller-filters select{border:1px solid #dfe4ee;border-radius:10px;padding:0 12px}
.tmc-interest-shortcuts{display:flex;gap:9px;overflow-x:auto;padding:15px 0}.tmc-interest-shortcuts button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:650;color:#536079}.tmc-interest-shortcuts button.active{background:#eef2ff;color:var(--blue);border-color:#d9e2ff}
.tmc-traveller-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.tmc-traveller-card{overflow:hidden;position:relative}.tmc-traveller-cover{display:block;height:112px;background:#eef2f7}.tmc-traveller-cover img{width:100%;height:100%;object-fit:cover}.tmc-traveller-avatar{display:block;width:86px;height:86px;border-radius:50%;overflow:hidden;border:5px solid #fff;position:absolute;left:50%;top:68px;transform:translateX(-50%);box-shadow:0 7px 20px rgba(28,43,75,.13)}.tmc-traveller-avatar img{width:100%;height:100%;object-fit:cover}
.tmc-traveller-body{text-align:center;padding:48px 18px 19px}.tmc-traveller-body h3{margin:0 0 6px}.tmc-traveller-body p{color:#647086;font-size:11px;line-height:1.6}.tmc-mutual{display:inline-flex;align-items:center;gap:5px;color:#667087;font-size:10px;background:#f5f7fb;border-radius:999px;padding:5px 9px}
.tmc-traveller-stats{display:flex;justify-content:center;gap:42px;margin:13px 0}.tmc-traveller-stats b{font-size:16px}.tmc-traveller-stats span{display:block;color:#7a8496;font-size:10px}.tmc-traveller-actions{display:flex;gap:7px;justify-content:center;align-items:center}

/* Community */
.tmc-community-page{max-width:1240px}.tmc-community-hero{overflow:hidden}.tmc-community-cover{height:260px}.tmc-community-cover img{width:100%;height:100%;object-fit:cover}.tmc-community-info{display:flex;gap:22px;padding:0 28px 22px}.tmc-community-logo{width:145px;height:145px;border-radius:50%;object-fit:cover;border:6px solid #fff;margin-top:-60px;box-shadow:0 7px 22px rgba(23,37,69,.16);z-index:2}.tmc-community-copy{flex:1;padding-top:14px}.tmc-community-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.tmc-community-title h1{font-size:29px;margin:0 0 6px}.tmc-community-copy>p{color:#36425a}.tmc-community-meta{display:flex;gap:19px;flex-wrap:wrap;color:#687286;font-size:11px}
.tmc-community-tabs{border-top:1px solid var(--line)}.tmc-community-body{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px;margin-top:16px}.tmc-community-main{min-width:0}.tmc-community-panel .tmc-composer{margin:0 0 14px}.tmc-pinned{color:var(--blue);font-weight:700;font-size:12px;margin-bottom:12px}
.tmc-community-post-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tmc-community-post-gallery img{width:100%;height:170px;object-fit:cover;border-radius:11px}
.tmc-tab-card{padding:26px}.tmc-tab-card h2{margin-top:0}.tmc-tab-card li{margin:9px 0}.tmc-mini-members{display:flex;gap:18px;flex-wrap:wrap}.tmc-mini-members span{display:flex;align-items:center;gap:8px}.tmc-mini-members img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.tmc-discussion-list{padding:8px 20px}.tmc-discussion-list article{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.tmc-discussion-list article:last-child{border-bottom:0}.tmc-discussion-list article>i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:var(--blue)}.tmc-discussion-list article>div{flex:1}.tmc-discussion-list h3{margin:0;font-size:14px}.tmc-discussion-list p{margin:3px 0 0;color:#6d7789;font-size:11px}.tmc-discussion-list span{font-size:11px;color:#617087}
.tmc-community-sidebar{display:flex;flex-direction:column;gap:14px}.tmc-info-card{padding:18px}.tmc-info-card h3{margin-top:0}.tmc-info-card>p{display:flex;justify-content:space-between;gap:10px;color:#59657b;font-size:12px}.tmc-contributor{display:flex;align-items:center;gap:10px;margin-top:12px}.tmc-contributor img{width:38px;height:38px;border-radius:50%;object-fit:cover}.tmc-contributor span{flex:1}.tmc-contributor small{display:block;color:#788296;font-size:10px}

/* states */
.friend-request-btn.requested{background:#eef2ff;color:var(--blue);border-color:#d8e2ff}.friend-request-btn.accepted{background:#e9f9f0;color:#138a55;border-color:#cdeedc}

@media(max-width:1280px){
  .tmc-feed-grid{grid-template-columns:220px minmax(0,1fr)}.tmc-feed-grid>.tmc-contacts-rail{display:none}
  .tmc-page-with-contacts{padding-right:0}.tmc-page-with-contacts>.tmc-contacts-rail{display:none}
}
@media(max-width:980px){
  .tmc-feed-grid{grid-template-columns:1fr}.tmc-feed-left{display:none}
  .tmc-profile-title-row,.tmc-community-title{flex-direction:column}.tmc-profile-card-grid,.tmc-member-grid,.tmc-traveller-grid{grid-template-columns:repeat(2,1fr)}
  .tmc-community-body{grid-template-columns:1fr}.tmc-community-sidebar{display:grid;grid-template-columns:repeat(2,1fr)}
  .tmc-traveller-filters{grid-template-columns:1fr 1fr}.tmc-filter-search{grid-column:1/-1}
}
@media(max-width:680px){
  .tmc-composer-tools{grid-template-columns:repeat(3,1fr)}.tmc-post-actions{grid-template-columns:repeat(2,1fr)}
  .tmc-profile-info,.tmc-community-info{flex-direction:column}.tmc-profile-avatar,.tmc-community-logo{width:112px;height:112px}.tmc-profile-stats{grid-template-columns:repeat(3,1fr)}
  .tmc-profile-card-grid,.tmc-member-grid,.tmc-traveller-grid,.tmc-photo-grid{grid-template-columns:1fr}.tmc-community-sidebar{grid-template-columns:1fr}
  .tmc-traveller-filters{grid-template-columns:1fr}.tmc-filter-search{grid-column:auto}.tmc-directory-avatars{display:none}
  .tmc-chat-window{width:calc(100vw - 18px)}.tmc-chat-dock{right:9px}
}

/* ===== PHP COMMON LAYOUT + AUTH HEIGHT FIX 2026-08-08 ===== */
body.auth-screen{min-height:100vh;overflow-x:hidden;overflow-y:auto;background:#fff}
body.auth-screen .auth-page{min-height:calc(100vh - 112px);height:auto;display:flex;align-items:flex-start;padding:24px 0 28px;overflow:visible}
body.auth-screen .auth-container{height:auto;min-height:calc(100vh - 164px);align-items:stretch;overflow:visible}
body.auth-screen .auth-left{min-height:760px}
body.auth-screen .auth-right{height:auto;min-height:760px;overflow:visible;align-items:flex-start;padding-top:24px;padding-bottom:24px}
body.auth-screen .auth-card{padding-top:10px;padding-bottom:18px}
body.auth-screen .site-footer{position:relative;height:40px}
@media(max-height:850px) and (min-width:801px){
 body.auth-screen .auth-page{padding-top:18px;padding-bottom:22px}
 body.auth-screen .auth-container{min-height:0}
 body.auth-screen .auth-left,body.auth-screen .auth-right{min-height:720px}
 body.auth-screen .auth-card{padding-top:4px}
}
@media(max-width:800px){
 body.auth-screen .auth-page{padding:14px 0 20px}
 body.auth-screen .auth-container{width:min(100% - 24px,680px);min-height:0}
 body.auth-screen .auth-left{display:none;min-height:0}
 body.auth-screen .auth-right{min-height:0;padding:16px;overflow:visible}
 body.auth-screen .auth-card{padding:8px 4px 14px}
}

/* ===== PROFILE SYSTEM V7 ===== */
.tmc-profile-cover{position:relative;overflow:hidden}
.tmc-profile-cover>img{display:block}
.tmc-media-edit{position:absolute;right:16px;bottom:14px;border:1px solid rgba(255,255,255,.72);background:rgba(15,25,45,.72);backdrop-filter:blur(8px);color:#fff;border-radius:10px;padding:9px 13px;font-weight:700;cursor:pointer}
.tmc-avatar-wrap{position:relative;flex:0 0 auto;z-index:3}
.tmc-avatar-wrap .tmc-profile-avatar{display:block;margin-left:0;margin-right:0}
.tmc-avatar-edit{position:absolute;right:8px;bottom:10px;width:38px;height:38px;border-radius:50%;border:3px solid #fff;background:#fff;color:#17233d;box-shadow:0 6px 18px rgba(21,33,61,.18);cursor:pointer}
.tmc-profile-meta{display:flex;gap:13px;flex-wrap:wrap;margin-top:8px;color:#788297;font-size:11px}
.tmc-profile-meta i{margin-right:4px;color:#69758d}
.tmc-profile-headline{margin-top:13px;font-weight:700;color:#26334b}
.tmc-profile-bio{max-width:780px;line-height:1.65}
.tmc-profile-web{display:inline-flex;gap:7px;align-items:center;margin-top:11px;color:var(--blue);font-size:12px;font-weight:650}
.tmc-profile-tags a{font-size:11px;font-weight:700;color:var(--blue)}
.tmc-profile-buttons{position:relative}
.tmc-profile-menu{display:none;position:absolute;right:0;top:48px;z-index:35;width:205px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px;box-shadow:0 15px 42px rgba(24,36,65,.17)}
.tmc-profile-menu.open{display:block}
.tmc-profile-menu button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:8px;padding:10px 11px;text-align:left;font:inherit;font-size:12px;font-weight:650;cursor:pointer;color:#35415a}
.tmc-profile-menu button:hover{background:#f5f7fb}
.tmc-profile-post{min-height:100%;display:block;color:inherit;text-decoration:none}
.tmc-profile-post:not(:has(img)){display:flex;align-items:center;min-height:170px}
.tmc-video-card{padding:20px;display:flex;gap:15px;align-items:center}.tmc-video-icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:#fff0f0;color:#e22525;font-size:26px}.tmc-video-card>div:last-child{display:flex;flex-direction:column;gap:8px}.tmc-video-card a{font-size:12px;color:var(--blue);font-weight:700}
.tmc-review-user{display:flex;align-items:center;gap:11px}.tmc-review-user img{width:44px;height:44px;border-radius:50%;object-fit:cover}.tmc-review-user span{margin:3px 0 0}
.tmc-saved-list{padding:8px 18px}.tmc-saved-list>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.tmc-saved-list>div:last-child{border-bottom:0}.tmc-saved-list small{color:#7a8497}
.tmc-contact{width:100%;text-decoration:none;color:inherit}
.tmc-alert{margin:16px 0;padding:12px 14px;border-radius:10px;background:#eef6ff;color:#2450b7;font-size:13px}.tmc-alert.error{background:#fff0f1;color:#b62436}.tmc-alert.success{background:#edfbf4;color:#12764a}
.tmc-settings-media{margin:20px 0 25px}.tmc-settings-cover{height:200px;position:relative;border-radius:15px;overflow:hidden;background:#eef2f7}.tmc-settings-cover img{width:100%;height:100%;object-fit:cover}.tmc-settings-cover .btn{position:absolute;right:12px;bottom:12px;background:#fff}.tmc-settings-avatar{display:flex;align-items:end;gap:10px;margin:-48px 0 0 20px;position:relative;z-index:2}.tmc-settings-avatar img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 7px 18px rgba(19,32,62,.15)}.tmc-settings-avatar .btn{margin-bottom:8px;background:#fff}.tmc-settings-media>p{margin:12px 0 0 20px}.tmc-profile-settings-form .field small{display:block;margin-top:6px;color:#7b8495;font-size:10px}.tmc-settings-subhead{margin:27px 0 12px;padding-top:20px;border-top:1px solid var(--line)}
.tmc-live-toast{position:fixed;left:24px;bottom:24px;z-index:9999;background:#18233b;color:#fff;padding:11px 16px;border-radius:10px;box-shadow:0 10px 30px rgba(20,30,55,.22);font-size:12px;font-weight:650}.tmc-live-toast.error{background:#b72c3d}

/* Crop modal */
.tmc-crop-modal{width:min(680px,calc(100vw - 28px))}
.tmc-crop-stage{width:420px;height:420px;max-width:100%;margin:4px auto 0;background:#111827;overflow:hidden;position:relative;touch-action:none;cursor:grab;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.tmc-crop-stage.cover-mode{width:620px;height:180px;border-radius:13px}
.tmc-crop-stage.dragging{cursor:grabbing}
.tmc-crop-stage img{position:absolute;left:0;top:0;max-width:none!important;user-select:none;pointer-events:none;transform-origin:0 0}
.tmc-crop-controls{display:flex;align-items:center;gap:12px;max-width:520px;margin:18px auto 0;color:#667188}.tmc-crop-controls input{flex:1}
#reportProfileModal textarea{min-height:100px}

@media(max-width:680px){
 .tmc-profile-cover{height:190px}.tmc-media-edit{right:10px;bottom:10px;padding:8px 10px;font-size:11px}
 .tmc-profile-info{padding:0 16px 18px}.tmc-avatar-wrap{margin-top:-2px}.tmc-avatar-wrap .tmc-profile-avatar{margin-top:-58px}
 .tmc-profile-stats{grid-template-columns:repeat(5,minmax(85px,1fr));overflow-x:auto}.tmc-profile-stats>div{min-width:85px}
 .tmc-settings-cover{height:150px}.tmc-settings-avatar{margin-left:12px}.tmc-crop-stage{width:min(82vw,420px);height:min(82vw,420px)}.tmc-crop-stage.cover-mode{width:100%;height:31vw;max-height:180px;min-height:120px}
}

/* ===== PROFILE POLISH V8 ===== */
.tmc-profile-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tmc-profile-buttons .btn{min-height:36px;padding:7px 13px;border-radius:9px;font-size:12px;gap:6px}
.tmc-profile-buttons .btn-icon{width:36px;padding:0}
.tmc-profile-buttons .btn i{font-size:12px}
.tmc-media-edit{min-height:34px;padding:7px 11px;border-radius:9px;font-size:11px}
.tmc-avatar-edit{width:34px;height:34px;right:6px;bottom:8px}
.tmc-profile-cover>img,.tmc-settings-cover img{width:100%;height:100%;object-fit:cover;background:#edf2f8}
.tmc-profile-avatar,.tmc-settings-avatar img,.avatar{background:#edf2f8}

/* Header account menu */
.tmc-account-menu-wrap{position:relative}
.tmc-account-trigger{border:0;background:transparent;cursor:pointer;font:inherit;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);width:42px;height:42px}
.tmc-account-trigger:hover{background:transparent}
.tmc-account-avatar-wrap{position:relative;display:block;width:38px;height:38px;border-radius:50%}
.tmc-account-trigger .tmc-account-avatar-wrap>.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#edf2f8;border:2px solid var(--orange);padding:2px;box-shadow:0 0 0 1px rgba(255,122,26,.08)}
.tmc-account-avatar-arrow{position:absolute;right:-3px;bottom:-2px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#eef1f5;color:#26324a;border:2px solid #fff;box-shadow:0 1px 4px rgba(18,32,58,.18);font-size:7px;line-height:1;transition:transform .18s ease,background .18s ease}
.tmc-account-trigger:hover .tmc-account-avatar-arrow{background:#e4e8ee}
.tmc-account-trigger[aria-expanded="true"] .tmc-account-avatar-arrow{transform:rotate(180deg)}
.tmc-account-chevron{display:none}
.tmc-account-menu{display:none;position:absolute;right:0;top:calc(100% + 12px);z-index:1000;width:260px;background:#fff;border:1px solid #e5e9f1;border-radius:14px;padding:8px;box-shadow:0 18px 50px rgba(24,36,65,.18)}
.tmc-account-menu.open{display:block}
.tmc-account-menu-head{display:flex;align-items:center;gap:11px;padding:8px 9px 11px;margin-bottom:4px;border-bottom:1px solid #edf0f5}
.tmc-account-menu-head img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#edf2f8}
.tmc-account-menu-head div{min-width:0}.tmc-account-menu-head b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmc-account-menu-head small{display:block;color:#788297;margin-top:2px;font-size:10px}
.tmc-account-menu>a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#26324a;padding:9px 10px;border-radius:9px;font-size:12px;font-weight:650}
.tmc-account-menu>a:hover{background:#f5f7fb}
.tmc-account-menu>a i{width:17px;text-align:center;color:#66728a}
.tmc-account-menu-sep{height:1px;background:#edf0f5;margin:5px 3px}
.tmc-account-menu .tmc-account-logout{color:#b52b3b}.tmc-account-menu .tmc-account-logout i{color:#b52b3b}

@media(max-width:680px){
 .tmc-profile-buttons{gap:6px}.tmc-profile-buttons .btn{min-height:34px;padding:6px 10px;font-size:11px}
 .tmc-account-menu{right:-4px;width:min(270px,calc(100vw - 24px))}
}

/* v12 profile media editor reliability/polish */
.tmc-media-edit,.tmc-avatar-edit{font-family:inherit;appearance:none;-webkit-appearance:none}
.tmc-media-edit{border:0}
.tmc-avatar-edit{display:flex;align-items:center;justify-content:center;padding:0}
.tmc-modal-open{overflow:hidden}
#profileCropModal{z-index:9999}
#profileCropModal.show{display:flex!important}
#profileCropModal .tmc-crop-stage{background:#eef2f7}
#profileCropModal .tmc-crop-stage.avatar-mode{border-radius:12px}
#profileCropModal .tmc-crop-stage.cover-mode{border-radius:12px}

/* v15: keep profile media controls identical on Profile and Edit Profile */
.tmc-settings-cover .tmc-media-edit{right:12px;bottom:12px;background:rgba(15,25,45,.72);color:#fff;border:0}
.tmc-settings-avatar{align-items:flex-end}
.tmc-settings-avatar-photo{position:relative;width:104px;height:104px;flex:0 0 104px}
.tmc-settings-avatar-photo>img{display:block;width:104px;height:104px}
.tmc-settings-avatar-photo .tmc-avatar-edit{right:-2px;bottom:4px}

/* v17: settings profile media overlap fix */
.tmc-settings-avatar{
  width:max-content;
  max-width:calc(100% - 40px);
  pointer-events:none;
}
.tmc-settings-avatar-photo,
.tmc-settings-avatar .tmc-avatar-edit{
  pointer-events:auto;
}
.tmc-settings-cover .tmc-media-edit{
  z-index:5;
  pointer-events:auto;
}


/* ===== PROFESSIONAL UI / SETTINGS V20 ===== */
.btn{min-height:36px;padding:7px 13px;border-radius:8px;font-size:12px;font-weight:650;box-shadow:0 1px 2px rgba(17,24,39,.03)}
.btn:hover{transform:none;box-shadow:0 5px 14px rgba(34,55,100,.08);border-color:#ccd5e5}.btn-primary{box-shadow:0 4px 12px rgba(49,78,238,.16)}.btn-sm{min-height:30px;padding:5px 10px;font-size:11px}.btn-icon{width:36px}
.settings-panel{padding:22px}.settings-panel h1{font-size:26px}.settings-panel .field input,.settings-panel .field select,.settings-panel .field textarea{border-radius:9px}
.tmc-username-wrap{position:relative}.tmc-username-wrap input{padding-right:140px}.tmc-username-status{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;color:#7a8497}.tmc-username-status.ok{color:#16834e}.tmc-username-status.bad{color:#c23b4a}
.tmc-date-field{position:relative}.tmc-date-field input{cursor:pointer;padding-right:38px}.tmc-date-field>i{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#6d7890;pointer-events:none}
.tmc-multiselect{position:relative}.tmc-multiselect-control{width:100%;min-height:42px;border:1px solid #dfe4ef;background:#fff;border-radius:9px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;color:#7a8497}.tmc-multiselect-control>span{display:flex;gap:5px;flex-wrap:wrap}.tmc-multiselect-control em{font-style:normal;background:#eef2ff;color:#0b2f73;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.tmc-multiselect-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:90;background:#fff;border:1px solid #dfe4ef;border-radius:11px;padding:8px;box-shadow:0 14px 34px rgba(24,36,65,.15)}.tmc-multiselect.open .tmc-multiselect-menu{display:block}.tmc-multiselect-menu>input{width:100%;height:36px;border:1px solid #e1e6ef;border-radius:8px;padding:0 10px;margin-bottom:7px}.tmc-multiselect-options{max-height:220px;overflow:auto}.tmc-multiselect-option{display:flex;align-items:center;gap:9px;padding:8px;border-radius:7px;cursor:pointer;font-size:12px}.tmc-multiselect-option:hover{background:#f6f8fc}.tmc-multiselect-option input{width:auto!important}
.tmc-datepicker{display:none;position:absolute;z-index:10000;width:310px;background:#fff;border:1px solid #dfe4ef;border-radius:13px;padding:10px;box-shadow:0 18px 48px rgba(20,32,62,.18)}.tmc-datepicker.open{display:block}.tmc-dp-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:8px}.tmc-dp-head>button{width:34px;height:34px;border:0;background:#f4f6fb;border-radius:8px;cursor:pointer}.tmc-dp-head>div{display:flex;gap:6px}.tmc-dp-head select{flex:1;height:34px;border:1px solid #e1e6ef;border-radius:8px;background:#fff;padding:0 7px}.tmc-dp-week,.tmc-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.tmc-dp-week span{text-align:center;color:#8b94a6;font-size:9px;font-weight:800;padding:5px 0}.tmc-dp-grid button{height:34px;border:0;background:transparent;border-radius:8px;cursor:pointer;font-size:11px}.tmc-dp-grid button:hover{background:#eef2ff;color:#0b2f73}.tmc-dp-grid button.selected{background:#0b2f73;color:#fff}.tmc-dp-grid button:disabled{color:#c8ced9;cursor:not-allowed}.tmc-dp-foot{display:flex;justify-content:space-between;border-top:1px solid #edf0f5;margin-top:8px;padding-top:8px}.tmc-dp-foot button{border:0;background:transparent;color:#0b2f73;font-size:11px;font-weight:700;cursor:pointer}
.tmc-profile-gender{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#5f6b82;font-size:11px;font-weight:650}.tmc-profile-gender i.fa-mars{color:#3d73df}.tmc-profile-gender i.fa-venus{color:#d85a91}
.tmc-switch{position:relative;width:42px;height:24px;display:inline-block}.tmc-switch input{opacity:0;width:0;height:0}.tmc-switch span{position:absolute;inset:0;border-radius:999px;background:#d9dfeb;cursor:pointer;transition:.18s}.tmc-switch span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:.18s}.tmc-switch input:checked+span{background:#0b2f73}.tmc-switch input:checked+span:before{transform:translateX(18px)}
.tmc-danger-zone{margin-top:24px;padding:18px;border:1px solid #f1d5d9;background:#fffafb;border-radius:12px}.tmc-danger-zone h3{margin:0 0 5px;color:#b72c3d}.tmc-danger-zone form{max-width:480px;margin-top:14px}.tmc-btn-danger{color:#fff!important;background:#b72c3d!important;border-color:#b72c3d!important;margin-top:10px}

.tmc-saved-row{display:grid;grid-template-columns:28px 1fr 16px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.tmc-saved-row:last-child{border-bottom:0}.tmc-saved-row small{display:block;margin-top:3px;color:#7a8497;font-size:10px}

/* TripMates profile editor polish v24 */
.tmc-profile-editor{margin-top:22px;display:grid;gap:16px}
.tmc-editor-section{border:1px solid #e7ebf3;border-radius:14px;background:#fff;padding:18px 18px 19px}
.tmc-editor-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid #eef1f6}
.tmc-editor-section-head h3{margin:0 0 4px;font-size:15px;line-height:1.3;color:#10182b}.tmc-editor-section-head p{margin:0;color:#7b8597;font-size:11px}.tmc-editor-section-head>i{width:34px;height:34px;border-radius:9px;background:#f2f5ff;color:#0b2f73;display:grid;place-items:center;font-size:14px}
.tmc-profile-editor .form-grid{gap:14px 16px}.tmc-profile-editor .field label{font-size:11px;font-weight:700;color:#263149;margin-bottom:6px;display:block}.tmc-profile-editor .field small{display:block;margin-top:6px;color:#8b94a6;font-size:9.5px;line-height:1.45}.tmc-profile-editor .field input,.tmc-profile-editor .field select,.tmc-profile-editor .field textarea{min-height:40px;border:1px solid #dfe5ef;border-radius:9px;background:#fff;padding:9px 11px;font-size:11px;color:#10182b;outline:none;transition:border-color .15s,box-shadow .15s}.tmc-profile-editor .field textarea{min-height:92px;resize:vertical}.tmc-profile-editor .field input:focus,.tmc-profile-editor .field select:focus,.tmc-profile-editor .field textarea:focus{border-color:#1b5ca8;box-shadow:0 0 0 3px rgba(49,84,221,.08)}
.tmc-username-wrap{position:relative}.tmc-input-prefix{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:11px;color:#6e788c;z-index:2}.tmc-profile-editor .field input.tmc-prefixed-input{padding-left:26px;padding-right:112px}.tmc-username-status{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9.5px;font-weight:700}.tmc-username-status.ok{color:#159447}.tmc-username-status.bad{color:#d74444}
.tmc-profile-editor .tmc-multiselect-control{min-height:40px;border-color:#dfe5ef;border-radius:9px;padding:7px 10px;font-size:11px;color:#596579}.tmc-profile-editor .tmc-multiselect-control>span{align-items:center}.tmc-profile-editor .tmc-multiselect-control em{font-size:9.5px;padding:4px 7px;background:#eef2ff;color:#0b2f73}.tmc-profile-editor .tmc-multiselect-menu{display:none!important;border-radius:10px;box-shadow:0 18px 45px rgba(24,36,65,.16)}.tmc-profile-editor .tmc-multiselect.open .tmc-multiselect-menu{display:block!important}.tmc-profile-editor .tmc-multiselect-menu>input{height:36px!important;min-height:36px!important;font-size:10.5px!important;margin:0 0 7px!important}
.tmc-date-field{position:relative}.tmc-date-field>i{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#7d8799;pointer-events:none}.tmc-profile-editor .tmc-date-field input{padding-right:34px;cursor:pointer}
.tmc-editor-actions{display:flex;align-items:center;gap:9px;padding:2px 0 8px}.tmc-editor-actions .btn{min-height:35px;height:35px;padding:0 14px;border-radius:8px;font-size:10.5px;font-weight:700}.tmc-editor-actions .btn-primary{box-shadow:0 5px 13px rgba(49,84,221,.16)}
.settings-panel>.row.between.center .btn{height:34px;min-height:34px;padding:0 13px;border-radius:8px;font-size:10px}
@media(max-width:760px){.tmc-editor-section{padding:14px}.tmc-editor-section-head>i{display:none}.tmc-editor-actions{position:sticky;bottom:0;background:#fff;padding:10px 0;z-index:5}.tmc-profile-editor .field input.tmc-prefixed-input{padding-right:10px}.tmc-username-status{position:static;display:block;transform:none;margin-top:5px}}

/* v25 profile multiselect, profile actions and notifications */
.tmc-profile-editor .tmc-multiselect{position:relative;z-index:auto}
.tmc-profile-editor .tmc-multiselect.open{z-index:140}
.tmc-profile-editor .tmc-multiselect-menu{padding:8px;max-height:300px;overflow:hidden}
.tmc-profile-editor .tmc-multiselect-options{max-height:220px;overflow-y:auto;padding:2px}
.tmc-profile-editor .tmc-multiselect-option{min-height:34px!important;height:auto!important;padding:7px 8px!important;margin:0!important;display:flex!important;align-items:center!important;gap:9px!important;border-radius:7px;font-size:11px!important;line-height:1.25!important}
.tmc-profile-editor .tmc-multiselect-option input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;max-width:15px!important;max-height:15px!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;flex:0 0 15px!important}
.tmc-profile-editor .tmc-multiselect-option span{display:block!important;margin:0!important;padding:0!important;line-height:1.25!important;font-size:11px!important;color:#263149}
.tmc-profile-editor .tmc-multiselect-menu>input[type="search"]{display:block!important;width:100%!important;height:36px!important;min-height:36px!important;padding:0 10px!important;margin:0 0 7px!important}
.tmc-profile-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 13px}.tmc-profile-panel-head h2{font-size:19px;margin:0 0 3px}.tmc-profile-panel-head p{margin:0;color:var(--muted);font-size:11px}.tmc-profile-panel-head .btn{margin-left:auto;white-space:nowrap}

.tmc-notice-wrap{position:relative}.tmc-bell{border:0;background:transparent}.tmc-notification-dropdown{display:none;position:absolute;right:-54px;top:46px;width:390px;max-height:520px;background:#fff;border:1px solid #e6eaf2;border-radius:14px;box-shadow:0 18px 48px rgba(20,32,60,.16);z-index:180;overflow:hidden}.tmc-notification-dropdown.open{display:block}.tmc-notification-drop-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px 11px;border-bottom:1px solid #edf0f5}.tmc-notification-drop-head b{font-size:14px}.tmc-notification-drop-head small{display:block;color:#8a93a4;font-size:9.5px;margin-top:1px}.tmc-notification-drop-head a,.tmc-notification-drop-footer{font-size:10px;font-weight:700;color:#0b2f73}.tmc-notification-drop-list{max-height:390px;overflow:auto}.tmc-notification-mini{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px 13px;border-bottom:1px solid #f0f2f6;align-items:start}.tmc-notification-mini:hover{background:#f8faff}.tmc-notification-mini.unread{background:#f3f6ff}.tmc-notification-mini img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#edf1f7}.tmc-notification-mini b{display:block;font-size:10.5px;line-height:1.35}.tmc-notification-mini span{display:block;color:#667085;font-size:9.5px;line-height:1.4;margin-top:2px}.tmc-notification-mini small{display:block;color:#9aa2b1;font-size:8.5px;margin-top:4px}.tmc-notification-drop-footer{display:block;text-align:center;padding:11px;background:#fafbfe}.tmc-notification-empty{padding:34px 12px;text-align:center;color:#8892a4;font-size:10px}.tmc-notification-empty i{display:block;font-size:22px;margin-bottom:7px;color:#a4adbd}
.tmc-notifications-shell{max-width:980px}.tmc-notifications-card{padding:0;overflow:hidden}.tmc-notifications-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 16px}.tmc-notifications-top h1{font-size:24px;margin:0 0 4px}.tmc-notifications-top p{margin:0;color:var(--muted);font-size:11px}.tmc-notification-top-actions{display:flex;gap:8px}.tmc-notification-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--line)}.tmc-notification-tabs a{padding:10px 13px;font-size:11px;font-weight:700;color:#697386;border-bottom:2px solid transparent}.tmc-notification-tabs a.active{color:#0b2f73;border-color:#0b2f73}.tmc-notification-tabs span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;background:#eef2ff;border-radius:20px;font-size:9px;margin-left:4px}.tmc-notification-row{display:grid;grid-template-columns:48px 1fr 8px;gap:12px;align-items:center;padding:14px 24px;border-bottom:1px solid #f0f2f6}.tmc-notification-row:hover{background:#fafbfe}.tmc-notification-row.unread{background:#f5f7ff}.tmc-notification-avatar{width:46px;height:46px;position:relative}.tmc-notification-avatar img{width:46px;height:46px;border-radius:50%;object-fit:cover}.tmc-notification-avatar i{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#0b2f73;color:#fff;font-size:8px;border:2px solid #fff}.tmc-notification-copy b{display:block;font-size:11.5px}.tmc-notification-copy>span{display:block;color:#667085;font-size:10.5px;margin-top:2px}.tmc-notification-copy small{display:block;color:#98a1b2;font-size:9px;margin-top:5px}.tmc-unread-dot{width:7px;height:7px;border-radius:50%;background:#0b2f73}.tmc-notification-page-empty{text-align:center;padding:65px 20px}.tmc-notification-page-empty i{font-size:30px;color:#8290aa}.tmc-notification-page-empty h3{margin:10px 0 4px}.tmc-notification-page-empty p{margin:0;color:var(--muted);font-size:11px}
.tmc-notification-settings .tmc-settings-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid var(--line)}.tmc-notification-settings .tmc-settings-title h1{margin:0 0 4px}.tmc-notification-settings .tmc-settings-title p{margin:0;color:var(--muted);font-size:11px}.tmc-settings-title-icon{width:38px;height:38px;border-radius:10px;background:#f1f4ff;color:#0b2f73;display:grid;place-items:center}.tmc-notify-list{margin-top:4px}.tmc-notify-setting{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eef1f5}.tmc-notify-setting-icon{width:34px;height:34px;border-radius:9px;background:#f6f8fc;color:#51617c;display:grid;place-items:center;font-size:12px}.tmc-notify-setting b{font-size:11px}.tmc-notify-setting p{margin:2px 0 0;font-size:9.5px;color:#7c8799}.tmc-notify-extra{margin-top:14px;border-top:1px solid var(--line)}.tmc-notify-setting select{height:34px;border:1px solid #dfe4ef;border-radius:8px;padding:0 28px 0 10px;font-size:10px;background:#fff}.tmc-notify-security-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px;border-radius:10px;background:#f6f8ff;color:#3e4c67}.tmc-notify-security-note>i{color:#0b2f73;margin-top:2px}.tmc-notify-security-note b{font-size:10.5px}.tmc-notify-security-note p{font-size:9.5px;color:#738096;margin:2px 0 0}.tmc-settings-actions{display:flex;justify-content:flex-end;margin-top:16px}.tmc-settings-actions .btn{min-height:34px;height:34px;padding:0 13px;font-size:10px;border-radius:8px}
@media(max-width:760px){.tmc-notification-dropdown{position:fixed;left:12px;right:12px;top:66px;width:auto}.tmc-notifications-top{flex-direction:column}.tmc-notification-top-actions{width:100%}.tmc-notification-row{padding:12px 14px}.tmc-profile-panel-head{align-items:flex-start}.tmc-profile-panel-head p{padding-right:8px}}

/* v26 - compact social friends grid */
.tmc-friends-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:2px 0 16px}.tmc-friends-toolbar h2{margin:0 0 3px;font-size:18px;line-height:1.25;color:#101828}.tmc-friends-toolbar h2 span{font-size:13px;font-weight:700;color:#667085}.tmc-friends-toolbar p{margin:0;color:#7b8496;font-size:12px}.tmc-friend-search{width:min(330px,100%);height:40px;border:1px solid #dfe4ee;border-radius:12px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;box-shadow:0 1px 2px rgba(16,24,40,.03)}.tmc-friend-search:focus-within{border-color:#7d9bc9;box-shadow:0 0 0 3px rgba(69,75,255,.08)}.tmc-friend-search i{color:#8791a5;font-size:13px}.tmc-friend-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:13px;color:#111827}.tmc-friend-search input::placeholder{color:#98a2b3}.tmc-friends-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tmc-friend-card{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #e5e9f2;border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(16,24,40,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.tmc-friend-card:hover{border-color:#d3daf0;box-shadow:0 7px 20px rgba(16,24,40,.07);transform:translateY(-1px)}.tmc-friend-avatar{width:64px;height:64px;border-radius:13px;overflow:hidden;background:#f1f4f9;display:block}.tmc-friend-avatar img{width:100%;height:100%;display:block;object-fit:cover}.tmc-friend-info{min-width:0;display:flex;flex-direction:column;gap:2px}.tmc-friend-name{font-size:14px;font-weight:800;color:#111827;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmc-friend-name:hover{color:#0b2f73}.tmc-friend-handle{font-size:11px;color:#8b94a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmc-friend-location{display:flex;align-items:center;gap:5px;font-size:11px;color:#687386;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.tmc-friend-location i{font-size:10px;color:#8993a5}.tmc-friend-actions{display:flex;align-items:center;gap:5px}.tmc-icon-btn{width:30px;height:30px;border:1px solid #e0e5ef;border-radius:9px;background:#fff;color:#505b70;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;font-size:12px;padding:0;transition:.18s ease}.tmc-icon-btn:hover{border-color:#bfc9e3;background:#f6f7ff;color:#0b2f73}.tmc-friends-no-results{padding:42px 20px;text-align:center;color:#7c8699;display:flex;flex-direction:column;align-items:center;gap:5px}.tmc-friends-no-results[hidden]{display:none}.tmc-friends-no-results i{font-size:26px;color:#a1a9ba;margin-bottom:3px}.tmc-friends-no-results b{color:#344054;font-size:14px}.tmc-friends-no-results span{font-size:12px}
@media(max-width:1100px){.tmc-friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.tmc-friends-toolbar{align-items:stretch;flex-direction:column}.tmc-friend-search{width:100%}.tmc-friends-grid{grid-template-columns:1fr}.tmc-friend-card{grid-template-columns:58px minmax(0,1fr) auto;padding:10px}.tmc-friend-avatar{width:58px;height:58px}}


/* TripMates v27: slim fixed friends rail + reliable notification badge */
.notice .count[hidden]{display:none!important}
.tmc-page-with-contacts{padding-right:226px!important}
.tmc-page-with-contacts>.tmc-contacts-rail{position:fixed!important;right:12px!important;top:76px!important;width:202px!important;height:calc(100vh - 88px)!important;padding:10px 9px!important;border-radius:16px!important;z-index:50!important}
.tmc-contacts-head{padding:6px 6px 9px!important}
.tmc-contact{gap:8px!important;padding:7px 6px!important;border-radius:10px!important}
.tmc-contact-avatar{width:34px!important;height:34px!important}
.tmc-contact b{font-size:11.5px!important}
.tmc-contact small{font-size:9.5px!important}
@media(max-width:1180px){.tmc-page-with-contacts{padding-right:0!important}.tmc-page-with-contacts>.tmc-contacts-rail{display:none!important}}


/* TripMates v28: true slim fixed friends rail without squeezing the profile */
@media(min-width:1181px){
  .tmc-page-with-contacts{padding-right:0!important;position:relative!important}
  .tmc-page-with-contacts>.tmc-profile-page{width:calc(100% - 188px)!important;max-width:1240px!important;margin-left:auto!important;margin-right:188px!important}
  .tmc-page-with-contacts>.tmc-contacts-rail{position:fixed!important;right:10px!important;top:70px!important;bottom:10px!important;width:164px!important;height:auto!important;padding:8px 7px!important;border-radius:14px!important;z-index:90!important;background:#fff!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contacts-head{padding:5px 5px 8px!important;font-size:12px!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contacts-head span{font-size:11px!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-list{height:calc(100% - 34px)!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact{gap:7px!important;padding:6px 5px!important;border-radius:9px!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-avatar{width:30px!important;height:30px!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-avatar i{width:8px!important;height:8px!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact b{font-size:10.5px!important;line-height:1.2!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact small{font-size:8.5px!important;line-height:1.2!important}
}
@media(max-width:1180px){
  .tmc-page-with-contacts>.tmc-profile-page{width:auto!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
}

/* TripMates v29: consistent friends UI on profile + Friends page */
.tmc-friend-avatar{border-radius:50%!important;flex:0 0 auto}.tmc-friend-avatar img{border-radius:50%!important}
.tmc-friends-page-wrap{max-width:1180px}.tmc-friends-page-heading{margin-bottom:18px}.tmc-friends-page-heading h2{margin-bottom:3px}.tmc-friends-section{margin-top:18px}.tmc-friends-section+.tmc-friends-section{margin-top:24px}.tmc-friends-toolbar-simple{align-items:center}.tmc-compact-btn{height:36px!important;padding:0 13px!important;border-radius:10px!important;font-size:12px!important;display:inline-flex!important;align-items:center!important;gap:7px!important}
.tmc-friends-page .tmc-friends-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tmc-friends-page .tmc-friend-card{min-height:88px}.tmc-friends-page .tmc-friend-avatar{width:58px;height:58px}.tmc-friends-page .tmc-friend-name{font-size:13px}.tmc-friends-page .tmc-friend-actions{align-self:center}
@media(max-width:1100px){.tmc-friends-page .tmc-friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.tmc-friends-page .tmc-friends-grid{grid-template-columns:1fr}.tmc-friends-page-heading{align-items:flex-start;gap:12px}.tmc-friends-page .tmc-friend-card{grid-template-columns:52px minmax(0,1fr) auto}.tmc-friends-page .tmc-friend-avatar{width:52px;height:52px}}


/* TripMates v30: centered profile + online-only compact friends rail */
@media(min-width:1181px){
  .tmc-page-with-contacts{padding-right:0!important;position:relative!important}
  .tmc-page-with-contacts>.tmc-profile-page{
    width:calc(100% - 44px)!important;
    max-width:min(1240px,calc(100vw - 210px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail{
    position:fixed!important;
    top:74px!important;
    right:14px!important;
    bottom:14px!important;
    width:78px!important;
    height:auto!important;
    padding:10px 8px!important;
    border:1px solid #e5e9f2!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 28px rgba(16,24,40,.06)!important;
    z-index:90!important;
    overflow:hidden!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contacts-head{display:none!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-list{
    height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:11px!important;
    padding:1px 0!important;
    scrollbar-width:none!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-list::-webkit-scrollbar{display:none!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact{
    width:60px!important;
    min-width:60px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    text-align:center!important;
    text-decoration:none!important;
    border-radius:12px!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact:hover{background:#f7f8fc!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-avatar{
    position:relative!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:50%!important;
    overflow:visible!important;
    display:block!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-avatar img{
    width:42px!important;
    height:42px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    display:block!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-avatar i{
    position:absolute!important;
    right:-1px!important;
    bottom:1px!important;
    width:10px!important;
    height:10px!important;
    border-radius:50%!important;
    background:#18b867!important;
    border:2px solid #fff!important;
    box-sizing:border-box!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact>b{
    display:block!important;
    width:60px!important;
    max-width:60px!important;
    font-size:9px!important;
    line-height:1.15!important;
    font-weight:700!important;
    color:#283247!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact>span:not(.tmc-contact-avatar),
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact small{display:none!important}
}
@media(max-width:1180px){
  .tmc-page-with-contacts>.tmc-profile-page{width:min(var(--container),calc(100% - 44px))!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
  .tmc-page-with-contacts>.tmc-contacts-rail{display:none!important}
}


/* TripMates v31: resilient public-profile navigation */
.site-header{z-index:5000!important;pointer-events:auto!important}
.site-header .header-inner,.site-header .main-nav,.site-header .header-actions{pointer-events:auto!important}
.tmc-profile-tabs>a{appearance:none;border:0;background:transparent;color:#3b465c;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;padding:13px 17px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.tmc-profile-tabs>a:hover{background:#f6f8fc;color:#0b2f73}
.tmc-profile-tabs>a.active{background:#eef2ff;color:#0b2f73}
.tmc-profile-content{position:relative;z-index:1}
.tmc-profile-hero{position:relative;z-index:1}
@media(max-width:760px){.tmc-profile-tabs>a{padding:11px 12px;font-size:11px}}


/* TripMates v33: stable dropdown layers on every profile */
.tmc-account-menu,.tmc-notification-dropdown,.tmc-profile-menu{pointer-events:auto!important}
.tmc-account-menu{z-index:7000!important}
.tmc-notification-dropdown{z-index:7000!important}
.tmc-profile-buttons{position:relative!important}
.tmc-profile-menu{z-index:3000!important}

/* v34 unified dropdown stability */
.tmc-account-menu-wrap,.tmc-notice-wrap,.tmc-profile-buttons{position:relative!important;overflow:visible!important}
.tmc-account-menu,.tmc-notification-dropdown,.tmc-profile-menu{visibility:hidden;opacity:0;pointer-events:none!important;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
.tmc-account-menu.open,.tmc-notification-dropdown.open,.tmc-profile-menu.open{display:block!important;visibility:visible!important;opacity:1;pointer-events:auto!important;transform:translateY(0)}
.tmc-account-menu{z-index:10050!important}
.tmc-notification-dropdown{z-index:10040!important}
.tmc-profile-menu{z-index:10020!important;top:calc(100% + 8px)!important;right:0!important}
.site-header,.header-inner,.header-actions{overflow:visible!important}

/* TripMates v36: compact profile action menu anchored to the three-dot button */
.tmc-profile-more{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.tmc-profile-more .tmc-profile-menu{top:calc(100% + 7px)!important;right:0!important;left:auto!important;margin:0!important;transform:none!important}
.tmc-profile-menu.open{transform:none!important}

/* v36 scalable Facebook-style chat dock */
.tmc-chat-dock{right:18px;bottom:0;gap:10px;max-width:calc(100vw - 28px);align-items:flex-end;z-index:12000}
.tmc-chat-window{width:320px;height:410px;border-radius:14px 14px 0 0;box-shadow:0 16px 42px rgba(27,40,68,.22);transition:height .16s ease,transform .16s ease;background:#fff}
.tmc-chat-window.minimized{height:54px}
.tmc-chat-window.minimized .tmc-chat-messages,.tmc-chat-window.minimized .tmc-chat-input,.tmc-chat-window.minimized .tmc-chat-attachment-preview{display:none}
.tmc-chat-head{height:54px;box-sizing:border-box;padding:8px 10px;cursor:default}
.tmc-chat-head>a{display:flex;text-decoration:none;color:inherit}.tmc-chat-avatar-wrap{width:34px;height:34px;position:relative;display:block}.tmc-chat-avatar-wrap img{width:34px;height:34px;border-radius:50%;object-fit:cover}.tmc-chat-avatar-wrap i{position:absolute;right:-1px;bottom:0;width:9px;height:9px;background:#20b26b;border:2px solid #fff;border-radius:50%}
.tmc-chat-head>div{min-width:0}.tmc-chat-head b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmc-chat-head small{font-size:9px;color:#7b8496;margin-top:1px}.tmc-chat-head button{cursor:pointer;color:#59657b;display:grid;place-items:center;flex:0 0 auto}
.tmc-chat-messages{position:relative;padding:10px 10px 12px;background:#f6f8fc;scroll-behavior:auto}
.tmc-chat-load-old{display:block;margin:0 auto 8px;border:0;background:#e9edf5;color:#5c6680;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700;cursor:pointer}.tmc-chat-load-old[hidden]{display:none}
.tmc-chat-message{display:flex;margin:5px 0}.tmc-chat-message.me{justify-content:flex-end}.tmc-chat-message.them{justify-content:flex-start}
.tmc-chat-bubble{max-width:82%;margin:0;padding:8px 10px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid #e1e6ef;color:#26324a;font-size:12px;line-height:1.42;word-break:break-word}
.tmc-chat-message.me .tmc-chat-bubble{background:#0b2f73;color:#fff;border-color:#0b2f73;border-radius:14px 14px 4px 14px}
.tmc-chat-bubble>small{display:block;font-size:8px;opacity:.68;text-align:right;margin-top:4px}.tmc-chat-text+small{margin-top:4px}
.tmc-chat-image{display:block;margin:2px 0 4px}.tmc-chat-image img{display:block;max-width:190px;max-height:170px;border-radius:9px;object-fit:cover}
.tmc-chat-file{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;padding:5px 0}.tmc-chat-file>i{font-size:20px}.tmc-chat-file span{min-width:0}.tmc-chat-file b{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.tmc-chat-file small{display:block;text-align:left;margin-top:1px}
.tmc-chat-attachment-preview{padding:6px 10px;border-top:1px solid var(--line);background:#fff}.tmc-chat-attachment-preview>span{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:28px}.tmc-chat-attachment-preview button{float:right;margin-top:-22px;border:0;background:#f0f2f7;width:22px;height:22px;border-radius:50%;cursor:pointer}
.tmc-chat-input{align-items:center;padding:8px 9px;gap:6px}.tmc-chat-input input[type=text]{height:34px;min-width:0;padding:7px 11px;background:#f6f8fb}.tmc-chat-attach,.tmc-chat-send{width:34px!important;height:34px!important;border-radius:50%!important;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.tmc-chat-attach{background:#f1f3f8!important;color:#536079!important}.tmc-chat-send{background:var(--blue)!important;color:#fff!important}

/* v36 real messages page */
.tmc-messages-page{max-width:1120px}.tmc-messages-shell{min-height:calc(100vh - 120px);display:grid;grid-template-columns:360px 1fr;overflow:hidden}.tmc-message-sidebar{border-right:1px solid var(--line);background:#fff}.tmc-message-sidebar-head{padding:22px 20px 10px}.tmc-message-sidebar-head h1{margin:0;font-size:22px}.tmc-message-sidebar-head p{margin:4px 0 0;color:#7a8496;font-size:11px}.tmc-message-search{margin:7px 14px 12px;height:38px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#7c8597}.tmc-message-search input{border:0;outline:0;flex:1;min-width:0;font:inherit;font-size:11px}.tmc-message-list{max-height:calc(100vh - 235px);overflow-y:auto}.tmc-message-row{width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;border:0;background:transparent;padding:10px 14px;text-align:left;cursor:pointer}.tmc-message-row:hover,.tmc-message-row.unread{background:#f4f7ff}.tmc-message-row-avatar{position:relative;width:42px;height:42px}.tmc-message-row-avatar img{width:42px;height:42px;border-radius:50%;object-fit:cover}.tmc-message-row-avatar i{position:absolute;right:0;bottom:1px;width:9px;height:9px;border-radius:50%;background:#21b16a;border:2px solid #fff}.tmc-message-row-copy{min-width:0}.tmc-message-row-copy b{display:block;font-size:12px;color:#15213b}.tmc-message-row-copy small{display:block;margin-top:3px;color:#768095;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmc-message-row>em{font-style:normal;background:#0b2f73;color:#fff;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-size:9px;font-weight:800}.tmc-message-empty{text-align:center;padding:42px 22px;color:#748095}.tmc-message-empty i{display:block;font-size:28px;margin-bottom:10px}.tmc-message-empty b,.tmc-message-empty span{display:block}.tmc-message-empty span{font-size:10px;margin-top:5px}.tmc-message-welcome{display:grid;place-items:center;align-content:center;text-align:center;padding:50px;color:#67738a}.tmc-message-welcome>i{font-size:46px;color:#0b2f73}.tmc-message-welcome h2{color:#18243e;margin:14px 0 6px}.tmc-message-welcome p{max-width:480px;font-size:12px;line-height:1.65}.tmc-message-welcome .btn{margin-top:10px}

@media(max-width:900px){.tmc-messages-shell{grid-template-columns:1fr}.tmc-message-welcome{display:none}.tmc-message-sidebar{border-right:0}.tmc-chat-dock{right:8px}.tmc-chat-window{width:min(320px,calc(100vw - 16px))}.tmc-chat-window:not(:last-child){display:none}}


/* v38: chat launchers stay on the current page and open the bottom-right chat window */
button.tmc-contact{
  border:0;
  background:transparent;
  width:100%;
  font:inherit;
  color:inherit;
  text-align:left;
  cursor:pointer;
  padding:0;
}
button.tmc-icon-btn{
  font:inherit;
  cursor:pointer;
}


/* TripMates v43: online-friends rail interaction containment */
@media (min-width:1181px){
  .tmc-page-with-contacts>.tmc-contacts-rail{
    pointer-events:none!important;
    isolation:isolate!important;
    contain:layout paint!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-list,
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact{
    pointer-events:auto!important;
  }
}


/* TripMates v51: brand-blue UI, readable compact typography, friends/notification/profile polish */
:root{
  --blue:#0b2f73;
  --blue-2:#164a9c;
  --purple:#0b2f73;
  --purple-2:#1b5ca8;
  --tmc-brand-blue:#0b2f73;
  --tmc-brand-blue-hover:#08265f;
  --tmc-brand-blue-soft:#eef4ff;
  --tmc-brand-blue-line:#cddaf0;
}

/* Primary interactive language: logo blue, not purple. */
.btn{font-weight:600}
.btn-primary{background:var(--tmc-brand-blue);border-color:var(--tmc-brand-blue);box-shadow:0 4px 12px rgba(11,47,115,.16)}
.btn-primary:hover{background:var(--tmc-brand-blue-hover);border-color:var(--tmc-brand-blue-hover);box-shadow:0 7px 18px rgba(11,47,115,.18)}
.btn-soft,.icon-circle,.badge{background:var(--tmc-brand-blue-soft);color:var(--tmc-brand-blue)}
.link-blue,.main-nav a.active,.main-nav a:hover{color:var(--tmc-brand-blue)}
.main-nav{font-weight:600}
.main-nav a.active:after{background:var(--tmc-brand-blue)}
.settings-link{font-weight:600}
.settings-link.active,.settings-link:hover{background:var(--tmc-brand-blue-soft);color:var(--tmc-brand-blue)}
.tmc-profile-tabs>a{font-weight:600}
.tmc-profile-tabs>a:hover,.tmc-profile-tabs>a.active{background:var(--tmc-brand-blue-soft);color:var(--tmc-brand-blue)}
.tmc-icon-btn:hover{border-color:var(--tmc-brand-blue-line);background:var(--tmc-brand-blue-soft);color:var(--tmc-brand-blue)}
.tmc-friend-name{font-weight:600}.tmc-friend-name:hover{color:var(--tmc-brand-blue)}
.tmc-profile-tags{margin-top:13px;row-gap:8px}
.tmc-profile-tags span{background:var(--tmc-brand-blue-soft);color:var(--tmc-brand-blue);font-weight:600}
.tmc-profile-tags a{color:var(--tmc-brand-blue);font-weight:600}
.tmc-profile-headline{font-weight:600}

/* Gender belongs with profile metadata, with a clear icon on owner and public traveller profiles. */
.tmc-profile-meta .tmc-profile-gender{display:inline-flex;align-items:center;gap:5px;margin:0;color:#788297;font-size:11px;font-weight:500}
.tmc-profile-meta .tmc-profile-gender i{margin-right:0}
.tmc-profile-meta .tmc-profile-gender i.fa-mars{color:var(--tmc-brand-blue)}
.tmc-profile-meta .tmc-profile-gender i.fa-venus{color:#c84f83}

/* Friends page: one aligned search/actions row on desktop. */
.tmc-friends-page-heading{align-items:flex-start;gap:18px}
.tmc-friends-header-tools{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}
.tmc-friends-header-tools .tmc-friend-search{width:330px;height:40px;margin:0}
.tmc-friends-header-tools .tmc-compact-btn{height:40px!important;min-height:40px!important;margin:0;white-space:nowrap;font-weight:600!important}
.tmc-friend-search:focus-within{border-color:var(--tmc-brand-blue);box-shadow:0 0 0 3px rgba(11,47,115,.09)}
.tmc-friend-search input{font-size:13px;font-weight:400}
.tmc-friends-page-heading h2 span,.tmc-friends-toolbar h2 span{font-weight:500}

/* Small text should stay readable rather than looking artificially bold. */
.field label{font-weight:600}
.tmc-account-menu a{font-weight:500}
.tmc-account-menu-head b{font-weight:600}
.tmc-compact-btn,.btn-sm{font-weight:600}
.tmc-friend-handle,.tmc-friend-location{font-weight:400}

/* Edit Profile / Settings readability after switching to Segoe UI. */
.settings-panel{font-size:14px}
.settings-panel h1{font-size:27px;line-height:1.2}
.settings-panel>.row.between.center p{font-size:13px;line-height:1.5}
.settings-panel>.row.between.center .btn{font-size:12px;font-weight:600}
.tmc-editor-section{padding:19px 20px 20px}
.tmc-editor-section-head h3{font-size:16px;font-weight:600}
.tmc-editor-section-head p{font-size:12.5px;line-height:1.45}
.tmc-editor-section-head>i{background:var(--tmc-brand-blue-soft);color:var(--tmc-brand-blue)}
.tmc-profile-editor .field label{font-size:13px;font-weight:600;margin-bottom:7px}
.tmc-profile-editor .field input,.tmc-profile-editor .field select,.tmc-profile-editor .field textarea,.tmc-profile-editor .tmc-multiselect-control{font-size:13px;font-weight:400}
.tmc-profile-settings-form .field small{font-size:11.5px;line-height:1.45}
.tmc-editor-actions .btn{font-size:12.5px;font-weight:600}
.tmc-settings-media>p{font-size:12px}

/* Notifications: latest 10 in dropdown, larger readable type, exact unread badge count. */
.notice .count{width:auto;min-width:18px;height:18px;padding:0 4px;right:-2px;top:-2px;font-size:9.5px;font-weight:700;line-height:14px}
.tmc-notification-dropdown{width:400px}
.tmc-notification-drop-head b{font-size:15px;font-weight:600}
.tmc-notification-drop-head small{font-size:11px}
.tmc-notification-drop-head a,.tmc-notification-drop-footer{font-size:11.5px;font-weight:600;color:var(--tmc-brand-blue)}
.tmc-notification-mini{grid-template-columns:40px 1fr;gap:11px;padding:11px 14px}
.tmc-notification-mini img{width:40px;height:40px}
.tmc-notification-mini b{font-size:12.5px;font-weight:600;line-height:1.35}
.tmc-notification-mini span{font-size:11.5px;line-height:1.4}
.tmc-notification-mini small{font-size:10.5px;margin-top:4px}
.tmc-notification-mini.unread{background:#f3f7ff}
.tmc-notification-tabs a{font-size:12px;font-weight:600}
.tmc-notification-tabs a.active{color:var(--tmc-brand-blue);border-color:var(--tmc-brand-blue)}
.tmc-notification-tabs span{background:var(--tmc-brand-blue-soft);font-weight:600}
.tmc-notification-avatar i,.tmc-unread-dot{background:var(--tmc-brand-blue)}
.tmc-notification-copy b{font-size:13.5px;font-weight:600}
.tmc-notification-copy>span{font-size:12.5px;line-height:1.45}
.tmc-notification-copy small{font-size:11px}
.tmc-notifications-top p{font-size:12.5px}
.tmc-settings-title-icon{background:var(--tmc-brand-blue-soft);color:var(--tmc-brand-blue)}
.tmc-notification-settings .tmc-settings-title p{font-size:12.5px}
.tmc-notify-setting b{font-size:13px;font-weight:600}
.tmc-notify-setting p{font-size:11.5px;line-height:1.4}
.tmc-notify-setting select{font-size:12px}
.tmc-notify-security-note>i{color:var(--tmc-brand-blue)}
.tmc-notify-security-note b{font-size:12.5px;font-weight:600}
.tmc-notify-security-note p{font-size:11.5px}
.tmc-settings-actions .btn{font-size:12.5px;font-weight:600}

@media(max-width:760px){
  .tmc-friends-page-heading{flex-direction:column;align-items:stretch}
  .tmc-friends-header-tools{width:100%;margin-left:0;flex-wrap:wrap;justify-content:stretch}
  .tmc-friends-header-tools .tmc-friend-search{width:100%;flex:1 1 100%}
  .tmc-friends-header-tools .tmc-compact-btn{width:max-content}
  .tmc-notification-dropdown{width:auto}
}

/* TripMates v52: content-height online rail + compact four-column traveller directory */
@media (min-width:1181px){
  .tmc-page-with-contacts>.tmc-contacts-rail{
    top:78px!important;
    right:12px!important;
    bottom:auto!important;
    width:92px!important;
    height:auto!important;
    max-height:calc(100vh - 92px)!important;
    padding:9px 7px 8px!important;
    border-radius:16px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    pointer-events:auto!important;
    contain:layout paint!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contacts-head.tmc-online-head{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:2px 2px 8px!important;
    min-height:22px!important;
    flex:0 0 auto!important;
    border:0!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-online-head b{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    color:#44506a!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:600!important;
    white-space:nowrap!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-online-head b>i{
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    background:#19b968!important;
    display:block!important;
    flex:0 0 auto!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-list{
    height:auto!important;
    max-height:calc(100vh - 148px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    flex:0 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:9px!important;
    padding:2px 1px 4px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#ccd4e2 transparent!important;
    pointer-events:auto!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-list::-webkit-scrollbar{display:block!important;width:4px!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-list::-webkit-scrollbar-track{background:transparent!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-list::-webkit-scrollbar-thumb{background:#ccd4e2!important;border-radius:999px!important}
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact{
    width:72px!important;
    min-width:72px!important;
    gap:4px!important;
    padding:3px 2px!important;
    border-radius:11px!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-avatar,
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-avatar img{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact-avatar i{
    width:10px!important;
    height:10px!important;
    right:-1px!important;
    bottom:0!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-contact>b{
    width:70px!important;
    max-width:70px!important;
    min-height:22px!important;
    font-size:9.5px!important;
    line-height:1.15!important;
    font-weight:600!important;
    color:#283247!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    text-align:center!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-online-view-all{
    display:block!important;
    padding:7px 2px 2px!important;
    color:var(--tmc-brand-blue)!important;
    font-size:9.5px!important;
    font-weight:500!important;
    text-align:center!important;
    text-decoration:none!important;
    flex:0 0 auto!important;
    pointer-events:auto!important;
  }
  .tmc-page-with-contacts>.tmc-contacts-rail .tmc-online-view-all:hover{text-decoration:underline!important}
}

/* Find Travel Mates: smaller social cards, four per row on desktop. */
.tmc-traveller-grid.tmc-traveller-grid-compact{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.tmc-traveller-card-compact{
  min-width:0;
  min-height:228px;
  padding:20px 14px 18px;
  overflow:visible;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  border-radius:16px;
  box-shadow:0 4px 16px rgba(16,24,40,.04);
}
.tmc-traveller-card-compact .tmc-traveller-avatar{
  position:relative;
  left:auto;
  top:auto;
  transform:none;
  width:72px;
  height:72px;
  padding:3px;
  border:0;
  border-radius:50%;
  overflow:hidden;
  background:conic-gradient(#e84682,#ff8b35,#315bdc,#8744df,#e84682);
  box-shadow:none;
  flex:0 0 auto;
}
.tmc-traveller-card-compact .tmc-traveller-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border:3px solid #fff;
  border-radius:50%;
}
.tmc-traveller-card-compact .tmc-traveller-body{
  width:100%;
  padding:10px 0 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
}
.tmc-traveller-card-compact .tmc-traveller-body h3{
  margin:0;
  font-size:15px;
  line-height:1.25;
  font-weight:600;
  color:#111827;
  max-width:100%;
}
.tmc-traveller-card-compact .tmc-traveller-body h3 a{color:inherit;text-decoration:none}
.tmc-traveller-card-compact .tmc-traveller-handle{
  margin:5px 0 0;
  font-size:10.5px;
  line-height:1.3;
  color:#7a8497;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.tmc-traveller-card-compact .tmc-traveller-summary{
  min-height:34px;
  margin:8px 0 0;
  color:#657087;
  font-size:11.5px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.tmc-traveller-card-compact .tmc-traveller-actions{
  width:100%;
  margin-top:auto;
  padding-top:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:nowrap;
}
.tmc-traveller-card-compact .tmc-directory-action{
  min-height:32px;
  height:32px;
  padding:0 10px;
  border-radius:8px;
  font-size:11px;
  font-weight:500;
  white-space:nowrap;
  box-shadow:none;
}
.tmc-traveller-card-compact .tmc-directory-action i{font-size:10px}
.tmc-traveller-card-compact .friend-request-btn.accepted{background:#effaf5;border-color:#bfe8d4;color:#087a4b}
.tmc-traveller-card-compact .friend-request-btn.requested{background:#f6f8fb;border-color:#dfe5ee;color:#667085}

@media(max-width:1250px){
  .tmc-traveller-grid.tmc-traveller-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .tmc-traveller-grid.tmc-traveller-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .tmc-traveller-grid.tmc-traveller-grid-compact{grid-template-columns:1fr}
  .tmc-traveller-card-compact{min-height:214px}
}

/* =========================
   v54 Messaging polish
   ========================= */
.tmc-messages-route .tmc-chat-dock{display:none!important}

/* Compact bottom-right chat: slightly larger, easier-to-read text. */
.tmc-chat-head b{font-size:13px;font-weight:600}
.tmc-chat-head small{font-size:10.5px}
.tmc-chat-avatar-wrap.offline i{background:#aab3c2}
.tmc-chat-bubble{font-size:13px;line-height:1.48;padding:9px 11px}
.tmc-chat-bubble>small{font-size:9.5px;margin-top:5px}
.tmc-chat-input{position:relative;padding:8px 9px;gap:6px}
.tmc-chat-input-wrap{position:relative;flex:1;min-width:0}
.tmc-chat-input-wrap input[type=text]{width:100%;height:36px;min-width:0;padding:8px 12px!important;font-size:13px!important;line-height:1.3;background:#f6f8fb;border:1px solid #dbe2ec;border-radius:18px;outline:0}
.tmc-chat-input-wrap input[type=text]:focus{border-color:#2450b7;box-shadow:0 0 0 2px rgba(36,80,183,.10)}
.tmc-chat-emoji,.tmc-chat-attach,.tmc-chat-send{width:34px!important;height:34px!important;border-radius:50%!important;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.tmc-chat-emoji,.tmc-chat-attach{background:#f1f3f8!important;color:#536079!important}
.tmc-chat-emoji:hover,.tmc-chat-attach:hover{background:#e8edf5!important;color:#2450b7!important}
.tmc-chat-send{background:#2450b7!important;color:#fff!important}
.tmc-emoji-picker{position:absolute;left:0;bottom:43px;width:224px;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#fff;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 14px 38px rgba(24,36,62,.18);z-index:30}
.tmc-emoji-picker[hidden]{display:none!important}
.tmc-emoji-picker button{height:38px;border:0;background:transparent;border-radius:8px;font-size:21px;cursor:pointer;line-height:1}
.tmc-emoji-picker button:hover{background:#f2f5fa}

/* Full Messages page. */
.tmc-messages-page{max-width:1180px}
.tmc-messages-shell{height:calc(100vh - 112px);min-height:620px;grid-template-columns:350px minmax(0,1fr)}
.tmc-message-stage{min-width:0;height:100%;background:#fff}
.tmc-message-welcome{height:100%;box-sizing:border-box}
.tmc-message-conversation{height:100%;display:flex;flex-direction:column;min-width:0;background:#fff}
.tmc-message-conversation[hidden]{display:none!important}
.tmc-message-conversation-head{height:68px;flex:0 0 68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;border-bottom:1px solid var(--line);background:#fff}
.tmc-message-peer{display:flex;align-items:center;gap:11px;min-width:0;text-decoration:none;color:inherit}
.tmc-message-peer-avatar{position:relative;width:42px;height:42px;flex:0 0 42px}
.tmc-message-peer-avatar img{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block}
.tmc-message-peer-avatar i{position:absolute;right:0;bottom:1px;width:10px;height:10px;border-radius:50%;background:#20b26b;border:2px solid #fff}
.tmc-message-peer-avatar i[hidden]{display:none!important}
.tmc-message-peer>span:last-child{min-width:0}
.tmc-message-peer b{display:block;font-size:14px;font-weight:600;color:#13203a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmc-message-peer small{display:block;margin-top:2px;font-size:11px;color:#7a8497}
.tmc-message-profile-btn{height:36px;padding:0 12px;border:1px solid #dbe2ec;border-radius:9px;display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#26334e;font-size:12px;font-weight:500;background:#fff}
.tmc-message-profile-btn:hover{border-color:#2450b7;color:#2450b7;background:#f7f9ff}
.tmc-message-thread{position:relative;flex:1;min-height:0;overflow-y:auto;padding:18px 22px;background:#f7f9fc;scroll-behavior:auto}
.tmc-message-thread .tmc-chat-message{margin:7px 0}
.tmc-message-thread .tmc-chat-bubble{max-width:68%;font-size:14px;line-height:1.5;padding:10px 13px;border-radius:16px 16px 16px 5px}
.tmc-message-thread .tmc-chat-message.me .tmc-chat-bubble{border-radius:16px 16px 5px 16px}
.tmc-message-thread .tmc-chat-image img{max-width:300px;max-height:260px}
.tmc-message-thread .tmc-chat-file b{font-size:12px;max-width:260px}
.tmc-message-thread .tmc-chat-bubble>small{font-size:10px;margin-top:5px}
.tmc-message-load-old{display:block;margin:0 auto 12px;border:0;background:#e9eef6;color:#536079;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:500;cursor:pointer}
.tmc-message-load-old[hidden]{display:none!important}
.tmc-message-attachment-preview{flex:0 0 auto;padding:7px 16px;border-top:1px solid var(--line);background:#fff}
.tmc-message-attachment-preview[hidden]{display:none!important}
.tmc-message-attachment-preview>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#4b5870;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:30px}
.tmc-message-attachment-preview button{float:right;margin-top:-24px;border:0;background:#f1f3f7;width:24px;height:24px;border-radius:50%;cursor:pointer;color:#526079}
.tmc-message-composer{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:11px 14px;border-top:1px solid var(--line);background:#fff}
.tmc-message-tool,.tmc-message-send{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;font-size:14px}
.tmc-message-tool{background:#f0f3f8;color:#526079}
.tmc-message-tool:hover{background:#e7edf5;color:#2450b7}
.tmc-message-send{background:#2450b7;color:#fff}
.tmc-message-input-wrap{position:relative;flex:1;min-width:0}
.tmc-message-input-wrap input{width:100%;height:40px;border:1px solid #dbe2ec;border-radius:20px;padding:9px 14px;font-size:14px;line-height:1.35;outline:0;background:#f7f9fc;color:#17233c}
.tmc-message-input-wrap input:focus{background:#fff;border-color:#2450b7;box-shadow:0 0 0 2px rgba(36,80,183,.10)}
.tmc-full-emoji-picker{left:0;bottom:48px;width:246px;grid-template-columns:repeat(4,1fr)}
.tmc-message-row.active{background:#eef3ff}
.tmc-message-row:hover{background:#f5f7fb}
.tmc-message-row.unread:not(.active){background:#f7f9ff}
.tmc-message-row-avatar i{background:#20b26b}
.tmc-message-row-copy b{font-size:13px;font-weight:600}
.tmc-message-row-copy small{font-size:11px}
.tmc-message-search input{font-size:12px}

@media(max-width:900px){
  .tmc-messages-shell{height:auto;min-height:calc(100vh - 95px);grid-template-columns:1fr}
  .tmc-message-sidebar{min-height:calc(100vh - 95px)}
  .tmc-message-stage{display:none}
  .tmc-messages-route.has-open-message .tmc-message-sidebar{display:none}
  .tmc-messages-route.has-open-message .tmc-message-stage{display:block;min-height:calc(100vh - 95px)}
  .tmc-message-conversation{min-height:calc(100vh - 95px)}
  .tmc-message-thread{padding:14px 12px}
  .tmc-message-thread .tmc-chat-bubble{max-width:84%}
  .tmc-message-profile-btn span{display:none}
}
.tmc-message-back{display:none;width:36px;height:36px;border:0;border-radius:50%;background:#f0f3f8;color:#33415e;cursor:pointer;place-items:center;flex:0 0 36px}
@media(max-width:900px){.tmc-message-back{display:grid}.tmc-message-conversation-head{padding-left:10px}.tmc-message-peer{flex:1}}