/* Atry Lab: superficies claras, azul/cian y navegación navy. */
[hidden]{display:none!important}
.mail-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 "Segoe UI",Arial,sans-serif;max-height:55vh;overflow:auto}
.sidebar .logo{margin:2px 0 27px;gap:8px;font-size:13px}.sidebar .brand-original{width:48px;height:32px}.sidebar .logo b{padding-left:8px}
.calendar-grid.month,.calendar-grid.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{text-align:center;font-size:12px;color:var(--muted);font-weight:700}.calendar-grid.month .calendar-day{padding:8px;min-height:130px}.calendar-grid.month .calendar-event{padding:7px;font-size:10px;gap:4px;overflow-wrap:anywhere}.calendar-grid.month .calendar-event span{font-size:10px}.calendar-date{border:0;background:transparent;color:var(--ink);padding:5px 0;font-size:11px;text-align:left}.calendar-date.is-today{color:var(--accent);font-weight:800}.outside-month{background:#eef3f4;opacity:.7}.event-button{width:100%;text-align:left;color:var(--ink);border:0;border-left:3px solid var(--accent);cursor:pointer}.day-events{display:grid;gap:12px}.day-events .calendar-event{margin:0;flex:1}.calendar-grid.week .calendar-day{padding:10px}.calendar-grid.week .calendar-event{font-size:11px;padding:8px;overflow-wrap:anywhere}
@media(max-width:1100px){.calendar-grid.week{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-grid.week .calendar-weekday{display:none}.calendar-grid.month .badge{font-size:9px;padding:3px;white-space:normal}}@media(max-width:700px){.calendar-grid.month,.calendar-grid.week{grid-template-columns:1fr}.calendar-weekday{display:none}.calendar-grid.month .calendar-event{font-size:12px}.calendar-grid.month .calendar-event span{font-size:11px}.day-events .row{flex-direction:column;align-items:stretch}}
.calendar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.calendar-day{border:1px solid var(--line);border-radius:16px;padding:14px;min-height:130px}.calendar-day h3{font-size:13px}.calendar-event{display:grid;gap:8px;padding:12px;margin-top:10px;border-left:3px solid var(--accent);background:var(--surface2);border-radius:9px;font-size:12px}.calendar-event>span{font-size:11px;color:var(--muted)}.calendar-event.cancelled{opacity:.65}.calendar-event .actions{gap:4px}.calendar-event .btn{font-size:11px;min-height:32px;padding:6px}
@media(max-width:1060px){.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.calendar-grid{grid-template-columns:1fr}}
:root{font-family:"Segoe UI",Arial,sans-serif;background:#f5f7f7;color:#10191d;--bg:#f5f7f7;--surface:#fff;--surface2:#f1f6f8;--surface3:#e6f1f5;--ink:#10191d;--muted:#526971;--line:#dfe7e9;--accent:#0086b8;--accent2:#10bde1;--radius:20px;--shadow:0 12px 36px #09232c08;color-scheme:light}
body{background:var(--bg)}h1,h2,h3{letter-spacing:-.035em}.brand-original{width:94px;height:38px;object-fit:contain}.logo{gap:14px;letter-spacing:.13em}.logo b{color:var(--accent);font-size:11px;border-left:1px solid var(--line);padding-left:14px}.btn{background:#007fae;color:white;border-radius:13px;min-height:44px}.btn:hover:not(:disabled){background:#006c95}.btn.secondary,.btn.outline{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn.secondary:hover{background:var(--surface3)}.btn.danger{background:#fff0ef;color:#a0322c;border-color:#f1d3cf}.btn.sm{min-height:38px}.card,.metric{box-shadow:var(--shadow)}input,select,textarea{background:#fbfcfd;color:var(--ink);border-color:var(--line);min-height:45px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00a5e218}input[type=checkbox]{min-height:17px;accent-color:var(--accent)}.field label{color:#425963}.icon-circle,.icon-circle.blue{background:#e6f8fb;color:#007fae}.icon-circle.warm{background:#fff5df;color:#8e6415}.icon-circle.purple{background:#f0edfa;color:#7560b3}.hint-block,.notice{background:#edf7fa;border-color:#cce6ef;color:#385d6b}.danger-note{background:#fff0ef;color:#a0322c}.subtle-card,.empty{border-color:var(--line)}.badge,.pill{background:#e6f5ed;border-color:#c6e6d7;color:#276448}.badge.pending{background:#fff6df;border-color:#ebdfba;color:#82601a}.badge.cancelled,.badge.no_show{background:#ffefed;border-color:#efd3cf;color:#a0322c}.badge.completed,.badge.info{background:#e6f4fa;border-color:#c8e2ec;color:#286477}.table th{color:var(--muted)}.table td{border-color:var(--line)}.table tr:hover td{background:#f7fafb}.sidebar{background:radial-gradient(circle at 0 0,#0e3540,#071a21 42%);color:#edf9fb;border:0;padding:28px 18px}.sidebar .store-box{background:#0e303b;border-color:#20414c}.sidebar .store-icon{background:#154554;color:#72dfef}.sidebar .store-box span,.sidebar .user-card span{color:#a7bdc6}.sidebar select{background:#0e303b;border-color:#20414c;color:#edf9fb;font-size:12px}.sidebar .logo b{color:#62d9ed;border-color:#31505b}.sidebar .navlink{color:#b0c4cc;padding:13px}.sidebar .navlink:hover{color:white;background:#113541}.sidebar .navlink.active{background:linear-gradient(90deg,#165269,#123440);color:#effcff;box-shadow:inset 3px 0 #40d1ea}.side-title{color:#89a6b2}.sidebar .user-card{border-color:#20414c}.sidebar .user-card .avatar{background:#154554;color:#80e4f4}.sidebar-bottom>.hint-block{display:none}.sidebar .btn{background:#123440;border-color:#31505b;color:#dcebef}.topbar{background:#ffffffd9;backdrop-filter:blur(18px)}.metric-top .i{color:var(--accent)}.metric .delta{color:var(--muted)}.appt-row .appt-time{color:var(--accent)}.bar-col .bar{background:linear-gradient(#10bde1,#007fae)}.preview-url{background:#f0f8fb;border-color:#cce6ef;color:#286477}.settings-tabs button.active{background:#e6f8fb;border-color:#a8dce9;color:#007fae}.modal{background:white;border-color:var(--line)}.modal-mask{background:#071a2180}.site,.public-shell{background:var(--bg)}.book-identity{background:white;box-shadow:var(--shadow)}.book-logo{background:#e6f8fb;color:var(--accent)}.book-logo img{max-width:100%;max-height:100%;object-fit:contain}.service-option,.staff-option,.slot{background:white;border-color:var(--line)}.service-option.selected,.staff-option.selected,.slot.selected{background:#e6f8fb;border-color:#00a5e2;box-shadow:inset 0 0 0 1px #00a5e22a}.service-option:hover,.staff-option:hover,.slot:hover{border-color:var(--accent)}.book-step .num,.num{background:#e6f8fb;color:#007fae}.book-result{background:white;border-color:#c6e6d7}.book-result .success-icon{background:#e6f5ed;color:#276448}.auth-shell{grid-template-columns:1fr 1fr;background:white}.auth-left{background:radial-gradient(ellipse at 0 0,#155267,transparent 60%),#071a21;color:#edf9fb;padding:52px clamp(28px,5vw,80px)}.auth-left .eyebrow{color:#69d9ec}.auth-left .muted,.auth-pitch p{color:#b1c8d2}.auth-pitch h1{font-size:clamp(38px,4vw,64px);line-height:1.13}.auth-pitch{padding:60px 0}.auth-right{background:white}.auth-form h2{font-size:32px}.auth-form .bottom a{color:#007fae}.auth-form .eyebrow{color:#007fae}.recovery-link{display:inline-block;margin-top:22px;color:#007fae;font-size:13px}.recovery-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.recovery-shell .card{width:100%}.recovery-shell h1{font-size:28px;margin-top:32px}.setup-callout{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.setup-step{display:block}.setup-step h2{font-size:22px;margin:22px 0 10px}.setup-step .num{display:grid;place-items:center;width:38px;height:38px;border-radius:13px}.agenda-filters{display:flex;gap:14px;margin-bottom:18px}.agenda-filters label{display:grid;gap:6px;font-size:12px;min-width:150px}.toast{background:#e6f5ed;color:#276448;border-color:#a9d7c0;box-shadow:0 12px 35px #071a2122}.toast.error{background:#ffefed;color:#a0322c;border-color:#e6b8b1}.boot .mark{background:#e6f8fb;color:#007fae}.spin{border-color:#00a5e2;border-right-color:transparent}.skeleton{height:16px;border-radius:8px;background:linear-gradient(90deg,#e9f0f3,#f7fafb,#e9f0f3);background-size:200% 100%;animation:shimmer 1.3s infinite}.skeleton.short{width:60%}@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:800px){.auth-shell{display:block}.auth-left{display:none}.auth-right{min-height:100vh}.onboarding-grid{grid-template-columns:1fr}.setup-callout{align-items:start;flex-direction:column}.agenda-filters{flex-wrap:wrap}.sidebar{width:min(290px,85vw)}}
@media(max-width:540px){.auth-form{padding:12px}.brand-original{width:80px}.table,.appointment-table .table{min-width:0}.table thead{display:none}.table tbody{display:grid;gap:12px}.table tr{display:grid;grid-template-columns:1fr 1fr;padding:12px;border:1px solid var(--line);border-radius:14px}.table td{padding:8px;border:0;overflow-wrap:anywhere}.table td:last-child{grid-column:1/-1}.topbar .breadcrumb{display:none}.slot{min-height:48px}.agenda-filters label{min-width:0;flex:1}.auth-form h2{font-size:28px}.public-nav{flex-wrap:wrap;gap:12px}.book-layout{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Layout responds to usable content width, including embedded browser panels. */
.main-content{container-type:inline-size;container-name:workspace}
.agenda-filters{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(180px,1fr) minmax(240px,1.5fr);align-items:end}
.agenda-filters label{min-width:0;gap:8px}
.agenda-filters form{display:flex;flex-wrap:nowrap;min-width:0;gap:8px}
.agenda-filters form input{flex:1;min-width:0}
.agenda-toolbar .grow{flex-basis:180px;min-width:180px}
.calendar-date{font-size:12px;line-height:1.5;font-weight:650}
.calendar-grid.month .calendar-event{font-size:12px;line-height:1.5}
.calendar-grid.month .calendar-event span{font-size:11px}
.calendar-event strong,.calendar-event span{overflow-wrap:normal;word-break:normal}
.sidebar .store-box>div:last-child{min-width:0}
.sidebar .store-box span{white-space:normal;line-height:1.5}
@container workspace (max-width:900px){
 .calendar-grid.month,.calendar-grid.week{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .calendar-weekday{display:none}
 .calendar-grid.month .calendar-day,.calendar-grid.week .calendar-day{padding:14px;min-height:110px}
 .calendar-grid.month .calendar-event,.calendar-grid.week .calendar-event{padding:12px;font-size:13px;margin-top:10px}
 .calendar-grid.month .calendar-event span{font-size:12px}
 .calendar-grid.month .badge{font-size:11px;padding:5px 9px}
 .agenda-filters{grid-template-columns:1fr 1fr}
 .agenda-filters form{grid-column:1/-1}
 .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-header{flex-wrap:wrap;gap:16px}
}
@container workspace (max-width:560px){
 .calendar-grid.month,.calendar-grid.week,.grid2,.grid3,.grid4,.form-grid{grid-template-columns:1fr}
 .agenda-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px}
 .agenda-toolbar input{max-width:none;min-height:44px}
 .agenda-toolbar .btn{padding:10px}
 .agenda-toolbar .grow{min-width:0;flex-basis:auto;text-align:center;line-height:1.5}
 .page-header{flex-direction:column;align-items:stretch}
 .page-header>.actions{flex-wrap:wrap}
 .day-events .row{flex-direction:column;align-items:stretch;gap:14px}
 .day-events .row>div{display:flex;flex-wrap:wrap;gap:8px}
}
@media(max-width:1000px){
 .app-shell{display:block}
 .sidebar{position:fixed;z-index:30;width:min(290px,85vw);left:0;top:0;transform:translateX(-101%);transition:transform .2s;box-shadow:15px 0 40px #0005}
 .sidebar.open{transform:translateX(0)}
 .mobile-menu{display:inline-flex}
 .main-content{padding:24px 20px 44px}
 .topbar{padding:0 20px}
}
@media(max-width:540px){.main-content{padding:20px 14px 36px}.topbar{padding:0 14px}}
.sidebar-backdrop,.sidebar-close{display:none}
@media(max-width:1000px){
 .sidebar-backdrop.visible{display:block;position:fixed;inset:0;z-index:29;border:0;background:#071a2170;backdrop-filter:blur(2px);width:100%;height:100%;cursor:pointer}
 .sidebar-close{display:flex;position:absolute;right:12px;top:14px;min-height:34px;width:34px;padding:7px}
 .sidebar .logo{margin-top:38px}
}
.deployment-notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:14px 24px;background:#e8f6fb;color:#123d50;border-bottom:1px solid #b7dce9;font-size:14px;line-height:1.5}
.deployment-notice strong{flex-shrink:0}
.deployment-notice span{flex:1 1 320px}
@media(max-width:560px){.deployment-notice{padding:12px 18px;font-size:13px}}

.integration-notice{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);z-index:10000;width:max-content;max-width:calc(100% - 24px);padding:8px 14px;border-radius:10px;background:#fff2c6;color:#5f4400;font-size:12px;text-align:center;box-shadow:0 2px 12px #0002;pointer-events:none}

/* One consistent, rounded icon system with feedback tied to the action. */
.i{stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .22s ease,opacity .22s ease}
.i path,.i rect,.i circle{vector-effect:non-scaling-stroke}
.navlink .i{width:20px;height:20px}
.navlink:hover .i,.navlink:focus-visible .i{transform:translateY(-2px)}
.navlink.active .i{stroke-width:2;color:#7de9fa}
.btn:hover .i-settings,.btn:focus-visible .i-settings{transform:rotate(35deg)}
.btn:hover .i-arrow,.btn:focus-visible .i-arrow{transform:translateX(3px)}
.btn:hover .i-plus,.btn:focus-visible .i-plus{transform:rotate(90deg)}
.btn:hover .i-refresh,.btn:focus-visible .i-refresh{transform:rotate(45deg)}
.i-menu path{transform-origin:12px 12px;transition:transform .22s ease,opacity .18s ease}
[data-action="toggle-menu"][aria-expanded="true"] .i-menu path:nth-child(1){transform:translateY(6px) rotate(45deg)}
[data-action="toggle-menu"][aria-expanded="true"] .i-menu path:nth-child(2){opacity:0}
[data-action="toggle-menu"][aria-expanded="true"] .i-menu path:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.btn:focus-visible,.navlink:focus-visible{outline:3px solid #00a5e2;outline-offset:3px}
.confirm-dialog{width:min(460px,calc(100% - 32px));padding:28px;border:1px solid var(--line);border-radius:22px;background:white;color:var(--ink);box-shadow:0 24px 90px #071a2140}
.confirm-dialog::backdrop{background:#071a2180;backdrop-filter:blur(4px)}
.confirm-dialog h2{font-size:22px;margin:18px 0 10px}
.confirm-dialog p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:24px}
.confirm-dialog .actions{justify-content:flex-end;flex-wrap:wrap}
.confirm-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e6f4fa;color:var(--accent)}
@container workspace (max-width:560px){
 .agenda-toolbar .grow{grid-column:1/-1;grid-row:3}
 .agenda-toolbar>button:last-child{grid-column:2/-1}
 .activity:has([data-action="edit-role"]),.activity:has([data-action="revoke-member"]){flex-wrap:wrap}
 .activity:has([data-action="edit-role"])>.grow,.activity:has([data-action="revoke-member"])>.grow{flex-basis:100%;overflow-wrap:anywhere}
}

/* Guided setup and customer actions adapt to the available panel width. */
.onboarding-progress{display:flex;gap:8px;margin:28px 0}.onboarding-progress span{flex:1;padding:12px 4px;border-bottom:3px solid #dce5e8;color:var(--muted);font-size:12px}.onboarding-progress .active{color:var(--accent);border-color:var(--accent)}
.sector-fieldset{border:0;padding:0;margin:18px 0 24px}.sector-fieldset legend{font-size:13px;margin-bottom:12px}.sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sector-option{position:relative;cursor:pointer}.sector-option input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.sector-option>span{display:flex;align-items:center;gap:10px;min-height:65px;padding:12px;border:1px solid #dce5e8;border-radius:14px;transition:background .2s,border-color .2s,transform .2s}.sector-option strong{font-size:12px;line-height:1.5}.sector-option input:checked+span{background:#e6f4fa;border-color:var(--accent);color:var(--accent)}.sector-option input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.sector-option:hover>span{transform:translateY(-2px)}.registration-wizard section:not([hidden]){animation:setup-enter .35s ease-out}.registration-wizard [hidden]{display:none!important}.registration-wizard .btn+.btn{margin-top:10px}.onboarding-orbit{display:flex;gap:20px;margin-bottom:28px}.onboarding-orbit .i{width:36px;height:36px;animation:setup-float 4s ease-in-out infinite}.onboarding-orbit .i:nth-child(2){animation-delay:-1.2s}.onboarding-orbit .i:nth-child(3){animation-delay:-2.4s}.customer-actions{min-width:180px;flex-wrap:wrap}.customer-actions .btn{white-space:nowrap}
@keyframes setup-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes setup-float{50%{transform:translateY(-9px) rotate(5deg)}}
@media(max-width:480px){.sector-grid{gap:8px}.sector-option>span{padding:10px;gap:7px}.onboarding-progress{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.registration-wizard section,.onboarding-orbit .i{animation:none}.sector-option>span{transition:none}.sector-option:hover>span{transform:none}}

.customer-search{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.customer-search .field{flex:1;min-width:220px;margin:0}.customer-card h2{margin:0;overflow-wrap:anywhere;font-size:19px}.customer-card .grow{min-width:0}.customer-contact{display:grid;gap:8px}.customer-contact span{display:flex;align-items:center;gap:9px;overflow-wrap:anywhere;word-break:break-word;font-size:13px}.customer-contact .i{flex-shrink:0}.customer-note{white-space:pre-wrap;overflow-wrap:anywhere;max-height:90px;overflow:auto}.customer-card .customer-actions{margin-top:auto}@container workspace (max-width:720px){.customer-grid{grid-template-columns:minmax(0,1fr)}}

.subscription-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid #d9e5e8;border-radius:16px;margin-bottom:24px;background:white}.subscription-notice p{font-size:13px;margin:8px 0 0;max-width:660px;line-height:1.6}.subscription-notice strong{font-size:14px}.subscription-notice .i{vertical-align:middle;margin-right:8px}.subscription-notice.restricted{border-color:#e7cf9b;background:#fffaf0}.subscription-notice.licensed{color:#245d50}.subscription-notice .actions{flex-wrap:wrap}@container workspace (max-width:720px){.subscription-notice{align-items:start;flex-direction:column}.subscription-notice .actions .btn{flex:1}}

/* Atry refinement: quieter status, light vector details and focused workspaces. */
:root{font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif;--shadow:0 4px 20px #09232c04}
.i{fill:none;stroke-width:1.55}.navlink.active .i{stroke-width:1.65}.sector-option .i{width:25px;height:25px;color:#39839b;stroke-width:1.45}.sector-option strong{font-weight:550;color:#405860}.sector-option input:checked+span strong{color:#006d94}.sector-option>span{background:#fbfdfe;border-radius:16px;min-height:72px}.sector-option:hover>span{background:#f2fafd}
@media(max-width:1000px){.sidebar{box-shadow:none!important;visibility:hidden;pointer-events:none}.sidebar.open{visibility:visible;pointer-events:auto;box-shadow:none!important}.sidebar-backdrop.visible{backdrop-filter:none}}
.subscription-status{position:relative;display:table;margin:0 0 19px auto;font-size:12px;color:#48635e;max-width:100%}.subscription-status summary{list-style:none;display:flex;gap:8px;align-items:center;cursor:pointer;padding:7px 11px;border:1px solid #dce8e3;border-radius:100px;background:#f8fcfa;font-weight:550;width:max-content;max-width:100%}.subscription-status summary::-webkit-details-marker{display:none}.subscription-status summary>.i{width:13px;height:13px;transition:transform .2s}.subscription-status[open] summary>.i{transform:rotate(90deg)}.status-dot{width:6px;height:6px;border-radius:50%;background:#309a77;display:inline-block;flex-shrink:0}.subscription-detail{position:absolute;right:0;top:calc(100% + 8px);width:min(310px,calc(100vw - 38px));padding:20px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 36px #102d3710;border-radius:17px;z-index:12;color:var(--ink)}.subscription-detail strong{font-size:14px}.subscription-detail p{font-size:12px;color:var(--muted);margin:9px 0 13px}.subscription-detail a{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--accent)}
.auth-artwork{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 0%,#16475b 0,transparent 55%),linear-gradient(150deg,#102e3c,#071c27 75%);min-height:100svh}.auth-artwork::before{content:"";position:absolute;width:70vw;height:70vw;max-width:950px;max-height:950px;border:1px solid #74ddf20a;border-radius:50%;left:-36vw;top:12%;pointer-events:none;z-index:-1}.auth-artwork .logo{position:relative;z-index:2}.auth-artwork .auth-pitch{padding:55px 0 25px;position:relative;z-index:1;max-width:520px}.auth-artwork .auth-pitch .eyebrow{font-size:9px;letter-spacing:.22em;font-weight:550;color:#85b9c8}.auth-artwork .auth-pitch h1{font-weight:480;font-size:clamp(42px,4.8vw,76px);line-height:1.12;letter-spacing:-.055em;margin:24px 0}.auth-artwork h1 span{color:#74d9ed}.auth-artwork .auth-pitch p{font-size:15px;line-height:1.8;color:#9ebac6;font-weight:400}.auth-signature{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:#89abb9;position:relative;z-index:2}.auth-signature .status-dot{background:#71d0e4}.auth-signature>span:last-child{flex-basis:100%;margin-top:14px;font-size:8px;letter-spacing:.2em;color:#638b9b}.brand-sculpture{position:absolute;right:-100px;bottom:-40px;width:270px;height:230px;z-index:-1;opacity:.55;transform:rotate(-12deg);pointer-events:none}.brand-sculpture img{position:absolute;object-fit:contain;width:190px;height:90px;left:40px;top:66px;filter:drop-shadow(0 18px 30px #29d2ff18);animation:atry-drift 9s ease-in-out infinite}.sculpture-ring{position:absolute;inset:8px;border:1px solid #71dbf022;border-radius:50%;transform:rotateX(40deg) rotate(-25deg)}.sculpture-ring.second{inset:28px -5px;transform:rotate(50deg);border-color:#71dbf010}.sculpture-star{position:absolute;right:22px;top:30px;color:#78d9ed}.sculpture-star .i{width:28px;height:28px;stroke-width:1;animation:atry-drift 7s ease-in-out infinite reverse}.auth-mobile-brand{display:none}.auth-return{display:inline-flex;gap:7px;align-items:center;color:var(--muted);font-size:12px}.auth-form{max-width:430px}.auth-form h2{font-weight:580;letter-spacing:-.04em}.auth-form>.eyebrow{font-weight:600}.auth-form .bottom{line-height:1.7}.auth-right input{background:#fcfdfe}.auth-right .btn{font-weight:600;min-height:48px}.onboarding-progress span{font-weight:500;border-bottom-width:2px}
@keyframes atry-drift{50%{transform:translateY(-12px) rotate(5deg)}}
.logo-upload{display:flex;gap:20px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fbfdfe}.logo-upload-preview{display:grid;place-items:center;flex-shrink:0;width:84px;height:84px;border-radius:21px;background:repeating-conic-gradient(#f0f5f7 0 25%,white 0 50%) 0/16px 16px;border:1px solid #e2eaee;overflow:hidden;color:#5c899a}.logo-upload-preview>.i{width:30px;height:30px}.logo-upload-preview img{width:100%;height:100%;object-fit:contain;padding:8px}.logo-upload strong{font-size:14px;font-weight:600}.logo-upload p{font-size:12px;color:var(--muted);margin:5px 0 12px}.upload-trigger{position:relative;overflow:hidden;color:var(--accent)!important;cursor:pointer;min-width:138px}.upload-trigger input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0}.upload-trigger:focus-within{outline:3px solid #00a5e260;outline-offset:2px}.upload-filename{display:block;overflow-wrap:anywhere;font-size:11px;margin-top:9px;color:var(--muted)}.brand-color-control{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfdfe}.color-picker{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;margin:0!important}.color-picker input[type=color]{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:0;cursor:pointer;background:transparent}.color-picker input::-webkit-color-swatch-wrapper{padding:3px}.color-picker input::-webkit-color-swatch{border:0;border-radius:10px}.brand-color-control code{font-size:11px;color:#66818c}.color-swatches{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.color-swatch{background:var(--swatch);width:25px;height:25px;border:3px solid white;border-radius:50%;padding:0;outline:1px solid #dce5e8}.color-swatch[aria-pressed=true]{outline:2px solid #0086b8;outline-offset:2px}.color-swatch:hover{transform:scale(1.1)}
.receipt-shell{background:radial-gradient(ellipse at 50% 0,#eaf5fa,transparent 65%),#f5f8fa;min-height:100svh}.receipt-wrap{max-width:620px;padding:32px 20px 50px;margin:auto}.receipt-card{border:1px solid #dce8ee;border-radius:28px;background:#fff;box-shadow:0 15px 65px #183a4810;overflow:hidden}.receipt-heading{padding:34px 32px 24px;text-align:center}.receipt-heading h1{font-size:32px;line-height:1.12;font-weight:560;letter-spacing:-.05em;margin:20px 0 12px;color:#15333f}.receipt-heading p{font-size:13px;line-height:1.7;color:#6a808c;margin-bottom:0}.receipt-check{display:grid;place-items:center;width:55px;height:55px;border-radius:20px;background:linear-gradient(140deg,#d9f7ff,#eaf8fa);color:#0086b8;margin:0 auto 16px}.receipt-check .i{width:28px;height:28px;stroke-width:1.6}.receipt-heading .badge{font-size:10px;font-weight:550;padding:6px 10px;border:0;background:#edf8f5}.receipt-service{padding:22px 32px 20px;border-top:1px solid #edf2f5}.receipt-service .eyebrow{font-size:9px;color:#6e8a97;font-weight:550;letter-spacing:.16em}.receipt-service h2{font-size:24px;line-height:1.3;font-weight:550;margin:10px 0 8px}.receipt-service p{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:0}.receipt-schedule{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;padding:0 32px 25px}.receipt-schedule>div{display:flex;gap:11px;align-items:flex-start}.receipt-schedule .i{color:#5d9bb3;margin-top:3px}.receipt-schedule span{font-size:11px;color:#6b8290;display:block}.receipt-schedule strong{display:block;font-size:14px;font-weight:550;color:#284652;line-height:1.6;margin-top:5px}.receipt-schedule>div:last-child strong{font-size:23px;line-height:1.1}.receipt-schedule small{font-weight:400;font-size:12px}.receipt-price{padding:23px 32px;background:linear-gradient(110deg,#eff9fd,#f6fcfe);border-top:1px solid #e1f0f6;border-bottom:1px solid #e1f0f6;display:flex;gap:16px;align-items:center;justify-content:space-between}.receipt-price>span{font-size:12px;color:#335d70}.receipt-price>span small{display:block;font-size:10px;color:#73909e;margin-top:6px}.receipt-price>strong{font-size:32px;font-weight:500;color:#009ed4;letter-spacing:-.05em;white-space:nowrap}.receipt-price>strong small{font-size:10px;letter-spacing:.08em;font-weight:500;color:#5c9bb1}.receipt-footer{padding:25px 32px}.receipt-footer h3{font-size:13px;font-weight:600;display:flex;gap:9px;align-items:center}.receipt-footer>p{font-size:12px;color:#6b8290;line-height:1.8}.receipt-footer .actions{gap:10px;flex-wrap:wrap}.receipt-footer .actions>.btn{flex:1;font-weight:550}.receipt-link{margin:18px 0;font-size:11px;color:var(--muted)}.receipt-link summary{cursor:pointer}.receipt-link .preview-url{font-size:11px;margin-top:10px;overflow-wrap:anywhere}.receipt-signature{font-size:11px;color:#8a9ea7;text-align:center;margin:24px 0 0}.receipt-signature strong{display:block;font-size:9px;letter-spacing:.2em;color:#628c9e;margin-top:10px}.manage-receipt{width:min(600px,100%);margin:20px auto}.manage-receipt>.logo{display:flex;justify-content:center;margin-top:30px}.manage-receipt .receipt-heading{padding-top:25px}.manage-receipt .receipt-footer{margin:0}.manage-receipt .hint-block{font-size:12px}
.admin-shell{min-height:100svh;background:#f5f8fa}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid #e5edf0}.admin-main{max-width:1248px;padding:40px 24px 70px;margin:auto}.admin-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 38px;border-radius:25px;background:radial-gradient(ellipse at 95% 10%,#20576a80,transparent 65%),#102d3b;color:white}.admin-welcome .eyebrow{font-size:9px;color:#8bbcca;font-weight:500;letter-spacing:.19em}.admin-welcome h1{font-size:clamp(30px,3.6vw,46px);font-weight:500;margin:17px 0 14px;line-height:1.12}.admin-welcome em{font-style:normal;color:#7cd5eb}.admin-welcome p{color:#aac4d0;font-size:13px;max-width:380px;margin:0}.admin-welcome-mark{border:1px solid #7bdae521;border-radius:32px;display:grid;place-items:center;width:115px;height:115px;transform:rotate(-8deg);margin-right:30px;background:#7dd8ee06}.admin-welcome-mark .i{width:60px;height:60px;stroke-width:1;color:#86d0e3}.admin-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 32px}.admin-stat{position:relative;display:grid;gap:14px;text-align:left;background:white;border:1px solid #e0e9ed;padding:20px;border-radius:17px;color:var(--ink)}.admin-stat>span{display:flex;gap:9px;align-items:center;font-size:12px;color:#67828e}.admin-stat>span .i{color:#5a99b1}.admin-stat>strong{font-size:30px;font-weight:500;color:#244855;line-height:1}.admin-stat>.i{position:absolute;right:18px;bottom:20px;width:16px;color:#7ea6b6}.admin-stat.selected{border-color:#a9d6e6;background:#f7fcff}.admin-navigation{display:flex;gap:26px;border-bottom:1px solid #dfe9ed;margin-bottom:30px;overflow-x:auto}.admin-navigation button{display:flex;align-items:center;gap:8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6b828e;padding:0 2px 16px;white-space:nowrap;font-size:13px;font-weight:500}.admin-navigation button[aria-pressed=true]{color:#007fae;border-bottom-color:#0086b8}.admin-section-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:22px}.admin-section-heading h2{font-weight:550;font-size:24px;margin:9px 0}.admin-section-heading p{font-size:12px;color:#6b828e;margin:0;max-width:590px}.admin-section-heading .eyebrow{font-size:9px;font-weight:550;color:#7492a0}.admin-count{font-size:11px;color:#78929e;white-space:nowrap}.admin-search{display:grid;grid-template-columns:minmax(0,1fr) 200px auto;gap:12px;margin-bottom:20px}.admin-search-input{position:relative}.admin-search-input>.i{position:absolute;left:15px;top:14px;color:#82a0ad}.admin-search-input input{padding-left:43px;background:#fff}.admin-search select{background:#fff;font-size:12px}.admin-business-list{display:grid;gap:12px}.admin-business-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:24px;align-items:center;padding:23px;background:#fff;border:1px solid #e0e9ed;border-radius:18px}.admin-business-identity{display:flex;gap:14px;align-items:flex-start;min-width:0}.admin-business-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#edf6fb;color:#5b93aa;font-size:13px;flex-shrink:0}.admin-business-identity h3{font-size:15px;font-weight:600;margin:2px 0 5px;overflow-wrap:anywhere}.admin-business-identity p{font-size:11px;color:#6c8591;margin:0;overflow-wrap:anywhere}.business-code{font-size:10px;color:#7a96a3;margin-top:9px}.business-code summary{cursor:pointer}.business-code code,.business-code>span{display:block;overflow-wrap:anywhere;margin-top:8px}.business-code .btn{margin-top:8px}.license-state{font-size:11px;display:inline-flex;align-items:center;gap:7px;color:#438774}.license-state.pending,.license-state.expired{color:#9a742d}.license-state.pending .status-dot,.license-state.expired .status-dot{background:#c7a25a}.license-state.suspended{color:#9d6464}.license-state.suspended .status-dot{background:#b67d7d}.admin-business-license p{font-size:11px;color:#81939e;margin:8px 0 0}.admin-business-action{display:grid;gap:11px;justify-items:end}.admin-business-action>span{font-size:10px;color:#8a9da6}.admin-business-action .btn{font-weight:550;font-size:12px}.admin-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-plan{padding:28px}.admin-plan h2{font-size:25px;font-weight:550;margin:20px 0 12px}.plan-capacity{font-size:12px;color:#79909d}.plan-capacity strong{font-size:25px;font-weight:500;color:#28627b;margin-right:3px}.admin-plan ul{list-style:none;padding:10px 0;margin:0 0 20px}.admin-plan li{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:12px;border-bottom:1px solid #eef3f5;color:#54717e}.admin-plan li>.i{color:#5796ac;width:16px}.admin-plan li small{margin-left:auto;font-size:10px;color:#8a9ea7}.admin-plan .btn{font-weight:550}.admin-health{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.admin-health>div{display:flex;gap:16px;align-items:center;padding:24px;background:white;border:1px solid var(--line);border-radius:18px;color:#5c91a6}.admin-health span{font-size:12px;color:#76909b}.admin-health strong{display:block;font-weight:550;color:#284a59;font-size:17px;margin-top:7px}.admin-disclosure{border:1px solid var(--line);background:#fff;padding:18px;border-radius:16px;margin:20px 0}.admin-disclosure summary{font-size:12px;color:#6a8795;cursor:pointer}.admin-disclosure .notice{margin-top:16px}.admin-main .card h2{font-size:20px;font-weight:550}.admin-main .card h3{font-size:14px;font-weight:550;margin-top:22px}.admin-audit-event{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #edf2f5;color:#8fabb6}.admin-audit-event strong{display:block;font-size:12px;font-weight:550;color:#425e6c}.admin-audit-event span{font-size:10px;display:block;color:#93a4ae;margin-top:6px}.admin-incidents{margin-top:20px}.admin-main .empty{padding:28px;font-size:12px}.admin-incidents .activity{flex-wrap:wrap}.admin-incidents .actions{flex-wrap:wrap}.modal:has([data-form=admin-business]){max-width:620px}.modal:has([data-form=admin-business]) .modal-head h2{font-size:20px;font-weight:550}.modal:has([data-form=admin-business]) .hint-block{font-size:12px;line-height:1.7}.modal:has([data-form=admin-business]) h3{font-size:15px;font-weight:550}
@media(min-width:801px) and (max-width:1150px){.auth-artwork{padding-left:36px;padding-right:36px}.brand-sculpture{opacity:.25;right:-70px}.auth-artwork .auth-pitch h1{font-size:52px}}
@media(max-width:800px){.auth-mobile-brand{display:block;margin-bottom:42px}.auth-artwork{display:none}.admin-business-card{grid-template-columns:minmax(0,1fr) auto}.admin-business-license{grid-column:1;grid-row:2}.admin-business-action{grid-column:2;grid-row:1/3}.admin-welcome-mark{margin-right:0;width:85px;height:85px}.admin-overview{gap:10px}.admin-stat{padding:16px}.admin-stat>span{font-size:11px}.admin-search{grid-template-columns:minmax(0,1fr) 170px auto}.admin-main .grid2{grid-template-columns:1fr}.brand-color-control{gap:12px}}
@media(max-width:540px){.admin-topbar{padding:17px 18px;gap:10px;flex-wrap:wrap}.admin-topbar .brand-original{width:45px}.admin-topbar .logo{font-size:11px;gap:8px}.admin-topbar .logo b{padding-left:8px;font-size:10px}.admin-topbar .btn{min-width:36px;min-height:36px;padding:7px;font-size:11px}.admin-main{padding:22px 16px 45px}.admin-welcome{padding:26px 24px}.admin-welcome-mark{display:none}.admin-welcome p{font-size:12px}.admin-overview{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.admin-stat{gap:12px}.admin-navigation{gap:24px}.admin-section-heading{align-items:flex-start;gap:10px}.admin-section-heading h2{font-size:22px}.admin-count{font-size:10px;margin-top:24px}.admin-search{grid-template-columns:minmax(0,1fr) auto;gap:10px}.admin-search-input{grid-column:1/-1}.admin-search select{min-width:0}.admin-business-card{grid-template-columns:1fr;padding:20px;gap:16px}.admin-business-license{grid-column:auto;grid-row:auto;padding-left:58px}.admin-business-action{grid-column:auto;grid-row:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2f5;padding-top:16px}.admin-plans,.admin-health{grid-template-columns:1fr}.admin-plan{padding:24px}.admin-navigation button{font-size:12px}.receipt-wrap{padding:20px 14px 36px}.receipt-card{border-radius:22px}.receipt-heading{padding:28px 22px 24px}.receipt-heading h1{font-size:28px}.receipt-service{padding:22px}.receipt-schedule{padding:0 22px 23px;gap:16px;grid-template-columns:1.5fr 1fr}.receipt-schedule strong{font-size:12px}.receipt-price{padding:22px;gap:12px}.receipt-price>strong{font-size:28px}.receipt-price>span small{max-width:150px;line-height:1.7}.receipt-footer{padding:23px 22px}.receipt-footer .btn{font-size:12px;padding:11px 13px}.logo-upload{gap:15px;padding:17px;align-items:flex-start}.logo-upload-preview{width:60px;height:60px;border-radius:15px}.color-swatches{margin-left:0;width:100%;padding-top:4px}.color-swatch{width:29px;height:29px}.auth-right{padding:32px 23px}.subscription-status{margin-bottom:14px}.manage-receipt{margin:0}.recovery-shell:has(.manage-receipt){padding:20px 14px}}
/* A quieter brand panel; the form on the right retains its approved styling. */
.auth-artwork{background:radial-gradient(ellipse at 0 0,#113e50 0,transparent 65%),#091e29}
.auth-artwork::before{display:none}
.auth-artwork .auth-pitch{padding:60px 0;max-width:470px}
.auth-brand-line{width:38px;height:2px;background:#49cbe5;margin-bottom:32px}
.auth-artwork .auth-pitch h1{font-family:"Arial",sans-serif;font-size:clamp(46px,4.9vw,74px);font-weight:700;letter-spacing:-.055em;line-height:1.08;margin:0 0 26px}
.auth-artwork h1 span{color:#51cbe4}
.auth-artwork .auth-pitch p{font-size:13px;color:#98b4c0;letter-spacing:.01em;margin:0}
.auth-signature{font-size:11px;gap:4px;color:#7395a5}
.auth-signature strong{color:#a8c4cf;font-weight:500}
.auth-motion{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 10%,#000 75%)}
.auth-motion svg{position:absolute;right:-48%;top:4%;width:130%;height:92%;overflow:visible}
.auth-artwork .auth-pitch{z-index:1}
body.route-pending::after{content:"";position:fixed;top:0;left:0;width:100%;height:2px;z-index:1000;pointer-events:none;background:linear-gradient(90deg,transparent,#00a5d8,#78e5f5,transparent);background-size:50% 100%;background-repeat:no-repeat;animation:route-progress 1.3s ease-in-out infinite}
@keyframes route-progress{from{background-position:-100% 0}to{background-position:200% 0}}
@media(prefers-reduced-motion:reduce){.brand-sculpture img,.sculpture-star .i{animation:none}.subscription-status summary>.i,.color-swatch{transition:none}body.route-pending::after{animation:none;background:#0086b8}}

.auth-signature a{color:#a8c4cf;font-weight:500;text-decoration:none;text-underline-offset:4px;transition:color .18s ease}
.auth-signature a:hover{color:#51cbe4;text-decoration:underline}
.auth-signature a:focus-visible{outline:2px solid #51cbe4;outline-offset:5px;border-radius:2px}

/* Commercial views reuse the approved Atry tokens and components. */
.commercial-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.commercial-plan{display:flex;flex-direction:column;gap:14px;min-width:0}.commercial-plan.recommended{border:2px solid var(--primary,#007fae)}.commercial-plan h2{margin:0}.commercial-plan ul{list-style:none;margin:0 0 12px;padding:0;flex:1}.commercial-plan li{display:flex;gap:8px;margin:10px 0;font-size:13px}.commercial-plan li .i{flex-shrink:0}.commercial-price{font-size:32px;font-weight:750}.commercial-price span{font-size:13px;font-weight:400}.commercial-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.commercial-details dd{margin:4px 0;overflow-wrap:anywhere}.commercial-details dt{font-size:12px;color:#60757b}.commercial-request{margin:24px 0}.commercial-message{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;padding:16px;background:#f3f7f8;border-radius:12px}.commercial-request .checkline{margin:22px 0}@media(max-width:1000px){.commercial-plans{grid-template-columns:1fr}.commercial-details{grid-template-columns:1fr 1fr}}@media(max-width:500px){.commercial-details{grid-template-columns:1fr}.commercial-price{font-size:28px}}