/* Raised surfaces and tactile controls; compact layouts remain unchanged. */
:root{--surface-shadow:0 2px 0 #d8deed,0 9px 22px #263b6810;--focus-ring:#263b90}
body{background:radial-gradient(ellipse at 3% 10%,#dceefb 0,transparent 37%),radial-gradient(ellipse at 97% 22%,#e8ddfc 0,transparent 42%),linear-gradient(145deg,#f5f8fe,#eef2fb);color:#26354f}
.app-header{background:linear-gradient(115deg,#14284d,#304578 64%,#504985);border-bottom:1px solid #677ba0;box-shadow:0 4px 0 #15274718,0 12px 25px #253c651c}
.logo-tile{box-shadow:inset 0 1px 1px #fff,0 3px 0 #b9c7dc,0 7px 13px #0a193e50}
.account-avatar{background:linear-gradient(145deg,#a68ff0,#6651bd);box-shadow:inset 0 2px 3px #d8c8ff,0 3px 0 #3a2d79,0 6px 10px #111d4133}
.app-header .nav-link.active{background:linear-gradient(135deg,#536fa3,#3f5184);box-shadow:inset 0 1px #a9b9d34a,0 3px 0 #ef9851,0 6px 12px #08173525}
.card{box-shadow:var(--surface-shadow);border-color:#dfe5ef;background:linear-gradient(145deg,#fff,#fcfdff)}
.compact-dashboard .dashboard-hero{background:radial-gradient(ellipse at top right,#9470ce44,transparent 55%),linear-gradient(110deg,#235577,#4553a3 55%,#8753ad);box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 #3f447b,0 10px 22px #49448220;border:1px solid #6576b2;margin-bottom:17px}
.dashboard-hero:after{border-color:#ffffff0c}
.dashboard-tabs,.settings-tabs{background:linear-gradient(180deg,#fff,#f0f3fb);box-shadow:inset 0 1px #fff,0 2px 0 #d2d9ea,0 6px 15px #36446a0b}
.compact-dashboard .dashboard-tabs .nav-link,.settings-tabs .nav-link{transition:background .15s,box-shadow .15s,transform .15s;box-shadow:none}
.compact-dashboard .dashboard-tabs .nav-link[aria-selected=true],.settings-tabs .nav-link[aria-selected=true]{background:linear-gradient(145deg,#7974df,#5854b5);box-shadow:inset 0 1px #ffffff55,0 3px 0 #3f398c,0 5px 10px #6156b12b;border:1px solid #6b65c5}
.btn-primary,.workflow .btn-primary,.workflow#workflow-results .btn-primary,.login .btn{--button-top:#8175e2;--button-bottom:#5953b8;--button-edge:#3f388d;background:linear-gradient(160deg,var(--button-top),var(--button-bottom));border:1px solid var(--button-bottom);box-shadow:inset 0 1px 0 #ffffff60,0 4px 0 var(--button-edge),0 7px 12px #423f8528;color:#fff}
.workflow .btn-primary{--button-top:#149e9a;--button-bottom:#087478;--button-edge:#06575c}
.workflow#workflow-results .btn-primary{--button-top:#9a71d9;--button-bottom:#704cad;--button-edge:#51347f}
.btn-outline-primary,.button.quiet{background:linear-gradient(155deg,#fff,#eae8fa);color:#46419c;border-color:#d4ceef;box-shadow:inset 0 1px #fff,0 3px 0 #c7c2e5,0 5px 10px #564e8410}
.btn-outline-danger,.danger{background:linear-gradient(150deg,#fff9f9,#fbe4e9);color:#a33149;border-color:#ecc3ce;box-shadow:inset 0 1px #fff,0 3px 0 #dca6b4,0 5px 10px #8e354815}
.app-header .btn-outline-light{background:linear-gradient(160deg,#ffffff13,#ffffff05);box-shadow:inset 0 1px #ffffff25,0 3px 0 #132343;border-color:#8093b6}
.btn,.button{transition:transform .14s,box-shadow .14s,filter .14s}
.btn:active:not(:disabled),.button:active{transform:translateY(3px);box-shadow:inset 0 2px 3px #1e2d4626!important}
.btn-primary:hover:not(:disabled),.workflow .btn-primary:hover:not(:disabled),.login .btn:hover{background:linear-gradient(160deg,var(--button-top),var(--button-bottom))!important;border-color:var(--button-bottom)!important;filter:brightness(1.06)}
.btn:disabled{box-shadow:none;transform:none;filter:grayscale(.3);opacity:.5}
.btn:focus-visible,.button:focus-visible,.nav-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
.pipeline-metrics{padding-top:5px!important;padding-bottom:12px!important}
.compact-dashboard .pipeline-metrics .metric-card{background:linear-gradient(140deg,#fff 0,var(--wash) 70%);border:1px solid color-mix(in srgb,var(--metric) 23%,white);border-top:4px solid var(--metric);box-shadow:inset 0 1px #fff,0 4px 0 color-mix(in srgb,var(--metric) 35%,white),0 9px 15px color-mix(in srgb,var(--metric) 12%,transparent)}
.pipeline-metrics .metric-card:after{width:48px;height:48px;border:10px solid var(--metric);right:-9px;top:-12px;opacity:.1;transform:rotate(-18deg);border-radius:12px;box-shadow:4px 5px 0 var(--metric)}
.pipeline-metrics .metric-card strong{font-variant-numeric:tabular-nums;text-shadow:0 1px #fff}
.pipeline-metrics .metric-card:nth-child(3n){--metric:#226abb;--wash:#e7f0ff}
.compact-dashboard .pipeline-metrics .metric-card[data-metric=uploaded],.compact-dashboard .pipeline-metrics .metric-card[data-metric=signed]{--metric:#16825e;--wash:#def8eb}
.compact-dashboard .workflow{background:linear-gradient(145deg,#fff,#f1fbfb);border-top-color:#159a9a;box-shadow:inset 0 1px #fff,0 3px 0 #bcdeda,0 10px 23px #1a797611}
.compact-dashboard .workflow#workflow-results{background:linear-gradient(145deg,#fff,#f8f2ff);border-top-color:#9364ca;box-shadow:inset 0 1px #fff,0 3px 0 #d5c8e7,0 10px 23px #70469011}
.compact-dashboard .stage>div{background:linear-gradient(150deg,#fff,#f0f4fc);box-shadow:inset 0 1px #fff,0 2px 0 #dce3ee}
.stage-dot{box-shadow:inset 0 3px 5px #46556a60,0 1px #fff}
.stage.completed .stage-dot,.stage.running .stage-dot{box-shadow:inset 0 2px 3px #ffffffc0,0 0 12px var(--stage-color)}
.compact-dashboard #duo-panel{background:linear-gradient(120deg,#fff7e9,#fffdf7);border:1px solid #f0d6b3;border-left:5px solid #e48d35;box-shadow:inset 0 1px #fff,0 3px 0 #ead5b7,0 8px 17px #9d68100c}
.compact-dashboard #duo-code{background:#fff9ee;border:1px solid #f0dcbe;border-radius:10px;padding:5px 12px;box-shadow:inset 0 2px 5px #9e6d1720,0 1px #fff;text-align:center}
.form-control,.form-select{background-color:#f8faff;box-shadow:inset 0 2px 3px #304b7310,0 1px #fff}
.form-control:focus,.form-select:focus{background-color:#fff;border-color:#7d75ce;box-shadow:0 0 0 3px #7772cf20,inset 0 1px 2px #38446f0a}
.check{border:1px solid #e4e2f1;background:linear-gradient(120deg,#f2f0fb,#fbfaff)}
.form-check-input:checked{background-color:#6656bd;box-shadow:inset 0 1px 2px #33276035,0 1px #fff}
.compact-settings .card{box-shadow:inset 0 1px #fff,0 3px 0 #d4d8e9,0 9px 20px #46538c0c}
#settings-panel-practice .card{border-top-color:#478dcc;background:linear-gradient(145deg,#fff,#f0f7ff)}
#settings-panel-schedules .card{border-top-color:#17a08f;background:linear-gradient(145deg,#fff,#f0faf7)}
#settings-panel-schedules .card:nth-child(2){border-top-color:#996ac9;background:linear-gradient(145deg,#fff,#f8f3fd)}
#settings-panel-cerner .card{border-top-color:#dc913d;background:linear-gradient(145deg,#fff,#fff8f0)}
#settings-panel-sftp .card{border-top-color:#7380da;background:linear-gradient(145deg,#fff,#f1f3fe)}
.database-chip{background:linear-gradient(145deg,#fcfbff,#e9e4fa);box-shadow:inset 0 1px #fff,0 3px 0 #d1c8e9,0 5px 13px #6b5b9d12}
.settings-savebar{background:linear-gradient(120deg,#fff,#f5f3ff);box-shadow:inset 0 1px #fff,0 3px 0 #d4cdec,0 7px 22px #54477c1c;padding-bottom:17px}
.table>thead>tr>th{background:#e9edf9;color:#45557b}.table>tbody>tr:nth-child(even)>td{background-color:#f9faff}
.pill{box-shadow:inset 0 1px #ffffffa0,0 1px 2px #2b345e12}
.login{background:linear-gradient(145deg,#fff,#f5f3ff);box-shadow:inset 0 1px #fff,0 5px 0 #d7cfe8,0 20px 50px #4d448723}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.btn:hover:not(:disabled),.button:hover{transform:translateY(-1px)}.dashboard-tabs .nav-link:hover,.settings-tabs .nav-link:hover{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.btn,.button,.dashboard-tabs .nav-link,.settings-tabs .nav-link{transition:none;transform:none!important}}
@media(forced-colors:active){.card,.btn,.metric-card,.database-chip,.settings-savebar{border:1px solid CanvasText;box-shadow:none}.stage-dot{forced-color-adjust:auto}.stage.completed .stage-dot{border-style:double}.stage.running .stage-dot{outline:2px dashed Highlight}}