/* Prototype only: no changes to production geometry, font sizes, or card order. */
#mascot{display:none!important}
.real-art{display:block;position:absolute;border:0;padding:0;margin:0;background:transparent;color:var(--line);cursor:pointer;z-index:1;min-height:44px;touch-action:manipulation}
.real-art svg{display:block;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}
.real-art:focus-visible{outline:2px solid var(--line);outline-offset:3px;border-radius:8px}
.art-day{position:relative;overflow:visible}
.art-day .real-art{width:clamp(88px,26vw,112px);height:72px;right:12px;bottom:0;opacity:.72}
.art-day .row{padding-right:126px}
.art-booking{position:relative;isolation:isolate}
.art-edge .real-art{right:12px;bottom:0;width:clamp(88px,27vw,112px);height:68px;opacity:.66}
.art-edge .hm-toggle{position:relative;z-index:2;max-width:calc(100% - 108px)}
.art-booking .hm-linkrow{position:relative;z-index:2}
.art-watermark .real-art{right:10px;bottom:-12px;width:clamp(136px,42vw,176px);height:100px;opacity:.24;z-index:0}
.art-watermark .hm-toggle,.art-watermark .sec{position:relative;z-index:2}
.tapir-quote{position:fixed;left:16px;right:16px;bottom:calc(var(--tabbar-h) + 16px);padding:14px 16px;background:white;border:1px solid var(--edge);border-radius:16px;color:var(--ink);font:14px/1.5 var(--font);z-index:70;box-shadow:0 4px 16px #1e2a3610}
@media(max-width:350px){.art-edge .real-art{width:80px;height:56px}.art-edge .hm-toggle{max-width:calc(100% - 76px)}.art-day .row{padding-right:108px}}

.art-materials{position:relative;min-height:44px}
.art-materials .real-art{right:8px;top:0;width:136px;height:88px;opacity:.66}
.art-day-background{position:relative;isolation:isolate}
.art-day-background .real-art{right:8px;bottom:-28px;width:156px;height:112px;opacity:.27;z-index:0}
.art-day-background .rbody{position:relative;z-index:1}

/* Approved pale contour: entire booking-card height, stronger ink. */
.art-watermark .real-art{top:0;bottom:0;right:4px;width:48%;height:100%;opacity:.36}
.art-watermark .real-art svg{height:100%}

.art-watermark .real-art{width:60%;height:100%}

/* Local proposal only. Baseline iframe retains production styling for comparison. */
body[data-tapir-art]{--author-doodle:none}
body[data-tapir-art] .panel.pad,body[data-tapir-art] .hm-chips [data-mat="handouts"]{background-image:none!important}
.real-art.art-end{position:relative;right:auto;top:auto;bottom:auto;display:block;margin:24px auto 4px;width:clamp(140px,42vw,180px);height:104px;opacity:.56}
.real-art.art-reflection{width:clamp(190px,65vw,250px);height:132px;opacity:.55;margin:20px auto 4px}
.real-art.art-schedule{height:110px;opacity:.5}
.art-watermark .real-art{top:0;bottom:0;right:4px;width:60%;height:100%}
#root:has(>.art-end){padding-bottom:calc(24px + var(--tabbar-h) + var(--safe-b))}
.scene-spot svg{transform:none}
.real-art.art-dock{position:fixed;left:50%;right:auto;top:auto;bottom:calc(var(--tabbar-h) + var(--safe-b));transform:translateX(-50%);width:172px;height:112px;opacity:.64;z-index:20}
.real-art.art-dock svg{overflow:visible!important}
.cab-frozen .art-dock{visibility:hidden}
.checkin-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--mut);padding:2px 0 12px;margin-bottom:2px}
.checkin-compact .switch{flex:none}
.money-tile{position:relative;isolation:isolate;overflow:hidden;min-height:94px}
.money-tile .num,.money-tile .cap{position:relative;z-index:2}
.real-art.art-money{right:2px;bottom:0;width:90px;height:94%;opacity:.28;z-index:0}
.art-metrics{margin-top:62px!important;overflow:visible}
.art-metrics .tile{position:relative;overflow:visible}
.real-art.art-metric-tapir{width:82px;height:52px;right:4px;bottom:100%;opacity:.68}
.art-laptop{position:absolute;width:52px;height:39px;right:4px;bottom:100%;color:var(--line);opacity:.65;pointer-events:none}
.art-laptop svg{width:100%;height:100%}
.art-session-head{position:relative;min-height:104px;padding-right:100px;margin-bottom:8px}
.real-art.art-session{width:82px;height:102px;right:0;bottom:0;opacity:.62}
.art-name-field{position:relative;margin-top:34px!important}
.real-art.art-lying{width:112px;height:54px;right:8px;bottom:calc(100% - 24px);opacity:.65}
.art-name-field .label{position:relative;z-index:2;max-width:calc(100% - 124px)}
.real-art.art-video{width:116px;height:132px;margin:22px auto 0;opacity:.6}
.art-referral{position:relative;isolation:isolate;overflow:hidden}
.art-referral .label,.art-referral .stg-link,.art-referral .pair{position:relative;z-index:2}
.real-art.art-hug{top:0;right:4px;width:62%;height:100%;opacity:.3;z-index:0}
.art-message{position:relative;isolation:isolate}
.art-message textarea{position:relative;z-index:1;background:transparent!important;padding-bottom:80px;min-height:190px!important}
.real-art.art-phone{width:118px;height:72px;bottom:10px;right:14px;opacity:.5;z-index:2}
.real-art.art-phone:focus-visible{opacity:.8}
.art-handout-rail{position:relative;height:104px;margin-top:10px}
.real-art.art-handout{width:120px;height:108px;bottom:-12px;left:50%;transform:translateX(-50%);opacity:.7}
body[data-tapir-art] #t_next{position:relative;z-index:2}
@media(max-width:350px){.art-session-head{padding-right:82px}.real-art.art-session{width:70px;height:90px}.art-metrics{gap:7px}.real-art.art-metric-tapir{width:66px;height:44px}.art-laptop{width:44px}.real-art.art-dock{width:154px;height:102px}}

/* Optical alignment: sprite bounds include the shared motion envelope. */
.art-session-head{min-height:96px;padding-right:94px}
.real-art.art-session{width:78px;height:90px}
.art-message{border:1px solid var(--edge);border-radius:16px;background:var(--panel);overflow:hidden}
.art-message:focus-within{border-color:var(--line)}
.art-message textarea{display:block;min-height:110px!important;margin:0 0 80px;padding-bottom:12px;border:0;border-radius:0;box-shadow:none}

.art-session-head{min-height:0;padding-right:0}
.art-session-meta{position:relative;min-height:78px;padding-right:92px}
.real-art.art-session{width:70px;height:78px}
@media(max-width:350px){.art-session-head{padding-right:0}.art-session-meta{padding-right:80px}.real-art.art-session{width:68px;height:78px}}
/* Revision4: dock uses the measured tabbar edge, outside transformed panels. */
.real-art.dock-marker{display:none!important}
.real-art.review-portal{z-index:1;bottom:auto;overflow:hidden;isolation:isolate}
.real-art.review-portal svg{overflow:hidden!important;pointer-events:none}
.real-art.review-portal[data-owner="clientReminders"]{z-index:43}
body[data-tapir-art] #root[data-art-screen="clients"],body[data-tapir-art] #root[data-art-screen="schedule"],body[data-tapir-art] #root[data-art-screen="state"]{height:auto;max-height:none;overflow:visible;flex:1;padding-bottom:calc(24px + var(--tabbar-h) + var(--safe-b))}
#root[data-art-screen="clients"]>:not(.real-art),#root[data-art-screen="schedule"]>:not(.real-art),#root[data-art-screen="state"]>:not(.real-art){position:relative;z-index:2}
.real-art.art-clients{width:206px;height:136px;clip-path:inset(0 0 0 0)}
.real-art.art-calendar{width:206px;height:132px}
.real-art.art-tea{width:154px;height:150px}
.real-art.art-clock{width:152px;height:138px}
.real-art.art-money svg,.real-art.art-session svg,.real-art.art-phone svg{transform:scaleX(-1)}
.art-metrics{margin-top:0!important}
.real-art.art-metric-tapir{width:46px;height:26px;min-height:0;left:50%;right:auto;bottom:100%;transform:translateX(-50%);opacity:.7}
.art-laptop{width:36px;height:26px;left:50%;right:auto;transform:translateX(-50%)}
.real-art.art-session{right:auto;transform:translateX(-50%)}
.art-name-field{margin-top:0!important}
.art-name-field .label{max-width:none}
.art-name-field #cl_name{padding-right:92px}
.real-art.art-lying{width:86px;height:36px;min-height:0;right:8px;bottom:4px;opacity:.6}
@media(max-width:350px){.real-art.art-metric-tapir{width:42px;height:24px}.art-laptop{width:32px;height:24px}.real-art.art-calendar,.real-art.art-clients{width:188px;height:124px}}
@media(max-height:580px){.real-art.art-dock{max-width:150px;max-height:98px}}

.real-art.art-clients svg{transform:translateY(8px) scaleX(-1)}

body[data-tapir-enabled="no"] .real-art{display:none!important}
.tapir-quote{background:var(--soft,var(--bg))}

/* Explicit translucent surface: bare .btn otherwise inherits browser grey. */
#sch_pv.btn{appearance:none;-webkit-appearance:none;background:rgba(236,244,250,.42);background:color-mix(in srgb,var(--panel) 42%,transparent);color:var(--line);border:1px solid var(--edge);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#sch_pv.btn:focus-visible{outline:2px solid var(--line);outline-offset:3px}
@media(hover:hover){#sch_pv.btn:hover{background:color-mix(in srgb,var(--panel) 60%,transparent)}}