/* JobGuard Aesthetic Lab — independent visual skins over the same tested product page. */
:root{
  --lab-glow:.42;
  --lab-image:.25;
  --lab-panel-bg:rgba(255,255,255,.93);
  --lab-panel-ink:#112f42;
  --lab-panel-line:rgba(30,68,83,.16);
}
html[data-density="focused"] .home-secondary{display:none}
html[data-density="focused"] .risk-source{opacity:.58}
html[data-density="focused"] .metric small{opacity:.7}
html[data-density="focused"] .metric{padding-top:16px;padding-bottom:16px}
html[data-density="focused"] .content{padding-top:24px}
html[data-density="complete"] .home-secondary{display:grid}
html[data-imagery="quiet"] body::before{opacity:.08}
html[data-imagery="immersive"] body::before{opacity:var(--lab-image)}
html[data-glow="off"]{--lab-glow:0}
html[data-glow="restrained"]{--lab-glow:.42}
html[data-glow="expressive"]{--lab-glow:.86}

/* Lab controller */
#jg-style-lab{position:fixed;right:18px;bottom:18px;z-index:2000;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--lab-panel-ink)}
#jg-style-lab *{box-sizing:border-box}
#jg-style-lab .lab-launch{border:1px solid rgba(255,255,255,.5);background:rgba(12,46,58,.88);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);color:#fff;border-radius:999px;min-height:46px;padding:10px 16px;font-weight:760;font-size:12px;box-shadow:0 14px 42px rgba(7,27,38,.28);display:flex;align-items:center;gap:9px}
#jg-style-lab .lab-launch i{width:8px;height:8px;border-radius:50%;background:#6fe0d0;box-shadow:0 0 18px #58e3d0}
#jg-style-lab .lab-panel{width:min(390px,calc(100vw - 24px));max-height:min(720px,calc(100vh - 28px));overflow:auto;background:var(--lab-panel-bg);backdrop-filter:blur(28px) saturate(1.12);-webkit-backdrop-filter:blur(28px) saturate(1.12);border:1px solid var(--lab-panel-line);border-radius:18px;box-shadow:0 30px 100px rgba(6,29,42,.29);padding:18px;transform-origin:bottom right}
#jg-style-lab .lab-panel[hidden]{display:none}
#jg-style-lab .lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 2px 14px;border-bottom:1px solid var(--lab-panel-line)}
#jg-style-lab .lab-head small{display:block;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#07899a;font-weight:850;margin-bottom:5px}
#jg-style-lab .lab-head h2{font-size:20px;letter-spacing:-.55px;line-height:1.15;margin:0;color:var(--lab-panel-ink)}
#jg-style-lab .lab-head p{font-size:11px;line-height:1.55;color:#627d91;margin:7px 0 0;max-width:290px}
#jg-style-lab .lab-close{background:transparent;border:0;color:#607b8f;width:36px;height:36px;border-radius:9px;font-size:20px}
#jg-style-lab .lab-close:hover{background:rgba(14,107,121,.08)}
#jg-style-lab .lab-section{padding:16px 2px 0}
#jg-style-lab .lab-label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:9px}
#jg-style-lab .lab-label strong{font-size:11px;letter-spacing:.25px;color:#1b4358}
#jg-style-lab .lab-label span{font-size:9px;color:#7c91a0}
#jg-style-lab .lab-skins{display:grid;grid-template-columns:1fr;gap:8px}
#jg-style-lab .skin-choice{width:100%;border:1px solid rgba(20,67,82,.14);border-radius:11px;background:rgba(255,255,255,.58);padding:10px;display:grid;grid-template-columns:58px 1fr 19px;gap:11px;align-items:center;text-align:left;color:#17384d;min-height:72px}
#jg-style-lab .skin-choice:hover{border-color:#58aab4;background:rgba(255,255,255,.88)}
#jg-style-lab .skin-choice.active{border-color:#078b98;box-shadow:0 0 0 2px rgba(5,143,153,.12);background:#fff}
#jg-style-lab .skin-choice .swatch{height:49px;border-radius:8px;border:1px solid rgba(23,50,65,.13);box-shadow:inset 0 1px rgba(255,255,255,.65);position:relative;overflow:hidden}
#jg-style-lab .skin-choice .swatch::after{content:'';position:absolute;inset:8px;border-radius:4px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.22)}
#jg-style-lab .skin-choice [data-swatch="hybrid"]{background:linear-gradient(145deg,#173c45 0 38%,#eee8dc 38% 100%)}
#jg-style-lab .skin-choice [data-swatch="editorial"]{background:linear-gradient(145deg,#14352f 0 36%,#f5efe3 36% 100%)}
#jg-style-lab .skin-choice [data-swatch="aurora"]{background:linear-gradient(145deg,#154c63 0 36%,#e6f6fb 36% 70%,#bce8e9 100%)}
#jg-style-lab .skin-choice [data-swatch="ceramic"]{background:linear-gradient(145deg,#183c4a 0 36%,#f7f7f2 36% 72%,#d9dee0 100%)}
#jg-style-lab .skin-choice [data-swatch="obsidian"]{background:linear-gradient(145deg,#06151d 0 56%,#0c4351 56% 76%,#02b4bd 100%)}
#jg-style-lab .skin-copy strong{font-size:12px;display:block;color:#15384a}
#jg-style-lab .skin-copy small{display:block;font-size:9px;line-height:1.5;color:#71899a;margin-top:4px}
#jg-style-lab .skin-check{font-size:14px;color:#0b8994;opacity:0}
#jg-style-lab .skin-choice.active .skin-check{opacity:1}
#jg-style-lab .lab-segment{display:flex;gap:3px;padding:3px;border-radius:9px;background:rgba(13,75,88,.07)}
#jg-style-lab .lab-segment button{flex:1;border:0;background:transparent;color:#5d7789;padding:8px 7px;border-radius:7px;font-size:10px;font-weight:720;min-height:36px}
#jg-style-lab .lab-segment button.active{background:#fff;color:#086d7d;box-shadow:0 2px 8px rgba(19,59,72,.1)}
#jg-style-lab .lab-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:17px}
#jg-style-lab .lab-actions button,#jg-style-lab .lab-actions a{border:1px solid rgba(18,75,89,.17);background:rgba(255,255,255,.72);color:#24576c;border-radius:9px;min-height:40px;padding:9px;text-decoration:none;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:760;text-align:center}
#jg-style-lab .lab-actions .primary{background:#087f8a;color:#fff;border-color:#087f8a}
#jg-style-lab .lab-note{font-size:9px;line-height:1.55;color:#7c929f;margin:12px 2px 0}
#jg-style-lab button:focus-visible,#jg-style-lab a:focus-visible{outline:3px solid #2db4bd;outline-offset:2px}
@media(max-width:620px){#jg-style-lab{right:8px;bottom:72px}#jg-style-lab .lab-panel{max-height:calc(100vh - 90px);padding:14px;border-radius:14px}#jg-style-lab .lab-launch{min-height:42px;padding:8px 13px}#jg-style-lab .skin-choice{min-height:65px}}

/* Shared themed materials */
html[data-skin] body{position:relative;isolation:isolate;background-attachment:fixed}
html[data-skin] body::before{content:'';position:fixed;inset:0;z-index:-2;background-position:center;background-size:cover;background-image:linear-gradient(110deg,rgba(8,34,44,.32),rgba(255,255,255,.08)),url('./assets/renovation-interior.jpg');transition:opacity .25s ease;pointer-events:none}
html[data-skin] body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none}
html[data-skin] .topbar,html[data-skin] .breadcrumbs,html[data-skin] .card,html[data-skin] .metric,html[data-skin] .hero-job,html[data-skin] .blank-hero{transition:background .2s,border-color .2s,box-shadow .2s,color .2s}
html[data-skin] .btn.primary{position:relative;overflow:hidden}
html[data-skin] .btn.primary::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 calc(18px * var(--lab-glow)) rgba(78,230,219,.5);pointer-events:none;border-radius:inherit}
html[data-skin] .sidenav button.active{position:relative;overflow:hidden}
html[data-skin] .sidenav button.active::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 calc(30px * var(--lab-glow)) rgba(36,222,214,.45);pointer-events:none;border-radius:inherit}

/* 1 — Architectural Glass: recommended hybrid */
html[data-skin="hybrid"]{--ink:#193641;--navy:#143841;--navy2:#0b2832;--teal:#087b78;--teal2:#075e61;--pale:#eee9df;--white:#fffdf9;--line:rgba(53,72,69,.17);--muted:#607475;--shadow:0 16px 44px rgba(34,49,47,.10);--lab-image:.27;--lab-panel-bg:rgba(251,248,241,.88)}
html[data-skin="hybrid"] body{background:#ebe6dd;color:var(--ink)}
html[data-skin="hybrid"] body::after{background:linear-gradient(90deg,rgba(239,235,226,.92) 0%,rgba(239,235,226,.87) 34%,rgba(239,235,226,.68) 72%,rgba(239,235,226,.82) 100%)}
html[data-skin="hybrid"] h1,html[data-skin="hybrid"] h2,html[data-skin="hybrid"] h3,html[data-skin="hybrid"] .brand strong{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:700;letter-spacing:-.045em}
html[data-skin="hybrid"] .topbar{background:rgba(250,247,240,.68);backdrop-filter:blur(22px) saturate(1.05);border-color:rgba(54,76,75,.14);box-shadow:0 1px rgba(255,255,255,.72)}
html[data-skin="hybrid"] .breadcrumbs{background:rgba(248,246,239,.62);backdrop-filter:blur(16px)}
html[data-skin="hybrid"] .sidebar{background:linear-gradient(168deg,rgba(15,48,50,.94),rgba(8,31,35,.92));backdrop-filter:blur(24px) saturate(1.15);box-shadow:inset -1px 0 rgba(191,220,210,.18),16px 0 50px rgba(13,33,32,.10)}
html[data-skin="hybrid"] .card,html[data-skin="hybrid"] .metric{background:rgba(255,253,248,.78);backdrop-filter:blur(22px) saturate(1.02);border-color:rgba(76,87,77,.18);box-shadow:0 13px 36px rgba(59,54,43,.08),inset 0 1px rgba(255,255,255,.9)}
html[data-skin="hybrid"] .hero-job{box-shadow:0 18px 42px rgba(17,50,49,.18);border:1px solid rgba(255,255,255,.5)}
html[data-skin="hybrid"] .risk-row{border-color:rgba(73,85,77,.13)}
html[data-skin="hybrid"] .risk-row:hover{background:rgba(255,255,255,.46)}
html[data-skin="hybrid"] .btn.primary{background:linear-gradient(120deg,#0d817b,#07585d);border-color:#0b716d;box-shadow:0 6px 15px rgba(5,87,83,.16)}
html[data-skin="hybrid"] .metric strong{font-family:Iowan Old Style,Georgia,serif}
html[data-skin="hybrid"] .environment{background:#102f35}
html[data-skin="hybrid"] .detail-block{background:rgba(248,246,239,.7);border-color:rgba(70,83,77,.14)}
html[data-skin="hybrid"] .mobile-nav{background:rgba(255,253,248,.86);backdrop-filter:blur(20px)}

/* 2 — Quiet Editorial: least busy */
html[data-skin="editorial"]{--ink:#203931;--navy:#15372f;--navy2:#0d2824;--teal:#176c62;--teal2:#10564f;--pale:#f1ede4;--white:#fcf9f1;--line:#d9d0c1;--muted:#6a766f;--shadow:0 4px 14px rgba(47,41,30,.045);--lab-image:.12;--lab-panel-bg:rgba(252,248,239,.96)}
html[data-skin="editorial"] body{background:#f0ece4;color:var(--ink)}
html[data-skin="editorial"] body::before{background-image:linear-gradient(110deg,rgba(245,241,232,.88),rgba(245,241,232,.76)),url('./assets/renovation-room.jpg')}
html[data-skin="editorial"] body::after{background:repeating-linear-gradient(90deg,rgba(83,69,45,.018) 0,rgba(83,69,45,.018) 1px,transparent 1px,transparent 72px)}
html[data-skin="editorial"] h1,html[data-skin="editorial"] h2,html[data-skin="editorial"] h3,html[data-skin="editorial"] .brand strong{font-family:Baskerville,Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:700;letter-spacing:-.045em}
html[data-skin="editorial"] .environment{background:#17352f;color:#d8e6df}
html[data-skin="editorial"] .topbar,html[data-skin="editorial"] .breadcrumbs{background:rgba(247,243,235,.95);border-color:#ddd4c6;box-shadow:none}
html[data-skin="editorial"] .sidebar{background:linear-gradient(172deg,#173a33,#0e2926);box-shadow:none;border-right:1px solid #657d6d}
html[data-skin="editorial"] .sidenav button{border-radius:2px}
html[data-skin="editorial"] .sidenav button.active{background:#264f45;color:#fff;border-left:3px solid #c99b5b}
html[data-skin="editorial"] .card,html[data-skin="editorial"] .metric{background:rgba(251,248,240,.93);border-color:#d8cfbf;border-radius:4px;box-shadow:var(--shadow)}
html[data-skin="editorial"] .card-head,html[data-skin="editorial"] .toolbar{border-color:#e1d8ca}
html[data-skin="editorial"] .risk-row{border-color:#e4dbcd}
html[data-skin="editorial"] .btn{border-radius:3px}
html[data-skin="editorial"] .btn.primary{background:#1b645b;border-color:#164f49;box-shadow:none}
html[data-skin="editorial"] .hero-job{border-radius:4px;box-shadow:none;border:1px solid #b9af9e}
html[data-skin="editorial"] .detail-block{background:#f5f0e7;border-color:#ddd4c7;border-radius:3px}
html[data-skin="editorial"] .tag{border-radius:2px}
html[data-skin="editorial"] .metric strong{font-family:Baskerville,Georgia,serif}
html[data-skin="editorial"] .mobile-nav{background:#fbf8f1;border-color:#d8cfbf;box-shadow:none}
html[data-skin="editorial"] .kicker{color:#98703b}
html[data-skin="editorial"] .risk-icon{border-radius:50%}

/* 3 — Aurora Glass: brighter futuristic */
html[data-skin="aurora"]{--ink:#12354a;--navy:#123c51;--navy2:#0b2939;--teal:#008a96;--teal2:#006875;--pale:#eaf5f8;--white:#fff;--line:rgba(75,138,155,.21);--muted:#5d7890;--shadow:0 18px 54px rgba(22,83,107,.12);--lab-image:.30;--lab-panel-bg:rgba(241,250,253,.85)}
html[data-skin="aurora"] body{background:#e7f3f7;color:var(--ink)}
html[data-skin="aurora"] body::before{background-image:linear-gradient(120deg,rgba(220,243,249,.76),rgba(255,244,231,.52)),url('./assets/renovation-interior.jpg')}
html[data-skin="aurora"] body::after{background:radial-gradient(circle at 89% 8%,rgba(255,237,196,.7),transparent 27%),radial-gradient(circle at 10% 82%,rgba(52,220,213,.14),transparent 32%),linear-gradient(115deg,rgba(232,248,252,.58),rgba(245,250,252,.80))}
html[data-skin="aurora"] .topbar,html[data-skin="aurora"] .breadcrumbs{background:rgba(242,251,253,.62);backdrop-filter:blur(28px) saturate(1.25);border-color:rgba(255,255,255,.7);box-shadow:inset 0 1px rgba(255,255,255,.9)}
html[data-skin="aurora"] .sidebar{background:linear-gradient(170deg,rgba(15,61,78,.92),rgba(8,34,49,.88));backdrop-filter:blur(30px) saturate(1.25);border-right:1px solid rgba(151,235,234,.28);box-shadow:15px 0 55px rgba(4,52,69,.13)}
html[data-skin="aurora"] .card,html[data-skin="aurora"] .metric{background:rgba(249,254,255,.68);backdrop-filter:blur(25px) saturate(1.22);border-color:rgba(255,255,255,.78);box-shadow:0 18px 54px rgba(39,99,120,.10),inset 0 1px rgba(255,255,255,.95);border-radius:15px}
html[data-skin="aurora"] .card::before,html[data-skin="aurora"] .metric::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(66,186,192,.08)}
html[data-skin="aurora"] .card,html[data-skin="aurora"] .metric{position:relative}
html[data-skin="aurora"] .btn{border-radius:10px}
html[data-skin="aurora"] .btn.primary{background:linear-gradient(120deg,#00a0a8,#006b7b);box-shadow:0 8px 24px rgba(0,126,142,.22)}
html[data-skin="aurora"] .hero-job{border-radius:16px;box-shadow:0 20px 65px rgba(0,63,78,.24);border:1px solid rgba(255,255,255,.67)}
html[data-skin="aurora"] .detail-block{background:rgba(242,251,253,.63);border-color:rgba(90,153,166,.15);border-radius:11px}
html[data-skin="aurora"] .risk-row:hover{background:rgba(255,255,255,.42)}
html[data-skin="aurora"] .mobile-nav{background:rgba(246,253,254,.82);backdrop-filter:blur(24px)}

/* 4 — Sculpted Industrial: ceramic and engineered */
html[data-skin="ceramic"]{--ink:#183747;--navy:#153b49;--navy2:#0c2835;--teal:#087c84;--teal2:#055d64;--pale:#eef0ed;--white:#fbfbf7;--line:#cfd5d4;--muted:#647984;--shadow:8px 8px 20px rgba(73,79,77,.11),-5px -5px 15px rgba(255,255,255,.82);--lab-image:.15;--lab-panel-bg:rgba(248,249,245,.94)}
html[data-skin="ceramic"] body{background:#edf0ed;color:var(--ink)}
html[data-skin="ceramic"] body::before{background-image:linear-gradient(115deg,rgba(239,242,238,.90),rgba(247,246,239,.72)),url('./assets/renovation-site.jpg')}
html[data-skin="ceramic"] body::after{background:linear-gradient(120deg,rgba(255,255,255,.23),transparent 32%),repeating-linear-gradient(0deg,rgba(19,61,72,.02) 0,rgba(19,61,72,.02) 1px,transparent 1px,transparent 48px)}
html[data-skin="ceramic"] h1,html[data-skin="ceramic"] h2,html[data-skin="ceramic"] h3{font-family:Iowan Old Style,Georgia,serif}
html[data-skin="ceramic"] .topbar,html[data-skin="ceramic"] .breadcrumbs{background:rgba(247,248,244,.89);backdrop-filter:blur(14px);box-shadow:0 5px 18px rgba(85,89,85,.08),inset 0 1px #fff}
html[data-skin="ceramic"] .sidebar{background:linear-gradient(165deg,#194351,#0d2937);border-right:2px solid #9aa7a8;box-shadow:inset -4px 0 10px rgba(0,0,0,.16)}
html[data-skin="ceramic"] .card,html[data-skin="ceramic"] .metric{background:linear-gradient(145deg,#ffffff,#eceeea);border-color:#d3d8d7;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.92);border-radius:12px}
html[data-skin="ceramic"] .btn{background:linear-gradient(145deg,#fff,#e7ebea);box-shadow:3px 3px 8px rgba(72,78,76,.15),-3px -3px 8px #fff;border-color:#d0d7d6;border-radius:8px}
html[data-skin="ceramic"] .btn.primary{background:linear-gradient(145deg,#118a91,#03656d);box-shadow:4px 5px 13px rgba(0,80,87,.23),inset 0 1px rgba(255,255,255,.22);border-color:#075f68}
html[data-skin="ceramic"] .sidenav button.active{background:linear-gradient(145deg,#168c94,#08646f);color:#fff;box-shadow:0 7px 19px rgba(0,92,102,.25),inset 0 1px rgba(255,255,255,.22)}
html[data-skin="ceramic"] .hero-job{border:2px solid rgba(255,255,255,.75);box-shadow:8px 10px 28px rgba(51,65,66,.19),-4px -4px 12px rgba(255,255,255,.55);border-radius:13px}
html[data-skin="ceramic"] .detail-block{background:linear-gradient(145deg,#fafbf8,#e9ece9);box-shadow:inset 1px 1px 3px rgba(81,86,82,.09);border-color:#d6dcda}
html[data-skin="ceramic"] .risk-icon{box-shadow:inset 1px 1px rgba(255,255,255,.8),2px 3px 7px rgba(69,78,75,.09)}
html[data-skin="ceramic"] .mobile-nav{background:linear-gradient(180deg,#fdfdf9,#ecefeb);box-shadow:0 -6px 17px rgba(68,78,77,.10)}

/* 5 — Obsidian Blueprint: cinematic option */
html[data-skin="obsidian"]{--ink:#e6f3f5;--navy:#081a24;--navy2:#050f16;--teal:#00b1ba;--teal2:#00858f;--pale:#06151e;--white:#0b202c;--line:rgba(78,164,181,.26);--muted:#9fb7c2;--shadow:0 17px 50px rgba(0,0,0,.28);--lab-image:.30;--lab-panel-bg:rgba(9,28,39,.91);--lab-panel-ink:#e9f7f8;--lab-panel-line:rgba(99,209,216,.18)}
html[data-skin="obsidian"] body{background:#06141d;color:var(--ink)}
html[data-skin="obsidian"] body::before{background-image:linear-gradient(100deg,rgba(0,11,17,.82),rgba(3,24,34,.58)),url('./assets/renovation-site.jpg')}
html[data-skin="obsidian"] body::after{background:linear-gradient(rgba(11,25,33,.35),rgba(3,15,23,.75)),repeating-linear-gradient(0deg,rgba(28,151,172,.04) 0,rgba(28,151,172,.04) 1px,transparent 1px,transparent 36px),repeating-linear-gradient(90deg,rgba(28,151,172,.04) 0,rgba(28,151,172,.04) 1px,transparent 1px,transparent 36px)}
html[data-skin="obsidian"] h1,html[data-skin="obsidian"] h2,html[data-skin="obsidian"] h3,html[data-skin="obsidian"] strong{color:#f2fbfc}
html[data-skin="obsidian"] .environment{background:#020c12;color:#9bdde2}
html[data-skin="obsidian"] .topbar,html[data-skin="obsidian"] .breadcrumbs{background:rgba(4,18,27,.76);backdrop-filter:blur(24px);border-color:rgba(89,193,207,.16);color:#d3e7eb}
html[data-skin="obsidian"] .brand,html[data-skin="obsidian"] .topline b{color:#f1fbfc}
html[data-skin="obsidian"] .brand small,html[data-skin="obsidian"] .topline,html[data-skin="obsidian"] .breadcrumbs>div{color:#8eb0bb}
html[data-skin="obsidian"] .sidebar{background:linear-gradient(168deg,rgba(4,18,27,.97),rgba(2,12,18,.94));border-right:1px solid rgba(0,198,209,.22);box-shadow:12px 0 45px rgba(0,0,0,.28)}
html[data-skin="obsidian"] .card,html[data-skin="obsidian"] .metric{background:rgba(6,25,35,.79);backdrop-filter:blur(24px) saturate(1.08);border-color:rgba(64,160,178,.23);box-shadow:0 17px 48px rgba(0,0,0,.24),inset 0 1px rgba(124,218,224,.055)}
html[data-skin="obsidian"] .card-head,html[data-skin="obsidian"] .toolbar,html[data-skin="obsidian"] .risk-row,html[data-skin="obsidian"] .job-row,html[data-skin="obsidian"] .work-item{border-color:rgba(70,133,147,.18)}
html[data-skin="obsidian"] .risk-row:hover{background:rgba(22,81,93,.18)}
html[data-skin="obsidian"] .risk-copy p,html[data-skin="obsidian"] .risk-source,html[data-skin="obsidian"] .page-head p,html[data-skin="obsidian"] .metric span,html[data-skin="obsidian"] .metric small,html[data-skin="obsidian"] .card-body p,html[data-skin="obsidian"] .job-name p,html[data-skin="obsidian"] .job-name small,html[data-skin="obsidian"] .muted{color:#9eb6c1!important}
html[data-skin="obsidian"] .detail-block{background:rgba(13,45,57,.65);border-color:rgba(80,165,178,.20)}
html[data-skin="obsidian"] .detail-block small,html[data-skin="obsidian"] .detail-block p{color:#91adb7}
html[data-skin="obsidian"] .btn{background:rgba(10,36,47,.85);border-color:rgba(86,175,187,.28);color:#d6edf0}
html[data-skin="obsidian"] .btn.primary{background:linear-gradient(110deg,#00aab3,#006c79);border-color:#00a1aa;box-shadow:0 0 calc(30px * var(--lab-glow)) rgba(0,209,217,.28)}
html[data-skin="obsidian"] .hero-job{border-color:rgba(0,216,224,.38);box-shadow:0 0 calc(35px * var(--lab-glow)) rgba(0,192,203,.16),0 20px 60px rgba(0,0,0,.35)}
html[data-skin="obsidian"] .sidenav button.active{background:rgba(0,116,129,.33);color:#fff;border:1px solid rgba(0,210,219,.48)}
html[data-skin="obsidian"] .tag{background:rgba(15,57,68,.68);border-color:rgba(80,159,173,.22);color:#b8d5dc}
html[data-skin="obsidian"] .metric strong{color:#f0fbfc}
html[data-skin="obsidian"] .form input,html[data-skin="obsidian"] .form select,html[data-skin="obsidian"] .form textarea{background:#0b2633;border-color:#27515f;color:#e7f5f6}
html[data-skin="obsidian"] dialog.app-modal{background:#081d28;border-color:#2c6170;color:#e6f3f5}
html[data-skin="obsidian"] .modal-head,html[data-skin="obsidian"] .modal-foot{border-color:#1d4250}
html[data-skin="obsidian"] .mobile-nav{background:rgba(5,20,29,.90);backdrop-filter:blur(24px);border-color:rgba(54,151,168,.24)}
html[data-skin="obsidian"] .mobile-nav button{color:#90aeba}
html[data-skin="obsidian"] .mobile-nav button.active{background:#0d4855;color:#7bf0ee}
html[data-skin="obsidian"] #jg-style-lab .lab-head h2,html[data-skin="obsidian"] #jg-style-lab .skin-copy strong,html[data-skin="obsidian"] #jg-style-lab .lab-label strong{color:#eaf6f8}
html[data-skin="obsidian"] #jg-style-lab .lab-head p,html[data-skin="obsidian"] #jg-style-lab .skin-copy small,html[data-skin="obsidian"] #jg-style-lab .lab-note{color:#9bb4bd}
html[data-skin="obsidian"] #jg-style-lab .skin-choice{background:rgba(18,48,60,.60);color:#eef7f8;border-color:rgba(96,178,190,.16)}
html[data-skin="obsidian"] #jg-style-lab .skin-choice.active{background:#123844}
html[data-skin="obsidian"] #jg-style-lab .lab-segment{background:#0c2a36}
html[data-skin="obsidian"] #jg-style-lab .lab-segment button{color:#a3bbc4}
html[data-skin="obsidian"] #jg-style-lab .lab-segment button.active{background:#174451;color:#e8f8f8}
html[data-skin="obsidian"] #jg-style-lab .lab-actions button,html[data-skin="obsidian"] #jg-style-lab .lab-actions a{background:#0d2b37;color:#c8e4e8;border-color:#255565}

@media(prefers-reduced-motion:reduce){html[data-skin] *{transition:none!important}}

/* Completion pass: unobstructed comparison controls and legible deep screens. */
#jg-style-lab .lab-compact{display:flex;align-items:stretch;border:1px solid rgba(168,222,217,.5);background:rgba(12,46,58,.94);border-radius:14px;box-shadow:0 10px 32px rgba(7,27,38,.2);overflow:hidden;max-width:calc(100vw - 22px)}
#jg-style-lab .lab-compact .lab-launch{border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:left;min-width:208px;max-width:260px;min-height:52px;padding:8px 11px;font-size:12px}
#jg-style-lab .lab-launch small{display:block;font-size:8px;letter-spacing:1.2px;color:#c5e4e7;margin-bottom:3px}
#jg-style-lab .lab-arrow{width:42px;min-height:52px;flex:0 0 42px;border:0;color:#e2faf9;background:rgba(255,255,255,.03);font-size:25px;cursor:pointer}
#jg-style-lab .lab-arrow:hover{background:rgba(79,207,206,.15)}
#jg-style-lab .lab-arrow:focus-visible{outline-offset:-4px}
#jg-style-lab .lab-panel{max-height:calc(100dvh - 36px)}
#jg-style-lab .lab-fullscreen{width:100%;border:1px solid #a5cfd2;border-radius:8px;min-height:43px;padding:9px;background:#e9f6f5;color:#176573;font-size:12px;font-weight:750;margin:12px 0 0;cursor:pointer}
#jg-style-lab .lab-head p{max-width:285px}
#jg-style-lab .lab-compare{margin-top:12px;display:grid;gap:6px}
#jg-style-lab .lab-compare p{font-size:11px;line-height:1.6;color:#587787;margin:0 0 5px}
#jg-style-lab .lab-compare a{display:block;padding:11px;border:1px solid var(--lab-panel-line);border-radius:7px;color:#156877;background:rgba(250,255,255,.5);font-size:12px;font-weight:650;text-decoration:none}
#jg-style-lab .lab-compare a:hover{background:#edf9f9}
#jg-style-lab .lab-copy-fallback{display:block;width:100%;font:11px ui-monospace,monospace;border:1px solid #7faab0;border-radius:6px;padding:10px;margin-top:12px;background:#fff;color:#153d4a}
html[data-density="focused"] .risk-source{opacity:.9}
html[data-density="focused"] .metric small{opacity:1}
html[data-skin="obsidian"] .note{color:#c5e4e9;background:#0e3442;border-color:#28596a}
html[data-skin="obsidian"] .note.warning{color:#f5d7ae;background:#352c22;border-color:#776043}
html[data-skin="obsidian"] .note.error{color:#f6c5c0;background:#3c2428;border-color:#80515a}
html[data-skin="obsidian"] .note strong{color:inherit}
html[data-skin="obsidian"] .tag.green{color:#a1e3cb;background:#0e3a34;border-color:#356359}
html[data-skin="obsidian"] .tag.amber{color:#f5ce91;background:#382d21;border-color:#725536}
html[data-skin="obsidian"] .tag.red{color:#ffc0b8;background:#41252b;border-color:#814750}
html[data-skin="obsidian"] .tag.blue{color:#a6e0ef;background:#103a4a;border-color:#336679}
html[data-skin="obsidian"] .btn:hover:not(:disabled),html[data-skin="obsidian"] .overview-job:hover{background:#174755;color:#e6f6f8}
html[data-skin="obsidian"] .btn.danger{background:#44252e;border-color:#8b4c5b;color:#f8c5c6}
html[data-skin="obsidian"] .work-text small,html[data-skin="obsidian"] .job-caption,html[data-skin="obsidian"] .overview-job-main small,html[data-skin="obsidian"] .records-item p,html[data-skin="obsidian"] .form small,html[data-skin="obsidian"] .mini-calendar .date-row span,html[data-skin="obsidian"] .ledger-step small{color:#aec5cd}
html[data-skin="obsidian"] .form label,html[data-skin="obsidian"] .form label.checkrow,html[data-skin="obsidian"] .form .checkrow span{color:#c4dde4}
html[data-skin="obsidian"] .top-actions select{background:#0d2c3b;color:#d9edf1;border-color:#396170}
html[data-skin="obsidian"] .search,html[data-skin="obsidian"] .search input{background:#0e303f;color:#d4e8ef;border-color:#365d6b}
html[data-skin="obsidian"] input::placeholder,html[data-skin="obsidian"] textarea::placeholder{color:#94aebd}
html[data-skin="obsidian"] .segmented{background:#0b2935}
html[data-skin="obsidian"] .segmented button{color:#b1cbd4}
html[data-skin="obsidian"] .segmented button.active{color:#e3f8f8;background:#18505b}
html[data-skin="obsidian"] .job-tabs button{color:#bad0d8}
html[data-skin="obsidian"] .job-tabs button.active{color:#8be2e2;border-bottom-color:#31b3b8}
html[data-skin="obsidian"] .cost-table th{background:#102d3b;color:#b9d7e0}
html[data-skin="obsidian"] .cost-table td{border-color:#274657;color:#d2e4ec}
html[data-skin="obsidian"] .blank-hero,html[data-skin="obsidian"] .benefit{background:#0b2532;color:#c3dce5;border-color:#325360}
html[data-skin="obsidian"] .blank-form p,html[data-skin="obsidian"] .benefit p,html[data-skin="obsidian"] .empty p,html[data-skin="obsidian"] .page-head p,html[data-skin="obsidian"] .modal-head p{color:#afc5cf}
html[data-skin="obsidian"] .field-error{color:#ffc4ba}
html[data-skin="obsidian"] .risk-copy .risk-kicker>span:first-child{color:#b2c6ce}
html[data-skin="obsidian"] .photo-card h3,html[data-skin="obsidian"] .mini-calendar h3,html[data-skin="obsidian"] .list-row strong{color:#f0f7f8}
html[data-skin="obsidian"] .photo-card p{color:#bfd1da}
html[data-skin="obsidian"] #jg-style-lab .lab-fullscreen{color:#d0edeb;background:#174851;border-color:#356b71}
html[data-skin="obsidian"] #jg-style-lab .lab-compare p{color:#b3cbd0}
html[data-skin="obsidian"] #jg-style-lab .lab-compare a{color:#c3e6e7;background:#133742}
html[data-skin="obsidian"] #jg-style-lab .lab-compare a:hover{background:#205464}
html[data-skin="obsidian"] #jg-style-lab .lab-label span{color:#a8c1c9}
@media(max-width:730px){#jg-style-lab{bottom:78px;right:10px}#jg-style-lab .lab-panel{max-height:calc(100dvh - 98px);max-width:calc(100vw - 20px)}#jg-style-lab .lab-arrow{width:37px;flex-basis:37px;min-height:45px}#jg-style-lab .lab-compact .lab-launch{font-size:11px;min-height:45px;min-width:186px;max-width:215px}#jg-style-lab .lab-launch small{font-size:8px}#jg-style-lab .lab-segment button{min-height:42px}#jg-style-lab .lab-panel .lab-label{align-items:flex-start}}
@media(prefers-reduced-transparency:reduce){html[data-skin] .card,html[data-skin] .metric,html[data-skin] .topbar,html[data-skin] #jg-style-lab .lab-panel{backdrop-filter:none;-webkit-backdrop-filter:none}html[data-skin] .card,html[data-skin] .metric{background:var(--white)}}
@media print{#jg-style-lab{display:none!important}}