/* Nine distinct product identities on top of the shared interaction layer. */
body[data-app] .page-head p,body[data-app] .record h3,body[data-app] .activity b{font-size:max(14px,1em)}
body[data-app] .record p,body[data-app] .activity small,body[data-app] .stat span{font-size:13px}

/* HAVEN — spatial property browser with listing photography and map cues. */
body[data-app="haven"]{--ink:#10213a;--canvas:#edf3fb;--surface:#fff;--soft:#e3edff;--line:#d6e1ef;background:linear-gradient(125deg,#edf3fb 0 60%,#dce9f8 60%)}
body[data-app="haven"] .desktop-rail{background:#10213a}
body[data-app="haven"] .desktop-top{border-bottom:0;box-shadow:0 12px 40px #1738620c}
body[data-app="haven"] .stat{border:0;box-shadow:0 8px 28px #1738620b}
body[data-app="haven"] .content-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.9fr)}
body[data-app="haven"] .records{grid-template-columns:1fr}
body[data-app="haven"] .record{grid-template-columns:86px minmax(0,1fr) auto;min-height:92px;align-items:center;border:0;background:#f8fbff}
body[data-app="haven"] .record:before{grid-row:1/3;width:72px;height:64px;border-radius:10px;background:linear-gradient(145deg,#b8d1ee,#52779f 58%,#173650);content:""}
body[data-app="haven"] .record:nth-child(2):before{background:linear-gradient(145deg,#e1c6a3,#8a765c 58%,#33404b)}
body[data-app="haven"] .record:nth-child(3):before{background:linear-gradient(145deg,#cdd9c3,#79916b 58%,#3a5263)}
body[data-app="haven"] .record h3,body[data-app="haven"] .record p{grid-column:2}
body[data-app="haven"] .record .status{grid-column:3;grid-row:1/3}
body[data-app="haven"] #activity{background-color:#d8e6f2;background-image:linear-gradient(#fff7 1px,transparent 1px),linear-gradient(90deg,#fff7 1px,transparent 1px);background-size:30px 30px}

/* CLINIQ — calm appointment timeline with clinical spacing. */
body[data-app="cliniq"]{--ink:#17352f;--canvas:#edf7f3;--surface:#fff;--soft:#dff2ea;--line:#cfe3db;background:#edf7f3}
body[data-app="cliniq"] .desktop-rail{background:#123f35}
body[data-app="cliniq"] .page-head h1{font-weight:560}
body[data-app="cliniq"] .stats{gap:1px;padding:1px;background:#cfe3db;border-radius:18px;overflow:hidden}
body[data-app="cliniq"] .stat{border:0;border-radius:0}
body[data-app="cliniq"] .content-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.65fr)}
body[data-app="cliniq"] .records{display:block}
body[data-app="cliniq"] .record{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:112px;margin-left:74px;border-width:0 0 0 2px;border-radius:0;background:transparent}
body[data-app="cliniq"] .record:before{position:absolute;right:calc(100% + 22px);top:17px;color:#168b74;font:800 14px/1.2 monospace;content:"10:30"}
body[data-app="cliniq"] .record:nth-child(2):before{content:"11:00"}body[data-app="cliniq"] .record:nth-child(3):before{content:"11:30"}
body[data-app="cliniq"] .record:after{position:absolute;top:18px;left:-7px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#168b74;box-shadow:0 0 0 3px #b9ddcf;content:""}
body[data-app="cliniq"] #activity{border:0;box-shadow:inset 0 0 0 1px #cfe3db;background:linear-gradient(155deg,#fff,#dff2ea)}

/* FORM — high-contrast club console. */
body[data-app="form"]{--ink:#f6f0e8;--muted:#a8a39a;--canvas:#0c0d0d;--surface:#151616;--soft:#24211c;--line:#32302c;background:radial-gradient(circle at 88% 0,#4a260f 0,transparent 34%),#0c0d0d;color:#f6f0e8}
body[data-app="form"] .desktop-rail{background:#050606;border-right:1px solid #3b3328}
body[data-app="form"] .desktop-top,body[data-app="form"] .mobile-top{background:#0c0d0df2;border-color:#32302c}
body[data-app="form"] .page-head h1{font-size:clamp(48px,6vw,78px);font-weight:900;text-transform:uppercase}
body[data-app="form"] .stat{border-radius:3px;background:linear-gradient(145deg,#191a1a,#111212)}
body[data-app="form"] .stat b{color:#ef7b32;font-size:40px}
body[data-app="form"] .toolbar,body[data-app="form"] .panel{border-radius:4px;background:#111212}
body[data-app="form"] .search input{background:#080909;color:#fff}
body[data-app="form"] .record{min-height:120px;border:1px solid #3d372f;border-radius:2px;background:linear-gradient(110deg,#181919,#111)}
body[data-app="form"] .record h3{font-size:20px;text-transform:uppercase}
body[data-app="form"] .record .status{border:1px solid #ef7b3266;background:#ef7b3215;color:#ef9a5d}
body[data-app="form"] .activity i{border-radius:0;transform:rotate(45deg)}

/* ASCEND — friendly course library with visible progress. */
body[data-app="ascend"]{--ink:#251b49;--canvas:#f3f0fb;--surface:#fff;--soft:#ece6fc;--line:#ded7ef;background:linear-gradient(160deg,#f8f6ff,#ece6fa)}
body[data-app="ascend"] .desktop-rail{background:#30215d}
body[data-app="ascend"] .desktop-top{background:#f9f7fff0}
body[data-app="ascend"] .stat{border:0;border-radius:24px;box-shadow:0 14px 40px #49378810}
body[data-app="ascend"] .content-grid{grid-template-columns:minmax(0,1.6fr) 310px}
body[data-app="ascend"] .panel{border:0;border-radius:26px;box-shadow:0 18px 50px #49378812}
body[data-app="ascend"] .records{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-app="ascend"] .record{position:relative;display:flex;min-height:210px;flex-direction:column;justify-content:flex-end;border:0;border-radius:20px;background:linear-gradient(145deg,#7358d8 0 47%,#fff 47%)}
body[data-app="ascend"] .record:nth-child(2){background:linear-gradient(145deg,#efaa3d 0 47%,#fff 47%)}
body[data-app="ascend"] .record:nth-child(3){background:linear-gradient(145deg,#2c927b 0 47%,#fff 47%)}
body[data-app="ascend"] .record:before{position:absolute;top:22px;left:22px;color:#fff;font:800 15px monospace;content:"COURSE / 01"}
body[data-app="ascend"] .record:nth-child(2):before{content:"COURSE / 02"}body[data-app="ascend"] .record:nth-child(3):before{content:"COURSE / 03"}
body[data-app="ascend"] .record .status{align-self:flex-start;order:-1;margin-bottom:9px}

/* TORQUE — squared industrial work-order board. */
body[data-app="torque"]{--ink:#eaf0f5;--muted:#9ba7b2;--canvas:#11171b;--surface:#192126;--soft:#273239;--line:#354149;background:linear-gradient(90deg,#11171b,#172026);color:#eaf0f5}
body[data-app="torque"] .desktop-rail{background:#080d10}
body[data-app="torque"] .desktop-top,body[data-app="torque"] .mobile-top{background:#12191df2;border-color:#354149}
body[data-app="torque"] .mark,body[data-app="torque"] .primary{border-radius:2px!important}
body[data-app="torque"] .page-head h1{font-family:Impact,Arial,sans-serif;font-weight:400;letter-spacing:.01em;text-transform:uppercase}
body[data-app="torque"] .stat,body[data-app="torque"] .toolbar,body[data-app="torque"] .panel{border-radius:2px;background:#192126}
body[data-app="torque"] .stat{border-top:4px solid #d94b36}
body[data-app="torque"] .search input{border-radius:2px;background:#0f1518;color:#fff}
body[data-app="torque"] .records{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-app="torque"] .record{display:flex;min-height:230px;flex-direction:column;justify-content:space-between;border-radius:2px;background:repeating-linear-gradient(135deg,#1d272c 0,#1d272c 12px,#202b30 12px,#202b30 24px)}
body[data-app="torque"] .record h3{font-size:19px;text-transform:uppercase}
body[data-app="torque"] .record .status{align-self:flex-start;border:1px solid #d94b36;background:#111;color:#ff765f}

/* ENTRY — event posters and live sales control. */
body[data-app="entry"]{--ink:#f8f5ff;--muted:#aaa2ba;--canvas:#100d17;--surface:#191423;--soft:#2b213b;--line:#382d46;background:radial-gradient(circle at 70% 0,#472078 0,transparent 38%),#100d17;color:#f8f5ff}
body[data-app="entry"] .desktop-rail{background:#09070e}
body[data-app="entry"] .desktop-top,body[data-app="entry"] .mobile-top{background:#100d17e8;border-color:#382d46}
body[data-app="entry"] .page-head h1{font-size:clamp(52px,7vw,92px);font-weight:850}
body[data-app="entry"] .stat{border:0;background:#191423}body[data-app="entry"] .stat b{color:#a66bf2}
body[data-app="entry"] .toolbar,body[data-app="entry"] .panel{background:#15101e;border-color:#443354}
body[data-app="entry"] .search input{background:#0d0a12;color:#fff}
body[data-app="entry"] .records{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-app="entry"] .record{display:flex;min-height:300px;flex-direction:column;justify-content:flex-end;border:0;border-radius:18px;background:linear-gradient(150deg,#ff635c,#7a38d2 55%,#17111f 55%)}
body[data-app="entry"] .record:nth-child(2){background:linear-gradient(150deg,#27c7bc,#295cca 55%,#17111f 55%)}body[data-app="entry"] .record:nth-child(3){background:linear-gradient(150deg,#f0ad38,#db3878 55%,#17111f 55%)}
body[data-app="entry"] .record h3{font-size:21px}body[data-app="entry"] .record .status{align-self:flex-start}

/* CRAFT — editorial brief marketplace. */
body[data-app="craft"]{--ink:#17332f;--canvas:#eee9df;--surface:#f9f6ef;--soft:#e4eee9;--line:#cec7ba;background:#eee9df}
body[data-app="craft"] .desktop-rail{background:#17332f}
body[data-app="craft"] .page-head h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em}
body[data-app="craft"] .stats{grid-template-columns:1.3fr repeat(3,1fr)}
body[data-app="craft"] .stat{border-radius:0;border-width:1px 0 0;background:transparent}
body[data-app="craft"] .toolbar,body[data-app="craft"] .panel{border-radius:0;background:#f9f6ef}
body[data-app="craft"] .records{grid-template-columns:1fr}
body[data-app="craft"] .record{grid-template-columns:130px minmax(0,1fr) auto;min-height:112px;border-width:0 0 1px;border-radius:0;background:transparent}
body[data-app="craft"] .record:before{grid-row:1/3;color:#147d75;font:700 13px monospace;content:"DESIGN / FIXED"}
body[data-app="craft"] .record:nth-child(2):before{content:"SHOPIFY / PROJECT"}body[data-app="craft"] .record:nth-child(3):before{content:"PRODUCT / HOURLY"}
body[data-app="craft"] .record h3,body[data-app="craft"] .record p{grid-column:2}
body[data-app="craft"] .record .status{grid-column:3;grid-row:1/3}

/* STOCKLINE — dense operational ledger. */
body[data-app="stockline"]{--ink:#172436;--canvas:#eaf0f6;--surface:#fff;--soft:#e9f1fb;--line:#cbd6e2;background:#eaf0f6}
body[data-app="stockline"] .desktop-rail{background:#152435}
body[data-app="stockline"] .workspace{max-width:none}
body[data-app="stockline"] .page-head h1{font-size:46px;letter-spacing:-.025em}
body[data-app="stockline"] .stats{gap:0;border:1px solid #cbd6e2;background:#fff}
body[data-app="stockline"] .stat{min-height:96px;border-width:0 1px 0 0;border-radius:0}body[data-app="stockline"] .stat:last-child{border-right:0}
body[data-app="stockline"] .toolbar,body[data-app="stockline"] .panel{border-radius:5px}
body[data-app="stockline"] .content-grid{grid-template-columns:minmax(0,2.4fr) minmax(280px,.65fr)}
body[data-app="stockline"] .records{display:block;border:1px solid #cbd6e2}
body[data-app="stockline"] .record{grid-template-columns:minmax(200px,1.2fr) minmax(180px,1fr) 120px;min-height:66px;border-width:0 0 1px;border-radius:0;background:#fff;align-items:center}
body[data-app="stockline"] .record:last-child{border-bottom:0}
body[data-app="stockline"] .record h3{font-family:ui-monospace,monospace}body[data-app="stockline"] .record p{grid-column:2;margin:0}body[data-app="stockline"] .record .status{grid-column:3;grid-row:1}

/* VOYAGE — airy destination board with scenic cards. */
body[data-app="voyage"]{--ink:#20333e;--canvas:#edf5f6;--surface:#fffdf8;--soft:#e7f0ef;--line:#d3e0df;background:linear-gradient(#d8eef3 0 240px,#edf5f6 240px)}
body[data-app="voyage"] .desktop-rail{background:#20333e}
body[data-app="voyage"] .desktop-top{background:#eef7f8e8}
body[data-app="voyage"] .page-head h1{font-family:Georgia,serif;font-weight:500}
body[data-app="voyage"] .stat{border:0;border-radius:22px;box-shadow:0 12px 35px #294e5b0c}
body[data-app="voyage"] .toolbar,body[data-app="voyage"] .panel{border:0;border-radius:24px;box-shadow:0 15px 45px #294e5b0d}
body[data-app="voyage"] .records{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-app="voyage"] .record{display:flex;min-height:270px;flex-direction:column;justify-content:flex-end;border:0;border-radius:18px;background:linear-gradient(180deg,#6cb4ca 0 42%,#d3a061 42% 50%,#fffdf8 50%)}
body[data-app="voyage"] .record:nth-child(2){background:linear-gradient(180deg,#68a7c4 0 42%,#dfb46c 42% 50%,#fffdf8 50%)}body[data-app="voyage"] .record:nth-child(3){background:linear-gradient(180deg,#7099b3 0 42%,#9f7550 42% 50%,#fffdf8 50%)}
body[data-app="voyage"] .record .status{align-self:flex-start;order:-1;margin-bottom:9px}

@media(max-width:1099px){body[data-app] .content-grid{grid-template-columns:1fr}body[data-app] .records{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-app="cliniq"] .records,body[data-app="stockline"] .records,body[data-app="craft"] .records,body[data-app="haven"] .records{grid-template-columns:1fr}body[data-app] .mobile-nav{bottom:70px}}
@media(max-width:640px){body[data-app] .stats{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-app] .records{grid-template-columns:1fr}body[data-app="haven"] .record{grid-template-columns:70px minmax(0,1fr)}body[data-app="haven"] .record .status{grid-column:2;grid-row:auto;justify-self:start}body[data-app="craft"] .record{grid-template-columns:1fr}body[data-app="craft"] .record:before,body[data-app="craft"] .record h3,body[data-app="craft"] .record p,body[data-app="craft"] .record .status{grid-column:1;grid-row:auto}body[data-app="stockline"] .record{grid-template-columns:1fr auto}body[data-app="stockline"] .record p{grid-column:1}body[data-app="stockline"] .record .status{grid-column:2;grid-row:1/3}body[data-app="entry"] .record,body[data-app="voyage"] .record,body[data-app="torque"] .record,body[data-app="ascend"] .record{min-height:230px}}