@font-face{font-family:Inter;src:url("fonts/Inter-var.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--accent:#0a6f62;--accent-tint:#e6f1ef;--accent-text-on:#ffffff;--ac:var(--accent);--act:var(--accent-tint);--acb:color-mix(in srgb,var(--accent) 30%,#fff);--acs:color-mix(in srgb,var(--accent) 5%,#fff);--brand:#1c1e24;--on-dark-link:#3fd0bb;--on-dark-label:#7fe3d4;--band:#141519;--band-glow:color-mix(in srgb,var(--accent) 22%,transparent)}
@page{size:3798px 5291px;margin:0}
*{box-sizing:border-box;margin:0;padding:0}
.ic{flex:none;vertical-align:-3px}
.sp{flex:1}
.lab{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b6f7b}
.meta{font-size:14px;color:#5c6070}
.mouse .meta{font-size:13px}
.card{background:#fff;border:1px solid #e6e7ec;border-radius:14px;padding:16px;margin-bottom:12px}
.sh{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:-8px}
.mouse .sh{min-height:32px;margin-top:-4px}
.sh .h{font-size:17px;font-weight:600}
.sh2{font-size:15px;font-weight:600;margin:12px 0 4px;padding-top:12px;border-top:1px solid #e6e7ec}
.sub{font-size:14px;color:#5c6070;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:12px;border:1px solid;font-size:12px;font-weight:600;white-space:nowrap}
.pill.un{color:#5c6070;border-color:#c9ccd4;background:#fff}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;border:1px solid;font-size:12px;font-weight:700;margin-left:8px}
.sw{display:inline-flex;background:#eceef2;border-radius:999px;padding:4px}
.sw span{flex:1;display:flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;color:#3a3d47;white-space:nowrap}
.sw.t{height:44px}
.sw.t span{height:38px;padding:0 16px;font-size:15px}
.sw.d{height:32px}
.sw.d span{height:26px;padding:0 12px;font-size:13px}
.sw span.on{background:var(--ac);color:#fff}
.sw.c{display:flex;width:max-content;margin:12px auto 0}
/* times / rows */
.ts{display:flex;flex-wrap:wrap;gap:12px 24px;padding:4px 0 12px}
.ts>div{display:flex;flex-direction:column;gap:2px}
.ts b{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}
.ir{display:flex;align-items:center;gap:12px;min-height:44px;border-top:1px solid #e6e7ec;padding:4px 0}
.mouse .ir{min-height:36px}
.ir .lab{width:96px;flex:none}
.phone .ir .lab{width:84px}
.ir .v{flex:1;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ir a,.lk{color:var(--ac);font-size:14px;font-weight:600;display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.mouse .ir a{min-height:28px}
.cs .csum{display:flex;align-items:center;gap:8px;font-size:15px;min-height:44px;white-space:nowrap;overflow:hidden}
.cs .csum i{font-style:normal;color:#9a9eab}
.csb{margin-top:8px;border-top:1px solid #e6e7ec;padding-top:12px}
.csb>.ts{padding-top:0}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.cols2>div>.ts{padding-top:0}
.cols2>div:last-child>.ir:first-child{border-top:none}
/* your day */
.big{margin:12px 0 4px;display:flex;flex-direction:column}
.bt{font-size:28px;font-weight:700}
.fields{display:flex;gap:12px 32px;margin-top:8px}
.fields.g2{display:grid;grid-template-columns:1fr 1fr}
.fields>div{display:flex;flex-direction:column;gap:2px}
.fields b{font-size:15px;font-weight:600}
.chips{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e6e7ec}
.chip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:32px;border-radius:16px;background:var(--act);color:var(--ac);font-weight:700;font-size:15px}
/* who's on */
.ch{display:flex;gap:32px;font-size:14px;color:#5c6070;margin:4px 0 8px}
.ch b{font-size:22px;font-weight:700;color:#1c1e24;margin-right:4px}
/* person */
.pr{display:flex;align-items:center;gap:0;min-height:52px;border-top:1px solid #e6e7ec;padding:4px 0}
.mouse .pr{min-height:40px}
.pn{width:40px;flex:none;font-variant-numeric:tabular-nums;color:#5c6070;font-size:14px}
.pm{flex:1;min-width:0}
.pl{display:flex;align-items:center;min-width:0;flex:1;white-space:nowrap}
.nm{font-size:15px;font-weight:600}
.rl{font-size:14px;color:#5c6070;margin-left:4px;overflow:hidden;text-overflow:ellipsis}
.pt{font-size:14px;color:#1c1e24;margin-top:2px;font-variant-numeric:tabular-nums}
.tcs{display:flex;gap:0;flex:none}
.tc{width:84px;display:flex;flex-direction:column}
.tc b{font-size:15px;font-weight:600}
.pr.grey .nm,.pr.grey .rl{color:#8a8f9c}
/* scenes */
.list{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.list.ol{gap:8px}
.scene{display:flex;border:1px solid #e6e7ec;border-left:3px solid;border-radius:12px;padding:12px 12px 12px 4px}
.scene.one{padding:8px 12px 8px 4px}
.grip{width:44px;flex:none;display:flex;justify-content:center;color:#9a9eab;padding-top:4px}
.mouse .grip{width:24px}
.sb{flex:1;min-width:0}
.scene:not(:has(.grip)) .sb{padding-left:12px}
.l1{display:flex;align-items:center;gap:8px;min-height:32px}
.l1 .no{font-size:17px;font-weight:700;min-width:36px;font-variant-numeric:tabular-nums}
.you{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-tint);border-radius:6px;padding:2px 4px}
.ie{font-size:12px;font-weight:700;color:#3a3d47;background:#eceef2;border-radius:6px;padding:2px 4px}
.l1 .meta{min-width:92px}
.sides{width:44px;height:44px;margin:-6px -8px -6px 0;display:flex;align-items:center;justify-content:center;color:#5c6070}
.mouse .sides{width:28px;height:28px;margin:0}
.ttl{font-size:15px;font-weight:600;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.one .ttl{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block}
.loc,.cast{font-size:14px;color:#5c6070;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.mouse .loc,.mouse .cast{font-size:13px}
.cast{color:#1c1e24}
.cast .lab{margin-right:4px}
.scene.done .ttl{text-decoration:line-through}
.det{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}
.dr{display:flex;gap:12px;font-size:15px;margin-bottom:8px}
.dr .lab{width:96px;flex:none;padding-top:2px}
.foot{font-size:13px;color:#5c6070;margin-top:12px}
.mb{margin-top:-4px}
/* costs */
.tbl{font-size:15px;margin-top:4px}
.th,.tr{display:grid;grid-template-columns:48px 1fr 70px 70px 70px 80px;align-items:center;min-height:40px;border-top:1px solid #e6e7ec}
.phone .th,.phone .tr{grid-template-columns:40px 1fr 48px 48px 52px 48px;font-size:14px}
.th{font-size:12px;font-weight:600;text-transform:uppercase;color:#6b6f7b;border-top:none}
.tr.ghost span:not(:empty),.tr.ghost span:nth-child(2){}
.tr.ghost span{height:10px;margin-right:16px;border-radius:5px;background:#f0f1f4}
.es{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e6e7ec;font-size:15px}
.btn{height:44px;padding:0 16px;border-radius:22px;border:1px solid #c9ccd4;background:#fff;font:600 15px Inter,Arial,sans-serif;color:#1c1e24}
.btn.pri{background:var(--ac);border-color:var(--ac);color:#fff}
.mouse .btn{height:36px}
/* day header */
.dh{padding-top:12px}
.dhr{display:flex;align-items:center;gap:8px}
.arr{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#3a3d47}
.dc{text-align:center}
.d1{font-size:13px;color:#5c6070}
.today{display:inline-block;font-size:12px;font-weight:600;color:var(--ac);border:1px solid var(--acb);border-radius:10px;padding:0 8px;margin-left:4px}
.d2{font-size:22px;font-weight:700}
.d2.away{padding:0 10px;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.nbr{font-size:13px;color:#5c6070;width:130px}
.nbr b{color:var(--ac)}
.nbr:last-child{text-align:right}
.frame{background:#f4f5f7;border:1px solid #c9ccd4;border-radius:18px;overflow:hidden;position:relative}
.fgrid{display:grid;grid-template-columns:auto auto;gap:24px;align-items:start}
.top{display:flex;align-items:center;height:52px;padding:0 8px 0 16px;background:#fff;border-bottom:1px solid #e6e7ec}
.pt1{font-size:17px;font-weight:700}
.tb{width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.content{padding:16px}
.phone .content{padding:12px 12px 8px}
.tabbar{display:flex;height:64px;background:#fff;border-top:1px solid #e6e7ec;padding-bottom:0}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#6b6f7b;font-size:12px}
.tab.on{color:var(--ac)}
.row{display:flex;align-items:stretch}
.rail{width:72px;flex:none;background:#fff;border-right:1px solid #e6e7ec;padding:12px 4px;display:flex;flex-direction:column;gap:4px}
.ri{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;border-radius:10px;color:#5c6070;font-size:12px;gap:2px}
.ri.on,.si.on{color:var(--ac);background:var(--act)}
.side{width:236px;flex:none;background:#fff;border-right:1px solid #e6e7ec;padding:12px}
.showsw{border:1px solid #e6e7ec;border-radius:12px;padding:8px 12px;margin-bottom:16px;display:flex;flex-direction:column}
.showsw .meta{font-size:12px}
.si{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:10px;font-size:15px;color:#3a3d47}
.mouse .si{height:36px}
.main{flex:1;min-width:0}
.crumb{display:flex;align-items:center;gap:16px;height:52px;padding:0 16px;font-size:15px;color:#5c6070}
.crumb b{color:#1c1e24}
.ipl .content>*,.desk .content>*{max-width:1100px}
.two{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;align-items:start}
/* component sheet */
.grid{display:grid;grid-template-columns:repeat(3,600px);gap:24px}
.blk{background:#f4f5f7;border-radius:14px;padding:16px}
.bt2{font-size:13px;font-weight:700;color:var(--ac);margin-bottom:8px}
.blk .card{margin-bottom:0}
.sti{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;margin-bottom:4px;font-size:15px;font-weight:600;border:1px solid #e6e7ec}
.strike{text-decoration:line-through}
.blk>.tag{margin:0 4px 4px 0}
.hits{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.hit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;outline:1.5px dashed var(--ac);outline-offset:0;border-radius:6px;padding:0 4px}
.picker{background:#fff;border:1px solid #e6e7ec;border-radius:14px;width:320px;overflow:hidden}
.po{display:flex;align-items:center;height:52px;padding:0 16px;border-top:1px solid #e6e7ec;color:var(--ac)}
.po:first-child{border-top:none}
.po.cancel{justify-content:center;font-weight:600;font-size:15px;color:#1c1e24;border-top:6px solid #f4f5f7}
.phone .cs .csum{flex-wrap:wrap;white-space:normal;row-gap:2px;padding:4px 0}
.nw{white-space:nowrap}
.phone .grip{width:28px}
.phone .l1{gap:4px}
.phone .l1 .meta{min-width:0}
.scene,.sti{position:relative;overflow:hidden}
.l1{min-width:0}
.l1 .meta{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l1 .pill{flex:none}
.l1 .meta{white-space:nowrap!important;flex-shrink:1}
.phone .l1 .no{min-width:0}
.wml{font-size:12px;font-weight:600;color:#6b6f7b;margin-left:8px}
.wm::after{content:'';position:absolute;right:56px;top:50%;width:84px;height:84px;transform:translateY(-50%);background-repeat:no-repeat;background-size:contain;opacity:.10;pointer-events:none}
.sti.wm::after{width:40px;height:40px;right:90px}
.wm-a::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1e24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.wm-b::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1e24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5v14l10-7zM18.5 5v14'/%3E%3C/svg%3E")}
.wm-play::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1e24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.5v15l12-7.5z'/%3E%3C/svg%3E")}
.wm-check::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1e24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5L19.5 7'/%3E%3C/svg%3E")}
.wm-pause::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1e24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 5v14M15.5 5v14'/%3E%3C/svg%3E")}
.wm-x::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1e24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E")}
.scene.rem .ttl{text-decoration:line-through}
.small .sti{padding:4px 8px;font-size:13px}
.ctr{font-size:13px;color:#1c1e24;margin-top:8px;line-height:1.5}
.dash{color:#9a9eab;font-weight:500}
.tcs.ph{margin-top:4px;gap:0}
.tcs.ph .tc{width:72px;flex-direction:row;align-items:baseline;gap:4px}
.tcs.ph .tc b{font-size:14px}
.tc .lab{font-size:12px}
.tcs.ph .tc{width:104px}
.tcs{margin-left:12px}
.pl{overflow:hidden}
.tcs.ph{margin-left:0}
.rbh{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;min-width:88px;flex:none;margin-left:auto}
.mouse .rbh{min-height:32px}
.rb{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;width:84px;border:1px solid var(--acb);background:var(--acs);color:var(--ac);border-radius:16px;font-size:14px;font-weight:600}
.hit .rbh{min-width:0;margin:0}
.cst{margin-top:8px;font-size:14px}
.cst .hr,.cst .r{display:grid;grid-template-columns:52px minmax(0,1fr) 52px 72px 56px 96px 44px;align-items:center;column-gap:8px}
.cst .hr{font-size:12px;font-weight:600;text-transform:uppercase;color:#6b6f7b;min-height:28px;border-bottom:1px solid #e6e7ec}
.cst .gp{font-size:12px;font-weight:600;letter-spacing:.04em;color:#6b6f7b;text-transform:uppercase;padding:8px 0 4px 60px}
.cst .r{min-height:48px;border-top:1px solid #e6e7ec;padding:4px 0;position:relative;overflow:hidden;border-left:3px solid #e6e7ec}
.mouse .cst .r{min-height:40px}
.cst .r .sc{font-weight:700;font-size:15px;padding-left:8px;font-variant-numeric:tabular-nums}
.cst .r .sd{min-width:0}
.cst .r .sd b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cst .r .sd span{display:block;font-size:14px;color:#3a3d47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cst .r .sides{margin:0}
.cst .r.wm::after{width:40px;height:40px;right:150px;opacity:.09}
.cst .r.done .sd span{text-decoration:line-through}
.cst .r.rem .sd span{text-decoration:line-through}
.cst .tot{display:flex;justify-content:flex-end;gap:8px;font-size:13px;color:#5c6070;padding-top:8px;border-top:1px solid #e6e7ec}
.phone .cst .hr{display:none}
.phone .cst .r{display:block;padding:4px 8px 4px 0}
.phone .cst .p1,.phone .cst .p2{display:flex;align-items:center;gap:8px;min-width:0}
.phone .cst .p1 b{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone .cst .p1 .m{font-size:13px;color:#5c6070;white-space:nowrap}
.phone .cst .p2 span.ds{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:44px}
.phone .cst .gp{padding-left:52px}
.phone .cst .r.done .ds{text-decoration:line-through}
.phone .cst .r.wm::after{right:60px}
.themes{display:flex;gap:24px;align-items:flex-start}
.thl{font-size:13px;line-height:1.5;width:390px;margin-bottom:8px;color:#1c1e24}
.thl b{color:var(--ac)}
.sw2{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:4px;border:1px solid #0002}
.brandside .showsw,.brandtop .top{background:var(--brand);color:#fff}
.brandtop .top .meta{color:#ffffffb0}
.cst .r.wm::after{right:auto;left:55%}
.phone .cst .r.wm::after{left:auto;right:120px}
.thl{min-height:150px}
/* v3 PersonRow (Martini layout) */
.pr3{border-top:1px solid #e6e7ec;padding:8px 0}
.pr3.open{background:var(--act);margin:0 -16px;padding:8px 16px;border-top-color:transparent}
.prg{display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:8px;align-items:start;min-height:36px}
.pn2{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pn2 b{font-size:15px;font-weight:800;color:var(--ac);font-variant-numeric:tabular-nums}
.pn2 .tag{margin-left:0}
.pw{min-width:0}
.pwl{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:4px}
.pwl .tag{margin:0 4px 0 0;align-self:center}
.pw .nm{font-size:15px;font-weight:700}
.pw .rl{margin-left:0;font-size:14px;color:#5c6070}
.tsl{display:grid;grid-template-columns:repeat(5,auto);justify-content:start;column-gap:12px;margin-top:4px}
.tsl.w{grid-template-columns:repeat(5,64px);margin-top:0}
.ts2{display:flex;flex-direction:column}
.ts2 i{font-style:normal;font-size:12px;font-weight:600;text-transform:uppercase;color:#6b6f7b;letter-spacing:.03em}
.ts2 b{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.ts2 b.dash{color:#9a9eab;font-weight:500}
.pdet{margin:8px 0 0 54px}
.pdet .dr{font-size:14px;margin-bottom:4px}
.pdet .dr .lab{width:72px}
.acts{display:flex;gap:8px;flex-wrap:wrap}
.acts .rbh{margin-left:0;min-width:0}
.cdept{margin:12px 0 2px;padding-top:8px;border-top:1px solid #e6e7ec;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ac)}
.cr3{padding:0}
.cr3.open{background:var(--act);margin:0 -16px;padding:0 16px 8px}
.crg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px;column-gap:8px;align-items:center;min-height:44px;border-top:1px solid #f0f1f4;font-size:15px}
.mouse .crg{min-height:34px}
.cdept+.cr3 .crg{border-top:0}
.crr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.crn{color:#5c6070;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crt{justify-self:end;font-weight:600;font-variant-numeric:tabular-nums}
.cr3 .pdet{margin-left:0}
/* one-liner as compact cards */
.cst2{margin-top:8px;display:flex;flex-direction:column;gap:4px;font-size:14px}
.hr2,.r2{display:grid;grid-template-columns:28px 44px minmax(0,1fr) 44px 64px 48px 96px 44px;align-items:center;column-gap:8px}
.mouse .hr2,.mouse .r2{grid-template-columns:24px 44px minmax(0,1fr) 44px 64px 48px 96px 32px}
.hr2{font-size:12px;font-weight:600;text-transform:uppercase;color:#6b6f7b;padding:0 12px 0 4px}
.r2{position:relative;overflow:hidden;border:1px solid #e6e7ec;border-left:3px solid;border-radius:10px;padding:4px 12px 4px 0;min-height:48px}
.mouse .r2{min-height:42px}
.r2 .grip{width:auto;padding-top:0}
.r2 .sc{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.r2 .sd{min-width:0}
.r2 .sd b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r2 .sd span{display:block;font-size:14px;color:#3a3d47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r2 .sides{margin:0;width:44px;height:40px}
.r2.wm::after{width:40px;height:40px;left:55%;right:auto;opacity:.10}
.r2.done .sd span,.r2.rem .sd span,.r2.done .ds,.r2.rem .ds{text-decoration:line-through}
.cst2 .tot{display:flex;justify-content:flex-end;gap:8px;font-size:13px;color:#5c6070;padding-top:4px}
.phone .r2{display:flex;padding:4px 8px 4px 0}
.phone .r2 .grip{width:28px;padding-top:4px;align-self:flex-start}
.phone .r2 .sb{flex:1;min-width:0}
.phone .p1,.phone .p2{display:flex;align-items:center;gap:8px;min-width:0}
.phone .p1 .sc{width:36px;flex:none}
.phone .p1 b{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone .p1 .m{font-size:13px;color:#5c6070;white-space:nowrap}
.phone .p2 .ds{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:44px}
.phone .p2 .sides{width:40px;height:40px}
.phone .r2.wm::after{left:auto;right:120px}
/* day nav cells */
.nbr2{font-size:13px;color:#5c6070;width:210px;line-height:1.45}
.nbr2 b{color:var(--ac)}
.nbr2.r{text-align:right}
.nbr2 .tag{margin-left:4px;height:18px;font-size:11px}
.mv{color:#8a5a00;font-weight:600}
/* costs */
.ne{color:#5c6070;font-weight:500;font-size:15px}
.al{display:flex;align-items:center;gap:12px;min-height:44px;border-top:1px solid #e6e7ec;font-size:15px}
.alt{width:120px;flex:none}
.v2{flex:1;min-width:0}
.cfg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px;margin:8px 0 0 54px}
.cfg.ph{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0}
.cf{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.qa .acts{justify-content:flex-start}
.qa{padding-top:8px;padding-bottom:8px}
.rb{width:auto;padding:0 12px;min-width:84px}
/* martini compare */
.mt{font-family:inherit;font-size:13.4px;line-height:1.35;color:#2b2520}
.mt .cs-p{display:grid;grid-template-columns:2.1em 1fr auto;gap:8px;padding:4px 0;border-top:1px dashed #d8d2c8}
.mt .cs-n{font-weight:800;color:#a5520f;text-align:right}
.mt .cs-who b{font-weight:700}
.mt .cs-name{color:#7a7068}
.mt .cs-times{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:2px;font-size:12.5px}
.mt .cs-times i{font-style:normal;color:#8f857b;font-size:11.2px;text-transform:uppercase}
.mt .cs-st{padding:1px 4px;border-radius:6px;border:1px solid #d8d2c8;font-size:11.2px;font-weight:800;color:#7a7068;height:max-content}
.mt .hold{background:#f0ede9;border-radius:8px;margin:2px -6px;padding:4px}
.mt .hold>*:not(.cs-st){opacity:.66}
.mt .cdm{margin:12px 0 4px;padding-top:8px;border-top:1px solid #e2b98f;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#a5520f}
.mt .crm{display:grid;grid-template-columns:1fr 1fr 4.2em;gap:8px;padding:4px 0 4px 8px;border-top:1px dashed #d8d2c8;font-size:14.4px}
.mt .crm span:nth-child(2){color:#7a7068}
.mt .crm b{justify-self:end;font-weight:600}
.mt .gen{display:flex;justify-content:space-between;padding:8px 8px;border-radius:10px;background:#fbefe2;border:1px solid #efd3b4}
.mt .gen b{color:#a5520f;font-weight:800;font-size:16.8px}
.mt .cla{display:flex;gap:4px;align-items:center;padding:4px 0;border-top:1px dashed #d8d2c8}
.mt .cla .who{flex:1}
.mt .ca{width:44px;height:44px;border-radius:50%;border:1px solid #dcae80;background:#f8e9da;color:#a5520f;display:inline-flex;align-items:center;justify-content:center}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cmp>div>.lab{display:block;margin-bottom:4px}
.rb{white-space:nowrap}
.cf{min-width:0}
.cf .lab{white-space:normal}
.blk.span2{grid-column:span 2}
.qa .acts .rb{width:auto!important}
.blk.span2{grid-column:span 2}
.thl{min-height:330px}
.des{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:12px;margin-top:2px}
.de i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px}
.de.bad{color:#b42318;font-weight:700}
.fl{font-size:13px;font-weight:600;margin-top:4px}
.tnote{font-size:14px;margin-top:16px;max-width:1500px}
.r2.wm::after{left:38%}
.phone .r2.wm::after{left:auto;right:120px}
.ib{width:44px;height:44px;border-radius:50%;border:1px solid var(--acb);background:var(--acs);color:var(--ac);display:inline-flex;align-items:center;justify-content:center}
.ibs{display:flex;gap:8px;margin-top:4px}
.vt{display:inline-flex;background:#eceef2;border-radius:999px;padding:4px;flex:none}
.vt span{display:flex;align-items:center;justify-content:center;border-radius:999px;color:#3a3d47}
.vt.t span{width:44px;height:38px}
.vt.d span{width:34px;height:26px}
.vt span.on{background:var(--ac);color:#fff}
.vt.t{height:44px}
.vt.d{height:32px}
.pn4{display:flex;align-items:center;gap:4px;justify-content:flex-end}
.pn4 .tag{margin:0}
.pn4 b{font-size:15px;font-weight:800;color:var(--ac);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}
.prg4{display:grid;grid-template-columns:76px minmax(0,1fr) auto;column-gap:8px;align-items:start;min-height:36px}
/* Martini cast rows */
.mr{border-top:1px solid #e6e7ec;padding:12px 0}
.mr.open{background:var(--act);margin:0 -16px;padding:12px 16px;border-top-color:transparent}
.ml1{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap}
.ml1 .tag{margin:0;align-self:center}
.mn{font-weight:800;color:var(--ac);font-size:15px;font-variant-numeric:tabular-nums;min-width:28px;text-align:right}
.mc{font-weight:700;font-size:15px;text-transform:uppercase}
.ma{color:#5c6070;font-size:14px;overflow:hidden;text-overflow:ellipsis}
.ml2{display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 0 72px;font-size:14px}
.ml2.note{color:#5c6070}
.mt2 i{font-style:normal;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#6b6f7b}
.mt2 b{font-weight:600;font-variant-numeric:tabular-nums}
.mdet{margin:8px 0 0 72px}
.mtg{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px 12px;margin-bottom:8px}
.mtg div{display:flex;flex-direction:column}
.mtg span{font-size:12px;font-weight:600;text-transform:uppercase;color:#6b6f7b}
.mtg b{font-size:15px;font-weight:600}
.mdet .dr{font-size:14px;margin-bottom:4px}
.mdet .dr .lab{width:72px}
.fold{display:flex;align-items:center;gap:8px;min-height:44px;border-top:1px solid #e6e7ec;font-size:15px;white-space:nowrap;overflow:hidden}
.fold .cnt{font-weight:700;color:var(--ac)}
.fold .meta{overflow:hidden;text-overflow:ellipsis}
.cmp3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pv{width:360px;margin-top:4px}
.pv.w{width:560px;margin-top:8px}
.cmp3 .pv.w{width:100%}
.cmp3 .pv{width:100%}
.cmp3 .sw.t span{padding:0 8px}
/* Martini-matched cast rows (measured from martini-cast-phone.png) */
.mlist{margin-top:4px}
.mr{display:grid;grid-template-columns:auto 30px minmax(0,1fr);column-gap:8px;align-items:start;padding:8px 0 8px;min-height:48px;border-top:1px dashed #dcdde3}
.mlist .mr:first-child{border-top:0}
.mr.open{margin:0 -16px;padding:8px 16px 8px}
.mtag{padding-top:0;min-width:34px;display:flex;justify-content:flex-start}
.mtag .tag{margin:0}
.mr .mn{text-align:right;line-height:22px;min-width:0}
.mb2{min-width:0}
.ml1{display:block;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml2{margin:2px 0 0 0;line-height:20px;gap:0 12px}
.mdet{margin:8px 0 0 0}
.csum2{font-size:14px;color:#5c6070;white-space:nowrap}
.csum2 b{color:#1c1e24;font-weight:700}
.fold{min-height:48px;border-top:1px solid #e6e7ec}
.fold b{font-size:15px;font-weight:700}
.fold .cnt{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:12px;background:var(--act);color:var(--ac);font-size:13px;font-weight:700}
.mtag .tag{height:22px}
.cc{display:flex;gap:24px;align-items:flex-start}
.cc img{width:430px;border:1px solid #e6e7ec;border-radius:12px}
.csum2{font-size:13px}
.mr{padding:4px 0 4px;column-gap:4px;grid-template-columns:auto 28px minmax(0,1fr)}
.mr .mn,.ml1{line-height:20px}
.ml2{margin-top:1px;line-height:18px;gap:0 12px;font-size:14px}
.ml2 .mt2 b{font-size:14px}
.mtag{min-width:0}
.mr.open{padding:4px 16px 8px}
.card .sh .csum2{margin-left:auto}
.ml2{gap:0 8px}
.mt2 i{letter-spacing:0}
.mr{column-gap:4px}
.mb2{container-type:inline-size;min-width:0}
.fsg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:4px;margin-top:2px}
.fs{display:flex;flex-direction:column;min-width:0}
.fs i{font-style:normal;font-size:12px;line-height:14px;color:#5c6070;letter-spacing:0;text-transform:uppercase;white-space:nowrap}
.fs b{font-size:14px;line-height:18px;font-weight:700;white-space:nowrap}
.fs b.dash{color:#8a8f9c;font-weight:400}
.mnote{color:#5c6070;font-size:14px}
@container (min-width:600px){.fs{flex-direction:row;gap:4px;align-items:baseline}.fs i{line-height:18px}.fsg{column-gap:12px}}
.mr{container-type:inline-size;grid-template-columns:40px 28px minmax(0,1fr)}
.mr .mtag{justify-self:start}
.mr>.fsg{grid-column:1/-1;margin-top:2px}
.fs b{font-size:14px}
@container (min-width:600px){.mr>.fsg{grid-column:3/-1}}
.vseg{display:inline-flex;background:#eceef2;border-radius:999px;padding:4px;gap:2px;flex:none}
.vseg span{display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;font-size:14px;font-weight:600;color:#3a3f4c;white-space:nowrap}
.vseg.t span{min-height:38px}
.vseg.t{min-height:44px;box-sizing:border-box}
.vseg.d span{min-height:28px}
.vseg span.on{background:#fff;color:var(--ac);box-shadow:0 1px 2px rgba(20,24,40,.18)}
.mr{grid-template-columns:44px 28px minmax(0,1fr);column-gap:4px}
.mr>.fsg{grid-column:2/-1}
@container (min-width:600px){.mr>.fsg{grid-column:3/-1}}
.fsg{column-gap:2px}
.ml1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mr.open .ml1{white-space:normal;overflow:visible}
.mr .mn{justify-self:start;text-align:left}
.fsg{grid-template-columns:1fr 1fr 1fr 1.2fr 1fr;column-gap:4px}
.tsl:not(.w){grid-template-columns:1fr 1fr 1fr 1.2fr 1fr;column-gap:4px;width:100%}
.pw{min-width:0}
.ts2{min-width:0}
.ts2 i{letter-spacing:0}
.tsl.w{grid-template-columns:64px 64px 64px 76px 64px}
.prg4{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}
.tsl.pfull{grid-column:1/-1;padding-left:44px;box-sizing:border-box;margin-top:2px}
.ts2{text-align:left;align-items:flex-start}
/* Oct 21 2026 Jason: person-row type one step down (exception to 15/12 minimum) */
.mc,.nm{font-size:14px}
.ma,.rl,.mnote{font-size:14px}
.mn,.pn4 b{font-size:14px}
.fs i,.ts2 i{font-size:11px}
.fs b,.ts2 b{font-size:13px}
.mtg span{font-size:11px}
.mtg b{font-size:14px}
.vtg{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.vtl{display:inline-block;width:68px;text-align:right;font-size:12px;font-weight:600;color:#5c6070;white-space:nowrap}
.vt span.on{background:var(--accent);color:var(--accent-text-on)}
.brandside .showsw,.brandtop .top{background:var(--accent);color:var(--accent-text-on)}
/* Default theme header (Oct 21 2026 Jason): all device top bars from --accent */
.top,.crumb,.showsw{background:var(--accent)!important;color:var(--accent-text-on)!important}
.top .meta,.showsw .meta{color:color-mix(in srgb,var(--accent-text-on) 72%,transparent)!important}
.crumb b,.showsw b,.top .pt1{color:var(--accent-text-on)!important}
.top svg,.crumb svg{color:var(--accent-text-on);stroke:currentColor}
.themes.c4{display:grid;grid-template-columns:repeat(4,max-content);gap:24px}
.thl{max-width:400px}
.themes.c5{display:grid;grid-template-columns:repeat(5,max-content);gap:24px}
/* v5 Today one page + Money (Oct 21 2026 Jason) */
.red{color:#b42318}
.ydl .ydot{font-size:14px;font-weight:600;margin:4px 0 0 50px}
.exl{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8a1c12;background:#fdecea;border-radius:8px;padding:4px 8px;margin:-2px 0 8px}
.stt{font-size:13px;font-weight:700;color:#3a3d47;border:1px solid #c9ccd4;border-radius:999px;padding:4px 8px}
.mtot{display:flex;align-items:baseline;justify-content:space-between;padding:4px 0 8px}
.mtot b{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}
.mln{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start;padding:8px 0;min-height:44px;border-top:1px solid #e6e7ec}
.mln.open{background:var(--acs);margin:0 -16px;padding:8px 16px}
.mla{display:flex;flex-direction:column;min-width:0;gap:2px}
.mlt{font-size:15px;font-weight:600}
.mls{font-size:13px;color:#5c6070}
.mla .red{font-size:13px;font-weight:600}
.mexp{font-size:14px;color:#3a3d47;margin-top:4px;line-height:20px}
.mlv{text-align:right;font-variant-numeric:tabular-nums;font-size:15px;white-space:nowrap}
.gsg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:8px;padding:4px 0 4px}
.gsg .fs b{font-size:14px}
.gsg .fs b.red{font-size:13px;white-space:normal}
.gin{display:block;border:1px solid #c9ccd4;border-radius:8px;padding:0 8px;min-height:44px;line-height:42px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.mouse .gin{min-height:32px;line-height:30px}
.cpr{display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:4px;align-items:start;padding:8px 0;min-height:48px;border-top:1px dashed #dcdde3}
.cpr.open{background:var(--acs);margin:0 -16px;padding:8px 16px}
.cpr .cbd{grid-column:2/-1;margin-top:4px}
.vact{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #e6e7ec;margin-top:4px}
.vact .btn{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:var(--accent-text-on);border-radius:999px;padding:0 16px;font-weight:700;font-size:15px}
.vact .btn.t{min-height:44px}
.vact .btn.d{min-height:32px;font-size:14px}
.foot{margin-top:8px}
.vact .btn{white-space:nowrap}
.frame:not(.phone) .prg4{grid-template-columns:76px minmax(0,1fr) auto;column-gap:8px}
/* v6 Your day card */
.ydh{cursor:pointer;min-height:44px}
.ydtrack{overflow:hidden}
.ydtrack.two{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.ydtrack.two .ydpan+.ydpan{border-left:1px solid #e6e7ec;padding-left:16px}
.ydpan{height:236px;overflow:hidden;display:flex;flex-direction:column}
.ydr{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:4px;align-items:start}
.ydw{display:flex;flex-direction:column;min-width:0}
.ydrole{font-size:15px;font-weight:700}
.ydrole .mn{margin-right:4px}
.ydname{font-size:14px;color:#5c6070;line-height:20px}
.ydg{margin:8px 0 0 50px}
.ydpan .ydot{margin:8px 0 0 50px;font-size:14px;font-weight:600}
.pl2{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;padding:4px 0;border-top:1px solid #f0f1f4}
.pl2 b{font-variant-numeric:tabular-nums}
.pay .mtot{padding:2px 0 4px}
.pay .mtot b{font-size:24px}
.pay .exl{margin:0 0 4px}
.pal{font-size:14px;font-weight:600;padding-top:4px}
.dots{display:flex;justify-content:center;gap:8px;padding:8px 0 2px}
.dots span{width:7px;height:7px;border-radius:50%;background:#c9ccd4}
.dots span.on{background:var(--accent)}
.dots.tap{gap:0}
.dots.tap span{box-sizing:content-box;border:13px solid transparent;background-clip:padding-box}
.yddet{border-top:1px solid #e6e7ec;margin-top:8px}
.disc{font-size:13px;color:#5c6070;text-align:center;padding:12px 8px 16px}
.bsw{display:flex;justify-content:center;padding:8px}
.mtg{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px 4px}
.mtg b{white-space:nowrap}
.ir .lab{white-space:nowrap}
@container (max-width:599px){.mtg{gap:4px}.mtg b{font-size:12px;letter-spacing:-.1px}.mtg span{font-size:10px}}
/* v7 */
*{font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;font-variant-numeric:tabular-nums}
.top,.crumb,.showsw{background:color-mix(in srgb,var(--accent) 7%,#fff)!important;color:#1c1e24!important;border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,#fff)!important}
.showsw{border:0!important;border-radius:8px!important}
.top .meta,.showsw .meta{color:var(--accent)!important}
.crumb b,.showsw b,.top .pt1{color:#1c1e24!important}
.top svg,.crumb svg{color:var(--accent)!important}
.mk{width:24px;height:24px;border-radius:6px;flex:none;margin-right:-4px}
.scene{border-top:0!important;border-right:0!important;border-left-width:3px!important;border-left-style:solid!important;border-bottom:1px solid #e6e7ec!important;border-radius:0!important;margin:0!important}
.scene:last-child{border-bottom:0!important}
.ir .lab{width:auto!important;min-width:84px}
.mr,.cpr{border-top-style:solid!important;border-top-color:#e6e7ec!important}
.mnote{border-left:2px solid var(--accent);padding:4px 12px;margin:8px 0;font-size:13px;line-height:1.5;color:#1c1e24}
.mnote b{color:var(--accent)}
.mtab{border-collapse:collapse;font-size:14px;width:100%}
.mtab td,.mtab th{border-bottom:1px solid #e6e7ec;padding:8px 12px;text-align:left;vertical-align:top}
.mtab th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#5c6070}
.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:#1c1e24;font-size:15px}
.empty svg{color:var(--accent)}
.sgn{width:340px;background:#fff;border:1px solid #e6e7ec;border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;gap:12px}
.sgn .mk2{width:56px;height:56px;border-radius:14px;align-self:center}
.sgn h2{font-size:22px;text-align:center}
.sgn .sub{text-align:center;color:#5c6070;font-size:14px;margin-bottom:8px}
.sgn label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#5c6070}
.sgn .in{height:44px;border:1px solid #c9ccd4;border-radius:10px;padding:0 12px;display:flex;align-items:center;color:#1c1e24;font-size:15px}
.sgn .bt{height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px}
.sgn .p{background:var(--accent);color:#fff}
.sgn .g{border:1px solid #c9ccd4;color:#1c1e24;gap:8px}
.sgn .or{display:flex;align-items:center;gap:8px;color:#5c6070;font-size:12px}
.sgn .or::before,.sgn .or::after{content:"";flex:1;border-top:1px solid #e6e7ec}
.mouse .sgn .in,.mouse .sgn .bt{height:40px}
.dkrow{display:flex;gap:32px;align-items:flex-start}
.dpal{border-collapse:collapse;font-size:13px;margin-bottom:24px}
.dpal td,.dpal th{padding:8px 12px;border-bottom:1px solid #e6e7ec;text-align:left}
.dpal .chip{display:inline-flex;height:24px;align-items:center;padding:0 10px;border-radius:12px;font-weight:600;font-size:12px;border:1px solid}
/* v8 */
.top,.crumb,.showsw{background:color-mix(in srgb,var(--accent) 12%,#fff)!important;border-bottom-color:color-mix(in srgb,var(--accent) 24%,#fff)!important}
.rmk{display:flex;justify-content:center;padding:4px 0 12px}
.rmk img{width:32px;height:32px;border-radius:8px}
.smk{display:flex;align-items:center;gap:8px;padding:4px 4px 12px;font-size:16px;font-weight:700}
.smk img{width:28px;height:28px;border-radius:7px}
.ydfull{height:390px;overflow:hidden;display:flex;flex-direction:column}
.ydfull>.ydpan{height:236px;flex:none}
.mouse .ydfull{height:374px}
.ydfull>.ydpan.pay{height:auto;flex:1}
.ydtrack.two{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.ydtrack.two .ydfull+.ydfull{border-left:1px solid #e6e7ec;padding-left:24px}
.ydtrack.two .ydpan+.ydpan{border-left:0;padding-left:0}
.hrs{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;padding:4px 0 6px}
.hrs b{font-weight:700}
.hrs span{color:#5c6070}
.gup{display:flex;align-items:center;gap:8px;padding-top:8px;margin-top:auto;border-top:1px solid #e6e7ec}
.gl{display:flex;flex-direction:column;flex:1;min-width:0}
.gl b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gl span{font-size:13px;color:#5c6070;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gbt{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;white-space:nowrap;flex:none}
.gbt2{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 8px;color:var(--accent);font-weight:600;font-size:13px;white-space:nowrap;flex:none}
.mouse .gbt,.mouse .gbt2{height:32px}
.gth{position:relative;width:44px;height:52px;flex:none}
.gth i{position:absolute;width:34px;height:42px;border-radius:4px;background:#fff;border:1px solid color-mix(in srgb,var(--accent) 35%,#fff);background-image:repeating-linear-gradient(180deg,transparent 0 7px,color-mix(in srgb,var(--accent) 22%,#fff) 7px 8px);background-clip:padding-box;background-origin:content-box;padding:6px 5px;box-sizing:border-box}
.gth i:first-child{left:8px;top:8px}
.gth i:last-child{left:0;top:0}
.gup.in{border-top:0;margin-top:4px;padding-top:4px}
/* v9 */
.ydfull,.mouse .ydfull{height:auto!important;overflow:visible}
.ydfull>.ydpan,.ydfull>.ydpan.pay{height:auto!important;flex:none}
.ydpan{height:auto!important}
.ydpan .ydot{margin-bottom:8px}
.ydtrack.three{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:0 16px}
.ydtrack.three .ydfull+.ydfull{border-left:1px solid #e6e7ec;padding-left:16px}
.ydtrack.three .ydg{margin-left:50px}
.ydtrack.three .fsg{column-gap:8px}
.ydtrack.three .hrs{flex-wrap:wrap}
.ydfold{padding-bottom:4px}
.sh{margin:8px 0 8px!important;min-height:44px;border-bottom:1px solid #e6e7ec;padding-bottom:8px}
.mouse .sh{min-height:32px}
.sh .h{font-size:15px!important;font-weight:600!important;color:#1c1e24!important;text-transform:none!important;letter-spacing:0!important}
.sh>.meta,.sh>.stt+.meta{margin-left:auto;font-size:13px;color:#5c6070;font-variant-numeric:tabular-nums}
.sh9{display:flex;align-items:baseline;gap:8px;margin:24px 0 8px;padding-bottom:8px;border-bottom:1px solid #e6e7ec;font-size:15px;font-weight:600;color:#1c1e24}
.sh9 .meta{margin-left:auto;font-size:13px;font-weight:400;color:#5c6070}
.sh9+.mln,.sh9+.cpr,.sh9+.gsg,.sh9+.exg{border-top:0!important}
.exg{display:flex;align-items:center;gap:12px;padding:8px 0 0;margin-top:auto;border-top:1px solid #e6e7ec}
.exg.in{border-top:0;padding-top:0}
.exg .gl b{font-size:14px}
.exg .gl span{white-space:normal}
.rvp .mt.red{color:#b42318}
.opt:first-child{border-top:0}
.st+.opt{border-top:0}
.ibt{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 18px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;white-space:nowrap;flex:none}
.mouse .ibt{height:32px;padding:0 14px}
.exst{font-size:14px;font-weight:600}
.tdr{display:flex;align-items:baseline;gap:6px;min-height:44px;padding:12px 0;border-top:1px solid #e6e7ec;font-size:14px;flex-wrap:wrap}
.mouse .tdr{min-height:32px;padding:8px 0}
.tdr .tda{color:var(--accent);font-weight:700}
.tdr .tdt{color:#1c1e24}
.tdr .mls{flex-basis:100%;font-size:13px;color:#5c6070}
.sheet{background:#fff;border-radius:16px 16px 0 0;border-top:1px solid #e6e7ec;padding:8px 16px 24px;margin:0 -16px -16px}
.sheet .sgr{display:block;width:36px;height:5px;border-radius:3px;background:#c9ccd4;margin:0 auto 12px}
.sheet .st{font-size:17px;font-weight:700;margin-bottom:8px}
.opt{display:flex;align-items:center;gap:12px;min-height:52px;border-top:1px solid #e6e7ec;font-size:16px}
.opt svg{color:var(--accent)}
.opt.first b{font-weight:700}
.opt.cx{justify-content:center;color:var(--accent);font-weight:600}
.rvh{display:flex;align-items:center;height:52px;padding:0 16px;border-bottom:1px solid #e6e7ec;background:color-mix(in srgb,var(--accent) 12%,#fff)}
.rvh .a{color:var(--accent);font-weight:600;font-size:16px;min-width:64px;min-height:44px;display:flex;align-items:center}
.rvh .a.r{justify-content:flex-end;font-weight:700}
.rvh .t{flex:1;text-align:center;font-weight:700;font-size:16px}
.rvp{padding:12px 0;border-top:1px solid #e6e7ec}
.rvp .rh{display:flex;align-items:baseline;gap:8px}
.rvp .rh b{font-size:15px}
.rvp .mt{margin-left:auto;font-size:13px;color:#5c6070}
.rvp .fx{color:var(--accent);font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.msr{display:flex;align-items:center;gap:12px;min-height:56px;border-top:1px solid #e6e7ec;padding:8px 0}
.msr .w{flex:1;display:flex;flex-direction:column}
.msr .w b{font-size:15px}
.msr .w span{font-size:13px;color:#5c6070}
.msr .rl{font-size:13px;font-weight:700;color:var(--accent)}
.msr.cur .w b::after{content:""}
.vo{font-size:12px;font-weight:700;color:#5c6070;border:1px solid #c9ccd4;border-radius:999px;padding:2px 8px}
.ba{display:flex;gap:32px;align-items:flex-start}
.ba img{width:416px;border-radius:0}
.ann{font-size:13px;line-height:1.5;color:#1c1e24;max-width:900px;margin:4px 0 12px}
.ann b{color:var(--accent)}
.tbk{color:var(--accent);font-weight:600;font-size:15px;min-height:44px;display:flex;align-items:center;margin-right:8px}
/* v10 */
.ydh .h{font-size:17px!important;font-weight:600!important}
.ydh .ic{color:#5c6070}
.ydrole{font-size:15px!important}
.pl2{padding:8px 0!important}
.hrs{padding:8px 0!important}
.mln{padding-top:16px!important;padding-bottom:16px!important}
.cpr{padding-top:16px!important;padding-bottom:16px!important}
.mlt{font-weight:400!important}
.sh+*,.sh9+*,.sh+.ydtrack .ydpan>*:first-child{border-top:0!important}
.sh+.cdept{border-top:0!important;padding-top:0!important}
.cdept{margin:24px 0 8px!important;padding-top:0!important;border-top:0!important}
.cdept+.cr3 .crg,.cdept+.crg{border-top:0!important}
.phd{display:flex;align-items:center;gap:12px;min-width:0}
.phd .ic{flex:none}
.phd .pt1{font-size:17px;font-weight:700}
.phd .meta{font-size:13px}
.crumb.ph2{height:auto;min-height:64px;padding:8px 20px;color:#1c1e24}
.crumb.ph2 .pt1{font-size:20px;font-weight:700;color:#1c1e24}
.crumb.ph2 .meta{font-size:14px;color:#5c6070}
.later{font-size:13px;color:#5c6070;margin-top:8px}
.cdept{margin:16px 0 4px!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;font-variant-caps:small-caps;color:#1c1e24!important}
.crn{font-weight:400!important}
.b09 .cdept{margin:14px 0 2px!important;padding-top:8px!important;border-top:1px solid #e6e7ec!important;font-size:12px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;font-variant-caps:normal;color:var(--ac)!important}
.b09 .sh+*{border-top:1px solid #e6e7ec!important}
.chips{margin-top:0!important;padding-top:8px!important;padding-bottom:8px!important;min-height:44px}
.mlt,.pl2>span:first-child{font-size:15px!important;font-weight:500!important;color:#1c1e24!important}
.mlv,.mlv b:not(.red),.pl2 b:not(.red){font-variant-numeric:tabular-nums;color:#1c1e24}
.mls{font-size:13px!important;color:#5c6070!important}
.hrs>span:first-child{font-size:15px;font-weight:500;color:#1c1e24}
.cdept{font-size:15px!important;font-weight:600!important;font-variant-caps:normal!important;color:var(--accent)!important;margin:16px 0 4px!important;border:0!important;padding:0!important}
.b10 .cdept{font-size:13px!important;font-variant-caps:small-caps!important;color:#1c1e24!important}
.exl{display:none!important}
/* vertical rhythm: one source of space per edge */
.card{padding:16px!important}
.content>.card,.content>div>.card,.two>.card,.two>div>.card{margin:0 0 8px!important}
.sh{margin:0 0 8px!important;padding:0 0 8px!important;min-height:0!important;position:relative}
.sh::after{content:"";position:absolute;left:0;right:0;top:-12px;bottom:-4px}
.sh+*{margin-top:0!important}
.sh+.mlist>*:first-child,.sh+.ydtrack>*:first-child{margin-top:0!important}
.sh .meta[style],.sh+.meta{margin-bottom:0!important}
/* department header options */
.cdept{display:flex!important;align-items:center;font-size:16px!important;font-weight:600!important;color:var(--accent)!important;margin:16px 0 4px!important;padding:0!important;border:0!important;font-variant-caps:normal!important;text-transform:none!important;letter-spacing:0!important}
.cdept>span:first-child{border-left:3px solid var(--accent);padding-left:8px;line-height:20px}
.cdept .cnt9{margin-left:auto;font-size:13px;font-weight:400;color:#5c6070;font-variant-numeric:tabular-nums}
.optB .cdept{color:#1c1e24!important;background:color-mix(in srgb,var(--accent) 8%,#fff);margin:16px -16px 4px!important;padding:8px 16px!important}
.optB .cdept>span:first-child{border-left:0;padding-left:0}
.cdept+.cr3 .crg{border-top:0!important}
/* page header = card header */
.phd .pt1{font-size:17px!important;font-weight:600!important}
.phd .meta{font-size:15px!important;color:#5c6070!important}
.crumb.ph2 .pt1{font-size:17px!important;font-weight:600!important}
.crumb.ph2 .meta{font-size:15px!important}
.top:has(.phd){height:auto;min-height:64px;padding:8px 8px 8px 16px}
.phd .ic{color:#5c6070}
.mgh{font-size:13px;font-weight:600;color:#5c6070;margin:16px 4px 8px}
.mgh:first-child{margin-top:4px}
.foot12{font-size:12px;color:#5c6070;margin-top:24px}
.wkh{display:flex;align-items:baseline;gap:8px;padding:12px 0;border-top:1px solid #e6e7ec;cursor:pointer;min-height:44px;box-sizing:border-box}
.wkh b{font-size:15px;font-weight:600}
.wkh .wm2{margin-left:auto;font-size:13px;color:#5c6070;font-variant-numeric:tabular-nums;white-space:nowrap}
.sh+.wkh{border-top:0}
.wkd{display:flex;align-items:baseline;gap:8px;padding:8px 0 8px 12px;font-size:15px}
.wkd span{color:#1c1e24;font-weight:500}
.wkd i{font-style:normal;font-size:13px;color:#5c6070}
.wkd b{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}
.wkb{padding-bottom:8px}
.wkd.w1{padding-left:0}
.mnh{display:flex;align-items:baseline;gap:8px;padding:12px 0;border-top:1px solid #e6e7ec;min-height:44px;box-sizing:border-box}
.mnh b{font-size:15px;font-weight:600;color:var(--accent)}
.mnh .wm2{margin-left:auto;font-size:13px;color:#5c6070;font-variant-numeric:tabular-nums}
.sh+.mnh{border-top:0}
.mnb{padding-left:12px}
.cdept{color:#1c1e24!important;background:color-mix(in srgb,var(--accent) 8%,#fff)!important;margin:16px -16px 4px!important;padding:8px 16px!important}
.cdept>span:first-child{border-left:0!important;padding-left:0!important}
.pen b,.pen .mlv b,b.pen{color:#b42318!important}
.rev{background:#fdf6dc!important;margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}
.etl{font-size:14px;color:#5c6070;margin-top:8px;font-variant-numeric:tabular-nums}
.etl .near{color:#86692a;font-weight:600}
/* More rows */
.mcard{padding:0 16px!important}
.mcard .opt{min-height:44px!important;padding:8px 0!important;box-sizing:border-box;border-top:1px solid #e6e7ec!important;font-size:16px}
.mcard .opt:first-child{border-top:0!important}
.mgh{margin:24px 4px 8px!important}
.mgh:first-child{margin-top:8px!important}
/* iPad master-detail */
.md{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}
.md .wkd.sel{background:color-mix(in srgb,var(--accent) 10%,#fff);border-radius:8px}
.md .wkd i{white-space:nowrap}
.md .wkd span{white-space:nowrap}
.md .wkd{display:grid!important;grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding:8px}
.md .wkd span{grid-column:1;grid-row:1}
.md .wkd b{grid-column:2;grid-row:1}
.md .wkd i{grid-column:1;grid-row:2}
.md .wkb{margin-left:0}
.drw{display:flex;align-items:baseline;gap:12px;min-height:44px;box-sizing:border-box;padding:8px 0;border-top:1px solid #e6e7ec}
.drw:first-of-type{border-top:0}
.drw .l{white-space:nowrap;font-size:15px;font-weight:500;color:#1c1e24}
.drw .v{margin-left:auto;font-size:15px;color:var(--accent);font-weight:600;text-align:right}
.drw .v.ns{color:#5c6070;font-weight:400}
.drw .v.ov{color:#1c1e24}
.drn{font-size:13px;color:#5c6070;padding:4px 0 8px}
.rla{font-size:13px;color:#5c6070;margin:-4px 0 8px}
/* Cast + Crew rows: one rhythm */
.mr{padding:8px 0!important;min-height:44px!important;box-sizing:border-box;border-top:1px solid #e6e7ec!important}
.mr.open{padding:8px 16px!important}
.mlist>.mr:first-child,.cdept+.mr{border-top:0!important}
.cr3{border-top:1px solid #e6e7ec}
.cr3 .crg{min-height:44px!important;padding:8px 0;box-sizing:border-box}
.cdept{margin:16px -16px 0!important}
.cdept+.cr3,.sh+.ir+.cdept{border-top:0!important}
.ir+.cdept{margin-top:16px!important}
.cr3.open{padding:0 16px 8px!important}
.fold{min-height:44px!important;padding:8px 0;box-sizing:border-box}
/* read-only rule rows */
.rr{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);column-gap:12px;padding:8px 0;min-height:44px;box-sizing:border-box;border-top:1px solid #e6e7ec;align-items:baseline}
.sh+.rr{border-top:0}
.rr .l{font-size:15px;font-weight:500;color:#1c1e24}
.rr .v{font-size:14px;color:#1c1e24;font-variant-numeric:tabular-nums}
.rr .v small{display:block;font-size:13px;color:#5c6070;margin-top:2px}
.rr.warn .v{color:#b42318}
.ovr{padding:8px 0;border-top:1px solid #e6e7ec;min-height:44px;box-sizing:border-box}
.sh9+.ovr{border-top:0}
.ovr .l{font-size:15px;font-weight:500;color:#1c1e24;display:flex;align-items:center;min-height:28px}
.ovr .l .sw9{margin-left:auto}
.seg9{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.seg9 span{font-size:14px;border:1px solid #c9ccd4;border-radius:999px;padding:0 12px;min-height:36px;display:inline-flex;align-items:center}
.seg9 span.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.sw9{width:44px;height:26px;border-radius:13px;background:#c9ccd4;position:relative;display:inline-block}
.sw9::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff}
.sw9.on{background:var(--accent)}
.sw9.on::after{left:21px}
/* full G fields */
.gfg{margin-top:8px}
.gfg .gh{font-size:13px;font-weight:600;color:#1c1e24;margin:12px 0 4px}
.gfg .gh:first-child{margin-top:0}
.gfg .gr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:4px}
.gfg .gc{display:flex;flex-direction:column;padding:4px 0}
.gfg .gc i{font-style:normal;font-size:12px;color:#5c6070}
.gfg .gc b{font-size:15px;font-variant-numeric:tabular-nums;font-weight:600}
.gfg .gc b.e{color:#8a8f9c;font-weight:400}
.ctf{display:flex;gap:16px;font-size:13px;color:#5c6070;margin:4px 0 8px}
.ctf b{color:#1c1e24;font-weight:600}
.cdept{margin:8px -16px 0!important}
.ir+.cdept{margin-top:8px!important}
.gfg+.exg{margin-top:12px}
/* equal header spacing: 16 above / 16 below (text to text) */
.sh,.sh9{padding-bottom:8px!important;margin-bottom:7px!important;border-bottom:1px solid #e6e7ec!important}
.sh9{margin-top:8px!important}
.sh+*,.sh9+*{margin-top:0!important;padding-top:0!important;border-top:0!important}
.sh+*>*:first-child,.sh9+*>*:first-child,.sh+*>*:first-child>*:first-child,.sh+*>*:first-child>*:first-child>*:first-child{margin-top:0!important;padding-top:0!important;border-top:0!important}
.sh+.mtot,.sh9+.mtot{padding-top:0!important}
.rlink{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-weight:600;font-size:15px;margin:0 0 8px 4px}
.ovr .l .val{margin-left:auto;color:var(--accent);font-weight:600}
.drsum{display:flex;align-items:baseline;gap:8px;min-height:44px;box-sizing:border-box;padding:8px 0;border-top:1px solid #e6e7ec;margin-top:8px;cursor:pointer}
.drsum b{font-size:15px;font-weight:600}
.drsum span{font-size:14px;color:#5c6070}
*:has(+.sh9){padding-bottom:0!important;min-height:0!important;margin-bottom:0!important}
.sh9{margin-top:16px!important}
.ydpan>.sh9:first-child,.sh9:first-child{margin-top:0!important}
.sh+.ir{min-height:0!important;padding-top:0!important;align-items:flex-start}
.sh+.mtot,.sh9+.mtot,.sh+.ydtrack .mtot{align-items:flex-start!important;padding-top:0!important}
.sh+.ydtrack .ydpan>.mtot:first-of-type .lab,.sh9+.mtot .lab,.sh+.mtot .lab{align-self:flex-start;line-height:20px}
.mtot b{line-height:1!important}
.drsum+.sh9{margin-top:0!important}
.sh+.mlist .mr:first-child .ml1,.sh+.mlist .mr:first-child .mn{line-height:16px!important}
.sh+.rr,.sh+.tdr,.sh+.drw,.sh+.wkh,.sh+.mnh,.sh9+.ovr,.sh9+.pl2,.sh+.ir{min-height:36px!important}
.ydh{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.ydh .h{white-space:nowrap}
.ovp{margin-left:auto;display:flex;gap:6px;flex-wrap:nowrap;min-width:0}
.ovp span{border:1px solid #e3b4b4;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;color:#b42318;white-space:nowrap;background:none;line-height:18px}
.blk.w17{grid-column:1/-1}
.ovp{margin:-5px 0}
.ydh+.ydtrack{margin-top:-2px}
.sh+.mlist{margin-top:-3px}
.sh9+.cpr{margin-top:-4px}
.sh9:has(+.gfg){margin-top:13px!important}
.sh:has(+.rla),.sh:has(+.mtot){margin-top:-4px}
.sh+.mtot{margin-top:-2px!important}
.card .ydh+.ydtrack{margin-top:-2px!important}
.card .sh+.mlist{margin-top:-3px!important}
.card .sh9+.cpr{margin-top:-4px!important}
.card .sh9:has(+.gfg){margin-top:-3px!important}
.card .sh:has(+.rla),.card .sh:has(+.mtot){margin-top:-4px!important}
.card .ydh+.ydtrack:has(.yddet){margin-top:-4px!important}
.card .sh+.rla,.card .sh+.mtot{margin-top:-4px!important}
.card .sh+.mtot{margin-top:-6px!important}
.frame.ipl .card .sh9:has(+.gfg){margin-top:0!important}
.frame.ipp .card .sh+.list{margin-top:-6px!important}
.card .ydh+.ydfold{margin-top:-3px!important}
.card .sh9+.ovr{margin-top:-5px!important}
.frame.ipl .card .sh+.list{margin-top:-6px!important}
.frame.ipl .card .sh+.list{margin-top:-6px!important}
.ovp{margin:-5px 0 -5px auto}
.ystat{font-size:15px;font-weight:600;white-space:nowrap;margin-left:4px}
.ys-y{color:#86692a}
.ys-r{color:#b42318}
.card .mr.open,.card .cr3.open,.card .cpr.open,.card .cpr.rev,.card .mln.open,.card .wkd.rev{margin-left:-8px!important;margin-right:-8px!important;padding-left:8px!important;padding-right:8px!important;border-radius:10px!important}
.card .sh+.mlist{margin-top:1px!important}
.ys-g{color:#11945a}
.frame.ipp .card .sh+.list,.frame.ipl .card .sh+.list{margin-top:0!important}
.card .mr.open,.card .cr3.open,.card .cpr.open,.card .cpr.rev,.card .mln.open,.card .wkd.rev{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important;border-radius:0!important}
.card .sh+.mlist{margin-top:12px!important}
.card .sh+.mlist .mr.open:first-child{margin-top:0!important}
.card .cdept+.cr3.open,.card .cdept+.open{margin-top:8px!important}
.card .mlist .mr.open{padding-top:8px!important;padding-bottom:8px!important}
.card .cdept{margin-bottom:0!important}
.card .cdept+.cr3.open{margin-top:12px!important}
.card .sh:has(+.mlist){padding-bottom:12px!important}
.mtag .tag{box-shadow:inset 0 0 0 1px currentColor;border-width:0!important}
.tag,.pill{border-width:0!important}
.today{border:0!important;box-shadow:inset 0 0 0 1px var(--acb);line-height:17px}
.stt{border:0!important;box-shadow:inset 0 0 0 1px #c9ccd4}
.card .sh:has(+.rla),.card .sh:has(+.mtot){margin-top:-3px!important}
.card .sh+.rla{margin-top:-3px!important}
.card .sh+.mtot{margin-top:-5px!important}
.card .ydh+.ydfold{margin-top:-4px!important}
.frame.desk .card .sh9:has(+.gfg){margin-top:0!important}
.frame.desk .card:has(>.wkh){flex:0 0 320px!important;width:320px!important;min-width:320px!important}
.frame.desk .row:has(>.card>.wkh){display:grid!important;grid-template-columns:236px 320px 1fr;grid-template-rows:auto 1fr;align-items:start}
.frame.desk .row:has(>.card>.wkh)>.side{grid-row:1/3;align-self:stretch}
.frame.desk .row:has(>.card>.wkh)>.main{grid-column:2/4;width:auto!important;min-width:0}
.frame.desk .row:has(>.card>.wkh)>.card{grid-column:2;margin:0 0 16px 16px}
.frame.desk .row:has(>.card>.wkh)>.two{grid-column:3;margin:0 16px 16px 16px}
.yddet>.ir:first-child{border-top:0!important}

/* ===== StuntCall app (new, Oct 22 2026): the locked r20 mockup design above is the whole design system.
   Below: only what a live app needs that a static mockup doesn't (page shell, sticky bars, controls reset,
   overlays). No legacy styles. ===== */
html{-webkit-text-size-adjust:100%}
body{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#1c1e24;background:#f4f5f7;margin:0}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
a{color:inherit;text-decoration:none}
input,select,textarea{font:inherit}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#app.frame{border:0;border-radius:0;overflow:visible;min-height:100vh;width:auto;position:static}
#app>.row{min-height:100vh} /* the page shell row only; inner .row (forms, cards) keep their natural height */
#app .side,#app .rail{position:sticky;top:0;height:100vh;overflow-y:auto}
#app .si,#app .ri{width:100%;cursor:pointer}
#app .main>.crumb{position:sticky;top:0;z-index:20}
#app .main>.content{max-width:none}
.frame.phone .top{position:sticky;top:0;z-index:20}
.frame.phone .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
.frame.phone .tab{cursor:pointer}
.frame.phone>main.content{padding-bottom:calc(64px + 12px + env(safe-area-inset-bottom))}
.tb{cursor:pointer}
.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100vh;color:#5c6070}
/* controls on pages awaiting rebuild: plain, readable */
.btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:18px;box-shadow:inset 0 0 0 1px #c9ccd4;background:#fff;font-size:14px;font-weight:600}
.btn.primary{background:var(--accent);color:#fff;box-shadow:none}
.btn:disabled{opacity:.5;cursor:default}
/* overlays */
.toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#1c1e24;color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;z-index:100}
.scrim{position:fixed;inset:0;background:rgba(28,30,36,.35);z-index:60}
.scrim.clear{background:transparent}
.sheet{position:fixed;z-index:61;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:16px;display:grid;gap:10px;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.drawer-bg{position:fixed;inset:0;background:rgba(28,30,36,.35);z-index:60}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:#fff;z-index:61;overflow:auto;padding:16px}
.menulayer{position:fixed;inset:0;pointer-events:none;z-index:95}
.menu-pop{position:absolute;z-index:96;background:#fff;border-radius:12px;box-shadow:0 0 0 1px #e6e7ec,0 8px 28px rgba(0,0,0,.14);padding:6px;display:flex;flex-direction:column;min-width:200px;pointer-events:auto}
.menu-pop.mfloat{position:fixed}
.menu-pop.msheet{position:fixed;left:0;right:0;bottom:0;top:auto;border-radius:16px 16px 0 0;padding:8px 12px calc(14px + env(safe-area-inset-bottom))}
.menu-pop button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:8px;font-size:15px}
.menu-pop button:hover{background:#f4f5f7}
.menu-pop hr{border:0;border-top:1px solid #e6e7ec;margin:4px 0}
/* Today (live behaviour on the mockup markup) */
.ydh{cursor:pointer;user-select:none}
.card>.sh[data-tfold]{cursor:pointer;user-select:none}
.tfb{overflow:hidden}
.ydtrack{position:relative}
.ydstrip{display:flex;will-change:transform}
.ydpg{flex:0 0 100%;min-width:0}
.ydtrack.two .ydpg{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.ydtrack.three .ydpg{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:0 16px}
.ydtrack .ydpg.solo{grid-template-columns:1fr}
.ydtrack.two,.ydtrack.three{display:block!important}
.ydc.folded .yddet,.ydc.folded .dots,.ydc.folded .fsg,.ydc.folded .etl{display:none}
.dots span{cursor:pointer}
.chip{cursor:pointer}
.scene{cursor:pointer}
.scene .pill{cursor:pointer}
.todo{margin:0;padding:0;list-style-position:inside;font-size:15px}
.todo li{border-top:1px solid #e6e7ec;padding:12px 0;line-height:20px}
.todo li:first-child{border-top:0}
.todo button{color:#1c1e24;font-size:15px}
.todo .acc{color:var(--accent);font-weight:600}
.gimp{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}
.ydstrip{align-items:flex-start}
.chips{flex-wrap:wrap;row-gap:8px}
.two>*{min-width:0}
/* Oct 22 spec update: card headers have 16px above and below the divider; the first row matches the rows below */
.card .sh,.card .sh9{padding-bottom:16px!important;margin-bottom:16px!important}
.card .sh+*,.card .sh9+*,.card .sh+.list,.card .sh+.mlist,.card .sh+.rla,.card .sh+.mtot,.card .ydh+.ydtrack,.card .ydh+.ydtrack:has(.yddet){margin-top:0!important}
.card .sh:has(+.rla),.card .sh:has(+.mtot){margin-top:-8px!important}
.card .sh+.ir,.card .sh+.rr{min-height:44px!important;align-items:center!important}
.card .sh+.mtot,.card .sh9+.mtot,.card .sh+.ydtrack .mtot{align-items:center!important}
.card .sh+.ydtrack .ydpan>.mtot:first-of-type .lab,.card .sh+.mtot .lab{align-self:center!important}
/* live status pills (all true statuses, MP first, then OT) */
.ystats{display:inline-flex;gap:6px;margin-left:8px;flex-wrap:wrap}
.ystats .pill{height:24px;font-size:13px}
.lv-warn{color:#86692a;background:#f9f6ec;box-shadow:inset 0 0 0 1px #c4a040}
.lv-alert,.lv-cost{color:#b42318;background:#fdecea;box-shadow:inset 0 0 0 1px #b42318}
.lv-in{color:#0b6e42;background:#e7f4ee;box-shadow:inset 0 0 0 1px #11945a}
.etl.soon{color:#86692a}
.pl2 b.xp{color:#11945a}
.pl2 b.pen{color:#b42318}

/* Oct 22 (Jason 11:04 AM): live status = outlined pills, 10% tint fill, every true status, 12px apart (MP first, then OT).
   yellow from -30m, red from -15m, then in it: Work green for every role. */
.ystats{display:inline-flex;gap:12px;margin-left:4px;flex-wrap:wrap}
.ystats .pp{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:12px;font:600 13px Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.ystats .lv-warn{color:#86692a;box-shadow:inset 0 0 0 1px #c4a040;background:color-mix(in srgb,#c4a040 10%,#fff)}
.ystats .lv-alert,.ystats .lv-cost{color:#b42318;box-shadow:inset 0 0 0 1px #b42318;background:color-mix(in srgb,#b42318 10%,#fff)}
.ystats .lv-in{color:#11945a;box-shadow:inset 0 0 0 1px #11945a;background:color-mix(in srgb,#11945a 10%,#fff)}
/* r21 header rhythm, measured text → hairline → first text = 16 | 16 (measure.cjs) */
.card .sh+.ydtrack{margin-top:-4px!important}
.card .sh+.rr{margin-top:-9px!important}
.card .sh+.ir{margin-top:-13px!important}
.card[data-tk="cast"]>.sh{padding-bottom:19px!important}
.card[data-tk="cast"]>.sh+.mlist{margin-top:-4px!important}
.tdback{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 8px 0 0;background:none;border:0;color:var(--accent);font:600 15px Inter,system-ui,sans-serif;cursor:pointer;margin-bottom:4px}
/* More (locked r20) */
.mgh{font-size:14px;font-weight:600;color:#5c6070;margin:16px 4px 8px}
.mgh:first-child{margin-top:4px}
.mcard{padding:0 16px}
.mrow{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0;background:none;border:0;border-top:1px solid #e6e7ec;font:400 17px Inter,system-ui,sans-serif;color:#1c1e24;text-align:left;cursor:pointer;color:inherit}
.mrow:first-child{border-top:0}
.mrow .ic{color:var(--accent)}

/* Stunt Budget header status (Jason, Oct 22): Left green, Over red, none grey + Set day budget */
.bsts,.bstl{display:inline-flex;align-items:center;gap:12px;margin-left:4px;flex-wrap:wrap}
.bstl{margin:0 0 8px}
.bst{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.bst.left{color:#11945a}.bst.near{color:#86692a}.bst.over{color:#b42318}.bst.none{color:#8a8f9c}
.bst.edit{display:inline-flex;gap:8px;align-items:center}
.dbin{width:120px;height:36px;padding:0 8px;border:0;border-radius:8px;box-shadow:inset 0 0 0 1px #c9ccd4;font:400 15px Inter,sans-serif}
.sh .btn.sm,.bst .btn,.bstl .btn{height:32px;padding:0 12px;border-radius:16px;border:0;box-shadow:inset 0 0 0 1px var(--accent);background:#fff;color:var(--accent);font:600 13px Inter,sans-serif;cursor:pointer}
.bst .btn.primary{background:var(--accent);color:#fff}
.ydh{flex-wrap:wrap}
.bsts{white-space:nowrap}
.bsts:has(.edit){flex-basis:100%;padding-left:26px;margin:4px 0 0}

/* e04 entry screens (Sign in, invite, first run, loading). Signed-out shell: dark band with the mark, light card overlapping it. */
.ent{min-height:100vh;min-height:100dvh;background:#f4f5f7;color:#1c1e24;font-family:Inter,'SF Pro Text','Segoe UI',system-ui,sans-serif}
.ent-band{background:var(--band) radial-gradient(ellipse 70% 120% at 50% 0%,var(--band-glow),transparent 70%);color:#f5f8fc;padding:0 0 112px}
.ent-hdr{max-width:1240px;margin:0 auto;padding:14px 20px}
.ent-lg{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:700;line-height:22px;color:#f5f8fc}.ent-lg img{width:34px;height:34px;border-radius:9px;display:block}
.ent-wrap{max-width:390px;margin:-64px auto 32px;padding:0 16px}
@media (min-width:500px){.ent-hdr{padding:20px 40px}.ent-wrap{max-width:460px}}
@media (min-width:1025px){.ent-wrap{max-width:440px}}
.ent-card{background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(20,20,40,.06),0 0 0 1px #e6e7ec;padding:0 20px 20px}
.ent.in .ent-card{animation:ent-in .2s ease-out both}
.ent-sh{padding:16px 0;border-bottom:1px solid #e6e7ec;font-size:18px;line-height:22px;font-weight:700;margin:0}
.ent-bd{padding-top:16px;display:flex;flex-direction:column;gap:14px}
.ent-fld{display:flex;flex-direction:column;gap:6px;margin:0}.ent-fld>span{font-size:13px;line-height:16px;font-weight:600;color:#5c6070}
.ent-fld input{height:46px;border-radius:10px;border:1px solid #d4d6dd;background:#fff;padding:0 12px;font:inherit;font-size:15px;color:#1c1e24;width:100%;box-sizing:border-box}
.ent-fld input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}
.ent-fld input.err{border-color:#c4302b}
.ent .eb{height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:15px;font-weight:600;border:1px solid #e6e7ec;background:#fff;color:#1c1e24;width:100%;cursor:pointer;box-sizing:border-box;padding:0 16px}
.ent .eb.p{background:var(--accent);border-color:var(--accent);color:var(--accent-text-on);padding:14px 22px;height:auto;min-height:50px;border-radius:12px;font-weight:650;font-size:16px}
.ent .eb.g{background:#fff;color:#1f1f1f;border-color:#747775}.ent .eb.a{background:#000;border-color:#000;color:#fff}.ent .eb.g svg,.ent .eb.a svg{flex:none}
.ent .eb:disabled{opacity:.6;cursor:default}
.ent-or{display:flex;align-items:center;gap:12px;color:#5c6070;font-size:13px}.ent-or:before,.ent-or:after{content:"";flex:1;height:1px;background:#e6e7ec}
.ent .lk{color:var(--accent);font-weight:600;font-size:14px;line-height:20px;background:none;border:0;padding:12px 0;margin:-12px 0;font-family:inherit;cursor:pointer;text-decoration:none}
.ent-ln{display:flex;justify-content:space-between;align-items:center}
.ent-ok{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#fff);border:1px solid var(--accent);border-radius:999px;padding:6px 12px;font-size:14px}.ent-ok svg{flex:none}
.ent-mt{color:#5c6070;font-size:14px;line-height:1.45;margin:0}.ent-er{color:#c4302b;font-size:14px;line-height:20px;font-weight:600;margin:0}
.ent-kv{display:flex;justify-content:space-between;font-size:15px;line-height:20px;padding:2px 0}.ent-bd>.ent-kv:first-child{padding-top:0}.ent-kv>span{color:#5c6070}
.ent-load{display:flex;flex-direction:column;align-items:center;padding-top:104px;animation:ent-in .2s ease-out .3s both}
.ent-bar{width:96px;height:3px;border-radius:2px;background:#e6e7ec;overflow:hidden}.ent-bar i{display:block;width:36px;height:3px;border-radius:2px;background:var(--accent);animation:ent-bar 1.1s ease-in-out infinite}
.ent-load .bootstep{margin-top:16px;color:#5c6070;font-size:13px}.ent-load .bootreload{margin-top:24px;width:auto;min-width:160px;padding:0 24px}
@keyframes ent-in{from{opacity:0}to{opacity:1}}
@keyframes ent-bar{0%{transform:translateX(-36px)}100%{transform:translateX(96px)}}
@media (prefers-reduced-motion:reduce){.ent.in .ent-card,.ent-load{animation-duration:0s}.ent-bar i{animation:none}}

/* SAG Engine rule excerpts: quoted source text, citation under it (phone-first, no nested boxes) */
.rx{display:block;margin-top:6px}
.rxq{display:block;font-size:13px;line-height:1.4;color:#1c1e24;font-style:italic;padding-left:8px;border-left:2px solid var(--accent)}
.rxc{display:block;font-size:12px;color:#5c6070;margin:2px 0 6px 10px}
.rr .v>.rxc{margin-left:0}

/* Settings › Delete account */
.delrow{flex-wrap:wrap;gap:8px}
.delwarn{color:#b42318}
.btn.delbtn{background:#b42318;border-color:#b42318;color:#fff}
.btn.delbtn:disabled{opacity:.45}
/* Add role / Add talent forms: fields wrap on narrow screens so Cancel and Save stay on screen and tappable */
.cform>.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.cform>.row>input,.cform>.row>select{flex:1 1 140px;min-width:0;max-width:100%;min-height:44px}
.cform>.row>.btn{min-height:44px}

/* Today date picker (today-picker-month-01): month/year pill, Jan–Dec and year grids, swipe to step */
.dpwrap{box-shadow:0 8px 24px rgba(0,0,0,.14)}
.dpwrap .dpg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding-top:16px}
.dpwrap .dph{font-size:12px;color:#6b6f7b;text-align:center;font-weight:600}
.dpwrap .dpc{height:36px;display:flex;align-items:center;justify-content:center;font:15px Inter,system-ui,sans-serif;border:0;background:none;color:inherit;cursor:pointer;font-variant-numeric:tabular-nums}
.dpwrap .dpp{position:relative;z-index:1;border:0;box-shadow:inset 0 0 0 1px var(--accent);height:32px;padding:0 12px;border-radius:16px;font-size:15px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#fff);cursor:pointer;font-family:inherit}
.dpwrap .dpsw{touch-action:pan-y}
.dpwrap .dpm{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:16px}
.dpwrap .dpm .dpc{height:44px}
.dpwrap .dpc.sel{background:var(--accent);color:#fff;border-radius:18px;font-weight:700}
/* casting-08 */
.cast8{display:block}
.cast8 .c8det{display:none}
.cast8.hassel .c8list{display:none}
.cast8.hassel .c8det{display:block}
@media (min-width:900px){.cast8,.cast8.hassel{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:16px;align-items:start}.cast8 .c8list,.cast8.hassel .c8list,.cast8 .c8det{display:block}.cast8 .mob{display:none}}
.c8{padding:0;overflow:hidden}
.c8h{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 16px;border-bottom:1px solid #e6e7ec;font-size:17px}
.c8g{display:flex;align-items:center;gap:8px;padding:14px 16px 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b6f7b}
.c8row{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 16px;border:0;border-top:1px solid #f0f1f4;background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer}
.c8row.on{background:var(--accent-tint)}
.c8row .grow,.c8pick .grow{flex:1;display:flex;flex-direction:column;min-width:0}.c8row small,.c8pick small{font-size:13px;color:#5c6070;font-weight:400}.c8row b,.c8pick b{font-weight:600}
.c8dash{flex:none;width:12px;height:2px;border-radius:1px;background:var(--accent)}
.c8warn{color:#c0392b;font-size:13px;font-weight:600;white-space:nowrap}
.c8empty{padding:40px 16px;text-align:center;color:#5c6070}
.c8foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e6e7ec}
.c8sec{padding:14px 16px 4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b6f7b;border-top:1px solid #e6e7ec}
.c8sec:first-of-type{border-top:0}
.c8kv{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 16px;font-size:15px}
.c8kv>small{flex:none;width:38%;font-size:14px;color:#5c6070}
.c8kv .grow{flex:1;min-width:0}
.c8in{display:flex;align-items:center;gap:4px;height:38px;border:1px solid #d6d8de;border-radius:8px;padding:0 10px;background:#fff}
.c8in i{font-style:normal;color:#5c6070}
.c8in input{flex:1;min-width:0;border:0!important;outline:0;background:none;padding:0!important;height:auto;font:inherit;box-shadow:none!important}
.c8kv.ed select{width:100%;height:38px;border:1px solid #d6d8de;border-radius:8px;padding:0 8px;font:inherit;background:#fff}
.c8kv.ed input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}
.c8btns{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e6e7ec}
.c8btns>*{flex:1}
.c8bar{height:6px;margin:8px 16px;border-radius:3px;background:#eceef2;overflow:hidden}
.c8bar>i{display:block;height:100%;background:var(--accent)}
.c8step{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 16px;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.c8chk{flex:none;width:18px;height:18px;border:1.5px solid #c9ccd4;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.c8step.on .c8chk,.c8chk.on{background:var(--accent);border-color:var(--accent)}
.c8sub{font-size:13px;color:#5c6070}
.c8pick{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 16px;border:0;border-top:1px solid #f0f1f4;background:#fff;font:inherit;text-align:left;cursor:pointer}
.c8radio{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid #c9ccd4}
.c8pick.on .c8radio{border:6px solid var(--accent)}
.c8add{display:flex;align-items:center;gap:6px;padding:12px 16px;border:0;border-top:1px solid #e6e7ec;background:none;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;width:100%}
.cpill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;border:1px solid #c9ccd4;background:color-mix(in srgb,#c9ccd4 10%,#fff);color:#5c6070;font-size:12px;font-weight:600;white-space:nowrap}
.cpill.accent{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent)}