/* TR Global v128 — portal visual alignment.
   Presentation-only overrides for authenticated/internal workspace pages.
   No database, API, authentication, permissions, RLS, or workflow logic changes. */

:root{
  --tr128-navy:#091735;
  --tr128-navy-2:#102654;
  --tr128-blue:#264a9f;
  --tr128-blue-hover:#1e3e88;
  --tr128-blue-soft:#eef3fb;
  --tr128-gold:#b58a36;
  --tr128-ink:#101a36;
  --tr128-copy:#58657d;
  --tr128-line:#e4e8ef;
  --tr128-line-strong:#d5dce7;
  --tr128-surface:#f7f8fa;
  --tr128-white:#fff;
  --tr128-green:#14805e;
  --tr128-amber:#9a6815;
  --tr128-red:#ad3945;
  --tr128-radius:14px;
  --tr128-radius-lg:18px;
  --tr128-shadow:0 14px 34px rgba(16,31,70,.07);
  --tr128-shadow-soft:0 8px 22px rgba(16,31,70,.05);
}

/* Scope: every non-public secure workspace page carrying this stylesheet. */
body:not(.public-site){
  --blue:var(--tr128-blue);
  --blue2:var(--tr128-blue-hover);
  --navy:var(--tr128-navy);
  --ink:var(--tr128-ink);
  --muted:var(--tr128-copy);
  --line:var(--tr128-line);
  --soft:var(--tr128-surface);
  --shadow:var(--tr128-shadow);
  --radius:var(--tr128-radius-lg);
  margin:0;
  background:var(--tr128-surface)!important;
  color:var(--tr128-ink)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body:not(.public-site)::before{
  background:
    radial-gradient(circle at 88% 8%,rgba(38,74,159,.075),transparent 29%),
    linear-gradient(180deg,#fff 0%,#f7f8fa 45%,#f7f8fa 100%)!important;
}
body:not(.public-site) :where(h1,h2,h3,h4,strong){color:var(--tr128-ink)}
body:not(.public-site) :where(p,small){color:var(--tr128-copy)}
body:not(.public-site) :where(h1,h2,h3,h4){text-wrap:balance}
body:not(.public-site) :where(p,li){text-wrap:pretty}
body:not(.public-site) :focus-visible{outline:3px solid rgba(38,74,159,.28)!important;outline-offset:2px}
body:not(.public-site) .container{width:min(1200px,calc(100% - 48px))!important;max-width:1200px!important}

/* Header mirrors the minimal public header. */
body:not(.public-site) .site-header{
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid rgba(16,26,54,.08)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
}
body:not(.public-site) .topline{
  min-height:26px!important;
  height:26px!important;
  padding:0 24px!important;
  background:var(--tr128-navy)!important;
  color:#e8edf8!important;
  font-size:.61rem!important;
  letter-spacing:.11em!important;
  font-weight:760!important;
  gap:18px!important;
}
body:not(.public-site) .nav{height:72px!important;min-height:72px!important;gap:12px!important}
body:not(.public-site) .brand{gap:10px!important}
body:not(.public-site) .brand-mark{
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  border-radius:12px!important;border:1px solid var(--tr128-line)!important;
  box-shadow:none!important;background:#fff!important;
}
body:not(.public-site) .brand-mark img{width:34px!important;max-height:32px!important}
body:not(.public-site) .brand-name strong{font-size:.86rem!important;letter-spacing:.02em!important;font-weight:850!important}
body:not(.public-site) .brand-name small{margin-top:3px!important;font-size:.58rem!important;letter-spacing:.16em!important;color:var(--tr128-blue)!important}
body:not(.public-site) .nav-links{gap:3px!important;min-width:0!important}
body:not(.public-site) .nav-links>a{
  min-height:38px!important;padding:8px 9px!important;border-radius:8px!important;
  color:#25304a!important;font-size:.72rem!important;font-weight:760!important;
  line-height:1.2!important;white-space:nowrap!important;background:transparent!important;
}
body:not(.public-site) .nav-links>a:hover{background:#f4f6f9!important;color:var(--tr128-navy)!important}
body:not(.public-site) .nav-links>a.active,
body:not(.public-site) .nav-links>a[aria-current="page"]{
  background:transparent!important;color:var(--tr128-blue)!important;
  box-shadow:inset 0 -2px 0 var(--tr128-blue)!important;border-radius:0!important;
}
body:not(.public-site) .nav-cta{
  min-height:40px!important;padding:9px 16px!important;border-radius:10px!important;
  background:var(--tr128-navy)!important;color:#fff!important;
  font-size:.73rem!important;font-weight:820!important;box-shadow:none!important;
  white-space:nowrap!important;
}
body:not(.public-site) .nav-cta:hover{background:var(--tr128-navy-2)!important}
body:not(.public-site) .nav-toggle{
  min-height:40px!important;padding:9px 13px!important;border:1px solid var(--tr128-line)!important;
  border-radius:10px!important;background:#fff!important;color:var(--tr128-navy)!important;
  box-shadow:none!important;
}
body:not(.public-site) .tr-language-switcher select{
  min-width:100px!important;height:38px!important;border:1px solid #dce1e9!important;
  border-radius:10px!important;padding-left:11px!important;background-color:#fff!important;
  color:var(--tr128-ink)!important;font-size:.7rem!important;font-weight:760!important;box-shadow:none!important;
}

/* Secure workspace hero uses the same navy/gold language as the public homepage. */
body:not(.public-site) .portal-hero,
body:not(.public-site) .mega-hero{
  padding:48px 0 42px!important;
  background:
    radial-gradient(circle at 86% 15%,rgba(74,112,190,.18),transparent 32%),
    linear-gradient(128deg,#081633 0%,#0c2451 58%,#123b7c 100%)!important;
  border-bottom:0!important;
}
body:not(.public-site) .portal-hero-grid{grid-template-columns:minmax(0,1fr) 360px!important;gap:42px!important;align-items:center!important}
body:not(.public-site) .portal-hero .kicker,
body:not(.public-site) .mega-kicker,
body:not(.public-site) .dashboard-intro .kicker{
  color:#e4bc62!important;font-size:.68rem!important;font-weight:820!important;letter-spacing:.14em!important;
}
body:not(.public-site) .portal-hero .kicker::before,
body:not(.public-site) .mega-kicker::before{background:#e4bc62!important;width:34px!important;height:2px!important}
body:not(.public-site) .portal-hero h1,
body:not(.public-site) .mega-hero h1{
  max-width:780px!important;margin:14px 0 12px!important;color:#fff!important;
  font-size:clamp(2.35rem,4.5vw,4.15rem)!important;line-height:1!important;letter-spacing:-.052em!important;
}
body:not(.public-site) .portal-hero .lead,
body:not(.public-site) .mega-hero p{max-width:760px!important;margin:0!important;color:#d6e0f0!important;font-size:.98rem!important;line-height:1.65!important}
body:not(.public-site) .portal-status-card{
  padding:20px 22px!important;border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;background:rgba(255,255,255,.09)!important;
  box-shadow:none!important;backdrop-filter:blur(10px)!important;
}
body:not(.public-site) .portal-status-card span{margin-bottom:7px!important;color:#e4bc62!important;font-size:.66rem!important;letter-spacing:.12em!important}
body:not(.public-site) .portal-status-card strong{color:#fff!important;font-size:1.05rem!important;line-height:1.45!important;letter-spacing:-.015em!important}

/* Workspace layout and side navigation. */
body:not(.public-site) .portal-section{padding:34px 0 70px!important}
body:not(.public-site) .portal-layout{grid-template-columns:250px minmax(0,1fr)!important;gap:24px!important}
body:not(.public-site) .portal-sidebar{
  top:112px!important;padding:12px!important;border:1px solid var(--tr128-line)!important;
  border-radius:14px!important;background:#fff!important;box-shadow:var(--tr128-shadow-soft)!important;
  scrollbar-color:#cfd7e4 transparent;
}
body:not(.public-site) .portal-user-card{
  padding:13px!important;margin-bottom:10px!important;border:1px solid var(--tr128-line)!important;
  border-radius:12px!important;background:#fafbfc!important;
}
body:not(.public-site) .portal-avatar{width:42px!important;height:42px!important;border-radius:11px!important;background:var(--tr128-navy)!important}
body:not(.public-site) .portal-user-card strong{font-size:.84rem!important;font-weight:820!important}
body:not(.public-site) .portal-user-card small{font-size:.69rem!important}
body:not(.public-site) .portal-user-role-badge{
  display:inline-flex!important;width:max-content!important;margin-top:4px!important;padding:4px 8px!important;
  border:1px solid #dce4f1!important;border-radius:999px!important;background:var(--tr128-blue-soft)!important;
  color:var(--tr128-blue)!important;font-size:.64rem!important;font-weight:800!important;
}
body:not(.public-site) .portal-nav-heading{
  margin:16px 10px 7px!important;color:#6d7890!important;font-size:.62rem!important;font-weight:850!important;letter-spacing:.13em!important;
}
body:not(.public-site) .portal-sidebar a,
body:not(.public-site) .portal-sidebar button{
  min-height:42px!important;height:auto!important;margin:3px 0!important;padding:9px 11px!important;
  border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;
  color:#25304a!important;font-size:.76rem!important;font-weight:760!important;line-height:1.25!important;
  box-shadow:none!important;transition:background-color .15s ease,color .15s ease,border-color .15s ease!important;
}
body:not(.public-site) .portal-sidebar a:hover,
body:not(.public-site) .portal-sidebar button:hover{background:#f3f5f8!important;border-color:#e9edf2!important;color:var(--tr128-navy)!important}
body:not(.public-site) .portal-sidebar a.active,
body:not(.public-site) .portal-sidebar button.active{
  background:var(--tr128-navy)!important;border-color:var(--tr128-navy)!important;color:#fff!important;
}
body:not(.public-site) .portal-sidebar a.active :where(svg,i,span),
body:not(.public-site) .portal-sidebar button.active :where(svg,i,span){color:#fff!important}
body:not(.public-site) .portal-logout{margin-top:10px!important;border-top:1px solid var(--tr128-line)!important}
body:not(.public-site) .portal-content{min-width:0!important}

/* Top productivity/context bars. */
body:not(.public-site) .v101-productivity-bar,
body:not(.public-site) .mega-bar,
body:not(.public-site) .portal-toolbar,
body:not(.public-site) .portal-user-toolbar{
  border:1px solid var(--tr128-line)!important;border-radius:12px!important;
  background:rgba(255,255,255,.98)!important;box-shadow:var(--tr128-shadow-soft)!important;
}
body:not(.public-site) .v101-productivity-bar{margin-bottom:14px!important}
body:not(.public-site) .v101-context{padding:10px 12px!important}
body:not(.public-site) .v101-context small{color:#6b7690!important;font-size:.62rem!important;letter-spacing:.1em!important}
body:not(.public-site) .v101-context strong{color:var(--tr128-ink)!important;font-size:.83rem!important}

/* Shared buttons — same geometry and colors as the public frontend. */
body:not(.public-site) :where(.btn,.mega-btn,.portal-link-button,.dashboard-action,.v101-context-actions button,.v101-context-actions a,.v101-table-tools button,.v101-action-card button,.v101-action-card a,.v101-role-preview a,.v101-saved-views button,.v101-saved-views a){
  min-height:40px!important;padding:9px 14px!important;border:1px solid var(--tr128-line-strong)!important;
  border-radius:10px!important;background:#fff!important;color:var(--tr128-navy)!important;
  box-shadow:none!important;font-family:inherit!important;font-size:.74rem!important;font-weight:800!important;
  line-height:1.2!important;transform:none!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease!important;
}
body:not(.public-site) :where(.btn,.mega-btn,.portal-link-button,.dashboard-action,.v101-context-actions button,.v101-context-actions a):hover{
  border-color:#bec8d8!important;background:#f8f9fb!important;color:var(--tr128-navy)!important;transform:none!important;
}
body:not(.public-site) :where(.btn.primary,.mega-btn.primary,.dashboard-action.primary,button.primary,[data-variant="primary"]){
  border-color:var(--tr128-blue)!important;background:var(--tr128-blue)!important;color:#fff!important;
}
body:not(.public-site) :where(.btn.primary,.mega-btn.primary,.dashboard-action.primary,button.primary,[data-variant="primary"]):hover{
  border-color:var(--tr128-blue-hover)!important;background:var(--tr128-blue-hover)!important;color:#fff!important;
}
body:not(.public-site) :where(.btn.ghost,.mega-btn.ghost){background:#fff!important;color:var(--tr128-blue)!important}
body:not(.public-site) button:disabled,
body:not(.public-site) .btn:disabled{opacity:.55!important;cursor:not-allowed!important}

/* Dashboard introduction and summary cards. */
body:not(.public-site) .dashboard-intro{
  padding:22px!important;border:1px solid var(--tr128-line)!important;border-radius:16px!important;
  background:#fff!important;box-shadow:var(--tr128-shadow-soft)!important;
}
body:not(.public-site) .dashboard-intro h1,
body:not(.public-site) .dashboard-intro h2{
  margin:5px 0 7px!important;color:var(--tr128-ink)!important;font-size:clamp(1.75rem,2.7vw,2.45rem)!important;line-height:1.05!important;letter-spacing:-.045em!important;
}
body:not(.public-site) .dashboard-intro p{margin:0!important;font-size:.9rem!important;line-height:1.55!important}
body:not(.public-site) .dashboard-today{
  border-radius:11px!important;background:var(--tr128-navy)!important;color:#fff!important;box-shadow:none!important;
}
body:not(.public-site) .dashboard-today *{color:#fff!important}
body:not(.public-site) .dashboard-section-heading h2{font-size:1.15rem!important;letter-spacing:-.02em!important}
body:not(.public-site) .dashboard-section-heading p{font-size:.82rem!important}
body:not(.public-site) .dashboard-summary-grid{gap:12px!important}
body:not(.public-site) .dashboard-summary-card{
  min-height:116px!important;padding:15px!important;border:1px solid var(--tr128-line)!important;
  border-radius:13px!important;background:#fff!important;box-shadow:none!important;
}
body:not(.public-site) .dashboard-summary-card::after{background:rgba(38,74,159,.055)!important}
body:not(.public-site) .dashboard-summary-card span{color:#67728a!important;font-size:.75rem!important;font-weight:760!important}
body:not(.public-site) .dashboard-summary-card strong{margin:.35rem 0 .2rem!important;color:var(--tr128-navy)!important;font-size:1.75rem!important}
body:not(.public-site) .dashboard-summary-card small{color:#7b859b!important;font-size:.71rem!important}
body:not(.public-site) .dashboard-grid{gap:14px!important}
body:not(.public-site) .dashboard-panel{
  padding:16px!important;border:1px solid var(--tr128-line)!important;border-radius:14px!important;
  background:#fff!important;box-shadow:none!important;
}
body:not(.public-site) .dashboard-panel.attention{border-top:3px solid #c96a3e!important}
body:not(.public-site) .dashboard-panel.due{border-top:3px solid #c69c2d!important}
body:not(.public-site) .dashboard-panel.recent{border-top:3px solid var(--tr128-blue)!important}
body:not(.public-site) .dashboard-panel.next-step{border-top:3px solid #398261!important;background:#fbfdfc!important}
body:not(.public-site) .dashboard-panel-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important;background:var(--tr128-blue-soft)!important;color:var(--tr128-blue)!important}
body:not(.public-site) .dashboard-panel h3{font-size:.98rem!important;font-weight:820!important}
body:not(.public-site) .dashboard-panel-head p{font-size:.76rem!important}
body:not(.public-site) .dashboard-panel-count{border-radius:999px!important;background:#f0f2f6!important;color:#4c5871!important}
body:not(.public-site) .dashboard-empty{border-color:#d8dee8!important;border-radius:11px!important;background:#fafbfc!important}

/* Cards, panels, lists and metric blocks. */
body:not(.public-site) :where(.portal-card,.mega-card,.account-settings-card,.admin-management-card,.admin-account-management-card,.appointment-card,.delivery-style-card,.file-browser-card,.invoice-list-card,.invoice-editor-card,.po-list-card,.po-editor-card,.style-list-card,.style-create-card,.style-edit-card,.style-subcard,.tech-pack-list-card,.tech-pack-editor-card,.inquiry-thread-card,.direct-email-card,.newest-updates-card,.security-mfa-card,.team-notification-card,.production-tracker-card,.production-line-card,.production-stage-card,.qc-remark-card,.qc-attachment-card){
  border:1px solid var(--tr128-line)!important;border-radius:14px!important;
  background:#fff!important;box-shadow:var(--tr128-shadow-soft)!important;
}
body:not(.public-site) .portal-card{padding:20px!important}
body:not(.public-site) .portal-card-head{margin-bottom:14px!important}
body:not(.public-site) :where(.portal-card h3,.portal-card-head h3,.mega-card h3){font-size:1.08rem!important;line-height:1.25!important;letter-spacing:-.025em!important}
body:not(.public-site) .portal-warning,
body:not(.public-site) .mini-callout,
body:not(.public-site) .mega-alert,
body:not(.public-site) .v101-alert{
  border:1px solid #d7e0ee!important;border-radius:11px!important;background:#f3f7fd!important;color:#355276!important;
  box-shadow:none!important;
}
body:not(.public-site) .portal-metrics{gap:12px!important}
body:not(.public-site) .portal-metrics article,
body:not(.public-site) .mega-stat,
body:not(.public-site) .v101-stat-grid article,
body:not(.public-site) .v101-quality-grid article{
  padding:16px!important;border:1px solid var(--tr128-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;
}
body:not(.public-site) .portal-metrics span,
body:not(.public-site) .mega-stat span{color:#6c7790!important;font-size:.68rem!important;letter-spacing:.1em!important}
body:not(.public-site) .portal-metrics strong,
body:not(.public-site) .mega-stat strong{color:var(--tr128-navy)!important;font-size:2rem!important}
body:not(.public-site) .portal-item,
body:not(.public-site) .mega-item,
body:not(.public-site) .v101-action-card,
body:not(.public-site) .v101-kanban article,
body:not(.public-site) .v101-version{
  border:1px solid var(--tr128-line)!important;border-radius:11px!important;background:#fafbfc!important;box-shadow:none!important;
}
body:not(.public-site) .portal-message{border:1px solid var(--tr128-line)!important;border-radius:12px!important;box-shadow:none!important}
body:not(.public-site) :where(.pill,.mega-pill,.v101-role-preview section>div span){
  border:1px solid #dce4f1!important;border-radius:999px!important;background:var(--tr128-blue-soft)!important;color:var(--tr128-blue)!important;
}

/* Tabs and filters. */
body:not(.public-site) :where(.mega-tabs,.v101-centre-tabs){
  padding:6px!important;border:1px solid var(--tr128-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;
}
body:not(.public-site) :where(.mega-tab,.v101-centre-tabs button){
  min-height:36px!important;padding:8px 11px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#59657d!important;font-size:.73rem!important;font-weight:780!important;
}
body:not(.public-site) :where(.mega-tab.active,.v101-centre-tabs button.active){background:var(--tr128-navy)!important;color:#fff!important}

/* Forms and controls. */
body:not(.public-site) :where(input,select,textarea,.portal-form input,.portal-form select,.portal-form textarea,.mega-field input,.mega-field select,.mega-field textarea,.v101-task-form input,.v101-task-form select,.v101-task-form textarea,.v101-panel input){
  border:1px solid var(--tr128-line-strong)!important;border-radius:10px!important;background:#fff!important;
  color:var(--tr128-ink)!important;box-shadow:none!important;font-family:inherit!important;
}
body:not(.public-site) :where(input,select){min-height:44px!important}
body:not(.public-site) :where(textarea){min-height:110px}
body:not(.public-site) :where(input,select,textarea):focus{
  border-color:var(--tr128-blue)!important;box-shadow:0 0 0 3px rgba(38,74,159,.11)!important;outline:0!important;
}
body:not(.public-site) :where(label,.portal-form label,.mega-field label,.v101-task-form label){color:#2c3752!important;font-size:.79rem!important;font-weight:780!important}
body:not(.public-site) ::placeholder{color:#9099aa!important}
body:not(.public-site) .style-search,
body:not(.public-site) .mega-search-box{border-radius:10px!important}

/* Tables. */
body:not(.public-site) :where(.portal-table-wrap,.mega-table-wrap,.production-table-wrap,.order-summary-table-wrap,.invoice-doc-table-wrap,.po-doc-table-wrap){
  border:1px solid var(--tr128-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;
}
body:not(.public-site) :where(.portal-table,.mega-table,.production-table,.order-summary-table,.invoice-doc-table,.po-doc-table){background:#fff!important}
body:not(.public-site) :where(.portal-table th,.mega-table th,.production-table th,.order-summary-table th,.invoice-doc-table th,.po-doc-table th){
  background:#f7f8fa!important;color:#4b5871!important;font-size:.68rem!important;font-weight:850!important;letter-spacing:.08em!important;
  border-bottom:1px solid var(--tr128-line)!important;
}
body:not(.public-site) :where(.portal-table td,.mega-table td,.production-table td,.order-summary-table td,.invoice-doc-table td,.po-doc-table td){
  color:#536079!important;border-bottom:1px solid #edf0f4!important;font-size:.78rem!important;
}
body:not(.public-site) :where(.portal-table tbody tr:hover,.mega-table tbody tr:hover){background:#fafbfc!important}

/* Mega internal pages. */
body.mega-shell:not(.public-site){background:var(--tr128-surface)!important}
body:not(.public-site) .mega-shell{max-width:1200px!important}
body:not(.public-site) .mega-heading h1,
body:not(.public-site) .mega-heading h2{color:var(--tr128-ink)!important;letter-spacing:-.045em!important}
body:not(.public-site) .mega-section{padding:28px 0!important}
body:not(.public-site) .mega-sidebar-badge{background:var(--tr128-navy)!important;color:#fff!important}
body:not(.public-site) .mega-progress-step.active{background:var(--tr128-blue)!important;color:#fff!important}
body:not(.public-site) .v101-wizard-nav button{border-radius:9px!important;background:#f4f6f9!important}
body:not(.public-site) .v101-wizard-nav button.active{background:var(--tr128-navy)!important;border-color:var(--tr128-navy)!important;color:#fff!important}
body:not(.public-site) .v101-kanban>section{border:1px solid var(--tr128-line)!important;border-radius:12px!important;background:#f7f8fa!important}

/* Footer aligned with the public navy footer. */
body:not(.public-site) .footer{margin-top:60px!important;background:var(--tr128-navy)!important}
body:not(.public-site) .footer-cta{padding:38px 0!important}
body:not(.public-site) .footer-main{padding:38px 0!important}
body:not(.public-site) .footer a,
body:not(.public-site) .footer p{color:#cbd5e8!important}
body:not(.public-site) .footer-bottom{color:#96a8c9!important}

/* Native app: preserve usable touch sizes while retaining the same visual system. */
html.tr-native-app body:not(.public-site) .site-header{background:#fff!important}
html.tr-native-app body:not(.public-site) :where(.btn,.mega-btn,.portal-sidebar a,.portal-sidebar button){min-height:44px!important}
html.tr-native-app body:not(.public-site) .portal-hero{padding-top:40px!important}

@media(max-width:1180px){
  body:not(.public-site) .container{width:min(100% - 36px,1200px)!important}
  body:not(.public-site) .nav-links>a{padding-inline:7px!important;font-size:.69rem!important}
  body:not(.public-site) .portal-hero-grid{grid-template-columns:1fr 300px!important}
}
@media(max-width:1100px){
  body:not(.public-site) .nav-links{
    top:98px!important;left:18px!important;right:18px!important;padding:12px!important;
    border:1px solid var(--tr128-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--tr128-shadow)!important;
  }
  body:not(.public-site) .nav-links>a{width:100%!important;min-height:42px!important;padding:10px 12px!important;border-radius:8px!important}
  body:not(.public-site) .portal-hero-grid{grid-template-columns:1fr!important}
  body:not(.public-site) .portal-status-card{max-width:680px!important}
  body:not(.public-site) .portal-layout{grid-template-columns:1fr!important}
  body:not(.public-site) .portal-sidebar{position:relative!important;top:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:not(.public-site) .portal-user-card{grid-column:1/-1!important}
}
@media(max-width:720px){
  body:not(.public-site) .container{width:min(100% - 28px,1200px)!important}
  body:not(.public-site) .topline{display:none!important}
  body:not(.public-site) .nav{height:68px!important;min-height:68px!important}
  body:not(.public-site) .brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important}
  body:not(.public-site) .brand-name strong{font-size:.78rem!important}
  body:not(.public-site) .brand-name small{font-size:.52rem!important}
  body:not(.public-site) .portal-hero{padding:38px 0 34px!important}
  body:not(.public-site) .portal-hero h1,
  body:not(.public-site) .mega-hero h1{font-size:clamp(2.05rem,11vw,3rem)!important}
  body:not(.public-site) .portal-hero .lead{font-size:.9rem!important}
  body:not(.public-site) .portal-status-card{padding:16px!important}
  body:not(.public-site) .portal-section{padding-top:24px!important}
  body:not(.public-site) .portal-sidebar{grid-template-columns:1fr!important;padding:9px!important}
  body:not(.public-site) .dashboard-intro{padding:16px!important}
  body:not(.public-site) .dashboard-summary-grid{grid-template-columns:1fr 1fr!important}
  body:not(.public-site) .portal-card{padding:16px!important}
  body:not(.public-site) .portal-grid-two{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  body:not(.public-site) .container{width:min(100% - 20px,1200px)!important}
  body:not(.public-site) .brand-name small{display:none!important}
  body:not(.public-site) .dashboard-summary-grid{grid-template-columns:1fr!important}
  body:not(.public-site) .dashboard-summary-card{min-height:104px!important}
  body:not(.public-site) .portal-metrics{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body:not(.public-site) *,body:not(.public-site) *::before,body:not(.public-site) *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
body:not(.public-site) .topline :where(span,strong){color:#e8edf8!important;opacity:.96!important}
body:not(.public-site) .portal-user-card{grid-template-columns:42px minmax(0,1fr)!important;align-items:start!important;column-gap:11px!important}
body:not(.public-site) .portal-user-copy{min-width:0!important;display:grid!important;gap:3px!important;align-content:start!important}
body:not(.public-site) .portal-user-copy :where(strong,small,span){min-width:0!important;overflow-wrap:anywhere!important}
body:not(.public-site) .portal-user-context{color:#647089!important;font-size:.6rem!important;font-weight:850!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body:not(.public-site) .portal-user-email{font-size:.66rem!important;color:#7c869b!important}