:root {
  --gt-bg: #111216;
  --gt-bg-soft: #18191d;
  --gt-sidebar: #141519;
  --gt-topbar: rgba(20,21,25,.985);
  --gt-panel: #222328;
  --gt-panel-2: #1b1c21;
  --gt-panel-3: #292a30;
  --gt-input: #1d1e23;
  --gt-border: rgba(185,122,145,.34);
  --gt-border-strong: rgba(185,122,145,.56);
  --gt-border-soft: rgba(185,122,145,.15);
  --gt-text: #f4eff5;
  --gt-muted: #afa6b4;
  --gt-muted-2: #8f8795;
  --gt-accent: #9a6376;
  --gt-accent-2: #6f557d;
  --gt-accent-bright: #b97a91;
  --gt-accent-soft: rgba(185,122,145,.14);
  --gt-success: #78a98d;
  --gt-warning: #d5a66f;
  --gt-danger: #b66f7b;
  --gt-info: #b97a91;
  --gt-radius: 12px;
  --gt-radius-sm: 9px;
  --gt-shadow: 0 18px 55px rgba(0,0,0,.26);
  --gt-sidebar-width: 268px;
  --gt-topbar-height: 84px;
  --gt-content-max: 1480px;
}


* { box-sizing: border-box; }
html, body { min-height: 100%; }
body.gtarp-ucp,
body {
  margin: 0 !important;
  color: var(--gt-text) !important;
  background: var(--gt-bg) !important;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  -webkit-font-smoothing: antialiased;
}
body:before { display: none !important; }
a { color: #d786ad; transition: color .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease; }
a:hover, a:focus { color: #f1b1cf; text-decoration: none; }
hr { border-color: var(--gt-border-soft) !important; }
::selection { background: rgba(185,77,132,.32); color: #fff; }

/* Hard reset of the old blue theme */
#wrapper,
.main,
.main-content,
.content-wrapper,
.container-fluid,
body.layout-fullwidth #wrapper,
body.layout-fullwidth .main,
body.layout-fullwidth .main-content {
  background: transparent !important;
}
.bg-primary, .label-primary, .badge-primary, .panel-primary > .panel-heading,
.progress-bar-primary, .nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background: var(--gt-accent) !important;
  border-color: var(--gt-accent) !important;
}
.text-primary { color: #d786ad !important; }

/* Main shell */
#wrapper { min-height: 100vh !important; overflow: visible !important; }
.gtarp-topbar.navbar,
.navbar.navbar-default.navbar-fixed-top {
  position: fixed !important;
  top: 0 !important;
  left: var(--gt-sidebar-width) !important;
  right: 0 !important;
  height: var(--gt-topbar-height) !important;
  min-height: var(--gt-topbar-height) !important;
  margin: 0 !important;
  padding: 0 30px !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid var(--gt-border) !important;
  background: var(--gt-topbar) !important;
  box-shadow: none !important;
  z-index: 1035 !important;
  backdrop-filter: blur(16px);
}
.gtarp-brand {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: var(--gt-sidebar-width) !important;
  height: 130px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px 28px !important;
  background: var(--gt-sidebar) !important;
  border-right: 1px solid var(--gt-border) !important;
  z-index: 1040 !important;
}
.gtarp-brand a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.gtarp-logo { width: auto !important; max-width: 205px !important; max-height: 86px !important; object-fit: contain !important; filter: drop-shadow(0 8px 24px rgba(185,77,132,.16)); }
.gtarp-search-wrap { display: flex !important; align-items: center !important; flex: 1 1 auto !important; max-width: 650px !important; margin-left: 0 !important; }
.gtarp-sidebar-toggle { display: none !important; }
.gtarp-search.navbar-form { width: 100% !important; margin: 0 !important; padding: 0 !important; position: relative !important; }
.gtarp-search .form-control {
  width: 100% !important;
  height: 48px !important;
  padding: 0 54px 0 48px !important;
  color: var(--gt-text) !important;
  background: #1d1e23 !important;
  border: 1px solid var(--gt-border) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.gtarp-search:before {
  content: "\f002";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
  font-weight: 900;
  position: absolute;
  left: 19px;
  top: 50%; transform: translateY(-50%);
  color: var(--gt-muted);
  z-index: 2;
}
.gtarp-search .btn { position: absolute !important; right: 5px !important; top: 5px !important; width: 38px !important; height: 38px !important; padding: 0 !important; border-radius: 999px !important; background: transparent !important; border: 0 !important; color: var(--gt-muted) !important; }
.gtarp-search .btn i { display: none !important; }
.gtarp-navbar-menu { margin-left: auto !important; height: 100% !important; display: flex !important; align-items: center !important; }
.gtarp-right-nav { margin: 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.gtarp-right-nav > li { float: none !important; }
.gtarp-right-nav > li > a,
.gtarp-theme-toggle,
.gtarp-friends-toggle {
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #c7ced8 !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
}
.gtarp-right-nav > li > a:hover,
.gtarp-theme-toggle:hover,
.gtarp-friends-toggle:hover,
.gtarp-right-nav > .open > a {
  color: #fff !important;
  border-color: var(--gt-border) !important;
  background: var(--gt-panel-2) !important;
}
.gtarp-account-toggle { gap: 10px !important; padding: 5px 10px !important; min-width: auto !important; }
.gtarp-account-toggle img,
.gtarp-user-avatar,
.gtarp-navbar-avatar { width: 38px !important; height: 38px !important; border-radius: 50% !important; object-fit: cover !important; border: 1px solid rgba(185,77,132,.55) !important; }
.gtarp-account-toggle .gtarp-account-name,
.gtarp-account-toggle strong { color: var(--gt-text) !important; font-weight: 700 !important; }
.gtarp-account-toggle small { color: var(--gt-muted) !important; }
.navbar-nav .dropdown-menu,
.dropdown-menu,
.gtarp-friends-menu {
  min-width: 290px !important;
  margin-top: 12px !important;
  padding: 8px !important;
  color: var(--gt-text) !important;
  background: #1d1e23 !important;
  border: 1px solid var(--gt-border) !important;
  border-radius: 10px !important;
  box-shadow: var(--gt-shadow) !important;
}
.dropdown-menu > li > a { color: #cbd2dc !important; border-radius: 7px !important; padding: 10px 12px !important; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff !important; background: var(--gt-accent-soft) !important; }
.dropdown-menu .divider { background: var(--gt-border-soft) !important; }

/* Sidebar */
#sidebar-nav.sidebar {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: var(--gt-sidebar-width) !important;
  padding: 142px 16px 22px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  color: var(--gt-text) !important;
  background: var(--gt-sidebar) !important;
  border-right: 1px solid var(--gt-border) !important;
  box-shadow: none !important;
  z-index: 1030 !important;
}
#sidebar-nav nav { width: 100% !important; }
#sidebar-nav .nav { margin: 0 !important; padding: 0 !important; }
#sidebar-nav .nav > li { margin: 2px 0 !important; }
#sidebar-nav .menu-group {
  padding: 18px 14px 7px !important;
  color: #758091 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}
#sidebar-nav .nav > li > a,
#sidebar-nav .submenu > li > a {
  min-height: 42px !important;
  padding: 10px 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  color: #c4ccd7 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}
#sidebar-nav .nav > li > a i:first-child { width: 20px !important; color: #8791a0 !important; text-align: center !important; font-size: 15px !important; }
#sidebar-nav .nav > li > a:hover,
#sidebar-nav .submenu > li > a:hover { color: #fff !important; background: rgba(255,255,255,.035) !important; border-color: rgba(255,255,255,.05) !important; }
#sidebar-nav .nav > li > a.active,
#sidebar-nav .nav > li.active > a,
#sidebar-nav .submenu > li > a.active,
#sidebar-nav .nav > li > a[aria-expanded="true"] {
  color: #fff !important;
  background: linear-gradient(90deg, rgba(185,77,132,.20), rgba(125,63,143,.10)) !important;
  border-color: rgba(185,77,132,.46) !important;
  box-shadow: inset 3px 0 0 var(--gt-accent) !important;
}
#sidebar-nav .nav > li > a.active i,
#sidebar-nav .nav > li.active > a i { color: #e391b9 !important; }
#sidebar-nav .icon-submenu { margin-left: auto !important; }
#sidebar-nav .submenu { padding: 5px 0 5px 28px !important; background: transparent !important; }
#sidebar-nav .submenu > li > a { min-height: 36px !important; font-size: 13px !important; color: #929cab !important; }
#sidebar-nav .badge,
#sidebar-nav .gtarp-menu-count { margin-left: auto !important; min-width: 22px !important; height: 20px !important; padding: 2px 7px !important; color: #f3c1d9 !important; background: rgba(185,77,132,.16) !important; border: 1px solid rgba(185,77,132,.28) !important; border-radius: 999px !important; font-size: 10px !important; font-weight: 800 !important; }
.btn-toggle-minified { display: none !important; }
.gtarp-sidebar-foot {
  margin: 22px 0 0 !important;
  padding: 16px !important;
  border: 1px solid var(--gt-border) !important;
  border-radius: 9px !important;
  background: var(--gt-panel) !important;
}
.gtarp-sidebar-foot-label { color: var(--gt-muted) !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .10em !important; text-transform: uppercase !important; }
.gtarp-sidebar-foot-value { margin-top: 5px !important; color: #fff !important; font-size: 20px !important; font-weight: 800 !important; }

/* Content */
.main { margin-left: var(--gt-sidebar-width) !important; padding-top: var(--gt-topbar-height) !important; min-height: 100vh !important; }
.main-content { padding: 28px 30px 50px !important; min-height: calc(100vh - var(--gt-topbar-height)) !important; }
.main-content > .container-fluid,
.main-content > .container,
.gtarp-page,
.gtarp-screen {
  width: 100% !important;
  max-width: var(--gt-content-max) !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.content-heading { display: none !important; }
footer { margin-left: var(--gt-sidebar-width) !important; color: var(--gt-muted-2) !important; background: var(--gt-bg) !important; border-top: 1px solid var(--gt-border-soft) !important; }
footer .container-fluid { max-width: var(--gt-content-max) !important; margin: 0 auto !important; padding: 20px 30px !important; }
footer a { color: #b57d9d !important; }

/* Reusable page structures */
.gtarp-screen { display: block; }
.gtarp-page-title,
.gtarp-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}
.gtarp-page-title { margin: 0 0 20px !important; }
.gtarp-page-title h1 { margin: 0 !important; color: #fff !important; font-size: 28px !important; font-weight: 800 !important; letter-spacing: -.03em !important; }
.gtarp-page-title p { margin: 4px 0 0 !important; color: var(--gt-muted) !important; font-size: 14px !important; }
.gtarp-eyebrow { display: block; margin-bottom: 6px; color: #d27ca8; font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.gtarp-live { color: var(--gt-success); font-size: 11px; font-weight: 800; }
.gtarp-grid { display: grid; gap: 16px; }
.gtarp-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.gtarp-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.gtarp-grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.gtarp-stack { display: flex; flex-direction: column; gap: 16px; }
.gtarp-card,
.panel,
.widget,
.well,
.box,
.card,
.modal-content,
.jumbotron,
.thumbnail,
.list-group-item {
  color: var(--gt-text) !important;
  background: var(--gt-panel) !important;
  border: 1px solid var(--gt-border) !important;
  border-radius: var(--gt-radius) !important;
  box-shadow: none !important;
}
.gtarp-card { padding: 18px !important; }
.gtarp-card-compact { padding: 14px !important; }
.panel { margin-bottom: 16px !important; overflow: hidden !important; }
.panel-heading,
.panel-default > .panel-heading,
.panel-primary > .panel-heading,
.panel-info > .panel-heading,
.panel-success > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading {
  min-height: 52px !important;
  padding: 15px 18px !important;
  color: #fff !important;
  background: var(--gt-panel-2) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--gt-border) !important;
  font-weight: 800 !important;
}
.panel-body { padding: 18px !important; color: #cdd3dc !important; background: transparent !important; }
.panel-footer { padding: 12px 18px !important; color: var(--gt-muted) !important; background: #1d1e23 !important; border-top: 1px solid var(--gt-border) !important; }
.gtarp-card h1, .gtarp-card h2, .gtarp-card h3, .gtarp-card h4,
.panel h1, .panel h2, .panel h3, .panel h4 { color: #fff !important; }
.gtarp-card h2 { margin: 0 0 14px !important; font-size: 16px !important; font-weight: 800 !important; }
.gtarp-card p { color: var(--gt-muted) !important; }
.gtarp-divider { height: 1px; margin: 14px 0; background: var(--gt-border-soft); }
.gtarp-empty,
.gtarp-empty-state,
.dataTables_empty {
  padding: 34px 18px !important;
  color: var(--gt-muted) !important;
  text-align: center !important;
  background: rgba(0,0,0,.12) !important;
  border: 1px dashed #1d1e23 !important;
  border-radius: 8px !important;
}

/* Dashboard */
.gtarp-dashboard { display: grid; grid-template-columns: minmax(0,1fr) 305px; gap: 18px; }
.gtarp-dashboard-main { min-width: 0; }
.gtarp-dashboard-side { display: flex; flex-direction: column; gap: 18px; }
.gtarp-welcome { margin-bottom: 16px; }
.gtarp-welcome h1 { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -.025em; }
.gtarp-welcome p { margin: 3px 0 0; color: var(--gt-muted); }
.gtarp-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 16px; }
.gtarp-kpi { min-height: 106px; padding: 18px; display: flex; align-items: center; gap: 16px; background: var(--gt-panel); border: 1px solid var(--gt-border); border-radius: 10px; }
.gtarp-kpi-icon { width: 54px; height: 54px; flex: 0 0 54px; display: grid; place-items: center; color: #d77fab; background: rgba(185,77,132,.08); border: 1px solid rgba(185,77,132,.42); border-radius: 50%; font-size: 22px; }
.gtarp-kpi-label { color: #a8b0bd; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.gtarp-kpi-value { margin-top: 1px; color: #fff; font-size: 25px; font-weight: 900; line-height: 1.05; }
.gtarp-kpi-note { margin-top: 5px; color: var(--gt-muted); font-size: 11px; }
.gtarp-kpi-note b { color: var(--gt-success); }
.gtarp-dashboard-feature-grid { display: grid; grid-template-columns: 1.04fr .96fr; gap: 16px; }
.gtarp-hero-card { position: relative; min-height: 412px; padding: 34px; overflow: hidden; display: flex; align-items: flex-end; background: radial-gradient(circle at 24% 18%, rgba(185,77,132,.28), transparent 34%), linear-gradient(145deg,#19111a 0%,#1d1e23 48%,#1d1e23 100%); border: 1px solid var(--gt-border); border-radius: 10px; }
.gtarp-hero-card:before { content:""; position:absolute; inset:0; opacity:.33; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom,black,transparent 78%); }
.gtarp-hero-art { position:absolute; right:-55px; top:-45px; width:330px; height:330px; border-radius:50%; background: radial-gradient(circle at 35% 32%, rgba(229,126,175,.72), rgba(125,63,143,.35) 38%, rgba(0,0,0,0) 69%); filter: blur(2px); }
.gtarp-hero-art:after { content:"GTARP"; position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.07); font-size:72px; font-weight:1000; transform:rotate(-13deg); }
.gtarp-hero-copy { position:relative; z-index:2; max-width:520px; }
.gtarp-hero-copy h2 { margin: 0 0 10px; color:#fff; font-size:31px; line-height:1.08; font-weight:900; letter-spacing:-.035em; }
.gtarp-hero-copy p { max-width:460px; margin:0 0 20px; color:#aeb6c3; font-size:14px; }
.gtarp-button-row { display:flex; flex-wrap:wrap; gap:10px; }
.gtarp-media-card { min-height:412px; padding:0 !important; overflow:hidden; display:flex; flex-direction:column; }
.gtarp-media-cover { min-height:235px; display:flex; align-items:center; justify-content:center; background: linear-gradient(135deg,rgba(185,77,132,.26),rgba(0,0,0,.15)), radial-gradient(circle at 50% 35%,#1d1e23,#1d1e23 66%); border-bottom:1px solid var(--gt-border); }
.gtarp-play { width:72px; height:52px; display:grid; place-items:center; color:#fff; background:var(--gt-accent); border-radius:14px; font-size:22px; box-shadow:0 14px 35px rgba(185,77,132,.34); }
.gtarp-media-body { padding:19px; }
.gtarp-media-body h3 { margin:0 0 7px; font-size:17px; }
.gtarp-media-body p { margin:0; color:var(--gt-muted); }
.gtarp-dashboard-bottom { display:grid; grid-template-columns:.82fr 1.18fr; gap:16px; margin-top:16px; }
.gtarp-side-title { margin:0 0 12px; font-size:13px; font-weight:900; text-transform:uppercase; }
.gtarp-status-list, .gtarp-quick-list { display:flex; flex-direction:column; }
.gtarp-status-row, .gtarp-quick-link { min-height:42px; display:flex; align-items:center; gap:11px; border-bottom:1px solid var(--gt-border-soft); }
.gtarp-status-row:last-child, .gtarp-quick-link:last-child { border-bottom:0; }
.gtarp-status-row i, .gtarp-quick-link i { width:22px; color:#929cab; text-align:center; }
.gtarp-status-row span:first-of-type, .gtarp-quick-link span { flex:1; color:#d8dde5; font-size:12px; }
.gtarp-status-online { color:var(--gt-success); font-size:11px; font-weight:800; }
.gtarp-capacity { height:7px; margin:12px 0 8px; overflow:hidden; background:#1d1e23; border-radius:999px; }
.gtarp-capacity > span { display:block; height:100%; background:linear-gradient(90deg,var(--gt-accent),var(--gt-accent-2)); border-radius:inherit; }
.gtarp-time { font-size:27px; font-weight:900; }
.gtarp-time-sub { color:var(--gt-muted); font-size:12px; }
.gtarp-feed-item { display:block; padding:13px 0; color:inherit; border-bottom:1px solid var(--gt-border-soft); }
.gtarp-feed-item:last-child { border-bottom:0; }
.gtarp-feed-item b { display:block; color:#fff; font-size:13px; }
.gtarp-feed-item small { color:#737d8c; font-size:10px; }
.gtarp-feed-item p { margin:5px 0 0; color:#929baa !important; font-size:12px; }

/* Character / profile shell */
.gtarp-character-layout { display:grid; grid-template-columns:220px minmax(0,1fr) 205px; gap:14px; align-items:start; }
.gtarp-character-left, .gtarp-character-right { display:flex; flex-direction:column; gap:14px; }
.gtarp-character-main { min-width:0; }
.gtarp-profile-summary { padding:14px; }
.gtarp-profile-avatar { width:52px; height:52px; border-radius:50%; object-fit:cover; border:1px solid rgba(185,77,132,.42); }
.character-tabs,
.nav-tabs {
  margin:0 !important;
  padding:0 12px !important;
  display:flex !important;
  gap:3px !important;
  background:var(--gt-panel) !important;
  border:1px solid var(--gt-border) !important;
  border-radius:10px 10px 0 0 !important;
}
.nav-tabs > li { float:none !important; margin:0 !important; }
.nav-tabs > li > a {
  margin:0 !important;
  padding:14px 11px 12px !important;
  color:#8f99a7 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  font-size:11px !important;
  font-weight:700 !important;
  text-transform:none !important;
}
.nav-tabs > li > a:hover { color:#fff !important; background:transparent !important; border-bottom-color:rgba(185,77,132,.38) !important; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color:#fff !important; background:transparent !important; border:0 !important; border-bottom:2px solid var(--gt-accent) !important; }
.tab-content,
.character-content { padding:14px !important; color:var(--gt-text) !important; background:var(--gt-panel) !important; border:1px solid var(--gt-border) !important; border-top:0 !important; border-radius:0 0 10px 10px !important; }
.tab-content .nav-tabs { margin-bottom:14px !important; background:#1d1e23 !important; border-radius:7px !important; }
.tab-content .tab-content { padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; }
.gtarp-profile-layout .row { margin-left:-7px !important; margin-right:-7px !important; }
.gtarp-profile-layout [class*="col-"] { padding-left:7px !important; padding-right:7px !important; }

/* Inventory cards */
.gtarp-inventory-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(175px,1fr)); gap:12px; }
.gtarp-item-card { position:relative; min-height:210px; padding:13px; display:flex; flex-direction:column; background:#1d1e23; border:1px solid #2b313b; border-radius:9px; overflow:hidden; }
.gtarp-item-card:hover { border-color:rgba(185,77,132,.56); transform:translateY(-1px); }
.gtarp-item-count { position:absolute; top:10px; right:10px; min-width:28px; height:24px; padding:0 7px; display:grid; place-items:center; color:#fff; background:rgba(185,77,132,.85); border-radius:999px; font-size:11px; font-weight:900; }
.gtarp-item-image-wrap { height:108px; display:flex; align-items:center; justify-content:center; }
.gtarp-item-image { max-width:92px; max-height:92px; object-fit:contain; filter:drop-shadow(0 9px 18px rgba(0,0,0,.38)); }
.gtarp-item-name { color:#fff; font-size:13px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gtarp-item-code { margin-top:2px; color:#717b89; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gtarp-item-foot { margin-top:auto; padding-top:10px; display:flex; align-items:center; justify-content:space-between; color:#8d96a4; font-size:10px; }
.gtarp-item-meta { margin-top:9px; padding-top:9px; border-top:1px solid var(--gt-border-soft); color:#9fa8b5; font-size:10px; }
.gtarp-item-meta details summary { cursor:pointer; color:#d48ab0; }
.gtarp-item-meta dl { margin:7px 0 0; }
.gtarp-item-meta dt { color:#697381; font-weight:600; }
.gtarp-item-meta dd { margin:0 0 5px; color:#b8c0ca; overflow-wrap:anywhere; }

/* Tables */
.table-responsive { border:0 !important; }
table,
.table,
.table-minimal,
.dataTable { width:100% !important; margin:0 0 12px !important; color:#d9dee6 !important; background:#1d1e23 !important; border:1px solid var(--gt-border) !important; border-collapse:separate !important; border-spacing:0 !important; border-radius:8px !important; overflow:hidden !important; }
.table > thead > tr > th,
table > thead > tr > th,
.dataTable > thead > tr > th {
  padding:11px 13px !important;
  color:#939dab !important;
  background:#1d1e23 !important;
  border:0 !important;
  border-bottom:1px solid var(--gt-border) !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
}
.table > tbody > tr > td,
table > tbody > tr > td,
.dataTable > tbody > tr > td {
  padding:12px 13px !important;
  color:#d4dae3 !important;
  background:#1d1e23 !important;
  border:0 !important;
  border-bottom:1px solid var(--gt-border-soft) !important;
  vertical-align:middle !important;
}
.table > tbody > tr:last-child > td,
table > tbody > tr:last-child > td { border-bottom:0 !important; }
.table-hover > tbody > tr:hover > td,
.table-striped > tbody > tr:nth-of-type(odd) > td { background:#1d1e23 !important; }
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter { color:var(--gt-muted) !important; }
.pagination > li > a,
.pagination > li > span { color:#b9c0ca !important; background:#1d1e23 !important; border-color:var(--gt-border) !important; }
.pagination > .active > a,
.pagination > .active > span { color:#fff !important; background:var(--gt-accent) !important; border-color:var(--gt-accent) !important; }

/* Forms */
label, .control-label { color:#d4dae2 !important; font-size:12px !important; font-weight:700 !important; }
.form-control,
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], input[type="date"], input[type="datetime-local"],
select, textarea,
.select2-container .select2-choice,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  min-height:42px !important;
  padding:9px 12px !important;
  color:#edf0f4 !important;
  background:#1d1e23 !important;
  border:1px solid #1d1e23 !important;
  border-radius:7px !important;
  box-shadow:none !important;
}
textarea.form-control, textarea { min-height:110px !important; resize:vertical !important; }
.form-control:focus, input:focus, select:focus, textarea:focus { border-color:rgba(185,77,132,.76) !important; box-shadow:0 0 0 3px rgba(185,77,132,.11) !important; outline:none !important; }
.form-control::placeholder, input::placeholder, textarea::placeholder { color:#626c7a !important; }
.input-group-addon { color:#8d97a6 !important; background:#1d1e23 !important; border-color:#1d1e23 !important; }
.help-block, .form-text, .text-muted, small { color:var(--gt-muted) !important; }
.checkbox label, .radio label { color:#c7ced8 !important; }
.switchery { background:#1d1e23 !important; border-color:#343c48 !important; box-shadow:none !important; }

/* Buttons */
.btn {
  min-height:38px !important;
  padding:8px 14px !important;
  border-radius:7px !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  transition:transform .12s ease,background .12s ease,border-color .12s ease !important;
}
.btn:hover { transform:translateY(-1px); }
.btn-primary,
.btn-info,
.gtarp-auth-submit { color:#fff !important; background:linear-gradient(135deg,var(--gt-accent),var(--gt-accent-2)) !important; border-color:rgba(214,112,165,.48) !important; }
.btn-primary:hover, .btn-info:hover { background:linear-gradient(135deg,#c55b91,#89509a) !important; }
.btn-default,
.btn-secondary { color:#d8dee6 !important; background:#1b1c21 !important; border-color:#1d1e23 !important; }
.btn-default:hover { color:#fff !important; background:#1d1e23 !important; border-color:#424b59 !important; }
.btn-success { color:#062615 !important; background:var(--gt-success) !important; border-color:var(--gt-success) !important; }
.btn-warning { color:#251b02 !important; background:var(--gt-warning) !important; border-color:var(--gt-warning) !important; }
.btn-danger { color:#fff !important; background:#b83f52 !important; border-color:#d95568 !important; }
.btn-link { color:#d487ad !important; background:transparent !important; }
.btn-xs { min-height:28px !important; padding:5px 9px !important; font-size:10px !important; }
.btn-lg { min-height:46px !important; padding:12px 18px !important; }

/* Alerts, badges, statuses */
.alert { padding:13px 15px !important; color:#dce1e8 !important; background:#1d1e23 !important; border:1px solid var(--gt-border) !important; border-left-width:3px !important; border-radius:8px !important; }
.alert-info { border-left-color:var(--gt-info) !important; }
.alert-success { border-left-color:var(--gt-success) !important; }
.alert-warning { border-left-color:var(--gt-warning) !important; }
.alert-danger { border-left-color:var(--gt-danger) !important; }
.label, .badge { padding:4px 8px !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; letter-spacing:.035em !important; }
.label-default, .badge-default { color:#c8d0da !important; background:#1d1e23 !important; }
.label-success, .badge-success { color:#9cf3bf !important; background:rgba(51,209,122,.14) !important; }
.label-warning, .badge-warning { color:#f0d483 !important; background:rgba(228,179,61,.14) !important; }
.label-danger, .badge-danger, .bg-danger { color:#ffb0ba !important; background:rgba(255,94,114,.16) !important; }

/* Modals */
.modal { background:rgba(0,0,0,.68) !important; }
.modal-dialog { margin-top:7vh !important; }
.modal-content { overflow:hidden !important; box-shadow:0 28px 85px rgba(0,0,0,.58) !important; }
.modal-header { padding:16px 18px !important; color:#fff !important; background:var(--gt-panel-2) !important; border-bottom:1px solid var(--gt-border) !important; }
.modal-title { color:#fff !important; font-weight:800 !important; }
.modal-body { padding:18px !important; color:#cbd2dc !important; }
.modal-footer { padding:13px 18px !important; background:#1d1e23 !important; border-top:1px solid var(--gt-border) !important; }
.close { color:#fff !important; opacity:.72 !important; text-shadow:none !important; }

/* Auth */
.gtarp-auth-modal .modal-dialog { width:390px !important; max-width:calc(100vw - 28px) !important; }
.gtarp-auth-modal .modal-content { background:#1d1e23 !important; border-color:#34303a !important; }
.gtarp-auth-header { text-align:center !important; }
.gtarp-auth-logo { max-width:155px !important; max-height:74px !important; object-fit:contain !important; }
.gtarp-auth-header h3 { margin:10px 0 5px !important; color:#fff !important; font-size:22px !important; }
.gtarp-auth-header p { color:var(--gt-muted) !important; }
.gtarp-modal-close { position:absolute; right:13px; top:13px; width:34px; height:34px; color:#aab2be; background:#1b1c21; border:1px solid var(--gt-border); border-radius:7px; }

/* Editors and plugins */
.note-editor, .md-editor, .tox-tinymce, .tox .tox-toolbar, .tox .tox-editor-header,
.cke_chrome, .cke_top, .cke_bottom { background:#1d1e23 !important; border-color:var(--gt-border) !important; }
.note-editor .note-editable, .md-editor > textarea { color:#e7ebf0 !important; background:#1d1e23 !important; }
.sweet-alert, .swal2-popup { color:var(--gt-text) !important; background:var(--gt-panel) !important; border:1px solid var(--gt-border) !important; }
.toastr, #toast-container > div { background:#222328 !important; border:1px solid var(--gt-border) !important; box-shadow:var(--gt-shadow) !important; }

/* Old profile/banner suppression */
.gtarp-profile-heading-banner { display:none !important; }
.profile-header, .profile-info, .profile-left, .profile-right { background:transparent !important; }

/* Responsive */
@media (max-width: 1180px) {
  :root { --gt-sidebar-width: 238px; }
  .gtarp-dashboard { grid-template-columns:1fr; }
  .gtarp-dashboard-side { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .gtarp-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gtarp-character-layout { grid-template-columns:200px minmax(0,1fr); }
  .gtarp-character-right { grid-column:1 / -1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  :root { --gt-sidebar-width: 0px; --gt-topbar-height:72px; }
  .gtarp-topbar.navbar, .navbar.navbar-default.navbar-fixed-top { left:0 !important; padding:0 15px !important; }
  .gtarp-brand { position:static !important; width:72px !important; height:72px !important; padding:9px !important; background:transparent !important; border:0 !important; }
  .gtarp-logo { max-width:54px !important; max-height:54px !important; }
  .gtarp-sidebar-toggle { display:block !important; margin-right:8px !important; }
  #sidebar-nav.sidebar { left:-286px !important; width:286px !important; padding-top:90px !important; transition:left .2s ease !important; z-index:1045 !important; }
  body.gtarp-sidebar-open #sidebar-nav.sidebar { left:0 !important; }
  .main { margin-left:0 !important; }
  footer { margin-left:0 !important; }
  .main-content { padding:20px 15px 40px !important; }
  .gtarp-search-wrap { max-width:none !important; }
  .gtarp-account-toggle span { display:none !important; }
  .gtarp-dashboard-feature-grid, .gtarp-dashboard-bottom { grid-template-columns:1fr; }
  .gtarp-dashboard-side { grid-template-columns:1fr; }
  .gtarp-character-layout { grid-template-columns:1fr; }
  .gtarp-character-right { grid-column:auto; grid-template-columns:1fr; }
}
@media (max-width: 650px) {
  .gtarp-kpis, .gtarp-grid-2, .gtarp-grid-3, .gtarp-grid-4 { grid-template-columns:1fr !important; }
  .gtarp-right-nav > li:not(:last-child):not(:first-child) { display:none !important; }
  .gtarp-search .form-control { height:42px !important; }
  .gtarp-welcome h1 { font-size:22px; }
  .gtarp-hero-card { min-height:350px; padding:24px; }
  .gtarp-hero-copy h2 { font-size:26px; }
  .gtarp-inventory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nav-tabs { overflow-x:auto !important; }
}
@media (max-width: 430px) {
  .gtarp-inventory-grid { grid-template-columns:1fr; }
}

/* Final overrides for page-local legacy styles. This file is also loaded after page markup. */
.main-content > :not(.content-heading):not(script):not(style) { max-width: var(--gt-content-max) !important; margin-left:auto !important; margin-right:auto !important; }
.gtarp-route-profile .gtarp-profile-account-card { width:220px !important; padding-left:0 !important; padding-right:7px !important; }
.gtarp-route-profile .gtarp-profile-main-card { width:calc(100% - 220px) !important; padding-left:7px !important; padding-right:0 !important; }
.gtarp-route-profile .gtarp-profile-account-card .panel { min-height:0 !important; }
.gtarp-profile-avatar-main { width:86px !important; height:86px !important; object-fit:cover !important; border-radius:50% !important; border:2px solid rgba(185,77,132,.48) !important; }
.gtarp-profile-account-card h3 { font-size:18px !important; }
.gtarp-profile-social-panel { margin-top:14px !important; }
.gtarp-profile-main-card:after, .gtarp-profile-account-card:after { content:""; display:table; clear:both; }
.gtarp-profile-main-card .character-tabs { position:relative; }

.gtarp-page-banner { margin:0 auto 18px !important; padding:17px 18px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; }
.gtarp-page-banner-main { display:flex; align-items:center; gap:13px; }
.gtarp-page-banner-icon { width:44px; height:44px; display:grid; place-items:center; color:#de8ab4; background:rgba(185,77,132,.09); border:1px solid rgba(185,77,132,.38); border-radius:50%; font-size:17px; }
.gtarp-page-banner h1 { margin:0 !important; font-size:19px !important; font-weight:850 !important; }
.gtarp-page-banner p { margin:2px 0 0 !important; color:var(--gt-muted) !important; font-size:11px !important; }

/* Staff Panel and page-local components */
.gtarp-admin-shell { max-width:var(--gt-content-max) !important; }
.gtarp-admin-hero,
.gtarp-ticket-form,
.gtarp-ticket-card,
.gtarp-asset-list,
.gtarp-reported-prefill-preview,
.permission-shell,
.gtarp-admin-shell .gtarp-tab-content {
  color:var(--gt-text) !important;
  background:var(--gt-panel) !important;
  border-color:var(--gt-border) !important;
  border-radius:var(--gt-radius) !important;
  box-shadow:none !important;
}
.gtarp-admin-hero { padding:18px !important; background:linear-gradient(135deg,rgba(185,77,132,.09),rgba(29,30,35,.98)) !important; }
.gtarp-admin-hero p, .gtarp-muted, .gtarp-ticket-form .gtarp-muted { color:var(--gt-muted) !important; }
.gtarp-rank-pill, .gtarp-log-source { color:#e6a0c1 !important; background:var(--gt-accent-soft) !important; border-color:rgba(185,77,132,.38) !important; }
.gtarp-tabs > li > a { color:#9aa3b0 !important; background:#1d1e23 !important; border-color:var(--gt-border) !important; border-radius:7px !important; }
.gtarp-tabs > li.active > a,
.gtarp-tabs > li > a:hover { color:#fff !important; background:linear-gradient(135deg,var(--gt-accent),var(--gt-accent-2)) !important; border-color:rgba(213,107,161,.62) !important; }
.gtarp-ticket-card:hover, .gtarp-ticket-card.active { border-color:rgba(185,77,132,.65) !important; box-shadow:0 0 0 2px rgba(185,77,132,.10) !important; }
.gtarp-inline-search-results { color:var(--gt-text) !important; background:#1d1e23 !important; border-color:var(--gt-border) !important; }
.gtarp-inline-search-result:hover { background:var(--gt-accent-soft) !important; }
.gtarp-reported-fallback-avatar { background:var(--gt-accent-soft) !important; border-color:rgba(185,77,132,.38) !important; }
.permission-shell .permission-toggle.is-on { background:var(--gt-accent) !important; border-color:var(--gt-accent) !important; }

/* Map, calendar and plugin surfaces */
.leaflet-container, #map, .jvectormap-container { background:#1d1e23 !important; border:1px solid var(--gt-border) !important; border-radius:10px !important; }
.fc-view-container, .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color:var(--gt-border) !important; }
.fc-unthemed td, .fc-unthemed th { background:#1d1e23 !important; }

@media(max-width:900px){
  .gtarp-route-profile .gtarp-profile-account-card,
  .gtarp-route-profile .gtarp-profile-main-card { width:100% !important; padding:0 !important; float:none !important; }
}

/* Character detail layout matching the reference UCP */
.gtarp-route-profile .gtarp-profile-main-card { position:relative !important; padding-right:219px !important; }
.gtarp-character-insights { position:absolute; right:0; top:0; width:205px; display:flex; flex-direction:column; gap:14px; }
.gtarp-character-insights .gtarp-card { padding:14px !important; }
.gtarp-character-insights h3 { margin:0 0 10px !important; font-size:12px !important; font-weight:850 !important; }
.gtarp-character-insights-value { color:#fff; font-size:23px; font-weight:900; line-height:1; }
.gtarp-character-insights-label { margin-top:4px; color:var(--gt-muted); font-size:10px; }
.gtarp-mini-stat-row { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--gt-border-soft); color:var(--gt-muted); font-size:11px; }
.gtarp-mini-stat-row:last-child { border-bottom:0; }
.gtarp-mini-stat-row b { color:#fff; }
.gtarp-character-picker { margin:14px 0; padding:12px; background:#1d1e23; border:1px solid var(--gt-border); border-radius:8px; text-align:left; }
.gtarp-character-picker label { display:block; margin-bottom:6px; color:#d58aae !important; font-size:9px !important; letter-spacing:.1em; text-transform:uppercase; }
.gtarp-character-picker select { width:100%; min-height:36px !important; font-size:11px !important; }
.gtarp-route-profile .character-tabs { display:none !important; }
@media(max-width:1180px){
  .gtarp-route-profile .gtarp-profile-main-card { padding-right:0 !important; }
  .gtarp-character-insights { position:static; width:auto; margin-top:14px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px){.gtarp-character-insights{grid-template-columns:1fr;}}
.gtarp-review-queue { min-width:auto !important; padding:0 16px !important; color:#e8b1ca !important; background:rgba(185,77,132,.10) !important; border-color:rgba(185,77,132,.34) !important; font-size:11px !important; font-weight:850 !important; }
.gtarp-review-queue:hover { color:#fff !important; background:rgba(185,77,132,.18) !important; }
@media(max-width:1050px){.gtarp-review-queue-item{display:none !important;}}

/* ========================================================================== 
   GTARP full rebrand — reference-layout completion
   ========================================================================== */

/* Remove the last visual traces of the legacy blue Klorofil/Bootstrap theme. */
.btn-info,
.label-info,
.badge-info,
.progress-bar-info,
.alert-info,
.panel-info > .panel-heading,
.bg-info,
.bg-blue,
.text-blue,
.text-info,
.fc-state-active,
.fc-state-down,
.fc-state-hover,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  background: linear-gradient(135deg, var(--gt-accent), var(--gt-accent-2)) !important;
  border-color: rgba(213,107,161,.58) !important;
}
.alert-info {
  color: #e9d3df !important;
  background: rgba(185,77,132,.10) !important;
  border: 1px solid rgba(185,77,132,.34) !important;
}
.label-info, .badge-info { padding: 4px 8px !important; border-radius: 999px !important; }
.panel-info > .panel-heading { border-bottom-color: rgba(213,107,161,.32) !important; }
.pagination > li > a,
.pagination > li > span { color: #b9c1cc !important; background: #1d1e23 !important; border-color: var(--gt-border) !important; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover { color: #fff !important; background: var(--gt-accent) !important; border-color: var(--gt-accent) !important; }

/* Shared page composition used by the account-level pages from the references. */
.gtarp-account-overview { max-width: 1080px !important; }
.gtarp-page-hero {
  min-height: 76px;
  margin-bottom: 14px !important;
  padding: 14px 17px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: linear-gradient(135deg, rgba(185,77,132,.06), rgba(29,30,35,.98)) !important;
}
.gtarp-page-hero-main { display: flex; align-items: center; gap: 13px; min-width: 0; }
.gtarp-page-hero-icon,
.gtarp-round-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  color: #df8eb7;
  background: rgba(185,77,132,.08);
  border: 1px solid rgba(185,77,132,.42);
  border-radius: 50%;
  font-size: 17px;
}
.gtarp-page-hero h1 { margin: 0 !important; color: #fff; font-size: 18px !important; font-weight: 900 !important; letter-spacing: -.02em; }
.gtarp-page-hero p { margin: 2px 0 0 !important; color: var(--gt-muted) !important; font-size: 11px !important; }
.gtarp-empty-large { min-height: 210px; display: grid; place-items: center; align-content: center; gap: 7px; }
.gtarp-empty-large > i { color: #c96f9c; font-size: 28px; }
.gtarp-empty-large h2 { margin: 0; color: #fff; font-size: 14px; }
.gtarp-empty-large p { margin: 0; color: var(--gt-muted); font-size: 11px; }

/* Character selection cards. */
.gtarp-character-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.gtarp-character-card { padding: 15px !important; }
.gtarp-character-card-head { display: flex; align-items: center; gap: 11px; padding-bottom: 13px; border-bottom: 1px solid var(--gt-border-soft); }
.gtarp-character-card-head > div { min-width: 0; flex: 1; }
.gtarp-character-card-head h2 { margin: 0 !important; overflow: hidden; color: #fff; font-size: 14px !important; font-weight: 850 !important; text-overflow: ellipsis; white-space: nowrap; }
.gtarp-character-card-head p { margin: 2px 0 0 !important; overflow: hidden; color: var(--gt-muted) !important; font-size: 10px !important; text-overflow: ellipsis; white-space: nowrap; }
.gtarp-character-initials { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #b34f83, #703c84); border: 1px solid rgba(255,255,255,.13); border-radius: 50%; font-size: 14px; font-weight: 900; }
.gtarp-mini-status { padding: 4px 7px; color: var(--gt-success); background: rgba(51,209,122,.08); border: 1px solid rgba(51,209,122,.20); border-radius: 999px; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.gtarp-character-data { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 12px; padding: 10px 0; }
.gtarp-character-data > div { min-width: 0; padding: 8px 0; border-bottom: 1px solid var(--gt-border-soft); }
.gtarp-character-data span { display: block; color: var(--gt-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.gtarp-character-data b { display: block; margin-top: 2px; overflow: hidden; color: #e9edf2; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.gtarp-character-counts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin: 10px 0 13px; }
.gtarp-character-counts span { padding: 8px 5px; color: var(--gt-muted); background: #1d1e23; border: 1px solid var(--gt-border-soft); border-radius: 7px; text-align: center; font-size: 8px; }
.gtarp-character-counts i { display: block; margin-bottom: 4px; color: #cf76a2; font-size: 12px; }
.gtarp-character-counts b { margin-right: 2px; color: #fff; }

/* Account-wide vehicle table, close to the compact reference tables. */
.gtarp-account-table-card { padding: 13px !important; }
.gtarp-account-table-card .gtarp-section-head { padding: 3px 4px 12px; }
.gtarp-account-table-card .gtarp-section-head h2 { margin: 0 !important; font-size: 14px !important; }
.gtarp-reference-table { margin: 0 !important; border: 1px solid var(--gt-border) !important; border-radius: 8px !important; overflow: hidden; }
.gtarp-reference-table > thead > tr > th { height: 38px !important; padding: 10px 12px !important; color: #9fa8b6 !important; background: #1d1e23 !important; font-size: 9px !important; }
.gtarp-reference-table > tbody > tr > td { height: 46px !important; padding: 11px 12px !important; font-size: 11px !important; }
.gtarp-plate { display: inline-flex; min-width: 74px; padding: 5px 8px; justify-content: center; color: #f4eaf0; background: #1d1e23; border: 1px solid #343a45; border-radius: 5px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 800; letter-spacing: .08em; }
.gtarp-state-pill { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 8px; color: #ddb0c6; background: var(--gt-accent-soft); border: 1px solid rgba(185,77,132,.30); border-radius: 999px; font-size: 9px; font-weight: 850; }
.gtarp-state-stored { color: #7ce2aa; background: rgba(51,209,122,.08); border-color: rgba(51,209,122,.22); }
.gtarp-state-out { color: #f0ca74; background: rgba(228,179,61,.08); border-color: rgba(228,179,61,.22); }
.gtarp-state-impounded { color: #ff8c9a; background: rgba(255,94,114,.08); border-color: rgba(255,94,114,.22); }

/* Property and business account cards. */
.gtarp-account-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.gtarp-account-asset-card { padding: 15px !important; }
.gtarp-account-asset-head { display: flex; align-items: center; gap: 11px; }
.gtarp-account-asset-head > div { min-width: 0; flex: 1; }
.gtarp-account-asset-head h2 { margin: 0 !important; overflow: hidden; font-size: 14px !important; text-overflow: ellipsis; white-space: nowrap; }
.gtarp-account-asset-address { margin: 13px 0 !important; padding: 10px 11px; color: #aeb6c2 !important; background: #1d1e23; border: 1px solid var(--gt-border-soft); border-radius: 7px; font-size: 10px; }
.gtarp-account-asset-address i { margin-right: 6px; color: #c76c99; }
.gtarp-account-asset-meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.gtarp-account-asset-meta span { min-width: 0; padding: 9px; background: rgba(255,255,255,.018); border: 1px solid var(--gt-border-soft); border-radius: 7px; }
.gtarp-account-asset-meta small { display: block; color: var(--gt-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.gtarp-account-asset-meta b { display: block; margin-top: 3px; overflow: hidden; color: #fff; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

/* Server status page from the supplied reference. */
.gtarp-status-overview-grid { display: grid; grid-template-columns: 1.05fr 1.35fr .95fr; gap: 14px; }
.gtarp-large-stat, .gtarp-clock-card { min-height: 132px; display: flex; align-items: center; gap: 16px; }
.gtarp-large-stat-icon { width: 52px; height: 52px; flex: 0 0 52px; display: grid; place-items: center; color: #d77fab; border: 1px solid rgba(185,77,132,.42); border-radius: 50%; font-size: 21px; }
.gtarp-large-stat > div, .gtarp-clock-card > div { flex: 1; min-width: 0; }
.gtarp-large-stat small, .gtarp-clock-card small { color: var(--gt-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.gtarp-large-stat strong { display: block; margin-top: 3px; color: #fff; font-size: 24px; }
.gtarp-large-stat p { margin: 4px 0 0 !important; color: var(--gt-muted) !important; font-size: 10px !important; }
.gtarp-service-list { padding: 12px 17px !important; }
.gtarp-status-offline { color: var(--gt-danger); font-size: 11px; font-weight: 800; }
.gtarp-clock-card .gtarp-time { font-size: 25px; }

/* Reference-like shop, ticket and staff pages even where legacy backend markup remains. */
.gtarp-route-goldpoints .panel,
.gtarp-route-ticketcenter .panel,
.gtarp-route-mytickets .panel,
.gtarp-route-staffpanel .panel,
.gtarp-route-leaderpanel .panel { background: var(--gt-panel) !important; border-color: var(--gt-border) !important; }
.gtarp-route-goldpoints .row,
.gtarp-route-ticketcenter .row,
.gtarp-route-staffpanel .row { margin-left: -7px !important; margin-right: -7px !important; }
.gtarp-route-goldpoints [class*="col-"],
.gtarp-route-ticketcenter [class*="col-"],
.gtarp-route-staffpanel [class*="col-"] { padding-left: 7px !important; padding-right: 7px !important; }
.gtarp-route-goldpoints .panel-body,
.gtarp-route-ticketcenter .panel-body { min-height: 0 !important; }
.gtarp-route-staffpanel .nav-tabs,
.gtarp-route-leaderpanel .nav-tabs { margin-bottom: 14px !important; }

@media (max-width: 980px) {
  .gtarp-character-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gtarp-status-overview-grid { grid-template-columns: 1fr 1fr; }
  .gtarp-clock-card { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
  .gtarp-page-hero { align-items: flex-start; flex-direction: column; }
  .gtarp-character-card-grid,
  .gtarp-account-card-grid,
  .gtarp-status-overview-grid { grid-template-columns: 1fr; }
  .gtarp-clock-card { grid-column: auto; }
  .gtarp-account-asset-meta { grid-template-columns: 1fr; }
}

/* Shop page matching the supplied card layout. */
.gtarp-shop-page { max-width: 1080px !important; }
.gtarp-shop-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 14px; }
.gtarp-shop-summary .gtarp-card { min-height: 76px; padding: 13px 16px !important; }
.gtarp-shop-summary span { display: block; color: var(--gt-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.gtarp-shop-summary strong { display: block; margin-top: 4px; color: #fff; font-size: 22px; line-height: 1; }
.gtarp-shop-summary small { color: #788291; font-size: 9px; }
.gtarp-shop-section { margin-bottom: 14px; }
.gtarp-shop-section > .gtarp-section-head { margin-bottom: 11px; padding: 0 2px; }
.gtarp-shop-section > .gtarp-section-head h2 { margin: 0; color: #fff; font-size: 14px; }
.gtarp-shop-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.gtarp-shop-product { min-height: 280px; display: flex; flex-direction: column; padding: 15px !important; background: radial-gradient(circle at 100% 0, rgba(185,77,132,.12), transparent 34%), var(--gt-panel) !important; }
.gtarp-shop-product-icon { width: 42px; height: 42px; margin-bottom: 16px; display: grid; place-items: center; color: #d47aa6; background: rgba(185,77,132,.08); border: 1px solid rgba(185,77,132,.38); border-radius: 50%; }
.gtarp-shop-product h3 { margin: 0 0 7px !important; color: #fff; font-size: 16px !important; }
.gtarp-shop-price { display: block; margin-bottom: 9px; color: #e491ba; font-size: 22px; }
.gtarp-shop-product p { flex: 1; margin: 0 0 16px !important; color: var(--gt-muted) !important; font-size: 10px !important; }
.gtarp-shop-product .btn { min-height: 40px !important; }
.gtarp-shop-lower { display: grid; grid-template-columns: .8fr 1.2fr; gap: 12px; margin-top: 12px; }
.gtarp-shop-lower .gtarp-card { min-width: 0; }
.gtarp-shop-lower .gtarp-section-head { margin-bottom: 12px; }
.gtarp-shop-lower .gtarp-section-head h2 { margin: 0 !important; font-size: 14px !important; }
.gtarp-shop-lower .gtarp-section-head > i { color: #c66b98; }
.gtarp-shop-gift p { font-size: 10px !important; }
@media(max-width:900px){.gtarp-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gtarp-shop-lower{grid-template-columns:1fr}}
@media(max-width:650px){.gtarp-shop-summary,.gtarp-shop-grid{grid-template-columns:1fr}}

/* Ticket Center two-column reference layout. */
.gtarp-ticket-center { max-width: 1080px !important; }
.gtarp-support-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 12px; align-items: start; }
.gtarp-support-create, .gtarp-support-requests { min-width: 0; }
.gtarp-support-create > .gtarp-section-head,
.gtarp-support-requests > .gtarp-section-head { margin-bottom: 12px; }
.gtarp-support-create > .gtarp-section-head h2,
.gtarp-support-requests > .gtarp-section-head h2 { margin: 0 !important; font-size: 14px !important; }
.gtarp-support-create > .gtarp-section-head > i { color: #c76c99; }
.gtarp-support-create > p { margin: 0 0 11px !important; font-size: 10px !important; }
.gtarp-support-layout .gtarp-ticket-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0 0 10px; }
.gtarp-support-layout .gtarp-ticket-card { min-height: 88px; padding: 11px !important; border-radius: 8px !important; }
.gtarp-support-layout .gtarp-ticket-card h3 { margin: 0 0 4px; color: #fff; font-size: 11px; }
.gtarp-support-layout .gtarp-ticket-card p { margin: 0; color: var(--gt-muted); font-size: 9px; }
.gtarp-support-layout .gtarp-ticket-form { padding: 12px !important; border-radius: 8px !important; }
.gtarp-support-layout .gtarp-ticket-form h3 { margin-top: 0; font-size: 13px; }
.gtarp-support-request-list { display: flex; flex-direction: column; }
.gtarp-support-request { min-height: 58px; padding: 10px 0; display: flex; align-items: center; gap: 12px; color: inherit; border-bottom: 1px solid var(--gt-border-soft); }
.gtarp-support-request:last-child { border-bottom: 0; }
.gtarp-support-request > span { min-width: 0; flex: 1; }
.gtarp-support-request strong { display: block; overflow: hidden; color: #fff; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.gtarp-support-request small { display: block; margin-top: 3px; overflow: hidden; color: var(--gt-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.gtarp-support-request em { padding: 4px 7px; color: #ddb0c6; background: var(--gt-accent-soft); border: 1px solid rgba(185,77,132,.28); border-radius: 999px; font-size: 8px; font-style: normal; font-weight: 850; white-space: nowrap; }
@media(max-width:850px){.gtarp-support-layout{grid-template-columns:1fr}.gtarp-support-layout .gtarp-ticket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.gtarp-support-layout .gtarp-ticket-grid{grid-template-columns:1fr}}

/* ========================================================================== 
   GTARP character workspace — rebuilt from the supplied reference layouts
   ========================================================================== */
body.gtarp-route-character .gtarp-page-banner { display: none !important; }
.gtarp-character-reference-page { max-width: 1040px !important; }
.gtarp-character-reference-layout {
  display: grid;
  grid-template-columns: 214px minmax(0, 1fr) 210px;
  gap: 14px;
  align-items: start;
}
.gtarp-character-reference-left,
.gtarp-character-reference-right { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.gtarp-character-selector-card,
.gtarp-character-attribute-card,
.gtarp-character-activity-card,
.gtarp-character-quick-card { padding: 14px !important; }
.gtarp-back-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 15px; color: #d985ae !important; font-size: 10px; font-weight: 800; }
.gtarp-character-selector-card > label {
  display: block;
  margin: 0 0 6px;
  color: #d985ae !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.gtarp-character-selector-card select { height: 36px !important; min-height: 36px !important; padding: 0 10px !important; font-size: 10px !important; }
.gtarp-character-identity { display: flex; align-items: center; gap: 10px; margin: 13px 0 10px; }
.gtarp-character-initials-large { width: 48px !important; height: 48px !important; flex: 0 0 48px !important; font-size: 15px !important; }
.gtarp-character-identity h2 { margin: 0 !important; overflow: hidden; font-size: 14px !important; font-weight: 900 !important; text-overflow: ellipsis; white-space: nowrap; }
.gtarp-character-identity p { margin: 2px 0 0 !important; color: var(--gt-muted) !important; font-size: 9px !important; }
.gtarp-character-facts > div { padding: 8px 0; border-bottom: 1px solid var(--gt-border-soft); }
.gtarp-character-facts > div:last-child { border-bottom: 0; }
.gtarp-character-facts span { display: block; color: #fff; font-size: 9px; font-weight: 850; }
.gtarp-character-facts b { display: block; margin-top: 2px; overflow-wrap: anywhere; color: var(--gt-muted); font-size: 9px; font-weight: 500; }
.gtarp-character-attribute-card h3,
.gtarp-character-activity-card h3,
.gtarp-character-quick-card h3 { margin: 0 0 10px !important; color: #fff !important; font-size: 11px !important; font-weight: 900 !important; }
.gtarp-character-attribute-card a { display: flex; align-items: center; gap: 8px; min-height: 28px; color: #d985ae !important; font-size: 9px; font-weight: 750; }
.gtarp-character-attribute-card a i { font-size: 8px; }

.gtarp-character-reference-main { min-width: 0; padding: 0 !important; overflow: hidden; }
.gtarp-character-primary-tabs { min-height: 50px; margin: 0 !important; padding: 0 12px !important; display: flex !important; align-items: stretch !important; gap: 0 !important; border-bottom: 1px solid var(--gt-border) !important; background: #1d1e23 !important; }
.gtarp-character-primary-tabs > li { margin: 0 !important; }
.gtarp-character-primary-tabs > li > a {
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  display: flex !important;
  align-items: center !important;
  color: #818a98 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  font-size: 9px !important;
  font-weight: 650 !important;
}
.gtarp-character-primary-tabs > li.active > a,
.gtarp-character-primary-tabs > li > a:hover,
.gtarp-character-primary-tabs > li > a:focus { color: #fff !important; background: transparent !important; border-bottom-color: var(--gt-accent) !important; }
.gtarp-character-primary-content > .tab-pane { min-height: 410px; padding: 16px; }
.gtarp-character-pane-heading { margin-bottom: 13px; }
.gtarp-character-pane-heading h1 { margin: 0 !important; color: #fff !important; font-size: 16px !important; font-weight: 900 !important; }
.gtarp-character-pane-heading h2 { margin: 0 !important; color: #fff !important; font-size: 14px !important; font-weight: 900 !important; }
.gtarp-character-pane-heading p { margin: 3px 0 0 !important; color: var(--gt-muted) !important; font-size: 9px !important; }
.gtarp-character-story { color: #aab2bf; font-size: 10px; line-height: 1.7; }
.gtarp-character-story p { margin: 0 0 10px !important; color: #aab2bf !important; }
.gtarp-character-profile-metrics,
.gtarp-stat-card-grid,
.gtarp-wealth-grid,
.gtarp-attribute-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin: 13px 0; }
.gtarp-character-profile-metrics > div,
.gtarp-stat-card-grid > div,
.gtarp-wealth-grid > div,
.gtarp-attribute-grid > div {
  min-width: 0;
  padding: 10px;
  background: #1d1e23;
  border: 1px solid var(--gt-border);
  border-radius: 7px;
}
.gtarp-character-profile-metrics span,
.gtarp-stat-card-grid span,
.gtarp-wealth-grid span,
.gtarp-attribute-grid span { display: block; color: #707a89; font-size: 7px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.gtarp-character-profile-metrics b,
.gtarp-stat-card-grid b,
.gtarp-wealth-grid b,
.gtarp-attribute-grid b { display: block; margin-top: 4px; overflow: hidden; color: #fff; font-size: 11px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.gtarp-character-profile-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 13px 0; }
.gtarp-character-profile-grid > section,
.gtarp-character-goals,
.gtarp-activity-card { padding: 12px; background: #1d1e23; border: 1px solid var(--gt-border); border-radius: 8px; }
.gtarp-character-profile-grid h3,
.gtarp-character-goals h3 { margin: 0 0 9px !important; color: #fff !important; font-size: 10px !important; font-weight: 900 !important; }
.gtarp-definition-list > div { min-height: 30px; padding: 6px 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--gt-border-soft); }
.gtarp-definition-list > div:last-child { border-bottom: 0; }
.gtarp-definition-list span { color: var(--gt-muted); font-size: 8px; }
.gtarp-definition-list b { max-width: 64%; color: #fff; font-size: 8px; font-weight: 750; text-align: right; }
.gtarp-character-goals p { margin: 0 !important; color: var(--gt-muted) !important; font-size: 9px !important; line-height: 1.55; }

.gtarp-character-secondary-tabs { margin: -16px -16px 14px !important; padding: 0 12px !important; display: flex !important; gap: 0 !important; border-bottom: 1px solid var(--gt-border) !important; background: #1d1e23 !important; }
.gtarp-character-secondary-tabs > li > a { min-height: 39px !important; margin: 0 !important; padding: 0 9px !important; display: flex !important; align-items: center !important; color: #747e8b !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; font-size: 7px !important; font-weight: 850 !important; letter-spacing: .04em; text-transform: uppercase; }
.gtarp-character-secondary-tabs > li.active > a,
.gtarp-character-secondary-tabs > li > a:hover { color: #fff !important; background: transparent !important; border-bottom-color: var(--gt-accent) !important; }
.gtarp-character-secondary-content > .tab-pane { padding: 0; }
.gtarp-character-data-section { margin-bottom: 15px; }
.gtarp-character-data-section:last-child { margin-bottom: 0; }
.gtarp-character-data-section h2 { margin: 0 0 8px !important; color: #fff !important; font-size: 12px !important; font-weight: 900 !important; }
.gtarp-character-reference-main .gtarp-reference-table { margin-bottom: 0 !important; font-size: 8px !important; }
.gtarp-character-reference-main .gtarp-reference-table th { height: 29px !important; padding: 7px 9px !important; color: #717b89 !important; font-size: 7px !important; }
.gtarp-character-reference-main .gtarp-reference-table td { height: 36px !important; padding: 8px 9px !important; font-size: 8px !important; }
.gtarp-character-reference-main .gtarp-empty { min-height: 68px; padding: 24px 14px !important; font-size: 8px !important; }
.gtarp-character-empty { min-height: 210px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
.gtarp-character-empty i { color: #c66f9a; font-size: 24px; }
.gtarp-character-empty strong { color: #fff; font-size: 11px; }
.gtarp-character-empty span { color: var(--gt-muted); font-size: 8px; }

.gtarp-character-reference-page .gtarp-reference-inventory { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 9px !important; }
.gtarp-character-reference-page .gtarp-item-card { min-height: 190px !important; padding: 10px !important; background: #1d1e23 !important; border-color: var(--gt-border) !important; border-radius: 7px !important; }
.gtarp-character-reference-page .gtarp-item-image-wrap { height: 92px !important; margin: 0 0 8px !important; background: radial-gradient(circle, rgba(185,77,132,.08), transparent 68%) !important; border: 0 !important; }
.gtarp-character-reference-page .gtarp-item-image { width: 76px !important; height: 76px !important; object-fit: contain !important; }
.gtarp-character-reference-page .gtarp-item-count { top: 8px !important; right: 8px !important; min-width: 23px !important; height: 21px !important; padding: 3px 6px !important; font-size: 8px !important; }
.gtarp-character-reference-page .gtarp-item-name { font-size: 10px !important; }
.gtarp-character-reference-page .gtarp-item-code { font-size: 7px !important; }
.gtarp-character-reference-page .gtarp-item-foot { margin-top: 7px !important; padding-top: 7px !important; font-size: 7px !important; }
.gtarp-item-details { margin-top: 7px; color: var(--gt-muted); font-size: 7px; }
.gtarp-item-details summary { cursor: pointer; color: #d985ae; font-weight: 800; }
.gtarp-item-details dl { max-height: 110px; margin: 7px 0 0; padding: 7px; overflow: auto; background: #1d1e23; border: 1px solid var(--gt-border-soft); border-radius: 5px; }
.gtarp-item-details dt { margin-top: 4px; color: #fff; }
.gtarp-item-details dd { margin: 1px 0 0; overflow-wrap: anywhere; color: var(--gt-muted); }

.gtarp-phone-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.gtarp-phone-card { min-width: 0; padding: 13px; background: #1d1e23; border: 1px solid var(--gt-border); border-radius: 8px; }
.gtarp-phone-card-title { display: flex; align-items: center; gap: 10px; }
.gtarp-phone-card-title > i { width: 32px; height: 32px; display: grid; place-items: center; color: #d985ae; border: 1px solid rgba(185,77,132,.35); border-radius: 6px; }
.gtarp-phone-card-title > div { min-width: 0; flex: 1; }
.gtarp-phone-card-title h3 { margin: 0 !important; overflow: hidden; color: #fff !important; font-size: 12px !important; font-weight: 900 !important; text-overflow: ellipsis; white-space: nowrap; }
.gtarp-phone-card-title p { margin: 2px 0 0 !important; color: var(--gt-muted) !important; font-size: 8px !important; }
.gtarp-phone-card-meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--gt-border-soft); }
.gtarp-phone-card-meta span { display: block; color: #6f7886; font-size: 6px; font-weight: 850; text-transform: uppercase; }
.gtarp-phone-card-meta b { display: block; margin-top: 3px; color: #fff; font-size: 7px; font-weight: 750; }

.gtarp-character-action-list { display: flex; flex-direction: column; gap: 10px; }
.gtarp-character-action-list > article { min-height: 88px; padding: 13px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #1d1e23; border: 1px solid var(--gt-border); border-radius: 8px; }
.gtarp-character-action-list h3 { margin: 0 !important; color: #fff !important; font-size: 11px !important; font-weight: 900 !important; }
.gtarp-character-action-list p { max-width: 450px; margin: 4px 0 0 !important; color: var(--gt-muted) !important; font-size: 8px !important; }
.gtarp-character-action-list .btn { min-width: 102px; }
.gtarp-stat-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.gtarp-activity-card { margin-top: 12px; }
.gtarp-activity-card .gtarp-section-head { align-items: flex-start !important; }
.gtarp-activity-card .gtarp-section-head h2 { margin: 0 !important; font-size: 13px !important; }
.gtarp-activity-card .gtarp-section-head p { margin: 3px 0 0 !important; color: var(--gt-muted) !important; font-size: 8px !important; }
.gtarp-activity-card .gtarp-section-head > strong { color: #d985ae; font-size: 10px; }
.gtarp-month-chart { height: 150px; margin-top: 12px; padding: 12px 8px 0; display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 8px; align-items: end; border: 1px solid var(--gt-border); border-radius: 7px; background: #1d1e23; }
.gtarp-month-column { height: 125px; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; gap: 6px; }
.gtarp-month-column span { min-height: 3px; background: linear-gradient(to top, var(--gt-accent-2), #d985ae); border-radius: 3px 3px 0 0; }
.gtarp-month-column small { color: #596271; font-size: 6px; text-align: center; }
.gtarp-chart-unavailable .gtarp-month-column span { opacity: .32; }

.gtarp-character-activity-card { position: relative; }
.gtarp-character-activity-card > div:first-child { padding-right: 34px; }
.gtarp-character-activity-card > i { position: absolute; right: 14px; top: 35px; color: #d985ae; font-size: 25px; }
.gtarp-character-activity-card strong { display: block; color: #fff; font-size: 22px; line-height: 1; }
.gtarp-character-activity-card span { display: block; margin-top: 3px; color: var(--gt-muted); font-size: 8px; }
.gtarp-character-month-row { margin-top: 12px; padding-top: 10px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--gt-border-soft); }
.gtarp-character-month-row b { color: #fff; font-size: 9px; }
.gtarp-character-quick-card > div { min-height: 31px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--gt-border-soft); color: var(--gt-muted); font-size: 8px; }
.gtarp-character-quick-card > div:last-child { border-bottom: 0; }
.gtarp-character-quick-card b { color: #fff; font-size: 9px; }

/* Dashboard reference alignment: image-led hero, tighter KPI cards and right rail. */
.gtarp-hero-card {
  background-image: linear-gradient(180deg, rgba(29,30,35,.05), rgba(29,30,35,.92)), url('https://static.gtarp.network/images/banner.png') !important;
  background-size: cover !important;
  background-position: center !important;
}
.gtarp-hero-card:before { background: linear-gradient(90deg, rgba(29,30,35,.86), rgba(29,30,35,.14) 68%) !important; opacity: 1 !important; mask-image: none !important; }
.gtarp-hero-art { display: none !important; }
.gtarp-media-cover { background-image: linear-gradient(180deg, rgba(29,30,35,.05), rgba(29,30,35,.72)), url('https://static.gtarp.network/images/banner.png') !important; background-size: cover !important; background-position: center !important; filter: grayscale(.75); }
.gtarp-dashboard-side .gtarp-card { padding: 16px !important; }
.gtarp-dashboard-side h3 { margin: 0 0 11px !important; font-size: 11px !important; font-weight: 900 !important; }

/* Final visual hard reset for untouched legacy pages. */
body.gtarp-ucp .panel-info,
body.gtarp-ucp .panel-primary,
body.gtarp-ucp .panel-success,
body.gtarp-ucp .panel-warning,
body.gtarp-ucp .panel-danger,
body.gtarp-ucp .alert,
body.gtarp-ucp .well,
body.gtarp-ucp .card,
body.gtarp-ucp .widget { background-color: var(--gt-panel) !important; background-image: none !important; }
body.gtarp-ucp .panel-info > .panel-heading,
body.gtarp-ucp .panel-primary > .panel-heading,
body.gtarp-ucp .panel-success > .panel-heading,
body.gtarp-ucp .panel-warning > .panel-heading,
body.gtarp-ucp .panel-danger > .panel-heading { color: #fff !important; background: var(--gt-panel-2) !important; border-color: var(--gt-border) !important; }
body.gtarp-ucp .btn-info,
body.gtarp-ucp .btn-primary { color: #fff !important; background: linear-gradient(135deg, var(--gt-accent), var(--gt-accent-2)) !important; border-color: rgba(218,121,170,.58) !important; }
body.gtarp-ucp .btn-info:hover,
body.gtarp-ucp .btn-primary:hover { background: linear-gradient(135deg, #cf6599, #914ca0) !important; border-color: rgba(232,149,191,.72) !important; }
body.gtarp-ucp .progress-bar-info,
body.gtarp-ucp .progress-bar-primary { background: linear-gradient(90deg, var(--gt-accent-2), var(--gt-accent)) !important; }
body.gtarp-ucp .text-info,
body.gtarp-ucp a.text-info { color: #d985ae !important; }
body.gtarp-ucp .label-info,
body.gtarp-ucp .badge-info { color: #f8dce9 !important; background: rgba(185,77,132,.16) !important; border: 1px solid rgba(185,77,132,.32) !important; }
body.gtarp-ucp input:focus,
body.gtarp-ucp select:focus,
body.gtarp-ucp textarea:focus,
body.gtarp-ucp .form-control:focus { border-color: rgba(213,112,162,.72) !important; box-shadow: 0 0 0 2px rgba(185,77,132,.10) !important; }

@media (max-width: 1160px) {
  .gtarp-character-reference-layout { grid-template-columns: 205px minmax(0,1fr); }
  .gtarp-character-reference-right { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 850px) {
  .gtarp-character-reference-page { max-width: 100% !important; }
  .gtarp-character-reference-layout { grid-template-columns: 1fr; }
  .gtarp-character-reference-left { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gtarp-character-primary-tabs,
  .gtarp-character-secondary-tabs { overflow-x: auto !important; }
}
@media (max-width: 620px) {
  .gtarp-character-reference-left,
  .gtarp-character-reference-right,
  .gtarp-character-profile-grid,
  .gtarp-phone-card-grid,
  .gtarp-character-profile-metrics,
  .gtarp-stat-card-grid,
  .gtarp-wealth-grid,
  .gtarp-attribute-grid { grid-template-columns: 1fr !important; }
  .gtarp-character-reference-page .gtarp-reference-inventory { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .gtarp-character-action-list > article { align-items: flex-start; flex-direction: column; }
  .gtarp-character-action-list .btn { width: 100%; }
}
@media (max-width: 420px) {
  .gtarp-character-reference-page .gtarp-reference-inventory { grid-template-columns: 1fr !important; }
}
.gtarp-menu-number { margin-left: auto; color: #6f7987; font-size: 9px; font-weight: 750; }
#sidebar-nav .nav > li > a.active .gtarp-menu-number,
#sidebar-nav .nav > li.active > a .gtarp-menu-number { color: #edbad2; }

/* Account settings follows the same centered tabbed workspace as the references. */
.gtarp-route-settings .gtarp-settings-page { max-width: 1040px !important; padding: 0 !important; }
.gtarp-route-settings .gtarp-settings-page > .row { margin: 0 !important; }
.gtarp-route-settings .gtarp-settings-page > .row > [class*="col-"] { width: 100% !important; padding: 0 !important; }
.gtarp-route-settings .gtarp-settings-page > .row > [class*="col-"] > .panel { margin: 0 !important; }
.gtarp-route-settings .gtarp-settings-page .panel-heading { display: none !important; }
.gtarp-route-settings .gtarp-settings-page .panel-body { padding: 0 !important; }
.gtarp-route-settings .gtarp-settings-page .panel-body > .nav-tabs { min-height: 50px; margin: 0 !important; padding: 0 16px !important; display: flex !important; align-items: stretch; border-bottom: 1px solid var(--gt-border) !important; background: #1d1e23 !important; }
.gtarp-route-settings .gtarp-settings-page .panel-body > .nav-tabs > li > a { height: 50px !important; margin: 0 !important; padding: 0 13px !important; display: flex !important; align-items: center !important; color: var(--gt-muted) !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; font-size: 10px !important; }
.gtarp-route-settings .gtarp-settings-page .panel-body > .nav-tabs > li.active > a,
.gtarp-route-settings .gtarp-settings-page .panel-body > .nav-tabs > li > a:hover { color: #fff !important; border-bottom-color: var(--gt-accent) !important; }
.gtarp-route-settings .gtarp-settings-page .panel-body > .tab-content { padding: 18px !important; }
.gtarp-route-settings .gtarp-settings-page h3,
.gtarp-route-settings .gtarp-settings-page h4 { color: #fff !important; }
.gtarp-route-settings .gtarp-settings-media-card,
.gtarp-route-settings .gtarp-2fa-method-card,
.gtarp-route-settings .gtarp-2fa-qr-card,
.gtarp-route-settings .gtarp-2fa-manual-card { color: var(--gt-text) !important; background: #1d1e23 !important; border: 1px solid var(--gt-border) !important; border-radius: 8px !important; box-shadow: none !important; }
.gtarp-route-settings .gtarp-settings-banner-preview { border-color: var(--gt-border) !important; }
.gtarp-route-settings .gtarp-settings-banner-empty { background: linear-gradient(135deg, rgba(185,77,132,.10), rgba(0,0,0,.12)) !important; }

/* The optional light theme stays neutral and keeps the GTARP accent; no blue legacy palette. */
html[data-theme="light"] {
  --gt-bg: #eef0f3;
  --gt-bg-soft: #e5e8ec;
  --gt-sidebar: #f7f8fa;
  --gt-topbar: rgba(247,248,250,.96);
  --gt-panel: #ffffff;
  --gt-panel-2: #f4f5f7;
  --gt-panel-3: #eceff2;
  --gt-border: #d8dce2;
  --gt-border-soft: rgba(29,30,35,.08);
  --gt-text: #15181d;
  --gt-muted: #69717d;
  --gt-muted-2: #8a929e;
  --gt-shadow: 0 18px 50px rgba(29,30,35,.10);
}
html[data-theme="light"] body,
html[data-theme="light"] #wrapper,
html[data-theme="light"] .main,
html[data-theme="light"] .main-content { color: var(--gt-text) !important; background: var(--gt-bg) !important; }
html[data-theme="light"] .gtarp-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .card,
html[data-theme="light"] .well,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .list-group-item { color: var(--gt-text) !important; background: var(--gt-panel) !important; border-color: var(--gt-border) !important; }
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] strong,
html[data-theme="light"] b { color: #15181d !important; }
html[data-theme="light"] #sidebar-nav .nav > li > a { color: #4f5865 !important; }
html[data-theme="light"] #sidebar-nav .nav > li > a:hover,
html[data-theme="light"] #sidebar-nav .nav > li.active > a,
html[data-theme="light"] #sidebar-nav .nav > li > a.active { color: #15181d !important; background: rgba(185,77,132,.10) !important; }
html[data-theme="light"] .form-control,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea { color: #15181d !important; background: #fff !important; border-color: #d3d7dd !important; }
html[data-theme="light"] .table > thead > tr > th { color: #5e6671 !important; background: #f0f2f4 !important; }
html[data-theme="light"] .table > tbody > tr > td { color: #333942 !important; background: #fff !important; }


/* ==========================================================================
   GTARP FINAL PURPLE SHELL — authoritative overrides
   Mirrors the supplied UCP references while using the in-game panel palette.
   ========================================================================== */
html, body, body.gtarp-ucp { background:#111216 !important; color:var(--gt-text) !important; }
body.gtarp-ucp { min-width:320px; overflow-x:hidden !important; }
body.gtarp-ucp * { scrollbar-color: rgba(185,122,145,.55) rgba(255,255,255,.035); scrollbar-width:thin; }
body.gtarp-ucp *::-webkit-scrollbar { width:7px; height:7px; }
body.gtarp-ucp *::-webkit-scrollbar-track { background:rgba(255,255,255,.025); }
body.gtarp-ucp *::-webkit-scrollbar-thumb { background:rgba(185,122,145,.50); border-radius:999px; }

/* Correct shell geometry: Sidebar owns the logo; topbar begins beside it. */
body.gtarp-ucp #wrapper { min-height:100vh !important; background:#111216 !important; }
body.gtarp-ucp .gtarp-brand { display:none !important; }
body.gtarp-ucp #sidebar-nav.sidebar {
  top:0 !important; width:var(--gt-sidebar-width) !important; padding:0 15px 20px !important;
  display:flex !important; flex-direction:column !important; background:var(--gt-sidebar) !important;
  border-right:1px solid var(--gt-border-soft) !important; overflow:hidden !important;
}
body.gtarp-ucp .gtarp-sidebar-brand {
  height:126px; flex:0 0 126px; display:flex; align-items:center; justify-content:center;
  margin:0 -15px 8px; padding:14px 26px; border-bottom:1px solid var(--gt-border-soft);
  background:linear-gradient(180deg,rgba(34,35,40,.60),rgba(20,21,25,0));
}
body.gtarp-ucp .gtarp-sidebar-brand a { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
body.gtarp-ucp .gtarp-sidebar-brand img { width:205px !important; max-width:100% !important; height:auto !important; max-height:105px !important; object-fit:contain !important; filter:drop-shadow(0 10px 24px rgba(0,0,0,.32)); }
body.gtarp-ucp #sidebar-nav > nav { min-height:0; flex:1 1 auto; overflow-y:auto !important; overflow-x:hidden !important; padding-right:3px; }
body.gtarp-ucp .gtarp-sidebar-foot { flex:0 0 auto; margin:12px 0 0 !important; }

body.gtarp-ucp .gtarp-topbar.navbar,
body.gtarp-ucp .navbar.navbar-default.navbar-fixed-top {
  left:var(--gt-sidebar-width) !important; width:auto !important; height:var(--gt-topbar-height) !important;
  padding:0 34px !important; gap:24px !important; background:var(--gt-topbar) !important;
  border-bottom:1px solid var(--gt-border-soft) !important; box-shadow:none !important;
}
body.gtarp-ucp .gtarp-search-wrap { flex:0 1 600px !important; width:min(600px,42vw) !important; max-width:600px !important; min-width:260px !important; }
body.gtarp-ucp .gtarp-search.navbar-form { display:block !important; width:100% !important; height:44px !important; overflow:visible !important; }
body.gtarp-ucp .gtarp-search .form-control {
  display:block !important; width:100% !important; height:44px !important; min-height:44px !important;
  padding:0 52px 0 44px !important; background:var(--gt-input) !important; color:var(--gt-text) !important;
  border:1px solid var(--gt-border-soft) !important; border-radius:999px !important;
  box-shadow:none !important; outline:0 !important;
}
body.gtarp-ucp .gtarp-search .form-control:focus { border-color:var(--gt-border-strong) !important; box-shadow:0 0 0 3px rgba(185,122,145,.10) !important; }
body.gtarp-ucp .gtarp-search .btn { right:4px !important; top:4px !important; width:36px !important; height:36px !important; background:linear-gradient(135deg,var(--gt-accent),var(--gt-accent-2)) !important; border:1px solid rgba(185,122,145,.34) !important; }
body.gtarp-ucp .gtarp-search .btn:after { content:'↵'; color:#fff; font-size:12px; font-weight:900; }
body.gtarp-ucp .gtarp-navbar-menu { min-width:0 !important; }
body.gtarp-ucp .gtarp-right-nav { gap:5px !important; flex-wrap:nowrap !important; }
body.gtarp-ucp .gtarp-review-queue { min-width:auto !important; padding:0 13px !important; color:#e2c0d0 !important; background:rgba(185,122,145,.08) !important; border:1px solid var(--gt-border-soft) !important; }

/* Compact sidebar matching the reference proportions. */
body.gtarp-ucp #sidebar-nav .menu-group { padding:15px 12px 6px !important; color:#8f8795 !important; font-size:9px !important; }
body.gtarp-ucp #sidebar-nav .nav > li { margin:1px 0 !important; }
body.gtarp-ucp #sidebar-nav .nav > li > a,
body.gtarp-ucp #sidebar-nav .submenu > li > a {
  min-height:39px !important; padding:9px 12px !important; gap:11px !important; color:#c8c1cb !important;
  border-radius:9px !important; font-size:12px !important; font-weight:600 !important;
}
body.gtarp-ucp #sidebar-nav .nav > li > a i:first-child { width:18px !important; color:#938b99 !important; font-size:13px !important; }
body.gtarp-ucp #sidebar-nav .nav > li > a:hover,
body.gtarp-ucp #sidebar-nav .submenu > li > a:hover { color:#fff !important; background:rgba(185,122,145,.07) !important; border-color:rgba(185,122,145,.15) !important; }
body.gtarp-ucp #sidebar-nav .nav > li > a.active,
body.gtarp-ucp #sidebar-nav .nav > li.active > a,
body.gtarp-ucp #sidebar-nav .submenu > li > a.active,
body.gtarp-ucp #sidebar-nav .nav > li > a[aria-expanded=true] {
  color:#fff !important; background:linear-gradient(135deg,rgba(154,99,118,.24),rgba(111,85,125,.17)) !important;
  border-color:rgba(185,122,145,.42) !important; box-shadow:inset 2px 0 0 var(--gt-accent-bright) !important;
}
body.gtarp-ucp #sidebar-nav .panel { background:transparent !important; border:0 !important; overflow:visible !important; }
body.gtarp-ucp #sidebar-nav .submenu { padding:4px 0 5px 25px !important; }

/* Content fills the page beside the sidebar; route-specific screens set their own max-width. */
body.gtarp-ucp .main { margin-left:var(--gt-sidebar-width) !important; padding-top:var(--gt-topbar-height) !important; background:#111216 !important; }
body.gtarp-ucp .main-content { min-height:calc(100vh - var(--gt-topbar-height)) !important; padding:26px 34px 52px !important; background:#111216 !important; }
body.gtarp-ucp .main-content > .container-fluid { max-width:var(--gt-content-max) !important; }
body.gtarp-ucp .content-heading { display:none !important; }

/* In-game panel language: dark grey surfaces, purple only on borders and actions. */
body.gtarp-ucp .gtarp-card, body.gtarp-ucp .panel, body.gtarp-ucp .widget, body.gtarp-ucp .well,
body.gtarp-ucp .box, body.gtarp-ucp .card, body.gtarp-ucp .modal-content, body.gtarp-ucp .jumbotron,
body.gtarp-ucp .thumbnail, body.gtarp-ucp .list-group-item, body.gtarp-ucp .tab-content {
  background:var(--gt-panel) !important; background-image:none !important; color:var(--gt-text) !important;
  border:1px solid var(--gt-border-soft) !important; border-radius:12px !important; box-shadow:none !important;
}
body.gtarp-ucp .panel-heading, body.gtarp-ucp .panel-default>.panel-heading, body.gtarp-ucp .panel-primary>.panel-heading,
body.gtarp-ucp .panel-info>.panel-heading, body.gtarp-ucp .panel-success>.panel-heading,
body.gtarp-ucp .panel-warning>.panel-heading, body.gtarp-ucp .panel-danger>.panel-heading {
  background:var(--gt-panel-2) !important; color:#fff !important; border:0 !important; border-bottom:1px solid var(--gt-border-soft) !important;
}
body.gtarp-ucp .panel-body, body.gtarp-ucp .panel-footer { background:transparent !important; }
body.gtarp-ucp .form-control, body.gtarp-ucp input:not([type=checkbox]):not([type=radio]), body.gtarp-ucp select, body.gtarp-ucp textarea {
  background:var(--gt-input) !important; color:var(--gt-text) !important; border:1px solid var(--gt-border-soft) !important; border-radius:9px !important; box-shadow:none !important;
}
body.gtarp-ucp .form-control:focus, body.gtarp-ucp input:focus, body.gtarp-ucp select:focus, body.gtarp-ucp textarea:focus {
  border-color:var(--gt-border-strong) !important; box-shadow:0 0 0 3px rgba(185,122,145,.10) !important;
}
body.gtarp-ucp .btn-primary, body.gtarp-ucp .btn-info, body.gtarp-ucp .btn-success:not(.gtarp-status-button) {
  color:#fff !important; background:linear-gradient(135deg,var(--gt-accent),var(--gt-accent-2)) !important;
  border:1px solid rgba(185,122,145,.38) !important; border-radius:9px !important; box-shadow:none !important;
}
body.gtarp-ucp .btn-primary:hover, body.gtarp-ucp .btn-info:hover, body.gtarp-ucp .btn-success:not(.gtarp-status-button):hover {
  background:linear-gradient(135deg,#ad7188,#80618f) !important; border-color:rgba(202,137,164,.72) !important; transform:translateY(-1px);
}
body.gtarp-ucp .btn-default { background:var(--gt-panel-3) !important; color:#e9e3eb !important; border:1px solid var(--gt-border-soft) !important; border-radius:9px !important; }
body.gtarp-ucp .btn-default:hover { background:#313137 !important; border-color:var(--gt-border-strong) !important; }
body.gtarp-ucp .bg-primary, body.gtarp-ucp .label-primary, body.gtarp-ucp .badge-primary,
body.gtarp-ucp .progress-bar-primary, body.gtarp-ucp .progress-bar-info { background:linear-gradient(90deg,var(--gt-accent),var(--gt-accent-2)) !important; border-color:var(--gt-border-strong) !important; }
body.gtarp-ucp .text-primary, body.gtarp-ucp .text-info { color:var(--gt-accent-bright) !important; }
body.gtarp-ucp .alert-info { color:#ead5df !important; background:rgba(154,99,118,.13) !important; border-color:rgba(185,122,145,.30) !important; }

/* Remove every remaining Bootstrap blue/navy tab treatment. */
body.gtarp-ucp .nav-tabs, body.gtarp-ucp .character-tabs, body.gtarp-ucp .gtarp-character-primary-tabs, body.gtarp-ucp .gtarp-character-secondary-tabs {
  background:var(--gt-panel-2) !important; background-image:none !important; border:0 !important; border-bottom:1px solid var(--gt-border-soft) !important; box-shadow:none !important;
}
body.gtarp-ucp .nav-tabs>li>a, body.gtarp-ucp .character-tabs>li>a, body.gtarp-ucp .gtarp-character-primary-tabs>li>a, body.gtarp-ucp .gtarp-character-secondary-tabs>li>a {
  background:transparent !important; background-image:none !important; color:var(--gt-muted) !important; border:0 !important; border-bottom:2px solid transparent !important; box-shadow:none !important;
}
body.gtarp-ucp .nav-tabs>li.active>a, body.gtarp-ucp .nav-tabs>li.active>a:hover, body.gtarp-ucp .nav-tabs>li.active>a:focus,
body.gtarp-ucp .character-tabs>li.active>a, body.gtarp-ucp .gtarp-character-primary-tabs>li.active>a, body.gtarp-ucp .gtarp-character-secondary-tabs>li.active>a {
  color:#fff !important; background:rgba(185,122,145,.07) !important; border:0 !important; border-bottom:2px solid var(--gt-accent-bright) !important; box-shadow:none !important;
}

/* Character workspace: correct full-width three-column proportions from the references. */
body.gtarp-route-character .main-content>.container-fluid { max-width:1320px !important; }
body.gtarp-ucp .gtarp-character-reference-page { width:100% !important; max-width:1260px !important; margin:0 auto !important; }
body.gtarp-ucp .gtarp-character-reference-layout { grid-template-columns:230px minmax(0,1fr) 230px !important; gap:16px !important; }
body.gtarp-ucp .gtarp-character-reference-main { background:var(--gt-panel) !important; border:1px solid var(--gt-border) !important; border-radius:12px !important; }
body.gtarp-ucp .gtarp-character-selector-card, body.gtarp-ucp .gtarp-character-attribute-card,
body.gtarp-ucp .gtarp-character-activity-card, body.gtarp-ucp .gtarp-character-quick-card { background:var(--gt-panel) !important; border-color:var(--gt-border-soft) !important; }
body.gtarp-ucp .gtarp-character-primary-tabs { min-height:52px !important; padding:0 14px !important; border-radius:11px 11px 0 0 !important; }
body.gtarp-ucp .gtarp-character-primary-tabs>li>a { min-height:52px !important; height:52px !important; padding:0 14px !important; font-size:10px !important; }
body.gtarp-ucp .gtarp-character-primary-content>.tab-pane { min-height:470px !important; padding:19px !important; }
body.gtarp-ucp .gtarp-character-primary-content { background:var(--gt-panel) !important; border:0 !important; border-radius:0 0 11px 11px !important; }
body.gtarp-ucp .gtarp-character-profile-metrics>div, body.gtarp-ucp .gtarp-stat-card-grid>div,
body.gtarp-ucp .gtarp-wealth-grid>div, body.gtarp-ucp .gtarp-attribute-grid>div,
body.gtarp-ucp .gtarp-character-profile-grid>section, body.gtarp-ucp .gtarp-character-goals,
body.gtarp-ucp .gtarp-activity-card, body.gtarp-ucp .gtarp-phone-card, body.gtarp-ucp .gtarp-character-action-list>article,
body.gtarp-ucp .gtarp-item-card { background:var(--gt-panel-2) !important; border:1px solid var(--gt-border-soft) !important; }
body.gtarp-ucp .gtarp-character-profile-metrics b, body.gtarp-ucp .gtarp-definition-list b { white-space:normal !important; overflow:visible !important; text-overflow:clip !important; }
body.gtarp-ucp .gtarp-character-activity-card>i { color:var(--gt-accent-bright) !important; }
body.gtarp-ucp .gtarp-character-initials, body.gtarp-ucp .gtarp-character-initials-large {
  color:#fff !important; background:linear-gradient(135deg,var(--gt-accent),var(--gt-accent-2)) !important; border:1px solid var(--gt-border-strong) !important;
}

/* Dashboard and account routes use the wider reference canvas. */
body.gtarp-route-dashboard .main-content>.container-fluid, body.gtarp-route-index .main-content>.container-fluid { max-width:1500px !important; }
body.gtarp-ucp .gtarp-kpi, body.gtarp-ucp .gtarp-hero-card, body.gtarp-ucp .gtarp-media-card { border-color:var(--gt-border-soft) !important; }
body.gtarp-ucp .gtarp-kpi-icon { color:var(--gt-accent-bright) !important; background:rgba(185,122,145,.08) !important; border-color:var(--gt-border-strong) !important; }

/* Prevent legacy light mode from reintroducing blue. */
html[data-theme=light] { --gt-bg:#e8e5e9; --gt-bg-soft:#ded9df; --gt-sidebar:#f2eff3; --gt-topbar:rgba(242,239,243,.98); --gt-panel:#fbf9fb; --gt-panel-2:#f1edf2; --gt-panel-3:#e8e2e9; --gt-input:#fff; --gt-border:rgba(111,85,125,.25); --gt-border-soft:rgba(111,85,125,.13); --gt-text:#211d23; --gt-muted:#6e6671; --gt-muted-2:#8c838f; }

@media (max-width:1200px) {
  :root { --gt-sidebar-width:230px; }
  body.gtarp-ucp .gtarp-sidebar-brand img { width:178px !important; }
  body.gtarp-ucp .gtarp-character-reference-layout { grid-template-columns:215px minmax(0,1fr) !important; }
  body.gtarp-ucp .gtarp-character-reference-right { grid-column:1/-1; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1024px) {
  body.gtarp-ucp #sidebar-nav.sidebar { transform:translateX(-100%); transition:transform .2s ease; z-index:1060 !important; }
  body.gtarp-ucp.offcanvas-active #sidebar-nav.sidebar, body.gtarp-ucp #wrapper.offcanvas-active #sidebar-nav.sidebar { transform:translateX(0); }
  body.gtarp-ucp .gtarp-topbar.navbar, body.gtarp-ucp .navbar.navbar-default.navbar-fixed-top { left:0 !important; padding:0 18px !important; }
  body.gtarp-ucp .main { margin-left:0 !important; }
  body.gtarp-ucp .gtarp-sidebar-toggle { display:block !important; margin-right:8px !important; }
  body.gtarp-ucp .gtarp-search-wrap { width:min(520px,55vw) !important; min-width:180px !important; }
}
@media (max-width:760px) {
  :root { --gt-topbar-height:70px; }
  body.gtarp-ucp .gtarp-topbar.navbar { gap:8px !important; padding:0 12px !important; }
  body.gtarp-ucp .gtarp-search-wrap { flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
  body.gtarp-ucp .gtarp-review-queue-item, body.gtarp-ucp .gtarp-account-name, body.gtarp-ucp .gtarp-account-toggle small { display:none !important; }
  body.gtarp-ucp .main-content { padding:18px 14px 38px !important; }
  body.gtarp-ucp .gtarp-character-reference-layout { grid-template-columns:1fr !important; }
  body.gtarp-ucp .gtarp-character-reference-left, body.gtarp-ucp .gtarp-character-reference-right { display:grid !important; grid-template-columns:1fr !important; }
}


/* ========================================================================== 
   GTARP profile + character geometry correction — 2026-07-25
   ========================================================================== */
body.gtarp-ucp .gtarp-review-queue-item,
body.gtarp-ucp .gtarp-review-queue,
body.gtarp-ucp .gtarp-page-banner,
body.gtarp-ucp .gtarp-live { display:none !important; }

/* Original GTARP brand artwork sits at the absolute top of the sidebar. */
body.gtarp-ucp #sidebar-nav.sidebar { top:0 !important; z-index:1045 !important; }
body.gtarp-ucp .gtarp-sidebar-brand {
  height:112px !important; flex:0 0 112px !important; margin:0 -15px 4px !important;
  padding:8px 20px 10px !important; align-items:flex-start !important;
  background:var(--gt-sidebar) !important; border-bottom:1px solid var(--gt-border-soft) !important;
}
body.gtarp-ucp .gtarp-sidebar-brand a { align-items:flex-start !important; }
body.gtarp-ucp .gtarp-sidebar-brand img {
  width:202px !important; max-width:202px !important; max-height:94px !important;
  margin:0 !important; object-fit:contain !important; object-position:center top !important;
}
body.gtarp-ucp #sidebar-nav > nav { padding-top:0 !important; }

/* Main content uses the available viewport instead of a small island. */
body.gtarp-ucp { --gt-content-max: 1680px; }
body.gtarp-ucp .main-content { padding:24px 28px 48px !important; }
body.gtarp-ucp .main-content > .container-fluid,
body.gtarp-ucp .main-content > .container,
body.gtarp-ucp .main-content > :not(.content-heading):not(script):not(style),
body.gtarp-ucp .gtarp-screen { width:100% !important; max-width:1680px !important; }

/* Account profile: account summary + guestbook + permission-gated record only. */
.gtarp-account-profile-page { display:flex !important; flex-direction:column !important; gap:14px !important; }
.gtarp-account-profile-header {
  padding:18px !important; display:grid !important; grid-template-columns:74px minmax(0,1fr) auto !important;
  align-items:center !important; gap:16px !important;
}
.gtarp-account-profile-header > img { width:74px !important; height:74px !important; border-radius:50% !important; object-fit:cover !important; border:2px solid var(--gt-border-strong) !important; }
.gtarp-account-profile-heading h1 { margin:0 !important; font-size:24px !important; font-weight:900 !important; }
.gtarp-account-profile-badges { margin-top:7px; display:flex; flex-wrap:wrap; gap:7px; }
.gtarp-rank-badge,.gtarp-online-badge,.gtarp-value-pill { display:inline-flex; align-items:center; min-height:25px; padding:4px 9px; border-radius:999px; font-size:10px; font-weight:850; }
.gtarp-rank-badge { color:#fff; background:linear-gradient(135deg,var(--gt-accent),var(--gt-accent-2)); border:1px solid var(--gt-border-strong); }
.gtarp-online-badge { border:1px solid var(--gt-border-soft); background:var(--gt-panel-2); color:var(--gt-muted); }
.gtarp-online-badge.is-online { color:#8ce3ae; border-color:rgba(34,197,94,.34); background:rgba(34,197,94,.09); }
.gtarp-value-pill { color:#e8c4d5; border:1px solid var(--gt-border-soft); background:rgba(185,122,145,.08); }
.gtarp-account-profile-meta { margin:0 !important; display:grid !important; grid-template-columns:repeat(2,minmax(130px,1fr)); gap:8px !important; }
.gtarp-account-profile-meta > div { min-width:140px; padding:10px 12px; background:var(--gt-panel-2); border:1px solid var(--gt-border-soft); border-radius:9px; }
.gtarp-account-profile-meta dt { color:var(--gt-muted); font-size:9px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.gtarp-account-profile-meta dd { margin:4px 0 0; color:#fff; font-size:12px; font-weight:850; }
.gtarp-account-profile-grid { display:grid !important; grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr) !important; gap:14px !important; align-items:start !important; }
.gtarp-account-profile-grid.without-record { grid-template-columns:minmax(0,980px) !important; }
.gtarp-guestbook-panel,.gtarp-profile-record-panel { min-width:0; padding:18px !important; }
.gtarp-guestbook-panel .gtarp-section-head,.gtarp-profile-record-panel .gtarp-section-head { margin-bottom:14px !important; }
.gtarp-section-head h2 { margin:0 !important; font-size:17px !important; font-weight:900 !important; }
.gtarp-section-head p { margin:3px 0 0 !important; color:var(--gt-muted) !important; font-size:11px !important; }
.gtarp-guestbook-privacy { display:flex; align-items:center; gap:7px; }
.gtarp-guestbook-privacy select { width:135px !important; height:36px !important; }
.gtarp-guestbook-composer { margin-bottom:14px; padding:12px; background:var(--gt-panel-2); border:1px solid var(--gt-border-soft); border-radius:10px; }
.gtarp-guestbook-composer textarea { width:100%; min-height:92px; resize:vertical; }
.gtarp-guestbook-composer > div { margin-top:8px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.gtarp-guestbook-composer span { color:var(--gt-muted); font-size:9px; }
.gtarp-guestbook-list { display:flex; flex-direction:column; gap:9px; }
.gtarp-guestbook-entry { padding:12px; display:grid; grid-template-columns:42px minmax(0,1fr); gap:11px; background:var(--gt-panel-2); border:1px solid var(--gt-border-soft); border-radius:10px; }
.gtarp-guestbook-entry > img { width:42px; height:42px; object-fit:cover; border-radius:50%; border:1px solid var(--gt-border); }
.gtarp-guestbook-entry-head { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.gtarp-guestbook-entry-head a { color:#efbad3 !important; font-size:11px; font-weight:850; }
.gtarp-guestbook-entry-head time { color:var(--gt-muted-2); font-size:9px; }
.gtarp-guestbook-entry p { margin:6px 0 0 !important; color:#d7d0da !important; font-size:11px !important; line-height:1.55 !important; overflow-wrap:anywhere; }
.gtarp-profile-record-body { max-height:720px; overflow:auto; padding-right:4px; }
.gtarp-profile-record-body .gtarp-record-wrap { width:100% !important; max-width:none !important; margin:0 !important; }
.gtarp-profile-empty { min-height:90px; display:grid; place-items:center; text-align:center; }

/* /character/: three columns align to one top line and fill the page. */
body.gtarp-route-character .main-content > .container-fluid { max-width:1680px !important; }
body.gtarp-route-character .gtarp-character-reference-page { max-width:none !important; margin:0 !important; }
body.gtarp-route-character .gtarp-character-reference-layout {
  grid-template-columns:240px minmax(0,1fr) 250px !important; gap:14px !important; align-items:start !important;
}
body.gtarp-route-character .gtarp-character-reference-left,
body.gtarp-route-character .gtarp-character-reference-right { gap:12px !important; }
body.gtarp-route-character .gtarp-character-reference-main { width:100% !important; }
body.gtarp-route-character .gtarp-character-primary-tabs,
body.gtarp-route-character .gtarp-character-primary-content { width:100% !important; }
body.gtarp-route-character .gtarp-character-primary-content > .tab-pane { min-height:520px !important; padding:18px !important; }
body.gtarp-route-character .gtarp-character-selector-card,
body.gtarp-route-character .gtarp-character-attribute-card,
body.gtarp-route-character .gtarp-character-activity-card,
body.gtarp-route-character .gtarp-character-quick-card { padding:15px !important; }
body.gtarp-route-character .gtarp-character-primary-tabs > li > a { font-size:11px !important; padding:0 15px !important; }
body.gtarp-route-character .gtarp-character-pane-heading h1 { font-size:19px !important; }
body.gtarp-route-character .gtarp-character-pane-heading h2 { font-size:17px !important; }
body.gtarp-route-character .gtarp-character-pane-heading p,
body.gtarp-route-character .gtarp-character-story { font-size:11px !important; }
body.gtarp-route-character .gtarp-character-profile-metrics > div { min-height:64px; padding:12px !important; }
body.gtarp-route-character .gtarp-character-profile-grid { gap:10px !important; }
body.gtarp-route-character .gtarp-character-profile-grid > section,
body.gtarp-route-character .gtarp-character-goals { padding:13px !important; }
body.gtarp-route-character .gtarp-definition-list > div { min-height:34px !important; }
body.gtarp-route-character .gtarp-character-activity-card,
body.gtarp-route-character .gtarp-character-quick-card { width:100% !important; }

/* Character list uses the whole row cleanly. */
body.gtarp-route-characters .gtarp-account-overview { max-width:none !important; }
body.gtarp-route-characters .gtarp-character-card-grid { grid-template-columns:repeat(auto-fit,minmax(290px,1fr)) !important; gap:14px !important; }
body.gtarp-route-characters .gtarp-character-card { min-height:100%; }

@media (max-width:1280px) {
  body.gtarp-route-character .gtarp-character-reference-layout { grid-template-columns:220px minmax(0,1fr) !important; }
  body.gtarp-route-character .gtarp-character-reference-right { grid-column:1/-1; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gtarp-account-profile-grid { grid-template-columns:1fr !important; }
}
@media (max-width:760px) {
  .gtarp-account-profile-header { grid-template-columns:58px minmax(0,1fr) !important; }
  .gtarp-account-profile-header > img { width:58px !important; height:58px !important; }
  .gtarp-account-profile-meta { grid-column:1/-1; grid-template-columns:1fr 1fr; width:100%; }
  .gtarp-guestbook-panel .gtarp-section-head { align-items:flex-start !important; flex-direction:column; }
  .gtarp-guestbook-privacy { width:100%; }
  .gtarp-guestbook-privacy select { flex:1; width:auto !important; }
}

/* GTARP FINAL FOLLOW-UP: scale, sidebar logo, profile, properties, Mastodon and tickets. */

/* Original logo: crop its transparent canvas and pin it to the very top of the sidebar. */
body.gtarp-ucp #sidebar-nav.sidebar {
  top:0 !important;
  height:100vh !important;
  padding-top:0 !important;
}
body.gtarp-ucp .gtarp-sidebar-brand {
  height:112px !important;
  min-height:112px !important;
  flex:0 0 112px !important;
  margin:0 -15px 2px !important;
  padding:0 8px !important;
  overflow:hidden !important;
  border-bottom:1px solid var(--gt-border-soft) !important;
  background:#101115 !important;
}
body.gtarp-ucp .gtarp-sidebar-brand a {
  width:100% !important;
  height:112px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  overflow:hidden !important;
}
body.gtarp-ucp .gtarp-sidebar-brand img {
  width:238px !important;
  max-width:none !important;
  height:145px !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center 48% !important;
  transform:translateY(-22px) !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.32)) !important;
}
body.gtarp-ucp #sidebar-nav > nav {
  min-height:0 !important;
  height:calc(100vh - 114px) !important;
}

/* Character workspace: use the viewport, larger type and proper vertical length. */
body.gtarp-route-character .main-content {
  padding:22px 24px 36px !important;
}
body.gtarp-route-character .main-content > .container-fluid,
body.gtarp-route-character .gtarp-character-reference-page {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.gtarp-route-character .gtarp-character-reference-layout {
  grid-template-columns:268px minmax(0,1fr) 278px !important;
  gap:18px !important;
  align-items:stretch !important;
  min-height:calc(100vh - var(--gt-topbar-height) - 58px) !important;
}
body.gtarp-route-character .gtarp-character-reference-left,
body.gtarp-route-character .gtarp-character-reference-right {
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  min-width:0 !important;
}
body.gtarp-route-character .gtarp-character-reference-main {
  min-width:0 !important;
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
body.gtarp-route-character .gtarp-character-primary-tabs {
  min-height:58px !important;
  height:58px !important;
  padding:0 18px !important;
  flex:0 0 58px !important;
}
body.gtarp-route-character .gtarp-character-primary-tabs > li > a {
  height:58px !important;
  min-height:58px !important;
  padding:0 20px !important;
  font-size:12px !important;
  font-weight:800 !important;
}
body.gtarp-route-character .gtarp-character-primary-content {
  flex:1 1 auto !important;
  min-height:0 !important;
}
body.gtarp-route-character .gtarp-character-primary-content > .tab-pane {
  min-height:calc(100vh - var(--gt-topbar-height) - 116px) !important;
  padding:25px !important;
}
body.gtarp-route-character .gtarp-character-secondary-tabs {
  min-height:48px !important;
  padding:0 8px !important;
}
body.gtarp-route-character .gtarp-character-secondary-tabs > li > a {
  min-height:48px !important;
  height:48px !important;
  padding:0 14px !important;
  font-size:11px !important;
  font-weight:800 !important;
}
body.gtarp-route-character .gtarp-character-pane-heading h1 { font-size:23px !important; line-height:1.2 !important; }
body.gtarp-route-character .gtarp-character-pane-heading h2 { font-size:20px !important; line-height:1.25 !important; }
body.gtarp-route-character .gtarp-character-pane-heading h3,
body.gtarp-route-character .gtarp-character-profile-grid h3,
body.gtarp-route-character .gtarp-character-goals h3 { font-size:14px !important; }
body.gtarp-route-character .gtarp-character-pane-heading p,
body.gtarp-route-character .gtarp-character-story,
body.gtarp-route-character .gtarp-character-goals p { font-size:12px !important; line-height:1.65 !important; }
body.gtarp-route-character .gtarp-character-selector-card,
body.gtarp-route-character .gtarp-character-attribute-card,
body.gtarp-route-character .gtarp-character-activity-card,
body.gtarp-route-character .gtarp-character-quick-card { padding:18px !important; }
body.gtarp-route-character .gtarp-character-selector-card h2,
body.gtarp-route-character .gtarp-character-activity-card h2,
body.gtarp-route-character .gtarp-character-quick-card h2 { font-size:15px !important; }
body.gtarp-route-character .gtarp-character-profile-metrics > div,
body.gtarp-route-character .gtarp-character-profile-grid > section,
body.gtarp-route-character .gtarp-character-goals,
body.gtarp-route-character .gtarp-stat-card-grid > div,
body.gtarp-route-character .gtarp-wealth-grid > div,
body.gtarp-route-character .gtarp-attribute-grid > div { padding:16px !important; }
body.gtarp-route-character .gtarp-character-profile-metrics > div { min-height:76px !important; }
body.gtarp-route-character .gtarp-definition-list > div { min-height:43px !important; padding:10px 0 !important; }
body.gtarp-route-character .gtarp-definition-list span { font-size:10px !important; }
body.gtarp-route-character .gtarp-definition-list b { font-size:11px !important; }
body.gtarp-route-character .gtarp-reference-table th {
  padding:13px 15px !important;
  font-size:10px !important;
}
body.gtarp-route-character .gtarp-reference-table td {
  padding:14px 15px !important;
  font-size:12px !important;
  line-height:1.45 !important;
}
body.gtarp-route-character .gtarp-character-attributes-section,
body.gtarp-route-character .gtarp-character-story-section { margin-top:14px !important; }
body.gtarp-route-character .gtarp-character-story-section p { white-space:normal !important; overflow-wrap:anywhere !important; }

/* Profile: header actions, friends, guestbook and private server record. */
body.gtarp-route-profile .main-content > .container-fluid { max-width:1560px !important; }
.gtarp-account-profile-page { width:100%; max-width:none !important; }
.gtarp-account-profile-header {
  display:grid !important;
  grid-template-columns:82px minmax(220px,1fr) minmax(260px,.8fr) auto !important;
  gap:18px !important;
  align-items:center !important;
  padding:20px !important;
}
.gtarp-account-profile-header > img { width:82px !important; height:82px !important; object-fit:cover; border-radius:50%; border:2px solid var(--gt-border-strong); }
.gtarp-account-profile-heading h1 { margin:3px 0 8px !important; font-size:24px !important; }
.gtarp-account-profile-meta { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px !important; margin:0 !important; }
.gtarp-account-profile-meta > div { padding:11px 13px; background:var(--gt-panel-2); border:1px solid var(--gt-border-soft); border-radius:9px; }
.gtarp-account-profile-meta dt { color:var(--gt-muted-2); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.gtarp-account-profile-meta dd { margin:4px 0 0; color:#fff; font-weight:800; font-size:12px; }
.gtarp-profile-actions { display:flex !important; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.gtarp-profile-actions form { margin:0; }
.gtarp-account-profile-grid {
  display:grid !important;
  grid-template-columns:300px minmax(0,1fr) minmax(380px,.9fr) !important;
  gap:16px !important;
  align-items:start !important;
  margin-top:16px !important;
}
.gtarp-account-profile-grid.without-record { grid-template-columns:300px minmax(0,1fr) !important; }
.gtarp-profile-friends-panel,
.gtarp-guestbook-panel,
.gtarp-profile-record-panel,
.gtarp-profile-requests-card { padding:18px !important; }
.gtarp-profile-friend-search { margin:10px 0 12px !important; }
.gtarp-profile-friend-list { display:flex; flex-direction:column; gap:8px; max-height:650px; overflow:auto; padding-right:4px; }
.gtarp-profile-friend-list article,
.gtarp-profile-request-list article {
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px !important;
  background:var(--gt-panel-2) !important;
  border:1px solid var(--gt-border-soft) !important;
  border-radius:10px !important;
}
.gtarp-profile-friend-list img,
.gtarp-profile-request-list img { width:44px !important; height:44px !important; border-radius:50%; object-fit:cover; border:1px solid var(--gt-border-strong); }
.gtarp-profile-friend-list a,
.gtarp-profile-request-list a { color:#f0c0d6 !important; font-weight:850; }
.gtarp-profile-friend-list span { display:block; margin-top:3px; color:var(--gt-muted); font-size:10px; }
.gtarp-profile-request-list { display:flex; flex-direction:column; gap:8px; }
.gtarp-profile-request-list form { display:flex; gap:6px; margin:0; }
.gtarp-profile-record-body { max-height:760px !important; }

/* Properties: explicit character/relationship and restored owner tenant management. */
body.gtarp-route-myproperties .main-content > .container-fluid { max-width:1560px !important; }
.gtarp-property-access-grid { grid-template-columns:repeat(auto-fit,minmax(380px,1fr)) !important; gap:16px !important; }
.gtarp-property-access-card { display:flex; flex-direction:column; gap:13px; min-height:100%; }
.gtarp-property-role { margin-left:auto; }
.gtarp-property-character {
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  gap:2px 12px !important;
  align-items:center !important;
  padding:12px 14px !important;
  background:var(--gt-panel-2) !important;
  border:1px solid var(--gt-border-soft) !important;
  border-radius:10px !important;
}
.gtarp-property-character span { grid-row:1/3; color:var(--gt-muted-2); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.gtarp-property-character strong { color:#fff; font-size:13px; }
.gtarp-property-character small { color:var(--gt-muted); font-size:9px; }
.gtarp-property-owner-actions { margin-top:auto; padding-top:4px; }
.gtarp-property-owner-actions .btn { width:100%; display:flex; align-items:center; justify-content:center; gap:8px; }
.gtarp-property-owner-actions .btn span { min-width:22px; height:22px; display:inline-grid; place-items:center; border-radius:999px; background:rgba(185,122,145,.16); }
.gtarp-property-tenant-panel { margin-top:10px; padding:10px; background:var(--gt-panel-2); border:1px solid var(--gt-border-soft); border-radius:10px; }
.gtarp-property-tenant-row {
  display:grid !important;
  grid-template-columns:minmax(0,1.4fr) minmax(90px,.55fr) minmax(110px,.7fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:10px !important;
  border-bottom:1px solid var(--gt-border-soft) !important;
}
.gtarp-property-tenant-row:last-child { border-bottom:0 !important; }
.gtarp-property-tenant-row > div { min-width:0; }
.gtarp-property-tenant-row strong,
.gtarp-property-tenant-row b { color:#fff; }
.gtarp-property-tenant-row span,
.gtarp-property-tenant-row small { display:block; color:var(--gt-muted); font-size:9px; }
.gtarp-role-owner { color:#f0c0d6 !important; }
.gtarp-role-tenant { color:#d8b6ef !important; }
.gtarp-role-key-holder { color:#b9c8ff !important; }

/* Mastodon dashboard card. */
.gtarp-mastodon-card { margin-top:16px; padding:18px !important; }
.gtarp-mastodon-card .gtarp-section-head > a { color:#efbad3 !important; font-weight:800; }
.gtarp-mastodon-feed { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.gtarp-mastodon-post { padding:14px; background:var(--gt-panel-2); border:1px solid var(--gt-border-soft); border-radius:11px; min-width:0; }
.gtarp-mastodon-post-head { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:10px; align-items:center; }
.gtarp-mastodon-post-head > span:first-child { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--gt-accent),var(--gt-accent-2)); }
.gtarp-mastodon-post-head strong { color:#fff; font-size:12px; }
.gtarp-mastodon-post-head time { color:var(--gt-muted-2); font-size:9px; }
.gtarp-mastodon-post p { margin:12px 0 0 !important; color:#d8d0da !important; font-size:11px !important; line-height:1.6 !important; overflow-wrap:anywhere; }
.gtarp-mastodon-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:12px; }
.gtarp-mastodon-gallery img { width:100%; height:160px; object-fit:cover; border-radius:8px; border:1px solid var(--gt-border-soft); }
.gtarp-mastodon-open { display:inline-flex; align-items:center; gap:6px; margin-top:12px; color:#efbad3 !important; font-weight:800; font-size:10px; }

/* Ticket Center: type chooser and tickets above, selected request form full-width below. */
body.gtarp-route-ticketcenter .main-content > .container-fluid { max-width:1560px !important; }
.gtarp-ticket-center { width:100%; max-width:none !important; }
.gtarp-support-overview { display:grid !important; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important; gap:16px !important; align-items:start !important; }
.gtarp-support-create,
.gtarp-support-requests,
.gtarp-ticket-workspace { padding:19px !important; }
.gtarp-ticket-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important; margin-top:13px !important; }
.gtarp-ticket-workspace { margin-top:16px !important; scroll-margin-top:100px; min-height:300px; }
.gtarp-ticket-form-wide { width:100% !important; max-width:none !important; padding:0 !important; background:transparent !important; border:0 !important; }
.gtarp-ticket-form-wide > form,
.gtarp-ticket-form-wide .gtarp-ticket-form { width:100% !important; max-width:none !important; }
.gtarp-ticket-form-wide label { display:block; color:#ddd4df; font-size:10px; font-weight:750; }
.gtarp-ticket-form-wide input,
.gtarp-ticket-form-wide select,
.gtarp-ticket-form-wide textarea { width:100% !important; margin-top:6px !important; }
.gtarp-ticket-form-wide textarea { min-height:160px !important; resize:vertical; }
.gtarp-ticket-form-wide .gtarp-asset-row { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px !important; }
.gtarp-ticket-asset-bundle { margin-top:14px; padding:14px; background:var(--gt-panel-2); border:1px solid var(--gt-border-soft); border-radius:10px; }
.gtarp-ticket-placeholder { min-height:230px; display:grid; place-items:center; align-content:center; gap:8px; text-align:center; color:var(--gt-muted); }
.gtarp-ticket-placeholder i { font-size:26px; color:var(--gt-accent-bright); }
.gtarp-ticket-placeholder h3 { margin:0; color:#fff; }
.gtarp-support-request { width:100%; }

@media (max-width:1380px) {
  body.gtarp-route-character .gtarp-character-reference-layout { grid-template-columns:245px minmax(0,1fr) 250px !important; }
  .gtarp-account-profile-grid { grid-template-columns:280px minmax(0,1fr) !important; }
  .gtarp-profile-record-panel { grid-column:1/-1; }
}
@media (max-width:1120px) {
  body.gtarp-route-character .gtarp-character-reference-layout { grid-template-columns:235px minmax(0,1fr) !important; }
  body.gtarp-route-character .gtarp-character-reference-right { grid-column:1/-1; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gtarp-account-profile-header { grid-template-columns:72px minmax(0,1fr) auto !important; }
  .gtarp-account-profile-meta { grid-column:2/3; }
  .gtarp-profile-actions { grid-column:3/4; grid-row:1/3; }
  .gtarp-support-overview { grid-template-columns:1fr !important; }
}
@media (max-width:820px) {
  body.gtarp-route-character .gtarp-character-reference-layout { grid-template-columns:1fr !important; }
  body.gtarp-route-character .gtarp-character-reference-right { grid-template-columns:1fr !important; }
  .gtarp-account-profile-header { grid-template-columns:64px minmax(0,1fr) !important; }
  .gtarp-account-profile-meta,
  .gtarp-profile-actions { grid-column:1/-1 !important; grid-row:auto !important; justify-content:flex-start; }
  .gtarp-account-profile-grid,
  .gtarp-account-profile-grid.without-record { grid-template-columns:1fr !important; }
  .gtarp-property-access-grid { grid-template-columns:1fr !important; }
  .gtarp-property-tenant-row { grid-template-columns:1fr 1fr !important; }
  .gtarp-property-tenant-row form { grid-column:1/-1; }
  .gtarp-mastodon-feed { grid-template-columns:1fr; }
  .gtarp-ticket-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .gtarp-ticket-form-wide .gtarp-asset-row { grid-template-columns:1fr !important; }
}
@media (max-width:520px) {
  .gtarp-ticket-grid { grid-template-columns:1fr !important; }
}



/* ========================================================================== 
   GTARP PROFILE DATA + SIDEBAR LOGO FINAL FIX — 2026-07-25
   ========================================================================== */
/* Keep the original blue GTARP logo physically pinned to the top of the viewport. */
body.gtarp-ucp #sidebar-nav.sidebar {
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  padding-top:0 !important;
}
body.gtarp-ucp .gtarp-sidebar-brand {
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:96px !important;
  min-height:96px !important;
  margin:0 !important;
  padding:0 14px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  background:#101115 !important;
  border-bottom:1px solid var(--gt-border-soft) !important;
  z-index:2 !important;
}
body.gtarp-ucp .gtarp-sidebar-brand a {
  width:100% !important;
  height:96px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  overflow:hidden !important;
}
body.gtarp-ucp .gtarp-sidebar-brand img {
  width:224px !important;
  max-width:none !important;
  height:122px !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center top !important;
  transform:translateY(-15px) !important;
}
body.gtarp-ucp #sidebar-nav > nav {
  margin-top:96px !important;
  padding-top:0 !important;
  height:calc(100vh - 98px) !important;
}

/* Profile header uses the account banner and keeps its contents readable. */
body.gtarp-ucp .gtarp-account-profile-header {
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-height:150px !important;
  background-image:
    linear-gradient(90deg,rgba(17,18,22,.96) 0%,rgba(17,18,22,.78) 48%,rgba(17,18,22,.90) 100%),
    var(--gtarp-profile-banner) !important;
  background-size:cover !important;
  background-position:center !important;
}
body.gtarp-ucp .gtarp-account-profile-header::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(185,122,145,.06),rgba(0,0,0,.12));
  pointer-events:none;
}
body.gtarp-ucp .gtarp-account-profile-meta {
  grid-template-columns:repeat(3,minmax(150px,1fr)) !important;
}
body.gtarp-ucp .gtarp-account-profile-meta > div {
  background:rgba(20,21,25,.74) !important;
  backdrop-filter:blur(8px);
}
body.gtarp-ucp .gtarp-profile-actions { align-self:center !important; }

/* Full-width profile stack: record, friends, guestbook. */
body.gtarp-ucp .gtarp-account-profile-page {
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  width:100% !important;
  max-width:none !important;
}
body.gtarp-ucp .gtarp-profile-full-panel {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:20px !important;
}
body.gtarp-ucp .gtarp-profile-record-body {
  max-height:none !important;
  overflow:visible !important;
  padding-right:0 !important;
}
body.gtarp-ucp .gtarp-profile-record-body .gtarp-record-wrap,
body.gtarp-ucp .gtarp-profile-record-body .gtarp-record-card {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
body.gtarp-ucp .gtarp-profile-friend-search {
  width:min(460px,100%) !important;
  margin:12px 0 16px !important;
}
body.gtarp-ucp .gtarp-profile-friend-grid {
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important;
  gap:12px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.gtarp-ucp .gtarp-profile-friend-grid::before,
body.gtarp-ucp .gtarp-profile-friend-grid::after,
body.gtarp-ucp .gtarp-profile-friend-grid article::before,
body.gtarp-ucp .gtarp-profile-friend-grid article::after {
  content:none !important;
  display:none !important;
}
body.gtarp-ucp .gtarp-profile-friend-grid article {
  min-width:0 !important;
  min-height:70px !important;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px !important;
  margin:0 !important;
  list-style:none !important;
  background:var(--gt-panel-2) !important;
  border:1px solid var(--gt-border-soft) !important;
  border-radius:11px !important;
}
body.gtarp-ucp .gtarp-profile-friend-grid img {
  width:48px !important;
  height:48px !important;
  display:block !important;
  object-fit:cover !important;
  border-radius:50% !important;
  border:1px solid var(--gt-border-strong) !important;
  background:#15161a !important;
}
body.gtarp-ucp .gtarp-profile-friend-grid a {
  color:#f0c0d6 !important;
  font-size:12px !important;
  font-weight:850 !important;
}
body.gtarp-ucp .gtarp-profile-friend-grid span {
  display:block !important;
  margin-top:4px !important;
  color:var(--gt-muted) !important;
  font-size:10px !important;
}
body.gtarp-ucp .gtarp-profile-friend-grid form { margin:0 !important; }
body.gtarp-ucp .gtarp-guestbook-panel { min-height:260px !important; }

/* Character facts now contain ID, created date and last-played date without becoming cramped. */
body.gtarp-route-character .gtarp-character-facts > div { padding:9px 0 !important; }
body.gtarp-route-character .gtarp-character-facts b { overflow-wrap:anywhere !important; }
body.gtarp-route-character .gtarp-definition-list > div { gap:18px !important; }

@media (max-width:1100px) {
  body.gtarp-ucp .gtarp-account-profile-meta { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:720px) {
  body.gtarp-ucp .gtarp-account-profile-meta { grid-template-columns:1fr !important; }
  body.gtarp-ucp .gtarp-profile-friend-grid { grid-template-columns:1fr !important; }
}

/* ========================================================================== 
   GTARP PROFILE MANAGE / RECORD LAYOUT FINAL — 2026-07-25
   ========================================================================== */
:root { --gt-shell-gap:14px; }

/* Keep the logo, but move the navigation upward and let it begin directly below it. */
body.gtarp-ucp .gtarp-sidebar-brand {
  height:84px !important;
  min-height:84px !important;
  padding:0 14px !important;
}
body.gtarp-ucp .gtarp-sidebar-brand a { height:84px !important; }
body.gtarp-ucp .gtarp-sidebar-brand img {
  width:190px !important;
  height:104px !important;
  transform:translateY(-11px) !important;
  object-position:center top !important;
}
body.gtarp-ucp #sidebar-nav > nav {
  margin-top:84px !important;
  height:calc(100vh - 86px) !important;
}

/* Add a physical gap between the fixed navigation and every page. */
body.gtarp-ucp .main {
  margin-left:calc(var(--gt-sidebar-width) + var(--gt-shell-gap)) !important;
}
body.gtarp-ucp footer {
  margin-left:calc(var(--gt-sidebar-width) + var(--gt-shell-gap)) !important;
}
body.gtarp-ucp .main-content {
  padding-left:38px !important;
  padding-right:38px !important;
}

/* Smaller search field, exactly centred in the available topbar. */
body.gtarp-ucp .gtarp-topbar.navbar,
body.gtarp-ucp .navbar.navbar-default.navbar-fixed-top {
  justify-content:center !important;
}
body.gtarp-ucp .gtarp-search-wrap {
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  flex:0 0 auto !important;
  width:min(500px,38vw) !important;
  max-width:500px !important;
  min-width:300px !important;
  margin:0 !important;
}
body.gtarp-ucp .gtarp-search.navbar-form,
body.gtarp-ucp .gtarp-search .form-control { height:40px !important; }
body.gtarp-ucp .gtarp-search .form-control {
  padding-left:42px !important;
  padding-right:46px !important;
  border-radius:10px !important;
}
body.gtarp-ucp .gtarp-search .btn {
  top:3px !important;
  right:3px !important;
  width:34px !important;
  height:34px !important;
  border-radius:8px !important;
}
body.gtarp-ucp .gtarp-navbar-menu { position:relative !important; z-index:2 !important; margin-left:auto !important; }

/* Profile overview: wide Server Record and compact Friends card on the same row. */
body.gtarp-route-profile .gtarp-profile-overview-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr) !important;
  gap:16px !important;
  align-items:stretch !important;
  width:100% !important;
}
body.gtarp-route-profile .gtarp-profile-overview-grid.has-no-record {
  grid-template-columns:1fr !important;
}
body.gtarp-route-profile .gtarp-profile-record-panel,
body.gtarp-route-profile .gtarp-profile-friends-panel {
  min-width:0 !important;
  margin:0 !important;
  padding:18px !important;
}
body.gtarp-route-profile .gtarp-profile-record-panel .gtarp-section-head,
body.gtarp-route-profile .gtarp-profile-friends-panel .gtarp-section-head {
  align-items:flex-start !important;
}
body.gtarp-route-profile .gtarp-record-share-form { flex:0 0 auto !important; margin:0 !important; }
body.gtarp-route-profile .gtarp-profile-record-body {
  max-height:610px !important;
  overflow:auto !important;
  padding-right:5px !important;
}
body.gtarp-route-profile .gtarp-profile-friend-search {
  width:100% !important;
  margin:10px 0 12px !important;
}
body.gtarp-route-profile .gtarp-profile-friend-grid {
  grid-template-columns:1fr !important;
  gap:8px !important;
  max-height:540px !important;
  overflow:auto !important;
  padding-right:4px !important;
}
body.gtarp-route-profile .gtarp-profile-friend-grid article {
  min-height:62px !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  gap:10px !important;
  padding:9px !important;
}
body.gtarp-route-profile .gtarp-profile-friend-grid img {
  width:42px !important;
  height:42px !important;
}
body.gtarp-route-profile .gtarp-guestbook-panel {
  width:100% !important;
  margin:0 !important;
}

/* Restored original-style staff manage modal, translated to the GTARP panel system. */
body.gtarp-ucp .gtarp-manage-modal .modal-dialog { max-width:760px !important; }
body.gtarp-ucp .gtarp-manage-modal .modal-dialog.modal-sm,
body.gtarp-ucp .gtarp-manage-modal .modal-sm { max-width:460px !important; }
body.gtarp-ucp .gtarp-manage-modal .modal-header { padding:18px 20px 14px !important; }
body.gtarp-ucp .gtarp-manage-modal .modal-body { padding:18px 20px 20px !important; }
body.gtarp-ucp .gtarp-manage-action-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
body.gtarp-ucp .gtarp-manage-action-form { margin:0 !important; }
body.gtarp-ucp .gtarp-manage-action {
  width:100% !important;
  min-height:78px !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  padding:13px !important;
  color:var(--gt-text) !important;
  text-align:left !important;
  background:var(--gt-panel-2) !important;
  border:1px solid var(--gt-border-soft) !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
body.gtarp-ucp .gtarp-manage-action:hover {
  background:var(--gt-panel-3) !important;
  border-color:var(--gt-border-strong) !important;
}
body.gtarp-ucp .gtarp-manage-action > i {
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  color:#efbad3 !important;
  background:rgba(185,122,145,.10) !important;
  border:1px solid var(--gt-border-soft) !important;
  border-radius:9px !important;
  font-size:15px !important;
}
body.gtarp-ucp .gtarp-manage-action b { display:block !important; color:#fff !important; font-size:12px !important; }
body.gtarp-ucp .gtarp-manage-action small { display:block !important; margin-top:3px !important; color:var(--gt-muted) !important; font-size:10px !important; line-height:1.35 !important; }
body.gtarp-ucp .gtarp-manage-action.is-danger > i { color:#f1a4ae !important; background:rgba(182,111,123,.12) !important; }
body.gtarp-ucp .gtarp-manage-action.is-success > i { color:#a7d2b7 !important; background:rgba(120,169,141,.12) !important; }
body.gtarp-ucp .gtarp-warning-count {
  margin-bottom:14px !important;
  padding:14px !important;
  display:flex !important;
  align-items:baseline !important;
  gap:8px !important;
  background:var(--gt-panel-2) !important;
  border:1px solid var(--gt-border-soft) !important;
  border-radius:9px !important;
}
body.gtarp-ucp .gtarp-warning-count strong { color:#fff !important; font-size:24px !important; }
body.gtarp-ucp .gtarp-warning-count span { color:var(--gt-muted) !important; }
body.gtarp-ucp .gtarp-modal-button-row,
body.gtarp-ucp .gtarp-duration-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
body.gtarp-ucp .gtarp-manage-tag-list { margin-top:14px !important; display:flex !important; flex-direction:column !important; gap:7px !important; }
body.gtarp-ucp .gtarp-manage-tag-list form {
  margin:0 !important;
  padding:8px 9px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  background:var(--gt-panel-2) !important;
  border:1px solid var(--gt-border-soft) !important;
  border-radius:8px !important;
}
body.gtarp-ucp .gtarp-manage-tag-list span { color:var(--tag-color,#efbad3) !important; font-weight:800 !important; }

@media (max-width:1100px) {
  body.gtarp-route-profile .gtarp-profile-overview-grid { grid-template-columns:1fr !important; }
  body.gtarp-route-profile .gtarp-profile-friend-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; max-height:none !important; }
}
@media (max-width:1024px) {
  :root { --gt-shell-gap:0px; }
  body.gtarp-ucp .main,
  body.gtarp-ucp footer { margin-left:0 !important; }
  body.gtarp-ucp .gtarp-search-wrap {
    position:relative !important;
    left:auto !important;
    transform:none !important;
    width:min(480px,55vw) !important;
    min-width:180px !important;
    margin-right:auto !important;
  }
  body.gtarp-ucp .main-content { padding-left:18px !important; padding-right:18px !important; }
}
@media (max-width:720px) {
  body.gtarp-route-profile .gtarp-profile-friend-grid { grid-template-columns:1fr !important; }
  body.gtarp-ucp .gtarp-manage-action-grid,
  body.gtarp-ucp .gtarp-modal-button-row,
  body.gtarp-ucp .gtarp-duration-grid { grid-template-columns:1fr !important; }
}


/* ==========================================================================
   GTARP SIDEBAR FLOW FIX — logo unchanged, navigation directly below
   ========================================================================== */
body.gtarp-ucp #sidebar-nav.sidebar {
  display:flex !important;
  flex-direction:column !important;
  padding:0 15px 14px !important;
}

body.gtarp-ucp .gtarp-sidebar-brand {
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  flex:0 0 auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:8px 8px 4px !important;
  overflow:visible !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
}

body.gtarp-ucp .gtarp-sidebar-brand a {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

body.gtarp-ucp .gtarp-sidebar-brand img {
  display:block !important;
  width:190px !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:0 auto !important;
  transform:none !important;
  object-fit:contain !important;
  object-position:center !important;
}

body.gtarp-ucp #sidebar-nav > nav {
  position:relative !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:6px 3px 0 0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

body.gtarp-ucp #sidebar-nav .menu-group:first-child {
  padding-top:8px !important;
}

@media (max-width:860px) {
  body.gtarp-ucp #sidebar-nav.sidebar {
    display:flex !important;
    flex-direction:column !important;
  }

  body.gtarp-ucp .gtarp-sidebar-brand {
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
  }

  body.gtarp-ucp #sidebar-nav > nav {
    margin-top:0 !important;
    height:auto !important;
    flex:1 1 auto !important;
  }
}


/* GTARP responsive shell final correction — 2026-07-26 */
body.gtarp-ucp .gtarp-sidebar-brand{
  background:transparent!important;
  background-image:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body.gtarp-ucp .gtarp-sidebar-brand:before,
body.gtarp-ucp .gtarp-sidebar-brand:after{display:none!important;content:none!important}
body.gtarp-ucp .gtarp-sidebar-brand img{filter:none!important}
@media(max-width:1024px){
  body.gtarp-ucp{--gt-shell-gap:0px}
  body.gtarp-ucp .main,body.gtarp-ucp footer{margin-left:0!important}
  body.gtarp-ucp .main-content{width:100%!important;max-width:100%!important;padding:20px 18px 38px!important}
  body.gtarp-ucp .gtarp-topbar.navbar,body.gtarp-ucp .navbar.navbar-default.navbar-fixed-top{justify-content:flex-start!important;gap:10px!important;width:100%!important;max-width:100%!important}
  body.gtarp-ucp .gtarp-search-wrap{position:relative!important;left:auto!important;transform:none!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important}
  body.gtarp-ucp .gtarp-navbar-menu{flex:0 0 auto!important;min-width:0!important}
  body.gtarp-ucp .gtarp-right-nav{gap:4px!important}
  body.gtarp-ucp #sidebar-nav.sidebar{height:100dvh!important;max-height:100dvh!important}
}
@media(max-width:760px){
  body.gtarp-ucp .gtarp-topbar.navbar,body.gtarp-ucp .navbar.navbar-default.navbar-fixed-top{height:64px!important;min-height:64px!important;padding:0 10px!important}
  body.gtarp-ucp .main{padding-top:64px!important}
  body.gtarp-ucp .main-content{padding:14px 10px 30px!important}
  body.gtarp-ucp .gtarp-search.navbar-form,body.gtarp-ucp .gtarp-search .form-control{height:40px!important}
  body.gtarp-ucp .gtarp-search .form-control{min-width:0!important;padding-left:38px!important;padding-right:38px!important;font-size:13px!important}
  body.gtarp-ucp .gtarp-search:before{left:14px!important}
  body.gtarp-ucp .gtarp-right-nav>li>a,body.gtarp-ucp .gtarp-theme-toggle,body.gtarp-ucp .gtarp-friends-toggle{min-width:38px!important;width:38px!important;height:38px!important;padding:0!important}
  body.gtarp-ucp .gtarp-account-toggle{max-width:42px!important;padding:3px!important}
  body.gtarp-ucp .gtarp-account-toggle .gtarp-account-name,body.gtarp-ucp .gtarp-account-toggle .caret{display:none!important}
  body.gtarp-ucp .gtarp-account-toggle img{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important}
  body.gtarp-ucp .container-fluid{padding-left:0!important;padding-right:0!important}
  body.gtarp-ucp .row{margin-left:-6px!important;margin-right:-6px!important}
  body.gtarp-ucp [class*="col-"]{padding-left:6px!important;padding-right:6px!important}
  body.gtarp-ucp .modal-dialog{width:auto!important;max-width:calc(100vw - 16px)!important;margin:8px auto!important}
  body.gtarp-ucp .modal-content{max-height:calc(100dvh - 16px)!important;overflow:auto!important}
  body.gtarp-ucp table{max-width:none}
  body.gtarp-ucp .table-responsive{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}
@media(max-width:430px){
  body.gtarp-ucp .gtarp-friends-dropdown,body.gtarp-ucp .gtarp-notification-dropdown{display:none!important}
  body.gtarp-ucp .gtarp-topbar.navbar{gap:6px!important}
  body.gtarp-ucp .gtarp-sidebar-toggle{margin-right:0!important}
  body.gtarp-ucp .gtarp-sidebar-toggle button{width:36px!important;height:36px!important;padding:0!important}
}