.qualt-shell {
  --qualt-yellow:#ffd000;
  --qualt-text:#172b3b;
  --qualt-muted:#536878;
  --qualt-surface:#ffffff;
  --qualt-line:#d7e1e8;
  --qualt-focus:#865f00;
  color:var(--qualt-text);
  background:#eef2f4;
}
.qualt-shell > .sidebar {
  background:#eef2f4 url('/assets/qualt/navigation-web-original.png') left center/auto 100% no-repeat!important;
  border-right:1px solid #d7e1e8;
}
.qualt-shell > .sidebar .brand { background:none!important; }
.qualt-shell .pld-sidebar-name { color:#172b3b!important; }
.qualt-shell .topbar { background:#f8fafb!important; border-color:#d7e1e8!important; }
.qualt-shell .topbar .title-block h1 { color:var(--qualt-text); }
.qualt-shell .topbar .title-block p { color:#536878!important; }
.qualt-shell .main { background:#eef2f4!important; }
.qualt-shell .mobile-nav { display:none!important; }
.qualt-shell .brand img,.qualt-shell .mobile-brand { border-radius:24%; }
.qualt-nav { display:grid;gap:8px;padding:20px 8px; }
.qualt-nav-label { color:#536878;font-size:12px;font-weight:600;letter-spacing:.08em;margin:0 12px 8px; }
.qualt-nav button {
  display:flex;align-items:center;gap:12px;border:1px solid transparent;
  border-radius:999px;background:#26333b;color:#ffffff;padding:11px 16px;
  min-height:48px;font:inherit;text-align:left;cursor:pointer;
}
.qualt-nav button[aria-current="page"] { color:#202b31;background:#ffd000;border-color:#d7ad00; }
.qualt-nav button:hover { background:#3b4b56; }
.qualt-nav button[aria-current="page"]:hover { background:#ffdd47; }
.qualt-nav .qualt-back { margin-top:20px; }
.qualt-nav svg,.qualt-mobile-nav svg,.qualt-button svg { width:22px;height:22px;flex:none; }
.qualt-workspace { max-width:1440px;margin:0 auto;padding:24px 28px 48px;color:#172b3b;font-size:15px;line-height:1.55; }
.qualt-workspace *, .qualt-admin * { box-sizing:border-box; }
.qualt-workspace h1 { font-size:clamp(26px,3vw,38px);line-height:1.2;margin:6px 0 12px;letter-spacing:-.025em; }
.qualt-workspace h2 { font-size:20px;line-height:1.3;margin:0 0 12px; }
.qualt-workspace h3 { font-size:17px;margin:0 0 8px; }
.qualt-workspace p { margin:0 0 12px; }
.qualt-eyebrow { display:block;color:#6b5300;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase; }
.qualt-muted { color:#536878; }
.qualt-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px; }
.qualt-heading p { max-width:680px;color:#536878; }
.qualt-button {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;border:1px solid #a4b4c0;border-radius:10px;
  background:#26333b;color:#ffffff;padding:10px 16px;font:inherit;
  font-weight:600;text-decoration:none;cursor:pointer;white-space:normal;
}
.qualt-button:hover { background:#3b4b56; }
.qualt-button-primary { background:#ffd000;color:#1b2024;border-color:#ffd000; }
.qualt-button-primary:hover { background:#ffe04a;color:#151a1e; }
.qualt-button:disabled { opacity:.5;cursor:default; }
.qualt-workspace :is(button,a,input,select,textarea,summary):focus-visible,.qualt-nav button:focus-visible,.qualt-mobile-nav button:focus-visible {
  outline:3px solid #856200;outline-offset:3px;
}
.qualt-filter { display:grid;grid-template-columns:minmax(210px,1fr) 160px 160px auto;gap:14px;align-items:end;margin-bottom:24px;padding:18px;background:#ffffff;border:1px solid #d7e1e8;border-radius:14px; }
.qualt-workspace label,.qualt-admin label { display:grid;gap:7px;min-width:0;font-size:14px;color:#243d4f;font-weight:500; }
.qualt-workspace :is(input,select,textarea),.qualt-admin :is(input,select,textarea) {
  display:block;min-width:0;width:100%;min-height:46px;margin:0;
  border:1px solid #a4b4c0;border-radius:9px;background:#ffffff;color:#172b3b;
  padding:10px 12px;font:inherit;font-size:16px;line-height:1.4;color-scheme:light;
}
.qualt-workspace input[type=number] { max-width:220px; }
.qualt-workspace textarea { min-height:112px;resize:vertical; }
.qualt-workspace option,.qualt-admin option { background:#ffffff;color:#172b3b; }
.qualt-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 24px; }
.qualt-metric { border-left:2px solid #5b6470;padding:2px 16px;min-width:0; }
.qualt-metric:first-child { border-left-color:#ffd000; }
.qualt-metric span { display:block;color:#536878;font-size:13px; }
.qualt-metric strong { display:block;font-size:32px;font-weight:600;line-height:1.3;margin:6px 0; }
.qualt-metric small { display:block;color:#536878;font-size:12px; }
.qualt-section { margin:24px 0;padding:22px;border:1px solid #d7e1e8;border-radius:14px;background:#ffffff;min-width:0; }
.qualt-section-head { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px; }
.qualt-section-head h2 { margin-bottom:6px; }
.qualt-section-head p { margin:0;color:#536878;font-size:14px; }
.qualt-projects { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.qualt-project {
  display:flex;gap:14px;align-items:flex-start;min-height:115px;padding:18px;
  text-align:left;background:#ffffff;border:1px solid #d7e1e8;border-radius:12px;
  color:#172b3b;cursor:pointer;font:inherit;
}
.qualt-project:hover { border-color:#c9ad33; }
.qualt-project.is-selected { border-color:#ffd000; }
.qualt-project strong { display:block;font-size:17px;overflow-wrap:anywhere; }
.qualt-project small { display:block;color:#536878;margin-top:6px; }
.qualt-project-symbol { display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:10px;background:#ffd00014;color:#6b5300; }
.qualt-project-symbol svg { width:22px;height:22px; }
.qualt-person { display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(160px,1fr) minmax(150px,1fr) minmax(160px,1fr);gap:18px;align-items:start;padding:18px 0;border-top:1px solid #d7e1e8; }
.qualt-person:first-child { border-top:0; }
.qualt-person strong { display:block;font-size:15px;overflow-wrap:anywhere; }
.qualt-person small { display:block;color:#536878;margin-top:4px;line-height:1.5; }
.qualt-status { display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600; }
.qualt-status::before { content:"";width:7px;height:7px;border-radius:50%;background:#adb8c2; }
.qualt-status.checked_in::before { background:#7bd8ac; }
.qualt-status.checked_out::before { background:#91b9e2; }
.qualt-status.unknown::before { background:#f5cb70; }
.qualt-time-totals { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0; }
.qualt-time-totals div { background:#ffffff;border:1px solid #d7e1e8;border-radius:10px;padding:14px; }
.qualt-time-totals dt { color:#536878;font-size:13px; }
.qualt-time-totals dd { margin:6px 0 0;font-size:23px;font-weight:600; }
.qualt-note { color:#536878;font-size:13px;border-left:2px solid #746321;padding:4px 0 4px 12px;margin:18px 0!important; }
.qualt-empty { padding:36px 24px;text-align:center;border:1px dashed #a4b4c0;border-radius:14px;color:#536878; }
.qualt-empty h2 { color:#172b3b; }
.qualt-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px; }
.qualt-checklist { margin:0 0 20px;padding:0;border:0; }
.qualt-checklist legend { padding:0;margin-bottom:12px;font-weight:600;font-size:17px; }
.qualt-checklist label { display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,180px);gap:14px;align-items:center;padding:11px 0;border-top:1px solid #d7e1e8;font-size:15px; }
.qualt-form-actions { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px; }
.qualt-error { color:#8d2e1d;background:#fff1ec;border:1px solid #bd6b55;border-radius:10px;padding:13px;margin:14px 0; }
.qualt-success { color:#1f5c3a;background:#e5f6ee;border:1px solid #397f5b;border-radius:10px;padding:13px;margin:14px 0; }
.qualt-review { padding:18px 0;border-top:1px solid #d7e1e8; }
.qualt-review:first-child { border-top:0; }
.qualt-review-header { display:flex;align-items:flex-start;justify-content:space-between;gap:14px; }
.qualt-review time { color:#536878;font-size:13px; }
.qualt-review p { white-space:pre-wrap;overflow-wrap:anywhere; }
.qualt-review-chips { display:flex;flex-wrap:wrap;gap:8px;margin:10px 0; }
.qualt-chip { display:inline-block;padding:4px 8px;border:1px solid #a4b4c0;border-radius:6px;font-size:12px;color:#334e60; }
.qualt-chip.issue { color:#8d2e1d;border-color:#ad6e59; }
.qualt-chip.pass { color:#185c3b;border-color:#4b866c; }
.qualt-rating { display:flex;align-items:baseline;gap:12px;margin:16px 0; }
.qualt-rating strong { color:#6d5300;font-size:38px;line-height:1.2; }
.qualt-rating span { color:#536878; }
.qualt-mobile-nav { display:none; }
.qualt-footer { margin-top:28px;color:#536878;font-size:12px; }
.qualt-legend { margin:18px 0; }
.qualt-legend summary { cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;color:#334e60; }
.qualt-legend p { color:#536878;font-size:13px;max-width:850px; }
.qualt-admin { margin:24px 0;max-width:1100px;color:#172b3b; }
.qualt-admin-list { display:grid;gap:14px; }
.qualt-admin-row { padding:18px;border:1px solid #d7e1e8;border-radius:12px;background:#ffffff; }
.qualt-admin-form { display:grid;grid-template-columns:1fr 160px auto;gap:14px;align-items:end; }
.qualt-admin-form label:has(textarea) { grid-column:1/-1; }
@media (max-width:1100px) {
  .qualt-filter { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .qualt-person { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1000px) {
  .qualt-workspace { padding:20px 16px calc(100px + env(safe-area-inset-bottom)); }
  .qualt-heading { display:block; }
  .qualt-heading .qualt-button { margin-top:8px; }
  .qualt-projects { grid-template-columns:1fr; }
  .qualt-shell .topbar .pld-navigation-toggle { display:none!important; }
  .qualt-shell .topbar { position:relative!important; }
  .qualt-mobile-nav {
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;
    bottom:0;left:0;right:0;z-index:100;background:#f8fafbf7;
    border-top:1px solid #bac8d2;padding:7px 6px calc(7px + env(safe-area-inset-bottom));
    backdrop-filter:blur(12px);
  }
  .qualt-mobile-nav button { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;padding:6px 3px;border:0;border-radius:10px;background:transparent;color:#344b5b;font:inherit;font-size:11px;line-height:1.25;cursor:pointer; }
  .qualt-mobile-nav button[aria-current=page] { color:#172b3b;background:#ffd000; }
  .qualt-mobile-nav svg { width:22px;height:22px; }
  .qualt-section { padding:18px 16px; }
  .qualt-metrics { grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px; }
  .qualt-time-totals { grid-template-columns:1fr;gap:8px; }
  .qualt-time-totals div { display:flex;align-items:center;justify-content:space-between;gap:12px; }
  .qualt-time-totals dd { margin:0;font-size:21px; }
}
@media (max-width:480px) {
  .qualt-workspace { padding-left:12px;padding-right:12px; }
  .qualt-filter { gap:12px;padding:14px; }
  .qualt-filter label:first-child,.qualt-filter .qualt-button { grid-column:1/-1; }
  .qualt-heading h1 { font-size:28px; }
  .qualt-person { gap:14px 12px; }
  .qualt-person > div:first-child { grid-column:1/-1; }
  .qualt-section-head,.qualt-form-actions { display:block; }
  .qualt-section-head .qualt-button,.qualt-form-actions .qualt-button { margin-top:12px;width:100%; }
  .qualt-form-grid { grid-template-columns:1fr; }
  .qualt-checklist label { grid-template-columns:1fr;gap:6px; }
  .qualt-admin-form { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { .qualt-workspace * { scroll-behavior:auto!important;animation:none!important;transition:none!important; } }
@media print {
  .qualt-shell .sidebar,.qualt-shell .topbar,.qualt-mobile-nav,.qualt-filter,.qualt-button,.qualt-nav { display:none!important; }
  .qualt-workspace,.qualt-section,.qualt-shell .main { background:white!important;color:#17212a!important; }
  .qualt-workspace * { color:#17212a!important;border-color:#77838d!important; }
  .qualt-workspace { padding:0;max-width:none; }
  .qualt-section,.qualt-person,.qualt-review { break-inside:avoid; }
}

/* Appstead layout: readable content tiles with the supplied navigation art. */
.qualt-shell > .sidebar .brand { padding:18px 8px 12px 30px; }
.qualt-shell .sidebar-foot { background:#eef2f4e8;border-radius:14px;color:#223c4e;padding:14px; }
.qualt-shell .sidebar-foot :is(button,a,label,span) { color:#223c4e; }
.qualt-shell .content { padding:0!important; }
.qualt-metric { background:white;border:1px solid #d7e1e8;border-radius:16px;padding:18px; }
.qualt-metric:first-child { background:#fff7d5;border-color:#e2c552; }
.qualt-home-tiles { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0; }
.qualt-home-tile { display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:138px;text-align:left;border:1px solid #d7e1e8;border-radius:18px;padding:20px;background:white;color:#1d3547;font:inherit;cursor:pointer; }
.qualt-home-tile svg { width:30px;height:30px; }
.qualt-home-tile strong { font-size:18px; }
.qualt-home-tile span { font-size:13px;color:#536878; }
.qualt-home-tile:first-child { background:#fff5cc;border-color:#dec14d; }
.qualt-logo-wordmark { display:block;width:min(290px,75vw);height:auto;margin-bottom:18px; }
.qualt-rating-brand { display:flex;align-items:center;gap:10px; }
.qualt-rating-brand img { width:40px;height:40px;border-radius:10px; }
.qualt-presence-detail { max-width:640px; }
.qualt-presence-detail summary { min-height:44px;cursor:pointer;color:#263e4e; }
.qualt-date-note { font-size:12px;color:#536878;margin-top:8px; }
.qualt-admin input[type=checkbox] { width:24px;min-height:24px; }
.qualt-admin .qualt-check { display:flex;align-items:center;gap:10px; }
.qualt-shell .qualt-button-primary { color:#1b2024; }
@media (min-width:1001px) {
 #app > .shell[data-app="plandero"].pld-shell.qualt-shell { display:grid;grid-template-columns:268px minmax(0,1fr)!important; }
 .qualt-shell > .sidebar { position:relative!important;inset:auto!important;width:268px!important;padding:24px 18px 24px 16px; }
 .qualt-shell > .main { margin-left:0!important;min-width:0; }
 .qualt-shell .sidebar { transform:none!important;visibility:visible!important; }
 .qualt-shell .pld-navigation-close,.qualt-shell .pld-navigation-toggle { display:none!important; }
}
@media (max-width:1000px) {
 .qualt-shell > .sidebar { display:none!important; }
 .qualt-shell > .main { margin-left:0!important;width:100%!important; }
 .qualt-shell .topbar { min-height:92px;padding-top:calc(18px + env(safe-area-inset-top));background:#eef2f4!important;isolation:isolate; }
 .qualt-shell .topbar::before { content:"";position:absolute;inset:0;z-index:-1;background-image:url('/assets/qualt/navigation-mobile-original.png');background-repeat:no-repeat;background-size:max(100%, 440px) auto;background-position:center top;opacity:.22;pointer-events:none; }
 .qualt-mobile-nav { isolation:isolate; }
 .qualt-mobile-nav::before { content:"";position:absolute;inset:0;z-index:-1;background-image:url('/assets/qualt/navigation-mobile-original.png');background-repeat:no-repeat;background-size:max(100%, 440px) auto;background-position:center bottom;opacity:.18;pointer-events:none; }
 .qualt-mobile-nav button { background:#f8fafbed; }
 .qualt-home-tiles { gap:12px; }
 .qualt-home-tile { min-height:136px;padding:16px; }
 .qualt-workspace h1 { font-size:28px; }
}
@media (max-width:360px) {
 .qualt-home-tile strong { font-size:16px; }
 .qualt-home-tile { padding:14px 12px; }
 .qualt-filter { grid-template-columns:1fr; }
}

.qualt-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.qualt-observation-list { display:grid;gap:12px; }
.qualt-observation-row { display:grid;grid-template-columns:1fr minmax(160px,240px);align-items:center;gap:16px;padding:14px;border:1px solid #d7e1e8;border-radius:12px; }
.qualt-observation-row small { display:block;color:#536878;font-size:13px;margin-top:5px; }
.qualt-shell .cp-workspace { --cp-brand:#ffd000;--cp-on-brand:#1b2024;--cp-raised:#fff7d9; }
@media(max-width:600px){.qualt-observation-row{grid-template-columns:1fr;gap:10px;}}

/* Keep the authenticated parent workspace reachable when the sidebar is hidden. */
.qualt-mobile-back { display:none; }
@media (max-width:1000px) {
 .qualt-mobile-back { display:flex;margin-bottom:16px; }
 .qualt-mobile-back .qualt-button { min-height:44px;max-width:100%; }
}
