/* Client tracking: readable surfaces, restrained glass and shallow depth. */
#page-dashboard { --muted:#536b69; --white:#12332e; --navy-3:#eef4f1; --border:#d4e2dd; color:#12332e; background:radial-gradient(ellipse at 92% 8%,#d8ede3,transparent 48%),#f4f7f5; min-height:100vh; }
#page-dashboard .sidebar { background:#eef4f0; border-color:#d4e2dd; color:#12332e; }
#page-dashboard .sidebar-item { color:#3b5751; }
#page-dashboard .sidebar-user { border-color:#d4e2dd; }
#page-dashboard .dash-main { max-width:1420px; min-width:0; }
/* Decorative sheet edges may project beyond tiles, never beyond the page viewport. */
#page-dashboard { overflow-x:clip; }
#page-dashboard .dash-title { font-size:clamp(28px,3vw,42px); letter-spacing:-.04em; color:#12332e; }
#page-dashboard .dash-sub { color:#536b69; max-width:560px; line-height:1.7; }
#page-dashboard .dash-header { margin-bottom:28px; }
#page-dashboard .stats-row { gap:12px; margin-bottom:24px; }
#page-dashboard .stat-card { padding:18px 20px; border:1px solid #fff; border-radius:18px; background:rgba(255,255,255,.78); box-shadow:0 8px 24px #173e2b06,inset 0 1px #fff; }
#page-dashboard .stat-val { font-size:28px; color:#006a61; }
#page-dashboard .stat-label { color:#536b69; font-size:11px; }
#page-dashboard .analytics-row { order:8; margin-top:24px; gap:12px; }
#page-dashboard .analytics-card { background:transparent; border-color:#d4e2dd; padding:16px 20px; box-shadow:none; }
#page-dashboard .analytics-val { color:#285c50; font-size:21px; }
#page-dashboard .pro-dashboard-panel { order:10; }
#page-dashboard .pro-membership-card { background:#edf4ed; }
#page-dashboard .jobs-card { overflow:visible; border:0; background:transparent; box-shadow:none; }
#page-dashboard .jobs-header { padding:0 0 16px; border:0; }
#page-dashboard .jobs-title { font-size:18px; }
#page-dashboard #jobSearch { color:#12332e; border:1px solid #c6d8d0; border-radius:12px; background:#fff; min-height:44px; }
.tracking-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.tracking-filter { padding:8px 14px; border:1px solid #c9dad2; border-radius:999px; background:#ffffffb8; color:#355a51; cursor:pointer; font:inherit; font-size:12px; }
.tracking-filter[aria-pressed="true"] { background:#123d33; color:white; border-color:#123d33; }
#page-dashboard .jobs-table { display:block; width:100%; background:transparent; }
#page-dashboard .jobs-table thead { display:none; }
#page-dashboard .jobs-table tbody { display:block; }
#page-dashboard .jobs-table tr { display:block; background:transparent; border:0; }
#page-dashboard .jobs-table td { display:block; padding:0; border:0; white-space:normal; }
.tracking-card { margin:0 0 18px; border:1px solid #fff; border-radius:24px; background:linear-gradient(135deg,#ffffffed,#ffffffd9); box-shadow:0 12px 38px #183f3210,0 2px 4px #183f3206; padding:26px; position:relative; }
.tracking-card-head { display:flex; gap:18px; align-items:flex-start; }
.tracking-file-icon { width:49px; height:57px; flex:0 0 auto; display:grid; place-items:center; font-size:10px; font-weight:800; letter-spacing:.05em; border-radius:10px 17px 10px 10px; color:#006a61; background:linear-gradient(145deg,#fff,#d9eee3); border:1px solid #b8d6c6; box-shadow:-4px 4px 0 #e4efe7,0 9px 15px #20574312; transform:rotate(-4deg); }
.tracking-identity { flex:1; min-width:0; }
.tracking-kicker { font-size:10px; letter-spacing:.08em; color:#58736a; text-transform:uppercase; margin:0 0 7px; }
.tracking-heading { font-size:18px; margin:0; }
.tracking-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.tracking-result-count { color:#536b69; font-size:12px; margin:0 0 12px; }
.tracking-stage-disclosure { margin:18px 0; }
.tracking-stage-disclosure summary { cursor:pointer; font-size:12px; color:#446356; min-height:30px; }
.tracking-stage-disclosure .tracking-steps { margin:12px 0 22px; }
.tracking-wait { margin-top:5px!important; font-weight:650; }
.tracking-detail-progress>p { font-size:13px; line-height:1.6; margin:10px 0; }
#page-dashboard .job-open-button { color:#173d33; font-size:18px; line-height:1.4; padding:0; min-height:30px; text-align:left; font-weight:750; overflow-wrap:anywhere; }
.tracking-meta { color:#536b69; font-size:12px; margin-top:7px; overflow-wrap:anywhere; }
.tracking-badge { padding:7px 11px; border:1px solid #bdd9ce; background:#e5f2eb; color:#235746; border-radius:999px; font-size:11px; font-weight:700; max-width:190px; text-align:center; }
.tracking-badge[data-stage="payment"],.tracking-badge[data-stage="unknown"] { color:#76471b; background:#fff3dc; border-color:#ebd3ac; }
.tracking-steps { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); list-style:none; margin:25px 0; padding:0; gap:8px; }
.tracking-steps li { font-size:10px; line-height:1.5; color:#6b7973; padding-top:11px; border-top:3px solid #e2e9e5; }
.tracking-steps li[data-reached="true"] { border-color:#97bfad; color:#3b6052; }
.tracking-steps li[aria-current="step"] { border-color:#006a61; color:#004f48; font-weight:800; }
.tracking-next { display:flex; justify-content:space-between; gap:20px; padding:18px 20px; border-radius:15px; background:#f0f5f1; border:1px solid #dde9e1; align-items:center; }
.tracking-next strong { display:block; font-size:13px; margin-bottom:5px; color:#174635; }
.tracking-next p { font-size:12px; line-height:1.65; margin:0; color:#4a655c; max-width:640px; }
.tracking-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; flex-shrink:0; }
#page-dashboard .tracking-actions button { font-size:12px; padding:9px 14px; border-radius:10px; }
#page-dashboard .btn-secondary { background:#fff; color:#255d4d; border-color:#bcd2c7; }
.tracking-activity { margin-top:16px; color:#567165; font-size:11px; }
.tracking-activity summary { cursor:pointer; padding:5px 0; min-height:28px; }
.tracking-activity ol { margin:10px 0 0; padding-left:18px; display:flex; flex-wrap:wrap; gap:10px 28px; }
.tracking-activity time { color:#526c60; }
.tracking-previous { margin-top:12px; color:#3c6152; font-size:12px; }
#page-dashboard .folder-detail-inner { border:1px solid #cfdfd5; border-radius:0 0 20px 20px; margin:-25px 0 20px; padding:22px; background:#fff; color:#163e30; }
#page-dashboard .folder-tabs { flex-wrap:wrap; }
#page-dashboard .folder-tab { color:#4b695c; }
#page-dashboard .folder-tab.active { color:#006a61; border-color:#006a61; }
#page-dashboard .receipt,#page-dashboard .file-item { background:#f2f6f3; border-color:#d8e5dc; }
#page-dashboard .msg-item { background:#eef4f0; }
#page-dashboard .msg-compose input { color:#173d33; background:white; border-color:#bed4c6; }
.tracking-empty { padding:42px 24px; text-align:center; background:#ffffffcf; border:1px solid #d7e5dc; border-radius:20px; color:#345c49; }
.tracking-empty h3 { font-size:20px; margin-bottom:10px; }
.tracking-empty p { font-size:13px; margin-bottom:20px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .tracking-card { transition:box-shadow .25s,transform .25s; } .tracking-card:hover { transform:translateY(-2px); box-shadow:0 18px 38px #183f3218; } }
@media(max-width:760px) { #page-dashboard .dash-main { padding:24px 16px 90px; } #page-dashboard .stats-row { grid-template-columns:repeat(2,minmax(0,1fr)); } #page-dashboard .dash-header { flex-wrap:wrap; gap:18px; } .tracking-card { padding:20px 16px; border-radius:20px; } .tracking-card-head { flex-wrap:wrap; gap:12px; } .tracking-badge { margin-left:61px; } .tracking-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px 10px; } .tracking-next { padding:15px; flex-direction:column; align-items:stretch; gap:14px; } .tracking-actions { flex-shrink:1; } .tracking-actions button { flex:1; } .tracking-file-icon { width:42px; height:50px; } .tracking-activity ol { display:block; } .tracking-activity li { margin-bottom:8px; } #page-dashboard .folder-tab-content>div:first-child { grid-template-columns:1fr!important; gap:18px!important; } }
@media(prefers-reduced-motion:reduce) { .tracking-card,.tracking-file-icon { animation:none!important; transition:none!important; transform:none!important; } }
@media(max-width:760px) { #page-dashboard .analytics-row { grid-template-columns:1fr; } .tracking-stage-disclosure .tracking-steps { grid-template-columns:1fr; } .tracking-stage-disclosure summary { min-height:44px; display:flex; align-items:center; } .tracking-activity summary { min-height:44px; } }
@media(forced-colors:active) { .tracking-card,.tracking-next,.tracking-file-icon,.tracking-filter { border:1px solid CanvasText; background:Canvas; color:CanvasText; box-shadow:none; } .tracking-steps li[aria-current="step"] { border-color:Highlight; } }
/* Four summary tiles are the client filters: native keyboard/touch buttons. */
#page-dashboard .stats-row .tracking-filter{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:16px;min-height:96px;min-width:0;padding:18px 20px;font:inherit;cursor:pointer;color:inherit;background:#fff;border:1px solid #d8e1f0;white-space:normal;}
#page-dashboard .stats-row .tracking-filter[aria-pressed="true"]{background:#edf3ff;border:2px solid #2563b9;box-shadow:0 0 0 2px rgba(37,99,185,.08);padding:17px 19px;color:#16345c;}
#page-dashboard .stats-row .tracking-filter:focus-visible{outline:3px solid #6b49c8;outline-offset:3px;}
#page-dashboard .stats-row .tracking-filter .stat-label{display:block;line-height:1.4;}
#page-dashboard .stats-row .tracking-filter .stat-val{display:block;}
@media(max-width:480px){#page-dashboard .stats-row .tracking-filter{padding:14px;min-height:100px;}#page-dashboard .stats-row .tracking-filter[aria-pressed="true"]{padding:13px;}}