:root{
  --trx-theme-dark:#4f6468;
  --trx-theme-main:#79d7cf;
  --trx-theme-light:#d5e0e1;
}
html[data-trx-palette="p01"]{--trx-theme-dark:#1D5FD1;--trx-theme-main:#7DA8F6;--trx-theme-light:#DCE8FF;}
html[data-trx-palette="p02"]{--trx-theme-dark:#245FC8;--trx-theme-main:#AFC0DA;--trx-theme-light:#E9EEF6;}
html[data-trx-palette="p03"]{--trx-theme-dark:#496EAC;--trx-theme-main:#96B3E8;--trx-theme-light:#DCE7FB;}
html[data-trx-palette="p04"]{--trx-theme-dark:#5D687F;--trx-theme-main:#AAB8D9;--trx-theme-light:#DEE5F2;}
html[data-trx-palette="p05"]{--trx-theme-dark:#53666A;--trx-theme-main:#B7CACC;--trx-theme-light:#DFE8E9;}
html[data-trx-palette="p06"]{--trx-theme-dark:#0B7D75;--trx-theme-main:#77D7CF;--trx-theme-light:#D8F4F1;}
html[data-trx-palette="p07"]{--trx-theme-dark:#3F7C31;--trx-theme-main:#9FD88D;--trx-theme-light:#E1F4DB;}
html[data-trx-palette="p08"]{--trx-theme-dark:#5C6758;--trx-theme-main:#B8C4B2;--trx-theme-light:#E6ECE1;}
html[data-trx-palette="p09"]{--trx-theme-dark:#8E7B00;--trx-theme-main:#EDD76C;--trx-theme-light:#FFF5BA;}
html[data-trx-palette="p10"]{--trx-theme-dark:#A65B24;--trx-theme-main:#F0B07A;--trx-theme-light:#FFE1C9;}
html[data-trx-palette="p11"]{--trx-theme-dark:#7C6154;--trx-theme-main:#D8B8A7;--trx-theme-light:#F3E4DA;}
html[data-trx-palette="p12"]{--trx-theme-dark:#955164;--trx-theme-main:#E59CAF;--trx-theme-light:#F9D8E1;}
html[data-trx-palette="p13"]{--trx-theme-dark:#7B646D;--trx-theme-main:#D8BEC7;--trx-theme-light:#F2E2E7;}
html[data-trx-palette="p14"]{--trx-theme-dark:#965999;--trx-theme-main:#D99BD7;--trx-theme-light:#F4D9F2;}
html[data-trx-palette="p15"]{--trx-theme-dark:#7457A1;--trx-theme-main:#BEA9EA;--trx-theme-light:#EEE5FF;}

#header{background:var(--trx-theme-dark)!important}
div.breadcrumbs,.module h2,.module caption,.inline-group h2{background:var(--trx-theme-dark)!important}
.object-tools a,.button,input[type=submit],input[type=button],.submit-row input,a.button{background:var(--trx-theme-main)!important;border-color:var(--trx-theme-main)!important}
.object-tools a:hover,.button:hover,input[type=submit]:hover,input[type=button]:hover,.submit-row input:hover,a.button:hover{filter:brightness(.96)}
#nav-sidebar .module caption,#nav-sidebar .module h2,#nav-sidebar .section{background:var(--trx-theme-dark)!important}
.paginator .this-page{background:var(--trx-theme-main)!important;border-color:var(--trx-theme-main)!important}
.history-tabs a.active,.history-tabs .active a,.history-tabs .selected a,.admin-history-tabs a.active{background:var(--trx-theme-main)!important;border-color:var(--trx-theme-main)!important}
.trx-palettes{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.trx-palette-btn{position:relative;border:0;background:transparent;padding:0;cursor:pointer}
.trx-palette-circle{display:block;width:72px;height:72px;border-radius:50%;margin:0 auto;background:conic-gradient(from 180deg,var(--c1) 0 120deg,var(--c2) 120deg 240deg,var(--c3) 240deg 360deg);box-shadow:0 0 0 8px #f2f4f7}
.trx-palette-circle--custom{display:flex;align-items:center;justify-content:center;background:#8cb2ef;color:#1b2a42;font-size:28px;font-weight:700}
.trx-palette-check{position:absolute;top:-4px;right:8px;width:22px;height:22px;border-radius:50%;background:#1d5ed8;color:#fff;font-size:14px;display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.trx-palette-btn.is-active .trx-palette-check{display:flex}

/* TRXBOT_HEADER_COMPACT_ALIGN_V1 */
#header{
  min-height: 46px !important;
  height: 46px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

#header *{
  box-sizing: border-box !important;
}

#header #branding,
#header .breadcrumbs,
#header #user-tools{
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
}

#header .breadcrumbs{
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#header .breadcrumbs a{
  color: #ffffff !important;
}

#header #user-tools{
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  white-space: nowrap !important;
  font-size: 12px !important;
}

#header #user-tools,
#header #user-tools a{
  color: #ffffff !important;
}

#content,
#content-main{
  padding-top: 6px !important;
}

.history-tabs,
.admin-history-tabs{
  margin-top: 6px !important;
}

/* TRXBOT_PALETTE_RENDER_TRUE_TRITONE_V1 */
.trx-palettes{
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
}

.trx-palette-btn{
  position: relative !important;
  width: 72px !important;
  height: 72px !important;
  justify-self: center !important;
}

.trx-palette-circle{
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 8px #eef2f5 !important;
  background:
    radial-gradient(circle at center, transparent 0 38%, rgba(255,255,255,.95) 38% 41%, transparent 41%),
    conic-gradient(
      from -90deg,
      var(--c2) 0 120deg,
      rgba(255,255,255,.96) 120deg 122deg,
      var(--c1) 122deg 240deg,
      rgba(255,255,255,.96) 240deg 242deg,
      var(--c3) 242deg 360deg
    ) !important;
}

.trx-palette-circle--custom{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#8cb2ef !important;
  color:#1b2a42 !important;
  font-size:28px !important;
  font-weight:700 !important;
}

.trx-palette-check{
  position:absolute !important;
  top:-4px !important;
  right:2px !important;
  width:22px !important;
  height:22px !important;
  border-radius:50% !important;
  background:#1d5ed8 !important;
  color:#fff !important;
  font-size:14px !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 2px 6px rgba(0,0,0,.15) !important;
}
.trx-palette-btn.is-active .trx-palette-check{display:flex !important;}

/* 讓三色真的有被用到 */
.trx-panel__head{
  background: var(--trx-theme-light) !important;
}
.trx-linkbtn:hover{
  background: var(--trx-theme-light) !important;
  border-color: var(--trx-theme-main) !important;
}
#nav-sidebar .current-model,
#nav-sidebar .model-current{
  background: var(--trx-theme-light) !important;
}

/* TRXBOT_HEADER_NORMALIZE_V2 */

/* 頂欄回正常：只留 branding / user-tools */
#header{
  background: var(--trx-theme-dark) !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
}

#header #branding,
#header #user-tools{
  margin: 0 !important;
  padding: 0 !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}

#header #user-tools{
  gap: 8px !important;
  white-space: nowrap !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  font-size: 12px !important;
}

#header #user-tools,
#header #user-tools a{
  color: #ffffff !important;
}

/* breadcrumbs 不要再跟頂欄混成一整條藍色 */
div.breadcrumbs,
#header .breadcrumbs{
  display: block !important;
  width: auto !important;
  background: #f5f7fa !important;
  color: #5f6b78 !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 10px 16px 6px 16px !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

div.breadcrumbs a,
#header .breadcrumbs a{
  color: #5f6b78 !important;
}

/* 頁面 tabs 靠近 breadcrumbs，不留大空帶 */
.history-tabs,
.admin-history-tabs{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 內容區再往上貼一點 */
#content,
#content-main{
  padding-top: 4px !important;
}

/* TRXBOT_HEADER_USERTOOLS_FONT_TUNE_V1 */
#header #user-tools{
  font-size: 14px !important;
  font-weight: 700 !important;
  gap: 10px !important;
}

#header #user-tools a,
#header #user-tools strong,
#header #user-tools b{
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* TRXBOT_HEADER_USERTOOLS_FORCE_V2 */
#header #user-tools,
#header #user-tools *,
#header .user-tools,
#header .user-tools * {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

#header #user-tools a,
#header #user-tools a:link,
#header #user-tools a:visited,
#header #user-tools a:hover,
#header #user-tools a:active {
  font-size: 14px !important;
  font-weight: 700 !important;
}

#header #user-tools > *,
#header .user-tools > * {
  display: inline-flex !important;
  align-items: center !important;
}

#header #user-tools .logout,
#header #user-tools a[href*="logout"],
#header .user-tools .logout,
#header .user-tools a[href*="logout"] {
  font-size: 14px !important;
  font-weight: 800 !important;
}


/* TRXBOT_HIDE_AUTHEVENT_ADD_V1 */
body.app-security.model-authevent.change-list ul.object-tools{
  display:none !important;
}