/* Depth only: no geometry or data changes. */
:root{--dj-depth:inset 0 1px 0 #ffffff24,inset 0 -2px 0 #0004,0 3px 5px #0004,0 12px 24px #0003}
:is(.panel,.dj-card,.tli-gauge,.site-card,.help-card,.auth-card,.card,.ticket-card,.metric-card,dialog){box-shadow:var(--dj-depth)!important;background-image:linear-gradient(145deg,#ffffff09,transparent 48%,#00000012)!important;border-top-color:#ffffff35;border-bottom-color:#0008}
:is(button,.button,.btn):not(.text-button){box-shadow:inset 0 1px 0 #ffffff38,inset 0 -3px 0 #0004,0 3px 5px #0005,0 7px 14px #0002!important;background-image:linear-gradient(180deg,#ffffff12,transparent 45%,#00000012)!important}
:is(button,.button,.btn):not(:disabled):active{box-shadow:inset 0 2px 5px #0006,0 1px 2px #0003!important}
:is(input,select,textarea){box-shadow:inset 0 2px 5px #0004,0 1px 0 #ffffff14!important}
#sidebar{box-shadow:inset -1px 0 0 #ffffff0c,7px 0 20px #0003!important}
#nav a{box-shadow:inset 0 1px 0 #ffffff06,0 2px 3px #0002}
#nav a:is(.active,[aria-current=page]){box-shadow:inset 0 1px 0 #ffffff20,inset 3px 0 0 var(--accent),0 4px 9px #0004!important}
.main>header{box-shadow:inset 0 -1px 0 #ffffff10,0 4px 14px #0004!important}
:is(.table-wrap,.table-container){box-shadow:inset 0 1px 0 #ffffff12,0 4px 12px #0002}
:is(th){background-image:linear-gradient(180deg,#ffffff08,#00000008)}
.ng-core{box-shadow:inset 0 3px 10px #ffffff10,inset 0 -7px 16px #0007,0 3px 6px #0006!important}
@media(hover:hover){:is(button,.button,.btn):not(:disabled):hover{filter:brightness(1.08)}#nav a:hover{box-shadow:inset 0 1px 0 #ffffff18,0 3px 8px #0004}}
/* Dark counters keep white values in both page themes. */
.money-orb .money-value{color:#f5fbff!important}
body:not(.dark){--dj-depth:inset 0 1px 0 #fff,inset 0 -2px 0 #132b451a,0 3px 5px #16314b20,0 12px 24px #16314b12;--muted:#526070}
body:not(.dark) #content :is(.stat-note,.muted,small,.eyebrow,label,.tli-gauge p,.tli-source,.soc-meta,.filter-label){color:#526070!important}
body:not(.dark) #content :is(.dj-card,.tli-gauge){--accent:#17617f}
body:not(.dark) #content .dj-card:nth-child(2),body:not(.dark) #content .money-card{--accent:#8a4a08}
body:not(.dark) #content .dj-card:nth-child(4){--accent:#6c3e9a}
body:not(.dark) #content :is(a:not(.primary):not(.btn),.tli-connected summary,.dj-card>summary>span:last-child){color:#165a7a!important}
body:not(.dark) #content :is(.panel,.card,.site-card,.tli-gauge){border-color:#c8d2dc}
body:not(.dark) #content :is(input,select,textarea){color:#172d42!important;background-color:#fff!important;box-shadow:inset 0 2px 4px #17334c17,0 1px 0 #fff!important}
body:not(.dark) :is(button.secondary,button.icon-button){color:#263e52;background-color:#fff}
body:not(.dark) #content :is(.filters,.filter-panel,.pc-filters,.soc-filters,.side-filters){color:#263e52!important}
body:not(.dark) #content :is(.djt-fold-open,.djt-fold-chevron,.djt-fold-arrow){color:#165a7a!important}
body:not(.dark) #content :is(.tli-income-title,.tli-income h3,.tli-income h4){color:#92500b!important}
body:not(.dark) #content .ng-core :is(.money-value,.ng-value){color:#f5fbff!important}
body:not(.dark) #content .money-label{color:#f3c878!important}
/* Logo palette, separate from health and alert colors. */
body{--orange:#ff981c;--yellow:#ffd34c;--dj-blue:#32baff;--dj-gold:#ffb52a}
:is(button.primary,.button.primary,.btn-primary,.primary.soc-open){background-color:#ffad25!important;background-image:linear-gradient(145deg,#ffd24c,#ff971b 70%)!important;color:#242015!important;border-color:#ffc957!important}
#nav a.active,#nav a[aria-current=page]{background-color:#ffad2526!important;border-color:#ffb52a!important;color:#ffd159!important}
body:not(.dark) #content :is(a:not(.primary):not(.btn),.djt-fold-open,.djt-fold-chevron,.djt-fold-arrow){color:#00699a!important}
body.dark #content :is(a:not(.primary):not(.btn),.djt-fold-open,.djt-fold-chevron,.djt-fold-arrow){color:#55caff!important}
#content .dj-card:nth-child(1){--accent:#25b8ff!important}#content .dj-card:nth-child(2){--accent:#ffaf20!important}#content .dj-card:nth-child(3){--accent:#ffbe24!important}#content .dj-card:nth-child(4){--accent:#6687ff!important}
.ng-orb{--ng:#30bcff}.money-orb{--ng:#ffbe24!important}
#content .tli-gauge:first-child{border-color:#22baff!important}#content .tli-gauge:nth-child(2){border-color:#ffb528!important}
body:not(.dark) #content .dj-card>summary>span:last-child{color:#00699a!important}
body:not(.dark) #content .eyebrow{color:#7b4c00!important}
body.dark #content .eyebrow{color:#ffd04a!important}
#sidebar .brand{filter:drop-shadow(0 0 9px #22b7ff30)}
:is(input,select,textarea):focus-visible{outline-color:#139ee2!important;box-shadow:0 0 0 3px #36bfff35!important}
/* Shared raised-control treatment includes links and disclosure controls. */
body{--dj-control-depth:inset 0 2px 1px #ffffff45,inset 0 -3px 1px #0004,0 3px 0 #0004,0 6px 7px #0005,0 11px 18px #0002}
:is(button,[role=button],.button,.btn,input[type=submit],input[type=button],a.primary,a.secondary,a.soc-open,a[class*=button],a[class*=btn]){box-shadow:var(--dj-control-depth)!important;background-image:linear-gradient(180deg,#ffffff1b,transparent 40%,#00000014)!important;border-radius:12px!important;border-top-color:#ffffff45!important;border-bottom-color:#0006!important}
:is(button.primary,a.primary,.btn-primary,.soc-open){background-image:linear-gradient(160deg,#ffd751,#ff981c 75%)!important}
#content :is(.panel,.card,.dj-card,.tli-gauge,.site-card,.soc-card,.pc-card,.metric-card,.tool-card,.hub-card,.djt-fold,.table-wrap,.table-container,article[class],section[class*=card],a[class*=card]){box-shadow:var(--dj-depth)!important;background-image:linear-gradient(145deg,#ffffff0e,transparent 48%,#00000012)!important}
#content :is(details>summary,.djt-fold>summary,.djt-fold-summary){box-shadow:inset 0 1px 0 #ffffff24,inset 0 -2px 0 #0002,0 3px 5px #0002!important;background-image:linear-gradient(180deg,#ffffff0a,#00000005)!important}
#nav a,.help-card a,.help-card button{box-shadow:var(--dj-control-depth)!important;border-radius:12px!important}
body:not(.dark){--dj-control-depth:inset 0 2px 1px #fff,inset 0 -3px 1px #6b778b35,0 3px 0 #6b778b40,0 6px 7px #1e314b30,0 11px 18px #1e314b12}
body:not(.dark) #content :is(button:not(.primary):not(.danger),a.secondary,[role=button]:not(.primary)){background-color:#fff;color:#20394e}
:is(button,[role=button],a.primary,a.secondary):disabled{box-shadow:inset 0 1px 0 #ffffff20,0 2px 3px #0002!important}
:is(button,[role=button],a.primary,a.secondary):not(:disabled):active{box-shadow:inset 0 2px 5px #0005,0 1px 1px #0003!important}
body #shell :is(button,[role=button],a.primary,a.secondary,a[class*=button],a[class*=btn]),body #modal button{box-shadow:var(--dj-control-depth)!important}
body #content a:not(.brand):not(:has(img)),body #content .djt-fold-open{filter:drop-shadow(0 2px 1px #0002)}
body:not(.dark) #shell :is(button:not(.primary):not(.danger),a.secondary){color:#20394e!important}
body #content :is(.ch-hubtile,.ch-shortcut,.ch-tile,.tool-link,.quick-link,.aq-kpi,.soc-card,.pc-card,a[class*=card],a[class*=tile]){box-shadow:var(--dj-control-depth)!important;background-image:linear-gradient(160deg,#ffffff14,transparent 45%,#00000016)!important;border-top-color:#ffffff40!important;border-bottom-color:#0005!important;border-radius:12px!important}
body:not(.dark) #content :is(.ch-hubtile,.ch-shortcut,.ch-tile,a[class*=card],a[class*=tile]){background-color:#fff!important;color:#173b55!important}
body.dark #content :is(.ch-hubtile,.ch-shortcut,.ch-tile,a[class*=card],a[class*=tile]){color:#e5f3ff!important}
body:not(.dark) #shell #sidebar button{color:#ffd15a!important;background-color:#30343a!important}
body #content .dj-card>summary{box-shadow:none!important;background-image:none!important}

/* Subtle dark blue and amber sidebar gradients, DJAS only. */
#shell #sidebar.dj-subtle-sidebar{background:linear-gradient(165deg,#1c2733 0%,#20252b 45%,#27231d 100%)!important}
#shell #sidebar.dj-subtle-sidebar #nav a{background:linear-gradient(125deg,#263441,#202a34 58%,#23272c)!important;color:#e7edf4!important;border-top-color:#7c94a24a!important}
#shell #sidebar.dj-subtle-sidebar #nav a:is(.active,[aria-current=page]){background:linear-gradient(125deg,#514027,#3a3225 65%,#302b23)!important;color:#ffd177!important;border-left-color:#f5ae39!important}
#shell #sidebar.dj-subtle-sidebar #nav a:hover{background:linear-gradient(125deg,#304252,#273440 60%,#2a2e32)!important}
#shell #sidebar.dj-subtle-sidebar .workspace-icon{background:linear-gradient(140deg,#334358,#293240)!important;color:#ffcd69!important}
#shell #sidebar.dj-subtle-sidebar .help-card{background:linear-gradient(140deg,#253544,#242b31 60%,#302b23)!important}
#shell #sidebar.dj-subtle-sidebar .workspace small,#shell #sidebar.dj-subtle-sidebar .nav-label,#shell #sidebar.dj-subtle-sidebar .nav-section-label{color:#adb8c3!important}
#shell #sidebar.dj-subtle-sidebar .help-card strong{display:block;margin:8px 0 6px}
#shell #sidebar.dj-subtle-sidebar .help-card button{display:block;max-width:100%;white-space:normal}
