:root{
 --brand-obsidian:#08090b;
 --brand-navy:#071522;
 --brand-gold:#c89b4b;
 --brand-gold-highlight:#e4c179;
 --brand-champagne:#f2e5c6;
 --brand-ice:#f6f7f8;
 --bg:#07111b;
 --panel:#0d1926;
 --line:#283a4b;
 --text:#f6f7f8;
 --muted:#95a5b5;
 --accent:#c89b4b;
 color-scheme:dark;
}

body{
 background:
  radial-gradient(circle at 16% -8%,rgba(200,155,75,.12),transparent 31%),
  radial-gradient(circle at 92% 8%,rgba(228,193,121,.05),transparent 23%),
  linear-gradient(180deg,#07111b 0%,#080f17 100%);
}

::selection{background:rgba(200,155,75,.32);color:var(--brand-ice)}

.loading{background:rgba(7,17,27,.94);backdrop-filter:blur(12px)}
.spinner{border-color:rgba(200,155,75,.22);border-top-color:var(--brand-gold-highlight)}

.auth-visual{
 position:relative;
 overflow:hidden;
 border-right-color:rgba(200,155,75,.2);
 background:
  radial-gradient(circle at 24% 18%,rgba(200,155,75,.13),transparent 28%),
  linear-gradient(145deg,#08090b 0%,#071522 72%,#0b1b2a 100%);
}
.auth-visual:after{
 content:"";
 position:absolute;
 inset:auto 8% 14% 8%;
 height:1px;
 background:linear-gradient(90deg,transparent,rgba(200,155,75,.55),transparent);
 pointer-events:none;
}
.dalla-brand-lockup{position:relative;z-index:1;width:min(440px,72%)}
.dalla-brand-lockup img{display:block;width:100%;height:auto}
.hero{position:relative;z-index:1}
.hero h1{max-width:820px;color:var(--brand-ice);font-weight:760;letter-spacing:-.045em}
.hero p{color:#aeb9c4}
.version{position:relative;z-index:1;color:#b99b69;letter-spacing:.12em;text-transform:uppercase}

.auth-side{background:linear-gradient(180deg,rgba(7,21,34,.88),rgba(8,9,11,.96))}
.auth-card{
 border-color:rgba(200,155,75,.3);
 background:linear-gradient(160deg,rgba(15,27,40,.98),rgba(9,18,28,.98));
 box-shadow:0 32px 90px rgba(0,0,0,.46),0 0 0 1px rgba(228,193,121,.03) inset;
}
.auth-card-logo{display:block;width:min(310px,82%);height:auto;margin:0 0 24px}
.auth-head{padding-bottom:15px;border-bottom:1px solid rgba(200,155,75,.14)}
.auth-head h2{color:var(--brand-ice)}
.auth-card input,.auth-card select{background:#091522;border-color:#2b3c4c}
.auth-card input:focus,.auth-card select:focus{border-color:var(--brand-gold);box-shadow:0 0 0 3px rgba(200,155,75,.12)}
.password-toggle,.link-btn{color:var(--brand-gold-highlight)}

.sidebar{
 border-right-color:rgba(200,155,75,.18);
 background:linear-gradient(180deg,#08090b 0%,#071522 58%,#08111b 100%);
 box-shadow:16px 0 50px rgba(0,0,0,.16);
}
.dalla-sidebar-logo{display:block;width:190px;max-width:100%;height:auto;margin:2px 4px 25px}
.sidebar nav{margin-top:0}
.sidebar button{position:relative}
.sidebar button:hover{background:rgba(200,155,75,.07);color:var(--brand-champagne)}
.sidebar button.active{
 background:linear-gradient(90deg,rgba(200,155,75,.18),rgba(200,155,75,.06));
 color:var(--brand-champagne);
 box-shadow:inset 2px 0 0 var(--brand-gold);
}
.sidebar button.active [data-icon]{color:var(--brand-gold-highlight)}

.topbar-title{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-width:0}
.topbar-brand-mark{width:34px;height:24px;object-fit:contain}
.topbar-title>div{display:grid;min-width:0}
.topbar-title h1{margin-top:1px}

.btn.primary{
 color:#101214;
 background:linear-gradient(135deg,#b88635 0%,#d3a958 52%,#e4c179 100%);
 border-color:rgba(228,193,121,.72);
 box-shadow:0 9px 24px rgba(200,155,75,.18);
}
.btn.primary:hover{filter:brightness(1.05);box-shadow:0 12px 28px rgba(200,155,75,.24)}
.btn:focus-visible,.icon-btn:focus-visible,.link-btn:focus-visible,.sidebar button:focus-visible{
 outline:3px solid rgba(228,193,121,.32);
 outline-offset:2px;
}
.icon-btn:hover{border-color:rgba(200,155,75,.46);color:var(--brand-gold-highlight)}
.card,.account-card,.recent-list,.data-table-wrap{border-color:#24384a}
.card:hover,.account-card:hover{border-color:rgba(200,155,75,.26)}
.readonly-badge{border-color:rgba(200,155,75,.28);background:rgba(200,155,75,.07);color:#d9bd86}
.editable-badge{border-color:rgba(69,221,160,.3);background:rgba(69,221,160,.07);color:#75ddb6}
.equity-line{stroke:var(--brand-gold-highlight)}
.equity-point{stroke:var(--brand-gold);fill:var(--brand-obsidian)}
.equity-point:hover,.equity-point:focus,.equity-point.selected{fill:var(--brand-gold)}
.report-header .report-scope,.link-btn{color:var(--brand-gold-highlight)}

.biometric-lock{background:rgba(4,8,12,.88);backdrop-filter:blur(16px)}
.biometric-dialog{border-color:rgba(200,155,75,.32)}
.biometric-lock-icon{color:var(--brand-gold-highlight)}

@media(max-width:820px){
 .auth-card-logo{width:min(285px,88%);margin-bottom:20px}
 .topbar-title{grid-template-columns:28px minmax(0,1fr);gap:9px}
 .topbar-brand-mark{width:28px;height:22px}
 .mobile-nav button.active{background:rgba(200,155,75,.15);color:var(--brand-champagne)}
 .mobile-nav button.active [data-icon]{color:var(--brand-gold-highlight)}
}

@media(max-width:430px){
 .auth-card-logo{width:min(250px,92%)}
 .topbar-title{grid-template-columns:24px minmax(0,1fr)}
 .topbar-brand-mark{width:24px;height:19px}
}

@media print{
 .topbar-brand-mark{filter:none}
}


/* Dashboard visual system V2 — 2026-09-14
   Canonical spacing, iconography, typography and responsive density. */
:root{
 --ui-radius-sm:10px;
 --ui-radius-md:14px;
 --ui-radius-lg:18px;
 --ui-space-1:4px;
 --ui-space-2:8px;
 --ui-space-3:12px;
 --ui-space-4:16px;
 --ui-space-5:20px;
 --ui-space-6:24px;
 --ui-control-height:42px;
 --ui-shadow:0 14px 38px rgba(0,0,0,.2);
}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-size:14px;line-height:1.45}
button,input,select,textarea{font:inherit}
button,.btn,.icon-btn{min-height:var(--ui-control-height)}
select{
 min-height:var(--ui-control-height);
 padding-right:36px;
 border-color:#2b3d4f;
 border-radius:var(--ui-radius-sm);
 background-color:#0b1825;
 color:var(--brand-ice);
 color-scheme:dark;
}
select:hover{border-color:#40566b}
select:focus-visible,input:focus-visible,textarea:focus-visible{
 outline:3px solid rgba(228,193,121,.16);
 outline-offset:1px;
 border-color:var(--brand-gold);
}
.sidebar nav button,.sidebar .nav button{
 min-height:44px;
 margin:3px 0;
 padding:10px 12px;
 border-radius:var(--ui-radius-sm);
 font-size:14px;
}
.sidebar [data-icon],.sidebar .nav-icon{
 display:grid;
 width:20px;
 height:20px;
 flex:0 0 20px;
 place-items:center;
 color:#8298ad;
}
.sidebar [data-icon] svg,.sidebar .nav-icon svg{
 width:18px;
 height:18px;
 stroke-width:1.75;
}
.sidebar button.active [data-icon],.sidebar button.active .nav-icon{color:var(--brand-gold-highlight)}
.main{padding:28px 32px 40px}
.topbar{min-height:54px;margin-bottom:22px}
.topbar-title h1,.topbar h1{
 font-size:26px;
 line-height:1.15;
 letter-spacing:-.025em;
}
.topbar-title .hero-note,.topbar .hero-note{font-size:12px}
.top-actions{align-items:center;gap:9px}
.icon-btn{
 display:grid;
 width:44px;
 height:44px;
 padding:0;
 place-items:center;
 border-radius:12px;
}
.btn{
 display:inline-flex;
 min-height:40px;
 align-items:center;
 justify-content:center;
 padding:9px 14px;
 border-radius:11px;
 font-size:12px;
 font-weight:750;
 line-height:1.1;
}
.card,.account-card,.recent-list,.data-table-wrap{
 border-radius:var(--ui-radius-md);
 box-shadow:var(--ui-shadow);
}
.card{padding:18px}
.section-heading,.overview-heading,.observer-section-head{
 gap:16px;
 margin-bottom:14px;
}
.section-heading h2,.section-heading h3,.overview-heading h2,.observer-section-head h3{
 font-size:17px;
 line-height:1.25;
 letter-spacing:-.012em;
}
.section-heading p,.overview-heading p,.observer-section-head p{font-size:12px;line-height:1.5}
.readonly-badge,.editable-badge,.status,.badge,.payout-status,
.observer-pill,.observer-readonly,.observer-platform-status,.dc-status{
 min-height:24px;
 align-items:center;
 padding:5px 9px;
 font-size:9px;
 line-height:1;
 letter-spacing:.065em;
 white-space:nowrap;
}
.metrics{gap:14px}
.metric{min-height:132px;padding:18px}
.metric .label,.metric>span:first-child{font-size:12px}
.metric strong{font-size:27px;line-height:1.15}
.metric small{font-size:11px;line-height:1.4}
#overview .metrics>.metric:last-child:nth-child(7){
 grid-column:1/-1;
 min-height:92px;
 display:grid;
 grid-template-columns:minmax(180px,.35fr) 1fr;
 align-items:center;
}
#overview .metrics>.metric:last-child:nth-child(7) small{padding:0;margin:0}
.accounts-grid{gap:14px}
.account-card{padding:18px}
.account-head{gap:12px}
.account-card h3{font-size:16px}
.account-balance{font-size:27px;line-height:1.15}
.account-info{font-size:11px;line-height:1.45}
.payout-rule-card{padding:16px;border-radius:14px}
.payout-criterion{min-height:52px;padding:10px 11px}
.payout-criterion-icon{width:28px;height:28px;font-size:14px}
.payout-criterion strong{font-size:11px}
.payout-criterion small{font-size:10px;line-height:1.35}
.record-actions{gap:8px;padding-top:14px}
.record-actions .btn{min-width:86px}
.trade-row{min-height:58px;padding:13px 16px}
.trade-meta strong,.trade-row>strong{font-size:12px}
.trade-meta span{font-size:10px}

/* Replace letter tiles with a single thin-line icon language. */
.edge-watch-mark,.edge-journal-mark,.behavioral-mark,.challenge-lab-mark,.prop-finder-mark{
 width:40px;
 height:40px;
 flex:0 0 40px;
 border-radius:12px;
 font-size:0;
 background-repeat:no-repeat;
 background-position:center;
 background-size:20px 20px;
}
.edge-watch-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1b765' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-7 4 14 2-7h6'/%3E%3C/svg%3E")}
.edge-journal-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1b765' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20V4H6.5A2.5 2.5 0 0 0 4 6.5z'/%3E%3Cpath d='M8 8h8M8 12h6'/%3E%3C/svg%3E")}
.behavioral-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1b765' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 19V9m6 10V5m6 14v-7m4 7H2'/%3E%3C/svg%3E")}
.challenge-lab-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1b765' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-9V3'/%3E%3Cpath d='M8 15h8'/%3E%3C/svg%3E")}
.prop-finder-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1b765' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")}

/* Feature cards share the same density and readable type scale. */
.edge-watch-head p,.edge-journal-head p{font-size:11px}
.edge-watch-kpi span,.edge-journal-kpi span{font-size:9px}
.edge-watch-kpi strong,.edge-journal-kpi strong{font-size:20px}
.edge-watch-list{align-content:start}
.edge-watch-card{min-height:0;padding:14px}
.edge-watch-card h4{font-size:12px}
.edge-watch-meta,.edge-watch-detail,.edge-watch-note{font-size:9px}
.edge-watch-component span{font-size:8px}
.edge-watch-component strong{font-size:10px}
.edge-watch-event strong{font-size:10px}
.edge-watch-event small{font-size:9px}
.edge-journal-trade small,.edge-journal-existing,.edge-journal-note{font-size:9px}
.edge-journal-chip,.edge-journal-status{font-size:9px}
.prop-finder,.challenge-lab,.behavioral-insights{border-radius:var(--ui-radius-lg)}
.prop-finder-title h3,.challenge-lab-title h3,.behavioral-title h3{font-size:17px}
.prop-finder-title p,.challenge-lab-title p,.behavioral-title p{font-size:12px}
.challenge-lab-form label{font-size:10px}
.challenge-lab-note,.prop-finder-note,.behavior-boundary{font-size:10px}

/* Observer */
.observer-title img{width:40px;height:40px}
.observer-title h2{font-size:18px}
.observer-status-card{padding:18px;border-radius:var(--ui-radius-md)}
.observer-platform-mark{
 width:34px;
 height:34px;
 border-radius:10px;
 font-size:9px;
}
.observer-platform-row strong{font-size:11px}
.observer-platform-row small{font-size:9px}
.observer-step{min-height:92px;padding:12px}
.observer-step b{font-size:10px}
.observer-support-grid{align-items:start}
.observer-boundary p{font-size:10px}

/* Download center */
.downloads-grid{padding-bottom:56px}
.dc-index{margin-bottom:46px}
.dc-index a{min-height:58px}
.dc-group{padding-bottom:54px}
.dc-group-head{margin-bottom:18px}
.dc-group-head h2{font-size:30px}
.dc-app{min-height:210px;padding:22px}
.dc-app-icon,.dc-tool-mark{width:46px;height:46px;border-radius:13px}
.dc-app p,.dc-tool p,.dc-roadmap p{font-size:11px}
.dc-tool{padding:20px}
.dc-action{min-height:40px;font-size:10px}
.dc-safety{margin-top:8px}

/* Mobile and compact layouts */
@media(max-width:1100px) and (min-width:821px){
 .main{padding:24px}
 #overview .metrics>.metric:last-child:nth-child(7){grid-column:1/-1}
}
@media(max-width:820px){
 .main{padding:18px 14px 96px}
 .topbar{align-items:flex-start;gap:12px}
 .topbar-title h1,.topbar h1{font-size:23px}
 .top-actions{gap:6px}
 .icon-btn{width:40px;height:40px;min-height:40px}
 .btn{min-height:42px}
 .card{padding:15px}
 .metrics{grid-template-columns:1fr 1fr;gap:10px}
 .metric{min-height:118px;padding:14px}
 .metric strong{font-size:21px}
 #overview .metrics>.metric:last-child:nth-child(7){
  grid-column:1/-1;
  min-height:78px;
  grid-template-columns:1fr auto;
 }
 .account-card{padding:15px}
 .record-actions{display:grid;grid-template-columns:1fr 1fr}
 .record-actions .danger-action{grid-column:1/-1}
 .observer-support-grid{gap:12px}
 .dc-group-head h2{font-size:26px}
}
@media(max-width:480px){
 body{font-size:13px}
 .main{padding-left:12px;padding-right:12px}
 .topbar-title h1,.topbar h1{font-size:21px}
 .metrics{grid-template-columns:1fr}
 #overview .metrics>.metric:last-child:nth-child(7){
  grid-column:auto;
  display:flex;
  min-height:108px;
 }
 .section-heading,.overview-heading{align-items:flex-start}
 .readonly-badge,.editable-badge{font-size:8px}
 .record-actions{grid-template-columns:1fr}
 .record-actions .danger-action{grid-column:auto}
 .observer-actions{grid-template-columns:1fr}
 .observer-platform-status{white-space:normal;text-align:center}
 .dc-index{margin-bottom:36px}
 .dc-group{padding-bottom:42px}
 .dc-tool{gap:12px;padding:16px}
}


/* Visual audit follow-up: exact live selectors and cascade guards. */
.grid.metrics>.card.metric.observer-metric{
 grid-column:1/-1;
 min-height:92px;
 display:grid;
 grid-template-columns:minmax(180px,.35fr) 1fr;
 align-items:center;
}
.grid.metrics>.card.metric.observer-metric small{padding:0;margin:0}

.edge-watch-mark,.edge-journal-mark,.behavioral-mark,.challenge-lab-mark,.prop-finder-mark{
 color:transparent!important;
 font-size:0!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 background-size:20px 20px!important;
}
.edge-watch-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1b765' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-7 4 14 2-7h6'/%3E%3C/svg%3E")!important}
.edge-journal-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1b765' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20V4H6.5A2.5 2.5 0 0 0 4 6.5z'/%3E%3Cpath d='M8 8h8M8 12h6'/%3E%3C/svg%3E")!important}
.behavioral-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1b765' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 19V9m6 10V5m6 14v-7m4 7H2'/%3E%3C/svg%3E")!important}
.challenge-lab-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1b765' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-9V3'/%3E%3Cpath d='M8 15h8'/%3E%3C/svg%3E")!important}
.prop-finder-mark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1b765' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")!important}

.downloads-grid{
 display:block!important;
 padding-bottom:56px;
}
.dc-index{
 height:auto!important;
 min-height:0!important;
 margin-bottom:28px;
}
.dc-index a{min-height:64px}
.dc-group{padding-bottom:46px}

@media(max-width:820px){
 .grid.metrics>.card.metric.observer-metric{
  min-height:78px;
  grid-template-columns:1fr auto;
 }
 .downloads-grid{display:block!important}
}
@media(max-width:480px){
 .grid.metrics>.card.metric.observer-metric{
  grid-column:auto;
  display:flex;
  min-height:108px;
 }
}


/* Dashboard iconography V3 — one shared visual grammar. */
.ui-glyph{
 display:block;
 width:1em;
 height:1em;
 overflow:visible;
 fill:none;
 stroke:currentColor;
 stroke-width:1.8;
 stroke-linecap:round;
 stroke-linejoin:round;
 vector-effect:non-scaling-stroke;
}
[data-icon]{line-height:0}
.icon-btn>[data-icon],.notification-dismiss .ui-glyph{
 display:grid;
 width:20px;
 height:20px;
 place-items:center;
}
.icon-btn>[data-icon] .ui-glyph,.notification-dismiss .ui-glyph{width:20px;height:20px}

.payout-criterion-icon{
 box-sizing:border-box;
 border:1px solid currentColor;
 font-size:16px;
 font-weight:400;
}
.payout-criterion.complete .payout-criterion-icon{
 color:#4be0a3;
 border-color:rgba(75,224,163,.34);
 background:rgba(75,224,163,.1);
}
.payout-criterion.pending .payout-criterion-icon{
 color:#f3bd55;
 border-color:rgba(243,189,85,.34);
 background:rgba(243,189,85,.1);
}
.payout-criterion-icon .ui-glyph{width:15px;height:15px}
.payout-status{display:inline-flex;gap:6px}
.payout-status .ui-glyph{width:13px;height:13px;flex:0 0 13px}

.checklist-icon{
 display:grid;
 width:24px;
 height:24px;
 flex:0 0 24px;
 place-items:center;
 border:1px solid rgba(149,165,181,.28);
 border-radius:8px;
 color:#95a5b5;
}
.checklist-row.done .checklist-icon{
 border-color:rgba(75,224,163,.3);
 background:rgba(75,224,163,.08);
 color:#4be0a3;
}
.checklist-icon .ui-glyph{width:14px;height:14px}
.notification-dismiss{
 display:grid;
 width:32px;
 height:32px;
 min-height:32px;
 padding:0;
 place-items:center;
 border-radius:9px;
}
.biometric-lock-icon>[data-icon]{
 display:grid;
 width:100%;
 height:100%;
 place-items:center;
}
.biometric-lock-icon .ui-glyph{width:30px;height:30px}

.edge-watch-mark,.edge-journal-mark,.behavioral-mark,.challenge-lab-mark,.prop-finder-mark{
 box-sizing:border-box!important;
 width:40px!important;
 height:40px!important;
 min-width:40px!important;
 min-height:40px!important;
 max-width:40px!important;
 max-height:40px!important;
 padding:0!important;
 line-height:0!important;
}

.observer-platform-mark{
 display:grid;
 box-sizing:border-box;
 width:40px;
 height:40px;
 flex:0 0 40px;
 padding:6px;
 place-items:center;
 overflow:hidden;
 border:1px solid rgba(149,165,181,.2);
 border-radius:11px;
 background:#0a1724;
}
.observer-platform-mark img{
 display:block;
 width:26px;
 height:26px;
 max-width:100%;
 max-height:100%;
 object-fit:contain;
 border-radius:6px;
}
.dc-safety-mark .ui-glyph{width:20px;height:20px}

@media(max-width:480px){
 .observer-platform-mark{width:36px;height:36px;flex-basis:36px;padding:5px}
 .observer-platform-mark img{width:24px;height:24px}
}


.create-action{gap:7px}
.create-action>[data-icon]{
 display:grid;
 width:16px;
 height:16px;
 flex:0 0 16px;
 place-items:center;
}
.create-action>[data-icon] .ui-glyph{width:15px;height:15px;stroke-width:2}


/* Observer layout refinement */
[data-view="observer"] .observer-status-card + .observer-status-card{margin-top:14px}
[data-view="observer"] #observerCTraderPanel{margin:24px 0 22px}
[data-view="observer"] #observerCTraderConnections{gap:18px}
[data-view="observer"] .observer-summary{margin:4px 0 22px;gap:14px}
[data-view="observer"] .observer-section{margin-top:22px}
[data-view="observer"] .observer-section-head{margin-bottom:14px}
[data-view="observer"] #observerGrid{gap:16px}
[data-view="observer"] .observer-card{min-height:0}
[data-view="observer"] .observer-card .observer-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
[data-view="observer"] .observer-card .observer-connection-error{margin-top:12px}
[data-view="observer"] .observer-unlink-actions{margin-top:14px;padding-top:14px}
[data-view="observer"] .observer-ctrader-connection{min-height:0}
[data-view="observer"] .observer-ctrader-connection .observer-pairing-fields{gap:10px}
@media(max-width:820px){
 [data-view="observer"] .observer-card .observer-info{grid-template-columns:1fr}
}


/* Observer platform identity refinement — unified scale and hierarchy */
[data-view="observer"] .observer-title{
  gap:14px;
  align-items:center;
}
[data-view="observer"] .observer-title img{
  width:44px;
  height:44px;
  flex:0 0 44px;
  object-fit:contain;
}
[data-view="observer"] .observer-title h2{
  margin:0 0 4px;
  font-size:18px;
  line-height:1.15;
}
[data-view="observer"] .observer-title p{
  margin:0;
  font-size:11px;
  line-height:1.45;
}

[data-view="observer"] .observer-status-card{
  min-height:82px;
  padding:17px 18px;
}
[data-view="observer"] .observer-status-copy{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
[data-view="observer"] .observer-status-copy>div{
  min-width:0;
}
[data-view="observer"] .observer-status-copy h3{
  margin:0 0 4px;
  font-size:15px;
  line-height:1.15;
}
[data-view="observer"] .observer-status-copy p{
  margin:0;
  font-size:10px;
  line-height:1.45;
}

[data-view="observer"] .observer-status-icon,
[data-view="observer"] .observer-platform-mark{
  display:grid;
  box-sizing:border-box;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
  place-items:center;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(214,173,85,.26);
  border-radius:12px;
  background:
    radial-gradient(circle at 35% 25%,rgba(228,193,121,.10),transparent 55%),
    linear-gradient(180deg,#0c1a27 0%,#091520 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}

[data-view="observer"] .observer-status-icon img{
  width:32px;
  height:32px;
  object-fit:contain;
}

[data-view="observer"] .observer-platform-icon>span,
[data-view="observer"] .observer-platform-mark>span{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border-radius:7px;
  font-size:13px;
  font-weight:850;
  line-height:1;
  letter-spacing:-.035em;
  color:#d7e4ef;
  background:rgba(255,255,255,.025);
}

[data-view="observer"] .observer-mt5-mark>span{
  color:#83b7d6;
  border:1px solid rgba(111,159,190,.24);
  background:rgba(111,159,190,.08);
}
[data-view="observer"] .observer-ctrader-mark>span{
  color:#e3bd72;
  border:1px solid rgba(214,173,85,.28);
  background:rgba(214,173,85,.08);
}
[data-view="observer"] .observer-tradelocker-mark>span,
[data-view="observer"] .observer-matchtrader-mark>span{
  color:#9fb2c4;
  border:1px solid rgba(159,178,196,.18);
  background:rgba(159,178,196,.05);
}

[data-view="observer"] .observer-platform-row{
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:12px;
  min-height:64px;
  padding:10px 0;
}
[data-view="observer"] .observer-platform-row strong{
  font-size:11px;
  line-height:1.2;
}
[data-view="observer"] .observer-platform-row small{
  margin-top:3px;
  font-size:9px;
  line-height:1.35;
}

[data-view="observer"] .observer-status-card:hover .observer-status-icon,
[data-view="observer"] .observer-platform-row:hover .observer-platform-mark{
  border-color:rgba(228,193,121,.38);
}

@media(max-width:820px){
  [data-view="observer"] .observer-title img{
    width:40px;
    height:40px;
    flex-basis:40px;
  }
  [data-view="observer"] .observer-status-icon,
  [data-view="observer"] .observer-platform-mark{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    flex-basis:40px!important;
  }
  [data-view="observer"] .observer-platform-row{
    grid-template-columns:40px minmax(0,1fr) auto;
  }
}

@media(max-width:480px){
  [data-view="observer"] .observer-status-card{
    align-items:flex-start;
  }
  [data-view="observer"] .observer-status-copy{
    align-items:flex-start;
  }
  [data-view="observer"] .observer-platform-icon>span,
  [data-view="observer"] .observer-platform-mark>span{
    width:22px;
    height:22px;
    font-size:12px;
  }
}


/* TradeLocker Observer connector */
[data-view="observer"] .observer-tradelocker-preconnect{
  display:grid;
  grid-template-columns:110px minmax(150px,.8fr) minmax(180px,1fr) minmax(160px,.8fr) minmax(210px,1fr) auto;
  gap:10px;
  align-items:end;
  width:min(100%,1100px);
}
[data-view="observer"] .observer-tradelocker-preconnect .field{margin:0}
[data-view="observer"] .observer-tradelocker-preconnect input,
[data-view="observer"] .observer-tradelocker-preconnect select{width:100%;min-width:0}
[data-view="observer"] .observer-tradelocker-card .observer-code-note{margin:10px 0 0 58px;color:var(--muted);font-size:9px}
@media(max-width:1180px){
 [data-view="observer"] .observer-tradelocker-card{align-items:flex-start;flex-direction:column}
 [data-view="observer"] .observer-tradelocker-preconnect{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 [data-view="observer"] .observer-tradelocker-preconnect .btn{grid-column:1/-1}
 [data-view="observer"] .observer-tradelocker-card .observer-code-note{margin-left:0}
}
@media(max-width:620px){
 [data-view="observer"] .observer-tradelocker-preconnect{grid-template-columns:1fr}
 [data-view="observer"] .observer-tradelocker-preconnect .btn{grid-column:auto}
}


/* Observer platform cards v2 — compact premium layout with official brand marks */
[data-view="observer"] .observer-platform-card{
  padding:0;
  overflow:hidden;
  min-height:0;
}
[data-view="observer"] .observer-platform-card-main{
  min-height:78px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
[data-view="observer"] .observer-platform-card .observer-status-copy{
  flex:1 1 auto;
  min-width:0;
}
[data-view="observer"] .observer-brand-logo{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  flex:0 0 46px!important;
  display:grid;
  place-items:center;
  padding:7px!important;
  box-sizing:border-box;
  border:1px solid rgba(214,173,85,.24);
  border-radius:13px;
  background:linear-gradient(180deg,#0d1c29 0%,#0a1620 100%);
  overflow:hidden;
}
[data-view="observer"] .observer-brand-logo img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain;
  border-radius:7px;
}
[data-view="observer"] .observer-brand-logo.small{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  flex-basis:40px!important;
  padding:6px!important;
  border-radius:11px;
}
[data-view="observer"] .observer-platform-title-row{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-bottom:4px;
}
[data-view="observer"] .observer-platform-title-row h3{
  margin:0;
  font-size:15px;
  line-height:1.15;
}
[data-view="observer"] .observer-mini-badge{
  display:inline-flex;
  align-items:center;
  min-height:19px;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid rgba(138,167,190,.18);
  background:rgba(73,107,133,.10);
  color:#9fb5c6;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.055em;
}
[data-view="observer"] .observer-mini-badge.readonly{
  border-color:rgba(69,211,158,.20);
  background:rgba(69,211,158,.07);
  color:#71d8b0;
}
[data-view="observer"] .observer-platform-card-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
[data-view="observer"] .observer-platform-card-actions .btn{
  min-height:38px;
  white-space:nowrap;
}
[data-view="observer"] .observer-connect-drawer{
  border-top:1px solid rgba(123,158,185,.13);
  padding:15px 18px 17px 78px;
  background:
    radial-gradient(circle at 0 0,rgba(212,169,78,.045),transparent 35%),
    rgba(5,13,21,.22);
}
[data-view="observer"] .observer-connect-drawer-grid{
  display:grid;
  align-items:end;
  gap:10px;
}
[data-view="observer"] .observer-connect-drawer-grid.ctrader{
  grid-template-columns:minmax(260px,1fr) auto;
}
[data-view="observer"] .observer-connect-drawer-grid.tradelocker{
  grid-template-columns:105px minmax(150px,.75fr) minmax(180px,1fr) minmax(165px,.85fr) minmax(210px,1fr) auto;
}
[data-view="observer"] .observer-connect-drawer .field{
  margin:0;
  min-width:0;
}
[data-view="observer"] .observer-connect-drawer input,
[data-view="observer"] .observer-connect-drawer select{
  width:100%;
  min-width:0;
}
[data-view="observer"] .observer-connect-drawer .observer-code-note{
  margin:10px 0 0;
}
[data-view="observer"] .observer-field-hint{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:8px;
  line-height:1.35;
}
[data-view="observer"] .observer-platform-list .observer-platform-row{
  grid-template-columns:40px minmax(0,1fr) auto;
}
[data-view="observer"] .observer-platform-list .observer-platform-mark{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
[data-view="observer"] .observer-platform-list .observer-brand-logo.small{
  padding:5px!important;
  border:1px solid rgba(214,173,85,.22)!important;
  background:linear-gradient(180deg,#0d1c29,#0a1620)!important;
}
@media(max-width:1220px){
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker .btn{
    grid-column:3;
  }
}
@media(max-width:820px){
  [data-view="observer"] .observer-platform-card-main{
    align-items:flex-start;
    flex-direction:column;
  }
  [data-view="observer"] .observer-platform-card-actions{
    width:100%;
  }
  [data-view="observer"] .observer-platform-card-actions .btn{
    flex:1;
  }
  [data-view="observer"] .observer-connect-drawer{
    padding-left:18px;
  }
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker,
  [data-view="observer"] .observer-connect-drawer-grid.ctrader{
    grid-template-columns:1fr 1fr;
  }
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker .btn{
    grid-column:1/-1;
  }
}
@media(max-width:560px){
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker,
  [data-view="observer"] .observer-connect-drawer-grid.ctrader{
    grid-template-columns:1fr;
  }
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker .btn{
    grid-column:auto;
  }
}


/* Observer platform cards v2.1 — force drawer below card header */
[data-view="observer"] .observer-status-card.observer-platform-card{
  display:block!important;
  width:100%;
  box-sizing:border-box;
}
[data-view="observer"] .observer-platform-card-main{
  width:100%;
  box-sizing:border-box;
}
[data-view="observer"] .observer-connect-drawer{
  display:block;
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
[data-view="observer"] .observer-connect-drawer.hidden{
  display:none!important;
}
[data-view="observer"] .observer-connect-drawer-grid.tradelocker{
  width:100%;
}
[data-view="observer"] .observer-connect-drawer-grid.tradelocker .btn,
[data-view="observer"] .observer-connect-drawer-grid.ctrader .btn{
  align-self:end;
  min-height:42px;
}
[data-view="observer"] .observer-connect-drawer .field label{
  display:block;
  margin-bottom:6px;
}
[data-view="observer"] .observer-connect-drawer input,
[data-view="observer"] .observer-connect-drawer select{
  min-height:42px;
}
[data-view="observer"] .observer-platform-card .observer-status-copy{
  align-items:center;
}


/* Dashboard visual audit V3 — canonical alignment, forms, spacing and responsive behavior */
:root{
  --ui-field-height:42px;
  --ui-field-radius:10px;
  --ui-grid-gap:14px;
}

/* Form controls */
.field{
  min-width:0;
}
.field>label{
  display:block;
  min-height:16px;
  margin:0 0 6px;
  color:var(--muted);
  font-size:10px;
  line-height:16px;
}
input,select,textarea{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  border-radius:var(--ui-field-radius);
}
input:not([type="checkbox"]):not([type="radio"]),
select{
  min-height:var(--ui-field-height);
}
textarea{
  min-height:88px;
  resize:vertical;
}
.form-grid{
  column-gap:16px;
  row-gap:14px;
}
.form-grid>.field,
.form-grid>label{
  min-width:0;
}
.form-grid input,
.form-grid select,
.form-grid textarea{
  width:100%;
}
.message:empty{
  display:none!important;
}

/* Canonical sections and card rhythm */
.section-heading,
.overview-heading,
.observer-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}
.section-heading>div,
.overview-heading>div,
.observer-section-head>div{
  min-width:0;
}
.section-heading h2,
.section-heading h3,
.overview-heading h2,
.observer-section-head h3{
  margin-top:0;
}
.card,
.account-card{
  box-sizing:border-box;
}
.accounts-grid,
.grid{
  align-items:stretch;
}
.account-head{
  align-items:flex-start;
}
.account-info-grid>*{
  min-width:0;
}
.card-actions,
.record-actions,
.actions{
  align-items:center;
}
.btn{
  box-sizing:border-box;
  min-height:42px;
}

/* Observer: exact input baseline alignment */
[data-view="observer"] .observer-connect-drawer-grid{
  align-items:start;
}
[data-view="observer"] .observer-connect-drawer-grid .field{
  display:flex;
  flex-direction:column;
  min-width:0;
}
[data-view="observer"] .observer-connect-drawer-grid .field>label{
  flex:0 0 16px;
}
[data-view="observer"] .observer-connect-drawer-grid .field>input,
[data-view="observer"] .observer-connect-drawer-grid .field>select{
  flex:0 0 var(--ui-field-height);
  height:var(--ui-field-height);
}
[data-view="observer"] .observer-connect-drawer-grid .observer-field-hint{
  min-height:14px;
  margin-top:4px;
  line-height:14px;
}
[data-view="observer"] .observer-connect-drawer-grid.tradelocker>.btn,
[data-view="observer"] .observer-connect-drawer-grid.ctrader>.btn{
  height:var(--ui-field-height);
  margin-top:22px;
  align-self:start;
}
[data-view="observer"] .observer-connect-drawer-grid.tradelocker{
  grid-template-columns:
    minmax(92px,.45fr)
    minmax(150px,.85fr)
    minmax(210px,1.15fr)
    minmax(180px,.95fr)
    minmax(230px,1.2fr)
    max-content;
  gap:12px;
}
[data-view="observer"] .observer-connect-drawer{
  padding-top:16px;
  padding-bottom:18px;
}
[data-view="observer"] .observer-platform-card-main{
  min-height:80px;
}
[data-view="observer"] .observer-platform-card-actions{
  margin-left:auto;
}
[data-view="observer"] .observer-platform-title-row{
  min-height:20px;
}

/* Tables and list density */
.data-table-wrap{
  overflow:auto;
}
.data-table th,
.data-table td{
  vertical-align:middle;
}
.empty-state{
  min-height:96px;
  display:grid;
  place-items:center;
  text-align:center;
}

/* Consistent scrollbar treatment without removing scrollability */
*{
  scrollbar-width:thin;
  scrollbar-color:rgba(120,145,166,.28) transparent;
}
*::-webkit-scrollbar{width:7px;height:7px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{
  background:rgba(120,145,166,.24);
  border-radius:999px;
}
*::-webkit-scrollbar-thumb:hover{background:rgba(200,155,75,.34)}

@media(max-width:1280px){
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker>.btn{
    margin-top:22px;
    width:100%;
  }
}
@media(max-width:820px){
  .section-heading,
  .overview-heading,
  .observer-section-head{
    gap:10px;
  }
  .form-grid{
    column-gap:12px;
    row-gap:12px;
  }
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker,
  [data-view="observer"] .observer-connect-drawer-grid.ctrader{
    grid-template-columns:1fr 1fr;
  }
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker>.btn,
  [data-view="observer"] .observer-connect-drawer-grid.ctrader>.btn{
    grid-column:1/-1;
    margin-top:0;
  }
}
@media(max-width:560px){
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker,
  [data-view="observer"] .observer-connect-drawer-grid.ctrader{
    grid-template-columns:1fr;
  }
  [data-view="observer"] .observer-connect-drawer-grid.tradelocker>.btn,
  [data-view="observer"] .observer-connect-drawer-grid.ctrader>.btn{
    grid-column:auto;
  }
}


/* Observer select vertical alignment fix */
[data-view="observer"] .observer-connect-drawer select{
  height:var(--ui-field-height)!important;
  min-height:var(--ui-field-height)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:normal!important;
  vertical-align:middle;
}
[data-view="observer"] .observer-connect-drawer input{
  height:var(--ui-field-height)!important;
  line-height:normal!important;
}
[data-view="observer"] .observer-connect-drawer-grid .field{
  justify-content:flex-start;
}


/* Observer Futures / Tradovate beta */
[data-view="observer"] .observer-futures-logo{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  flex:0 0 46px;
  border:1px solid rgba(200,155,75,.32);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(200,155,75,.14),rgba(7,21,34,.96));
  color:var(--brand-gold-highlight);
  font-size:12px;
  font-weight:850;
  letter-spacing:.04em;
}
[data-view="observer"] .observer-connect-drawer-grid.tradovate{
  grid-template-columns:minmax(110px,.45fr) minmax(320px,1.5fr) minmax(240px,1fr) max-content;
  gap:12px;
  align-items:start;
}
[data-view="observer"] .observer-connect-drawer-grid.tradovate>.btn{
  height:var(--ui-field-height);
  margin-top:22px;
  align-self:start;
}
[data-view="observer"] .observer-tradovate-token-field{min-width:0}
@media(max-width:1100px){
 [data-view="observer"] .observer-connect-drawer-grid.tradovate{grid-template-columns:1fr 2fr}
 [data-view="observer"] .observer-connect-drawer-grid.tradovate>.btn{margin-top:0;width:100%}
}
@media(max-width:680px){
 [data-view="observer"] .observer-connect-drawer-grid.tradovate{grid-template-columns:1fr}
}


/* Tradovate API-key authorization form */
[data-view="observer"] .observer-tradovate-auth-grid{
  display:grid;
  grid-template-columns:minmax(110px,.45fr) minmax(170px,.9fr) minmax(170px,.9fr) minmax(160px,.8fr);
  gap:12px;
  align-items:start;
}
[data-view="observer"] .observer-tradovate-auth-grid .field{
  min-width:0;
}
[data-view="observer"] .observer-tradovate-auth-grid .field>label{
  display:block;
  min-height:16px;
  margin:0 0 6px;
}
[data-view="observer"] .observer-tradovate-auth-grid input,
[data-view="observer"] .observer-tradovate-auth-grid select{
  width:100%;
  height:var(--ui-field-height);
}
[data-view="observer"] .observer-tradovate-auth-grid .observer-tradovate-target-field{
  grid-column:span 2;
}
[data-view="observer"] .observer-tradovate-auth-grid>.btn{
  height:var(--ui-field-height);
  margin-top:22px;
  align-self:start;
  min-width:170px;
}
@media(max-width:1180px){
 [data-view="observer"] .observer-tradovate-auth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-view="observer"] .observer-tradovate-auth-grid .observer-tradovate-target-field{grid-column:1/-1}
 [data-view="observer"] .observer-tradovate-auth-grid>.btn{grid-column:1/-1;margin-top:0;width:100%}
}
@media(max-width:680px){
 [data-view="observer"] .observer-tradovate-auth-grid{grid-template-columns:1fr}
 [data-view="observer"] .observer-tradovate-auth-grid .observer-tradovate-target-field,
 [data-view="observer"] .observer-tradovate-auth-grid>.btn{grid-column:auto}
}


/* Tradovate Partner API onboarding */
[data-view="observer"] .observer-partner-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:4px 10px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(200,155,75,.14);
  color:var(--muted,#95a5b5);
  font-size:10px;
  line-height:1.5;
}
[data-view="observer"] .observer-partner-note strong{
  color:var(--brand-gold-highlight,#e4c179);
  font-size:9px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
[data-view="observer"] .observer-partner-note small{
  grid-column:2;
  color:#7f91a1;
  font-size:9px;
}
[data-view="observer"] .observer-tradovate-card .observer-platform-card-actions .btn[disabled]{
  opacity:.72;
  cursor:not-allowed;
  border-color:rgba(200,155,75,.24);
  color:var(--brand-gold-highlight,#e4c179);
  background:rgba(200,155,75,.06);
}
@media(max-width:680px){
 [data-view="observer"] .observer-partner-note{grid-template-columns:1fr}
 [data-view="observer"] .observer-partner-note small{grid-column:auto}
}