/* Apple-inspired web workspace: system typography, grouped surfaces, direct feedback. */
:root {
 --ui-action:#0066d6; --ui-action-hover:#0058b8;
 --ui-bg:#f3f4f7; --ui-surface:#ffffff; --ui-subtle:#eef0f4; --ui-input:#f5f6f8;
 --ui-border:#dce0e7; --ui-text:#17202d; --ui-muted:#596575;
 --ui-accent:#0066d6; --ui-accent-hover:#0058b8; --ui-selected:#e6f0ff; --ui-selected-text:#005bbf;
 --workspace-glass:rgba(255,255,255,.88); --workspace-shadow:0 8px 28px rgb(30 45 70 / .045);
}
.dark {
 --ui-action:#006bd6; --ui-action-hover:#005ebc;
 --ui-bg:#101114; --ui-surface:#1c1e23; --ui-subtle:#272a31; --ui-input:#24272e;
 --ui-border:#373b45; --ui-text:#f2f4f8; --ui-muted:#b1b8c5;
 --ui-accent:#0877e8; --ui-accent-hover:#006bdd; --ui-selected:#203850; --ui-selected-text:#91c8ff;
 --workspace-glass:rgba(28,30,35,.92); --workspace-shadow:0 8px 28px rgb(0 0 0 / .12);
}
.apple-ui { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-optical-sizing:auto; letter-spacing:0; }
.apple-ui .ui-primary { background:var(--ui-action); border-radius:11px; min-height:44px; padding-inline:18px; box-shadow:0 2px 3px rgb(0 0 0 / .08); }
.apple-ui .ui-primary:hover { background:var(--ui-action-hover); }
.apple-ui .ui-primary:active { transform:scale(.98); opacity:1; }
.apple-ui .ui-brand { background:var(--ui-accent); border-radius:13px; }
.apple-ui .ui-avatar { background:var(--ui-selected); color:var(--ui-selected-text); }
.apple-ui :focus-visible { outline:3px solid var(--ui-selected-text); outline-offset:3px; }
.apple-ui input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.apple-ui select,.apple-ui textarea { background:var(--ui-input); border-color:transparent; border-radius:11px; min-height:44px; }
.apple-ui input:focus,.apple-ui select:focus,.apple-ui textarea:focus { background:var(--ui-surface); }
.apple-ui textarea { line-height:1.6; }
.apple-ui .ui-surface { background:var(--ui-surface); border:1px solid var(--ui-border); border-radius:20px; box-shadow:var(--workspace-shadow); }
.apple-ui [class~="text-indigo-500"],.apple-ui [class~="text-indigo-600"],.apple-ui [class~="text-indigo-700"],
.dark .apple-ui [class~="dark:text-indigo-300"],.dark .apple-ui [class~="dark:text-indigo-400"] { color:var(--ui-selected-text); }
.apple-ui [class~="bg-indigo-50"],.dark .apple-ui [class~="dark:bg-indigo-500/10"],.dark .apple-ui [class~="dark:bg-indigo-500/15"] { background:var(--ui-selected); }
.apple-ui .page-content { max-width:1540px; padding:32px; }
.apple-ui .page-content h1 { font-size:clamp(1.65rem,2.5vw,2.1rem); font-weight:730; line-height:1.18; letter-spacing:-.035em; }
.apple-ui .page-content h2 { font-weight:650; letter-spacing:-.018em; }
.apple-ui .page-content > .flex:has(h1),.apple-ui .page-content > div > .flex:has(h1) { margin-bottom:28px; gap:18px; }
.apple-ui .page-content p { line-height:1.6; }
.apple-ui .page-content form.workspace-filters { background:var(--ui-surface); border-radius:18px; padding:16px; box-shadow:none; }
.apple-ui .workspace-filters input,.apple-ui .workspace-filters select { background:var(--ui-subtle); }
.apple-ui .workspace-filters button[type="submit"] { background:var(--ui-selected); color:var(--ui-selected-text); border-radius:11px; min-height:44px; font-weight:600; }
.apple-ui .page-content .overflow-x-auto:has(table) { border-radius:18px; background:var(--ui-surface); border:1px solid var(--ui-border); box-shadow:var(--workspace-shadow); }
.apple-ui table { border-collapse:separate; border-spacing:0; width:100%; }
.apple-ui thead { background:var(--ui-surface); }
.apple-ui th { padding-block:16px; font-size:12px; text-transform:none; letter-spacing:0; font-weight:600; border-bottom:1px solid var(--ui-border); }
.apple-ui td { padding-block:18px; border-bottom:1px solid var(--ui-border); }
.apple-ui tbody tr:last-child td { border-bottom:0; }
.apple-ui td[colspan] { padding-block:50px; }
.apple-ui .form-extra { background:var(--ui-subtle); border:0; border-radius:12px; padding-inline:16px; box-shadow:none; }
.apple-ui .form-extra>summary { min-height:50px; }
.apple-ui .form-extra[open]>summary { border-color:var(--ui-border); }
.apple-ui .comfort-form.ui-surface,.apple-ui .comfort-form .ui-surface { padding:24px; }
.apple-ui .comfort-form label { font-weight:500; color:var(--ui-text); }
.apple-ui .comfort-form .form-actions { border:0; margin-top:8px; padding-top:14px; }
.apple-ui .comfort-form .form-actions a { color:var(--ui-muted); }
.apple-ui .ticket-compose { border:0; border-radius:22px; box-shadow:var(--workspace-shadow); }
.apple-ui .ticket-editor { padding:26px; }
.apple-ui .ticket-routing { background:var(--ui-subtle); border-left:0; padding:26px; }
.apple-ui .ticket-compose-footer { border-top:1px solid var(--ui-border); padding:18px 26px; }
.apple-ui .ticket-field input,.apple-ui .ticket-field select,.apple-ui .ticket-field textarea { border-color:transparent; }
.apple-ui .ticket-routing input,.apple-ui .ticket-routing select { background:var(--ui-surface); }
.apple-ui .ticket-compose textarea { min-height:112px; }

/* Desktop: navigation floats beside the workspace, rather than partitioning it. */
.apple-ui #sidebar { background:var(--ui-surface); border:1px solid var(--ui-border); border-radius:22px; box-shadow:var(--workspace-shadow); }
.apple-ui #sidebar>div:first-of-type { height:80px; border-bottom:0; padding-inline:20px; }
.apple-ui #sidebar nav { padding:0 12px 16px; }
.apple-ui #sidebar nav a { min-height:43px; border-radius:11px; padding:10px 12px; font-size:13px; color:var(--ui-muted); transition:none; }
.apple-ui #sidebar nav a[aria-current="page"] { background:var(--ui-action); color:#fff; box-shadow:0 3px 7px rgb(0 73 150 / .13); }
.apple-ui #sidebar nav a[aria-current="page"]>svg { color:inherit; }
.apple-ui #sidebar .seccion-label { color:var(--ui-muted); font-size:11px; font-weight:600; margin-left:10px; padding-top:10px; }
.apple-ui #sidebar nav>div { margin-bottom:14px; }
.apple-ui #sidebar .sidebar-footer { border-top:1px solid var(--ui-border); }
.apple-ui #sidebar .sidebar-footer button { border-radius:10px; }
.apple-ui .app-header { background:var(--workspace-glass) !important; backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%); height:76px; border:0; padding-inline:32px; gap:14px; }
.apple-ui .app-header #globalSearch { max-width:360px; margin-left:auto; }
.apple-ui .app-header #globalSearchInput { border:0; background:var(--ui-subtle); border-radius:12px; min-height:42px; }
.apple-ui .app-header>div:last-child { margin-left:0; }
.workspace-location { display:flex; align-items:center; gap:10px; min-width:0; font-size:12px; color:var(--ui-muted); }
.workspace-location>strong { color:var(--ui-text); font-weight:600; max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-location>svg { width:13px; height:13px; flex-shrink:0; }
.apple-ui #mainArea>footer { border:0; padding:24px 32px; color:var(--ui-muted); }
.workspace-mobile-nav { display:none; }
@media(min-width:1024px) {
 .apple-ui #sidebar { width:236px; left:16px; top:16px; bottom:16px; }
 .apple-ui #mainArea { margin-left:268px; }
 .apple-ui .app-header { top:0; }
 body.apple-ui.sidebar-collapsed #sidebar { width:76px; }
 body.apple-ui.sidebar-collapsed #mainArea { margin-left:108px; }
 .apple-ui .skip-link { left:284px; }
}
@media(min-width:1024px) and (max-width:1279px) { .workspace-location { display:none; } }

/* Home: one operational overview, with action groups and compact analysis. */
.apple-ui .dash-heading { align-items:center; margin-bottom:26px; }
.apple-ui .dash-heading h1 { font-size:clamp(1.85rem,3vw,2.3rem); }
.apple-ui .dash-browse { color:var(--ui-selected-text); background:var(--ui-selected); border-radius:999px; padding:10px 16px; }
.apple-ui .dash-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:transparent; border:0; border-radius:0; gap:12px; padding:0; margin-bottom:32px; }
.apple-ui .dash-shortcuts>a { min-width:0; }
@media(max-width:1279px) { .apple-ui .dash-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.apple-ui .dash-shortcuts>a { background:var(--ui-surface); border:1px solid var(--ui-border); border-radius:17px; padding:18px; min-height:88px; box-shadow:var(--workspace-shadow); }
.apple-ui .dash-shortcuts>a>svg:first-child { background:var(--ui-selected); border-radius:12px; padding:9px; width:38px; height:38px; }
.apple-ui .dash-shortcuts small { font-size:11px; }
.apple-ui .dash-overview { background:var(--ui-surface); border:1px solid var(--ui-border); border-radius:22px; padding:24px; box-shadow:var(--workspace-shadow); }
.apple-ui .dash-metrics { gap:20px; }
.apple-ui .dash-metrics>div { border-right:1px solid var(--ui-border); }
.apple-ui .dash-metrics>div:last-child { border:0; }
.apple-ui .dash-metrics dd { font-size:36px; line-height:1.3; font-weight:650; }
.apple-ui .dash-secondary { margin-top:14px; padding-top:16px; border-top:1px solid var(--ui-border); }
.apple-ui .dash-primary-charts { margin-top:20px; }
.apple-ui .dash-primary-charts>.dash-chart { border-radius:22px; border:1px solid var(--ui-border); padding:24px; box-shadow:var(--workspace-shadow); }
.apple-ui .dash-chart-plot { height:180px; }
.apple-ui .dash-primary-charts .dash-chart-plot { height:170px; }
.apple-ui .dash-quality { border:0; padding:24px; background:var(--ui-subtle); border-radius:20px; margin-top:20px; }
.apple-ui .dash-analysis { background:var(--ui-surface); border:1px solid var(--ui-border); border-radius:20px; padding:24px; }
.apple-ui .dash-disclosure:last-child { border:0; }

/* Authentication: a quiet entry point, motion contained in the support diagram. */
.apple-ui.auth-page { background:var(--ui-bg); }
.apple-ui .auth-backdrop { display:none; }
.apple-ui .auth-topbar { padding:28px 40px; max-width:1440px; width:100%; margin-inline:auto; }
.apple-ui .brand-mark { background:var(--ui-accent); border-radius:14px; box-shadow:none; }
.apple-ui .auth-shell { max-width:1080px; width:calc(100% - 64px); margin:20px auto 32px; min-height:520px; background:var(--ui-surface); border:1px solid var(--ui-border); border-radius:30px; box-shadow:0 16px 54px rgb(30 45 70 / .07); gap:0; overflow:hidden; }
.apple-ui .auth-intro { background:var(--ui-subtle); padding:46px 38px 28px; border-radius:0; }
.apple-ui .auth-intro h2 { color:var(--ui-text); font-size:clamp(2.2rem,4vw,3.5rem); font-weight:700; line-height:1.06; letter-spacing:-.035em; }
.apple-ui .auth-intro>p { color:var(--ui-muted); font-size:14px; line-height:1.7; max-width:36ch; margin-top:20px; }
.apple-ui .auth-access { padding:40px; }
.apple-ui .auth-shell { flex:none; }
.apple-ui .auth-access h1 { font-size:30px; font-weight:700; }
.apple-ui .auth-access-inner { max-width:340px; }
.apple-ui .auth-description { margin-bottom:26px; }
.apple-ui .login-field input { min-height:50px; border:1px solid var(--ui-border); border-radius:13px; background:var(--ui-surface); }
.apple-ui .login-form>button { border-radius:13px; min-height:50px; background:var(--ui-action); box-shadow:none; }
.apple-ui .login-form>button:hover { background:var(--ui-action-hover); }
.apple-ui .page-content [data-paso-marker] button[data-active="true"] { background:var(--ui-action); }
.apple-ui .auth-stage { margin-top:20px; min-height:170px; }
.apple-ui .network-wire { stroke:var(--ui-border); }
.apple-ui .network-port { stroke:var(--ui-accent); fill:var(--ui-selected); }
.apple-ui .network-signal { fill:var(--ui-accent); }
.apple-ui .network-label,.apple-ui .network-hub-label { color:var(--ui-muted); }
.apple-ui .network-hub { width:76px; height:76px; border-radius:22px; background:var(--ui-surface); color:var(--ui-accent); box-shadow:0 8px 22px rgb(30 45 70 / .1); }
.apple-ui .network-hub svg { width:34px; height:34px; }
.apple-ui .auth-intro-footer { color:var(--ui-muted); font-size:11px; padding-top:24px; }
.apple-ui .auth-footer { max-width:1440px; width:100%; margin-inline:auto; padding:20px 40px; }
.apple-ui.public-page { background:var(--ui-bg); padding-top:40px; }
.apple-ui.public-page>.max-w-3xl { max-width:940px; }
.apple-ui.public-page .ui-surface { padding:28px; }

/* Tablet and phone: bottom navigation and records as labeled, touchable cards. */
@media(max-width:1023px) {
 .apple-ui #mainArea { margin-left:0; }
 .apple-ui #sidebar { width:300px; left:0; top:0; bottom:0; border-radius:0 24px 24px 0; }
 .apple-ui .app-header { height:68px; padding-inline:20px; }
 .workspace-location { display:none; }
 .apple-ui .page-content { padding:24px; }
 .apple-ui .app-header #globalSearch { max-width:none; }
 .apple-ui #mainArea { padding-bottom:calc(78px + env(safe-area-inset-bottom)); }
 .workspace-mobile-nav { display:flex; position:fixed; bottom:0; left:0; right:0; z-index:35; padding:8px 12px calc(8px + env(safe-area-inset-bottom)); background:var(--workspace-glass); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-top:1px solid var(--ui-border); gap:4px; }
 .workspace-mobile-nav>a,.workspace-mobile-nav>button { display:flex; flex:1; min-width:0; min-height:52px; flex-direction:column; align-items:center; justify-content:center; gap:4px; border-radius:13px; color:var(--ui-muted); font-size:10px; font-weight:500; }
 .workspace-mobile-nav svg { width:21px; height:21px; }
 .workspace-mobile-nav [aria-current="page"] { background:var(--ui-selected); color:var(--ui-selected-text); }
 .apple-ui .auth-shell { width:calc(100% - 48px); grid-template-columns:1fr 1fr; }
 .apple-ui .auth-intro { padding:36px 26px; }
 .apple-ui .auth-access { padding:32px 26px; }
 .apple-ui .auth-intro h2 { font-size:2.5rem; }
}
@media(max-width:767px) {
 .apple-ui .workspace-filters>.grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .apple-ui .workspace-filters>.grid>div:has(input[type="text"]),.apple-ui .workspace-filters>.grid>button[type="submit"] { grid-column:1/-1; }
 .apple-ui .workspace-filters select { width:100%; min-width:0; }
 .apple-ui .workspace-record-surface { background:transparent; border:0; box-shadow:none; overflow:visible; }
 .apple-ui .page-content { padding:24px 16px; }
 .apple-ui .page-content h1 { font-size:28px; line-height:1.2; }
 .apple-ui .app-header { padding-inline:12px; gap:6px; height:64px; }
 .apple-ui .app-header #globalSearchInput { font-size:16px; }
 .apple-ui .app-header>div:last-child { gap:0; }
 .apple-ui .app-header #userMenuBtn { padding-inline:4px; }
 .apple-ui .app-header #userMenuBtn>svg { display:none; }
 .apple-ui .comfort-form.ui-surface,.apple-ui .comfort-form .ui-surface { padding:20px; }
 .apple-ui .comfort-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),.apple-ui .comfort-form select,.apple-ui .comfort-form textarea { font-size:16px; }
 .apple-ui .ui-surface { border-radius:18px; }
 .apple-ui .dash-heading { align-items:flex-start; gap:16px; }
 .apple-ui .dash-shortcuts { gap:10px; margin-bottom:20px; }
 .apple-ui .dash-shortcuts>a { flex-basis:calc(50% - 10px); padding:14px; flex-direction:column; align-items:flex-start; gap:10px; min-height:105px; }
 .apple-ui .dash-shortcuts strong { font-size:13px; }
 .apple-ui .dash-shortcuts small { display:none; }
 .apple-ui .dash-shortcuts>a>svg:last-child { display:none; }
 .apple-ui .dash-overview { padding:20px; }
 .apple-ui .dash-metrics { gap:20px; }
 .apple-ui .dash-metrics>div:nth-child(2) { border:0; }
 .apple-ui .dash-metrics dd { font-size:32px; }
 .apple-ui .dash-primary-charts>.dash-chart,.apple-ui .dash-analysis,.apple-ui .dash-quality { padding:20px; }
 .apple-ui .page-content .overflow-x-auto:has(table.workspace-records) { border:0; background:transparent; box-shadow:none; overflow:visible; border-radius:0; }
 .apple-ui table.workspace-records { display:block; min-width:0; background:transparent; }
 .apple-ui .workspace-records thead { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .apple-ui .workspace-records tbody { display:grid; gap:12px; }
 .apple-ui .workspace-records tbody>tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; padding:20px; border:1px solid var(--ui-border); border-radius:18px; background:var(--ui-surface); }
 .apple-ui .workspace-records td { display:block; border:0; padding:0; min-width:0; white-space:normal; overflow-wrap:anywhere; }
 .apple-ui .workspace-records td::before { content:attr(data-label); display:block; font-size:11px; font-weight:500; color:var(--ui-muted); margin-bottom:5px; }
 .apple-ui .workspace-records td:first-child,.apple-ui .workspace-records td:last-child { grid-column:1/-1; }
 .apple-ui .workspace-records td:last-child { padding-top:10px; border-top:1px solid var(--ui-border); }
 .apple-ui .workspace-records td[colspan] { grid-column:1/-1; padding:18px 0; border:0; }
 .apple-ui .workspace-records td[colspan]::before { display:none; }
 .apple-ui .workspace-records td a,.apple-ui .workspace-records td button { min-height:44px; }
 .apple-ui .ticket-compose { border-radius:20px; }
 .apple-ui .ticket-routing { border-top:1px solid var(--ui-border); }
 .apple-ui .ticket-editor,.apple-ui .ticket-routing { padding:20px; }
 .apple-ui .ticket-compose-footer { padding:16px 20px; }
 .apple-ui .auth-topbar { padding:22px 20px; }
 .apple-ui .auth-shell { width:calc(100% - 32px); display:flex; flex-direction:column-reverse; min-height:0; margin-top:8px; border-radius:24px; }
 .apple-ui .auth-access { padding:30px 24px; }
 .apple-ui .auth-access-inner { max-width:none; }
 .apple-ui .auth-intro { display:block; padding:28px 24px; }
 .apple-ui .auth-intro h2 { font-size:2rem; }
 .apple-ui .auth-intro>h2,.apple-ui .auth-intro>p { display:block; }
 .apple-ui .auth-intro>p { margin-top:14px; }
 .apple-ui .auth-stage { display:none; }
 .apple-ui .auth-intro-footer { display:none; }
 .apple-ui .auth-footer { padding:20px; flex-wrap:wrap; gap:8px; }
 .apple-ui.public-page { padding-top:24px; }
 .apple-ui.public-page .ui-surface { padding:20px; }
}
@media(hover:hover) and (pointer:fine) {
 .apple-ui #sidebar nav a:not([aria-current="page"]):hover { background:var(--ui-subtle); color:var(--ui-text); }
 .apple-ui .dash-shortcuts>a:hover { background:var(--ui-selected); border-color:var(--ui-selected-text); }
 .apple-ui tbody tr:hover { background:var(--ui-subtle); }
}
@media(prefers-reduced-transparency:reduce) { .apple-ui .app-header,.workspace-mobile-nav { background:var(--ui-surface) !important; backdrop-filter:none; -webkit-backdrop-filter:none; } }
@media(prefers-reduced-motion:reduce) { .apple-ui .ui-primary:active { transform:none; } .apple-ui .network-signal { animation:none !important; opacity:0; } }
@media(prefers-contrast:more) { .apple-ui .app-header,.workspace-mobile-nav { background:var(--ui-surface) !important; backdrop-filter:none; } .apple-ui input,.apple-ui select,.apple-ui textarea { border-color:var(--ui-muted) !important; } }
@media print { .workspace-mobile-nav,.workspace-location { display:none !important; } .apple-ui #mainArea { margin:0; padding:0; } .apple-ui .ui-surface { box-shadow:none; } }