/* TELCOM Radius v6.9.128 — one reference RED from the user-provided top bar.
   Default reference: #781522, light #862D38, deep #6C121D, all red-based.
   Non-default global themes continue to use ThemeService palette from General Settings.
   Destructive actions and online/offline/error/okay states remain semantic.
   Source code, menu links, access rules, and image pixels remain unchanged. */
body.telcom-atelier-v645:not([data-global-theme]),
body.telcom-login-redesign:not([data-global-theme]) {
  --tc-primary:#781522!important;
  --tc-secondary:#862D38!important;
  --tc-navigation:#6C121D!important;
  --tc-pale:#FAEFF0!important;
  --tc-border:#E9D6D8!important;
  --red:var(--tc-primary)!important;
  --red-dark:var(--tc-navigation)!important;
  --accent:var(--tc-primary)!important;
  --accent2:var(--tc-secondary)!important;
  --brand-red:var(--tc-primary)!important;
  --brand-red2:var(--tc-secondary)!important;
  --ui-red:var(--tc-primary)!important;
  --ui-red-2:var(--tc-secondary)!important;
}
body.telcom-atelier-v645, body.telcom-login-redesign {
  --tc-u-base:var(--tc-primary,#781522);
  --tc-u-main:var(--tc-u-base);
  --tc-u-soft-main:color-mix(in srgb,var(--tc-u-base) 87%,#FFFFFF);
  --tc-u-deep:var(--tc-navigation,#6C121D);
  --tc-u-sub:color-mix(in srgb,var(--tc-u-base) 60%,#FFFFFF);
  --tc-u-tint:color-mix(in srgb,var(--tc-u-base) 9%,#FFFFFF);
  --tc-u-border:color-mix(in srgb,var(--tc-u-base) 17%,#E9E4E5);
  --tc-u-gradient:linear-gradient(138deg,var(--tc-u-main),var(--tc-u-deep));
  --tc-u-gradient-light:linear-gradient(138deg,var(--tc-u-soft-main),var(--tc-u-main));
  --tc-style-panel:var(--tc-u-main);
  --tc-style-deep:var(--tc-u-deep);
  --tc-style-mid:var(--tc-u-soft-main);
  --tc-style-soft:var(--tc-u-tint);
  --tc-style-stroke:var(--tc-u-border);
  --tc-style-gradient:var(--tc-u-gradient);
  --tc-style-gradient-hover:var(--tc-u-gradient-light);
  --tc-style-ink:var(--tc-navigation,#71364C);
}
/* On the dashboard the very dark original mixes were scoped to .content;
   replace those variables, not the dashboard markup. */
body.telcom-atelier-v645.page-dashboard .content {
  --tc-home-red:var(--tc-u-base)!important;
  --tc-home-panel:var(--tc-u-main)!important;
  --tc-home-panel-deep:var(--tc-u-deep)!important;
  --tc-home-panel-card:color-mix(in srgb,var(--tc-u-main) 89%,#000000)!important;
  --tc-home-line:rgba(255,255,255,.23)!important;
  --tc-home-muted:#F9E7E9!important;
}
body.telcom-atelier-v645 .topbar.premium-topbar.atelier-topbar {
  background:var(--tc-u-gradient)!important;
  background-image:var(--tc-u-gradient)!important;
  border-color:var(--tc-u-deep)!important;
  color:#FFF!important;
}
body.telcom-atelier-v645 .topbar :is(.crumb,.crumb b,.crumb small,.userbox,.userbox b,.userbox small,.fx-top-pill,.fx-top-pill strong,.fx-top-pill small,.lang-chip,.fault-bell,.icon-btn.hamb){color:#FFF!important}
body.telcom-atelier-v645 .topbar :is(.icon-btn,.fault-bell,.lang-chip,.userbox,.fx-top-pill){background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.23)!important}
body.telcom-atelier-v645 .topbar :is(.icon-btn,.fault-bell,.lang-chip):hover{background:rgba(255,255,255,.2)!important;color:#FFF!important}
/* Main sidebar categories: always colored, a little lighter than the selected item. */
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav > .nav-group > button.nav-group-title,
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav > a.nav-link {
  background:var(--tc-u-gradient-light)!important;
  background-image:var(--tc-u-gradient-light)!important;
  color:#fff!important;
  border:1px solid var(--tc-u-border)!important;
  border-radius:11px!important;
  box-shadow:0 3px 10px rgba(60,23,39,.08)!important;
}
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav > .nav-group:is(.open,.search-expanded) > button.nav-group-title,
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav > a.nav-link.active {
  background:var(--tc-u-gradient)!important;
  background-image:var(--tc-u-gradient)!important;
  border-color:var(--tc-u-main)!important;
  color:#fff!important;
}
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav > .nav-group > button.nav-group-title:is(:hover,:focus-visible),
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav > a.nav-link:is(:hover,:focus-visible) {
  background:var(--tc-u-gradient)!important;
  background-image:var(--tc-u-gradient)!important;
}
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav > .nav-group > button.nav-group-title :is(.nav-group-label,.chev,.ico),
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav > a.nav-link :is(span,.ico){color:#FFF!important}
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav > .nav-group > button.nav-group-title .ico,
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav > a.nav-link .ico {
  background:rgba(255,255,255,.16)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav .nav-group > .nav-children a {
  background:transparent!important;color:var(--tc-text,#273342)!important;
}
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav .nav-group > .nav-children a:is(.active,:hover,:focus-visible){
  background:var(--tc-u-tint)!important;color:var(--tc-u-deep)!important;
}
body.telcom-atelier-v645 #sidebar.sidebar .nav.premium-nav .nav-group > .nav-children a.active .mini-dot{background:var(--tc-u-main)!important}
/* Primary buttons only: keep dangerous commands in their safety colors. */
body.telcom-atelier-v645 #main-content :is(.btn-primary,.btn-blue,.tool-btn.primary,.subscriber-search-submit,.filter-search-submit,.revenue-apply,.report-apply,.subscriber-paging-controls .pager-nav .pager-btn.active,.subscriber-paging-controls .pager-nav .pager-btn[aria-current="page"],.subscriber-filter-button[aria-expanded="true"]) {
  background:var(--tc-u-gradient)!important;background-image:var(--tc-u-gradient)!important;
  color:#fff!important;border-color:var(--tc-u-main)!important;
}
body.telcom-atelier-v645 #main-content :is(.btn-primary,.btn-blue,.tool-btn.primary,.subscriber-search-submit,.filter-search-submit,.revenue-apply,.report-apply,.subscriber-paging-controls .pager-nav .pager-btn.active):is(:hover,:focus-visible) {
  background:var(--tc-u-gradient-light)!important;background-image:var(--tc-u-gradient-light)!important;color:#fff!important;
}
body.telcom-atelier-v645 #main-content :is(.pager-btn:not(.active):not([aria-current="page"]),.module-tools .tool-btn,.subscriber-filter-button:not([aria-expanded="true"]),.payment-code-copy,.payment-code-change,.subscriber-searchbox > span){color:var(--tc-u-deep)!important}
body.telcom-atelier-v645 #main-content :is(.tabs,.sas-tabs,.tab-nav,.tab-buttons,.tabs-nav,.settings-tabs,.segmented-tabs)>:is(button,a):is(.active,[aria-selected="true"]){background:var(--tc-u-gradient)!important;color:#fff!important;border-color:var(--tc-u-main)!important}
body.telcom-atelier-v645.page-subscribers #main-content .subscribers-table thead th.subscriber-pin-column{
  background:var(--tc-u-gradient)!important;background-image:var(--tc-u-gradient)!important;color:#fff!important;
}
body.telcom-atelier-v645.page-subscribers #main-content .subscribers-review-shortcuts .review-shortcut.today{
  background:var(--tc-u-tint)!important;color:var(--tc-u-deep)!important;border-color:var(--tc-u-border)!important;
}
body.telcom-atelier-v645.page-subscribers #main-content .subscribers-review-shortcuts .review-shortcut.today b{
  background:color-mix(in srgb,var(--tc-u-main) 10%,white)!important;color:var(--tc-u-deep)!important;
}
body.telcom-atelier-v645 #main-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea):focus{
  border-color:var(--tc-u-main)!important;box-shadow:0 0 0 3px var(--tc-u-tint)!important;
}
/* Login: the SAME medium gradient as the main header and panels, without
   old dark overlays or independent pink settings. Keep original bitmap logo. */
body.telcom-login-redesign .login-island .brand-masthead{
  background:var(--tc-u-gradient)!important;background-image:var(--tc-u-gradient)!important;
  color:#fff!important;
}
body.telcom-login-redesign .brand-masthead::before{opacity:.22!important}
body.telcom-login-redesign .brand-masthead::after{opacity:.16!important}
body.telcom-login-redesign .brand-names :is(h1,p){color:#fff!important;text-shadow:0 1px 2px rgba(40,24,31,.16)!important}
body.telcom-login-redesign .login-island .masthead-fine-line{background:var(--tc-u-soft-main)!important}
body.telcom-login-redesign .ambient-scene::before{
  background:linear-gradient(123deg,var(--tc-u-main),var(--tc-u-deep))!important;
  background-image:linear-gradient(123deg,var(--tc-u-main),var(--tc-u-deep))!important;
}
body.telcom-login-redesign .login-island .login-submit{
  background:var(--tc-u-gradient)!important;background-image:var(--tc-u-gradient)!important;
  color:#fff!important;border-color:var(--tc-u-main)!important;
}
body.telcom-login-redesign .login-island .login-submit:is(:hover,:focus-visible){
  background:var(--tc-u-gradient-light)!important;background-image:var(--tc-u-gradient-light)!important;color:#fff!important;
}
body.telcom-login-redesign .form-field input:focus,
body.telcom-login-redesign .form-field input:focus-visible{
  border-color:var(--tc-u-main)!important;outline-color:var(--tc-u-main)!important;
  box-shadow:0 0 0 3px var(--tc-u-tint)!important;
}
body.telcom-login-redesign :is(.intro-index,.info-heading,.feature-symbol){color:var(--tc-u-deep)!important}
body.telcom-login-redesign .feature-symbol{background:var(--tc-u-tint)!important}
/* No generic changes to success, error, warning, deletion buttons, or logos. */

/* v6.9.128: dashboard top bar and all panel colors resolve from this one palette. */
body.telcom-atelier-v645.page-dashboard {
  --tc-home-red:var(--tc-u-base)!important;
  --tc-home-panel:var(--tc-u-main)!important;
  --tc-home-panel-deep:var(--tc-u-deep)!important;
  --tc-home-panel-card:color-mix(in srgb,var(--tc-u-main) 89%,#000)!important;
}
/* Visible reference elements from the mobile screenshots. */
body.telcom-atelier-v645.page-subscribers #main-content .subscriber-search-submit,
body.telcom-atelier-v645.page-subscribers #main-content .subscribers-table thead th.subscriber-pin-column,
body.telcom-atelier-v645.page-subscribers #main-content .subscriber-paging-controls .pager-btn.active {
  background:var(--tc-u-gradient)!important;
  background-image:var(--tc-u-gradient)!important;
  border-color:var(--tc-u-main)!important;
  color:#fff!important;
}
/* Prevent old pink overlays from recoloring the login hero. */
body.telcom-login-redesign .brand-masthead::before,
body.telcom-login-redesign .brand-masthead::after{opacity:.12!important;}

/* v6.9.123: compact printer action only for phone/tablet widths.
   Do not narrow the invoice column or squeeze Arabic letters vertically. */
body.telcom-atelier-v645.page-renewals #main-content .renewal-print-action {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex-flow:row nowrap!important;gap:8px!important;white-space:nowrap!important;
  text-decoration:none!important;vertical-align:middle!important;
}
body.telcom-atelier-v645.page-renewals #main-content .renewal-print-action .renewal-print-icon {
  display:block!important;width:19px!important;height:19px!important;
  flex:0 0 19px!important;
}
body.telcom-atelier-v645.page-renewals #main-content .renewal-print-action .renewal-print-text {
  display:inline!important;white-space:nowrap!important;
}
@media (max-width:760px){
  body.telcom-atelier-v645.page-renewals #main-content .renewal-print-action {
    display:inline-flex!important;width:42px!important;min-width:42px!important;
    max-width:42px!important;height:42px!important;min-height:42px!important;
    padding:0!important;gap:0!important;border-radius:10px!important;
    line-height:1!important;overflow:hidden!important;
  }
  body.telcom-atelier-v645.page-renewals #main-content .renewal-print-action .renewal-print-text {
    display:none!important;
  }
  body.telcom-atelier-v645.page-renewals #main-content .renewal-print-action .renewal-print-icon {
    width:21px!important;height:21px!important;flex:0 0 21px!important;
  }
}