/* THE CONTROL V22 — approved imperial black / teal / royal gold identity.
   Reference: founder-approved Crowned Laurel and bilingual brand board.
   Background #060909, teal #0B4B4C, turquoise #14D6CF,
   aqua #8FECE6, gold #D6B37B, jade #2A6F6D.
*/
:root{
 color-scheme:dark!important;
 --thecontrol-black:#060909;--thecontrol-teal:#0B4B4C;
 --thecontrol-turquoise:#14D6CF;--thecontrol-aqua:#8FECE6;
 --thecontrol-gold:#D6B37B;--thecontrol-jade:#2A6F6D;
 --thecontrol-ink:#F3F7F4;--thecontrol-muted:#B9D4CF;
 --thecontrol-panel:#0D1D1D;--thecontrol-raised:#112D2D;
 --thecontrol-border:#316A68;--thecontrol-glow:rgba(20,214,207,.13);
 --ink:#F3F7F4!important;--muted:#B9D4CF!important;
 --soft:#060909!important;--paper:#0D1D1D!important;
 --edge:#316A68!important;--green:#14D6CF!important;
 --green-dark:#0B4B4C!important;--mint:#123C3B!important;
 --gold:#D6B37B!important;--red:#FFA5A5!important;
 --red-bg:#381D20!important;--amber:#F3CA86!important;
 --amber-bg:#382B18!important;--royal-panel:#0D1D1D!important;
 --royal-line:#316A68!important;--founder-accent:#D6B37B;
 --ctz-surface:#0D1D1D!important;--ctz-surface-raised:#153B39!important;
 --ctz-surface-active:#164C49!important;--ctz-text:#F3F7F4!important;
 --ctz-text-muted:#B9D4CF!important;--ctz-line:#316A68!important;
 --ctz-focus:#8FECE6!important;
}
html{scrollbar-color:#2A6F6D #060909!important}
body,.workspace,.content,.auth-shell{
 background:#060909!important;color:#F3F7F4!important;
}
body{background-image:radial-gradient(circle at 75% 0%,#0B3030 0%,#060909 45%)!important}
::selection{background:#14D6CF!important;color:#060909!important}
h1,h2,h3,h4,h5,h6,
.section-heading h2,.section-heading h3,.card h2,.card h3,.row-card h3,
.wealth-list-head h3,.vault-section-top h3,.modal-head h2,.drawer-title,
.royal-panel h3,.wealth-card-head strong{color:#F3F7F4!important}
p,.small,.muted,.tiny,.field-hint,.eyebrow,.meta,
.section-heading p,.card p,.row-card p,.dashboard-stat-label{color:#B9D4CF!important}
a,.link-btn{color:#8FECE6!important}
a:hover,.link-btn:hover{color:#14D6CF!important}
.positive{color:#7FE5BE!important}
.negative{color:#FFB0B0!important}
.sidebar{
 background:linear-gradient(165deg,#071415 0%,#0B2829 72%,#060909 100%)!important;
 color:#F3F7F4!important;border-inline:1px solid #2A6F6D!important;
 box-shadow:4px 0 26px #0009!important;
}
.sidebar::before{background:#D6B37B!important}
.sidebar .brand{border-bottom:1px solid #2A6F6D!important}
.sidebar-bottom{background:#091E1F!important;border-color:#316A68!important}
.sidebar .brand-caption,.sidebar .nav-caption,.sidebar .user-name,
.sidebar-bottom .user-name,.sidebar-bottom .small,.sidebar-bottom .muted,
.sidebar .nav-link,.sidebar .nav-link .ico{color:#CFEBE7!important}
.nav-link{background:transparent!important;color:#CFEBE7!important;border:1px solid transparent!important}
.nav-link:hover,.nav-link:focus-visible{
 background:#133C3D!important;color:#F3F7F4!important;border-color:#2A6F6D!important
}
.nav-link.active{
 background:linear-gradient(100deg,#08605F,#0B4B4C)!important;color:#FFFFFF!important;
 border-color:#14D6CF!important;box-shadow:0 0 18px #14D6CF1F!important;
}
.nav-link.active .ico{color:#D6B37B!important}
.topbar{
 background:#081415F5!important;border-bottom:1px solid #2A6F6D!important;
 box-shadow:0 5px 20px #0007!important;
}
.topbar h1,.header-profile-name{color:#F3F7F4!important}
.topbar p{color:#B9D4CF!important}
.header-profile-avatar,.royal-stat-icon,.vault-ledger-icon,.vault-currency,.wealth-card-mark{
 background:#15403F!important;color:#8FECE6!important;border-color:#2A6F6D!important;
}
.header-profile{border-color:#316A68!important}
.card,.row-card,.dashboard-stat,.royal-panel,.royal-stat,
.royal-secondary-counts .dashboard-stat,.network-toolbar,.network-intro,
.network-summary>div,.network-aside-num,.network-suggestion-card,
.case-directory-card,.case-directory-search,.case-add-panel,.shared-case-card,
.vault-panel,.wealth-card,.wealth-total,.wealth-blank-summary,.vault-balance,
.vault-month-item,.vault-categories,.vault-category-row,.vault-ledger-item,
.wealth-total-row,.wealth-panel,.info-box,.wealth-number,.stat-pair,
.contact-card,.project-card,.match-card,.advanced,.currency-item,.visit-head,
.tender-financial,.finance-tile,.share-cell,.founder-projection,
.import-country-table tr,.contact-category-chip,.relation-hub-count,
.relation-person-card,.relation-empty-symbol,.contact-picked,.relation-avatar,
.relation-sensitive,.case-match-note,.company-children,.project-company-assignment,
.relation-counter,.relation-status,.network-intro-steps span,
.network-insight-card,.empty,.royal-chart-empty{
 background:#0D1D1D!important;background-image:none!important;
 color:#F3F7F4!important;border-color:#316A68!important;
 box-shadow:0 5px 19px #0005!important;
}
.card.clickable:hover,.row-card:hover,.dashboard-stat:hover,
.contact-category-chip:hover,.contact-card:hover,.royal-shortcut:hover{
 background:#143534!important;border-color:#14D6CF!important;color:#F3F7F4!important;
}
.contact-category-chip.selected,.contact-category-chip.selected:hover{
 background:#164B49!important;color:#FFFFFF!important;border-color:#14D6CF!important;
 box-shadow:inset 3px 0 0 #14D6CF!important;
}
.contact-category-chip strong,.contact-category-chip.selected strong,
.relation-person-card strong,.info-box strong,.wealth-number strong,
.wealth-total strong,.vault-category-row strong,.vault-ledger-info>strong,
.finance-tile strong,.share-cell strong,.founder-projection strong,
.visit-head strong,.dashboard-stat-number,.royal-stat strong,
.royal-secondary-counts .dashboard-stat-number,.vault-net,.vault-net .money-number,
.vault-balance .money-number,.vault-balance .amount-words{
 color:#F3F7F4!important;
}
.contact-category-chip span,.contact-category-chip small,
.contact-card p,.card p,.row-card p,.section-heading p,.royal-stat small,
.royal-secondary-counts .dashboard-stat-label,.wealth-list-head p,
.vault-section-top p,.vault-bal-row>span,.vault-ledger-meta,
.vault-month-item p,.vault-category-row small,.finance-tile span,
.info-box small,.wealth-number>span,.contact-line p,.meta,.advanced p{
 color:#B9D4CF!important;
}
.royal-panel-footnote,.royal-obligations span,.wealth-total-title span,
.vault-net-label,.vault-section-top p{color:#B9D4CF!important}
.royal-obligations strong,.vault-balance>header>span:first-child,
.wealth-total-title strong,.vault-total-title,.vault-currency{color:#E5F9F5!important}
.vault-balance,.vault-balance-grid article{
 background:#0D2828!important;border:1px solid #2A6F6D!important;
 box-shadow:inset 0 1px #14D6CF12,0 9px 25px #0005!important;
}
.vault-balance .amount-words,.money-input-words,.amount-words,.form-source-help{
 background:#143B39!important;color:#E9F8F3!important;border-color:#316A68!important;
}
.money-pair,.money-number,.amount,.vault-net{color:#F3F7F4!important}
.pill,.pill.neutral,.pill.blue,.pill.gold,.chip{
 background:#123C3C!important;color:#8FECE6!important;border-color:#2A6F6D!important
}
.pill.red,.relation-counter.caution,.relation-status.caution{
 background:#392023!important;color:#FFB5B5!important;border-color:#955B5B!important
}
.notice,.vault-guidance,.wealth-note-line,.thecontrol-wealth-notice,
.vault-cutover-note,.form-source-help,.money-input-words,.amount-words{
 background:#132F2F!important;color:#E5F4F0!important;border-color:#316A68!important;
}
.notice p,.notice strong,.vault-guidance p,.wealth-note-line p,
.thecontrol-wealth-notice p,.thecontrol-wealth-notice strong{
 color:#E5F4F0!important
}
.notice.warning{background:#392E1B!important;color:#F6D9A7!important;border-color:#997D4D!important}
.notice.danger{background:#391F22!important;color:#FFC4C4!important;border-color:#99575F!important}
.command-search-input,.filter-input,.filter-select,.field-control,
.form-field input,.form-field select,.form-field textarea,
.vault-search input,.network-control input,.network-control select,
.project-company-assignment input,.project-company-assignment select,
.advanced input,.advanced select{
 background:#091919!important;color:#F3F7F4!important;
 border:1px solid #447E78!important;caret-color:#14D6CF!important;box-shadow:none!important;
}
input::placeholder,textarea::placeholder,.command-search-input::placeholder{
 color:#A9C9C4!important;opacity:1!important
}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-calendar-picker-indicator{filter:invert(1)!important}
option{background:#0D1D1D!important;color:#F3F7F4!important}
.field-label,.field-hint,.command-search-icon{color:#D0E4E0!important}
.command-search-results,.contact-suggestions{
 background:#0D1D1D!important;border-color:#316A68!important;
 box-shadow:0 14px 36px #000A!important;
}
.command-result,.contact-choice{color:#F3F7F4!important;background:#0D1D1D!important}
.command-result:hover,.command-result:focus-visible,.contact-choice:hover{
 background:#164B49!important;color:#FFFFFF!important;
}
.command-result small,.command-search-empty{color:#B9D4CF!important}
.btn,.sidebar-bottom button{
 background:#102829!important;color:#E5F7F3!important;
 border:1px solid #41827B!important;box-shadow:none!important;
}
.btn:hover,.sidebar-bottom button:hover{
 background:#174341!important;color:#FFFFFF!important;border-color:#8FECE6!important
}
.btn-primary,.btn-dark,.delete-confirm-final{
 background:linear-gradient(150deg,#13A8A2,#0B4B4C)!important;
 color:#FFFFFF!important;border-color:#14D6CF!important;
 box-shadow:inset 0 1px #8FECE644,0 3px 14px #14D6CF22!important;
}
.btn-primary:hover,.btn-dark:hover{
 background:linear-gradient(150deg,#18B9B3,#0A5554)!important;
 color:#FFFFFF!important;border-color:#8FECE6!important;
}
.btn-danger{background:#391F22!important;color:#FFC4C4!important;border-color:#99575F!important}
.btn-danger:hover{background:#4A272A!important;color:#FFFFFF!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,.contact-category-chip:focus-visible{
 outline:3px solid #8FECE6!important;outline-offset:2px!important
}
.data-table,.data-table td{color:#E8F5F1!important;border-color:#316A68!important}
.data-table th{background:#133B3B!important;color:#D6B37B!important;border-color:#316A68!important}
.data-table tbody tr:hover{background:#143D3B!important}
.table-scroll{background:#0D1D1D!important;border-color:#316A68!important}
.empty strong,.royal-chart-empty strong{color:#E8F5F1!important}
.empty p,.royal-chart-empty span{color:#B9D4CF!important}
.modal,.drawer,.modal-head,.drawer-head,.auth-card{
 background:#0D1D1D!important;color:#F3F7F4!important;
 border-color:#316A68!important;box-shadow:0 18px 48px #000C!important;
}
.modal-head h2,.drawer-title,.drawer-section h3,.auth-card h2{color:#F3F7F4!important}
.overlay,.drawer-shade{background:#000B!important}
.close{background:#133B3B!important;border-color:#447E78!important;color:#D6B37B!important}
.drawer-tabs button{background:#102C2C!important;color:#CBE3DD!important;border-color:#316A68!important}
.drawer-tabs button.active{background:#0B4B4C!important;color:#FFFFFF!important;border-color:#14D6CF!important}
.network-canvas{background:#091818!important;border-color:#316A68!important}
.graph-contact{fill:#133938!important;stroke:#14D6CF!important}
.graph-project{fill:#0B4B4C!important}
.graph-label{fill:#E8F5F1!important}
.graph-label-on{fill:#FFFFFF!important}
.graph-edge{stroke:#2A6F6D!important}
.royal-hero,.wealth-intro,.vault-hero,.welcome{
 background:radial-gradient(ellipse at 12% 7%,#124D4A 0%,#092021 53%,#060909 100%)!important;
 color:#F3F7F4!important;border:1px solid #D6B37B!important;
 box-shadow:inset 0 1px #D6B37B33,0 10px 30px #0009!important;
}
.royal-hero:after{background:#D6B37B!important;box-shadow:none!important}
.royal-hero h2,.wealth-intro h2,.vault-hero h2,.welcome h2{color:#F3F7F4!important}
.royal-hero .eyebrow,.wealth-intro .eyebrow,.vault-hero .eyebrow,.welcome .eyebrow{
 color:#D6B37B!important;font-family:Georgia,'Times New Roman',serif!important;
 letter-spacing:.14em!important;
}
.royal-hero p,.wealth-intro p,.vault-hero p,.welcome p{color:#D3E8E2!important}
.royal-shortcut,.royal-quick-actions button{
 background:#112E2E!important;color:#F3F7F4!important;border-color:#316A68!important
}
.royal-shortcut strong,.royal-shortcut small,.royal-panel h3{color:#F3F7F4!important}
.auth-aside{background:linear-gradient(150deg,#061111,#0B4B4C)!important;border-color:#D6B37B!important}
.auth-aside h1,.auth-aside p,.auth-aside .auth-points,.auth-points span{color:#F3F7F4!important}
.auth-card p{color:#B9D4CF!important}
.mobile-bottom{
 background:#081B1B!important;border-top:1px solid #2A6F6D!important;
 box-shadow:0 -6px 20px #000A!important
}
.mobile-bottom button,.mobile-bottom button span{color:#BED8D3!important}
.mobile-bottom button.active,.mobile-bottom button.active span{
 color:#8FECE6!important;background:#123A39!important
}
#toast{background:#0B4B4C!important;color:#FFFFFF!important;border-color:#14D6CF!important}
.brand-caption{color:#D6B37B!important}
.thecontrol-brand-logo .brand-name{
 color:#8FECE6!important;font-family:Georgia,'Times New Roman',serif!important;
 font-weight:700!important;letter-spacing:.16em!important;
}
.sidebar .thecontrol-brand-logo .brand-name,.auth-aside .thecontrol-brand-logo .brand-name{
 color:#8FECE6!important
}
.auth-card .thecontrol-brand-logo .brand-name{color:#8FECE6!important}
.royal-hero-crest{
 width:142px!important;height:142px!important;min-width:110px!important;
 object-fit:contain!important;opacity:1!important;background:transparent!important;
 border:0!important;filter:drop-shadow(0 0 11px #14D6CF22)!important;
}
.topbar-mobile-emblem{background:transparent!important;border:0!important}
@media(max-width:780px){
 .content{padding-bottom:calc(140px + env(safe-area-inset-bottom))!important}
 .royal-hero-crest{display:none!important}
 .topbar{background:#081B1B!important}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Exact founder-approved emblem artwork (no generic replacement icon). */
.thecontrol-brand-logo{background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important}
.thecontrol-brand-logo .brand-name{display:none!important}
.thecontrol-brand-logo .thecontrol-wordmark{
 width:148px!important;height:148px!important;max-width:100%!important;
 object-fit:contain!important;background:transparent!important;border:0!important;
 mix-blend-mode:screen!important;filter:none!important;opacity:1!important;
}
.auth-aside .thecontrol-brand-logo .thecontrol-wordmark{width:min(280px,80vw)!important;height:280px!important}
.auth-card .thecontrol-brand-logo .thecontrol-wordmark{width:140px!important;height:140px!important}
.royal-hero-crest{width:195px!important;height:195px!important;min-width:160px!important;
 mix-blend-mode:screen!important;filter:none!important;border:0!important;background:transparent!important}
.topbar-mobile-emblem{width:42px!important;height:42px!important;object-fit:contain!important}
@media(max-width:780px){.royal-hero-crest{display:none!important}.thecontrol-brand-logo .thecontrol-wordmark{width:115px!important;height:115px!important}}

/* Founder-defined accent is limited to the brand-approved color set. */
.brand-caption{color:var(--founder-accent,#D6B37B)!important}
/* Final audit: non-primary buttons in treasury must not inherit a white surface. */
.vault-hero .btn:not(.btn-primary),.wealth-intro .btn:not(.btn-primary),
.royal-hero .btn:not(.btn-primary){background:#102829!important;color:#E5F7F3!important;border-color:#41827B!important}
.vault-hero .btn:not(.btn-primary):hover,.wealth-intro .btn:not(.btn-primary):hover,
.royal-hero .btn:not(.btn-primary):hover{background:#174341!important;color:#FFFFFF!important;border-color:#8FECE6!important}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator{filter:none!important;opacity:.85!important}

/* V23: iOS/Android use cropped transparent crest, not an oversized square WebP. */
.initial-loading{background:#060909!important;min-height:100dvh!important;padding:calc(36px + env(safe-area-inset-top)) 24px 40px!important;box-sizing:border-box!important;gap:12px;text-align:center}
.initial-loading .startup-crest{width:108px!important;height:108px!important;object-fit:contain!important;display:block;flex:0 0 auto;filter:drop-shadow(0 5px 15px #14D6CF22)}
.initial-loading .startup-title{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(1.35rem,6vw,1.7rem)!important;letter-spacing:.14em!important;color:#8FECE6!important;font-weight:700}
.initial-loading p{font-size:.94rem!important;line-height:1.7;color:#B9D4CF!important}
.topbar-mobile-emblem{width:50px!important;height:50px!important;object-fit:contain!important;object-position:center!important;display:none;flex:0 0 50px!important;border:0!important;border-radius:0!important;background:transparent!important;filter:drop-shadow(0 0 5px #14D6CF22)}
@media(max-width:780px){
 html,body,#app,.layout,.workspace{max-width:100%!important;min-width:0!important}
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .topbar{display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;gap:10px 9px!important;align-items:center!important;padding:calc(10px + env(safe-area-inset-top)*.2) 13px 11px!important;min-height:0!important}
 .topbar-mobile-emblem{display:block!important;grid-column:1;grid-row:1}
 .topbar-title{grid-column:2;grid-row:1;min-width:0!important;max-width:100%!important;overflow:hidden!important}
 .topbar-title h1{font-size:clamp(.99rem,4.4vw,1.22rem)!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .topbar-title p{font-size:clamp(.68rem,2.7vw,.77rem)!important;line-height:1.45!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 .topbar .top-actions{grid-column:3;grid-row:1;min-width:0!important;max-width:125px!important}
 .topbar .top-actions .btn{font-size:.73rem!important;padding:8px 9px!important;min-height:35px!important;white-space:nowrap!important}
 .command-search{grid-column:1/-1;grid-row:2;order:initial!important;width:100%!important;min-width:0!important;max-width:none!important;flex-basis:auto!important}
 .command-search-input{width:100%!important;max-width:100%!important;font-size:16px!important;min-height:44px!important}
 .content{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding-inline:12px!important}
 .royal-hero{width:100%!important;min-width:0!important;max-width:100%!important;padding:19px 15px!important;box-sizing:border-box!important}
 .royal-hero>.royal-hero-copy{max-width:100%!important;min-width:0!important}
 .royal-hero .eyebrow{font-size:.64rem!important;letter-spacing:.09em!important;overflow-wrap:anywhere!important}
 .royal-hero h2{font-size:clamp(1.22rem,5vw,1.45rem)!important;line-height:1.45!important;overflow-wrap:anywhere!important}
 .royal-hero p{font-size:.85rem!important;line-height:1.8!important;overflow-wrap:anywhere!important}
 .royal-hero-actions .btn{min-height:40px!important;max-width:100%!important}
 .royal-hero-crest{display:none!important}
 .dashboard-counts,.royal-primary-stats,.royal-secondary-counts{min-width:0!important;max-width:100%!important}
 .royal-panel,.vault-panel,.vault-balance,.card{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
@media(max-width:370px){
 .topbar{grid-template-columns:45px minmax(0,1fr)!important}
 .topbar-mobile-emblem{width:45px!important;height:45px!important}
 .topbar .top-actions{grid-column:1/-1;grid-row:2;justify-content:flex-start!important}
 .command-search{grid-row:3}
 .topbar-title h1{font-size:1rem!important}
}
/* V24 — Founder navigation priority organizer */
.nav-organizer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:10px;margin-bottom:4px}
.nav-organizer-head .nav-caption{margin:0!important}
.nav-organizer-btn{appearance:none;background:#102E2E;color:#D6B37B;border:1px solid #316A68;border-radius:8px;min-height:32px;padding:4px 9px;cursor:pointer;font:inherit;font-size:.76rem;white-space:nowrap}
.nav-organizer-btn:hover,.nav-organizer-btn:focus-visible{background:#164846;border-color:#8FECE6;color:#FFFFFF}
#nav-sort-list{display:grid;gap:7px;max-height:min(57vh,610px);overflow-y:auto;overscroll-behavior:contain;padding:3px;scrollbar-color:#2A6F6D #071819}
.nav-sort-row{display:flex;align-items:center;gap:10px;min-height:52px;border:1px solid #316A68;border-radius:10px;padding:7px 10px;background:#102B2B;color:#F3F7F4;cursor:grab;user-select:none}
.nav-sort-row:hover{border-color:#8FECE6;background:#15413D}
.nav-sort-row.dragging{opacity:.6;border:2px dashed #D6B37B;cursor:grabbing}
.nav-sort-row.drop-target{border-color:#14D6CF;box-shadow:inset 0 3px 0 #14D6CF;background:#164B49}
.nav-drag-handle{display:grid;place-items:center;min-width:37px;min-height:39px;font-size:25px;line-height:1;color:#D6B37B;cursor:grab;touch-action:none}
.nav-sort-label{flex:1;min-width:0;display:flex;align-items:center;gap:9px;font-size:.91rem;color:#F3F7F4}
.nav-sort-label svg{width:20px;height:20px;flex:0 0 20px;color:#8FECE6}
.nav-sort-label strong{white-space:normal;overflow-wrap:anywhere}
.nav-sort-actions{display:flex;gap:6px;flex:0 0 auto}
.nav-sort-actions .btn{width:37px;height:37px;padding:0;font-size:19px}
.nav-sort-actions button:disabled{opacity:.3;cursor:not-allowed}
@media(max-width:780px){
 #nav-sort-list{max-height:min(58dvh,520px)}
 .nav-sort-row{min-height:55px}
 .nav-sort-label{font-size:.85rem}
}

/* V26: a reliable return action, even inside complex panels and overlays. */
.app-back-btn,.app-overlay-back{
 min-height:38px!important;white-space:nowrap!important;font-size:.86rem!important;
 padding:7px 13px!important;border:1px solid #497C79!important;
 background:#113535!important;color:#EFF9F6!important;border-radius:10px!important;
}
.app-back-btn:hover,.app-overlay-back:hover{background:#185352!important;border-color:#8FECE6!important}
.app-back-btn:disabled{opacity:.45;cursor:default}
.mobile-page-back{display:none}
.modal-head,.drawer-head{gap:8px!important;align-items:center!important}
.modal-head h2,.drawer-head .drawer-title{min-width:0!important;overflow-wrap:anywhere!important}
.app-overlay-back{flex:0 0 auto}
@media(max-width:780px){
 .app-back-btn{display:none!important}
 .mobile-page-back{display:flex;justify-content:flex-start;margin:0 0 13px;position:relative;z-index:2}
 .mobile-page-back .btn{min-height:40px!important;color:#F1F9F6!important;background:#113535!important;border:1px solid #497C79!important;box-shadow:none!important}
 .modal-head,.drawer-head{padding:12px 14px!important}
 .app-overlay-back{min-height:40px!important;padding:6px 10px!important}
}

/* THE CONTROL commercial brand has a horizontal wordmark, not a square portrait. */
.thecontrol-brand-logo{width:100%!important;max-width:100%!important}
.thecontrol-brand-logo .thecontrol-wordmark{
 width:min(100%,258px)!important;height:auto!important;max-height:125px!important;
 aspect-ratio:620/220!important;object-fit:contain!important;
 mix-blend-mode:normal!important;
}
.sidebar .thecontrol-brand-logo .thecontrol-wordmark{width:min(100%,235px)!important}
.auth-aside .thecontrol-brand-logo .thecontrol-wordmark{width:min(100%,320px)!important;height:auto!important}
.auth-card .thecontrol-brand-logo .thecontrol-wordmark{width:min(100%,270px)!important;height:auto!important}
.royal-hero-crest{width:min(27vw,280px)!important;height:auto!important;min-width:175px!important}
@media(max-width:780px){
 .thecontrol-brand-logo .thecontrol-wordmark{width:min(100%,230px)!important;height:auto!important}
 .royal-hero-crest{display:none!important}
}

/* White-label storefront login: control RTL min-content overflow on iPhone and desktop. */
.auth-shell{width:100%!important;max-width:100vw!important;min-width:0!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;overflow-x:clip!important}
.auth-aside,.auth-main,.auth-aside-inner,.auth-card{min-width:0!important;max-width:100%!important}
.auth-aside{padding:clamp(24px,4vw,48px)!important;overflow:hidden!important}
.auth-aside-inner{width:100%!important;max-width:490px!important;overflow-wrap:anywhere!important}
.auth-aside h1{font-size:clamp(1.35rem,2.2vw,2rem)!important;line-height:1.55!important}
.auth-aside p,.auth-points{max-width:100%!important;overflow-wrap:anywhere!important}
.auth-main{width:100%!important;padding:clamp(12px,3vw,30px)!important;justify-content:center!important}
.auth-card{width:min(100%,445px)!important;margin:0 auto!important;overflow-wrap:anywhere!important}
.auth-card input{min-width:0!important;width:100%!important}
@media(max-width:780px){
 .auth-shell{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important}
 .auth-aside{display:none!important}
 .auth-main{display:flex!important;width:100%!important;max-width:100vw!important;min-width:0!important;padding:18px 14px 26px!important;align-items:flex-start!important}
 .auth-card{width:100%!important;max-width:445px!important;margin:0 auto!important;padding:25px 19px!important}
 .auth-card .thecontrol-brand-logo .thecontrol-wordmark{width:min(100%,265px)!important}
}

/* THE CONTROL V2: founder-approved original C/pillar wordmark.
   Strict containment; no overlapping independent lettering. */
.thecontrol-brand-logo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:100%!important;width:100%!important;background:transparent!important}
.thecontrol-brand-logo>.brand-name{display:none!important}
.thecontrol-brand-logo .thecontrol-wordmark{
 display:block!important;width:min(100%,250px)!important;height:auto!important;
 max-height:180px!important;aspect-ratio:290/169!important;object-fit:contain!important;
 object-position:center center!important;mix-blend-mode:screen!important;
 border:0!important;filter:none!important;background:transparent!important;
}
.sidebar .thecontrol-brand-logo .thecontrol-wordmark{width:min(100%,222px)!important;height:auto!important;max-height:140px!important}
.auth-aside .thecontrol-brand-logo .thecontrol-wordmark{width:min(100%,335px)!important;height:auto!important;max-height:230px!important}
.auth-card .thecontrol-brand-logo .thecontrol-wordmark{width:min(100%,255px)!important;height:auto!important;max-height:180px!important}
.royal-hero-crest{display:block!important;width:min(24vw,255px)!important;max-width:255px!important;height:auto!important;min-width:0!important;aspect-ratio:290/169!important;object-fit:contain!important;mix-blend-mode:screen!important;opacity:1!important;filter:none!important}
.initial-loading .startup-crest,.topbar-mobile-emblem{object-fit:contain!important}
@media(max-width:780px){
 .auth-card .thecontrol-brand-logo .thecontrol-wordmark{width:min(100%,250px)!important;height:auto!important}
 .sidebar .thecontrol-brand-logo .thecontrol-wordmark{width:min(100%,210px)!important;height:auto!important}
 .royal-hero-crest{display:none!important}
}