/* QRONEO identity: geometric white mark on marine blue, quiet working surfaces. */
:root {
  --q-navy: #001827;
  --q-navy-raised: #072338;
  --q-ink: #0c263b;
  --q-blue: #285f8f;
  --q-muted: #5a6c7e;
  --q-line: #d8e1eb;
  --q-paper: #f4f7fb;
  --q-pale: #e7eff7;
  --w-ink: var(--q-ink);
  --w-teal: var(--q-blue);
  --w-paper: #f8fafc;
  --w-muted: var(--q-muted);
  --w-line: var(--q-line);
  --w-dark: var(--q-navy);
  --ink: var(--q-ink);
  --accent: var(--q-blue);
  --lime: var(--q-pale);
}

body { color: var(--q-ink); }
.button { border-radius: 4px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #537fa4;
  outline-offset: 3px;
}
.w-header .w-logo img { width: 180px; height: 44px; object-fit: contain; }
.w-navigation a { color: #304d65; }
.w-navigation a[aria-current], .w-navigation a:hover { color: var(--q-navy); }
.w-hero-shell, .w-connect-section { background: var(--q-navy); }
.w-hero-shell { background: radial-gradient(ellipse at 70% 35%, #0a2c45, #001827 75%); }
.w-hero-shell h1 { color: #fff; }
.w-hero-shell h1 em { color: #bdcfe0; }
.w-hero-shell .w-hero-copy > p { color: #c6d3e0; }
.w-hero-shell .w-hero-price { border-color: #355064; }
.w-hero-shell .w-hero-price strong { color: #fff; }
.w-hero-shell .w-hero-price > span, .w-hero-caption { color: #c0cfdd; }
.w-hero-shell .w-hero-actions .button { background: #fff; border-color: #fff; color: var(--q-navy); }
.w-hero-shell .w-hero-actions .button:hover { background: #e5eef7; border-color: #e5eef7; }
.w-hero-shell .w-text-link { color: #fff; }
.w-product-frame { border-color: #c7d5e1; box-shadow: 0 24px 70px #000b1433; }
.w-session-main time { color: #fff; }
.w-footer { background: var(--q-navy); color: #e0e8f1; border-color: #234055; }
.w-footer .w-logo img { width: 190px; height: 117px; filter: none; }
.w-footer-main { grid-template-columns: 1.8fr 1fr 1fr 48px; }
.w-footer-main h2 { color: #fff; }
.w-footer-main > div:first-child p, .w-footer-main > div:not(:first-child) > a { color: #bdcbd8; }
.w-footer-main > div:not(:first-child) > a:hover { color: #fff; }
.w-footer-top { color: #fff; border-color: #526b80; }
.w-footer-top:hover { background: #17364e; }
.w-footer-bottom { color: #b8c8d6; border-color: #2a455a; }
.w-footer-bottom a { color: #d2deea; }
.w-team-copy p, .w-page-content, .w-blog-cards p, .iics-card p { color: var(--q-muted); }

.workspace-body { background: var(--q-paper); }
.workspace-sidebar { background: var(--q-navy); padding: 0 16px; color: #d0dce7; }
.workspace-sidebar > .brand {
  min-height: 170px;
  margin: 0 -16px;
  padding: 18px 26px;
  align-items: center;
  justify-content: center;
  background: radial-gradient(ellipse at center, #05263d, #001827 75%);
  border-bottom: 1px solid #294257;
}
.workspace-sidebar > .brand .workspace-brand-logo { width: 200px; height: 123px; object-fit: contain; }
.workspace-company { margin-top: 20px; padding-bottom: 20px; border-color: #294257; }
.workspace-company > span { background: #13334b; color: #d7e4ef; border-color: #355066; }
.workspace-company b, .sidebar-user b, .sidebar-plan b { color: #fff; }
.workspace-company small, .sidebar-user small, .sidebar-plan p { color: #b4c5d4; }
.workspace-menu-group > span { color: #95aec2; font-size: 10px; letter-spacing: .07em; }
.workspace-nav-item { border-radius: 3px; min-height: 42px; }
.workspace-nav-item:not(.is-locked) { color: #d5e0e9; }
.workspace-nav-item > .icon { color: #a3bed3; }
.workspace-nav-item:hover { background: #15354c; color: #fff; }
.workspace-nav-item.active { background: #edf3f9; color: var(--q-navy); }
.workspace-nav-item.active > .icon { color: var(--q-navy); }
.sidebar-plan, .sidebar-user { border-color: #294257; }
.sidebar-plan { background: transparent; }
.workspace-topbar { background: #ffffffed; border-color: var(--q-line); backdrop-filter: blur(12px); }
.workspace-breadcrumb, .workspace-breadcrumb b { color: #3f586f; }
.workspace-menu-button { background: #fff; color: #35526c; border-color: #c8d5e1; border-radius: 4px; }
.workspace-menu-button:hover { border-color: #7899b6; color: var(--q-navy); }
.workspace-page-heading h1, .dashboard-heading h1 { color: var(--q-ink); font-weight: 500; letter-spacing: -.04em; }
.workspace-page-heading p, .dashboard-heading p { color: var(--q-muted); }
.workspace-panel, .wad-stat-grid > div, .wad-integration {
  border: 1px solid var(--q-line);
  border-radius: 5px;
  box-shadow: 0 3px 14px #00182703;
  background: #fff;
}
.workspace-panel h2, .wad-integration h2 { color: var(--q-ink); font-weight: 500; }
.workspace-panel > p, .workspace-body .workspace-panel > p, .wad-empty, .ait-help, .ait-empty, .ait-self-note { color: var(--q-muted); }
.wad-dashboard-timer { background: var(--q-navy); border-color: var(--q-navy); }
.wad-dashboard-timer > p, .wad-dashboard-timer .wad-empty { color: #bfd0de; }
.wad-dashboard-timer time { color: #fff; }
.wad-dashboard-timer .wad-dashboard-select { border-color: #536c80; color: #e1ebf3; }
.wad-dashboard-timer .wad-dashboard-select option { color: var(--q-ink); background: #fff; }
.workspace-body .button, .form-panel .button { background: var(--q-navy); border-color: var(--q-navy); color: #fff; }
.workspace-body .button:hover, .form-panel .button:hover { background: #173c59; border-color: #173c59; }
.wad-dashboard-timer .button { background: #fff; color: var(--q-navy); border-color: #fff; }
.wad-dashboard-timer .button:hover { background: #dce8f3; border-color: #dce8f3; }
.workspace-body input:not([type=checkbox]):not([type=radio]), .workspace-body select, .workspace-body textarea {
  color: var(--q-ink); border-color: #bdccda; background: #fff; border-radius: 4px;
}
.workspace-body .wad-dashboard-select { background: transparent; color: #e1ebf3; border-color: #536c80; }
.workspace-body input[readonly] { background: #f0f4f8; }
.wad-form label, .ait-form label, .ait-invoice label { color: #405c74; }
.workspace-table td, .workspace-table th { border-color: var(--q-line); }
.workspace-table td { color: #3b5369; }
.workspace-table th { color: #5e7286; font-weight: 500; }
.workspace-table a, .wad-pagination, .wad-pagination button { color: var(--q-blue); }
.wad-record { border-color: var(--q-line); }
.wad-record h3, .wad-record strong { color: var(--q-ink); }
.wad-record p { color: var(--q-muted); }
.wad-actions button, .wad-pagination button { background: var(--q-pale); color: #193e5d; }
.ait-notice, .auth-body .auth-notice, .wad-notice, [data-wad-notice] { background: #e9f0f7; color: #234761; border-color: #bdcfdf; border-radius: 4px; }
.ait-notice.is-error, [data-wad-notice].is-error { background: #fff1ee; color: #843d32; border-color: #e3bbb2; }
.workspace-subscription { background: #eaf0f7; border-color: #c9d6e3; border-radius: 5px; }
.workspace-subscription h2 { color: var(--q-ink); }
.workspace-subscription p, .subscription-details dt, .subscription-details dd { color: #405b73; }
.workspace-footer { color: #5f7284; font-size: 10px; }
.workspace-logout { background: #0b2a40; border-color: #49667d; color: #fff; border-radius: 4px; }
.workspace-logout:hover { background: #1b415f; border-color: #7694ad; }

.auth-story { background: radial-gradient(ellipse at 65% 25%, #082c47, #001827 72%); color: #fff; }
.auth-story::after { background: none; }
.auth-story > .brand > img { width: 220px; height: 135px; filter: none; }
.auth-story-copy h2, .auth-story-copy h2 em { color: #fff; }
.auth-story-copy h2 { font-weight: 450; letter-spacing: -.045em; }
.auth-story-copy p { color: #c1d0de; }
.auth-form-side { background: #f8fafc; }
.auth-card h1 { color: var(--q-ink); }
.auth-intro, .auth-top, .auth-bottom, .auth-card .checkbox-label, .auth-secondary-link, .field-help { color: var(--q-muted); }
.auth-card label { color: #304d65; }
.auth-card input:not([type=checkbox]):not([type=hidden]) { border-color: #c3d0dc; color: var(--q-ink); }
.auth-card a { color: #285f8f; }
.auth-card .auth-submit { color: #fff; background: var(--q-navy) !important; border-color: var(--q-navy) !important; }
.auth-top .auth-mobile-brand { display: none; }
.auth-top .auth-mobile-brand img { width: 164px; height: 40px; }
.ai-checkout-main .woocommerce form.checkout, .ai-checkout-main .woocommerce #order_review { border-color: var(--q-line); border-radius: 5px; }
.ai-checkout-main .woocommerce #order_review, .ai-checkout-plan { background: #edf2f8; border-color: #c9d7e4; }
.ai-checkout-main h3 { color: var(--q-ink); }

@media (min-width: 801px) {
  .workspace-nav-collapsed .workspace-sidebar > .brand { min-height: 112px; margin: 0 -8px; padding: 25px 12px; }
  .workspace-nav-collapsed .workspace-sidebar .workspace-brand-icon { width: 54px; height: 54px; }
  .workspace-nav-collapsed .workspace-menu-group { border-color: #294257; }
}
@media (max-width: 800px) {
  .workspace-sidebar > .brand { min-height: 160px; padding-right: 40px; }
  .workspace-sidebar > .brand .workspace-brand-logo { width: 185px; height: 114px; }
  .workspace-sidebar-close { top: 18px; right: 10px; background: #0e3049; border-color: #466079; color: #fff; }
  .auth-top .auth-mobile-brand { display: flex; }
  .auth-top { justify-content: space-between; }
}
@media (max-width: 600px) {
  .w-header .w-logo img { width: 152px; height: 38px; }
  .w-footer-main { grid-template-columns: 1fr 1fr; }
  .w-footer-main > div:first-child { grid-column: 1 / -1; }
  .w-footer .w-logo img { width: 180px; height: 111px; }
  .auth-top .auth-mobile-brand img { width: 138px; height: 35px; }
  .workspace-footer { font-size: 9px; }
}

/* Keep account entry visible outside the mobile menu. */
@media(max-width:900px){.w-header .w-login{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border:1px solid var(--q-border);border-radius:4px;white-space:nowrap}.w-header .w-header-inner{gap:14px}.w-header .w-header-actions{flex-shrink:0}.w-menu-toggle{min-height:42px;min-width:40px}.w-header .wrap{width:calc(100% - 32px)}}
@media(max-width:380px){.w-header .w-logo img{width:112px;height:36px}.w-header .w-header-inner{gap:12px}.w-header .w-login{padding:10px;font-size:12px}.w-header .w-login .icon{display:none}}