/*
  _________                     _________            _
 |___   ___|                   |___   ___|          | |
     | |   _ __   __ ___   __       | |   ___    ___ | |___
     | |  | '__| / _` / / / /       | |  / _ /  / _ /| / __|
     | |  | |   | (_| |/ V /        | | | (_) || (_) | /__ /
     |_|  |_|    /__,_| /_/         |_|  /___/  /___/|_|___/

 TravTools
 Copyright MUNLabs - ein Unternehmen der COLOREA GbR
 Powered by MUNLABS www.munlabs.de
 legacy_refine.css
*/

/*
 * TravTools · Legacy Refine Pass
 * Holt die schickere Alt-Optik gezielt zurück,
 * ohne wieder auf per-file CSS zu gehen.
 */

/* ===== BADGES ===== */
/* Groesse/Ausrichtung des Verified-Badges: css/badges.css (relativ zur Schriftgroesse). */
.badge-box,.badge-container,.user-badge,.player-badge,.tt-badge-wrap,.tt-badge-box{margin:0!important;padding:0!important;background:none!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;display:inline!important;}
.tt-sender-name,.tt-active-name,.tt-u-name,.tt-u-name span,.p-name,.player-name,.dc-h-player,.cl-pname,.tt-top-name,.tt-user-preview,.sub-player,.tt-hl-user,.tt-player-inline{white-space:nowrap;}

/* ===== LOGIN / AUTH ===== */
.tt-login-wrap,
.tt-auth-wrap{
  max-width:1100px;
  margin:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
  margin-top:34px;
}
.tt-big-logo,
.tt-auth-logo{display:flex;justify-content:center;align-items:center;}
.tt-big-logo img,
.tt-auth-logo img{width:320px;max-width:100%;height:auto;filter:drop-shadow(0 0 25px rgba(242,193,74,.22));transition:transform .25s ease;}
.tt-big-logo img:hover,
.tt-auth-logo img:hover{transform:none;}
.tt-login-card,
.tt-auth-card{
  width:100%;
  max-width:440px;
  padding:30px;
  border-radius:16px;
  background:var(--panel,var(--tt-surface-solid));
  border:1px solid var(--line,var(--tt-line-solid));
  box-shadow:0 4px 30px rgba(0,0,0,.30);
  color:var(--text,#eef2ff);
}
.tt-login-card{border-left:4px solid var(--brandGold,#f2c14a);}
.tt-login-card .tt-form-grid{display:flex!important;flex-direction:column!important;gap:20px!important;}
.tt-login-card .tt-link-row{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:13px;}
.tt-login-card .tt-btn,
.tt-auth-card .tt-btn,
.tt-auth-card .tt-btn-danger{width:100%;min-height:46px;border-radius:10px;}
@media(max-width:900px){
  .tt-login-wrap,.tt-auth-wrap{grid-template-columns:1fr;gap:28px;margin-top:0;}
  .tt-big-logo img,.tt-auth-logo img{width:220px;}
  .tt-login-card,.tt-auth-card{max-width:100%;}
}

/* ===== TABLES ===== */
.tt-table-responsive{
  width:100%;
  overflow-x:auto;
  border:1px solid var(--tt-line-solid);
  border-radius:12px;
  background:var(--tt-surface-solid);
}
.tt-table,
.tt-log-table,
.tt-info-table,
.table{
  width:100%;
  min-width:0!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  color:var(--tt-text-soft);
  font-size:13px;
  table-layout:auto;
}
.tt-table thead th,
.tt-log-table thead th,
.tt-info-table thead th,
.table thead th,
.tt-table th,
.tt-log-table th,
.tt-info-table th,
.table th{
  position:static!important;
  background:rgba(255,255,255,.03)!important;
  color:var(--tt-muted)!important;
  padding:10px 10px!important;
  text-align:left;
  border-bottom:1px solid var(--tt-line-solid)!important;
  font-size:10px!important;
  font-weight:700!important;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.tt-table td,
.tt-log-table td,
.tt-info-table td,
.table td{
  padding:8px 10px!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  vertical-align:middle;
  color:var(--tt-text-soft);
  background:transparent!important;
}
.tt-table tbody tr,
.tt-log-table tbody tr,
.tt-info-table tbody tr,
.table tbody tr{height:32px;}
.tt-table tbody tr:nth-child(even) td,
.tt-log-table tbody tr:nth-child(even) td,
.tt-info-table tbody tr:nth-child(even) td,
.table tbody tr:nth-child(even) td{background:rgba(255,255,255,.012)!important;}
.tt-table tbody tr:hover td,
.tt-log-table tbody tr:hover td,
.tt-info-table tbody tr:hover td,
.table tbody tr:hover td{background:rgba(255,255,255,.03)!important;}
.tt-pagination,.tt-pagination-small{display:flex;justify-content:center;gap:5px;align-items:center;flex-wrap:wrap;padding:18px 0 4px;}
.tt-page-btn{min-width:32px;height:32px;border-radius:6px;}

/* ===== FORMS / SEARCH ===== */
.tt-search-wrapper{position:relative;display:flex;align-items:center;gap:10px;}
.tt-search-wrapper .tt-search-icon{position:absolute;left:12px;color:var(--tt-faint);font-size:14px;pointer-events:none;}
.tt-search-wrapper .tt-search-input{padding-left:38px;min-width:250px;max-width:320px;background:rgba(0,0,0,.25);border:1px solid var(--tt-line-solid);border-radius:8px;color:#fff;}
input,select,textarea,.tt-input,.tt-select,.tt-textarea,.tt-inp,.tt-search-input,.wiz-input,.wiz-select{
  border-radius:10px;
}

/* ===== BUTTONS / HOVER ===== */
button,input[type="submit"],input[type="button"],.tt-btn,.tt-send-btn,.tt-btn-small,.tt-btn-login,.tt-btn-play,.tt-btn-join,.tt-btn-ally,.tt-btn-leave,.tt-su-btn,.tt-act-btn,.tt-icon-btn,.tt-cta-btn,.tt-btn-dashboard,.tt-btn-submit,.tt-btn-save,.tt-btn-import,.tt-btn-delete,.tt-btn-backup,.tt-btn-nuke{
  transform:none!important;
}
button:hover,input[type="submit"]:hover,input[type="button"]:hover,.tt-btn:hover,.tt-send-btn:hover,.tt-btn-small:hover,.tt-btn-login:hover,.tt-btn-play:hover,.tt-btn-join:hover,.tt-btn-ally:hover,.tt-btn-leave:hover,.tt-su-btn:hover,.tt-act-btn:hover,.tt-icon-btn:hover,.tt-cta-btn:hover,.tt-btn-dashboard:hover,.tt-btn-submit:hover,.tt-btn-save:hover,.tt-btn-import:hover,.tt-btn-delete:hover,.tt-btn-backup:hover,.tt-btn-nuke:hover{
  transform:none!important;
}
.tt-btn,
.tt-send-btn,
.tt-btn-small,
.tt-btn-login,
.tt-btn-play,
.tt-btn-join,
.tt-su-btn,
.tt-cta-btn,
.tt-btn-dashboard,
.tt-btn-submit,
.tt-btn-save,
.tt-btn-import,
.tt-btn-backup{
  color:#fff!important;
}

/* ===== ACCOUNT / WORLD CARDS ===== */
.tt-profile-wrap{max-width:none;width:100%;margin:0;color:var(--tt-text-soft);}
.tt-profile-grid{display:grid;grid-template-columns:350px 1fr;gap:40px;align-items:start;}
@media (max-width:900px){.tt-profile-grid{grid-template-columns:1fr;}}
.tt-card{background:var(--tt-surface-solid);border:1px solid var(--tt-line-solid);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.24);}
.tt-header-standalone h1{font-size:28px;font-weight:900;color:#fff;letter-spacing:1px;}

/* ===== DEFFCALLS ===== */
.tt-dc-card{background:#0b1016;border:1px solid var(--tt-line-solid);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.30);}
.dc-head{padding:10px 15px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);border-bottom:1px solid var(--tt-line-solid);}
.dc-h-player{font-size:16px;font-weight:900;color:#fff;text-transform:uppercase;display:flex;align-items:center;gap:0!important;}
.dc-body{padding:15px;display:flex;flex-direction:column;gap:10px;}
.tt-btn-create,.tt-btn-archive,.tt-send-btn,.dc-send-btn,.tt-btn-dashboard{
  border-radius:6px!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase;
}
.tt-btn-create{background:linear-gradient(180deg,#1f6feb,#1158c7)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;}
.tt-btn-archive{background:transparent!important;color:var(--tt-muted)!important;border:1px solid var(--tt-line-solid)!important;box-shadow:none!important;}

/* ===== LOGIN/TABLE CARD tidy-ups for ugly regressions ===== */
.tt-log-controls,.tt-list-header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.col-user,.tt-user-cell strong{color:#fff;font-weight:700;}
.col-date,.tt-date-cell{font-family:monospace;color:var(--tt-muted);}


/* ===== 2026-03-17 refine: Login/Auth wieder näher an Original ===== */
body.tt-app .tt-login-wrap,
body.tt-app .tt-auth-wrap,
body.tt-app .tt-change-wrap,
body.tt-app .tt-delete-wrap,
body.tt-app .tt-reset-wrap,
body.tt-app .tt-reg-wrap{
  max-width:1100px!important;
  width:100%!important;
  margin:0!important;
  padding:8px 0 0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:40px!important;
  align-items:center!important;
}
body.tt-app .tt-big-logo,
body.tt-app .tt-auth-logo{display:flex!important;justify-content:center!important;align-items:center!important;}
body.tt-app .tt-big-logo img,
body.tt-app .tt-auth-logo img{width:320px!important;max-width:100%!important;height:auto!important;filter:drop-shadow(0 0 25px rgba(242,193,74,.20))!important;}
body.tt-app .tt-login-card,
body.tt-app .tt-auth-card{
  width:100%!important;
  max-width:420px!important;
  margin:0!important;
  padding:30px!important;
  border-radius:16px!important;
  border:1px solid var(--line)!important;
  border-left:4px solid var(--brandGold)!important;
  background:var(--panel)!important;
  box-shadow:0 4px 30px rgba(0,0,0,.30)!important;
  overflow:visible!important;
}
body.tt-app .tt-login-card .tt-head,
body.tt-app .tt-auth-card .tt-head{margin-bottom:24px!important;padding-bottom:16px!important;border-bottom:1px solid var(--line)!important;}
body.tt-app .tt-login-card .tt-head h1,
body.tt-app .tt-auth-card .tt-title{font-size:26px!important;font-weight:900!important;margin:0 0 6px 0!important;display:flex!important;align-items:center!important;gap:8px!important;color:#fff!important;}
body.tt-app .tt-login-card .tt-head h1 i,
body.tt-app .tt-auth-card .tt-title i{color:var(--brandGold)!important;font-size:22px!important;}
body.tt-app .tt-sub,
body.tt-app .tt-subtitle{font-size:14px!important;color:var(--muted)!important;font-weight:500!important;margin:0!important;}
body.tt-app .tt-form-grid,
body.tt-app .tt-form{display:flex!important;flex-direction:column!important;gap:20px!important;}
body.tt-app .tt-label,
body.tt-app .tt-field label{display:block!important;font-size:12px!important;font-weight:800!important;color:var(--tt-text-soft)!important;margin-bottom:6px!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding-left:2px!important;}
body.tt-app .input-icon-wrap{position:relative!important;width:100%!important;}
body.tt-app .input-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--muted)!important;font-size:14px!important;z-index:2!important;pointer-events:none!important;}
body.tt-app .tt-login-card .tt-input,
body.tt-app .tt-auth-card .tt-input{
  width:100%!important;
  padding:12px 14px!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.25)!important;
  border:1px solid var(--line)!important;
  color:#fff!important;
  font-size:14px!important;
  box-sizing:border-box!important;
}
body.tt-app .tt-login-card .tt-input.has-icon,
body.tt-app .tt-auth-card .tt-input.has-icon{padding-left:38px!important;}
body.tt-app .tt-login-card .tt-input:focus,
body.tt-app .tt-auth-card .tt-input:focus{border-color:var(--brandGold)!important;background:rgba(0,0,0,.40)!important;box-shadow:0 0 0 3px rgba(242,193,74,.15)!important;}
body.tt-app .tt-login-card .tt-btn,
body.tt-app .tt-auth-card .tt-btn,
body.tt-app .tt-auth-card .tt-btn-primary,
body.tt-app .tt-auth-card .tt-btn-danger{width:100%!important;min-height:auto!important;padding:12px 20px!important;border-radius:10px!important;font-size:15px!important;font-weight:800!important;justify-content:center!important;}
body.tt-app .tt-link-row{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-top:16px!important;font-size:13px!important;}
body.tt-app .tt-link,
body.tt-app .tt-back-link{color:var(--muted)!important;text-decoration:none!important;font-size:13px!important;}
body.tt-app .tt-link:hover,
body.tt-app .tt-back-link:hover{color:#fff!important;text-decoration:underline!important;}
body.tt-app .tt-alert{padding:12px 16px!important;border-radius:10px!important;margin-bottom:20px!important;font-size:13px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:10px!important;}

/* Deutlich näher am Alt-Original für spezifische Standalone-Seiten */
body.tt-app:has(.tt-about-wrap) .tt-page,
body.tt-app:has(.tt-founder-wrap) .tt-page,
body.tt-app:has(.tt-login-wrap) .tt-page,
body.tt-app:has(.tt-auth-wrap) .tt-page{max-width:none!important;}

/* ===== 2026-03-17 refine: TravTools Was ist wieder kompakter/originaler ===== */
body.tt-app .tt-about-wrap{max-width:none!important;width:100%!important;margin:0!important;}
body.tt-app .tt-about-card{padding:40px!important;border-radius:18px!important;background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:0 4px 20px rgba(0,0,0,.20)!important;transform:none!important;}
body.tt-app .tt-about-card::before{display:none!important;}
body.tt-app .tt-hero-card{text-align:center!important;padding:60px 40px!important;background:linear-gradient(180deg,var(--panel) 0%, rgba(242,193,74,.05) 100%)!important;border-bottom:3px solid var(--brandGold)!important;border-left:0!important;}
body.tt-app .tt-hero-badge{display:inline-block!important;background:rgba(242,193,74,.15)!important;color:var(--brandGold)!important;font-size:12px!important;font-weight:800!important;padding:6px 12px!important;border-radius:20px!important;margin-bottom:20px!important;letter-spacing:1px!important;}
body.tt-app .tt-hero-content h1,
body.tt-app .tt-hero-content h2{font-size:38px!important;font-weight:900!important;color:#fff!important;margin:0 0 20px 0!important;line-height:1.2!important;}
body.tt-app .tt-hero-text{font-size:18px!important;color:var(--text)!important;line-height:1.6!important;max-width:800px!important;margin:0 auto 30px auto!important;}
body.tt-app .tt-hero-quote{font-family:serif!important;font-style:italic!important;color:var(--muted)!important;font-size:16px!important;border-top:1px solid var(--line)!important;display:inline-block!important;padding-top:20px!important;}
body.tt-app .tt-about-wrap .tt-grid-3{grid-template-columns:repeat(3,1fr)!important;gap:20px!important;margin-bottom:40px!important;}
body.tt-app .tt-about-wrap .tt-grid-2{grid-template-columns:1fr 1fr!important;gap:25px!important;margin-bottom:40px!important;}
body.tt-app .tt-role-card{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:25px!important;text-align:center!important;transform:none!important;box-shadow:none!important;}
body.tt-app .tt-role-card:hover{transform:none !important;border-color:var(--brandGold)!important;}
body.tt-app .tt-feat-card{background:rgba(0,0,0,.20)!important;border:1px solid var(--line)!important;border-left:3px solid var(--line)!important;border-radius:12px!important;padding:25px!important;text-align:left!important;transform:none!important;box-shadow:none!important;}
body.tt-app .tt-feat-card:hover{border-left-color:var(--brandGold)!important;background:rgba(255,255,255,.02)!important;}
body.tt-app .tt-feat-head{gap:8px!important;margin-bottom:15px!important;}
body.tt-app .tt-feat-head h3{font-size:18px!important;font-weight:700!important;margin:0!important;}
body.tt-app .tt-feat-list{border-top:1px solid var(--line)!important;padding-top:15px!important;}
body.tt-app .tt-feat-list li{padding-left:20px!important;font-size:13px!important;margin-bottom:6px!important;color:var(--muted)!important;}
body.tt-app .tt-cta-btn{border-radius:30px!important;padding:12px 30px!important;display:inline-block!important;}

/* ===== 2026-03-17 refine: Gründerseite wieder näher am Original ===== */
body.tt-app .tt-founder-wrap{max-width:none!important;width:100%!important;margin:0!important;}
body.tt-app .tt-founder-card{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:25px!important;box-shadow:0 4px 20px rgba(0,0,0,.20)!important;overflow:visible!important;}
body.tt-app .tt-founder-card::before{display:none!important;}
body.tt-app .tt-founder-head{display:block!important;border-bottom:1px solid var(--line)!important;padding-bottom:15px!important;margin-bottom:20px!important;}
body.tt-app .tt-founder-head h1{font-size:28px!important;margin:0 0 4px 0!important;font-weight:900!important;letter-spacing:-.5px!important;color:var(--brandGold)!important;}
body.tt-app .tt-founder-head p{margin:0!important;font-size:13px!important;color:var(--muted)!important;}
body.tt-app .tt-founder-grid{display:grid!important;grid-template-columns:1fr 240px!important;gap:25px!important;align-items:start!important;}
body.tt-app .tt-founder-img-col{display:flex!important;flex-direction:column!important;gap:15px!important;align-items:center!important;order:initial!important;}
body.tt-app .tt-img-wrapper{width:100%!important;max-width:220px!important;display:flex!important;flex-direction:column!important;gap:6px!important;}
body.tt-app .tt-founder-img{width:100%!important;aspect-ratio:3/4!important;object-fit:cover!important;border-radius:12px!important;border:1px solid var(--line)!important;box-shadow:0 8px 25px rgba(0,0,0,.30)!important;background:var(--panel2)!important;}
body.tt-app .tt-img-caption{font-size:10px!important;color:var(--muted)!important;text-align:center!important;font-style:italic!important;opacity:.7!important;}
body.tt-app .tt-founder-text-col{display:flex!important;flex-direction:column!important;gap:15px!important;min-width:0!important;}
body.tt-app .tt-founder-h3{font-size:12px!important;font-weight:800!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-left:3px solid var(--brandGold)!important;padding-left:10px!important;line-height:1!important;margin-top:15px!important;display:block!important;}
body.tt-app .tt-founder-h3.first{margin-top:0!important;}
body.tt-app .tt-founder-txt{opacity:.9!important;text-align:justify!important;}
body.tt-app .tt-project-list{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;max-width:220px!important;}
body.tt-app .tt-project-link{display:flex!important;align-items:center!important;gap:10px!important;background:var(--panel2)!important;border:1px solid var(--line)!important;padding:8px 12px!important;border-radius:10px!important;text-decoration:none!important;color:var(--text)!important;font-weight:600!important;font-size:13px!important;text-align:left!important;transform:none!important;box-shadow:none!important;}
body.tt-app .tt-project-link:hover{border-color:var(--brandGold)!important;background:rgba(242,193,74,.05)!important;}
body.tt-app .tt-project-link span{color:var(--brandGold)!important;font-size:1.1em!important;}
body.tt-app .tt-sig{margin-top:20px!important;font-size:20px!important;color:var(--brandGold)!important;opacity:.8!important;}

@media (max-width:900px){
  body.tt-app .tt-login-wrap,
  body.tt-app .tt-auth-wrap,
  body.tt-app .tt-change-wrap,
  body.tt-app .tt-delete-wrap,
  body.tt-app .tt-reset-wrap,
  body.tt-app .tt-reg-wrap{grid-template-columns:1fr!important;gap:30px!important;margin-top:0!important;}
  body.tt-app .tt-big-logo img,
  body.tt-app .tt-auth-logo img{width:220px!important;}
  body.tt-app .tt-login-card,
  body.tt-app .tt-auth-card{max-width:100%!important;}
  body.tt-app .tt-about-wrap .tt-grid-3,
  body.tt-app .tt-about-wrap .tt-grid-2,
  body.tt-app .tt-founder-grid{grid-template-columns:1fr!important;}
  body.tt-app .tt-founder-img-col{order:-1!important;}
}


/* ===== 2026-03-17 hard fix (auf Auth-Seiten gescopt, damit generische Klassen wie .tt-btn/.tt-input/.tt-alert/.tt-head nicht das ganze Tool umformen) ===== */
.tt-login-wrap,
.tt-auth-wrap,
.tt-change-wrap,
.tt-delete-wrap,
.tt-reset-wrap,
.tt-reg-wrap{
  max-width:1100px!important;
  width:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:40px!important;
  align-items:center!important;
  margin-top:34px!important;
}
.tt-big-logo,
.tt-auth-logo,
.tt-side-logo{display:flex!important;justify-content:center!important;align-items:center!important;background:transparent!important;border:none!important;box-shadow:none!important;}
.tt-big-logo img,
.tt-auth-logo img,
.tt-side-logo img{
  width:320px!important;
  max-width:100%!important;
  height:auto!important;
  filter:drop-shadow(0 0 25px rgba(242,193,74,.22))!important;
  transform:none!important;
}
.tt-login-card,
.tt-auth-card,
.tt-change-card,
.tt-delete-card,
.tt-reset-card,
.tt-reg-card{
  width:100%!important;
  max-width:440px!important;
  padding:30px!important;
  border-radius:16px!important;
  background:var(--panel,var(--tt-surface-solid))!important;
  border:1px solid var(--line,var(--tt-line-solid))!important;
  box-shadow:0 4px 30px rgba(0,0,0,.30)!important;
  color:var(--text,#eef2ff)!important;
  margin:0!important;
}
.tt-login-card,
.tt-auth-card,
.tt-change-card,
.tt-reset-card,
.tt-reg-card{border-left:4px solid var(--brandGold,#f2c14a)!important;}
.tt-delete-card{border-left:4px solid var(--tt-red)!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-head,
.tt-auth-head{margin-bottom:24px!important;border-bottom:1px solid var(--line,var(--tt-line-solid))!important;padding-bottom:16px!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-head h1,
.tt-auth-head h1,
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-title{
  font-size:26px!important;
  margin:0 0 6px 0!important;
  font-weight:900!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-head h1 i,
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-title i{color:var(--brandGold,#f2c14a)!important;font-size:22px!important;}
.tt-delete-card .tt-title i{color:var(--tt-red)!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-sub,
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-subtitle,
.tt-auth-sub{color:var(--muted)!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;margin:0!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-form-grid,
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-form,
.tt-auth-form{display:flex!important;flex-direction:column!important;gap:20px!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-label,
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-field label{display:block!important;font-size:12px!important;font-weight:800!important;color:var(--tt-text-soft)!important;margin-bottom:6px!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding-left:2px!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .input-icon-wrap{position:relative!important;width:100%!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .input-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--muted)!important;font-size:14px!important;z-index:2!important;pointer-events:none!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-input{
  width:100%!important;
  min-height:0!important;
  padding:12px 14px!important;
  border-radius:10px!important;
  background:rgba(0,0,0,.25)!important;
  border:1px solid var(--line,var(--tt-line-solid))!important;
  color:#fff!important;
  font-size:14px!important;
  box-sizing:border-box!important;
}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-input.has-icon{padding-left:38px!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-input:focus{border-color:var(--brandGold,#f2c14a)!important;background:rgba(0,0,0,.40)!important;box-shadow:0 0 0 3px rgba(242,193,74,.15)!important;}
.tt-delete-card .tt-input:focus{border-color:var(--tt-red)!important;box-shadow:0 0 0 3px rgba(255,92,92,.15)!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-btn,
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-btn-danger,
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-btn-primary{
  width:100%!important;
  min-height:auto!important;
  margin-top:8px!important;
  padding:12px 20px!important;
  border-radius:10px!important;
  font-size:15px!important;
  font-weight:800!important;
  justify-content:center!important;
}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-link-row,
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-links{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-top:16px!important;font-size:13px!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-link,
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-back-link{color:var(--muted)!important;text-decoration:none!important;font-size:13px!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-link:hover,
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-back-link:hover{color:#fff!important;text-decoration:underline!important;}
:is(.tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap) .tt-alert{padding:12px 16px!important;border-radius:10px!important;margin-bottom:20px!important;font-size:13px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:10px!important;}

.tt-about-wrap{max-width:none!important;width:100%!important;margin:0!important;}
.tt-about-card{padding:40px!important;border-radius:18px!important;background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:0 4px 20px rgba(0,0,0,.20)!important;transform:none!important;position:relative!important;overflow:visible!important;}
.tt-about-card::before{display:none!important;}
.tt-hero-card{text-align:center!important;padding:60px 40px!important;background:linear-gradient(180deg,var(--panel) 0%, rgba(242,193,74,.05) 100%)!important;border-bottom:3px solid var(--brandGold)!important;border-left:0!important;border-radius:18px!important;}
.tt-hero-badge{display:inline-block!important;background:rgba(242,193,74,.15)!important;color:var(--brandGold)!important;font-size:12px!important;font-weight:800!important;padding:6px 12px!important;border-radius:20px!important;margin-bottom:20px!important;letter-spacing:1px!important;}
.tt-hero-content h1,.tt-hero-content h2{font-size:38px!important;font-weight:900!important;color:#fff!important;margin:0 0 20px 0!important;line-height:1.2!important;}
.tt-hero-text{font-size:18px!important;color:var(--text)!important;line-height:1.6!important;max-width:800px!important;margin:0 auto 30px auto!important;}
.tt-hero-quote{font-family:serif!important;font-style:italic!important;color:var(--muted)!important;font-size:16px!important;border-top:1px solid var(--line)!important;display:inline-block!important;padding-top:20px!important;}
.tt-about-wrap .tt-grid-3{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;margin-bottom:40px!important;}
.tt-about-wrap .tt-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:25px!important;margin-bottom:40px!important;}
.tt-role-card{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:25px!important;text-align:center!important;transform:none!important;box-shadow:none!important;}
.tt-role-card:hover{transform:none !important;border-color:var(--brandGold)!important;}
.tt-feat-card{background:rgba(0,0,0,.20)!important;border:1px solid var(--line)!important;border-left:3px solid var(--line)!important;border-radius:12px!important;padding:25px!important;text-align:left!important;transform:none!important;box-shadow:none!important;}
.tt-feat-card:hover{border-left-color:var(--brandGold)!important;background:rgba(255,255,255,.02)!important;}
.tt-feat-head{gap:8px!important;margin-bottom:15px!important;}
.tt-feat-head h3{font-size:18px!important;font-weight:700!important;margin:0!important;}
.tt-feat-list{border-top:1px solid var(--line)!important;padding-top:15px!important;}
.tt-feat-list li{padding-left:20px!important;font-size:13px!important;margin-bottom:6px!important;color:var(--muted)!important;}
.tt-cta-btn{border-radius:30px!important;padding:12px 30px!important;display:inline-block!important;}

.tt-founder-wrap{max-width:none!important;width:100%!important;margin:0!important;}
.tt-founder-card{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:25px!important;box-shadow:0 4px 20px rgba(0,0,0,.20)!important;overflow:visible!important;position:relative!important;}
.tt-founder-card::before{display:none!important;}
.tt-founder-head{display:block!important;border-bottom:1px solid var(--line)!important;padding-bottom:15px!important;margin-bottom:20px!important;}
.tt-founder-head h1{font-size:28px!important;margin:0 0 4px 0!important;font-weight:900!important;letter-spacing:-.5px!important;color:var(--brandGold)!important;}
.tt-founder-head p{margin:0!important;font-size:13px!important;color:var(--muted)!important;}
.tt-founder-grid{display:grid!important;grid-template-columns:1fr 240px!important;gap:25px!important;align-items:start!important;}
.tt-founder-img-col{display:flex!important;flex-direction:column!important;gap:15px!important;align-items:center!important;order:initial!important;}
.tt-img-wrapper{width:100%!important;max-width:220px!important;display:flex!important;flex-direction:column!important;gap:6px!important;}
.tt-founder-img{width:100%!important;aspect-ratio:3/4!important;object-fit:cover!important;border-radius:12px!important;border:1px solid var(--line)!important;box-shadow:0 8px 25px rgba(0,0,0,.30)!important;background:var(--panel2)!important;}
.tt-img-caption{font-size:10px!important;color:var(--muted)!important;text-align:center!important;font-style:italic!important;opacity:.7!important;}
.tt-founder-text-col{display:flex!important;flex-direction:column!important;gap:15px!important;min-width:0!important;}
.tt-founder-h3{font-size:12px!important;font-weight:800!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-left:3px solid var(--brandGold)!important;padding-left:10px!important;line-height:1!important;margin-top:15px!important;display:block!important;}
.tt-founder-h3.first{margin-top:0!important;}
.tt-founder-txt{opacity:.9!important;text-align:justify!important;}
.tt-project-list{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;max-width:220px!important;}
.tt-project-link{display:flex!important;align-items:center!important;gap:10px!important;background:var(--panel2)!important;border:1px solid var(--line)!important;padding:8px 12px!important;border-radius:10px!important;text-decoration:none!important;color:var(--text)!important;font-weight:600!important;font-size:13px!important;text-align:left!important;transform:none!important;box-shadow:none!important;}
.tt-project-link:hover{border-color:var(--brandGold)!important;background:rgba(242,193,74,.05)!important;}
.tt-project-link span{color:var(--brandGold)!important;font-size:1.1em!important;}
.tt-sig{margin-top:20px!important;font-size:20px!important;color:var(--brandGold)!important;opacity:.8!important;}

@media (max-width:900px){
  .tt-login-wrap,.tt-auth-wrap,.tt-change-wrap,.tt-delete-wrap,.tt-reset-wrap,.tt-reg-wrap{grid-template-columns:1fr!important;gap:30px!important;margin-top:0!important;}
  .tt-big-logo img,.tt-auth-logo img,.tt-side-logo img{width:220px!important;}
  .tt-login-card,.tt-auth-card,.tt-change-card,.tt-delete-card,.tt-reset-card,.tt-reg-card{max-width:100%!important;}
  .tt-about-wrap .tt-grid-3,.tt-about-wrap .tt-grid-2,.tt-founder-grid{grid-template-columns:1fr!important;}
  .tt-founder-img-col{order:-1!important;}
}

/* ===== BADGE MANAGER / ADMIN POLISH ===== */
.tt-badge-admin{max-width:1240px;margin:0 auto;color:#e9eefc}
.tt-badge-admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.tt-badge-admin-head h1{margin:0;font-size:32px;line-height:1.05;color:#f2c14a;font-weight:950;letter-spacing:.02em}
.tt-badge-admin-head p{margin:8px 0 0;color:rgba(233,238,252,.72)}
.tt-badge-admin-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:22px;align-items:start}
.tt-badge-card{border-radius:22px;background:linear-gradient(180deg, rgba(18,25,40,.94), rgba(10,15,27,.96));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.tt-badge-card .tt-card-header{padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01))}
.tt-badge-card .tt-card-header h3{margin:0;font-size:20px;color:#f6f8ff;font-weight:850}
.tt-badge-card .tt-card-header i{color:#f2c14a;margin-right:8px}
.tt-badge-card .tt-card-body{padding:22px}
.tt-badge-size-form,.tt-badge-upload-form{display:flex;flex-direction:column;gap:16px}
.tt-badge-size-grid{display:grid;gap:12px}
.tt-badge-size-row{display:grid;grid-template-columns:120px 150px 1fr;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.tt-badge-size-label{font-weight:800;color:#f8faff}
.tt-badge-size-preview{font-weight:800;color:#dde6ff;white-space:nowrap}
.tt-badge-size-preview .tt-badge-img{margin-left:0!important}
.tt-badge-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}
.tt-badge-preview-item{padding:16px 12px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);text-align:center}
.tt-badge-preview-top{font-size:12px;font-weight:900;color:rgba(255,255,255,.64);text-transform:uppercase;letter-spacing:.08em}
.tt-badge-preview-icon{display:flex;justify-content:center;align-items:center;min-height:56px;margin:10px 0 8px}
.tt-badge-preview-name{font-weight:800;color:#f5f7ff}
@media (max-width:1020px){
  .tt-badge-admin-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .tt-badge-admin-head h1{font-size:26px}
  .tt-badge-size-row{grid-template-columns:1fr;align-items:start}
  .tt-badge-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}