:root{
  --tl-green-950:#063f32;
  --tl-green-900:#07503d;
  --tl-green-800:#0a6549;
  --tl-green-700:#0f7b55;
  --tl-green-600:#159563;
  --tl-green-500:#1fb873;
  --tl-green-400:#54d89a;
  --tl-green-100:#e7f7ef;
  --tl-cream:#fbfaf6;
  --tl-paper:#ffffff;
  --tl-ink:#18211e;
  --tl-muted:#7c8782;
  --tl-line:rgba(8,77,59,.12);
  --tl-shadow:0 12px 36px rgba(7,60,46,.10);
}

html,body{min-height:100%;}
body{
  color:var(--tl-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:not(#index-login){padding-top:76px;}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease;}

/* Wordmark */
.tl-wordmark{display:inline-flex;align-items:center;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-1.1px;line-height:1;color:inherit;font-size:30px;}
.tl-wordmark .tl-lane{font-weight:400;}
.tl-tagline{display:block;font-size:11px;letter-spacing:3px;text-transform:none;font-weight:400;margin-top:5px;opacity:.82;}
.navbar-brand .tl-wordmark{font-size:29px;color:#fff;}

/* Modern authenticated navbar */
.navbar-inverse:not(.navbar-user-ui){
  background:linear-gradient(110deg,rgba(6,71,54,.96),rgba(14,128,83,.94)) !important;
  border:0;
  min-height:68px;
  box-shadow:0 8px 28px rgba(3,44,33,.14);
}
.navbar-inverse .container{min-height:68px;}
.navbar-brand{height:68px;padding:19px 15px 15px;}
.navbar-inverse .navbar-nav>li>a{color:rgba(255,255,255,.9)!important;height:68px;padding-top:20px;padding-bottom:20px;}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{background:rgba(255,255,255,.08)!important;color:#fff!important;}
.navbar-form{margin-top:14px;margin-bottom:12px;}
.navbar-form .form-control.search-cls{width:300px;border-radius:999px;background:rgba(255,255,255,.97);border:0;box-shadow:none;padding-left:18px;height:40px;}
#buttonSearch{border:0;background:transparent;margin-left:-38px;color:#82908a;position:relative;z-index:2;}
.topbar .title-dropdown{font-size:0;}
.topbar>li>a{min-width:54px;text-align:center;}
.tl-nav-icon{display:inline-block;width:23px;height:23px;background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle;filter:brightness(0) invert(1);opacity:.94;}
.tl-nav-message{background-image:url('../img/icons/message-pen.svg');}
.tl-nav-discover{background-image:url('../img/icons/discover-newspaper.svg');}
.tl-nav-bell{background-image:url('../img/icons/notification-bell.svg');}
.notify{background:#fff!important;color:var(--tl-green-800)!important;border:2px solid var(--tl-green-700);box-shadow:none!important;}
/* Numeric badges only for the two upper navigation icons: Messages and Notifications */
.topbar>li>a{position:relative;}
#noti_msg.tl-top-badge,#noti_connect.tl-top-badge{
  position:absolute!important;
  top:9px!important;
  right:7px!important;
  min-width:19px;
  height:19px;
  padding:0 5px!important;
  display:none;
  align-items:center;
  justify-content:center;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--tl-green-800)!important;
  border:2px solid rgba(84,216,154,.95)!important;
  box-shadow:0 3px 9px rgba(2,43,32,.20)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:15px!important;
  letter-spacing:-.2px;
  z-index:20;
}
.userAvatar img{border-radius:50%!important;border:2px solid rgba(255,255,255,.75);}
.dropdown-settings{border-radius:12px!important;box-shadow:var(--tl-shadow)!important;border:1px solid var(--tl-line)!important;overflow:hidden;}

/* Quick messages dropdown */
.tl-message-dropdown{position:relative;}
.tl-message-popover{position:absolute;top:76px;right:0;width:360px;background:rgba(255,255,255,.99);border:1px solid rgba(7,84,61,.12);border-radius:18px;box-shadow:0 18px 42px rgba(4,49,37,.18);overflow:hidden;z-index:1200;}
.tl-message-popover-head,.tl-message-popover-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#f8fffb,#f0f8f4);border-bottom:1px solid var(--tl-line);}
.tl-message-popover-head strong{font-size:16px;font-weight:750;color:var(--tl-ink);}
.tl-message-popover-head a,.tl-message-popover-foot a{font-size:13px;font-weight:700;color:var(--tl-green-800)!important;}
.tl-message-popover-foot{border-top:1px solid var(--tl-line);border-bottom:0;justify-content:center;background:#fff;}
.tl-message-popover-body{max-height:420px;overflow:auto;padding:8px;}
.tl-message-dropdown-state{padding:18px 14px;color:var(--tl-muted);font-size:14px;line-height:1.45;}
.tl-message-item{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:14px;text-decoration:none!important;color:inherit!important;position:relative;}
.tl-message-item:hover{background:rgba(10,123,85,.06);}
.tl-message-item + .tl-message-item{margin-top:2px;}
.tl-message-item-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 40px;border:1px solid rgba(7,84,61,.10);background:#f1f4f3;}
.tl-message-item-main{flex:1;min-width:0;display:block;}
.tl-message-item-top{display:flex;align-items:center;gap:6px;color:var(--tl-ink);font-size:14px;line-height:1.2;}
.tl-message-item-top strong{font-size:14px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;}
.tl-message-item-top em{margin-left:auto;font-style:normal;font-size:12px;color:var(--tl-muted);flex:0 0 auto;}
.tl-message-item-user{display:block;font-size:12px;color:var(--tl-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tl-message-item-preview{display:block;font-size:13px;color:#44524d;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tl-message-item-unread{width:10px;height:10px;border-radius:50%;background:var(--tl-green-500);flex:0 0 10px;box-shadow:0 0 0 4px rgba(31,184,115,.12);}
@media (max-width:991px){.tl-message-popover{width:330px;right:-20px;}}

/* Verified badge: chosen green scalloped seal */
i.verified{display:inline-block!important;width:18px;height:18px;background:url('../img/verified-badge.svg') center/contain no-repeat!important;vertical-align:-3px;color:transparent!important;font-size:0!important;margin-left:3px;}
i.verified:before{display:none!important;content:""!important;}
i.verified.verified-sm{width:19px;height:19px;}
i.verified.verified-min{width:17px;height:17px;}

/* Shared card language */
.panel,.list-group,.tl-card{
  border-radius:18px;
  border:1px solid rgba(7,84,61,.11);
  box-shadow:var(--tl-shadow);
}
.panel{overflow:hidden;background:rgba(255,255,255,.97);}
.panel-heading,.panel-footer{background:rgba(248,250,248,.96)!important;border-color:var(--tl-line)!important;}
.panel-heading.grid-panel-title{font-size:19px;font-weight:700;color:var(--tl-ink);padding:18px 22px;}
.btn-info,.btn-primary,.btn-success{
  background:linear-gradient(135deg,var(--tl-green-700),var(--tl-green-500))!important;
  border-color:transparent!important;
  color:#fff!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.btn-info:hover,.btn-primary:hover,.btn-success:hover{background:linear-gradient(135deg,var(--tl-green-800),var(--tl-green-600))!important;}

/* Home after login */
.container-auth{padding-top:18px;}
.tl-home-grid{display:flex;gap:26px;align-items:flex-start;}
.tl-home-main{flex:1;min-width:0;}
.tl-home-side{width:330px;flex:0 0 330px;}
.tl-home-side .panel{margin-bottom:20px;}
.tl-composer{border-radius:20px!important;margin-bottom:20px;}
.tl-composer .panel-body{padding:22px 22px 8px;}
.tl-composer .panel-footer{padding:13px 18px;min-height:66px;}
.tl-composer textarea{border:1px solid rgba(7,84,61,.12);border-radius:16px!important;min-height:100px;box-shadow:none!important;background:#fff;padding:17px 18px;font-size:18px;resize:none;}
.tl-composer textarea:focus{border-color:rgba(20,145,92,.42);box-shadow:0 0 0 3px rgba(42,189,119,.08)!important;}
.tl-composer .btn-share{color:#62706b!important;font-size:18px!important;padding:10px 13px!important;}
.tl-composer #button_add{font-weight:700;padding:9px 22px!important;border-radius:10px!important;}
.tl-mobile-trends{display:none;}

/* Trending - Hoy en TakeLane */
.tl-trending-panel .panel-heading{padding:18px 20px!important;background:linear-gradient(135deg,#f8fffb,#eef8f2)!important;}
.tl-trending-title{display:flex;align-items:center;gap:10px;font-weight:750;font-size:20px;color:var(--tl-ink);}
.tl-icon-bulb{display:inline-block;width:25px;height:25px;background:url('../img/icons/bulb.svg') center/contain no-repeat;filter:none;color:#159563;}
.tl-trending-subtitle{font-size:12px;color:var(--tl-muted);margin-top:4px;font-weight:400;}
.tl-trend-list{list-style:none;margin:0;padding:0;}
.tl-trend-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--tl-line);}
.tl-trend-list li:last-child{border-bottom:0;}
.tl-trend-rank{width:28px;height:28px;border-radius:50%;background:var(--tl-green-100);display:flex;align-items:center;justify-content:center;color:var(--tl-green-800);font-size:12px;font-weight:700;flex:0 0 28px;}
.tl-trend-main{flex:1;min-width:0;}
.tl-trend-main a{font-weight:700;color:var(--tl-green-800)!important;font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tl-trend-count{font-size:12px;color:var(--tl-muted);}
.tl-trending-empty{padding:8px 0;color:var(--tl-muted);line-height:1.5;}

/* Profile card */
.cover-wall{border-radius:0!important;}
.user-name-profile-card{font-size:20px!important;}
.nav-user-profile-wall{border-top:1px solid var(--tl-line);padding:10px 12px 6px!important;}

/* Feed cards from legacy AJAX */
.panel-live{border-radius:20px!important;}
.posts .panel-posts,.panel-posts{
  border-radius:18px!important;
  margin-bottom:16px!important;
  border:1px solid rgba(7,84,61,.10)!important;
  box-shadow:0 8px 28px rgba(7,60,46,.08)!important;
  background:rgba(255,255,255,.98)!important;
  overflow:hidden;
}
.panel-posts .panel-heading.timeline-title{background:#fff!important;padding:16px 18px 8px!important;border-bottom:0!important;}
.panel-posts .panel-body{padding:12px 18px 16px!important;}
.panel-posts .p-text{font-size:16px;line-height:1.55;color:#26312d;}
.panel-posts .list-options{display:flex;gap:18px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(7,84,61,.08);margin-top:14px!important;}
.panel-posts .list-options a{color:#60706a!important;font-size:13px;}
.panel-posts .list-options a:hover{color:var(--tl-green-700)!important;}
.panel-posts .photoPost{border-radius:12px;margin-top:8px;}
.panel-posts .date-status{color:#95a09c!important;}
.panel-posts .text-user-timeline{color:#89938f;}
.panel-posts .text-user-timeline strong a{color:#1d2925!important;}

/* Discover */
.tl-discover-only .list-group-item{border-radius:14px!important;font-weight:700;padding:16px 18px;}
.tl-discover-only .list-group-item.active{background:linear-gradient(135deg,var(--tl-green-700),var(--tl-green-500))!important;border-color:transparent!important;color:#fff!important;}
.tl-newspaper-mark{display:inline-block;width:22px;height:22px;background:url('../img/icons/discover-newspaper.svg') center/contain no-repeat;vertical-align:-5px;margin-right:9px;}

/* Messages */
.tl-messages-page .container-auth{max-width:1240px;}
.tl-messages-shell{display:grid;grid-template-columns:360px 1fr;min-height:690px;background:rgba(255,255,255,.98);border:1px solid rgba(7,84,61,.12);border-radius:22px;overflow:hidden;box-shadow:0 14px 44px rgba(5,54,41,.13);}
.tl-messages-sidebar{border-right:1px solid var(--tl-line);background:linear-gradient(180deg,#fff,#fbfdfb);padding:24px 0;}
.tl-messages-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 22px 16px;}
.tl-messages-sidebar-head h2{margin:0;font-size:26px;font-weight:750;}
.tl-messages-search{margin:0 18px 14px;position:relative;}
.tl-messages-search input{height:44px;border:1px solid rgba(7,84,61,.12);border-radius:12px;box-shadow:none;padding-left:40px;background:#fbfcfb;}
.tl-messages-search i{position:absolute;left:14px;top:13px;color:#91a09a;}
.tl-thread-list{margin:0;padding:0;list-style:none;}
.tl-thread-item{display:flex;gap:12px;padding:15px 20px;border-bottom:1px solid rgba(7,84,61,.08);cursor:pointer;align-items:center;position:relative;transition:.18s ease;}
.tl-thread-item:hover,.tl-thread-item.active{background:linear-gradient(90deg,#eaf8f0,#f7fcf9);}
.tl-thread-item.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--tl-green-600);}
.tl-thread-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;flex:0 0 50px;background:#e8ecea;}
.tl-thread-main{flex:1;min-width:0;}
.tl-thread-row{display:flex;align-items:center;gap:6px;}
.tl-thread-name{font-weight:750;color:#24302c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tl-thread-user{font-size:12px;color:#94a09b;}
.tl-thread-preview{font-size:13px;color:#6f7d77;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;}
.tl-thread-date{margin-left:auto;align-self:flex-start;color:#9aa5a1;font-size:11px;white-space:nowrap;}
.tl-thread-arrow{color:#a2aaa7;}
.tl-chat{display:flex;flex-direction:column;min-width:0;min-height:690px;background:#fff;}
.tl-chat-empty{height:100%;display:flex;align-items:center;justify-content:center;padding:40px;text-align:center;color:#88938f;}
.tl-chat-header{height:82px;padding:14px 22px;display:flex;align-items:center;border-bottom:1px solid var(--tl-line);background:#fff;}
.tl-chat-back{display:none;border:0;background:none;font-size:20px;color:var(--tl-green-800);padding:8px 10px 8px 0;}
.tl-chat-header-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:12px;background:#e8ecea;}
.tl-chat-header-name{font-size:18px;font-weight:750;line-height:1.15;}
.tl-chat-header-user{font-size:13px;color:#8b9692;margin-top:3px;}
.tl-chat-menu-wrap{position:relative;margin-left:10px;flex:0 0 auto;}
.tl-chat-menu-toggle{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#7c8782;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.18s ease;}
.tl-chat-menu-toggle:hover,.tl-chat-menu-toggle[aria-expanded="true"]{background:#eef6f2;color:var(--tl-green-800);}
.tl-chat-menu{position:absolute;right:0;top:46px;z-index:30;min-width:190px;padding:7px;background:#fff;border:1px solid var(--tl-line);border-radius:14px;box-shadow:0 14px 35px rgba(5,54,41,.16);}
.tl-chat-menu button{width:100%;border:0;background:transparent;border-radius:10px;text-align:left;padding:11px 12px;display:flex;align-items:center;gap:10px;font-weight:700;}
.tl-chat-menu-danger{color:#c73434!important;}
.tl-chat-menu-danger:hover{background:#fff0f0!important;}
.tl-chat-log{flex:1;overflow:auto;padding:30px 26px 24px;background:linear-gradient(180deg,#fff 0%,#fcfdfc 100%);}
.tl-chat-loading,.tl-chat-empty-copy{text-align:center;color:#95a09c;padding-top:80px;}
.tl-bubble-wrap{display:flex;width:100%;margin:8px 0;}
.tl-bubble-wrap.mine{justify-content:flex-end;}
.tl-bubble-wrap.theirs{justify-content:flex-start;}
.tl-bubble{max-width:72%;padding:11px 14px 8px;border-radius:16px;line-height:1.45;word-break:break-word;box-shadow:0 1px 0 rgba(0,0,0,.02);}
.tl-bubble.mine{background:#dff5e9;border-bottom-right-radius:5px;color:#173126;}
.tl-bubble.theirs{background:#f1f3f2;border-bottom-left-radius:5px;color:#26312d;}
.tl-bubble-time{display:block;font-size:10px;color:#8b9892;margin-top:5px;text-align:right;}
.tl-bubble.has-image{padding:7px;max-width:min(72%,380px);}
.tl-message-image-link{display:block;line-height:0;}
.tl-message-image{display:block;max-width:100%;width:auto;max-height:360px;border-radius:12px;object-fit:cover;background:#e9eeeb;}
.tl-message-caption{padding:8px 7px 2px;line-height:1.4;}
.tl-chat-compose{display:block;padding:12px 18px 16px;border-top:1px solid var(--tl-line);background:#fff;}
.tl-chat-compose-row{display:flex;align-items:center;gap:10px;}
.tl-chat-compose-row input[type="text"],.tl-chat-compose-row input.form-control{height:46px;border:1px solid rgba(7,84,61,.13);border-radius:999px;box-shadow:none;padding:0 18px;flex:1;}
.tl-chat-attach{width:46px;height:46px;border:1px solid rgba(7,84,61,.13)!important;border-radius:50%!important;background:#f7fbf9!important;color:var(--tl-green-700)!important;padding:0!important;font-size:17px!important;display:flex!important;align-items:center;justify-content:center;}
.tl-chat-attach:hover{background:#eaf8f0!important;}
.tl-chat-send{width:48px!important;height:48px!important;border-radius:50%!important;padding:0!important;font-size:18px!important;display:flex!important;align-items:center;justify-content:center;background:var(--tl-green-700)!important;border-color:var(--tl-green-700)!important;}
.tl-chat-attachment-preview{display:flex;align-items:center;gap:11px;margin:0 0 10px 56px;padding:9px 10px;border:1px solid rgba(7,84,61,.12);border-radius:13px;background:#f8fbf9;}
.tl-chat-attachment-preview[hidden]{display:none!important;}
.tl-chat-attachment-preview img{width:56px;height:56px;object-fit:cover;border-radius:9px;background:#e9eeeb;}
.tl-chat-attachment-meta{min-width:0;flex:1;}
.tl-chat-attachment-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#25312d;font-size:13px;}
.tl-chat-attachment-meta span{display:block;color:#8c9893;font-size:11px;margin-top:2px;}
.tl-chat-attachment-preview button{width:32px!important;height:32px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#84908b!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;}
.tl-chat-attachment-preview button:hover{background:#edf3f0!important;color:#c73434!important;}
.tl-chat-status{margin:0 18px 12px;display:none;}

@media (min-width:768px){
  .tl-messages-page{overflow:hidden;}
  .tl-messages-page .container-auth{height:calc(100vh - 94px);padding-top:10px;padding-bottom:10px;}
  .tl-messages-shell{height:100%;min-height:0;}
  .tl-messages-sidebar{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
  .tl-thread-list{flex:1;min-height:0;overflow-y:auto;}
  .tl-chat{height:100%;min-height:0;}
  .tl-chat-log{min-height:0;}
}


/* Guest / login landing */
#index-login{padding:0!important;background:radial-gradient(circle at 76% 8%,rgba(34,183,116,.18),transparent 28%),linear-gradient(135deg,#063d31 0%,#07503d 50%,#06382e 100%)!important;color:#fff;min-height:100vh;}
#index-login:before,#index-login:after{content:"";position:fixed;border-radius:50%;pointer-events:none;opacity:.22;filter:blur(.2px);}
#index-login:before{width:520px;height:520px;left:-220px;top:-240px;background:#0f7658;}
#index-login:after{width:620px;height:620px;right:-310px;bottom:-340px;background:#0d6b50;}
.tl-guest-top{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:0 auto;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:2;}
.tl-guest-top .tl-wordmark{font-size:29px;color:#fff;}
.tl-language{position:relative;}
.tl-language>a{color:#fff!important;font-size:13px;text-decoration:none;}
.tl-language .dropdown-menu{right:0;left:auto;border-radius:12px;overflow:hidden;}
.tl-guest-shell{max-width:1220px;margin:0 auto;min-height:calc(100vh - 78px);min-height:calc(100dvh - 78px);box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:72px;align-items:center;padding:54px 28px 70px;position:relative;z-index:1;}
.tl-guest-hero{padding:10px 0 40px;}
.tl-guest-kicker{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.68);margin-bottom:22px;}
.tl-guest-title{font-family:Georgia,'Times New Roman',serif;font-size:76px;line-height:.93;letter-spacing:-3px;margin:0;color:#fff;font-weight:400;max-width:660px;}
.tl-guest-title .accent{color:#44df91;display:block;}
.tl-guest-copy{font-size:19px;line-height:1.55;color:rgba(255,255,255,.78);max-width:560px;margin:26px 0 34px;}
.tl-guest-rule{width:56px;height:2px;background:#50d996;margin:0 0 32px;}
.tl-guest-points{display:flex;gap:34px;flex-wrap:wrap;color:rgba(255,255,255,.78);}
.tl-guest-point{font-size:13px;letter-spacing:.4px;}
.tl-guest-point strong{display:block;color:#fff;font-size:14px;margin-bottom:4px;}
.tl-auth-wrap{width:100%;max-width:470px;justify-self:end;}
.tl-auth-card{border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px);padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.10);}
.tl-auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;background:rgba(255,255,255,.07);padding:4px;margin-bottom:24px;}
.tl-auth-tab{border:0;background:transparent;color:rgba(255,255,255,.67);padding:12px;border-radius:11px;font-weight:700;}
.tl-auth-tab.active{background:linear-gradient(135deg,#19885c,#36ba79);color:#fff;}
.tl-auth-heading{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:400;margin:0 0 10px;color:#fff;}
.tl-auth-note{color:rgba(255,255,255,.66);font-size:14px;line-height:1.55;margin-bottom:20px;}
#index-login .form-group{position:relative;margin-bottom:12px;}
#index-login .login-field{height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.07);color:#fff;padding:0 44px 0 16px;font-size:15px;box-shadow:none;}
#index-login .login-field::placeholder{color:rgba(255,255,255,.55);}
#index-login .login-field:focus{border-color:rgba(72,225,146,.75);box-shadow:0 0 0 3px rgba(72,225,146,.10);}
#index-login .login-field-icon{position:absolute;right:15px;left:auto;top:50%;transform:translateY(-50%);margin:0;width:auto;height:auto;line-height:1;color:rgba(255,255,255,.64);pointer-events:none;}
#index-login .btn{height:50px;border-radius:11px!important;font-weight:750;font-size:15px;}
#index-login .login-link,#index-login .login-link-2{color:rgba(255,255,255,.76)!important;text-decoration:underline;margin:14px 0 0;display:block;text-align:center;}
#index-login .checkbox-inline{color:rgba(255,255,255,.76);}
#index-login .label-terms{color:rgba(255,255,255,.76)!important;}
#index-login .alert{border:0;border-radius:10px;font-size:13px;padding:10px 12px;}
.tl-signup-form{display:none;}
/* Registration view: the legacy form is taller than sign-in. Keep it inside the visible desktop viewport. */
#index-login.tl-signup-active .tl-guest-shell{
  min-height:calc(100vh - 78px);
  min-height:calc(100dvh - 78px);
  height:calc(100vh - 78px);
  height:calc(100dvh - 78px);
  box-sizing:border-box;
  padding:18px 28px 22px;
  align-items:center;
}
#index-login.tl-signup-active .tl-guest-hero{padding-top:0;padding-bottom:0;align-self:center;}
#index-login.tl-signup-active .tl-auth-wrap{align-self:center;}
#index-login.tl-signup-active .tl-auth-card{padding:18px 24px;}
#index-login.tl-signup-active .tl-auth-tabs{margin-bottom:12px;padding:4px;}
#index-login.tl-signup-active .tl-auth-tab{padding:9px 12px;}
#index-login.tl-signup-active .tl-auth-heading{font-size:31px;line-height:1.05;margin-bottom:4px;}
#index-login.tl-signup-active .tl-auth-note{font-size:13px;line-height:1.35;margin-bottom:8px;}
#index-login.tl-signup-active #signup_form{float:none!important;width:100%!important;padding:0!important;margin:0!important;border:0!important;box-sizing:border-box!important;}
#index-login.tl-signup-active #signup_form .form-group{position:relative!important;margin:0 0 7px!important;padding:0!important;float:none!important;width:100%!important;}
#index-login.tl-signup-active #signup_form .login-field{display:block!important;float:none!important;width:100%!important;height:42px!important;margin:0!important;padding:0 42px 0 14px!important;box-sizing:border-box!important;}
#index-login.tl-signup-active #signup_form .login-field-icon{position:absolute!important;right:14px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;line-height:1!important;float:none!important;display:block!important;z-index:3!important;}
#index-login.tl-signup-active #signup_form #buttonSubmit{float:none!important;display:block!important;width:100%!important;height:42px!important;margin:1px 0 0!important;padding:0 18px!important;background:linear-gradient(135deg,var(--tl-green-700),var(--tl-green-500))!important;border:0!important;color:#fff!important;text-shadow:none!important;box-shadow:none!important;border-radius:11px!important;}
#index-login.tl-signup-active #signup_form .checkbox-inline{display:inline-flex!important;align-items:center!important;margin:7px 0 0!important;padding-left:0!important;font-size:12px!important;line-height:1.2!important;}
#index-login.tl-signup-active #signup_form input#terms{position:static!important;width:auto!important;height:auto!important;margin:0 7px 0 0!important;padding:0!important;}
#index-login.tl-signup-active .tl-guest-foot{margin-top:8px;}

/* Short desktop/laptop viewports (the case that previously pushed the registration card below the fold). */
@media (min-width:768px) and (max-height:820px){
  #index-login.tl-signup-active .tl-guest-shell{padding-top:12px;padding-bottom:14px;}
  #index-login.tl-signup-active .tl-auth-card{padding:14px 20px;}
  #index-login.tl-signup-active .tl-auth-tabs{margin-bottom:9px;}
  #index-login.tl-signup-active .tl-auth-tab{padding:8px 10px;}
  #index-login.tl-signup-active .tl-auth-heading{font-size:28px;margin-bottom:3px;}
  #index-login.tl-signup-active .tl-auth-note{font-size:12px;margin-bottom:6px;}
  #index-login.tl-signup-active #signup_form .form-group{margin-bottom:5px!important;}
  #index-login.tl-signup-active #signup_form .login-field{height:39px!important;}
  #index-login.tl-signup-active #signup_form #buttonSubmit{height:39px!important;}
  #index-login.tl-signup-active #signup_form .checkbox-inline{margin-top:5px!important;font-size:11px!important;}
  #index-login.tl-signup-active .tl-guest-foot{display:none;}
}
.tl-recover-head{text-align:center;margin-bottom:22px;}
.tl-recover-head h2{font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:400;color:#fff;margin:0 0 12px;}
.tl-recover-head p{color:rgba(255,255,255,.66);line-height:1.5;}
.tl-guest-foot{margin-top:18px;text-align:center;color:rgba(255,255,255,.45);font-size:11px;letter-spacing:2px;text-transform:uppercase;}

/* Settings pages */
.tl-account-panel{border-radius:18px!important;}
.tl-account-panel .panel-heading{padding:18px 22px!important;}
.tl-account-panel .panel-body{padding:24px!important;}
.list-group{overflow:hidden;}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{background:linear-gradient(135deg,var(--tl-green-700),var(--tl-green-500))!important;border-color:transparent!important;}

/* Mobile nav */
.tl-mobile-nav{display:none;}

@media (max-width: 991px){
  body:not(#index-login){padding-top:68px;padding-bottom:82px;}
  .navbar-form{margin:10px 15px 12px;}
  .navbar-form .form-control.search-cls{width:100%;}
  .navbar-collapse{background:rgba(6,72,54,.98);border:0!important;box-shadow:none!important;}
  .topbar{display:none!important;}
  .tl-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:14px;right:14px;bottom:12px;z-index:1100;background:rgba(5,69,52,.96);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:7px 4px;box-shadow:0 16px 40px rgba(0,0,0,.22);}
  .tl-mobile-nav a{color:rgba(255,255,255,.76)!important;text-align:center;padding:6px 3px 5px;text-decoration:none;font-size:10px;position:relative;}
  .tl-mobile-nav a.active,.tl-mobile-nav a:hover{color:#65eda9!important;}
  .tl-mobile-nav .tl-nav-icon{display:block;margin:0 auto 2px;width:25px;height:25px;}
  .tl-mobile-nav .tl-home-icon{background-image:url('../img/icons/home.svg');}
  .tl-mobile-nav .tl-profile-icon{background-image:url('../img/icons/profile.svg');}
  .tl-mobile-nav .notify{top:-3px;right:12px;}
  .tl-mobile-nav .tl-mobile-badge{
    position:absolute!important;
    top:-2px!important;
    right:9px!important;
    min-width:18px;
    height:18px;
    padding:0 4px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--tl-green-800)!important;
    border:2px solid rgba(84,216,154,.95)!important;
    box-shadow:0 3px 9px rgba(2,43,32,.20)!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:14px!important;
    text-align:center;
    z-index:20;
  }
  .tl-home-grid{display:block;}
  .tl-home-side{width:auto;display:none;}
  .tl-mobile-trends{display:block;margin-bottom:18px;}
  .container-auth{padding-left:14px;padding-right:14px;}
  .tl-composer{margin-top:4px;}
}

@media (max-width: 767px){
  #index-login.tl-signup-active .tl-guest-shell{height:auto;min-height:calc(100vh - 66px);min-height:calc(100dvh - 66px);padding-top:18px;padding-bottom:28px;}
  #index-login.tl-signup-active .tl-auth-card{padding:16px;}
  #index-login.tl-signup-active .tl-auth-heading{font-size:29px;}
  #index-login.tl-signup-active #signup_form .login-field{height:45px!important;}
  #index-login.tl-signup-active #signup_form #buttonSubmit{height:45px!important;}
  .tl-guest-top{height:66px;padding:0 20px;border-bottom-color:rgba(255,255,255,.08);}
  .tl-guest-top .tl-wordmark{font-size:25px;}
  .tl-guest-shell{display:block;min-height:calc(100vh - 66px);padding:28px 18px 42px;}
  .tl-guest-hero{padding:5px 4px 24px;}
  .tl-guest-kicker{display:none;}
  .tl-guest-title{font-size:45px;line-height:1.02;letter-spacing:-1.7px;max-width:420px;}
  .tl-guest-title .accent{display:inline;color:#50e69a;}
  .tl-guest-copy{font-size:16px;margin:17px 0 20px;line-height:1.5;}
  .tl-guest-rule,.tl-guest-points{display:none;}
  .tl-auth-wrap{max-width:none;}
  .tl-auth-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.06);}
  .tl-auth-heading{font-size:31px;}
  .tl-auth-note{font-size:13px;}
  .tl-guest-foot{margin-top:14px;}
  .tl-wordmark{font-size:25px;}
  .navbar-brand .tl-wordmark{font-size:24px;}
  .container-auth{padding-top:12px;}
  .tl-composer .panel-body{padding:15px 15px 5px;}
  .tl-composer textarea{font-size:16px;min-height:82px;padding:14px;}
  .tl-composer .panel-footer{padding:10px 12px;}
  .panel-posts .panel-heading.timeline-title{padding:14px 14px 6px!important;}
  .panel-posts .panel-body{padding:10px 14px 14px!important;}
  .tl-messages-page{padding-top:0!important;padding-bottom:82px!important;overflow:hidden;}
  .tl-messages-page .navbar{display:none;}
  .tl-messages-page .tl-mobile-nav{display:grid;}
  .tl-messages-page .container-auth{
    padding:0!important;
    margin:0!important;
    width:100%!important;
    max-width:none!important;
    height:calc(100vh - 82px);
    height:calc(100dvh - 82px);
    min-height:0;
  }
  .tl-messages-shell{display:block;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none;}
  .tl-messages-sidebar{height:100%;min-height:0;border-right:0;padding-top:18px;display:flex;flex-direction:column;overflow:hidden;}
  .tl-messages-sidebar .tl-thread-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .tl-messages-shell.chat-open .tl-messages-sidebar{display:none;}
  .tl-chat{display:none;height:100%;min-height:0;}
  .tl-messages-shell.chat-open .tl-chat{display:flex;}
  .tl-chat-back{display:inline-block;}
  .tl-chat-log{padding:22px 15px 18px;min-height:0;}
  .tl-bubble{max-width:82%;}
  .tl-chat-compose{padding:10px 12px 12px;position:sticky;bottom:0;}
  .tl-chat-attachment-preview{margin-left:0;}
  .tl-message-image{max-height:300px;}
  .tl-bubble.has-image{max-width:88%;}
}

/* Activity / interactions */
.tl-activity-container{max-width:1170px;}
.tl-activity-layout{display:flex;align-items:flex-start;}
.tl-activity-panel{overflow:hidden;border-radius:22px!important;background:rgba(255,255,255,.985)!important;}
.tl-activity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:25px 28px 19px;border-bottom:1px solid var(--tl-line);background:linear-gradient(135deg,#fff,#f7fbf8);}
.tl-activity-head h1{margin:0;color:var(--tl-ink);font-size:28px;font-weight:780;letter-spacing:-.5px;}
.tl-activity-head p{margin:6px 0 0;color:var(--tl-muted);font-size:14px;line-height:1.5;}
.tl-activity-head-mark{width:43px;height:43px;border-radius:14px;background:var(--tl-green-100);display:flex;align-items:center;justify-content:center;flex:0 0 43px;}
.tl-activity-head-mark .tl-nav-icon{filter:none;width:22px;height:22px;opacity:1;}
.tl-activity-tabs{display:flex;gap:28px;padding:0 28px;border-bottom:1px solid var(--tl-line);background:#fff;}
.tl-activity-tabs a{position:relative;padding:14px 1px 13px;color:#84908b!important;text-decoration:none!important;font-size:14px;font-weight:700;}
.tl-activity-tabs a.active{color:var(--tl-green-800)!important;}
.tl-activity-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--tl-green-600);}
.tl-activity-stream{background:#fbfcfb;min-height:300px;}
.tl-activity-empty{padding:46px 24px;text-align:center;color:#89958f;font-size:14px;}
.tl-activity-stream .content{padding:8px 0 16px;}
.tl-activity-group-label{padding:18px 28px 8px;color:#8a9791;font-size:11px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;}
.tl-activity-item{position:relative;display:flex;gap:14px;margin:0 16px 10px;padding:17px 18px;background:#fff;border:1px solid rgba(7,84,61,.09);border-radius:16px;box-shadow:0 5px 18px rgba(7,60,46,.045);cursor:default;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;}
.tl-activity-item[data-href]{cursor:pointer;}
.tl-activity-item[data-href]:hover{transform:translateY(-1px);border-color:rgba(21,149,99,.22);box-shadow:0 9px 25px rgba(7,60,46,.075);background:#fefffe;}
.tl-activity-item.unread{background:linear-gradient(90deg,#f0fbf5,#fff 52%);border-color:rgba(21,149,99,.18);}
.tl-activity-avatar{width:50px;height:50px;flex:0 0 50px;position:relative;z-index:2;}
.tl-activity-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover;background:#e9edeb;}
.tl-activity-body{flex:1;min-width:0;}
.tl-activity-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:5px;}
.tl-activity-userline{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap;}
.tl-activity-name{position:relative;z-index:2;color:#26312d!important;font-size:15px;font-weight:780;text-decoration:none!important;}
.tl-activity-username{color:#98a39f;font-size:13px;}
.tl-activity-time{display:flex;align-items:center;gap:8px;color:#929e99;font-size:12px;white-space:nowrap;}
.tl-activity-unread{width:8px;height:8px;border-radius:50%;background:var(--tl-green-500);box-shadow:0 0 0 3px rgba(31,184,115,.11);}
.tl-activity-action{display:flex;align-items:center;gap:9px;color:#56635e;font-size:15px;line-height:1.42;margin:2px 0 10px;}
.tl-activity-action-icon{width:25px;height:25px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;font-size:13px;background:#edf4f0;color:var(--tl-green-700);position:relative;}
.tl-activity-action.favorite .tl-activity-action-icon{background:#fff5df;color:#d99612;}
.tl-activity-action.repost .tl-activity-action-icon{background:#eaf7ee;color:#29834b;}
.tl-activity-action.reply .tl-activity-action-icon{background:#eef4f8;color:#537b91;}
.tl-activity-action.mention .tl-activity-action-icon{background:#f0ecfb;color:#6e5c9c;font-weight:800;}
.tl-activity-action.follow .tl-activity-action-icon{background:#ebf7f3;color:#16845e;}
.tl-activity-action-icon .tl-activity-symbol{position:absolute;font-weight:900;font-size:11px;left:3px;top:-2px;}
.tl-activity-preview{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(7,84,61,.09);background:#f8faf9;border-radius:12px;color:#4c5954;font-size:13px;line-height:1.45;}
.tl-activity-preview img{width:52px;height:52px;border-radius:9px;object-fit:cover;background:#e8ecea;flex:0 0 52px;}
.tl-activity-preview-copy{min-width:0;word-break:break-word;}
.tl-activity-open{display:inline-flex;align-items:center;gap:5px;position:relative;z-index:2;margin-top:8px;color:var(--tl-green-700)!important;font-weight:750;font-size:12px;text-decoration:none!important;}
.tl-activity-open:hover{color:var(--tl-green-900)!important;}
.tl-activity-panel .notfound{background:#fff!important;color:var(--tl-muted);padding:28px!important;}
.tl-activity-page .panel-live{box-shadow:none;}

@media (max-width:991px){
  .tl-activity-layout{display:block;}
  .tl-activity-aside{display:none;}
  .tl-activity-main{width:100%;float:none;}
  .tl-activity-container{width:100%;padding-left:14px;padding-right:14px;}
}
@media (max-width:767px){
  .tl-activity-panel{border-radius:18px!important;}
  .tl-activity-head{padding:19px 18px 15px;}
  .tl-activity-head h1{font-size:24px;}
  .tl-activity-head p{font-size:13px;}
  .tl-activity-head-mark{width:38px;height:38px;flex-basis:38px;}
  .tl-activity-tabs{padding:0 18px;gap:23px;}
  .tl-activity-group-label{padding:16px 17px 7px;}
  .tl-activity-item{margin:0 8px 9px;padding:14px 13px;gap:11px;border-radius:14px;}
  .tl-activity-avatar,.tl-activity-avatar img{width:43px;height:43px;flex-basis:43px;}
  .tl-activity-meta{gap:7px;}
  .tl-activity-name{font-size:14px;}
  .tl-activity-username{font-size:12px;}
  .tl-activity-action{font-size:14px;}
  .tl-activity-preview{padding:9px 10px;}
}

/* Activity filters v8.2 */
.tl-activity-tabs{
  flex-wrap:wrap;
  row-gap:0;
  column-gap:25px;
}
.tl-activity-tabs a{white-space:nowrap;}

/* Verified badge v8.2: exact approved TakeLane seal; reset old Font Awesome badge box. */
i.verified{
  box-sizing:border-box!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  text-shadow:none!important;
  line-height:1!important;
  background-color:transparent!important;
  background-image:url('../img/verified-badge.png')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}

@media(max-width:767px){
  .tl-activity-tabs{
    display:flex;
    flex-wrap:nowrap;
    gap:22px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-left:18px;
    padding-right:18px;
  }
  .tl-activity-tabs::-webkit-scrollbar{display:none;}
  .tl-activity-tabs a{flex:0 0 auto;}
}

/* v8.4 - Search icon alignment fix */
.navbar-form .form-group{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.navbar-form .wrap_autocomplete{
  position:relative;
  display:block;
}
.navbar-form .form-control.search-cls{
  padding-right:48px!important;
}
.navbar-form #buttonSearch{
  opacity:1!important;
  text-indent:0!important;
  position:absolute!important;
  top:50%!important;
  right:8px!important;
  transform:translateY(-50%);
  width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border:0!important;
  background:transparent!important;
  color:#7e8c86!important;
  line-height:1!important;
  z-index:5;
}
.navbar-form #buttonSearch i{
  font-size:17px;
  line-height:1;
  margin:0;
}
.navbar-form #buttonSearch:hover,
.navbar-form #buttonSearch:focus{
  color:var(--tl-green-700)!important;
  background:transparent!important;
  outline:none!important;
}
@media (max-width:767px){
  .navbar-form .form-group,
  .navbar-form .wrap_autocomplete{
    width:100%;
  }
  .navbar-form #buttonSearch{
    right:9px!important;
  }
}

/* TakeLane mention autocomplete */
.tl-mention-menu{
  position:absolute;
  z-index:5000;
  max-height:310px;
  overflow-y:auto;
  padding:7px;
  background:rgba(255,255,255,.99);
  border:1px solid rgba(7,84,61,.13);
  border-radius:15px;
  box-shadow:0 16px 38px rgba(4,49,37,.16);
}
.tl-mention-option{
  width:100%;
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 10px;
  border:0;
  border-radius:11px;
  background:transparent;
  text-align:left;
  color:var(--tl-ink);
  cursor:pointer;
}
.tl-mention-option:hover,
.tl-mention-option.active{
  background:rgba(15,123,85,.075);
}
.tl-mention-avatar{
  width:40px;
  height:40px;
  flex:0 0 40px;
  object-fit:cover;
  border-radius:50%;
  border:1px solid rgba(7,84,61,.10);
  background:#eef4f1;
}
.tl-mention-main{min-width:0;display:flex;flex-direction:column;line-height:1.2;}
.tl-mention-name-line{display:flex;align-items:center;gap:5px;min-width:0;}
.tl-mention-name-line strong{font-size:14px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tl-mention-username{margin-top:3px;font-size:12px;color:var(--tl-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:767px){
  .tl-mention-menu{max-height:260px;border-radius:14px;padding:6px;}
  .tl-mention-option{padding:10px 9px;}
  .tl-mention-avatar{width:38px;height:38px;flex-basis:38px;}
}

/* Profile location: plain text, no external map dependency */
.tl-profile-location .glyphicon-map-marker{color:var(--tl-ink);font-size:16px;vertical-align:-1px;}