:root{
  --shell-bg-a:var(--qtr-bg-a,var(--qtr-page-light));
  --shell-bg-b:var(--qtr-bg-c,var(--qtr-page-soft));
  --shell-surface:var(--glass,var(--surface));
  --shell-line:var(--glass-border,var(--qtr-line));
  --shell-text:var(--text-primary,var(--qtr-ink));
  --shell-muted:var(--text-muted,var(--qtr-muted));
  --shell-shadow:var(--glass-shadow,var(--qtr-shadow));
  --shell-radius:var(--radius);
  --shell-accent:var(--qtr-accent,var(--accent));
  font-family:var(--qtr-font);
  color:var(--shell-text);
  background:var(--background);
}

*{box-sizing:border-box}
body{margin:0;width:100%;min-width:0;min-height:100vh;min-height:100dvh;background:var(--background);color:var(--shell-text);overflow-x:hidden;overflow-y:auto}
button,input,select{font:inherit;color:inherit}
button:focus-visible,input:focus-visible,select:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.qtr-app{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:var(--qtr-header-height) auto;min-width:0}
.qtr-header{display:flex;align-items:center;gap:var(--qtr-space-4);min-width:0;padding:var(--qtr-space-3) var(--qtr-space-5);border-bottom:1px solid var(--shell-line);background:color-mix(in srgb,var(--shell-surface) 88%,transparent);backdrop-filter:blur(var(--blur));position:relative;z-index:30}
.qtr-header-context{display:flex;align-items:center;gap:var(--qtr-space-4);min-width:0;flex:1 1 auto}
.qtr-header-primary{display:flex;align-items:center;justify-content:flex-start;gap:var(--qtr-space-2);min-width:0;flex:0 0 auto;direction:inherit}
.qtr-brand{display:flex;align-items:center;gap:10px;min-width:190px;flex:none;color:inherit;text-decoration:none}
.qtr-logo{width:42px;height:42px;border-radius:var(--radius-control);background:var(--primary-button-bg);display:grid;place-items:center;color:var(--qtr-on-accent);box-shadow:0 10px 22px var(--accent-soft);flex:none}
.qtr-brand b{display:block;font-size:15px}.qtr-brand em{display:block;font-size:12px;color:var(--shell-muted);font-style:normal;margin-top:1px}
.qtr-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--shell-muted);font-size:13px;white-space:nowrap;min-width:0;max-width:min(360px,24vw);overflow:hidden;text-overflow:ellipsis}.qtr-breadcrumb b{color:var(--shell-text);overflow:hidden;text-overflow:ellipsis}
.qtr-spacer{flex:1}
.qtr-action,.qtr-icon{height:var(--qtr-control-height);border-radius:var(--radius-control);border:1px solid var(--shell-line);background:var(--shell-surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 22px color-mix(in srgb,var(--qtr-shadow-color) 42%,transparent);cursor:pointer;transition:transform var(--motion),background var(--motion),border-color var(--motion)}
.qtr-action:hover,.qtr-icon:hover{transform:translateY(-1px);background:var(--surface);border-color:var(--accent-border)}
.qtr-icon{width:var(--qtr-control-height);padding:0;position:relative;flex:none}.qtr-icon svg,.qtr-action svg{width:19px;height:19px}.qtr-action{padding:0 14px;font-weight:800;white-space:nowrap}
.qtr-search{position:relative;width:clamp(220px,24vw,340px);height:var(--qtr-control-height);border:1px solid var(--shell-line);border-radius:var(--radius-control);background:var(--shell-surface);display:flex;align-items:center;gap:8px;padding:0 12px;flex:none}
.qtr-search:focus-within{border-color:var(--accent-border);box-shadow:var(--focus-ring)}
.qtr-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;box-shadow:none!important}
.qtr-user{height:var(--qtr-control-height);display:flex;align-items:center;gap:10px;border:1px solid var(--shell-line);background:var(--shell-surface);border-radius:var(--radius-control);padding:0 12px;cursor:pointer;position:relative;flex:none}
.qtr-avatar{width:30px;height:30px;border-radius:calc(var(--radius-control) - 3px);background:var(--accent-soft);display:grid;place-items:center;color:var(--shell-accent);font-weight:900;position:relative}.qtr-avatar .qtr-status-dot{position:absolute;inset-inline-end:-2px;bottom:-2px;border:2px solid var(--surface)}
.qtr-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--qtr-danger);color:var(--qtr-on-accent);font-size:10px;font-weight:900;display:grid;place-items:center}
.qtr-more{display:inline-flex}
.qtr-header-overflow{position:absolute;top:calc(100% + 10px);inset-inline-start:var(--qtr-space-5);z-index:60;width:min(360px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--shell-line);border-radius:var(--radius);background:var(--glass);box-shadow:var(--shell-shadow);backdrop-filter:blur(var(--blur))}
.qtr-header-overflow[hidden]{display:none!important}
.qtr-overflow-item{min-height:44px;border:1px solid var(--shell-line);border-radius:var(--radius-control);background:var(--surface-secondary);display:flex;align-items:center;gap:9px;padding:8px 10px;color:var(--shell-text);font-weight:800;cursor:pointer;text-align:start}
.qtr-overflow-item:hover{border-color:var(--accent-border);background:var(--active-bg);color:var(--accent-text)}
.qtr-overflow-item svg{width:18px;height:18px;color:var(--accent-text);flex:none}

.qtr-shell{display:block;width:100%;max-width:none;min-width:0;min-height:calc(100dvh - var(--qtr-header-height));height:auto;padding:0;overflow:visible;direction:inherit}
.qtr-shell.qtr-shell-product-layout{display:grid;grid-template-columns:minmax(var(--qtr-dock-collapsed),auto) minmax(0,1fr);height:calc(100dvh - var(--qtr-header-height));min-height:calc(100dvh - var(--qtr-header-height));padding:var(--qtr-space-5);gap:var(--qtr-space-5);overflow:hidden}
.qtr-dock{width:var(--qtr-dock-collapsed);min-width:0;min-height:0;height:100%;border:1px solid var(--shell-line);background:var(--shell-surface);backdrop-filter:blur(var(--blur));border-radius:var(--radius);box-shadow:var(--shell-shadow);padding:10px;display:flex;flex-direction:column;gap:8px;z-index:10;overflow:hidden;transition:width var(--motion);direction:inherit}
.qtr-dock[data-expanded="true"]{width:var(--qtr-dock-expanded)}
.qtr-dock-items{display:flex;flex:1;min-height:0;flex-direction:column;gap:7px;overflow:auto;scrollbar-width:none}.qtr-dock-items::-webkit-scrollbar{display:none}
.qtr-dock button{width:48px;min-height:48px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--shell-muted);display:flex;align-items:center;gap:11px;padding:0 14px;cursor:pointer;position:relative;flex:none;overflow:hidden;transition:width var(--motion),background var(--motion),color var(--motion)}
.qtr-dock[data-expanded="true"] button{width:100%}
.qtr-dock button span{opacity:0;white-space:nowrap;transition:opacity var(--motion)}.qtr-dock[data-expanded="true"] button span{opacity:1}
.qtr-dock button.active,.qtr-dock button:hover{background:var(--active-bg);color:var(--shell-accent)}
.qtr-dock button.active::before{content:"";position:absolute;inset-block:11px;inset-inline-start:0;width:3px;border-radius:999px;background:var(--shell-accent)}
.qtr-dock button svg{width:20px;height:20px;flex:none}.qtr-dock-pin{border-top:1px solid var(--shell-line)!important;border-radius:0!important}

.qtr-workspace{width:100%;max-width:none;min-width:0;min-height:calc(100dvh - var(--qtr-header-height));height:auto;overflow:visible}.qtr-shell.qtr-shell-product-layout .qtr-workspace{height:100%;min-height:0;overflow:hidden}.qtr-panel{width:100%;max-width:none;height:auto;min-width:0;min-height:calc(100dvh - var(--qtr-header-height));border:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible;display:block}.qtr-shell.qtr-shell-product-layout .qtr-panel{height:100%;min-height:0;overflow:hidden}
.qtr-home{min-width:0;width:100%;max-width:none;min-height:calc(100dvh - var(--qtr-header-height));padding:clamp(24px,4vw,64px);overflow:visible;overscroll-behavior:auto}.qtr-dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));min-width:0;gap:var(--qtr-space-5);align-items:stretch}
.qtr-dashboard[data-layout="single"] .qtr-widget{grid-column:1/-1!important}.qtr-dashboard[data-layout="focus"]{grid-template-columns:repeat(12,minmax(0,1fr))}
.qtr-widget{min-width:0}.qtr-widget.size-small{grid-column:span 4}.qtr-widget.size-medium{grid-column:span 6}.qtr-widget.size-large{grid-column:span 8}.qtr-widget.size-full{grid-column:1/-1}
.qtr-hero-card,.qtr-side-card,.qtr-product-card{border:1px solid var(--shell-line);background:var(--surface-secondary);border-radius:var(--radius);padding:var(--density)}
.qtr-hero-card,.qtr-side-card{height:100%}.qtr-hero-card h1{margin:0;font-size:42px;line-height:1.08}.qtr-hero-card p,.qtr-side-card p{color:var(--shell-muted);font-size:16px;line-height:1.8;max-width:760px}
.qtr-section-title{margin:0 0 14px}.qtr-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.qtr-chip{min-height:36px;border-radius:999px;border:1px solid var(--shell-line);background:var(--shell-surface);display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-size:13px;color:var(--shell-muted)}
.qtr-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:14px;min-width:0}.qtr-product-card{cursor:pointer;text-align:start;min-width:0;min-height:150px;height:100%;transition:transform var(--motion),border-color var(--motion)}.qtr-product-card:hover{transform:translateY(-2px);border-color:var(--accent-border)}
.qtr-product-card .icon{width:44px;height:44px;border-radius:var(--radius-control);background:var(--accent-soft);display:grid;place-items:center;color:var(--shell-accent);margin-bottom:16px}.qtr-product-card h3{margin:0 0 8px;font-size:17px}.qtr-product-card p{margin:0;color:var(--shell-muted);line-height:1.55;font-size:13px}
.qtr-hcm-frame{flex:1 1 auto;width:100%;height:auto;min-width:0;min-height:0;border:0;background:transparent;display:block}.qtr-product-shell{width:100%;max-width:none;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.qtr-product-head{height:58px;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--shell-line);background:color-mix(in srgb,var(--shell-surface) 90%,transparent)}
.qtr-daily-brief{display:grid;gap:16px}.qtr-daily-brief p{margin:0}.qtr-brief-priority{display:grid;gap:5px;padding:12px 14px;border:1px solid var(--shell-line);border-radius:var(--radius-control);background:var(--shell-surface)}.qtr-brief-priority small,.qtr-signal small,.qtr-journey small{color:var(--shell-muted)}.qtr-brief-priority strong{font-size:16px}.qtr-widget-action{min-height:38px;border:1px solid var(--shell-line);border-radius:var(--radius-control);background:var(--surface-secondary);color:var(--accent-text);padding:0 12px;font-weight:800;cursor:pointer}.qtr-widget-action:hover{border-color:var(--accent-border);background:var(--active-bg)}.qtr-signal-list,.qtr-journey-list{display:grid;gap:10px}.qtr-signal,.qtr-journey{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid var(--shell-line);border-radius:var(--radius-control);background:var(--surface-secondary)}.qtr-signal>i,.qtr-journey>i{width:18px;height:18px;color:var(--accent-text);flex:none}.qtr-signal div,.qtr-journey div{display:grid;gap:2px;min-width:0}.qtr-signal strong,.qtr-journey strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qtr-journey{width:100%;border-inline:0;border-top:0;border-radius:0;padding-inline:0;background:transparent;text-align:start;cursor:pointer}.qtr-journey:first-child{border-top:1px solid var(--shell-line);padding-top:11px;border-radius:var(--radius-control) var(--radius-control) 0 0}.qtr-journey:last-child{border-radius:0 0 var(--radius-control) var(--radius-control)}
.qtr-placeholder{height:100%;display:grid;place-items:center;text-align:center;padding:30px}.qtr-placeholder-inner{max-width:520px}.qtr-placeholder h1{margin:0 0 10px;font-size:36px}.qtr-placeholder p{color:var(--shell-muted);line-height:1.8}

/* SIGN-IN — a branded surface, not a form on a blank page.   Two layers: a wide accent wash carrying the security pattern, and the card floating on it.   The pattern art is stroked at low internal opacity, so the container has to give it real   presence; at 5% it was invisible on white, which is why the first attempt read as plain. */.qtr-login{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:22px;background:var(--background);overflow:auto}.qtr-login.active{display:grid}/* Layer 1 — the wash. A soft accent field so the white card has something to sit on. */.qtr-login::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 50% 0%,var(--accent-soft),transparent 70%)}/* Layer 2 — the pattern, at a weight where the motif is actually legible. */.qtr-login::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:url('/quatron-core/brand/patterns/quatron-pattern-security-light.svg?v=brand-v1.2') center/560px repeat;opacity:.5;-webkit-mask-image:radial-gradient(90% 70% at 50% 45%,black 35%,transparent 78%);mask-image:radial-gradient(90% 70% at 50% 45%,black 35%,transparent 78%)}[data-theme='dark'] .qtr-login::before,[data-appearance='dark'] .qtr-login::before{opacity:.28}.qtr-login-card{position:relative;z-index:1;width:min(430px,100%);border:1px solid var(--shell-line);background:var(--shell-surface);box-shadow:var(--elev-3);border-radius:var(--radius-card);padding:34px 30px 30px}.qtr-login-mark{display:flex;justify-content:center;margin-bottom:22px}.qtr-login-mark img{height:64px;width:auto;display:block}.qtr-login-mark .on-dark{display:none}[data-theme='dark'] .qtr-login-mark .on-light,[data-appearance='dark'] .qtr-login-mark .on-light{display:none}[data-theme='dark'] .qtr-login-mark .on-dark,[data-appearance='dark'] .qtr-login-mark .on-dark{display:block}.qtr-login-card h1{text-align:center;margin:0 0 22px;font-size:26px}/* THE SECONDARY ACTION MUST NOT LOOK PRIMARY.   `.qtr-login-card button` paints every button with the primary fill, and it wins on order,   so `background:none` alone left this rendering as a second blue slab of equal weight —   two primary actions, and no way to tell which one signs you in. Raised specificity, and   the properties are named explicitly rather than relying on the cascade. */.qtr-login-card button.qtr-login-forgot{width:auto;height:auto;min-height:0;margin:14px auto 0;display:block;background:none;background-color:transparent;border:0;box-shadow:none;padding:6px 8px;color:var(--accent-text);font-weight:700;font-size:13px;cursor:pointer;border-radius:var(--radius-control)}.qtr-login-card button.qtr-login-forgot:hover{background-color:var(--accent-soft);text-decoration:underline}.qtr-login-card button.qtr-login-forgot:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.qtr-login-lang{position:relative;z-index:1;margin-top:18px;display:inline-flex;align-items:center;gap:7px;background:var(--shell-surface);border:1px solid var(--shell-line);border-radius:999px;padding:8px 15px;color:var(--shell-muted);font-weight:700;font-size:13px;cursor:pointer;box-shadow:var(--elev-1)}.qtr-login-lang:hover{color:var(--accent-text);border-color:var(--accent-border)}.qtr-login-lang i{inline-size:15px;block-size:15px}@media (prefers-reduced-motion:reduce){.qtr-login::before{opacity:.22}}@media (max-width:520px){.qtr-login-mark img{height:52px}.qtr-login-card{padding:26px 20px 22px}}.qtr-login.active{display:grid}.qtr-login-card{width:min(430px,100%);border:1px solid var(--shell-line);background:var(--shell-surface);box-shadow:var(--shell-shadow);border-radius:var(--radius);padding:26px}.qtr-login-card h1{margin:0 0 8px}.qtr-login-card p{color:var(--shell-muted);line-height:1.8}.qtr-field{display:grid;gap:7px;margin-top:14px}.qtr-field span{font-weight:800;font-size:13px}.qtr-field input{height:46px;border:1px solid var(--shell-line);border-radius:var(--radius-control);background:var(--surface-secondary);padding:0 12px;outline:0}.qtr-login-card button{width:100%;height:48px;border:0;border-radius:var(--radius-control);background:var(--primary-button-bg);color:var(--qtr-on-accent);font-weight:900;margin-top:18px;cursor:pointer}.qtr-login-error{min-height:22px;color:var(--qtr-danger-text);font-size:13px;margin-top:10px}

.qtr-popover{position:fixed;z-index:70;border:1px solid var(--shell-line);background:var(--glass);color:var(--text-primary);box-shadow:var(--shell-shadow);backdrop-filter:blur(var(--blur));border-radius:var(--radius);overflow:hidden}.qtr-popover[hidden]{display:none!important}
.qtr-popover-head{min-height:58px;padding:12px 14px;border-bottom:1px solid var(--shell-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.qtr-popover-head b{display:block}.qtr-popover-head small{display:block;color:var(--shell-muted);font-size:11px}.qtr-popover-head button{border:0;background:transparent;color:var(--accent-text);font-weight:800;cursor:pointer}
.qtr-search-panel{position:absolute;top:calc(100% + 10px);inset-inline:0;width:min(520px,calc(100vw - 24px));max-height:min(560px,70vh)}.qtr-search-results{padding:8px;overflow:auto;max-height:480px}.qtr-search-result-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:4px;border-radius:var(--radius-control)}.qtr-search-result-row.active{background:var(--active-bg)}
.qtr-search-result{min-height:48px;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:8px 10px;text-align:start;cursor:pointer}.qtr-search-result>svg{width:18px;height:18px;color:var(--accent-text);flex:none}.qtr-search-result span{display:grid;min-width:0}.qtr-search-result b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qtr-search-result small{color:var(--shell-muted)}.qtr-search-favorite{border:0;background:transparent;color:var(--shell-muted);display:grid;place-items:center}.qtr-search-favorite svg{width:16px;height:16px}
.qtr-notifications-panel{top:calc(var(--qtr-header-height) + 8px);inset-inline-end:86px;width:min(430px,calc(100vw - 24px));max-height:calc(100vh - var(--qtr-header-height) - 24px)}.qtr-notification-list{overflow:auto;max-height:560px;padding:8px}.qtr-notification{display:grid;grid-template-columns:38px minmax(0,1fr) 34px;gap:10px;padding:12px;border-radius:var(--radius-control)}.qtr-notification.unread{background:var(--active-bg)}.qtr-notification-icon{width:36px;height:36px;border-radius:var(--radius-control);background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center}.qtr-notification-icon svg{width:17px;height:17px}.qtr-notification p{margin:4px 0;color:var(--shell-muted);line-height:1.5}.qtr-notification small{color:var(--shell-muted)}.qtr-notification div>button{display:block;margin-top:8px;border:0;background:transparent;color:var(--accent-text);font-weight:900;padding:0}.qtr-notification-read{border:0;background:transparent;color:var(--shell-muted)}
.qtr-quick-panel{top:calc(var(--qtr-header-height) + 8px);inset-inline-end:186px;width:min(420px,calc(100vw - 24px))}.qtr-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.qtr-action-grid button,.qtr-help-actions button,.qtr-profile-actions button{min-height:48px;border:1px solid var(--shell-line);background:var(--surface-secondary);border-radius:var(--radius-control);display:flex;align-items:center;gap:9px;padding:10px 12px;text-align:start;font-weight:800;cursor:pointer}.qtr-action-grid svg,.qtr-help-actions svg,.qtr-profile-actions svg{width:18px;height:18px;color:var(--accent-text)}
.qtr-help-panel{top:calc(var(--qtr-header-height) + 8px);inset-inline-end:238px;width:min(340px,calc(100vw - 24px))}.qtr-help-actions{display:grid;gap:8px;padding:10px}
.qtr-user-panel{top:calc(var(--qtr-header-height) + 8px);inset-inline-end:12px;width:min(360px,calc(100vw - 24px))}.qtr-profile-head{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--shell-line)}.qtr-profile-head small{display:block;color:var(--shell-muted);margin-top:2px}.qtr-profile-avatar{width:44px;height:44px;border-radius:var(--radius-control);background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;font-weight:900}.qtr-context-list{margin:0;padding:10px 16px;display:grid;gap:8px}.qtr-context-list div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px}.qtr-context-list dt{color:var(--shell-muted)}.qtr-context-list dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qtr-status-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--shell-muted);margin-inline-end:6px}.qtr-status-dot.active{background:var(--qtr-success)}.qtr-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border-top:1px solid var(--shell-line)}.qtr-profile-actions button.danger{color:var(--qtr-danger-text)}
.qtr-empty{padding:26px;text-align:center;color:var(--shell-muted)}.hidden{display:none!important}.qtr-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:1500px){.qtr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1280px){.qtr-header-context{gap:10px}.qtr-brand{min-width:auto}.qtr-brand>span:last-child em{display:none}.qtr-search{width:min(280px,24vw)}}
@media(max-width:1080px){.qtr-header{gap:8px;padding-inline:10px}.qtr-priority-header{display:none}.qtr-action span,.qtr-user b{display:none}.qtr-action{width:var(--qtr-control-height);padding:0}.qtr-search{width:min(220px,25vw)}}
@media(max-width:1100px){.qtr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body{overflow-x:hidden;overflow-y:auto}.qtr-app{min-height:100vh;min-height:100dvh;grid-template-rows:auto auto}.qtr-header{min-height:var(--qtr-header-height);flex-wrap:wrap;align-content:center}.qtr-header-context{flex:1 1 auto;min-width:0}.qtr-header-primary{display:contents}.qtr-header-primary .qtr-search{order:20;flex:1 0 100%;width:100%;min-width:100%}.qtr-header-overflow{inset-inline-start:10px}.qtr-shell.qtr-shell-product-layout{height:auto;min-height:calc(100dvh - var(--qtr-header-height));grid-template-columns:1fr;padding:10px;padding-bottom:86px;overflow:visible}.qtr-shell.qtr-shell-workspace-layout{min-height:calc(100dvh - var(--qtr-header-height));padding:0}.qtr-shell.product-layout .qtr-workspace{height:auto}.qtr-shell.qtr-shell-product-layout .qtr-dock,.qtr-shell.qtr-shell-product-layout .qtr-dock[data-expanded="true"]{position:fixed;inset-inline:10px;bottom:10px;width:auto;height:64px;border-radius:var(--radius);flex-direction:row;padding:7px}.qtr-shell.qtr-shell-product-layout .qtr-dock-items{flex-direction:row;overflow:auto}.qtr-shell.qtr-shell-product-layout .qtr-dock button,.qtr-shell.qtr-shell-product-layout .qtr-dock[data-expanded="true"] button{width:48px;min-width:48px;padding:0;justify-content:center}.qtr-shell.qtr-shell-product-layout .qtr-dock button span,.qtr-shell.qtr-shell-product-layout .qtr-dock[data-expanded="true"] button span,.qtr-shell.qtr-shell-product-layout .qtr-dock-pin{display:none}.qtr-shell.qtr-shell-product-layout .qtr-panel{min-height:calc(100dvh - var(--qtr-header-height) - 96px)}.qtr-home{padding:18px}.qtr-dashboard{grid-template-columns:1fr}.qtr-widget{grid-column:1!important}.qtr-hero-card h1{font-size:34px}.qtr-notifications-panel,.qtr-quick-panel,.qtr-help-panel,.qtr-user-panel{top:calc(var(--qtr-header-height) + 62px);inset-inline:12px;width:auto}.qtr-search-panel{position:fixed;top:calc(var(--qtr-header-height) + 62px);inset-inline:12px;width:auto}}
@media(max-width:560px){.qtr-header{align-content:center}.qtr-header-context{flex:0 1 calc(100% - 280px);max-width:calc(100% - 280px)}.qtr-brand{min-width:0}.qtr-brand>span:last-child{display:none}.qtr-brand b{font-size:13px}.qtr-logo{width:38px;height:38px}.qtr-icon,.qtr-action,.qtr-user{height:40px}.qtr-icon{width:40px}.qtr-user{width:40px;padding:0;justify-content:center;gap:0}.qtr-action{padding:0;width:40px}.qtr-more{display:inline-flex}.qtr-home{padding:12px}.qtr-hero-card h1{font-size:28px}.qtr-grid{grid-template-columns:1fr}.qtr-action-grid{grid-template-columns:1fr}.qtr-notification{grid-template-columns:34px minmax(0,1fr)}.qtr-notification-read{display:none}.qtr-profile-actions{grid-template-columns:1fr}}

/* SECOND FACTOR — the code field should look like a code field.
   Centred, spaced and tabular so six digits read as six digits rather than as a
   word, and LTR regardless of interface language: the digits are Latin either way
   and a right-to-left field puts the caret on the wrong side of them. */
.qtr-login-card .qtr-login-hint{text-align:center;margin:0 0 4px;font-size:13px}
#qtr-mfa-code{text-align:center;direction:ltr;font-size:22px;font-weight:800;
  letter-spacing:.42em;text-indent:.42em;font-variant-numeric:tabular-nums}

/* THE CONTROL-PLANE DOOR SHOULD NOT LOOK LIKE THE TENANT DOOR.
   Same form, same identity, same GoTrue call -- what changes is that it says
   whose plane you are entering. The accent bar carries the distinction without a
   second brand: a separate visual identity for the control plane would imply a
   separate identity system, which is exactly what must not exist here. */
.qtr-login-card.is-platform{border-color:var(--accent-border)}
.qtr-platform-gate{margin:0 0 18px;padding:12px 14px;border-radius:var(--radius-control);
  background:var(--accent-soft);border:1px solid var(--accent-border);text-align:start}
.qtr-platform-gate strong{display:block;font-size:.92rem;font-weight:900;color:var(--accent-text)}
.qtr-platform-gate p{margin:6px 0 0;font-size:.78rem;line-height:1.7;color:var(--shell-muted)}
.qtr-login-card .qtr-platform-gate button.qtr-login-forgot{margin:8px 0 0;padding:4px 0;
  display:inline-block;font-size:.76rem}