@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/app/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2)format("woff2"),url(/app/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(/app/assets/figtree-latin-400-normal-BD4aNku5.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/app/assets/figtree-latin-500-normal-BWnGEVsr.woff2)format("woff2"),url(/app/assets/figtree-latin-500-normal-B_yy1phn.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/app/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(/app/assets/figtree-latin-600-normal-BM_oTo4n.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/app/assets/figtree-latin-700-normal-th6qEP7c.woff2)format("woff2"),url(/app/assets/figtree-latin-700-normal-BCCt2T1q.woff)format("woff")}@font-face{font-family:Spline Sans Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/spline-sans-mono-latin-400-normal-mUpA6Mve.woff2)format("woff2"),url(/app/assets/spline-sans-mono-latin-400-normal-739QRW1l.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--slate-50:#eff6fb;--slate-100:#e1ebf2;--slate-200:#c9d8e3;--slate-300:#a9bdcb;--slate-400:#6f8598;--slate-500:#5a6e7d;--slate-600:#465866;--slate-700:#35434f;--slate-800:#24303a;--slate-900:#18222b;--slate-950:#0f1720;--cyan-50:#e5f6fd;--cyan-100:#c7ecfb;--cyan-200:#9bddf7;--cyan-300:#5fc7f0;--cyan-400:#22abdf;--cyan-500:#0e93c7;--cyan-600:#0b7ba8;--cyan-700:#0a6389;--cyan-800:#0a4e6b;--cyan-900:#0b3b50;--cyan-950:#072938;--sun-50:#fef6e0;--sun-100:#fdecbb;--sun-200:#fbd777;--sun-300:#f7c33d;--sun-400:#edae12;--sun-500:#d69606;--sun-600:#b37a04;--sun-700:#8a5d06;--sun-800:#5e3f08;--sun-900:#3e2a08;--crimson-300:#e58a8b;--crimson-600:#b3352e;--crimson-700:#9e2a2b;--moss-300:#6fd3a3;--moss-600:#1c7a54;--moss-700:#186346;--clin-obturado-light:#b23a2e;--clin-obturado-dark:#d9695a;--clin-corona-light:#7a2a21;--clin-corona-dark:#c77d72;--clin-conducto-light:#d97456;--clin-conducto-dark:#e2917f;--clin-caries-light:#2f5fa8;--clin-caries-dark:#6e9fd6;--clin-extraccion-light:#1b3f73;--clin-extraccion-dark:#5a85bf;--clin-manchablanca-light:#5586bf;--clin-manchablanca-dark:#5586bf;--clin-sellador-light:#2e8a5b;--clin-sellador-dark:#5fbf8f;--clin-ausente-mark:var(--slate-900);--clin-implante-light:#8c4a2e;--clin-implante-dark:#d08a6b;--clin-protesis-light:#a63a55;--clin-protesis-dark:#d98499;--clin-movilidad-light:#4a4fa3;--clin-movilidad-dark:#9095d6;--clin-sangrado-light:#6b4fa0;--clin-sangrado-dark:#a996d6;--clin-fractura-light:#24476b;--clin-fractura-dark:#7fa8c9;--color-bg:var(--slate-50);--color-surface:#fff;--color-surface-soft:var(--slate-100);--color-surface-inset:#f6fafd;--color-border:var(--slate-200);--color-border-strong:var(--slate-400);--color-text:var(--slate-900);--color-text-muted:var(--slate-600);--color-text-subtle:var(--slate-500);--color-primary:var(--cyan-700);--color-primary-hover:var(--cyan-800);--color-primary-active:var(--cyan-900);--color-primary-text-on:#fff;--color-primary-soft:var(--cyan-50);--color-primary-soft-strong:var(--cyan-100);--color-primary-bright:var(--cyan-400);--color-link:var(--cyan-700);--color-accent:var(--sun-300);--color-accent-strong:var(--sun-500);--color-accent-text-on:var(--slate-950);--color-accent-soft:var(--sun-50);--color-accent-line:var(--sun-500);--color-focus-ring:var(--sun-600);--color-danger-text:var(--crimson-700);--color-danger-bg:var(--crimson-600);--color-danger-text-on:#fff;--color-success-text:var(--moss-700);--color-success-bg:var(--moss-600);--color-success-text-on:#fff;--color-warning-text:var(--sun-700);--color-warning-bg:var(--sun-300);--color-warning-text-on:var(--slate-950);--color-info-text:var(--cyan-700);--color-info-bg:var(--cyan-700);--color-info-text-on:#fff;--tooth-fill-default:var(--color-surface);--tooth-stroke-default:var(--color-border-strong);--clin-obturado:var(--clin-obturado-light);--clin-corona:var(--clin-corona-light);--clin-conducto:var(--clin-conducto-light);--clin-caries:var(--clin-caries-light);--clin-extraccion:var(--clin-extraccion-light);--clin-manchablanca:var(--clin-manchablanca-light);--clin-sellador:var(--clin-sellador-light);--clin-implante:var(--clin-implante-light);--clin-protesis:var(--clin-protesis-light);--clin-movilidad:var(--clin-movilidad-light);--clin-sangrado:var(--clin-sangrado-light);--clin-fractura:var(--clin-fractura-light);--font-display:"Bricolage Grotesque", "Trebuchet MS", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:"Spline Sans Mono", "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-heading:var(--font-display);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.375rem;--font-size-xl:1.75rem;--font-size-2xl:2.25rem;--font-size-3xl:3rem;--font-size-display:clamp(2.5rem, 6vw, 4rem);--line-tight:1.1;--line-snug:1.25;--line-normal:1.5;--line-relaxed:1.7;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0;--tracking-wide:.02em;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px;--shadow-sm:0 1px 2px #0f172014;--shadow-md:0 6px 16px #0f17201a;--shadow-lg:0 18px 40px #0f172029;--shadow-focus-halo:0 0 0 4px color-mix(in srgb, var(--color-focus-ring) 32%, transparent);--motion-press:.12s;--motion-fast:.15s;--motion-base:.22s;--motion-slow:.3s;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-standard:var(--ease-out);--ease-entrance:var(--ease-out);--threshold-touch-target:48px;--threshold-contrast-text:4.5;--threshold-contrast-large:3;--threshold-breakpoint-floor:375px;--bp-floor:375px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--z-dropdown:20;--z-sticky-header:30;--z-popover:40;--z-modal-backdrop:49;--z-modal:50;--z-toast:60;--z-tooltip:70;--layout-sidebar-width:248px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--slate-950);--color-surface:var(--slate-900);--color-surface-soft:var(--slate-800);--color-surface-inset:#131c25;--color-border:var(--slate-700);--color-border-strong:var(--slate-500);--color-text:var(--slate-50);--color-text-muted:var(--slate-300);--color-text-subtle:var(--slate-400);--color-primary:var(--cyan-300);--color-primary-hover:var(--cyan-200);--color-primary-active:var(--cyan-100);--color-primary-text-on:var(--slate-950);--color-primary-soft:color-mix(in srgb, var(--cyan-400) 18%, transparent);--color-primary-soft-strong:color-mix(in srgb, var(--cyan-400) 28%, transparent);--color-primary-bright:var(--cyan-300);--color-link:var(--cyan-300);--color-accent:var(--sun-300);--color-accent-strong:var(--sun-400);--color-accent-text-on:var(--slate-950);--color-accent-soft:color-mix(in srgb, var(--sun-300) 16%, transparent);--color-accent-line:var(--sun-300);--color-focus-ring:var(--sun-300);--color-danger-text:var(--crimson-300);--color-danger-bg:var(--crimson-300);--color-danger-text-on:var(--slate-950);--color-success-text:var(--moss-300);--color-success-bg:var(--moss-300);--color-success-text-on:var(--slate-950);--color-warning-text:var(--sun-300);--color-warning-bg:var(--sun-300);--color-warning-text-on:var(--slate-950);--color-info-text:var(--cyan-300);--color-info-bg:var(--cyan-300);--color-info-text-on:var(--slate-950);--tooth-fill-default:var(--color-surface-soft);--tooth-stroke-default:var(--color-border-strong);--clin-obturado:var(--clin-obturado-dark);--clin-corona:var(--clin-corona-dark);--clin-conducto:var(--clin-conducto-dark);--clin-caries:var(--clin-caries-dark);--clin-extraccion:var(--clin-extraccion-dark);--clin-manchablanca:var(--clin-manchablanca-dark);--clin-sellador:var(--clin-sellador-dark);--clin-implante:var(--clin-implante-dark);--clin-protesis:var(--clin-protesis-dark);--clin-movilidad:var(--clin-movilidad-dark);--clin-sangrado:var(--clin-sangrado-dark);--clin-fractura:var(--clin-fractura-dark);--clin-ausente-mark:var(--slate-50);--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 16px #00000080;--shadow-lg:0 20px 48px #0009}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:var(--color-text);background:var(--color-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);line-height:var(--line-normal);margin:0}a{color:var(--color-link)}button,input,textarea,select{color:inherit;font:inherit}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.app-shell{align-items:center;min-height:100vh;padding:48px;display:flex}.app-shell__content{border-left:6px solid #2a8f85;width:min(100%,720px);padding-left:32px}.app-shell h1{color:#0f3d3a;letter-spacing:0;margin:0;font-size:48px;font-weight:700;line-height:1}.app-shell p{color:#4a5565;max-width:560px;margin:20px 0 0;font-size:18px;line-height:1.6}@media (width<=640px){.app-shell{padding:28px}.app-shell__content{padding-left:20px}.app-shell h1{font-size:36px}.app-shell p{font-size:16px}}.pill{align-items:center;gap:var(--space-2);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid #0000;display:inline-flex}.pill:before{content:"";border-radius:var(--radius-full);background:currentColor;flex:none;width:7px;height:7px}.agenda-grid{grid-template-columns:72px minmax(0,1fr);gap:0;display:grid}.agenda-hour{padding:var(--space-3) var(--space-4) var(--space-3) 0;text-align:right;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;border-top:1px solid var(--color-border)}.agenda-slot{gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-border);flex-direction:column;min-height:64px;display:flex}.appt__slot-empty{width:100%;min-height:var(--threshold-touch-target);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-subtle);font-size:var(--font-size-xs);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0}.appt__slot-empty:hover{border-color:var(--color-primary);color:var(--color-primary)}.appt__slot-empty:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.appt-skeleton{width:100%;min-height:var(--threshold-touch-target);border-radius:var(--radius-sm);background:var(--color-surface-soft);animation:skeleton-pulse var(--motion-slow) var(--ease-in-out) infinite alternate}.agenda-page .modal-backdrop{z-index:var(--z-modal-backdrop);background:color-mix(in srgb, var(--slate-950) 52%, transparent);cursor:default;border:0;position:fixed;inset:0}.agenda-page .modal{z-index:var(--z-modal);width:min(560px, calc(100vw - var(--space-8)));max-height:calc(100vh - var(--space-8));padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.agenda-page .modal__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:0}.agenda-page .modal__sub{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-relaxed);margin:0}.agenda-page .modal__body{gap:var(--space-4);margin-top:var(--space-5);display:grid}.agenda-page .modal__foot{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.agenda-page .field{gap:var(--space-2);flex-direction:column;display:flex}.agenda-page .field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.agenda-page .input,.agenda-page .select{min-height:var(--threshold-touch-target);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-sm);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out)}.agenda-page .input:focus-visible,.agenda-page .select:focus-visible{box-shadow:var(--shadow-focus-halo);outline:none}.agenda-page .input[aria-invalid=true],.agenda-page .select[aria-invalid=true]{border-color:var(--color-danger-bg)}.agenda-page .field__hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.agenda-page .field__error{color:var(--color-danger-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:0}.agenda-page .banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-sm);display:flex}.agenda-page .banner--danger{border-color:var(--color-danger-text);color:var(--color-danger-text)}.agenda-page .banner__icon{flex:none;margin-top:1px}.transitions{gap:var(--space-2);flex-wrap:wrap;display:flex}.transitions__none{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.state-flow{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-inset);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.state-flow__node{padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border-strong);color:var(--color-text-muted);font-family:var(--font-mono)}.state-flow__node[data-on=true]{background:var(--color-primary);color:var(--color-primary-text-on);border-color:var(--color-primary)}.state-flow__arrow{color:var(--color-text-subtle)}.appointment-modal__time-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.appointment-modal__messages{gap:var(--space-1);display:grid}.appointment-modal__messages p{margin:0}.agenda-page .toast{right:var(--space-6);bottom:var(--space-6);z-index:var(--z-toast);max-width:min(360px, calc(100vw - var(--space-8)));padding:var(--space-3) var(--space-4);border:1px solid var(--color-success-text);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-success-text);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);position:fixed}@media (width<=640px){.appointment-modal__time-grid{grid-template-columns:1fr}.agenda-page .modal__foot{justify-content:stretch}.agenda-page .modal__foot .btn{flex:160px}}.login-page,.shell-page{min-height:100vh;padding:var(--space-8);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);justify-content:center;align-items:center;display:flex}.login-page__panel{width:min(100%,420px);padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.login-page__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-snug);color:var(--color-text)}.login-page__subtitle{margin:0 0 var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-normal)}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-form__field{gap:var(--space-2);flex-direction:column;display:flex}.login-form__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.login-form__input{min-height:var(--threshold-touch-target);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);transition:box-shadow var(--motion-fast) var(--ease-standard)}.login-form__input:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;box-shadow:var(--shadow-focus-halo)}.login-form__input[aria-invalid=true]{border-color:var(--color-danger-bg)}.login-form__field-error{color:var(--color-danger-text);font-size:var(--font-size-sm);margin:0}.login-form__alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger-text-on);font-size:var(--font-size-sm)}.login-form__submit{min-height:var(--threshold-touch-target);padding:0 var(--space-6);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-text-on);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard);border:none}.login-form__submit:hover:not(:disabled){background:var(--color-primary-hover)}.login-form__submit:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.login-form__submit:disabled{opacity:.45;cursor:not-allowed}.shell-page__details{gap:var(--space-2) var(--space-4);margin:var(--space-6) 0;font-size:var(--font-size-base);grid-template-columns:auto 1fr;display:grid}.shell-page__details dt{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.shell-page__details dd{font-family:var(--font-mono);color:var(--color-text);margin:0}.shell-page__logout{min-height:var(--threshold-touch-target);padding:0 var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);cursor:pointer}.shell-page__logout:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.shell-page__alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger-text-on)}@media (width<=480px){.login-page,.shell-page{padding:var(--space-4)}.login-page__panel{padding:var(--space-6)}}.error-page{min-height:100vh;padding:var(--space-8);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);justify-content:center;align-items:center;display:flex}.error-page__panel{width:min(100%,480px);padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);text-align:center}.error-page__eyebrow{margin:0 0 var(--space-2);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.error-page__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-snug);color:var(--color-text)}.error-page__subtitle{margin:0 0 var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-normal)}.error-page__link{min-height:var(--threshold-touch-target);padding:0 var(--space-6);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-text-on);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:background-color var(--motion-fast) var(--ease-standard);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.error-page__link:hover{background:var(--color-primary-hover)}.error-page__link:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}@media (width<=480px){.error-page{padding:var(--space-4)}.error-page__panel{padding:var(--space-6)}}.card__title--row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--home{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.stat{gap:var(--space-1);flex-direction:column;display:flex}.stat__value{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);line-height:var(--line-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}.stat__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.agenda{gap:var(--space-1);display:grid}.appt{gap:var(--space-4);width:100%;margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-left:4px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:inherit;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);align-items:center;text-decoration:none;display:flex}.appt:hover{background:var(--color-surface-soft);border-left-color:var(--color-primary)}.appt[data-status=confirmed]{border-left-color:var(--color-primary)}.appt[data-status=attended]{border-left-color:var(--color-success-bg)}.appt[data-status=cancelled]{border-left-color:var(--color-border);opacity:.6}.appt[data-status=no_show]{border-left-color:var(--color-danger-text)}.appt:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.appt__time{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;flex:none}.appt__who{flex:auto;min-width:0;overflow:hidden}.appt__name{font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.appt__reason{color:var(--color-text-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pill--created{border-color:var(--color-border-strong);color:var(--color-text-muted);background:var(--color-surface)}.pill--confirmed{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.pill--attended{color:var(--color-success-text-on);background:var(--color-success-bg);border-color:#0000}.pill--cancelled{border-color:var(--color-border);color:var(--color-text-subtle);background:var(--color-surface-soft);text-decoration:line-through}.pill--no_show{border-color:var(--color-danger-text);color:var(--color-danger-text);background:var(--color-surface)}.activity-list{gap:var(--space-3);flex-direction:column;display:flex}.activity-row{gap:var(--space-3);align-items:flex-start;display:flex}.activity-row__icon{color:var(--color-text-muted);flex:none;margin-top:2px}.activity-row__body{min-width:0}.activity-row__patient{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.activity-row__text{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow-wrap:break-word}.activity-row__meta{font-family:var(--font-mono);color:var(--color-text-subtle);font-size:11px}.commercial-landing{background:#eff6fb;min-height:100vh}.commercial-landing__frame{background:#eff6fb;border:0;width:100%;height:100dvh;min-height:100vh;display:block}.page-head{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-head__text{flex:320px;min-width:0}.page-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-snug);line-height:var(--line-snug);margin:0}.page-sub{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.page-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--threshold-touch-target);padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-primary-text-on)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-soft)}.btn--ghost{color:var(--color-text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-soft)}.btn--danger{background:var(--color-danger-bg);color:var(--color-danger-text-on)}.btn--sm{min-height:32px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.card__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-snug)}.card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card__head .card__title{margin-bottom:0}.grid{gap:var(--space-5);display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:620px;font-size:var(--font-size-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-bottom:1px solid var(--color-border-strong)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr:hover{background:var(--color-surface-soft)}.table tbody tr:last-child td{border-bottom:none}.table__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.row-link{color:var(--color-text);font-weight:var(--font-weight-semibold);text-decoration:none}.row-link:hover{color:var(--color-primary);text-decoration:underline}.row-link:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input,.select,.textarea{min-height:var(--threshold-touch-target);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-body);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out)}.textarea{resize:vertical;min-height:96px;line-height:var(--line-relaxed)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{box-shadow:var(--shadow-focus-halo);outline:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger-bg)}.field__error{align-items:flex-start;gap:var(--space-2);color:var(--color-danger-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:0;display:flex}.field__error .icon{flex:none;width:14px;height:14px;margin-top:1px}.field__hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.field__req{color:var(--color-danger-text);margin-left:2px}.field__opt{margin-left:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.field--wide{grid-column:1/-1}.banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-sm);display:flex}.banner__icon{flex:none;margin-top:2px}.banner--danger{border-color:var(--color-danger-text);color:var(--color-danger-text)}.banner--warning{border-color:var(--color-warning-text);color:var(--color-warning-text)}.banner--info{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-info-text)}.empty{align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.empty__title{font-weight:var(--font-weight-semibold);color:var(--color-text)}.pill--active{color:var(--color-success-text-on);background:var(--color-success-bg);border-color:#0000}.pill--inactive{border-color:var(--color-border);color:var(--color-text-subtle);background:var(--color-surface-soft)}.pill--source{border-color:var(--color-border-strong);color:var(--color-text-muted);font-family:var(--font-mono);font-weight:var(--font-weight-medium)}.pill--source:before{display:none}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);display:flex;overflow-x:auto}.tab{align-items:center;gap:var(--space-2);min-height:var(--threshold-touch-target);padding:0 var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);background:0 0;border:none;border-bottom:3px solid #0000;display:inline-flex}.tab:hover{color:var(--color-text)}.tab:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:-2px}.tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tab:disabled{opacity:.5;cursor:not-allowed}.summary-line{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);display:flex}.summary-line:last-child{border-bottom:none}.summary-line span{color:var(--color-text-muted)}.summary-line strong{font-family:var(--font-body);text-align:right}.datos-editor-panel{display:block}.datos-editor{gap:var(--space-5);flex-direction:column;display:flex}.datos-editor__actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.patients-list__search{margin-bottom:var(--space-4)}.patients-list__search .input{max-width:360px;display:block}.patients-list__filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);border:0;flex-wrap:wrap;padding:0;display:flex}.patients-list__pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.patient-intake [hidden]{display:none!important}.form-layout{gap:var(--space-6);grid-template-columns:minmax(0,720px) minmax(240px,320px);align-items:start;display:grid}.form-col{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.form-rail{top:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;position:sticky}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.choice{gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.choice__opt{display:flex;position:relative}.choice__opt input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.choice__opt input:disabled{cursor:not-allowed}.choice__opt span{min-height:var(--threshold-touch-target);align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm);transition:border-color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);display:flex}.choice__opt span:before{border-radius:var(--radius-full);content:"";border:2px solid;flex:none;width:12px;height:12px}.choice__opt input:hover+span{background:var(--color-surface-soft)}.choice__opt input:checked+span{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.choice__opt input:checked+span:before{background:currentColor}.choice__opt input:focus-visible+span{outline:3px solid var(--color-focus-ring);outline-offset:2px}.choice__opt input:disabled+span{opacity:.55}.card--conditional{border-left:3px solid var(--color-primary)}.patient-intake__coverage-fields,.patient-intake__conditional-grid,.patient-intake__consent-choice{margin-top:var(--space-4)}.consent-text{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-inset);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-relaxed);margin:0}.disclosure{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.disclosure>summary{min-height:var(--threshold-touch-target);align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);list-style:none;display:flex}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{color:var(--color-text-muted);content:"+";font-family:var(--font-mono);margin-left:auto}.disclosure[open]>summary:after{content:"-"}.disclosure__body{padding:0 var(--space-4) var(--space-4)}.recap-line{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);display:flex}.recap-line:last-of-type{border-bottom:none}.recap-line>span{color:var(--color-text-muted)}.recap-line>strong{font-weight:var(--font-weight-semibold);text-align:right}.recap-line--num>strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.recap-empty{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.patient-intake__dentition-control{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.patient-intake__paper-warning{margin-bottom:var(--space-4)}.patient-intake__consequences{gap:var(--space-2);padding-left:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-relaxed);flex-direction:column;margin:0;display:flex}.form-actions{z-index:var(--z-sticky-header);align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.form-actions__status{min-width:0;color:var(--color-text-muted);font-size:var(--font-size-sm);flex:200px;margin:0}.patient-intake__error-list,.patient-intake__banner-copy{margin:var(--space-2) 0 0}.patient-intake__error-list{padding-left:var(--space-5)}.patient-intake__error-list a{color:inherit}.patient-intake__banner-actions{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.patient-intake__today{min-height:var(--threshold-touch-target);align-items:center;margin:0}.spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;flex:none;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.done{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.done__mark{border-radius:var(--radius-full);background:var(--color-success-bg);width:48px;height:48px;color:var(--color-success-text-on);justify-content:center;align-items:center;display:flex}.done__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.done__sub{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-relaxed);margin:0}.done__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=1180px){.form-layout{grid-template-columns:minmax(0,1fr)}.form-rail{position:static}}@media (width<=480px){.page-title{font-size:var(--font-size-lg)}}.clin{gap:var(--space-5);flex-direction:column;display:flex}.clin-compose__actions,.clin-editor__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.clin-state{color:var(--color-text-muted);font-size:var(--font-size-sm)}.clin-error{color:var(--color-danger-text);font-size:var(--font-size-sm);margin:var(--space-3) 0 0}.timeline{gap:var(--space-4);flex-direction:column;display:flex}.entry{padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-left:3px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface)}.entry__head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.entry__when{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.entry__author{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.entry__spacer{flex:auto}.entry__body{line-height:var(--line-relaxed);white-space:pre-wrap;margin:0}.entry__foot{align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.tag-edited{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px dashed var(--color-border-strong);font-size:var(--font-size-xs);color:var(--color-text-muted);display:inline-flex}.revisions{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-inset);border:1px solid var(--color-border)}.revisions__title{margin:0 0 var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.revision{padding:var(--space-3) 0;border-top:1px solid var(--color-border)}.revision:first-of-type{border-top:none;padding-top:0}.revision__meta{gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:baseline;display:flex}.revision__when,.revision__who{font-size:var(--font-size-xs);color:var(--color-text-muted)}.revision__when{font-family:var(--font-mono)}.revision__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.revision__content{padding:var(--space-3);border-left:2px solid var(--color-border-strong);background:var(--color-surface);border-radius:0 var(--radius-xs) var(--radius-xs) 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-relaxed);white-space:pre-wrap;margin:0}.revisions__note{margin-top:var(--space-3)}.odo{gap:var(--space-4);align-items:start;min-width:0;display:grid}.odo .card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.odo .card__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-snug);line-height:var(--line-normal)}.odo .card__title--row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;line-height:normal;display:flex}.odo-title-badge{padding:2px var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:0}.odo-status{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.palette{gap:var(--space-3);flex-direction:column;display:flex}.palette__row{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.palette__group{flex-direction:column;gap:3px;display:flex}.palette__group-title{color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0;line-height:1.2}.palette__list{flex-wrap:wrap;gap:4px;display:flex}.tool{min-height:30px;padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:11px;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:border-color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);align-items:center;gap:6px;line-height:1;display:inline-flex}.tool:hover{background:var(--color-surface-soft)}.tool[aria-pressed=true]{padding:0 calc(var(--space-2) - 1px);border-color:var(--color-primary);background:var(--color-primary-soft);font-weight:var(--font-weight-semibold);border-width:2px}.tool__swatch{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);width:14px;height:14px;font-family:var(--font-mono);font-weight:var(--font-weight-bold);flex:none;place-items:center;line-height:1;display:inline-grid;position:relative;overflow:hidden}.tool__swatch--cross{background:var(--tooth-fill-default);color:var(--clin-ausente-mark)}.tool__swatch:after{content:"";background:0 0;position:absolute;inset:0}.tool__swatch--hatch:after{background-image:repeating-linear-gradient(45deg, var(--tooth-fill-default) 0 2px, transparent 2px 5px)}.tool__swatch--hatch-fine:after{background-image:repeating-linear-gradient(45deg, var(--tooth-fill-default) 0 1px, transparent 1px 4px)}.tool__swatch--dots:after{background-image:radial-gradient(var(--tooth-fill-default) 1px, transparent 1.2px);background-size:5px 5px}.tool__swatch--bars:after{background-image:repeating-linear-gradient(90deg, var(--tooth-fill-default) 0 2px, transparent 2px 6px)}.tool__swatch--bars-h:after{background-image:repeating-linear-gradient(0deg, var(--tooth-fill-default) 0 2px, transparent 2px 6px)}.tool__swatch--zigzag:after{background:var(--tooth-fill-default);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 6.5 L4 1.5 L8 6.5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 6.5 L4 1.5 L8 6.5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");-webkit-mask-size:8px 8px;mask-size:8px 8px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.tool__swatch--crack:after{background:var(--tooth-fill-default);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1.5 0 L5 4 L2.5 6 L6.5 10' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1.5 0 L5 4 L2.5 6 L6.5 10' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");-webkit-mask-size:10px 10px;mask-size:10px 10px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.tool__whole{border-radius:var(--radius-xs);background:var(--color-surface-soft);color:var(--color-text-muted);font-family:var(--font-mono);padding:1px 3px;font-size:9px}.segmented{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-soft);padding:2px;display:inline-flex}.segmented__opt{min-height:26px;padding:0 var(--space-3);border-radius:var(--radius-xs);color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none}.segmented__opt[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.tool-status{align-items:center;gap:var(--space-2);min-height:30px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-inset);font-size:var(--font-size-xs);line-height:var(--line-normal);flex-wrap:wrap;display:flex}.tool-status__hint{color:var(--color-text-muted);font-size:11px;line-height:var(--line-normal)}.pill--odontogram{background:var(--color-primary-soft);color:var(--color-primary);line-height:var(--line-normal)}.odo-workspace{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.odontogram-area{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.odo-side{gap:var(--space-4);display:grid}@media (width>=1280px){.odo-workspace{grid-template-columns:minmax(0,1fr) 280px}.odo-side{top:var(--space-6);position:sticky}}@media (width>=1440px){.odo-workspace{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=1279px){.odo-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.odo-canvas{--tooth-size:34px;--tooth-gap:3px;--tooth-num-h:22px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);position:relative;overflow-x:auto}@media (width>=1440px){.odo-canvas{--tooth-size:40px;--tooth-gap:4px;--tooth-num-h:24px}}.odo-canvas__content{min-width:max-content}.odo-canvas__content--loading{opacity:.38}.arch{margin-bottom:var(--space-4)}.arch:last-child{margin-bottom:0}.arch__label{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);line-height:var(--line-normal);text-transform:uppercase}.arch__row{align-items:flex-start;gap:var(--tooth-gap);min-width:max-content;display:flex}.hemi{gap:var(--tooth-gap);display:flex}.midline{width:2px;margin:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-border-strong);align-self:stretch}.arch__side{width:14px;color:var(--color-text-subtle);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-align:center;flex:none;align-self:center}.tooth{width:var(--tooth-size);flex-direction:column;align-items:center;gap:1px;display:flex}.tooth__number{width:100%;min-height:var(--tooth-num-h);border-radius:var(--radius-xs);color:var(--color-text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:var(--font-weight-semibold);line-height:var(--tooth-num-h);cursor:pointer;background:0 0;border:1px solid #0000;padding:0;display:block}.tooth__number:hover,.tooth__number:focus-visible{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.tooth__svg{width:var(--tooth-size);height:var(--tooth-size);display:block;overflow:visible}.sector{fill:var(--tooth-fill-default);stroke:var(--tooth-stroke-default);stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill var(--motion-fast) var(--ease-out)}.sector:hover{stroke:var(--color-primary);stroke-width:2.5px}.sector:focus-visible{stroke:var(--color-focus-ring);stroke-width:3px;outline:none}.sector[data-preview=true]{fill:var(--preview-color,var(--color-primary));fill-opacity:.35}.sector[data-texture=ring]{stroke-width:3px}.texture{pointer-events:none}.odo-patterns line,.odo-patterns circle,.odo-patterns rect{fill:var(--tooth-fill-default);stroke:var(--tooth-fill-default);stroke-width:1.6px}.odo-patterns path{fill:none;stroke:var(--tooth-fill-default);stroke-width:1.6px}.x-mark{fill:var(--clin-ausente-mark);font-family:var(--font-mono);font-weight:var(--font-weight-bold);text-anchor:middle;dominant-baseline:central;pointer-events:none}.odo-caption{margin:var(--space-3) 0 0;color:var(--color-text-subtle);font-size:11px;line-height:var(--line-normal)}.odo-skeleton{inset:var(--space-4);gap:var(--space-4);pointer-events:none;flex-direction:column;display:flex;position:absolute}.skeleton-row{gap:var(--space-2);display:flex}.skeleton-tooth{border-radius:var(--radius-xs);background:var(--color-surface-soft);width:54px;height:68px;animation:skeleton-pulse var(--motion-slow) var(--ease-in-out) infinite alternate}@keyframes skeleton-pulse{0%{opacity:.45}to{opacity:1}}.odo-panel{min-width:0}.summary-grid{gap:var(--space-2);display:grid}.odo .summary-line{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);display:flex}.odo .summary-line:last-child{border-bottom:none}.odo .summary-line span{color:var(--color-text-muted)}.odo .summary-line strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.legend{gap:var(--space-2);display:grid}.legend__item{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);line-height:var(--line-normal);display:flex}.legend__swatch{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--tooth-fill-default);flex:none;width:16px;height:16px}.legend__swatch--absent{place-items:center;display:grid}.legend__swatch--absent:after{content:"×";color:var(--clin-ausente-mark);font-family:var(--font-mono);font-weight:var(--font-weight-bold);line-height:1}.legend__hint{margin:var(--space-2) 0 0}.event-list{gap:var(--space-2);max-height:380px;display:grid;overflow-y:auto}.event{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-left:3px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-xs);text-align:left}.event--button{cursor:pointer}.event--button:hover{background:var(--color-surface-soft)}.event[data-current=true]{border-left-color:var(--color-primary)}.event[data-superseded=true]{background:var(--color-surface-inset);opacity:.62;border-left-style:dashed}.event__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.event__piece{font-family:var(--font-mono);font-weight:var(--font-weight-bold)}.event__tool{font-weight:var(--font-weight-semibold)}.event__when{color:var(--color-text-muted);font-family:var(--font-mono);margin-left:auto}.event__badge{padding:1px var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px}.event__note,.event__author,.event__superseded{color:var(--color-text-muted);line-height:var(--line-normal)}.event__note{margin:var(--space-2) 0 0}.event__author{margin:var(--space-1) 0 0;color:var(--color-text-subtle);font-size:11px}.event__superseded{margin:var(--space-2) 0 0;padding-top:var(--space-2);border-top:1px dashed var(--color-border-strong);font-size:11px}.event__void{margin-top:var(--space-2);justify-self:start}.empty--compact{padding:var(--space-3) 0 0;text-align:left;align-items:flex-start}.empty--compact p{margin:0}.empty-state{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.popover{z-index:var(--z-popover);width:min(360px, calc(100vw - var(--space-8)));padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);position:fixed;top:30vh;left:50%;transform:translate(-50%)}.popover--void{z-index:calc(var(--z-modal) + 2)}.popover__title{margin:0 0 var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.popover__loc{margin:0 0 var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.popover__prev{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--font-size-xs)}.popover__warning{margin-bottom:var(--space-3);font-size:var(--font-size-xs)}.popover__label{margin-bottom:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:block}.popover__note{width:100%;min-height:64px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-xs);resize:vertical}.popover__stamp{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-left:2px solid var(--color-border-strong);color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.popover__foot{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.enlarged-backdrop,.drawer-backdrop{z-index:calc(var(--z-popover) - 4);background:color-mix(in srgb, var(--color-text) 38%, transparent);position:fixed;inset:0}.enlarged{z-index:calc(var(--z-popover) - 3);width:min(440px,94vw);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.enlarged__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.enlarged__header h2{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.enlarged__header p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:2px 0 0}.enlarged__close{min-width:var(--threshold-touch-target);min-height:var(--threshold-touch-target);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--font-size-lg);flex:none;place-items:center;display:grid}.enlarged__tool{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:6px var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex}.enlarged__stage{justify-items:center;gap:var(--space-3);display:grid}.enlarged__svg{width:min(320px,78vw);height:min(320px,78vw)}.enlarged__svg .sector{stroke-width:2.5px}.enlarged__whole{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:var(--threshold-touch-target);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-bold);cursor:pointer;display:inline-flex}.enlarged__whole:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.enlarged__hint{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center}.drawer-backdrop{z-index:calc(var(--z-modal) - 1)}.drawer{z-index:var(--z-modal);gap:var(--space-4);width:min(420px,100vw);padding:var(--space-5);border-left:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.drawer__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.drawer__title{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0}.drawer__sub{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.drawer .event-list{max-height:none}.hovercard{z-index:var(--z-tooltip);max-width:300px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);pointer-events:none;font-size:var(--font-size-xs);line-height:var(--line-normal);position:fixed}.hovercard__title{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.hovercard__row{gap:var(--space-2);margin-top:var(--space-1);display:flex}.hovercard__key{min-width:68px;color:var(--color-text-muted);flex:none}.hovercard__note{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-style:italic}.hovercard__hint{margin-top:var(--space-2);color:var(--color-text-subtle)}.toast{right:var(--space-5);bottom:var(--space-5);z-index:var(--z-toast);max-width:380px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);position:fixed}.settings-page .page-head{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.settings-page .page-head__text{flex:320px;min-width:0}.settings-page .page-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:0;line-height:var(--line-snug);margin:0}.settings-page .page-sub{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings-page .grid{gap:var(--space-5);display:grid}.settings-page .grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.settings-page .card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.settings-page .settings-card--full{grid-column:1/-1}.settings-page .card__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:0}.settings-page .card__title--row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.settings-page .settings-muted{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-relaxed)}.settings-page .summary-line{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);display:flex}.settings-page .summary-line:last-of-type{border-bottom:none}.settings-page .summary-line>span{color:var(--color-text-muted)}.settings-page .summary-line strong{font-family:var(--font-body);text-align:right}.settings-page .summary-line--form{align-items:flex-start}.settings-page .settings-license-values{gap:var(--space-1);flex-direction:column;display:flex}.settings-page .settings-license-form{gap:var(--space-3);width:min(100%,360px);display:grid}.settings-page .field{gap:var(--space-2);flex-direction:column;display:flex}.settings-page .field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.settings-page .field__error{color:var(--color-danger-text);font-size:var(--font-size-xs);margin:0}.settings-page .input{min-height:var(--threshold-touch-target);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-sm);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out)}.settings-page .input:focus-visible{box-shadow:var(--shadow-focus-halo);outline:none}.settings-page .input[aria-invalid=true]{border-color:var(--color-danger-bg)}.settings-page .settings-actions,.settings-page .settings-card-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-page .settings-card-actions{margin-top:var(--space-4)}.settings-page .settings-actions--end{justify-content:flex-end}.settings-page .btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--threshold-touch-target);padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border:1px solid #0000;text-decoration:none;display:inline-flex}.settings-page .btn:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.settings-page .btn:disabled{opacity:.45;cursor:not-allowed}.settings-page .btn--primary{background:var(--color-primary);color:var(--color-primary-text-on)}.settings-page .btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.settings-page .btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.settings-page .btn--secondary:hover:not(:disabled),.settings-page .btn--secondary[aria-pressed=true]{background:var(--color-surface-soft)}.settings-page .btn--danger{background:var(--color-danger-bg);color:var(--color-danger-text-on)}.settings-page .btn--sm{min-height:var(--threshold-touch-target);padding:0 var(--space-3);font-size:var(--font-size-xs)}.settings-page .icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px}.settings-page .banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-sm);display:flex}.settings-page .banner--danger{border-color:var(--color-danger-text);color:var(--color-danger-text)}.settings-page .banner--warning{border-color:var(--color-warning-text);color:var(--color-warning-text)}.settings-page .banner--success{border-color:var(--color-success-text);color:var(--color-success-text)}.settings-page .pill{align-items:center;gap:var(--space-2);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid #0000;display:inline-flex}.settings-page .pill:before{content:"";border-radius:var(--radius-full);background:currentColor;flex:none;width:7px;height:7px}.settings-page .pill--confirmed{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.settings-page .pill--inactive{border-color:var(--color-border);background:var(--color-surface-soft);color:var(--color-text-subtle)}.settings-page .empty{align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.settings-page .empty__title{color:var(--color-text);font-weight:var(--font-weight-semibold);margin:0}.settings-page .empty p{margin:0}.settings-page .modal-backdrop{z-index:var(--z-modal-backdrop);background:color-mix(in srgb, var(--slate-950) 52%, transparent);cursor:default;border:0;position:fixed;inset:0}.settings-page .modal{z-index:var(--z-modal);width:min(520px, calc(100vw - var(--space-8)));padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-page .modal__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:0}.settings-page .modal__sub{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-relaxed);margin:0}.settings-page .modal__foot{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.settings-page .settings-skeleton{border-radius:var(--radius-sm);background:var(--color-surface-soft);display:inline-block}.settings-page .settings-skeleton--label{width:96px;height:16px}.settings-page .settings-skeleton--value{width:168px;height:16px}.settings-page .settings-skeleton--paragraph{width:min(100%,720px);height:48px;margin-bottom:var(--space-4)}.settings-page .settings-skeleton--button{width:132px;height:var(--threshold-touch-target)}@media (width<=640px){.settings-page .page-title{font-size:var(--font-size-lg)}.settings-page .summary-line,.settings-page .summary-line--form{flex-direction:column;align-items:stretch}.settings-page .summary-line strong{text-align:left}.settings-page .settings-license-form{width:100%}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);top:calc(var(--space-4) * -6);z-index:var(--z-toast);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-text-on);font-weight:var(--font-weight-semibold);transition:top var(--motion-fast) var(--ease-out);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4)}.app{grid-template-columns:var(--layout-sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{gap:var(--space-6);padding:var(--space-6) var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;display:flex}.brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2);display:flex}.brand__mark{flex:none}.brand__name{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-snug);display:block}.brand__role{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);display:block}.nav{gap:var(--space-1);flex-direction:column;display:flex}.nav__item{align-items:center;gap:var(--space-3);min-height:var(--threshold-touch-target);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--motion-fast) var(--ease-out);background:0 0;border:none;border-left:3px solid #0000;text-decoration:none;display:flex}.nav__item:hover{background:var(--color-surface-soft)}.nav__item[aria-current=page]{background:var(--color-primary-soft);border-left-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav__icon{flex:none;width:20px;height:20px}.sidebar__foot{gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-soft);display:flex}.avatar{border-radius:var(--radius-full);background:var(--color-primary);width:36px;height:36px;color:var(--color-primary-text-on);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex:none;place-items:center;display:grid}.sidebar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-snug);display:block}.sidebar__user-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block}.sidebar__logout{align-items:center;gap:var(--space-3);min-height:var(--threshold-touch-target);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out);background:0 0;border:none;display:flex}.sidebar__logout:hover{background:var(--color-surface-soft)}.icon-btn{width:var(--threshold-touch-target);height:var(--threshold-touch-target);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out);place-items:center;display:inline-grid}.icon-btn:hover{background:var(--color-surface-soft)}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.main{min-width:0;padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}@media (width<=1024px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--color-border)}.nav{flex-flow:wrap}.main{padding:var(--space-5)}}@media (width<=480px){.main{padding:var(--space-4)}}