/* DQ Design System: canonical frame shared by desktop, mobile web and Android. */
:root {
  --dq-color-brand:#235ac5;
  --dq-color-brand-strong:#1c489e;
  --dq-color-brand-soft:#edf3ff;
  --dq-color-accent:#147d71;
  --dq-color-accent-soft:#edf7f3;
  --dq-color-success:#168a5b;
  --dq-color-success-soft:#edf8f1;
  --dq-color-warning:#b66a08;
  --dq-color-warning-soft:#fff6e7;
  --dq-color-danger:#c83e45;
  --dq-color-danger-soft:#fff1f2;
  --dq-color-text:#17283d;
  --dq-color-text-secondary:#607085;
  --dq-color-text-tertiary:#8b9aa8;
  --dq-color-border:#e2e7ef;
  --dq-color-divider:#edf0f5;
  --dq-color-surface:#fff;
  --dq-color-canvas:#f4f6fa;
  --dq-space-1:4px;
  --dq-space-2:8px;
  --dq-space-3:12px;
  --dq-space-4:16px;
  --dq-space-5:20px;
  --dq-space-6:24px;
  --dq-space-8:32px;
  --dq-radius-control:10px;
  --dq-radius-surface:12px;
  --dq-radius-dialog:14px;
  --dq-radius-feature:14px;
  --dq-shadow-surface:0 4px 18px rgba(29,59,78,.035);
  --dq-shadow-raised:0 10px 28px rgba(20,47,66,.1);
  --dq-shadow-overlay:0 20px 56px rgba(20,47,66,.18);
  --dq-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
  --dq-font-size-caption:var(--dq-font-12, 12px);
  --dq-font-size-body:var(--dq-font-14, 14px);
  --dq-font-size-title:var(--dq-font-18, 18px);
  --dq-font-size-page-title:var(--dq-font-24, 24px);
  --dq-line-height:1.55;
  --dq-motion-fast:140ms;
  --dq-motion-base:180ms;
  --dq-motion-route:220ms;
  --dq-ease-standard:cubic-bezier(.2,0,0,1);
  --dq-safe-top:env(safe-area-inset-top,0px);
  --dq-safe-right:env(safe-area-inset-right,0px);
  --dq-safe-bottom:env(safe-area-inset-bottom,0px);
  --dq-safe-left:env(safe-area-inset-left,0px);
  --dq-shell-sidebar-width:248px;
  --dq-shell-content-max:1180px;
  --dq-titlebar-height:60px;
  --dq-shell-header-height:var(--dq-titlebar-height);
  --dq-appbar-height:var(--dq-titlebar-height);
  --dq-shell-nav-height:68px;
  --dq-shell-nav-gap:12px;
  --dq-shell-mobile-gutter:12px;
  --dq-shell-desktop-gutter:20px;
  --dq-control-min-height:44px;
  --dq-viewport-height:100vh;
}

/* Personal journeys: one scrolling body inside the shared fixed frame. */
html:has(.dq-journey-modal),body:has(>.dq-journey-modal){overflow:hidden;overscroll-behavior:none}
.dq-journey-modal>.dq-adaptive-surface{display:flex;flex-direction:column;width:min(1260px,100%);height:min(900px,calc(var(--dq-viewport-height) - 40px));overflow:hidden;border-radius:var(--dq-radius-dialog);box-shadow:var(--dq-shadow-overlay)}
.dq-journey-modal .dq-adaptive-appbar{flex:none}
.dq-journey-modal .dq-appbar-title-slot>small{font-size:var(--dq-font-10, 10px);line-height:1.4;letter-spacing:.12em;color:var(--dq-color-accent);font-weight:700}
body[data-color-scheme='dark'] .dq-journey-modal{--dq-control-color-scheme:dark;--dq-color-surface:inherit;--dq-color-canvas:inherit;--dq-color-text:inherit;--dq-color-text-secondary:inherit;--dq-color-border:inherit;--dq-color-divider:inherit;--dq-color-brand:inherit;--dq-color-brand-soft:inherit;--dq-color-accent:inherit;--dq-color-accent-soft:inherit;--dq-color-success:inherit;--dq-color-success-soft:inherit;--dq-color-warning:inherit;--dq-color-danger:inherit}
html body[data-color-scheme='dark']:not(.auth-public) .dq-journey-modal>section>header.dq-adaptive-appbar{background:var(--dq-color-surface)!important;border-color:var(--dq-color-border)!important}
html body[data-color-scheme='dark']:not(.auth-public) .dq-journey-modal .dq-back-icon{color:var(--dq-color-text)!important}
body[data-color-scheme='dark'] .dq-journey-modal .dq-button-primary{color:#fff}
.dq-journey-body{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--dq-color-canvas);color:var(--dq-color-text);scrollbar-gutter:stable}
.dq-journey-modal *{box-sizing:border-box}
.dq-journey-modal svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.dq-journey-container{max-width:1180px;margin:auto;padding:var(--dq-space-6)}
.dq-journey-container h1,.dq-journey-container h2,.dq-journey-container h3{margin:0;color:var(--dq-color-text);line-height:1.4;overflow-wrap:anywhere}
.dq-journey-container h1{font-size:var(--dq-font-26, 26px);letter-spacing:-.02em}
.dq-journey-container h2{font-size:var(--dq-font-20, 20px)}.dq-journey-container h3{font-size:var(--dq-font-17, 17px)}
.dq-journey-container p{color:var(--dq-color-text-secondary);line-height:1.65;overflow-wrap:anywhere}
.dq-journey-container small{font-size:var(--dq-font-12, 12px);line-height:1.6;color:var(--dq-color-text-secondary)}
.dq-journey-container .dq-button{white-space:normal;overflow-wrap:anywhere;text-align:center;gap:6px;text-decoration:none}
.dq-journey-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--dq-content-space-24, 24px);padding:var(--dq-content-space-28, 28px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-feature);background:linear-gradient(115deg,var(--dq-color-brand-soft),var(--dq-color-surface) 65%,var(--dq-color-accent-soft));margin-bottom:20px}
.dq-journey-hero>div{min-width:0}.dq-journey-hero small{display:block;margin-bottom:10px;color:var(--dq-color-accent);letter-spacing:.12em;font-weight:700}
.dq-journey-hero p{margin:10px 0}.dq-journey-private{display:flex;align-items:center;gap:6px;color:var(--dq-color-accent);font-size:var(--dq-font-12, 12px)}
.dq-journey-toolbar,.dq-journey-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--dq-content-space-12, 12px);flex-wrap:wrap;margin:20px 0}
.dq-journey-section-head p{margin:6px 0 0;font-size:var(--dq-font-13, 13px)}
.dq-journey-segments{display:inline-flex;gap:4px;background:var(--dq-color-divider);padding:4px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);max-width:100%}
.dq-journey-segments button{min-height:44px;min-width:0;padding:8px 18px;border:0;border-radius:8px;background:transparent;color:var(--dq-color-text-secondary);font:inherit;font-size:var(--dq-font-14, 14px);cursor:pointer;transition:background var(--dq-motion-fast),color var(--dq-motion-fast)}
.dq-journey-segments button[aria-pressed=true]{color:var(--dq-color-brand);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface);font-weight:700}
.dq-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dq-content-space-16, 16px)}
.dq-journey-trip{position:relative;text-align:left;min-width:0;padding:22px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);color:var(--dq-color-text);font:inherit;cursor:pointer;box-shadow:var(--dq-shadow-surface);transition:border-color var(--dq-motion-fast),box-shadow var(--dq-motion-fast)}
.dq-journey-trip:hover{border-color:var(--dq-color-brand);box-shadow:var(--dq-shadow-raised)}
.dq-journey-trip-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--dq-color-accent-soft);color:var(--dq-color-accent);border-radius:12px;margin-bottom:16px}
.dq-journey-trip-date{display:block;font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary);margin-bottom:8px}.dq-journey-trip p{margin:8px 0 20px}
.dq-journey-trip-foot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid var(--dq-color-divider);padding-top:15px;font-size:var(--dq-font-13, 13px)}
.dq-journey-trip>small{display:flex;justify-content:space-between;gap:8px;margin-top:10px}
.dq-journey-empty{padding:44px 16px;text-align:center;display:grid;justify-items:center;gap:12px}.dq-journey-empty>i{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-journey-empty p{margin:0;max-width:440px}.dq-journey-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.dq-journey-reminder{display:flex;align-items:center;gap:14px;padding:18px 20px;margin:16px 0;color:var(--dq-color-text);background:var(--dq-color-surface);border:1px solid var(--dq-color-border);border-left:3px solid var(--dq-color-accent);border-radius:var(--dq-radius-surface)}
.dq-journey-reminder>i{color:var(--dq-color-accent)}.dq-journey-reminder>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.dq-journey-reminder span{font-size:var(--dq-font-13, 13px);color:var(--dq-color-text-secondary)}
.dq-journey-days{display:flex;gap:8px;overflow:auto;overscroll-behavior-x:contain;margin-top:20px;padding-bottom:8px;scroll-snap-type:x proximity}
.dq-journey-days>button{display:grid;flex:0 0 94px;gap:5px;padding:12px;border:1px solid var(--dq-color-border);background:var(--dq-color-surface);color:var(--dq-color-text);border-radius:var(--dq-radius-control);font:inherit;cursor:pointer;scroll-snap-align:start}
.dq-journey-days>button[aria-pressed=true]{border-color:var(--dq-color-brand);background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-journey-schedule-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.dq-journey-schedule-layout>section{min-width:0}
.dq-journey-stop{display:grid;grid-template-columns:65px minmax(0,1fr);gap:14px;margin-bottom:16px}
.dq-journey-stop-time{display:grid;align-content:start;gap:4px;padding-top:16px;font-size:var(--dq-font-14, 14px);font-variant-numeric:tabular-nums}.dq-journey-stop-time span{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-journey-stop-content{min-width:0;padding:var(--dq-content-space-18, 18px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-journey-tag{display:inline-block;padding:3px 8px;font-size:var(--dq-font-12, 12px);border-radius:6px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand);margin-bottom:8px}.dq-journey-stop.is-done .dq-journey-tag{background:var(--dq-color-success-soft);color:var(--dq-color-success)}
.dq-journey-stop-content>p{font-size:var(--dq-font-14, 14px);margin:8px 0}.dq-journey-stop-content>small{display:block;overflow-wrap:anywhere}.dq-journey-notes{white-space:pre-wrap}
.dq-journey-stop-content footer,.dq-journey-expense footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--dq-content-space-8, 8px);margin-top:14px}
.dq-journey-overview{padding:22px;margin-top:20px}.dq-journey-overview>small{color:var(--dq-color-accent);letter-spacing:.14em}.dq-journey-overview h3{margin-top:8px}.dq-journey-overview p{font-size:var(--dq-font-13, 13px)}
.dq-journey-overview ol{padding-left:22px;display:grid;gap:18px;color:var(--dq-color-accent)}.dq-journey-overview li b,.dq-journey-overview li span{display:block;overflow-wrap:anywhere;color:var(--dq-color-text);font-size:var(--dq-font-14, 14px)}.dq-journey-overview li span{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary);margin-top:5px}
.dq-journey-budget{display:grid;gap:8px;border-top:1px solid var(--dq-color-divider);padding-top:16px;margin-top:20px}.dq-journey-budget span{color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px)}.dq-journey-budget b{font-size:var(--dq-font-18, 18px)}
.dq-journey-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dq-content-space-12, 12px);margin:24px 0}.dq-journey-metrics>div{display:grid;gap:var(--dq-content-space-8, 8px);padding:var(--dq-content-space-20, 20px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface)}.dq-journey-metrics span{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}.dq-journey-metrics b{font-size:var(--dq-font-24, 24px);overflow-wrap:anywhere}.dq-journey-metrics .is-over b{color:var(--dq-color-warning)}
.dq-journey-expense{padding:20px;margin:12px 0}.dq-journey-expense>header{display:flex;align-items:start;justify-content:space-between;gap:16px}.dq-journey-expense>header>div{min-width:0}.dq-journey-expense h3{margin-top:6px}.dq-journey-expense p{font-size:var(--dq-font-14, 14px);white-space:pre-wrap}
.dq-journey-amount{display:grid;gap:6px;text-align:right;overflow-wrap:anywhere}.dq-journey-amount>b{color:var(--dq-color-brand)}
.dq-journey-receipts{display:grid;gap:6px;margin-top:12px}.dq-journey-receipts>div{display:flex;gap:4px;align-items:center}.dq-journey-receipts .dq-button{min-width:0;text-align:left;flex:1;justify-content:start}
.dq-journey-upload{position:relative;cursor:pointer;overflow:hidden}.dq-journey-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.dq-journey-upload:focus-within{outline:2px solid var(--dq-color-brand)}
.dq-journey-reimbursement{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;margin-top:24px}.dq-journey-reimbursement p{font-size:var(--dq-font-13, 13px);max-width:580px}
.dq-journey-links{display:grid;gap:12px;padding:24px;margin-top:20px}.dq-journey-links .dq-button{justify-content:start;text-align:left}.dq-journey-links p{margin:0;font-size:var(--dq-font-14, 14px)}
.dq-journey-container.form{max-width:900px}.dq-journey-container form{padding:24px}.dq-journey-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-content-space-20, 20px)}.dq-journey-form-grid>*{min-width:0}.dq-journey-wide{grid-column:1/-1}
.dq-journey-modal .dq-control{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;font-size:var(--dq-font-16, 16px);color:var(--dq-color-text);-webkit-text-fill-color:var(--dq-color-text);background:var(--dq-color-surface);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control)}
.dq-journey-modal input[type=date],.dq-journey-modal input[type=datetime-local]{width:0;min-width:100%;max-width:100%}
.dq-journey-container form>footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px;border-top:1px solid var(--dq-color-divider);padding-top:20px}
.dq-journey-form-status{font-size:var(--dq-font-14, 14px)}.dq-journey-form-status[data-error=true]{color:var(--dq-color-danger)}
.dq-journey-picker{padding:16px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}.dq-journey-picker [data-picker-label]{overflow-wrap:anywhere;font-size:var(--dq-font-14, 14px)}.dq-journey-picker summary{min-height:44px;padding:10px 0;cursor:pointer;color:var(--dq-color-brand)}
.dq-journey-picker-search{display:flex;gap:8px}.dq-journey-picker-search input{flex:1}.dq-journey-picker [data-picker-results]{display:grid;gap:8px;max-height:260px;overflow:auto;overscroll-behavior:contain;margin:8px 0}.dq-journey-picker [data-picker-results] button{text-align:left;justify-content:start}
.dq-journey-nav-links{display:flex;flex-wrap:wrap;gap:8px}.dq-journey-receipt-view{display:grid;gap:16px;padding:24px}.dq-journey-receipt-view img{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:auto}.dq-journey-approval-notice{padding:12px;color:var(--dq-color-accent);background:var(--dq-color-accent-soft);font-size:var(--dq-font-13, 13px);line-height:1.6}
@media(max-width:1100px){.dq-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dq-journey-schedule-layout{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:899px){.dq-journey-modal>.dq-adaptive-surface{border-radius:0;box-shadow:none}.dq-journey-body{padding-bottom:var(--dq-safe-bottom)}.dq-journey-container{padding:16px}.dq-journey-hero{padding:var(--dq-content-space-20, 20px);align-items:flex-start;flex-wrap:wrap;gap:var(--dq-content-space-12, 12px)}.dq-journey-hero h1{font-size:var(--dq-font-23, 23px)}.dq-journey-schedule-layout{display:block}.dq-journey-overview{display:none}.dq-journey-container.form form{padding:18px}.dq-journey-reimbursement{flex-wrap:wrap}.dq-journey-segments button{padding:8px 12px}.dq-journey-body{scrollbar-gutter:auto}}
@media(max-width:599px){.dq-journey-grid,.dq-journey-form-grid{grid-template-columns:minmax(0,1fr)}.dq-journey-wide{grid-column:auto}.dq-journey-hero h1{font-size:var(--dq-font-22, 22px)}.dq-journey-stop{grid-template-columns:52px minmax(0,1fr);gap:8px}.dq-journey-stop-content{padding:var(--dq-content-space-14, 14px)}.dq-journey-metrics{gap:var(--dq-content-space-8, 8px)}.dq-journey-metrics>div{padding:var(--dq-content-space-12, 12px) var(--dq-content-space-8, 8px)}.dq-journey-metrics b{font-size:var(--dq-font-18, 18px)}.dq-journey-expense>header{flex-wrap:wrap}.dq-journey-amount{text-align:left}.dq-journey-container form>footer .dq-button{flex:1}.dq-journey-section-head{align-items:flex-start}.dq-journey-private{align-items:flex-start}.dq-journey-expense{padding:16px}}
@media(prefers-reduced-motion:reduce){.dq-journey-modal *{transition:none!important;animation:none!important}}
body[data-motion='reduced'] .dq-journey-modal *{transition:none!important;animation:none!important}

/* Exhibition photo archive: private originals, lightweight paged thumbnails. */
.dq-exhibition-photo-section{
  min-width:0;
  margin-top:10px;
  border:1px solid var(--dq-theme-border, #dce8f2);
  border-radius:14px;
  background:var(--dq-theme-surface, #f8fbfd);
  overflow:hidden;
}
.dq-exhibition-photo-entry{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:68px;
  padding:11px 13px;
  border:0;
  color:var(--dq-ink);
  background:var(--dq-theme-surface, #fff);
  text-align:left;
  cursor:pointer;
}
.dq-exhibition-photo-entry>i{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  color:var(--dq-blue);
  background:var(--dq-theme-surface-soft, #eaf6ff);
}
.dq-exhibition-photo-entry>i svg{width:21px;height:21px}
.dq-exhibition-photo-entry>span{display:grid;gap:3px;min-width:0}
.dq-exhibition-photo-entry b{font-size:var(--dq-font-13, 13px)}
.dq-exhibition-photo-entry small{overflow:hidden;color:var(--dq-theme-muted, #708598);font-size:var(--dq-font-9, 9px);text-overflow:ellipsis;white-space:nowrap}
.dq-exhibition-photo-entry em{color:var(--dq-blue);font-size:var(--dq-font-10, 10px);font-style:normal;font-weight:900}
.dq-exhibition-photo-entry[aria-expanded='true']{border-bottom:1px solid var(--dq-theme-border, #dce8f2)}
.dq-exhibition-photo-panel{padding:var(--dq-content-space-13, 13px)}
.dq-exhibition-photo-toolbar{
  display:grid;
  grid-template-columns:minmax(140px,.7fr) minmax(220px,1.5fr) auto;
  align-items:end;
  gap:var(--dq-content-space-10, 10px);
}
.dq-exhibition-photo-toolbar label:not(.dq-photo-upload),
.dq-exhibition-photo-filter{display:grid;gap:var(--dq-content-space-5, 5px);color:var(--dq-theme-muted, #61788b);font-size:var(--dq-font-9, 9px);font-weight:800}
.dq-exhibition-photo-toolbar select,
.dq-exhibition-photo-toolbar input,
.dq-exhibition-photo-filter select{
  box-sizing:border-box;
  width:100%;
  min-height:40px;
  padding:0 var(--dq-content-space-11, 11px);
  border:1px solid var(--dq-theme-border, #cadce8);
  border-radius:10px;
  color:var(--dq-theme-ink, #173248);
  background:var(--dq-theme-surface, #fff);
  font:inherit;
  font-size:var(--dq-font-11, 11px);
}
.dq-photo-upload,
.dq-photo-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 13px;
  border:0;
  border-radius:10px;
  color:#fff;
  background:var(--dq-action-blue,#0b4f8a);
  font-size:var(--dq-font-10, 10px);
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.dq-exhibition-photo-filter{
  grid-template-columns:auto minmax(140px,220px);
  align-items:center;
  justify-content:end;
  margin-top:11px;
}
.dq-exhibition-photo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:var(--dq-content-space-10, 10px);
  margin-top:11px;
}
.dq-exhibition-photo-item{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--dq-theme-border, #dce8f2);
  border-radius:12px;
  background:var(--dq-theme-surface, #fff);
}
.dq-exhibition-photo-preview{position:relative;display:block;width:100%;padding:0;border:0;background:var(--dq-theme-surface-soft, #eaf1f6);cursor:pointer}
.dq-exhibition-photo-preview img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.dq-exhibition-photo-preview span{position:absolute;right:7px;bottom:7px;padding:4px 7px;border-radius:999px;color:#fff;background:rgba(12,41,65,.76);font-size:var(--dq-font-8, 8px);font-weight:900}
.dq-exhibition-photo-item>div{display:grid;gap:3px;padding:9px 10px 10px}
.dq-exhibition-photo-item>div b{overflow:hidden;font-size:var(--dq-font-10, 10px);text-overflow:ellipsis;white-space:nowrap}
.dq-exhibition-photo-item>div small{overflow:hidden;color:var(--dq-theme-muted, #71879a);font-size:var(--dq-font-8, 8px);text-overflow:ellipsis;white-space:nowrap}
.dq-exhibition-photo-delete{position:absolute;top:7px;left:7px;min-height:28px;padding:0 8px;border:0;border-radius:8px;color:var(--dq-theme-red, #a32929);background:var(--dq-theme-surface-a920, rgba(255,255,255,.92));font-size:var(--dq-font-9, 9px);font-weight:900;cursor:pointer}
.dq-exhibition-photo-empty{grid-column:1/-1;display:grid;gap:5px;padding:28px 16px;border:1px dashed var(--dq-theme-border, #c8d9e6);border-radius:12px;color:var(--dq-theme-muted, #75899a);text-align:center}
.dq-exhibition-photo-empty b{color:var(--dq-theme-blue, #304b61);font-size:var(--dq-font-12, 12px)}
.dq-exhibition-photo-empty span{font-size:var(--dq-font-9, 9px)}
.dq-photo-more{display:flex;margin:12px auto 0;color:var(--dq-blue);background:var(--dq-theme-surface-soft, #eaf6ff)}
.dq-exhibition-photo-status{min-height:16px;margin:9px 0 0;color:var(--dq-theme-muted, #61788b);font-size:var(--dq-font-9, 9px);text-align:center}
.dq-exhibition-photo-viewer{position:fixed;z-index:16200;inset:0;display:grid;place-items:center;padding:calc(18px + var(--dq-safe-top)) 18px calc(18px + var(--dq-safe-bottom))}
.dq-exhibition-photo-backdrop{position:absolute;inset:0;border:0;background:rgba(7,20,31,.84)}
.dq-exhibition-photo-viewer>article{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1120px,100%);height:min(820px,100%);overflow:hidden;border-radius:18px;background:#101c26;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.dq-exhibition-photo-viewer header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 14px;color:#fff;background:#162633}
.dq-exhibition-photo-viewer header>div{display:grid;gap:3px;min-width:0}
.dq-exhibition-photo-viewer header b,.dq-exhibition-photo-viewer header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dq-exhibition-photo-viewer header b{font-size:var(--dq-font-13, 13px)}.dq-exhibition-photo-viewer header small{color:var(--dq-theme-muted, #b7c7d3);font-size:var(--dq-font-9, 9px)}
.dq-exhibition-photo-viewer header a,.dq-exhibition-photo-viewer header button{display:grid;place-items:center;min-height:38px;padding:0 12px;border:0;border-radius:10px;color:#fff;background:#237fba;text-decoration:none;font-size:var(--dq-font-10, 10px);font-weight:900;cursor:pointer}
.dq-exhibition-photo-viewer header button{width:38px;padding:0;background:#304554;font-size:var(--dq-font-22, 22px)}
.dq-exhibition-photo-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:auto}
.dq-exhibition-photo-stage span{position:absolute;color:var(--dq-theme-muted, #c6d3dc);font-size:var(--dq-font-11, 11px)}
.dq-exhibition-photo-stage img{position:relative;display:block;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:720px){
  .dq-exhibition-photo-entry{grid-template-columns:40px minmax(0,1fr) auto;min-height:66px;padding:10px}
  .dq-exhibition-photo-entry>i{width:40px;height:40px}
  .dq-exhibition-photo-entry b{font-size:var(--dq-font-13, 13px)}.dq-exhibition-photo-entry small{font-size:var(--dq-font-10, 10px)}
  .dq-exhibition-photo-panel{padding:var(--dq-content-space-10, 10px)}
  .dq-exhibition-photo-toolbar{grid-template-columns:1fr;align-items:stretch}
  .dq-exhibition-photo-toolbar select,.dq-exhibition-photo-toolbar input,.dq-photo-upload{min-height:44px;font-size:var(--dq-font-13, 13px)}
  .dq-exhibition-photo-filter{grid-template-columns:auto minmax(0,1fr);justify-content:stretch}
  .dq-exhibition-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-content-space-8, 8px)}
  .dq-exhibition-photo-item>div{padding:8px}.dq-exhibition-photo-item>div b{font-size:var(--dq-font-11, 11px)}.dq-exhibition-photo-item>div small{font-size:var(--dq-font-9, 9px)}
  .dq-exhibition-photo-viewer{padding:var(--dq-safe-top) 0 var(--dq-safe-bottom)}
  .dq-exhibition-photo-viewer>article{width:100%;height:100%;border-radius:0}
  .dq-exhibition-photo-viewer header{grid-template-columns:minmax(0,1fr) auto auto;padding:10px}
}
@media(max-width:350px){.dq-exhibition-photo-grid{grid-template-columns:1fr}}

@supports (height:100dvh) {
  :root { --dq-viewport-height:100dvh; }
}

html.dq-native-app {
  /* A reported zero is intentional (keyboard or a reserved native edge), not
     a missing inset. Do not revive a stale WebView env() value with max(). */
  --dq-safe-top:var(--dq-native-safe-top,env(safe-area-inset-top,0px));
  --dq-safe-bottom:var(--dq-native-safe-bottom,env(safe-area-inset-bottom,0px));
  --dq-safe-left:var(--dq-native-safe-left,env(safe-area-inset-left,0px));
  --dq-safe-right:var(--dq-native-safe-right,env(safe-area-inset-right,0px));
}

html,
body {
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  overscroll-behavior-x:none;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body {
  color:var(--dq-color-text);
  background:var(--dq-color-canvas);
  font-family:var(--dq-font-family);
  font-size:var(--dq-font-size-body);
  line-height:var(--dq-line-height);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body:not(.auth-public) {
  box-sizing:border-box;
  min-height:var(--dq-viewport-height);
  padding-bottom:calc(var(--dq-shell-nav-height) + var(--dq-shell-nav-gap) * 2 + var(--dq-safe-bottom));
}

body:not(.auth-public) *,
body:not(.auth-public) *::before,
body:not(.auth-public) *::after {
  box-sizing:border-box;
}

body:not(.auth-public) img,
body:not(.auth-public) svg,
body:not(.auth-public) video,
body:not(.auth-public) canvas,
body:not(.auth-public) iframe {
  max-width:100%;
}

body:not(.auth-public) button,
body:not(.auth-public) input,
body:not(.auth-public) select,
body:not(.auth-public) textarea,
.dq-app-view,
#dq-app-shell {
  min-width:0;
}

[hidden] {
  display:none!important;
}

/* A reader owns its scroll. Fixing only body overflow leaves the root page
   scrollable in mobile Safari; retain its exact position until returning. */
html.dq-reader-mode {
  overflow:hidden!important;
  overscroll-behavior:none;
}

body.dq-reader-mode {
  position:fixed!important;
  top:var(--dq-reader-scroll-top,0px)!important;
  right:0!important;
  left:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  overflow:hidden!important;
}

html body.dq-reader-mode .dq-app-header {
  background:var(--dq-color-surface)!important;
}

html body.dq-reader-mode .dq-shell-title {
  display:block!important;
  line-height:var(--dq-reader-title-height,var(--dq-appbar-height))!important;
  text-overflow:ellipsis;
}

.dq-training-library-group>summary>div:first-child {
  min-width:0;
}

html body .dq-training-library-group>summary>.dq-training-library-actions {
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  align-items:center;
  gap:var(--dq-content-space-8, 8px);
}

html body:not(.auth-public) .dq-training-language-button {
  display:inline-grid;
  place-items:center;
  box-sizing:border-box;
  min-width:44px;
  width:44px;
  min-height:44px;
  height:44px;
  padding:0;
  border:1px solid var(--dq-color-border);
  border-radius:var(--dq-radius-control);
  color:var(--dq-color-brand);
  background:var(--dq-color-brand-soft);
  font:700 var(--dq-font-12, 12px)/1 var(--dq-font-family);
  white-space:nowrap;
  cursor:pointer;
}

html body:not(.auth-public) .dq-training-reader-language {
  position:absolute;
  z-index:2;
  top:calc(var(--dq-safe-top) + (var(--dq-reader-title-height,var(--dq-appbar-height)) - 44px)/2);
  right:8px;
}

.dq-training-language-status {
  padding:10px 12px;
  border-radius:var(--dq-radius-control);
  color:var(--dq-color-danger);
  background:var(--dq-theme-surface, #fff1f1);
  font-size:var(--dq-font-13, 13px);
  line-height:1.55;
}

body:not(.auth-public) button,
body:not(.auth-public) [role='button'] {
  font:inherit;
  letter-spacing:0;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

body:not(.auth-public) .dq-form-control {
  max-width:100%;
  font-family:var(--dq-font-family);
  letter-spacing:0;
}

/* Light form surfaces must not inherit an OS-native (sometimes white) ink.
   Keep this fallback weaker than the intentional colors of individual fields. */
:where(body:not(.auth-public)) :where(.dq-form-control:not([type='button']):not([type='submit']):not([type='reset']):not([type='color'])) {
  color:var(--dq-color-text);
  -webkit-text-fill-color:currentColor;
  color-scheme:var(--dq-control-color-scheme,light);
}

:where(body:not(.auth-public)) :where(.dq-form-control)::placeholder {
  color:var(--dq-color-text-secondary);
  opacity:1;
}

:where(body:not(.auth-public)) :where(select.dq-form-control option,select.dq-form-control optgroup) {
  color:var(--dq-color-text);
  background-color:var(--dq-color-surface);
}

body:not(.auth-public) input.dq-form-control,
body:not(.auth-public) select.dq-form-control {
  min-height:var(--dq-control-min-height);
  line-height:1.35;
}

/* WebKit menu controls do not consistently honor min-height alone. */
body:not(.auth-public) select.dq-form-control:not([multiple]):not([size]) {
  height:var(--dq-control-min-height);
}

/* Trade tools share the same explicit ink and affordance in Safari/WebView. */
.dq-trade-form select:not([multiple]):not([size]) {
  appearance:none;
  -webkit-appearance:none;
  padding-right:var(--dq-content-space-38, 38px);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23607085' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
}

.dq-trade-form option,.dq-trade-form optgroup {
  color:var(--dq-color-text);
  background:var(--dq-color-surface);
}

body:not(.auth-public) .dq-search-field {
  box-sizing:border-box;
  align-items:center!important;
  min-height:46px;
}

body:not(.auth-public) .dq-search-field > input.dq-search-input {
  align-self:stretch;
  min-height:44px!important;
  margin-block:0!important;
  padding-block:0!important;
  line-height:normal!important;
  -webkit-appearance:none;
  appearance:none;
}

body:not(.auth-public) button:focus-visible,
body:not(.auth-public) [role='button']:focus-visible,
body:not(.auth-public) input:focus-visible,
body:not(.auth-public) select:focus-visible,
body:not(.auth-public) textarea:focus-visible {
  outline:3px solid var(--dq-theme-blue-a220, rgba(11,115,185,.22));
  outline-offset:2px;
}

body:not(.auth-public) button:disabled,
body:not(.auth-public) [aria-disabled='true'] {
  cursor:not-allowed;
  opacity:.52;
}

.dq-app-view,
#dq-app-shell {
  max-width:100%;
}

.dq-app-view[hidden] {
  display:none!important;
}

.dq-app-header {
  position:sticky;
  top:0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:var(--dq-shell-header-height);
  padding:0 max(var(--dq-shell-desktop-gutter),calc((100% - 1080px)/2));
  color:var(--dq-color-text);
  background:var(--dq-theme-surface-a940, rgba(255,255,255,.94));
  border-bottom:1px solid var(--dq-color-divider);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.dq-shell-title {
  display:none;
  position:absolute;
  top:0;
  bottom:0;
  left:72px;
  right:72px;
  align-items:center;
  justify-content:center;
  margin:0;
  overflow:hidden;
  color:var(--dq-color-text);
  font-size:var(--dq-font-size-title);
  font-weight:700;
  line-height:1.25;
  letter-spacing:0;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  pointer-events:none;
}

body.dq-primary-shell-view:not([data-app-view='home']) .dq-app-header {
  display:none!important;
}

body.dq-primary-shell-view .dq-global-back[hidden] {
  display:none!important;
}

body.dq-secondary-shell-view .dq-app-header {
  justify-content:flex-start;
}

body.dq-secondary-shell-view .dq-app-brand,
body.dq-secondary-shell-view .dq-header-actions {
  display:none!important;
}

body.dq-secondary-shell-view .dq-shell-title {
  display:flex;
}

body.dq-secondary-shell-view .dq-app-view:not([hidden])>.dq-page-heading {
  display:none!important;
}

html.dq-native-app body:not(.auth-public) {
  padding-bottom:calc(var(--dq-shell-nav-height) + 36px + var(--dq-safe-bottom));
}

html.dq-native-app .dq-app-header {
  top:0;
  min-height:calc(var(--dq-shell-header-height) + var(--dq-safe-top));
  height:auto;
  padding-top:var(--dq-safe-top);
}

/* Every application layer declares one role: full page, sheet, dialog or overlay. */
.dq-adaptive-modal,
.dq-modal-sheet,
.dq-modal-dialog,
.dq-modal-overlay {
  box-sizing:border-box;
  max-width:100%;
}

.dq-adaptive-modal {
  position:fixed;
  inset:0;
  z-index:12000;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(20,47,66,.22);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.dq-adaptive-modal > .dq-adaptive-surface,
.dq-modal-sheet > .dq-adaptive-surface,
.dq-modal-dialog > .dq-adaptive-surface {
  box-sizing:border-box;
  max-width:100%;
  color:var(--dq-color-text);
  background:var(--dq-color-surface);
}

.dq-adaptive-appbar,
.dq-adaptive-modal > .dq-adaptive-surface .dq-adaptive-appbar,
.dq-modal-sheet > .dq-adaptive-surface .dq-adaptive-appbar,
.dq-modal-dialog > .dq-adaptive-surface .dq-adaptive-appbar {
  box-sizing:border-box;
  position:relative;
  display:grid;
  grid-template-columns:minmax(44px,1fr) minmax(0,2fr) minmax(44px,1fr);
  align-items:center;
  gap:8px;
  min-height:var(--dq-appbar-height);
  padding-inline:12px;
  color:var(--dq-color-text);
  background:var(--dq-theme-surface-a960, rgba(255,255,255,.96));
  border-bottom:1px solid var(--dq-color-divider);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.dq-adaptive-appbar > h1,
.dq-adaptive-appbar > h2,
.dq-adaptive-appbar > h3,
.dq-adaptive-appbar > .dq-appbar-title-slot {
  position:absolute;
  z-index:0;
  grid-column:1 / -1!important;
  justify-self:stretch;
  top:0;
  bottom:0;
  left:max(72px,18%);
  right:max(72px,18%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  margin:0;
  overflow:hidden;
  color:var(--dq-color-text);
  font-size:var(--dq-font-size-title);
  line-height:1.25;
  letter-spacing:0;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  pointer-events:none;
}

.dq-adaptive-appbar > .dq-appbar-title-slot > h1,
.dq-adaptive-appbar > .dq-appbar-title-slot > h2,
.dq-adaptive-appbar > .dq-appbar-title-slot > h3 {
  margin:0;
  overflow:hidden;
  color:var(--dq-color-text);
  font-size:var(--dq-font-size-title);
  line-height:1.25;
  letter-spacing:0;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dq-adaptive-appbar > :first-child {
  grid-column:1;
  justify-self:start;
  position:relative;
  z-index:1;
}

/* Keep every secondary-page back target on the same leading edge as chat. */
.dq-adaptive-appbar > .dq-back-icon:first-child {
  grid-column:1!important;
  justify-self:start!important;
  margin:0!important;
}

.dq-adaptive-appbar > :last-child:not(:first-child):not(h1):not(h2):not(h3) {
  grid-column:3;
  justify-self:end;
  position:relative;
  z-index:1;
}

.dq-adaptive-appbar > button {
  min-width:44px;
  min-height:44px;
}

/* Include the legacy settings shell in the shared secondary-page titlebar. */
body:not(.auth-public) .dq-system-settings-modal > section > header.dq-adaptive-appbar {
  grid-template-columns:minmax(44px,1fr) minmax(0,2fr) minmax(44px,1fr)!important;
  min-height:var(--dq-appbar-height)!important;
  height:var(--dq-appbar-height)!important;
  padding:0 12px!important;
}

/* One return control for every second- and third-level application page. */
body:not(.auth-public) .dq-back-icon,
body:not(.auth-public) .dq-global-back,
body:not(.auth-public) .quote-back-icon,
html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-appbar > button.dq-back-icon:first-child {
  position:relative!important;
  z-index:2!important;
  display:inline-grid!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  flex:0 0 44px!important;
  place-items:center!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  color:var(--dq-theme-ink, #111827)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
  cursor:pointer!important;
}

body:not(.auth-public) .dq-back-icon::before,
body:not(.auth-public) .dq-global-back::before,
body:not(.auth-public) .quote-back-icon::before {
  content:''!important;
  display:block!important;
  width:15px!important;
  height:15px!important;
  border:0!important;
  border-left:2.5px solid currentColor!important;
  border-bottom:2.5px solid currentColor!important;
  transform:translateX(3px) rotate(45deg)!important;
  transform-origin:center!important;
}

body:not(.auth-public) .dq-approval-view:has(.dq-approval-appbar) {
  --dq-direct-title-height:var(--dq-appbar-height)!important;
  --dq-direct-side-width:88px!important;
}

body:not(.auth-public) .dq-approval-appbar > .dq-approval-title-group button,
body:not(.auth-public) .dq-approval-appbar > .dq-approval-app-actions {
  pointer-events:auto;
}

html body:not(.auth-public) .dq-approval-appbar > .dq-approval-title-group {
  grid-column:1 / -1!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  padding-right:var(--dq-direct-side-width)!important;
  padding-left:var(--dq-direct-side-width)!important;
  pointer-events:none!important;
}

html body:not(.auth-public) .dq-approval-appbar > .dq-approval-title-group button {
  pointer-events:auto!important;
}

html body:not(.auth-public) .dq-attendance-appbar,
html body:not(.auth-public) .dq-approval-appbar {
  min-height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;
  height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;
  padding:var(--dq-safe-top) 12px 0!important;
}

html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-appbar {
  padding-inline:var(--dq-content-space-12, 12px)!important;
}

html body:not(.auth-public) .dq-attendance-appbar > h2 {
  top:var(--dq-safe-top)!important;
}

html body:not(.auth-public) .dq-approval-appbar > .dq-appbar-title-slot {
  /* The absolute slot is laid out from this padded appbar's content origin.
     Zero therefore places it once, and only once, below the native inset. */
  top:0!important;
}

/* Shared page loading transaction. The active title bar and desktop navigation
   stay visible while the route waits for its data, fonts and visible images. */
.dq-page-loader {
  --dq-page-loader-top:0px;
  position:fixed;
  z-index:17000;
  top:var(--dq-page-loader-top);
  right:0;
  bottom:0;
  left:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:var(--dq-color-text-secondary);
  background:var(--dq-color-canvas);
  contain:layout paint;
}

.dq-page-loader[hidden] { display:none!important; }

@media(min-width:900px) {
  html:not(.dq-native-app) body:not(.auth-public):has(#dq-app-shell:not([hidden])) .dq-page-loader {
    left:var(--dq-shell-sidebar-width);
  }
}

.dq-page-loader-progress {
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:3px;
  overflow:hidden;
  background:rgba(11,115,185,.12);
}

.dq-page-loader-progress::after {
  content:'';
  display:block;
  width:38%;
  height:100%;
  border-radius:999px;
  background:var(--dq-color-action);
  animation:dq-page-progress 1.25s var(--dq-ease-standard) infinite;
}

.dq-page-loader-center {
  display:grid;
  justify-items:center;
  gap:12px;
  margin-top:-8vh;
  color:var(--dq-color-text-tertiary);
  font-size:var(--dq-font-12, 12px);
  font-weight:700;
}

.dq-page-loader-mark,
.dq-task-dock-mark {
  display:block;
  background:var(--dq-theme-surface, #fff) url("/icons/icon-192.png") center / 170% no-repeat;
}

.dq-page-loader-mark {
  width:66px;
  height:66px;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(20,47,66,.1);
  animation:dq-page-logo-turn 1.8s var(--dq-ease-standard) infinite;
}

@keyframes dq-page-progress {
  0% { transform:translateX(-110%); }
  58%,100% { transform:translateX(285%); }
}

@keyframes dq-page-logo-turn {
  0% { transform:rotate(0deg); }
  42%,100% { transform:rotate(360deg); }
}

/* A minimized business page keeps the same detached form node alive, so draft
   fields and scroll position survive restoration without rebuilding the page. */
.dq-task-dock {
  position:fixed;
  z-index:2100;
  right:12px;
  bottom:12px;
  left:12px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  width:min(700px,calc(100% - 24px));
  min-height:64px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid var(--dq-theme-border-a940, rgba(207,221,232,.94));
  border-radius:14px;
  background:var(--dq-theme-surface-a970, rgba(255,255,255,.97));
  box-shadow:0 14px 36px rgba(20,47,66,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.dq-task-dock[hidden] { display:none!important; }

.dq-task-dock-close,
.dq-task-dock-restore {
  min-height:62px;
  padding:0;
  border:0;
  color:var(--dq-color-text);
  background:transparent;
}

.dq-task-dock-close {
  position:relative;
  width:48px;
  font-size:0;
}

.dq-task-dock-close::before,
.dq-task-dock-close::after {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:18px;
  height:1.5px;
  border-radius:2px;
  background:currentColor;
}

.dq-task-dock-close::before { transform:translate(-50%,-50%) rotate(45deg); }
.dq-task-dock-close::after { transform:translate(-50%,-50%) rotate(-45deg); }

.dq-task-dock-restore {
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 28px;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:8px 12px 8px 0;
  text-align:left;
}

.dq-task-dock-mark {
  width:36px;
  height:36px;
  border-radius:9px;
  box-shadow:0 4px 12px rgba(20,47,66,.1);
}

.dq-task-dock-copy { min-width:0; }
.dq-task-dock-copy b,
.dq-task-dock-copy small {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dq-task-dock-copy b { font-size:var(--dq-font-14, 14px); }
.dq-task-dock-copy small { margin-top:2px; color:var(--dq-color-text-tertiary); font-size:var(--dq-font-11, 11px); }
.dq-task-dock-restore > svg { width:18px; height:18px; justify-self:end; transform:rotate(180deg); }

@media(max-width:899px) {
  body.dq-primary-shell-view .dq-task-dock {
    bottom:calc(var(--dq-safe-bottom) + var(--dq-shell-nav-height) + var(--dq-shell-nav-gap) * 2 + 6px);
  }
}

@media(prefers-reduced-motion:reduce) {
  .dq-page-loader-mark { animation:dq-page-logo-pulse 1.4s ease-in-out infinite!important; }
  .dq-page-loader-progress::after { animation:dq-page-progress 1.8s linear infinite!important; }
}

@keyframes dq-page-logo-pulse {
  0%,100% { opacity:.72; }
  50% { opacity:1; }
}

@media(max-width:720px) {
  body:not(.auth-public) .dq-approval-view:has(.dq-approval-appbar) {
    --dq-direct-side-width:72px!important;
  }
}

.dq-icon-button {
  display:inline-grid!important;
  place-items:center;
  width:44px;
  height:44px;
  padding:0!important;
}

@media(max-width:899px) {
  /* Mobile Safari zooms the viewport when a focused form control renders below
     16px. Keep this in the shared frame so individual modules cannot reintroduce
     the jump by using a denser local form style. */
  html body:not(.auth-public) :where(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
    select,
    textarea
  ),
  html body:not(.auth-public) #dq-app-shell :where(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
    select,
    textarea
  ) {
    font-size:var(--dq-font-16, 16px)!important;
    min-height:var(--dq-control-min-height)!important;
  }
}

.dq-is-pending {
  position:relative;
  pointer-events:none;
}

.dq-is-pending::after {
  content:'';
  display:inline-block;
  width:14px;
  height:14px;
  margin-left:8px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  vertical-align:-2px;
  animation:dq-design-spin .72s linear infinite;
}

@keyframes dq-design-spin { to { transform:rotate(360deg); } }

.dq-button,
.dq-button-primary,
.dq-button-danger,
.dq-button-quiet {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--dq-space-2);
  min-height:var(--dq-control-min-height);
  padding:0 var(--dq-space-4);
  border:1px solid var(--dq-color-border);
  border-radius:var(--dq-radius-control);
  color:var(--dq-color-text);
  background:var(--dq-color-surface);
  font-weight:700;
  letter-spacing:0;
  transition:background var(--dq-motion-fast) var(--dq-ease-standard),border-color var(--dq-motion-fast) var(--dq-ease-standard),transform var(--dq-motion-fast) var(--dq-ease-standard);
}

.dq-button-primary {
  border-color:var(--dq-color-brand);
  color:#fff;
  background:var(--dq-color-action);
}

.dq-button-danger { color:var(--dq-color-danger); }
.dq-button-quiet { border-color:transparent; background:transparent; }
.dq-button:active,.dq-button-primary:active,.dq-button-danger:active,.dq-button-quiet:active { transform:scale(.98); }

.dq-field {
  display:grid;
  gap:var(--dq-space-2);
  min-width:0;
}

.dq-field > span,
.dq-field > label {
  color:var(--dq-color-text-secondary);
  font-size:var(--dq-font-size-caption);
  font-weight:700;
}

.dq-control {
  box-sizing:border-box;
  width:100%;
  min-height:var(--dq-control-min-height);
  padding:10px 12px;
  border:1px solid var(--dq-color-border);
  border-radius:var(--dq-radius-control);
  color:var(--dq-color-text);
  background:var(--dq-color-surface);
  font:inherit;
  transition:border-color var(--dq-motion-fast) var(--dq-ease-standard),box-shadow var(--dq-motion-fast) var(--dq-ease-standard);
}

.dq-control:focus {
  border-color:var(--dq-color-brand);
  box-shadow:0 0 0 3px rgba(11,115,185,.12);
}

.dq-surface {
  border:1px solid var(--dq-color-border);
  border-radius:var(--dq-radius-surface);
  background:var(--dq-color-surface);
  box-shadow:0 5px 16px rgba(20,47,66,.045);
}

.dq-state {
  display:grid;
  place-items:center;
  align-content:center;
  gap:var(--dq-space-2);
  min-height:180px;
  padding:var(--dq-space-8) var(--dq-space-5);
  color:var(--dq-color-text-secondary);
  text-align:center;
}

.dq-state-symbol {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  color:var(--dq-color-brand);
  background:var(--dq-color-brand-soft);
}

.dq-state-symbol::before { content:'i'; font-size:var(--dq-font-20, 20px); font-weight:800; }
.dq-state-loading .dq-state-symbol::before { content:''; width:18px; height:18px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:dq-design-spin .72s linear infinite; }
.dq-state-error .dq-state-symbol { color:var(--dq-color-danger); background:var(--dq-theme-surface, #fff0f1); }
.dq-state-error .dq-state-symbol::before { content:'!'; }
.dq-state-offline .dq-state-symbol { color:var(--dq-color-warning); background:var(--dq-theme-surface-soft, #fff7e9); }
.dq-state-offline .dq-state-symbol::before { content:'~'; }
.dq-state-success .dq-state-symbol { color:var(--dq-color-success); background:var(--dq-theme-surface-soft, #e9f8f1); }
.dq-state-success .dq-state-symbol::before { content:'\2713'; }
.dq-state h3 { margin:4px 0 0; color:var(--dq-color-text); font-size:var(--dq-font-16, 16px); letter-spacing:0; }
.dq-state p { max-width:520px; margin:0; color:var(--dq-color-text-secondary); line-height:1.65; }

@media(max-width:899px) {
  .dq-adaptive-appbar,
  .dq-adaptive-modal > .dq-adaptive-surface .dq-adaptive-appbar,
  .dq-modal-sheet > .dq-adaptive-surface .dq-adaptive-appbar,
  .dq-modal-dialog > .dq-adaptive-surface .dq-adaptive-appbar {
    padding-inline:8px!important;
  }

  body.dq-secondary-shell-view .dq-app-header {
    padding-inline:8px!important;
  }

  .dq-adaptive-modal {
    place-items:stretch;
    padding:0;
    background:var(--dq-color-surface);
  }

  .dq-adaptive-modal > .dq-adaptive-surface {
    width:100%;
    height:var(--dq-viewport-height);
    min-height:var(--dq-viewport-height);
    max-height:var(--dq-viewport-height);
    margin:0;
    overflow:auto;
    border-radius:0;
  }

  .dq-adaptive-modal.dq-fixed-frame > .dq-adaptive-surface {
    overflow:hidden;
  }

  .dq-adaptive-modal > .dq-adaptive-surface header.dq-adaptive-appbar {
    position:sticky;
    top:0;
    z-index:10;
    min-height:calc(var(--dq-shell-header-height) + var(--dq-safe-top))!important;
    padding-top:var(--dq-safe-top)!important;
  }

  body:not(.auth-public) .dq-system-settings-modal > section > header.dq-adaptive-appbar {
    min-height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;
    height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;
    padding:var(--dq-safe-top) 8px 0!important;
  }

  html body:not(.auth-public) .dq-attendance-appbar,
  html body:not(.auth-public) .dq-approval-appbar {
    padding-inline:8px!important;
  }

  html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-appbar {
    padding-inline:var(--dq-content-space-8, 8px)!important;
  }

  .dq-adaptive-modal > .dq-adaptive-surface header.dq-adaptive-appbar > h1,
  .dq-adaptive-modal > .dq-adaptive-surface header.dq-adaptive-appbar > h2,
  .dq-adaptive-modal > .dq-adaptive-surface header.dq-adaptive-appbar > h3,
  .dq-adaptive-modal > .dq-adaptive-surface header.dq-adaptive-appbar > .dq-appbar-title-slot {
    top:var(--dq-safe-top);
  }

  .dq-modal-sheet > .dq-adaptive-surface,
  .dq-modal-dialog > .dq-adaptive-surface {
    max-height:calc(var(--dq-viewport-height) - var(--dq-safe-top) - 12px);
    padding-bottom:var(--dq-safe-bottom);
  }

  .dq-modal-sheet > .dq-adaptive-surface header.dq-adaptive-appbar,
  .dq-modal-dialog > .dq-adaptive-surface header.dq-adaptive-appbar {
    flex:0 0 auto;
  }
}

@media(min-width:900px) {
  body.dq-secondary-shell-view .dq-shell-title {
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    left:max(120px,22%)!important;
    right:max(120px,22%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    text-align:center!important;
    pointer-events:none!important;
  }

  .dq-adaptive-modal > .dq-adaptive-surface {
    border-radius:var(--dq-radius-dialog);
    box-shadow:var(--dq-shadow-overlay);
  }

  .dq-adaptive-appbar > h1,
  .dq-adaptive-appbar > h2,
  .dq-adaptive-appbar > h3,
  .dq-adaptive-appbar > .dq-appbar-title-slot {
    left:max(120px,22%);
    right:max(120px,22%);
  }
}

@media(max-width:720px) {
  body:not(.auth-public) input,
  body:not(.auth-public) select,
  body:not(.auth-public) textarea {
    font-size:var(--dq-font-16, 16px)!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0s!important;transition-delay:0s!important;
  }
}

body[data-motion='reduced'] *,
body[data-motion='reduced'] *::before,
body[data-motion='reduced'] *::after {
  scroll-behavior:auto!important;
  animation-duration:.01ms!important;
  animation-iteration-count:1!important;
  transition-duration:0s!important;transition-delay:0s!important;
}

/* v623: desktop title bars belong to the content pane beside the sidebar. */
@media(min-width:900px){
  html:not(.dq-native-app) body:not(.auth-public).dq-secondary-shell-view .dq-app-header{
    left:var(--dq-shell-sidebar-width)!important;
    right:0!important;
    width:calc(100% - var(--dq-shell-sidebar-width))!important;
    max-width:none!important;
    padding-inline:12px!important;
  }

  html:not(.dq-native-app) body[data-app-view='messages'] .dq-messages-view>.dq-page-heading,
  html:not(.dq-native-app) body[data-app-view='messages'].dq-message-chat-open .dq-messages-view.chat-open>.dq-page-heading{
    display:none!important;
  }
}

.dq-native-update-modal {
  position:fixed;
  inset:0;
  z-index:30000;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  padding:20px;
  background:rgba(15,31,45,.46);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.dq-native-update-modal>section {
  box-sizing:border-box;
  width:min(430px,100%);
  padding:26px;
  border:1px solid var(--dq-theme-border-a900, rgba(207,224,237,.9));
  border-radius:20px;
  color:var(--dq-color-text);
  background:var(--dq-theme-surface, #fff);
  box-shadow:0 28px 80px rgba(15,31,45,.28);
}

dialog[data-native-required-update] {
  margin:0;
  border:0;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
}
dialog[data-native-required-update] section>div { grid-template-columns:1fr; }

.dq-native-update-modal>section>span {
  color:var(--dq-color-brand);
  font-size:var(--dq-font-11, 11px);
  font-weight:900;
  letter-spacing:.14em;
}

.dq-native-update-modal h2 { margin:8px 0 12px; font-size:var(--dq-font-24, 24px); }
.dq-native-update-modal p { margin:8px 0; color:var(--dq-color-text-secondary); line-height:1.7; }
.dq-native-update-modal progress { display:block; width:100%; height:10px; margin:18px 0 4px; overflow:hidden; border:0; border-radius:999px; color:var(--dq-color-brand); background:var(--dq-theme-surface-soft, #e7eef4); appearance:none; -webkit-appearance:none; }
.dq-native-update-modal progress[hidden] { display:none; }
.dq-native-update-modal progress::-webkit-progress-bar { border-radius:999px; background:var(--dq-theme-surface-soft, #e7eef4); }
.dq-native-update-modal progress::-webkit-progress-value { border-radius:999px; background:linear-gradient(90deg,#0877b6,#19a0d8); transition:width .2s ease; }
.dq-native-update-modal progress::-moz-progress-bar { border-radius:999px; background:linear-gradient(90deg,#0877b6,#19a0d8); }
.dq-native-update-modal section>div { display:grid; grid-template-columns:1fr 1.4fr; gap:10px; margin-top:22px; }
.dq-native-update-modal button { min-height:46px; border:0; border-radius:10px; font:inherit; font-weight:800; cursor:pointer; }
.dq-native-update-modal [data-native-update-later] { color:var(--dq-color-text); background:var(--dq-theme-surface-soft, #edf2f6); }
.dq-native-update-modal [data-native-update-now] { color:#fff; background:var(--dq-color-action); }
.dq-native-update-modal [data-native-update-now]:disabled { opacity:.68; cursor:default; }
.dq-native-update-modal [data-native-update-browser] { grid-column:1/-1; color:var(--dq-color-brand); background:var(--dq-theme-surface-soft, #eaf5ff); }
.dq-native-update-modal small { display:block; margin-top:12px; color:var(--dq-color-text-tertiary); line-height:1.55; }
.dq-native-update-complete {
  position:fixed;
  top:calc(var(--dq-safe-top, 0px) + 12px);
  left:50%;
  transform:translateX(-50%);
  z-index:30001;
  box-sizing:border-box;
  width:max-content;
  max-width:calc(100vw - 32px);
  padding:14px 20px;
  border:1px solid var(--dq-color-border);
  border-radius:16px;
  background:var(--dq-theme-surface, #fff);
  color:var(--dq-color-text);
  box-shadow:0 8px 30px rgba(15,31,45,.15);
  font-size:var(--dq-font-14, 14px);
  line-height:1.6;
  pointer-events:none;
}

@media(max-width:520px) {
  .dq-native-update-modal { place-items:end center; padding:12px 12px calc(12px + var(--dq-safe-bottom)); }
  .dq-native-update-modal>section { padding:24px 20px; border-radius:18px; }
}

/* Keep every surface scrollable while exposing a scrollbar only in Messages. */
html,
body,
body * {
  scrollbar-width:none!important;
  -ms-overflow-style:none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
body *::-webkit-scrollbar {
  display:none!important;
  width:0!important;
  height:0!important;
}

.dq-messages-view,
.dq-messages-view * {
  scrollbar-width:auto!important;
  -ms-overflow-style:auto;
}

.dq-messages-view::-webkit-scrollbar,
.dq-messages-view *::-webkit-scrollbar {
  display:block!important;
  width:8px!important;
  height:8px!important;
}

.dq-messages-view::-webkit-scrollbar-track,
.dq-messages-view *::-webkit-scrollbar-track {
  background:transparent;
}

.dq-messages-view::-webkit-scrollbar-thumb,
.dq-messages-view *::-webkit-scrollbar-thumb {
  border:2px solid transparent;
  border-radius:999px;
  background:var(--dq-theme-surface-muted, #b9c9d7);
  background-clip:padding-box;
}

/* v624: OA and attendance now use the same application frame on every client. */
body:not(.auth-public) .dq-approval-view:has(.dq-approval-appbar){
  --dq-direct-title-height:var(--dq-appbar-height)!important;
  --dq-direct-side-width:140px!important;
  --dq-direct-tab-height:48px!important;
  background:var(--dq-color-canvas)!important;
}

html body:not(.auth-public) .dq-approval-appbar,
html body:not(.auth-public) .dq-attendance-appbar{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 140px!important;
  align-items:center!important;
  gap:0!important;
  min-height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;
  height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;
  padding:var(--dq-safe-top) 12px 0!important;
  border:0!important;
  border-bottom:1px solid var(--dq-color-divider)!important;
  border-radius:0!important;
  color:var(--dq-color-text)!important;
  background:var(--dq-theme-surface-a960, rgba(255,255,255,.96))!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

html body:not(.auth-public) .dq-approval-appbar>.dq-back-icon,
html body:not(.auth-public) .dq-attendance-appbar>.dq-back-icon{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
}

html body:not(.auth-public) .dq-approval-appbar>.dq-approval-title-group,
html body:not(.auth-public) .dq-attendance-appbar>h2{
  position:absolute!important;
  z-index:0!important;
  top:var(--dq-safe-top)!important;
  right:148px!important;
  bottom:0!important;
  left:148px!important;
  display:flex!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:var(--dq-appbar-height)!important;
  align-items:center!important;
  justify-self:stretch!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:var(--dq-color-text)!important;
  font-size:var(--dq-font-size-title)!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  pointer-events:none!important;
}

/* Direct legacy titles share the same padded origin as the wrapped slot. */
html body:not(.auth-public) .dq-approval-appbar>.dq-approval-title-group{
  top:0!important;
}

html body:not(.auth-public) .dq-approval-appbar>.dq-approval-title-group strong{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  height:var(--dq-appbar-height)!important;
  padding:0!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:var(--dq-appbar-height)!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body:not(.auth-public) .dq-approval-appbar>.dq-approval-app-actions{
  grid-column:3!important;
  grid-row:1!important;
  z-index:2!important;
  display:flex!important;
  width:auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  justify-self:end!important;
  pointer-events:auto!important;
}

html body:not(.auth-public) .dq-approval-appbar>.dq-approval-app-actions button,
html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-appbar>.dq-approval-app-actions button{
  display:grid!important;
  flex:0 0 var(--dq-control-min-height)!important;
  width:var(--dq-control-min-height)!important;
  min-width:var(--dq-control-min-height)!important;
  height:44px!important;
  min-height:44px!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  color:var(--dq-color-text)!important;
  background:transparent!important;
  font-size:var(--dq-font-20, 20px)!important;
  line-height:1!important;
}

html body:not(.auth-public) .dq-approval-appbar>.dq-approval-app-actions button .dq-bi-svg{
  width:20px!important;
  height:20px!important;
}

html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar){
  background:var(--dq-color-canvas)!important;
}

html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-form-tabs{
  top:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;
  height:var(--dq-direct-tab-height)!important;
  min-height:var(--dq-direct-tab-height)!important;
  border-bottom:1px solid var(--dq-color-divider)!important;
  background:var(--dq-theme-surface-a960, rgba(255,255,255,.96))!important;
}

html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-form-section,
html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-draft-banner{
  border:1px solid var(--dq-color-border)!important;
  border-radius:var(--dq-radius-dialog)!important;
  background:var(--dq-color-surface)!important;
  box-shadow:0 5px 16px rgba(20,47,66,.045)!important;
}

.dq-attendance-apply-page,
.dq-attendance-stats-page,
.dq-attendance-detail-page,
.dq-attendance-leave-page,
.dq-attendance-leave-records-page,
.dq-attendance-settings-page{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:var(--dq-viewport-height)!important;
  margin:0!important;
  color:var(--dq-color-text)!important;
  background:var(--dq-color-canvas)!important;
}

.dq-attendance-apply-page .dq-attendance-appbar,
.dq-attendance-stats-page .dq-attendance-appbar,
.dq-attendance-detail-page .dq-attendance-appbar,
.dq-attendance-leave-page .dq-attendance-appbar,
.dq-attendance-leave-records-page .dq-attendance-appbar,
.dq-attendance-settings-page .dq-attendance-appbar{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  width:auto!important;
  margin:0 -20px 20px!important;
}

.dq-attendance-apply-row,
.dq-attendance-apply-card,
.dq-attendance-apply-list,
.dq-attendance-stat-card,
.dq-attendance-leave-types button,
.dq-attendance-leave-records-page section,
.dq-attendance-setting-card{
  border:1px solid var(--dq-color-border)!important;
  border-radius:var(--dq-radius-dialog)!important;
  background:var(--dq-color-surface)!important;
  box-shadow:0 5px 16px rgba(20,47,66,.045)!important;
}

body:not(.auth-public) .dq-approval-picker-sheet header.dq-adaptive-appbar,
body:not(.auth-public) .dq-approval-extra-sheet header.dq-adaptive-appbar{
  position:sticky!important;
  top:0!important;
  z-index:10!important;
  display:grid!important;
  grid-template-columns:minmax(52px,1fr) minmax(0,2fr) minmax(52px,1fr)!important;
  min-height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;
  height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;
  padding:var(--dq-safe-top) 12px 0!important;
  border:0!important;
  border-bottom:1px solid var(--dq-color-divider)!important;
  background:var(--dq-theme-surface-a960, rgba(255,255,255,.96))!important;
}

body:not(.auth-public) .dq-approval-picker-sheet header.dq-adaptive-appbar>.dq-back-icon,
body:not(.auth-public) .dq-approval-extra-sheet header.dq-adaptive-appbar>.dq-back-icon{
  display:grid!important;
  min-width:44px!important;
  min-height:44px!important;
  color:var(--dq-color-text)!important;
}

body:not(.auth-public) .dq-approval-picker-sheet header.dq-adaptive-appbar>h2,
body:not(.auth-public) .dq-approval-extra-sheet header.dq-adaptive-appbar>h2{
  top:var(--dq-safe-top)!important;
  color:var(--dq-color-text)!important;
  font-size:var(--dq-font-size-title)!important;
  font-weight:800!important;
}

body:not(.auth-public) .dq-approval-picker-sheet header.dq-adaptive-appbar>button:last-child{
  grid-column:3!important;
  justify-self:end!important;
  min-width:52px!important;
  min-height:44px!important;
  padding:0 6px!important;
  color:var(--dq-color-brand)!important;
  font-size:var(--dq-font-14, 14px)!important;
}

@media(min-width:900px){
  html:not(.dq-native-app) body[data-app-view='approvals'].dq-approval-direct-page .dq-approval-appbar,
  html:not(.dq-native-app) body[data-app-view='approvals'] .dq-approval-view.dq-approval-direct-mode .dq-approval-appbar,
  html:not(.dq-native-app) body[data-app-view='approvals'] .dq-approval-view[data-approval-module='direct'] .dq-approval-appbar{
    left:var(--dq-shell-sidebar-width)!important;
    right:0!important;
    width:calc(100% - var(--dq-shell-sidebar-width))!important;
  }

  html:not(.dq-native-app) body[data-app-view='approvals'] .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-submit-bar{
    left:var(--dq-shell-sidebar-width)!important;
    right:0!important;
    width:auto!important;
  }

  html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) [data-approval-submit-panel],
  html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-history-panel{
    box-sizing:border-box!important;
    width:min(980px,calc(100% - 40px))!important;
    margin:0 auto!important;
  }

  .dq-attendance-apply-page,
  .dq-attendance-stats-page,
  .dq-attendance-detail-page,
  .dq-attendance-leave-page,
  .dq-attendance-leave-records-page,
  .dq-attendance-settings-page{
    padding-right:max(24px,calc((100% - 980px)/2))!important;
    padding-left:max(24px,calc((100% - 980px)/2))!important;
  }

  .dq-attendance-apply-page .dq-attendance-appbar,
  .dq-attendance-stats-page .dq-attendance-appbar,
  .dq-attendance-detail-page .dq-attendance-appbar,
  .dq-attendance-leave-page .dq-attendance-appbar,
  .dq-attendance-leave-records-page .dq-attendance-appbar,
  .dq-attendance-settings-page .dq-attendance-appbar{
    margin-right:calc(-1 * max(24px,calc((100% - 980px)/2)))!important;
    margin-left:calc(-1 * max(24px,calc((100% - 980px)/2)))!important;
  }
}

@media(max-width:899px){
  body:not(.auth-public) .dq-approval-view:has(.dq-approval-appbar){
    --dq-direct-side-width:88px!important;
  }
  html body:not(.auth-public) .dq-approval-appbar,
  html body:not(.auth-public) .dq-attendance-appbar{
    grid-template-columns:48px minmax(0,1fr) 80px!important;
    padding:var(--dq-safe-top) 8px 0!important;
  }
  html body:not(.auth-public) .dq-approval-appbar>.dq-approval-app-actions [data-approval-forward]{
    display:none!important;
  }
  html body:not(.auth-public) .dq-approval-appbar>.dq-approval-title-group,
  html body:not(.auth-public) .dq-attendance-appbar>h2{
    right:96px!important;
    left:96px!important;
  }
  html body:not(.auth-public) .dq-approval-appbar>.dq-approval-app-actions button,
  html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-appbar>.dq-approval-app-actions button{
    flex-basis:var(--dq-control-min-height)!important;
    width:var(--dq-control-min-height)!important;
    min-width:var(--dq-control-min-height)!important;
  }
  .dq-attendance-apply-page .dq-attendance-appbar,
  .dq-attendance-stats-page .dq-attendance-appbar,
  .dq-attendance-detail-page .dq-attendance-appbar,
  .dq-attendance-leave-page .dq-attendance-appbar,
  .dq-attendance-leave-records-page .dq-attendance-appbar,
  .dq-attendance-settings-page .dq-attendance-appbar{
    margin-right:-14px!important;
    margin-left:-14px!important;
  }
}

/* v630: one collision-safe title bar for web, mobile web and Android. */
:root{
  --dq-titlebar-side:56px;
  --dq-titlebar-action:44px;
}

body:not(.auth-public) .dq-adaptive-appbar,
body:not(.auth-public) .dq-app-header{
  box-sizing:border-box;
  min-width:0;
}

html body:not(.auth-public) .dq-approval-appbar,
html body:not(.auth-public) .dq-attendance-appbar{
  grid-template-columns:var(--dq-titlebar-side) minmax(0,1fr) 140px!important;
  min-width:0!important;
}

html body:not(.auth-public) .dq-approval-appbar>.dq-approval-title-group,
html body:not(.auth-public) .dq-attendance-appbar>h2{
  right:148px!important;
  left:148px!important;
  min-width:0!important;
  max-width:none!important;
}

html body:not(.auth-public) .dq-approval-appbar>.dq-approval-title-group strong,
html body:not(.auth-public) .dq-attendance-appbar>h2{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media(min-width:900px){
  /* Attendance owns the same full display-pane title rail as OA and Training. */
  html:not(.dq-native-app) body[data-app-view='attendance'] .dq-attendance-appbar{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:var(--dq-shell-sidebar-width)!important;
    z-index:1400!important;
    width:calc(100% - var(--dq-shell-sidebar-width))!important;
    margin:0!important;
  }

  html:not(.dq-native-app) body[data-app-view='attendance'] .dq-attendance-layout{
    box-sizing:border-box!important;
    padding-top:calc(var(--dq-appbar-height) + 22px)!important;
  }

  html:not(.dq-native-app) body.dq-secondary-shell-view .dq-app-header,
  html:not(.dq-native-app) body[data-app-view='attendance'] .dq-attendance-appbar,
  html:not(.dq-native-app) body[data-app-view='approvals'] .dq-approval-appbar{
    min-height:var(--dq-appbar-height)!important;
    height:var(--dq-appbar-height)!important;
    border-bottom:1px solid var(--dq-color-divider)!important;
    background:var(--dq-theme-surface-a960, rgba(255,255,255,.96))!important;
    box-shadow:none!important;
  }
}

@media(max-width:899px){
  :root{
    --dq-titlebar-side:48px;
  }

  html body:not(.auth-public) .dq-approval-appbar,
  html body:not(.auth-public) .dq-attendance-appbar{
    grid-template-columns:48px minmax(0,1fr) 88px!important;
    padding-right:8px!important;
    padding-left:8px!important;
  }

  /* Forward remains available in More. Keep the frequently used minimise
     control in the title bar and reserve an equal title-safe area so neither
     action can collide with a long approval name. */
  html body:not(.auth-public) .dq-approval-appbar>.dq-approval-app-actions{
    grid-column:3!important;
    display:flex!important;
    width:88px!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  html body:not(.auth-public) .dq-approval-appbar>.dq-approval-app-actions [data-approval-forward],
  html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-appbar>.dq-approval-app-actions button[data-approval-forward]{
    display:none!important;
  }
  html body:not(.auth-public) .dq-approval-appbar>.dq-approval-app-actions button[data-minimize-approval-page],
  html body:not(.auth-public) .dq-approval-appbar>.dq-approval-app-actions button[data-approval-more]{
    display:grid!important;
    width:var(--dq-control-min-height)!important;
    min-width:var(--dq-control-min-height)!important;
    flex-basis:var(--dq-control-min-height)!important;
  }

  html body:not(.auth-public) .dq-approval-appbar>.dq-approval-title-group,
  html body:not(.auth-public) .dq-attendance-appbar>h2{
    right:calc(88px + var(--dq-space-2))!important;
    left:calc(88px + var(--dq-space-2))!important;
    font-size:clamp(17px,5vw,var(--dq-font-size-title))!important;
  }

  html body:not(.auth-public) .dq-attendance-appbar{
    position:sticky!important;
    top:0!important;
    width:auto!important;
  }

  /* The attendance canvas used a 760px maximum width, which left a 4px
     gutter on 768px tablets and made its title rail look different. */
  html:not(.dq-native-app) body[data-app-view='attendance'] .dq-attendance-layout{
    width:100%!important;
    max-width:none!important;
  }
}

@media(max-width:360px){
  html body:not(.auth-public) .dq-approval-appbar>.dq-approval-title-group,
  html body:not(.auth-public) .dq-attendance-appbar>h2{
    right:calc(88px + var(--dq-space-2))!important;
    left:calc(88px + var(--dq-space-2))!important;
    font-size:var(--dq-font-16, 16px)!important;
  }
}

/* A direct OA form is a fixed full-screen surface. Its title bar must not be
   clipped by the parent route animation while a cold loading shell becomes
   the final form; the rest of the shell keeps the shared route transition. */
@media(prefers-reduced-motion:no-preference){
  body[data-app-view='approvals'].dq-approval-direct-page .dq-approval-view.dq-view-enter{
    animation:none!important;
    clip-path:none!important;
    opacity:1!important;
    will-change:auto!important;
  }
}

/* Detailed container-loading calculator. */
#containerLoad_options .dq-container-config-section{
  display:grid;
  gap:var(--dq-content-space-18, 18px);
}

#containerLoad_options .dq-container-source-note{
  margin-top:12px;
  padding:12px 14px;
  border:1px solid var(--dq-theme-border, #cfe3f2);
  border-radius:12px;
  color:var(--dq-theme-muted, #526a7c);
  background:var(--dq-theme-surface, #f4faff);
  font-size:var(--dq-font-13, 13px);
  line-height:1.65;
}

#containerLoad_options .dq-container-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--dq-content-space-14, 14px);
}

#containerLoad_options .dq-container-form-grid>label{
  display:grid;
  align-content:start;
  gap:var(--dq-content-space-7, 7px);
  min-width:0;
  margin:0;
}

#containerLoad_options .dq-container-form-grid>label>b{
  color:var(--dq-theme-ink, #20384a);
  font-size:var(--dq-font-13, 13px);
  line-height:1.35;
}

#containerLoad_options .dq-container-form-grid input,
#containerLoad_options .dq-container-form-grid select{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:44px;
  margin:0;
}

#containerLoad_options .dq-container-spec-details{
  overflow:hidden;
  border:1px solid var(--dq-theme-border, #dbe7f0);
  border-radius:14px;
  background:var(--dq-theme-surface, #f8fbfd);
}

#containerLoad_options .dq-container-spec-details>summary{
  padding:13px 15px;
  color:var(--dq-theme-blue, #176f9f);
  font-size:var(--dq-font-13, 13px);
  font-weight:800;
  cursor:pointer;
}

#containerLoad_options .dq-container-spec-grid{
  padding:0 var(--dq-content-space-14, 14px) var(--dq-content-space-14, 14px);
}

#containerLoad_options .dq-container-reference-summary{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--dq-content-space-8, 8px) var(--dq-content-space-18, 18px);
  padding:var(--dq-content-space-12, 12px) var(--dq-content-space-14, 14px);
  border-radius:12px;
  color:var(--dq-theme-muted, #476276);
  background:var(--dq-theme-surface-soft, #edf6fb);
  font-size:var(--dq-font-13, 13px);
}

#containerLoad_options .dq-container-subhead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding-top:4px;
  border-bottom:1px solid var(--dq-theme-border, #e5edf3);
}

#containerLoad_options .dq-container-subhead b{
  padding-bottom:8px;
  color:var(--dq-theme-ink, #142f43);
  font-size:var(--dq-font-15, 15px);
}

#containerLoad_options .dq-container-subhead span{
  padding-bottom:8px;
  color:var(--dq-theme-muted, #718495);
  font-size:var(--dq-font-12, 12px);
  text-align:right;
}

#containerLoad_options #load_pallet_fields{
  display:grid;
  gap:14px;
}

#containerLoad_options #load_pallet_fields[hidden]{
  display:none!important;
}

@media(max-width:760px){
  #containerLoad_options .dq-container-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--dq-content-space-12, 12px);
  }
}

@media(max-width:430px){
  #containerLoad_options .dq-container-form-grid{
    grid-template-columns:1fr;
  }
  #containerLoad_options .dq-container-subhead{
    align-items:flex-start;
    flex-direction:column;
    gap:0;
  }
  #containerLoad_options .dq-container-subhead span{
    text-align:left;
  }
}

/* v663: compact attendance settings flow and paged chat attachments. */
.dq-attendance-card>.dq-attendance-settings-page{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  min-height:0!important;
  padding-bottom:calc(88px + var(--dq-safe-bottom))!important;
}

.dq-attendance-settings-page>.dq-attendance-appbar{
  flex:0 0 auto!important;
  align-self:stretch!important;
  width:100%!important;
  margin:0!important;
}

.dq-attendance-settings-page>.dq-attendance-setting-tabs{
  box-sizing:border-box!important;
  flex:0 0 62px!important;
  width:100%!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}

.dq-attendance-settings-page>.dq-attendance-setting-tabs>button{
  box-sizing:border-box!important;
  min-height:62px!important;
  padding:0 12px!important;
}

.dq-attendance-settings-page>.dq-attendance-setting-card{
  flex:0 0 auto!important;
  margin-top:16px!important;
}

.dq-attachment-panel{
  display:flex!important;
  flex-direction:column;
  gap:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:var(--dq-content-space-16, 16px) 0 var(--dq-content-space-10, 10px)!important;
  background:var(--dq-theme-surface-soft, #e9e9e9)!important;
}

.dq-attachment-panel[hidden],
.dq-attachment-inventory[hidden]{
  display:none!important;
}

.dq-attachment-viewport{
  flex:0 0 auto;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  touch-action:pan-x;
  -webkit-overflow-scrolling:touch;
}

.dq-attachment-viewport::-webkit-scrollbar{
  display:none;
}

.dq-attachment-pages{
  display:flex;
  align-items:stretch;
  width:100%;
  min-width:0;
}

.dq-attachment-page{
  box-sizing:border-box;
  display:grid;
  flex:0 0 100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:minmax(86px,auto);
  align-content:start;
  gap:14px 10px;
  width:100%;
  min-width:0;
  padding:0 14px;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}

.dq-attachment-panel .dq-attachment-page>button[data-attachment-item]{
  display:grid!important;
  grid-template-rows:58px auto!important;
  place-items:center!important;
  gap:var(--dq-content-space-7, 7px)!important;
  min-width:0!important;
  min-height:86px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--dq-theme-ink, #4e5963)!important;
  background:transparent!important;
  font-size:var(--dq-font-14, 14px)!important;
  font-weight:500!important;
}

.dq-attachment-panel .dq-attachment-page>button[data-attachment-item]>i.dq-bi-icon{
  width:58px!important;
  height:58px!important;
}

.dq-attachment-panel .dq-attachment-page>button[data-attachment-item]>span{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dq-attachment-pagination{
  flex:0 0 auto;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:0;
  min-height:var(--dq-control-min-height);
  padding:0;
}

.dq-attachment-pagination[hidden]{
  display:none!important;
}

.dq-attachment-panel .dq-attachment-pagination>button{
  display:grid!important;
  place-items:center;
  box-sizing:border-box!important;
  width:var(--dq-control-min-height)!important;
  min-width:var(--dq-control-min-height)!important;
  height:var(--dq-control-min-height)!important;
  min-height:var(--dq-control-min-height)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:var(--dq-radius-control)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:0!important;
}

.dq-attachment-panel .dq-attachment-pagination>button::after{
  content:'';
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--dq-theme-surface-muted, #b4bac0);
}

.dq-attachment-panel .dq-attachment-pagination>button.active::after{
  width:17px;
  background:#59636d;
}

/* In a short landscape viewport, keep both tool rows and the pager visible. */
@media(min-width:600px) and (max-height:500px){
  .dq-attachment-panel{
    padding:var(--dq-content-space-8, 8px) 0 var(--dq-content-space-4, 4px)!important;
  }
  .dq-attachment-page{
    grid-auto-rows:var(--dq-control-min-height);
    gap:8px 10px;
  }
  .dq-attachment-panel .dq-attachment-page>button[data-attachment-item]{
    grid-template-columns:var(--dq-control-min-height) minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    min-height:var(--dq-control-min-height)!important;
    gap:var(--dq-content-space-6, 6px)!important;
    text-align:left;
  }
  .dq-attachment-panel .dq-attachment-page>button[data-attachment-item]>i.dq-bi-icon{
    width:var(--dq-control-min-height)!important;
    height:var(--dq-control-min-height)!important;
  }
  .dq-attachment-panel .dq-attachment-page>button[data-attachment-item]>span{
    justify-self:start;
  }
}

@media(min-width:900px){
  html:not(.dq-native-app) body[data-app-view='attendance'] .dq-attendance-layout:has(.dq-attendance-settings-page){
    margin-top:-24px!important;
    padding-top:var(--dq-appbar-height)!important;
  }
  html:not(.dq-native-app) body[data-app-view='attendance'] :is(.dq-attendance-bottom-nav,.dq-attendance-leave-nav){
    box-sizing:border-box!important;
    left:var(--dq-shell-sidebar-width)!important;
    right:0!important;
    width:calc(100% - var(--dq-shell-sidebar-width))!important;
  }
  html:not(.dq-native-app) body[data-app-view='attendance'] .dq-attendance-bottom-nav{
    grid-template-columns:repeat(3,minmax(44px,172px))!important;
    justify-content:center!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .dq-attachment-panel{
    border-radius:14px!important;
  }
  .dq-attachment-page{
    padding:0 16px;
  }
}

/* Brand presentation. Geometry, safe areas and scroll ownership stay in the
   frame rules above; these components never transform a page or an appbar. */
body:not(.auth-public) :is(button,a,[role='button'],input,select,textarea):focus-visible{
  outline:2px solid var(--dq-color-brand);
  outline-offset:3px;
}
.dq-form-control:focus{
  border-color:var(--dq-color-brand)!important;
  box-shadow:0 0 0 3px rgba(11,115,185,.09);
}
/* Search is one rounded control. Its inner editor must not draw a second
   focus rectangle (WebKit also matches :focus-visible after a touch). */
body:not(.auth-public) input[type='search']:is(:focus,:focus-visible){
  outline:none!important;
  box-shadow:none!important;
}
body:not(.auth-public) .dq-search-field:focus-within{
  border-color:var(--dq-color-brand)!important;
  box-shadow:none!important;
}
.dq-bottom-nav-indicator,
.dq-desktop-nav-indicator{
  background:var(--dq-color-brand-soft);
  box-shadow:none;
}
.dq-bottom-nav.dq-nav-indicator-ready .dq-bottom-nav-indicator,
.dq-desktop-nav.dq-nav-indicator-ready .dq-desktop-nav-indicator{
  transition:transform 240ms var(--dq-ease-standard),width 180ms var(--dq-ease-standard);
}
.dq-adaptive-appbar,
.dq-app-header{
  box-shadow:0 1px 0 rgba(24,63,83,.035);
}

/* Platinum workspace: presentation tokens do not change frame geometry. */
@media(min-width:900px){
  html:not(.dq-native-app) body:not(.auth-public){background:var(--dq-color-canvas)!important}
  .dq-desktop-sidebar{border-right-color:var(--dq-theme-blue, #20364e);background:#14283f;box-shadow:none;backdrop-filter:none}
  .dq-desktop-sidebar :is(.dq-desktop-brand,.dq-desktop-user){color:#f4f7fc;border-radius:10px}
  .dq-desktop-sidebar :is(.dq-desktop-brand,.dq-desktop-user) b{color:#f4f7fc;font-weight:650}
  .dq-desktop-sidebar :is(.dq-desktop-brand,.dq-desktop-user) small{color:var(--dq-theme-muted, #b4c1d3)}
  .dq-desktop-sidebar .dq-desktop-nav button{color:var(--dq-theme-muted, #c2ccda);font-weight:550;border-radius:9px;box-shadow:none}
  .dq-desktop-sidebar .dq-desktop-nav button.active{color:#fff;background:#2c425e;box-shadow:none}
  .dq-desktop-sidebar .dq-desktop-nav i{color:inherit;background:transparent;border-radius:8px}
  .dq-desktop-sidebar .dq-desktop-nav button.active i{background:#385473}
  .dq-desktop-sidebar .dq-desktop-nav-indicator{background:#2c425e;border-radius:9px}
  .dq-desktop-sidebar .dq-desktop-user{border-color:var(--dq-theme-blue, #34465e);background:#1c324b}
  .dq-desktop-sidebar :is(.dq-desktop-brand,.dq-desktop-user):hover,
  .dq-desktop-sidebar .dq-desktop-nav button:hover{color:#fff;background:#263d57}
}
.dq-crm-modal :is(.dq-crm-board,.dq-crm-customer-grid>article,.dq-crm-conversation,.dq-crm-insight>section,.dq-crm-metrics article),
.dq-record-card{border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-crm-page-head small{color:var(--dq-color-text-secondary);font-weight:650}
.dq-crm-page-head h3{color:var(--dq-color-text);font-weight:700}
/* CRM overview: actionable content stays in the existing scroll area. */
.dq-crm-overview-head{align-items:center;margin-bottom:16px}
.dq-crm-overview-head h3{margin:0 0 4px;font-size:var(--dq-font-22, 22px)}
.dq-crm-overview-head p{font-size:var(--dq-font-12, 12px)}
.dq-crm-reception-summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--dq-content-space-12, 12px);margin-bottom:16px;padding:var(--dq-content-space-14, 14px) var(--dq-content-space-16, 16px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:linear-gradient(110deg,var(--dq-color-surface),var(--dq-theme-surface-soft, #f1f8f6))}
.dq-crm-reception-summary>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--dq-color-accent-soft);color:var(--dq-color-accent)}
.dq-crm-reception-summary>i svg{width:21px;height:21px}
.dq-crm-reception-summary>div{min-width:0}
.dq-crm-reception-summary b{display:flex;align-items:center;gap:var(--dq-content-space-7, 7px);color:var(--dq-color-text);font-size:var(--dq-font-13, 13px);font-weight:650;line-height:1.6}
.dq-crm-reception-dot{flex:0 0 6px;height:6px;border-radius:50%;background:var(--dq-color-text-tertiary)}
.dq-crm-reception-dot[data-enabled='true']{background:var(--dq-color-accent)}
.dq-crm-reception-summary p{display:flex;flex-wrap:wrap;gap:2px var(--dq-content-space-12, 12px);margin:3px 0 0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-11, 11px);line-height:1.6;overflow-wrap:anywhere}
.dq-crm-reception-summary>button{display:flex;align-items:center;gap:var(--dq-content-space-4, 4px);min-width:44px;min-height:44px;padding:0 var(--dq-content-space-8, 8px);border:0;border-radius:var(--dq-radius-control);background:transparent;color:var(--dq-color-brand);font:inherit;font-size:var(--dq-font-12, 12px);cursor:pointer}
.dq-crm-reception-summary>button svg{width:14px;height:14px}
.dq-crm-modal .dq-crm-task-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--dq-content-space-12, 12px);margin:0 0 18px}
.dq-crm-task-card{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:var(--dq-content-space-10, 10px);align-items:center;min-width:0;min-height:114px;padding:var(--dq-content-space-16, 16px) var(--dq-content-space-18, 18px);box-sizing:border-box;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface);font:inherit;text-align:left;cursor:pointer}
.dq-crm-task-card>span{color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.5;overflow-wrap:anywhere}
.dq-crm-task-card>i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-crm-task-card>i svg{width:16px;height:16px}
.dq-crm-modal .dq-crm-task-card>b{min-width:0;color:var(--dq-color-text);font-size:var(--dq-font-28, 28px);line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dq-crm-task-card>em{display:flex;justify-content:center;color:var(--dq-color-text-tertiary)}
.dq-crm-task-card>em svg{width:16px;height:16px}
.dq-crm-task-card[data-count-key='handoff'][data-has-items='true']{border-color:var(--dq-theme-border, #ead9bb);background:var(--dq-theme-surface, #fffcf6)}
.dq-crm-task-card[data-count-key='handoff'][data-has-items='true']>i{color:var(--dq-color-warning);background:var(--dq-theme-surface-amber, #fff0d4)}
.dq-crm-task-card[data-count-key='qualified']>i{color:var(--dq-color-accent);background:var(--dq-color-accent-soft)}
.dq-crm-priority-board .dq-crm-section-head{padding:var(--dq-content-space-16, 16px) var(--dq-content-space-18, 18px)}
.dq-crm-priority-board .dq-crm-section-head h4{font-size:var(--dq-font-15, 15px);font-weight:650}
.dq-crm-priority-board .dq-crm-section-head span{font-size:var(--dq-font-11, 11px);line-height:1.6}
.dq-crm-priority-board .dq-crm-section-head>button{gap:var(--dq-content-space-4, 4px);min-width:44px;min-height:44px;font-weight:550}
.dq-crm-priority-board .dq-crm-section-head>button svg{width:14px;height:14px}
.dq-crm-queue-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:80px;padding:16px 18px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.7}
.dq-crm-priority-board :is(.dq-crm-queue-status,.dq-crm-empty) button{min-height:44px;padding:0 12px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);color:var(--dq-color-brand);background:var(--dq-color-surface);font:inherit;font-size:var(--dq-font-12, 12px);cursor:pointer}
.dq-crm-modal :is(.dq-crm-task-card,.dq-crm-reception-summary>button,.dq-crm-priority-board button):focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:3px}
@media(max-width:899px){
  .dq-crm-overview-head{margin-bottom:12px}
  .dq-crm-overview-head h3{font-size:var(--dq-font-19, 19px)}
  .dq-crm-overview-head p{font-size:var(--dq-font-11, 11px)}
  .dq-crm-reception-summary{grid-template-columns:30px minmax(0,1fr) auto;gap:var(--dq-content-space-9, 9px);margin-bottom:12px;padding:var(--dq-content-space-10, 10px) var(--dq-content-space-12, 12px)}
  .dq-crm-reception-summary>i{width:30px;height:30px;border-radius:9px}
  .dq-crm-reception-summary>i svg{width:18px;height:18px}
  .dq-crm-reception-summary p{gap:1px var(--dq-content-space-8, 8px);font-size:var(--dq-font-10, 10px)}
  .dq-crm-reception-summary>button{padding:0 3px}
  .dq-crm-modal .dq-crm-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-content-space-10, 10px);margin-bottom:14px}
  .dq-crm-task-card{min-height:94px;padding:var(--dq-content-space-12, 12px) var(--dq-content-space-14, 14px);gap:var(--dq-content-space-7, 7px)}
  .dq-crm-task-card>span{font-size:var(--dq-font-12, 12px)}
  .dq-crm-modal .dq-crm-task-card>b{font-size:var(--dq-font-25, 25px)}
  .dq-crm-priority-board .dq-crm-section-head{padding:var(--dq-content-space-12, 12px)}
}
@media(hover:hover) and (pointer:fine){
  .dq-crm-task-card:hover{border-color:var(--dq-theme-border, #b9cddd);box-shadow:0 5px 16px rgba(29,59,78,.08)}
  .dq-crm-task-card:hover>em{color:var(--dq-color-brand)}
  .dq-crm-reception-summary>button:hover{background:var(--dq-color-brand-soft)}
}
@media(prefers-reduced-motion:no-preference){
  body:not([data-motion='reduced']) .dq-crm-task-card{transition:border-color var(--dq-motion-fast),box-shadow var(--dq-motion-fast)}
}

.dq-crm-modal .dq-crm-customer-grid article>header>i{background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-weight:650;border-radius:10px}
.dq-crm-modal .dq-crm-settings>section{gap:0;padding:0 22px;border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);box-shadow:var(--dq-shadow-surface)}
.dq-crm-settings-group{display:grid;gap:var(--dq-content-space-16, 16px);min-width:0;padding:var(--dq-content-space-22, 22px) 0;border-bottom:1px solid var(--dq-color-divider)}
.dq-crm-settings-group>header{display:flex;align-items:flex-start;gap:var(--dq-content-space-12, 12px);min-width:0}
.dq-crm-settings-group>header>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:8px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-size:var(--dq-font-11, 11px);font-weight:650}
.dq-crm-settings-group>header h4{color:var(--dq-color-text);font-size:var(--dq-font-15, 15px);font-weight:650}
.dq-crm-settings-group>header p,.dq-crm-settings .dq-crm-field-help{margin:5px 0 0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);font-weight:400;line-height:1.7}
.dq-crm-modal .dq-crm-settings label{color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);font-weight:550}
.dq-crm-settings .dq-crm-switch{gap:16px;padding:12px 14px;border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-crm-settings .dq-crm-switch b{color:var(--dq-color-text);font-size:var(--dq-font-14, 14px);font-weight:600}
.dq-crm-settings .dq-crm-setting-grid .wide{grid-column:1/-1}
.dq-crm-modal .dq-crm-settings :is(input:not([type='checkbox']),select,textarea){min-height:44px;border-radius:var(--dq-radius-control);background:var(--dq-theme-surface, #fff);font-size:var(--dq-font-16, 16px);font-weight:400;color:var(--dq-color-text)}
.dq-crm-modal .dq-crm-settings fieldset{min-width:0;padding:0;border:0;border-radius:0;gap:8px}
.dq-crm-modal .dq-crm-settings legend{margin-bottom:10px;padding:0;font-size:var(--dq-font-13, 13px);font-weight:550}
.dq-crm-modal .dq-crm-settings fieldset label{padding:8px 12px;border:1px solid var(--dq-color-border);border-radius:8px;background:var(--dq-theme-surface, #fff);transition:background var(--dq-motion-fast) var(--dq-ease-standard)}
.dq-crm-modal .dq-crm-settings fieldset label:has(input:checked){border-color:var(--dq-theme-border, #d2dff5);background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-crm-modal .dq-crm-settings fieldset input{flex:0 0 18px;width:18px;height:18px;min-height:18px;padding:0;accent-color:var(--dq-color-brand)}
.dq-crm-settings-save{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0}
.dq-crm-settings-save p{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.6}
.dq-crm-settings-save p[data-state='saved']{color:var(--dq-color-accent)}
.dq-crm-settings-save p[data-state='error']{color:var(--dq-color-danger)}
.dq-crm-modal .dq-crm-settings button[type='submit']{flex-shrink:0;border-radius:var(--dq-radius-control);background:var(--dq-color-action);font-size:var(--dq-font-14, 14px);font-weight:600}
.dq-crm-modal .dq-crm-detail-head{grid-template-columns:minmax(0,1fr) max-content;padding:18px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-theme-surface, #fff)}
.dq-crm-modal .dq-crm-detail-head>div{min-width:0}
.dq-crm-modal .dq-crm-detail-head h3{font-size:var(--dq-font-22, 22px);font-weight:650;color:var(--dq-color-text);overflow-wrap:anywhere}
.dq-crm-modal .dq-crm-detail-head p{font-size:var(--dq-font-12, 12px);line-height:1.7;overflow-wrap:anywhere;color:var(--dq-color-text-secondary)}
.dq-crm-modal .dq-crm-detail-head small{display:inline-block;padding:4px 8px;border-radius:6px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-size:var(--dq-font-11, 11px);font-weight:550}
.dq-crm-modal .dq-crm-detail-head small[data-status='handoff']{background:var(--dq-theme-surface-soft, #fff5e8);color:var(--dq-theme-amber, #96601c)}
.dq-crm-modal .dq-crm-detail-head small[data-status='qualified']{background:var(--dq-color-accent-soft);color:var(--dq-color-accent)}
.dq-crm-detail-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;margin:0 0 18px;padding:14px 18px;border-radius:var(--dq-radius-control);background:var(--dq-color-brand-soft)}
.dq-crm-detail-context>div{min-width:0}
.dq-crm-detail-context dt{margin-bottom:5px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-11, 11px)}
.dq-crm-detail-context dd{margin:0;color:var(--dq-color-text);font-size:var(--dq-font-13, 13px);line-height:1.6;overflow-wrap:anywhere}
.dq-crm-modal .dq-crm-detail-actions :is(button,select){min-height:44px;border-radius:var(--dq-radius-control);font-weight:550;font-size:var(--dq-font-13, 13px)}
.dq-crm-modal .dq-crm-detail-actions .primary,.dq-crm-modal .dq-crm-conversation button,.dq-crm-modal .dq-crm-insight button{background:var(--dq-color-action);font-weight:600;border-radius:var(--dq-radius-control)}
.dq-crm-modal :is(.dq-crm-conversation,.dq-crm-insight>section)>header{padding:16px 18px;color:var(--dq-color-text)}
.dq-crm-modal :is(.dq-crm-conversation,.dq-crm-insight) header b{font-size:var(--dq-font-14, 14px);font-weight:650}
.dq-crm-modal .dq-crm-conversation article p{font-size:var(--dq-font-14, 14px);line-height:1.8;color:var(--dq-color-text)}
.dq-crm-modal .dq-crm-conversation article[data-sender='ai'] p{background:var(--dq-color-brand-soft)}
.dq-crm-modal .dq-crm-insight :is(dt,dd){font-size:var(--dq-font-12, 12px);line-height:1.7}
.dq-crm-modal .dq-crm-insight label{display:grid;gap:7px;min-width:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px)}
.dq-crm-modal .dq-crm-insight :is(input,textarea){box-sizing:border-box;min-width:0;max-width:100%;font-size:var(--dq-font-16, 16px);font-weight:400;border-radius:var(--dq-radius-control)}
.dq-crm-modal .dq-crm-quote-action{gap:10px;padding:16px 18px}
.dq-crm-modal .dq-crm-quote-action small{font-size:var(--dq-font-11, 11px);line-height:1.7}
/* Inquiry work area and the source context within the existing quote page. */
.dq-crm-detail-switch{display:none}
.dq-crm-detail-workspace{align-items:start}
.dq-crm-detail-workspace>[data-detail-region='conversation']{grid-column:1;grid-row:1 / span 2}
.dq-crm-detail-workspace>[data-detail-region='needs'],.dq-crm-detail-workspace>[data-detail-region='followup']{grid-column:2;min-width:0}
.dq-crm-detail-actions>[data-crm-retry-detail]{display:grid;place-items:center;flex:0 0 44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-surface);color:var(--dq-color-brand)}
.dq-crm-detail-actions>[data-crm-retry-detail] svg{width:18px;height:18px}
.dq-crm-modal .dq-crm-quote-action{display:grid;gap:10px}
.dq-crm-modal .dq-crm-quote-action>button{width:100%;min-height:44px;font-size:var(--dq-font-13, 13px)}
.dq-crm-modal .dq-crm-quote-action>.dq-crm-secondary-action{color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-crm-linked-quote{padding:16px 18px;border-top:1px solid var(--dq-color-divider);min-width:0}
.dq-crm-linked-quote>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:0!important}
.dq-crm-linked-quote>header>div{min-width:0;display:grid;gap:4px}
.dq-crm-linked-quote>header span{color:var(--dq-color-text-secondary);font-size:var(--dq-font-11, 11px);line-height:1.6}
.dq-crm-linked-quote em{flex-shrink:0;font-style:normal;font-size:var(--dq-font-11, 11px);line-height:1.6;padding:4px 8px;border-radius:6px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-crm-linked-quote em[data-stage='approved']{background:var(--dq-color-accent-soft);color:var(--dq-color-accent)}
.dq-crm-linked-quote em[data-stage='rejected']{background:var(--dq-theme-surface, #fff0ee);color:var(--dq-theme-red, #a63e32)}
.dq-crm-linked-quote>strong{display:block;margin-top:12px;color:var(--dq-color-text);font-size:var(--dq-font-22, 22px);font-variant-numeric:tabular-nums}
.dq-crm-modal .dq-crm-linked-quote>p{padding:0;margin:6px 0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);overflow-wrap:anywhere}
.dq-crm-linked-quote summary{display:flex;align-items:center;min-height:44px;color:var(--dq-color-brand);font-size:var(--dq-font-12, 12px);cursor:pointer}
.dq-crm-linked-quote summary:focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:2px}
.dq-crm-modal .dq-crm-linked-quote dl{padding:0;margin:0}
.dq-crm-linked-quote dd{overflow-wrap:anywhere}
.dq-crm-linked-empty{padding:16px 18px!important;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.8}
.dq-crm-quote-preparation .dq-crm-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-content-space-14, 14px)}
.dq-crm-quote-preparation .dq-crm-form-grid .wide{grid-column:1/-1}
.dq-crm-quote-preparation .dq-crm-prepare-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dq-crm-quote-preparation [hidden]{display:none!important}
.dq-crm-quote-preparation :is(input,select){box-sizing:border-box;min-width:0;width:100%;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-surface);color:var(--dq-color-text);font:inherit;font-size:var(--dq-font-16, 16px)}
.dq-crm-quote-preparation p{line-height:1.8;overflow-wrap:anywhere}
.dq-crm-prepare-customer{padding:12px 14px;border-radius:var(--dq-radius-control);background:var(--dq-color-brand-soft);color:var(--dq-color-text)!important}
.dq-crm-quote-source{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin:0 0 18px;min-width:0;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:linear-gradient(110deg,var(--dq-theme-surface, #fff),var(--dq-color-brand-soft))}
.dq-crm-quote-source>div{min-width:0}
.dq-crm-quote-source small{color:var(--dq-color-brand);font-size:var(--dq-font-11, 11px);letter-spacing:.06em}
.dq-crm-quote-source h3{margin:6px 0;font-size:var(--dq-font-18, 18px);color:var(--dq-color-text);overflow-wrap:anywhere}
.dq-crm-quote-source p,.dq-crm-quote-source span{margin:4px 0;font-size:var(--dq-font-12, 12px);line-height:1.8;color:var(--dq-color-text-secondary);overflow-wrap:anywhere}
.dq-crm-quote-source>button{flex-shrink:0;min-height:44px;padding:0 14px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-surface);color:var(--dq-color-brand);font:inherit;font-size:var(--dq-font-13, 13px);cursor:pointer}
@media(max-width:899px){
 .dq-crm-detail-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 14px;padding:4px;background:var(--dq-color-brand-soft);border-radius:var(--dq-radius-control)}
 .dq-crm-detail-switch button{min-width:0;min-height:44px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:var(--dq-color-text-secondary);font:inherit;font-size:var(--dq-font-13, 13px);cursor:pointer}
 .dq-crm-detail-switch button[aria-pressed='true']{background:var(--dq-color-surface);color:var(--dq-color-brand);box-shadow:var(--dq-shadow-surface);font-weight:650}
 .dq-crm-detail-workspace{grid-template-columns:minmax(0,1fr)!important}
 .dq-crm-detail-workspace>[data-detail-region]{grid-column:1!important;grid-row:auto!important}
 .dq-crm-detail-workspace[data-panel='conversation']>[data-detail-region]:not([data-detail-region='conversation']),.dq-crm-detail-workspace[data-panel='needs']>[data-detail-region]:not([data-detail-region='needs']),.dq-crm-detail-workspace[data-panel='followup']>[data-detail-region]:not([data-detail-region='followup']){display:none}
 .dq-crm-modal .dq-crm-detail-actions{flex-wrap:wrap;gap:8px}
 .dq-crm-quote-source{flex-wrap:wrap;padding:14px;margin-bottom:14px}
 .dq-crm-quote-source h3{font-size:var(--dq-font-16, 16px)}
}
@media(max-width:359px){.dq-crm-quote-preparation .dq-crm-prepare-fields{grid-template-columns:minmax(0,1fr)}}

.dq-crm-main>.dq-record-hero{background:linear-gradient(110deg,var(--dq-theme-surface, #fff),var(--dq-color-brand-soft))}
@media(max-width:720px){
  .dq-crm-modal .dq-crm-settings>section{padding:0 16px}
  .dq-crm-settings-group{padding:var(--dq-content-space-18, 18px) 0}
  .dq-crm-settings-save{align-items:stretch;flex-direction:column}
  .dq-crm-settings-save button{width:100%}
  .dq-crm-modal .dq-crm-detail-head{grid-template-columns:minmax(0,1fr);padding:14px;gap:10px}
  .dq-crm-modal .dq-crm-detail-head h3{font-size:var(--dq-font-20, 20px)}
  .dq-crm-detail-context{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
}
.dq-record-open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;margin-top:12px;padding:0 14px;border:1px solid var(--dq-color-border);border-radius:8px;background:var(--dq-theme-surface, #fff);color:var(--dq-color-brand);font:inherit;font-size:var(--dq-font-13, 13px);font-weight:600;cursor:pointer}
.dq-record-hero{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:var(--dq-content-space-16, 16px);min-width:0;margin-bottom:20px;padding:var(--dq-content-space-22, 22px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-theme-surface, #fff)}
.dq-record-monogram{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:12px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-size:var(--dq-font-24, 24px);font-weight:650}
.dq-record-monogram svg{width:25px;height:25px}
.dq-record-hero>div:nth-child(2){min-width:0;flex:1}
.dq-record-hero small{color:var(--dq-color-text-secondary);font-size:var(--dq-font-10, 10px);letter-spacing:.1em}
.dq-record-hero h3{margin:6px 0;color:var(--dq-color-text);font-size:var(--dq-font-23, 23px);line-height:1.4;overflow-wrap:anywhere}
.dq-record-hero p{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);overflow-wrap:anywhere}
.dq-record-tag{flex-shrink:0;padding:6px 10px;border:1px solid var(--dq-theme-border, #cce3da);border-radius:7px;background:var(--dq-color-accent-soft);color:var(--dq-color-accent);font-size:var(--dq-font-12, 12px)}
.dq-record-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;min-width:0}
.dq-record-card{min-width:0;margin-bottom:18px;padding:var(--dq-content-space-20, 20px);border:1px solid var(--dq-color-border)}
.dq-record-card>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--dq-content-space-8, 8px);margin-bottom:18px}
.dq-record-card h4{margin:0;color:var(--dq-color-text);font-size:var(--dq-font-16, 16px);font-weight:650}
.dq-record-card>header>span{color:var(--dq-color-text-secondary);font-size:var(--dq-font-11, 11px)}
.dq-record-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;margin:0}
.dq-record-facts>div{min-width:0}
.dq-record-facts dt{margin-bottom:6px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px)}
.dq-record-facts dd{margin:0;color:var(--dq-color-text);font-size:var(--dq-font-14, 14px);font-weight:550;overflow-wrap:anywhere}
.dq-record-summary{margin-top:22px;padding-top:var(--dq-content-space-18, 18px);border-top:1px solid var(--dq-color-divider)}
.dq-record-summary p{margin:8px 0 0;font-size:var(--dq-font-13, 13px);line-height:1.8;color:var(--dq-color-text-secondary);overflow-wrap:anywhere}
.dq-record-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-content-space-12, 12px)}
.dq-record-metrics>div{display:grid;gap:var(--dq-content-space-10, 10px);padding:var(--dq-content-space-16, 16px);border-radius:9px;background:var(--dq-theme-surface, #f5f7fb)}
.dq-record-metrics span{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-record-metrics b{font-size:var(--dq-font-27, 27px);font-variant-numeric:tabular-nums;color:var(--dq-color-text)}
.dq-record-connection{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--dq-color-divider);min-width:0}
.dq-record-connection>div{min-width:0}
.dq-record-connection svg{width:21px;height:21px;color:var(--dq-color-brand)}
.dq-record-connection b{font-size:var(--dq-font-14, 14px);color:var(--dq-color-text)}
.dq-record-connection p{font-size:var(--dq-font-12, 12px);line-height:1.8;color:var(--dq-color-text-secondary)}
.dq-record-connection span{font-size:var(--dq-font-11, 11px);color:var(--dq-color-text-secondary)}
.dq-erp-orders{box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;padding:24px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.dq-erp-orders .dq-crm-page-head>button{width:auto;padding:0 12px}
.dq-erp-order-search{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px;padding:20px;border:1px solid var(--dq-color-border);border-radius:12px;background:var(--dq-theme-surface, #fff)}
.dq-erp-order-search label{display:grid;flex:1;min-width:0;gap:8px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px)}
.dq-erp-order-search input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--dq-theme-border, #cbd5e3);border-radius:8px;font:inherit;font-size:var(--dq-font-16, 16px);color:var(--dq-color-text);background:var(--dq-theme-surface, #fff)}
.dq-erp-order-search button{min-height:44px;flex-shrink:0;padding:0 16px;border:0;border-radius:8px;background:var(--dq-color-action);color:#fff;font:inherit;font-size:var(--dq-font-14, 14px);cursor:pointer}
.dq-erp-order-search button:disabled{opacity:.55;cursor:wait}
.dq-record-empty{display:grid;justify-items:center;align-content:center;gap:12px;min-height:240px;padding:24px;border:1px solid var(--dq-color-border);border-radius:12px;background:var(--dq-theme-surface, #fff);text-align:center}
.dq-record-empty>i{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-record-empty svg{width:24px;height:24px}
.dq-record-empty h4{margin:0;font-size:var(--dq-font-17, 17px);color:var(--dq-color-text)}
.dq-record-empty p{max-width:400px;margin:0;font-size:var(--dq-font-13, 13px);color:var(--dq-color-text-secondary);line-height:1.8}
.dq-record-empty button{min-height:44px;padding:0 12px;border:1px solid var(--dq-color-border);border-radius:8px;color:var(--dq-color-brand);background:var(--dq-theme-surface, #fff);font:inherit;font-size:var(--dq-font-13, 13px)}
.dq-erp-order-list{display:grid;gap:var(--dq-content-space-12, 12px)}
.dq-erp-order-list>button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--dq-content-space-12, 12px);min-width:0;padding:var(--dq-content-space-18, 18px);border:1px solid var(--dq-color-border);border-radius:12px;background:var(--dq-theme-surface, #fff);text-align:left;font:inherit;cursor:pointer}
.dq-erp-order-list>button>div{display:grid;gap:var(--dq-content-space-6, 6px);min-width:0;overflow-wrap:anywhere}
.dq-erp-order-list b{color:var(--dq-color-text);font-size:var(--dq-font-16, 16px)}
.dq-erp-order-list :is(span,small){font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-erp-order-list em{font-size:var(--dq-font-12, 12px);font-style:normal;color:var(--dq-color-accent)}
.dq-erp-order-list svg{width:24px;height:24px;color:var(--dq-color-brand)}
.dq-erp-orders .dq-record-card{padding:var(--dq-content-space-20, 20px);background:var(--dq-theme-surface, #fff)}
.dq-erp-orders .dq-record-facts{margin:0;gap:20px 22px}
.dq-erp-orders .dq-record-facts>div{display:block;padding:0;border:0;border-radius:0;background:transparent}
.dq-erp-orders .dq-record-facts dt{font-weight:400}
.dq-erp-orders .dq-record-facts dd{text-align:left}
@media(max-width:359px){.dq-record-facts{grid-template-columns:minmax(0,1fr)}}
html body:not(.auth-public) .dq-approval-ding-form:has(.dq-approval-appbar) .dq-approval-form-section{border-radius:var(--dq-radius-surface)!important;box-shadow:var(--dq-shadow-surface)!important}
.dq-approval-ding-form .dq-approval-pc-actions{background:transparent}
.dq-approval-ding-form .dq-approval-pc-actions button{border:1px solid var(--dq-color-border);border-radius:8px;background:var(--dq-theme-surface, #fff);color:var(--dq-color-text-secondary)}
.dq-approval-ding-form .dq-approval-form-tabs button.active{color:var(--dq-color-brand)!important}
.dq-approval-ding-form .dq-approval-form-tabs button.active:after{background:var(--dq-color-action)!important}
.dq-approval-ding-form .dq-approval-submit-bar button[type='submit']{border-radius:10px!important;background:var(--dq-color-action)!important;font-weight:650!important}
.dq-approval-card{border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);box-shadow:var(--dq-shadow-surface)}

/* Business pages share the platinum surfaces without changing their page frames. */
/* Avoid a second body scroll container pushing the sticky steps over their content. */
html body[data-app-view='quote']{overflow-x:clip!important}
body[data-app-view='quote'] #container :is(#home_page,#business_tools_page) .home-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body[data-app-view='quote'] #container #business_tools_page .home-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body[data-app-view='quote'] #container :is(#home_page,#business_tools_page) .calc-card{
  box-sizing:border-box;display:grid!important;justify-items:start!important;align-content:start!important;
  gap:14px!important;min-width:0;min-height:176px!important;padding:20px!important;
  border:1px solid var(--dq-color-border)!important;border-radius:var(--dq-radius-surface)!important;
  background:var(--dq-color-surface)!important;box-shadow:var(--dq-shadow-surface)!important;text-align:left!important;transform:none!important;
}
body[data-app-view='quote'] #container :is(#home_page,#business_tools_page) .calc-card .card-tag{
  width:auto!important;height:30px!important;padding:0 10px!important;border-radius:7px!important;
  background:var(--dq-color-brand-soft)!important;color:var(--dq-color-brand)!important;font-size:var(--dq-font-11, 11px)!important;font-weight:700!important;
}
body[data-app-view='quote'] #container #business_tools_page .calc-card .card-tag{background:var(--dq-color-accent-soft)!important;color:var(--dq-color-accent)!important}
body[data-app-view='quote'] #container :is(#home_page,#business_tools_page) .calc-card-title{font-size:var(--dq-font-16, 16px)!important;line-height:1.5!important;font-weight:650!important;color:var(--dq-color-text)!important;overflow-wrap:anywhere}
body[data-app-view='quote'] #container :is(#home_page,#business_tools_page) .calc-card-desc{display:block!important;margin:0!important;font-size:var(--dq-font-12, 12px);line-height:1.8;color:var(--dq-color-text-secondary);font-weight:400;overflow-wrap:anywhere}
body[data-app-view='quote'] #container :is(.section,.module-hero,.side-guide,.quote-approval-box){border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
body[data-app-view='quote'] #container .module-hero{background:var(--dq-color-brand-soft);box-shadow:none}
body[data-app-view='quote'] #container .accent-section{border:1px solid var(--dq-color-border)!important;border-left:3px solid var(--dq-color-accent)!important;background:var(--dq-theme-surface, #fff)!important;color:var(--dq-color-text)!important}
body[data-app-view='quote'] #container :is(.section,.quote-approval-box,.side-guide) h3{color:var(--dq-color-text);font-weight:650;line-height:1.5}
body[data-app-view='quote'] #container :is(.eyebrow,.side-tag){color:var(--dq-color-brand);background:transparent;font-size:var(--dq-font-10, 10px);letter-spacing:.1em;font-weight:700}
body[data-app-view='quote'] #container .side-guide h4{margin:4px 0 0;color:var(--dq-color-text);font-size:var(--dq-font-17, 17px);font-weight:650}
body[data-app-view='quote'] #container .side-guide{padding:18px 20px}
body[data-app-view='quote'] #container .side-guide summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;color:var(--dq-color-brand);font-size:var(--dq-font-13, 13px);font-weight:550;list-style:none}
body[data-app-view='quote'] #container .side-guide summary::-webkit-details-marker{display:none}
body[data-app-view='quote'] #container .side-guide summary::after{content:'＋';font-size:var(--dq-font-18, 18px)}
body[data-app-view='quote'] #container .side-guide details[open] summary::after{content:'−'}
body[data-app-view='quote'] #container .side-guide details p{margin-top:0}
body[data-app-view='quote'] #container :is(.side-guide p,.side-guide li,.quote-approval-box p){color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.8}
body[data-app-view='quote'] #container .quote-step-nav{border-color:var(--dq-color-border);border-radius:10px;box-shadow:0 3px 12px rgba(29,59,78,.04)!important}
body[data-app-view='quote'] #container .quote-step-nav[hidden]{display:none!important}
body[data-app-view='quote'] #container .quote-step-nav button{min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);font-weight:550;box-shadow:none}
body[data-app-view='quote'] #container .quote-step-nav b{background:var(--dq-theme-surface-soft, #f0f3f8);color:var(--dq-color-text-secondary);border-radius:6px;font-weight:650}
body[data-app-view='quote'] #container .quote-step-nav button.active{background:var(--dq-color-brand-soft);border-color:var(--dq-theme-border, #d7e3fa);color:var(--dq-color-brand)}
body[data-app-view='quote'] #container .quote-step-nav button.active b{background:var(--dq-color-action);color:#fff}
body[data-app-view='quote'] #container .section :is(input:not([type]),input[type='text'],input[type='number'],select,textarea){box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--dq-theme-border, #cbd5e3);border-radius:var(--dq-radius-control);background:var(--dq-theme-surface, #fff);color:var(--dq-color-text);font-size:var(--dq-font-16, 16px);line-height:1.5}
body[data-app-view='quote'] #container .quote-approval-box{padding:20px;background:var(--dq-theme-surface, #fff)}
body[data-app-view='quote'] #container .quote-approval-box>div>h3{margin:4px 0 8px;font-size:var(--dq-font-16, 16px)}
body[data-app-view='quote'] #container .quote-approval-box>div>p{margin:0 0 16px}
body[data-app-view='quote'] #container .section>h3{padding-bottom:12px;border-bottom:1px solid var(--dq-color-divider);font-size:var(--dq-font-17, 17px)}
body[data-app-view='quote'] #container .section>label>b{font-size:var(--dq-font-13, 13px);font-weight:550;color:var(--dq-color-text-secondary)}
body[data-app-view='quote'] #container .quote-approval-box label>b{font-size:var(--dq-font-13, 13px);font-weight:600;color:var(--dq-color-text-secondary)}
body[data-app-view='quote'] #container .approval-list-head{align-items:center;gap:16px}
body[data-app-view='quote'] #container .approval-list-head>div{min-width:0}
body[data-app-view='quote'] #container .approval-list-head h3{margin:6px 0;font-size:var(--dq-font-18, 18px)}
body[data-app-view='quote'] #container .approval-list-head p{margin:0}
body[data-app-view='quote'] #container .approval-list-head>button{flex:0 0 auto;width:auto;min-width:68px;min-height:44px;padding:8px 14px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-theme-surface, #fff);color:var(--dq-color-brand);font-size:var(--dq-font-14, 14px);white-space:nowrap;box-shadow:none}
body[data-app-view='quote'] #container :is(#action_section>button,#submit_quote_approval){min-height:46px;border-radius:var(--dq-radius-control);background:var(--dq-color-action);font-weight:600;box-shadow:none}
body[data-app-view='quote'] #container #submit_quote_approval:disabled{background:var(--dq-theme-surface-soft, #e9eef5);color:var(--dq-theme-muted, #697a8c);opacity:1;cursor:not-allowed}
body[data-app-view='quote'] #container :is(.metric-card,.result-footnote,.barrier-stat,.recommendation-card){border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-theme-surface, #fff)}
body[data-app-view='quote'] #container .metric-card.metric-highlight{border-color:var(--dq-theme-border, #d0e6de);background:var(--dq-color-accent-soft)}
body[data-app-view='quote'] #container .metric-highlight .metric-value{color:var(--dq-color-accent)}
body[data-app-view='quote'] #container .metric-value{font-weight:650;font-variant-numeric:tabular-nums}
body[data-app-view='quote'] #container .metric-highlight .metric-value{font-size:calc(clamp(22px,2.2vw,28px) * var(--dq-user-font-scale,1))}

.dq-approval-home .dq-approval-home-stats{gap:12px;padding:0;background:transparent}
.dq-approval-home .dq-approval-home-stats button{min-height:92px!important;padding:16px 12px!important;border:1px solid var(--dq-color-border)!important;border-radius:var(--dq-radius-surface)!important;background:var(--dq-theme-surface, #fff)!important;box-shadow:var(--dq-shadow-surface)}
.dq-approval-home .dq-approval-home-stats b{color:var(--dq-color-text)!important;font-size:var(--dq-font-27, 27px)!important;font-weight:650!important;font-variant-numeric:tabular-nums}
.dq-approval-home .dq-approval-home-stats span{color:var(--dq-color-text-secondary)!important;font-size:var(--dq-font-12, 12px)!important}
.dq-approval-home .dq-approval-home-stats [data-approval-home-status='todo']{background:var(--dq-color-brand-soft)!important;border-color:var(--dq-theme-border, #d7e3fa)!important}
.dq-approval-home .dq-approval-home-stats [data-approval-home-status='todo'] b{color:var(--dq-color-brand)!important}
.dq-approval-home .dq-approval-category-tabs button{min-height:44px!important;border:1px solid var(--dq-color-border)!important;border-radius:8px!important;font-weight:550!important;color:var(--dq-color-text-secondary)!important}
.dq-approval-home .dq-approval-category-tabs button.active{border-color:var(--dq-theme-border, #d7e3fa)!important;background:var(--dq-color-brand-soft)!important;color:var(--dq-color-brand)!important}
.dq-approval-home .dq-approval-category-list{gap:var(--dq-content-space-20, 20px)}
.dq-approval-home .dq-approval-category-list section{padding:var(--dq-content-space-16, 16px)!important;border:1px solid var(--dq-color-border)!important;border-radius:var(--dq-radius-surface)!important;box-shadow:var(--dq-shadow-surface)}
.dq-approval-home .dq-approval-category-list h3{padding:0 0 var(--dq-content-space-14, 14px)!important;color:var(--dq-color-text)!important;font-size:var(--dq-font-15, 15px)!important;font-weight:650!important}
.dq-approval-home .dq-approval-category-list section>div{gap:var(--dq-content-space-10, 10px)}
.dq-approval-home .dq-approval-category-list [data-start-approval]{padding:var(--dq-content-space-14, 14px)!important;border:1px solid var(--dq-color-divider)!important;border-radius:10px!important;color:var(--dq-color-text)!important}
.dq-approval-home .dq-approval-category-list [data-start-approval] i{border-radius:10px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-approval-home .dq-approval-category-list [data-start-approval]:is(.tone-green,.tone-cyan) i{color:var(--dq-color-accent);background:var(--dq-color-accent-soft)}
.dq-approval-home .dq-approval-category-list [data-start-approval].tone-amber i{color:var(--dq-color-warning);background:var(--dq-theme-surface-soft, #fff6e8)}
.dq-approval-home .dq-approval-category-list [data-start-approval] b{white-space:normal;font-weight:600;line-height:1.5;color:var(--dq-color-text)}
.dq-approval-home .dq-approval-category-list [data-start-approval] small{font-weight:400;color:var(--dq-color-text-secondary)}
.dq-approval-ding-form .dq-approval-form-section>.dq-approval-section-head{position:static;display:block;padding:var(--dq-content-space-18, 18px) 0 var(--dq-content-space-14, 14px);border-bottom:1px solid var(--dq-color-divider);background:transparent}
.dq-approval-ding-form .dq-approval-section-head h3{margin:0;padding-left:var(--dq-content-space-10, 10px);border-left:3px solid var(--dq-color-brand);font-size:var(--dq-font-16, 16px);font-weight:650;line-height:1.4;color:var(--dq-color-text)}
.dq-approval-ding-form .dq-approval-section-head p{margin:8px 0 0;font-size:var(--dq-font-12, 12px);line-height:1.7;font-weight:400;color:var(--dq-color-text-secondary)}
.dq-approval-ding-form .dq-approval-primary-section>p{display:flex;align-items:center;justify-content:space-between;gap:var(--dq-content-space-12, 12px);padding:var(--dq-content-space-14, 14px) 0;color:var(--dq-color-text);font-size:var(--dq-font-14, 14px);font-weight:600}
.dq-approval-ding-form .dq-approval-primary-section>p small{color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);font-weight:400}
html body:not(.auth-public) .dq-approval-ding-form .dq-approval-field-row>span{color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px)!important;font-weight:550;line-height:1.5!important}
html body:not(.auth-public) .dq-approval-ding-form .dq-approval-field-row :is(input,textarea,select),
html body:not(.auth-public) .dq-approval-ding-form .dq-approval-picker-row button b{color:var(--dq-color-text)!important;font-size:var(--dq-font-16, 16px)!important;font-weight:500!important}
.dq-approval-ding-form [data-approval-form-status]:not(:empty){margin:12px 16px;padding:var(--dq-content-space-12, 12px) var(--dq-content-space-14, 14px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-size:var(--dq-font-14, 14px);line-height:1.6}
.dq-approval-ding-form [data-approval-form-status][data-state='error']{border-color:var(--dq-theme-border, #f2c9cb);background:var(--dq-theme-surface, #fff3f3);color:var(--dq-color-danger)}

.dq-events-view :is(.dq-event-toolbar,.dq-report-form,.dq-report-records){border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-theme-surface, #fff);box-shadow:var(--dq-shadow-surface)}
.dq-events-view .dq-plan-tools [data-new-exhibition],.dq-events-view .dq-submit-report{background:var(--dq-color-action)!important;font-weight:600}
.dq-events-view .dq-plan-tools [data-toggle-plan-edit]{border:1px solid var(--dq-color-border)!important;background:var(--dq-theme-surface, #fff)!important;color:var(--dq-color-brand)!important;font-weight:550}
.dq-events-view .dq-exhibition-card{grid-template-columns:176px minmax(0,1fr) auto!important;align-items:start;gap:var(--dq-content-space-20, 20px);padding:var(--dq-content-space-22, 22px);border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface)!important;box-shadow:var(--dq-shadow-surface)}
.dq-events-view .dq-exhibition-card:not(.expanded):not(.editing) .dq-ex-date label{display:none!important}
.dq-events-view .dq-ex-date{min-height:0!important;padding:16px;background:var(--dq-color-brand-soft)!important;border-radius:10px!important}
.dq-events-view .dq-ex-date strong{font-size:var(--dq-font-20, 20px);font-weight:650;line-height:1.4;color:var(--dq-color-brand)}
.dq-events-view .dq-ex-date>span{background:var(--dq-theme-surface, #fff);color:var(--dq-color-brand);border-radius:5px;font-weight:600}
.dq-events-view .dq-ex-title{margin:0;font-size:var(--dq-font-19, 19px);font-weight:650;line-height:1.5;color:var(--dq-color-text);overflow-wrap:anywhere}
.dq-events-view .dq-exhibition-card:not(.editing) .dq-ex-main>input[data-field='name'],.dq-events-view .dq-exhibition-card.editing .dq-ex-title{display:none}
.dq-events-view .dq-ex-summary{font-size:var(--dq-font-12, 12px);line-height:1.8;color:var(--dq-color-text-secondary)}
.dq-events-view .dq-ex-brief{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr)!important;gap:10px!important;margin:16px 0}
.dq-events-view .dq-ex-brief>span{display:grid;align-content:start;gap:7px;min-width:0;padding:12px!important;border-radius:8px!important;background:var(--dq-theme-surface, #f6f8fb);font-weight:400}
.dq-events-view .dq-ex-brief small{color:var(--dq-color-text-secondary);font-size:var(--dq-font-11, 11px)}
.dq-events-view .dq-ex-brief b{color:var(--dq-color-text);font-size:var(--dq-font-13, 13px);line-height:1.7;font-weight:550;overflow-wrap:anywhere}
.dq-events-view .dq-exhibition-card:is(.expanded,.editing) .dq-ex-brief{display:none!important}
.dq-events-view .dq-exhibition-card.editing :is(input,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:var(--dq-content-space-10, 10px) var(--dq-content-space-12, 12px);border:1px solid var(--dq-theme-border, #cbd5e3);border-radius:8px;background:var(--dq-theme-surface, #fff);font-size:var(--dq-font-16, 16px)!important;color:var(--dq-color-text)}
.dq-events-view .dq-ex-reports>[data-open-event-report]{min-height:44px;padding:10px 16px;border:1px solid var(--dq-theme-border, #d7e3fa);border-radius:8px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-size:var(--dq-font-13, 13px);font-weight:600}
.dq-events-view .dq-ex-actions button{min-height:44px;border-radius:8px!important;font-size:var(--dq-font-13, 13px);font-weight:550}
.dq-events-view .dq-ex-actions .dq-toggle-exhibition{border:1px solid var(--dq-color-border);background:var(--dq-theme-surface, #fff);color:var(--dq-color-text-secondary)}
.dq-events-view .dq-ex-actions .dq-save-exhibition{background:var(--dq-color-action);color:#fff}
.dq-events-view .dq-exhibition-photo-entry{border-color:var(--dq-color-border);border-radius:10px;background:var(--dq-theme-surface, #fff);color:var(--dq-color-text)}
.dq-events-view .dq-exhibition-photo-entry>i{background:var(--dq-color-accent-soft);color:var(--dq-color-accent);border-radius:8px}
.dq-events-view .dq-exhibition-photo-entry b{font-weight:600}
.dq-events-view .dq-exhibition-photo-entry :is(small,em){color:var(--dq-color-text-secondary)}
.dq-events-view .dq-exhibition-photo-section{border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-canvas)}
.dq-events-view .dq-exhibition-photo-entry small{font-size:var(--dq-font-12, 12px);white-space:normal;line-height:1.6}
.dq-events-view .dq-exhibition-photo-entry em{font-size:var(--dq-font-12, 12px);font-weight:500}
.dq-events-view :is(.dq-exhibition-photo-toolbar label:not(.dq-photo-upload),.dq-exhibition-photo-filter){font-size:var(--dq-font-12, 12px);font-weight:500;color:var(--dq-color-text-secondary)}
.dq-events-view :is(.dq-exhibition-photo-toolbar input,.dq-exhibition-photo-toolbar select,.dq-exhibition-photo-filter select){min-height:44px;font-size:var(--dq-font-16, 16px);font-weight:400;border-color:var(--dq-theme-border, #cbd5e3);border-radius:var(--dq-radius-control);color:var(--dq-color-text)}
.dq-events-view :is(.dq-photo-upload,.dq-photo-more){min-height:44px;border-radius:var(--dq-radius-control);font-size:var(--dq-font-13, 13px);font-weight:550;background:var(--dq-color-action)}
.dq-events-view .dq-photo-more{background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-events-view :is(.dq-exhibition-photo-item>div b,.dq-exhibition-photo-item>div small,.dq-exhibition-photo-empty span,.dq-exhibition-photo-status){font-size:var(--dq-font-12, 12px);line-height:1.6}
.dq-events-view .dq-exhibition-photo-delete{min-width:44px;min-height:44px;font-size:var(--dq-font-12, 12px);font-weight:550;color:var(--dq-color-danger)}
.dq-exhibition-photo-viewer header :is(a,button){min-width:44px;min-height:44px;font-size:var(--dq-font-13, 13px);font-weight:550}
.dq-exhibition-photo-viewer header button{width:44px;font-size:var(--dq-font-22, 22px)}
.dq-exhibition-photo-viewer header small{font-size:var(--dq-font-12, 12px)}
@media(max-width:1099px){
  body[data-app-view='quote'] #container :is(#home_page,#business_tools_page) .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  body[data-app-view='quote'] #container :is(#home_page,#business_tools_page) .home-grid{gap:10px!important}
  body[data-app-view='quote'] #container :is(#home_page,#business_tools_page) .calc-card{min-height:164px!important;padding:16px!important;gap:12px!important}
  body[data-app-view='quote'] #container :is(#home_page,#business_tools_page) .calc-card-title{font-size:var(--dq-font-14, 14px)!important}
  body[data-app-view='quote'] #container .quote-approval-box{padding:16px}
  .dq-approval-home .dq-approval-home-stats{gap:8px}
  .dq-approval-home .dq-approval-home-stats button{min-height:82px!important;padding:12px 4px!important}
  .dq-approval-home .dq-approval-home-stats b{font-size:var(--dq-font-23, 23px)!important}
  .dq-approval-home .dq-approval-category-list section{padding:var(--dq-content-space-14, 14px)!important}
  .dq-approval-home .dq-approval-category-list [data-start-approval]{grid-template-columns:36px minmax(0,1fr)!important;gap:var(--dq-content-space-10, 10px)!important;padding:var(--dq-content-space-12, 12px)!important}
  .dq-approval-home .dq-approval-category-list [data-start-approval] i{width:36px;height:36px}
  .dq-events-view .dq-exhibition-card{padding:var(--dq-content-space-16, 16px)!important;gap:var(--dq-content-space-14, 14px)!important}
  /* Mobile cards use a column flex layout; content must not shrink to the name length. */
  .dq-events-view .dq-ex-main{align-self:stretch}
  .dq-events-view .dq-ex-title{font-size:var(--dq-font-17, 17px)}
  .dq-events-view .dq-ex-brief{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dq-events-view .dq-ex-brief>span:last-child{grid-column:1/-1}
}
@media(hover:hover) and (pointer:fine){
  body[data-app-view='quote'] #container :is(#home_page,#business_tools_page) .calc-card:hover{border-color:var(--dq-theme-border, #b6c9ea)!important;box-shadow:0 6px 18px rgba(29,59,78,.07)!important}
  .dq-approval-home .dq-approval-category-list [data-start-approval]:hover{border-color:var(--dq-theme-border, #b6c9ea)!important;background:var(--dq-theme-surface, #f9fbff)!important}
  .dq-events-view .dq-exhibition-photo-entry:hover{border-color:var(--dq-theme-border, #b6c9ea);background:var(--dq-theme-surface, #f9fbff)}
}
@media(prefers-reduced-motion:no-preference){
  body:not([data-motion='reduced']) :is(.calc-card,.quote-step-nav button,.dq-approval-category-list [data-start-approval],.dq-exhibition-photo-entry){transition:background-color var(--dq-motion-fast) ease,border-color var(--dq-motion-fast) ease,box-shadow var(--dq-motion-fast) ease}
}
@media(max-width:1099px){.dq-record-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:599px){
  .dq-record-hero{grid-template-columns:44px minmax(0,1fr);gap:var(--dq-content-space-10, 10px) var(--dq-content-space-12, 12px);padding:var(--dq-content-space-16, 16px)}
  .dq-record-monogram{width:44px;height:44px;align-self:start}
  .dq-record-hero h3{font-size:var(--dq-font-20, 20px)}
  .dq-record-tag{grid-column:2;justify-self:start;margin:0}
  .dq-record-card{padding:var(--dq-content-space-16, 16px)}
  .dq-record-facts{gap:18px 12px}
  .dq-erp-orders{padding:16px 12px calc(20px + var(--dq-safe-bottom))}
  .dq-erp-order-search{padding:14px;gap:10px}
  .dq-erp-order-search button{padding:0 12px}
  .dq-erp-order-list>button{grid-template-columns:28px minmax(0,1fr);padding:var(--dq-content-space-14, 14px)}
  .dq-erp-order-list em{grid-column:2}
}

/* Personal landing page: work first, then announcements and inspiration. */
#dq-home-view{
  display:grid;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
#dq-home-view>.dq-section{
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0;
  margin:0!important;
}
.dq-home-welcome{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 2px 2px;
  min-width:0;
}
.dq-home-welcome>div{min-width:0}
.dq-home-welcome p{
  margin:0 0 7px;
  color:var(--dq-color-text-secondary);
  font-size:var(--dq-font-10, 10px);
  font-weight:700;
  letter-spacing:.09em;
}
.dq-home-welcome p span{margin:0 7px;color:var(--dq-theme-muted, #97b6bb)}
.dq-home-welcome h1{
  margin:0;
  color:var(--dq-color-text);
  font-size:calc(clamp(23px,2.3vw,30px) * var(--dq-user-font-scale,1));
  line-height:1.35;
  font-weight:750;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.dq-home-date{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--dq-color-text-secondary);
  font-size:var(--dq-font-12, 12px);
}
.dq-home-date i{display:flex;color:var(--dq-color-accent)}
.dq-home-date svg{width:16px;height:16px}
#dq-home-view>.dq-home-action-center{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  padding:22px!important;
  border:1px solid var(--dq-color-border);
  border-radius:var(--dq-radius-feature)!important;
  color:var(--dq-color-text);
  background:var(--dq-color-surface);
  box-shadow:var(--dq-shadow-surface)!important;
}
#dq-home-view .dq-home-action-head{align-items:center;gap:12px}
#dq-home-view .dq-home-action-head small{color:var(--dq-color-text-secondary);font-size:var(--dq-font-10, 10px);letter-spacing:.13em}
#dq-home-view .dq-home-action-head h2{margin:6px 0;color:var(--dq-color-text);font-size:var(--dq-font-22, 22px)!important;font-weight:700}
#dq-home-view .dq-home-action-head p{max-width:none!important;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px)}
#dq-home-view .dq-home-action-head>button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:0 14px;
  border:1px solid var(--dq-color-border);
  border-radius:12px;
  color:var(--dq-color-brand);
  background:var(--dq-color-brand-soft);
  font-size:var(--dq-font-12, 12px);
  white-space:nowrap;
}
#dq-home-view .dq-home-action-grid{
  grid-column:1!important;
  grid-row:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--dq-content-space-10, 10px)!important;
  margin:0!important;
}
#dq-home-view .dq-home-action-grid button{
  position:relative;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--dq-content-space-7, 7px) var(--dq-content-space-6, 6px);
  min-height:114px!important;
  padding:var(--dq-content-space-14, 14px)!important;
  border:1px solid var(--dq-color-border);
  border-radius:14px!important;
  color:var(--dq-color-text);
  background:var(--dq-theme-surface, #f8fafe);
  box-shadow:none;
}
#dq-home-view .dq-home-action-grid button>i{
  grid-column:2;
  grid-row:1;
  display:flex;
  align-items:center;
  color:var(--dq-color-brand);
}
#dq-home-view .dq-home-action-grid svg{width:17px;height:17px}
#dq-home-view .dq-home-action-grid span{grid-column:1;grid-row:1;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);font-weight:500}
#dq-home-view .dq-home-action-grid b{grid-column:1/-1;font-size:var(--dq-font-25, 25px)!important;line-height:1.25;font-weight:700;letter-spacing:-.025em}
#dq-home-view .dq-home-action-grid small{grid-column:1/-1;color:var(--dq-color-text-secondary);font-size:var(--dq-font-11, 11px);font-weight:500;white-space:normal!important}
#dq-home-view .dq-home-action-grid button.warn{border-color:var(--dq-theme-border, #ebd7b1);background:var(--dq-theme-surface, #fffbf4)}
#dq-home-view .dq-home-action-grid button.warn>i{color:var(--dq-theme-amber, #a86b17)}
#dq-home-view .dq-home-action-grid button.warn small{color:var(--dq-theme-amber, #91631e)}
#dq-home-view .dq-home-action-grid button.good>i{color:var(--dq-color-accent)}
#dq-home-view .dq-home-action-grid button.unavailable small{color:var(--dq-color-text-secondary)}
#dq-home-view .dq-home-action-list{
  grid-column:1!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  margin:0!important;
  border-top:1px solid var(--dq-color-divider);
}
#dq-home-view .dq-home-action-list button{
  min-height:66px!important;
  padding:var(--dq-content-space-12, 12px) 0!important;
  border:0;
  border-bottom:1px solid var(--dq-color-divider);
  border-radius:0!important;
  color:var(--dq-color-text);
  background:transparent;
}
#dq-home-view .dq-home-action-list button:last-child{border-bottom:0;padding-bottom:0!important}
#dq-home-view .dq-home-action-list span{padding:var(--dq-content-space-5, 5px) var(--dq-content-space-8, 8px);border-radius:7px;color:var(--dq-color-accent);background:var(--dq-color-accent-soft);font-size:var(--dq-font-10, 10px)}
#dq-home-view .dq-home-action-list small{color:var(--dq-color-text-secondary);font-size:var(--dq-font-11, 11px)}
#dq-home-view .dq-home-action-list :is(p,i){color:var(--dq-color-text-secondary)}

#dq-home-view>.dq-home-notice-card{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 16px;
  align-items:center;
  gap:var(--dq-content-space-14, 14px);
  min-height:120px;
  padding:var(--dq-content-space-20, 20px)!important;
  border:1px solid var(--dq-color-border);
  border-radius:var(--dq-radius-surface)!important;
  color:var(--dq-color-text);
  background:var(--dq-color-surface);
  box-shadow:var(--dq-shadow-surface)!important;
}
#dq-home-view .dq-notice-icon{width:40px;height:40px;border-radius:12px;color:var(--dq-color-accent);background:var(--dq-color-accent-soft)}
#dq-home-view .dq-notice-icon svg{width:21px;height:21px}
#dq-home-view .dq-home-notice-card small{color:var(--dq-color-accent);font-size:var(--dq-font-10, 10px);letter-spacing:.07em}
#dq-home-view .dq-home-notice-card h2{margin:5px 0;color:var(--dq-color-text);font-size:var(--dq-font-16, 16px);line-height:1.5}
#dq-home-view .dq-home-notice-card p{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px)}
#dq-home-view>.dq-daily-english{
  grid-template-columns:44px minmax(0,1fr);
  gap:14px;
  min-height:120px!important;
  padding:20px;
  border:1px solid var(--dq-theme-border, #e4e8df);
  border-radius:var(--dq-radius-surface)!important;
  background:var(--dq-theme-surface, #f7f8f2);
  box-shadow:none!important;
}
#dq-home-view .dq-daily-english-mark{width:44px;height:52px;border-radius:9px;color:#fff;background:#2e7069}
#dq-home-view .dq-daily-english-mark span{font-size:var(--dq-font-16, 16px);font-weight:600}
#dq-home-view .dq-daily-english small{color:var(--dq-theme-green, #51796e);font-size:var(--dq-font-9, 9px);letter-spacing:.09em}
#dq-home-view .dq-daily-english h2{color:var(--dq-theme-ink, #264a42);font-size:var(--dq-font-15, 15px);line-height:1.5;font-weight:650}
#dq-home-view .dq-daily-english p{color:var(--dq-theme-muted, #596f60);font-size:var(--dq-font-11, 11px);line-height:1.6}
#dq-home-view .dq-upcoming-events{background:transparent;box-shadow:none!important;padding-top:6px}
#dq-home-view .dq-title-row{align-items:center;gap:var(--dq-content-space-12, 12px)}
#dq-home-view .dq-title-row small{color:var(--dq-color-accent);font-size:var(--dq-font-10, 10px);letter-spacing:.1em}
#dq-home-view .dq-title-row h2{margin:5px 0 0;color:var(--dq-color-text);font-size:var(--dq-font-20, 20px)}
#dq-home-view .dq-title-row button{min-height:44px;padding:0 var(--dq-content-space-12, 12px);border-radius:10px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft);font-size:var(--dq-font-12, 12px);white-space:nowrap}
#dq-home-view .dq-upcoming-event-list{display:grid;gap:var(--dq-content-space-12, 12px)}
#dq-home-view .dq-upcoming-event{
  min-width:0;
  padding:18px;
  gap:14px;
  border-color:var(--dq-color-border);
  border-radius:16px;
  background:var(--dq-color-surface);
  box-shadow:var(--dq-shadow-surface);
}
#dq-home-view .dq-upcoming-event time{border-radius:10px;color:var(--dq-theme-green, #246558);background:var(--dq-theme-surface-soft, #eaf5ef)}
#dq-home-view .dq-upcoming-event time b{font-weight:650}
#dq-home-view .dq-upcoming-event small{color:var(--dq-color-accent)}
#dq-home-view .dq-upcoming-event h3{color:var(--dq-color-text);font-size:var(--dq-font-14, 14px);line-height:1.5}

/* Workbench controls and cards share one quiet, tactile surface treatment. */
.dq-work-command-bar{
  display:grid;
  grid-template-columns:auto minmax(160px,320px);
  justify-content:space-between;
  align-items:center;
  gap:14px;
  min-width:0;
  margin-bottom:18px;
}
.dq-work-command-bar .dq-work-tabbar{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  width:176px;
  min-height:48px;
  margin:0!important;
  padding:4px!important;
  border:1px solid var(--dq-theme-border, #dbe8ec)!important;
  border-radius:14px!important;
  background:var(--dq-theme-surface-soft, #e9f0f4)!important;
}
.dq-work-command-bar .dq-work-tabbar::before{
  content:'';
  position:absolute;
  inset:4px auto 4px 4px;
  width:calc(50% - 4px);
  border-radius:10px;
  background:var(--dq-theme-surface, #fff);
  box-shadow:0 2px 6px rgba(20,47,66,.09);
  transition:transform var(--dq-motion-route) var(--dq-ease-standard);
  pointer-events:none;
}
/* Move the slider only when both choices are available to this account. */
.dq-work-command-bar .dq-work-tabbar:has([data-work-tab='all'].active:not(.dq-module-permission-hidden)):has([data-work-tab='personal']:not(.dq-module-permission-hidden))::before{transform:translateX(100%)}
.dq-work-command-bar .dq-work-tabbar:not(:has(>button:nth-child(2))),
.dq-work-command-bar .dq-work-tabbar:has(>button.dq-module-permission-hidden){grid-template-columns:1fr;width:88px}
.dq-work-command-bar .dq-work-tabbar:not(:has(>button:nth-child(2)))::before,
.dq-work-command-bar .dq-work-tabbar:has(>button.dq-module-permission-hidden)::before{width:calc(100% - 8px);transform:none}
.dq-work-command-bar .dq-work-tabbar:not(:has(>button:not(.dq-module-permission-hidden))){display:none!important}
.dq-work-command-bar .dq-work-tabbar button{
  z-index:1;
  min-height:44px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:10px!important;
  color:var(--dq-theme-muted, #536b7d)!important;
  background:transparent!important;
  font-size:var(--dq-font-14, 14px)!important;
  font-weight:650;
}
.dq-work-command-bar .dq-work-tabbar button.active{color:var(--dq-theme-blue, #145873)!important}
.dq-work-command-bar .dq-work-tabbar button::after{display:none!important}
.dq-work-command-bar .dq-work-toolbar{display:block!important;width:100%!important;margin:0!important;padding:0!important}
.dq-work-command-bar .dq-work-toolbar label{width:100%;min-height:48px!important;border:1px solid var(--dq-color-border)!important;border-radius:14px!important;background:var(--dq-color-surface)!important}
.dq-work-view :is(.dq-work-card,.dq-workbench-todo-card,.dq-work-side-card){
  border:1px solid var(--dq-color-border)!important;
  border-radius:var(--dq-radius-surface)!important;
  background:var(--dq-color-surface)!important;
  box-shadow:var(--dq-shadow-surface)!important;
}
.dq-work-view :is(.dq-work-section-head,.dq-work-side-head) h2{color:var(--dq-color-text);font-size:var(--dq-font-16, 16px);font-weight:700}
.dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid)>button{
  border-radius:14px!important;
  color:var(--dq-color-text)!important;
}
.dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid)>button>i{
  border:1px solid var(--dq-theme-blue-a50, rgba(35,96,121,.05));
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  transition:transform var(--dq-motion-fast) var(--dq-ease-standard),box-shadow var(--dq-motion-fast) var(--dq-ease-standard);
}
.dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid) i.blue{color:var(--dq-theme-blue, #1678b5)!important;background:var(--dq-theme-surface-soft, #e8f4fc)!important}
.dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid) i.cyan{color:var(--dq-theme-blue, #187b88)!important;background:var(--dq-theme-surface-soft, #e9f7f7)!important}
.dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid) i.green{color:var(--dq-theme-green, #23846a)!important;background:var(--dq-theme-surface-soft, #eaf6ee)!important}
.dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid) i.gold,
.dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid) i.amber{color:var(--dq-theme-amber, #ac7b1b)!important;background:var(--dq-theme-surface-soft, #faf2df)!important}
.dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid) i.orange{color:var(--dq-theme-amber, #b96535)!important;background:var(--dq-theme-surface-soft, #fcf0e6)!important}
.dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid) i.red{color:var(--dq-theme-red, #b35858)!important;background:var(--dq-theme-surface-soft, #fbeeed)!important}
.dq-work-view .dq-work-flow-tabs button{border-radius:10px!important;background:var(--dq-theme-surface-soft, #f0f4f7)!important;color:var(--dq-theme-muted, #536b7d)!important}
.dq-work-view .dq-work-flow-tabs button.active{color:var(--dq-theme-ink, #116953)!important;background:var(--dq-theme-surface-soft, #e8f4ef)!important;box-shadow:inset 0 0 0 1px #c9e2d6}

.dq-work-view .dq-workbench-todo-head button{color:var(--dq-color-brand);background:var(--dq-color-brand-soft);font-weight:650}
.dq-work-view .dq-workbench-counts button{border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-work-view .dq-workbench-counts b{color:var(--dq-color-text);font-variant-numeric:tabular-nums}
.dq-work-view .dq-workbench-counts button:first-child{background:var(--dq-color-brand-soft)}
.dq-work-view .dq-workbench-counts button:first-child b{color:var(--dq-color-brand)}
.dq-work-view .dq-workbench-preview-item{border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-surface);box-shadow:none}
.dq-work-view .dq-workbench-preview-title{color:var(--dq-color-text);font-size:var(--dq-font-15, 15px);font-weight:650;line-height:1.55}
.dq-work-view .dq-workbench-preview-summary{color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);font-weight:400;line-height:1.6}
.dq-work-view .dq-workbench-preview-status{color:var(--dq-color-brand);background:var(--dq-color-brand-soft);font-weight:550}
.dq-work-view .dq-workbench-preview-time{color:var(--dq-color-text-secondary);font-size:var(--dq-font-11, 11px);font-weight:400;font-variant-numeric:tabular-nums}
.dq-work-view .dq-work-calendar-card strong{color:var(--dq-color-text);font-size:var(--dq-font-16, 16px);font-weight:650}
.dq-work-view .dq-work-calendar-card em.today{border-radius:8px;background:var(--dq-color-action)}

/* Messages retain their split-pane, keyboard and attachment scrolling contracts. */
body[data-app-view='messages'] .dq-messages-view .dq-chat-panel header{background:var(--dq-color-surface)!important;border-bottom-color:var(--dq-color-border)!important}
.dq-messages-view .dq-chat-panel header h2{color:var(--dq-color-text)!important;font-weight:650}
.dq-messages-view .dq-chat-panel .dq-chat-messages{background:var(--dq-color-canvas)!important}
.dq-messages-view .dq-chat-panel .dq-chat-bubble:not(.kind-image):not(.kind-video):not(.kind-system)>div{
  border-radius:12px 12px 12px 4px!important;
  background:var(--dq-color-surface)!important;
  box-shadow:0 1px 3px rgba(23,40,61,.045)!important;
}
.dq-messages-view .dq-chat-panel .dq-chat-bubble.mine:not(.kind-image):not(.kind-video):not(.kind-system)>div{
  border-radius:12px 12px 4px 12px!important;
  background:var(--dq-theme-surface-soft, #e0ebff)!important;
}
.dq-messages-view .dq-chat-panel .dq-chat-bubble>div::before{display:none!important}
.dq-messages-view .dq-chat-panel .dq-chat-bubble p{color:var(--dq-color-text)!important;line-height:1.65}
.dq-messages-view .dq-chat-panel .dq-chat-bubble time{color:var(--dq-color-text-secondary)!important;font-variant-numeric:tabular-nums}
.dq-messages-view .dq-chat-panel .dq-chat-bubble.kind-system p{color:inherit!important}
.dq-messages-view .dq-chat-panel .dq-chat-composer{background:var(--dq-color-surface)!important;border-top-color:var(--dq-color-border)!important}
.dq-messages-view .dq-chat-panel .dq-chat-composer textarea{border:1px solid var(--dq-color-border)!important;border-radius:var(--dq-radius-control)!important;background:var(--dq-color-canvas)!important;color:var(--dq-color-text)!important}
.dq-messages-view .dq-chat-panel .dq-chat-tool{color:var(--dq-color-text-secondary)!important}
.dq-messages-view .dq-chat-panel .dq-chat-tool .dq-bi-svg{stroke:currentColor!important;stroke-width:1.7!important}
.dq-messages-view .dq-chat-panel .dq-voice-switch [data-voice-current]{border-color:var(--dq-color-border)!important;color:var(--dq-color-text-secondary)!important;border-width:1.5px!important}
.dq-messages-view .dq-chat-panel .dq-voice-hold{border:1px solid var(--dq-color-border)!important;border-radius:var(--dq-radius-control)!important;color:var(--dq-color-text)!important;background:var(--dq-color-canvas)!important}
.dq-messages-view .dq-message-list-top [data-message-new-chat]{color:var(--dq-color-brand)!important;background:var(--dq-color-brand-soft)!important;border-radius:var(--dq-radius-control)!important}
body[data-app-view='messages'] .dq-messages-view .dq-conversation-panel [data-open-conversation]{background:var(--dq-color-surface)!important;border-bottom-color:var(--dq-color-divider)!important}
body[data-app-view='messages'] .dq-messages-view .dq-conversation-panel [data-open-conversation].active{background:var(--dq-color-brand-soft)!important;box-shadow:inset 3px 0 var(--dq-color-brand)!important}
body[data-app-view='messages'] .dq-messages-view .dq-conversation-panel [data-open-conversation] b{color:var(--dq-color-text)!important;font-weight:650}

/* Attendance: readable numbers and compact cards, with the shared frame intact. */
.dq-attendance-view :is(.dq-attendance-person-card,.dq-attendance-punch-card,.dq-attendance-stat-card,.dq-attendance-setting-card,.dq-attendance-apply-card,.dq-attendance-apply-row,.dq-attendance-apply-list){
  border:1px solid var(--dq-color-border)!important;
  border-radius:var(--dq-radius-surface)!important;
  background:var(--dq-color-surface)!important;
  box-shadow:var(--dq-shadow-surface)!important;
  color:var(--dq-color-text);
}
.dq-attendance-view .dq-attendance-person-card b{color:var(--dq-color-text);font-size:var(--dq-font-20, 20px);font-weight:650}
.dq-attendance-view .dq-attendance-person-card span{font-size:var(--dq-font-13, 13px);color:var(--dq-color-text-secondary)}
.dq-attendance-view .dq-attendance-punch-card{min-height:0;padding:clamp(28px,6vh,56px) var(--dq-content-space-18, 18px) var(--dq-content-space-24, 24px);gap:var(--dq-content-space-24, 24px)}
.dq-attendance-view .dq-attendance-punch-button{
  width:clamp(152px,24vh,200px);height:clamp(152px,24vh,200px);
  background:linear-gradient(145deg,#3673d3,var(--dq-color-action));
  box-shadow:0 0 0 8px var(--dq-color-brand-soft),0 12px 28px rgba(35,90,197,.16);
}
.dq-attendance-view .dq-attendance-punch-button.status-completed{background:var(--dq-color-accent);box-shadow:0 0 0 8px var(--dq-color-accent-soft)}
.dq-attendance-view .dq-attendance-punch-button:disabled:not(.status-completed){opacity:.65}
.dq-attendance-view .dq-attendance-punch-button b{font-size:var(--dq-font-23, 23px);font-weight:650}
.dq-attendance-view .dq-attendance-punch-button :is(span,time){color:var(--dq-theme-muted, #e3ecff);font-size:var(--dq-font-16, 16px);font-variant-numeric:tabular-nums}
.dq-attendance-view .dq-attendance-punch-button time{font-size:var(--dq-font-19, 19px);letter-spacing:.03em}
.dq-attendance-view .dq-attendance-punch-card>p{font-size:var(--dq-font-13, 13px);color:var(--dq-color-text-secondary)}
.dq-attendance-view .dq-attendance-relocate{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;margin-top:-12px;padding:10px 16px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font:inherit;font-size:var(--dq-font-14, 14px);font-weight:600;cursor:pointer}
.dq-attendance-view .dq-attendance-relocate:disabled{opacity:.65;cursor:wait}
.dq-attendance-view .dq-attendance-relocate svg{width:18px;height:18px;flex-shrink:0}
.dq-attendance-view .dq-attendance-clock-grid>div{padding:var(--dq-content-space-14, 14px) var(--dq-content-space-16, 16px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-attendance-view .dq-attendance-clock-grid b{color:var(--dq-color-text);font-size:var(--dq-font-20, 20px);font-weight:650;font-variant-numeric:tabular-nums}
.dq-attendance-view .dq-attendance-stat-profile b{color:var(--dq-color-text);font-weight:650}
.dq-attendance-view .dq-attendance-stat-mode{border:1px solid var(--dq-color-border);background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-attendance-view .dq-attendance-month-head{color:var(--dq-color-text);font-size:var(--dq-font-22, 22px);font-weight:650}
.dq-attendance-view .dq-attendance-months button{border-radius:var(--dq-radius-control);color:var(--dq-color-text-secondary)}
.dq-attendance-view .dq-attendance-months button.active{color:var(--dq-color-brand);background:var(--dq-color-brand-soft);font-weight:700}
.dq-attendance-view .dq-attendance-stat-grid{gap:var(--dq-content-space-10, 10px);padding:var(--dq-content-space-20, 20px) 0}
.dq-attendance-view .dq-attendance-stat-grid button{min-height:92px;gap:var(--dq-content-space-4, 4px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-attendance-view .dq-attendance-stat-grid b{color:var(--dq-color-text);font-size:var(--dq-font-26, 26px);font-weight:650;font-variant-numeric:tabular-nums}
.dq-attendance-view .dq-attendance-stat-grid span{color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);margin:0}
.dq-attendance-view .dq-attendance-stat-grid button:nth-child(-n+3){background:var(--dq-color-brand-soft);border-color:var(--dq-theme-border, #dbe5fa)}
.dq-attendance-view .dq-attendance-stat-grid button:nth-child(-n+3) b{color:var(--dq-color-brand-strong)}
.dq-attendance-view .dq-attendance-stat-grid button[data-metric-state='attention']{background:var(--dq-theme-surface, #fff7eb);border-color:var(--dq-theme-border, #f1dfbd)}
.dq-attendance-view .dq-attendance-stat-grid button[data-metric-state='attention'] b{color:var(--dq-theme-amber, #92520a)}
.dq-attendance-view .dq-attendance-stat-detail{color:var(--dq-color-brand);font-size:var(--dq-font-14, 14px);font-weight:650}
.dq-attendance-view .dq-attendance-stat-card>p{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-attendance-view .dq-attendance-setting-tabs{background:var(--dq-color-surface);border-bottom-color:var(--dq-color-border)}
.dq-attendance-view .dq-attendance-setting-tabs button{font-size:var(--dq-font-14, 14px);color:var(--dq-color-text-secondary)}
.dq-attendance-view .dq-attendance-setting-tabs button.active{color:var(--dq-color-brand)}
.dq-attendance-view .dq-attendance-setting-tabs button.active::after{background:var(--dq-color-action);height:3px}
.dq-attendance-view .dq-attendance-setting-card h3{color:var(--dq-color-text);font-size:var(--dq-font-17, 17px);font-weight:650}
.dq-attendance-view .dq-attendance-setting-card :is(p,small){color:var(--dq-color-text-secondary);line-height:1.65}
.dq-attendance-view .dq-attendance-setting-card input[type='checkbox']{accent-color:var(--dq-color-brand)}
.dq-attendance-view .dq-attendance-setting-actions button{background:var(--dq-color-action);border-radius:var(--dq-radius-control);font-weight:650}
.dq-attendance-view .dq-attendance-apply-card h2{color:var(--dq-color-text);font-size:var(--dq-font-19, 19px);font-weight:650}
.dq-attendance-view .dq-attendance-apply-grid i{border-radius:14px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-attendance-view .dq-attendance-apply-grid i.cyan{color:var(--dq-color-accent);background:var(--dq-color-accent-soft)}
.dq-attendance-view .dq-attendance-apply-grid i.orange{color:var(--dq-theme-amber, #a86b0f);background:var(--dq-theme-surface-soft, #fff4de)}
.dq-attendance-view .dq-attendance-apply-list>i{color:var(--dq-color-brand)}
.dq-attendance-view .dq-attendance-bottom-nav button.active{color:var(--dq-color-brand)}
.dq-attendance-view .dq-attendance-bottom-nav button.active b{color:var(--dq-color-brand);background:var(--dq-color-brand-soft);border-radius:10px}

/* Training library: clear category identity and lightweight reading surfaces. */
body[data-app-view='learn'] .pwa-install{display:none!important}
.dq-learning-view .dq-learning-tabs{border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-theme-surface-soft, #eef1f6)}
.dq-learning-view .dq-learning-tabs button{color:var(--dq-color-text-secondary);font-weight:550;border-radius:8px}
.dq-learning-view .dq-learning-tabs button.active{color:var(--dq-color-brand);background:var(--dq-color-surface);box-shadow:0 1px 5px rgba(23,40,61,.07);font-weight:650}
.dq-learning-view .dq-learning-search{border-color:var(--dq-color-border)!important;border-radius:var(--dq-radius-control)!important;box-shadow:none}
.dq-learning-view .dq-learning-tabs{margin-bottom:16px}
.dq-learning-collection{
  display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;
  min-width:0;margin:0 0 18px;padding:24px;border:1px solid var(--dq-theme-border, #dce7eb);border-radius:var(--dq-radius-feature);
  background:linear-gradient(115deg,var(--dq-theme-surface, #f5f8ff) 0%,var(--dq-theme-surface-soft, #f0f8f5) 100%);
}
.dq-learning-collection>i{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--dq-theme-border, #dce9ec);border-radius:15px;color:var(--dq-color-accent);background:var(--dq-color-surface)}
.dq-learning-collection>i svg{width:26px;height:26px}
.dq-learning-collection small{color:var(--dq-color-accent);font-size:var(--dq-font-10, 10px);letter-spacing:.1em;font-weight:650}
.dq-learning-collection h2{margin:5px 0 6px;color:var(--dq-color-text);font-size:var(--dq-font-23, 23px);line-height:1.35;font-weight:650}
.dq-learning-collection p{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.7;overflow-wrap:anywhere}
.dq-learning-collection-count{padding:7px 11px;border:1px solid var(--dq-theme-border, #dce9e4);border-radius:999px;color:var(--dq-color-accent);background:var(--dq-color-surface);font-size:var(--dq-font-12, 12px);white-space:nowrap;font-variant-numeric:tabular-nums}
.dq-learning-view .dq-learning-search{margin:0 0 18px}
.dq-learning-view .dq-learning-search:focus-within{border-color:var(--dq-color-brand)!important;box-shadow:0 0 0 3px var(--dq-color-brand-soft)}
.dq-learning-view .dq-learning-search button{min-width:44px;min-height:44px;font-size:var(--dq-font-12, 12px)}
.dq-learning-view .dq-training-download-guide{display:block;margin:0 0 16px;padding:0;border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-surface)}
.dq-training-download-guide summary{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:44px;padding:6px 12px;list-style:none;cursor:pointer}
.dq-training-download-guide summary::-webkit-details-marker{display:none}
.dq-training-download-guide summary>i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-training-download-guide summary :is(i,span)>svg{width:16px;height:16px}
.dq-training-download-guide summary>b{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.5;font-weight:550}
.dq-training-download-guide summary>span{display:flex;color:var(--dq-color-text-tertiary)}
.dq-training-download-guide details[open] summary>span{transform:rotate(180deg)}
.dq-training-download-guide details>p{padding:0 16px 14px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px)}
.dq-learning-results{margin:-4px 0 16px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);overflow-wrap:anywhere}
.dq-learning-empty{display:grid;justify-items:center;gap:10px;padding:42px 20px;margin-bottom:18px;border:1px dashed var(--dq-theme-border, #ccd8e2);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);text-align:center}
.dq-learning-empty>i{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;color:var(--dq-color-accent);background:var(--dq-color-accent-soft)}
.dq-learning-empty>i svg{width:24px;height:24px}
.dq-learning-empty h3{margin:4px 0 0;color:var(--dq-color-text);font-size:var(--dq-font-16, 16px);font-weight:650}
.dq-learning-empty p{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.7}
.dq-learning-empty button{min-height:44px;margin-top:6px;padding:0 18px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);color:var(--dq-color-brand);background:var(--dq-color-brand-soft);font:inherit;font-size:var(--dq-font-13, 13px);cursor:pointer}
.dq-learning-view :is([data-training-empty],[data-training-results],[data-training-panel],.dq-training-library-group)[hidden],.dq-course-reading-tools [hidden]{display:none!important}
.dq-learning-view :is(.dq-learning-tabs button,.dq-training-library-group>summary,.dq-learning-empty button):focus-visible,.dq-course-reading-top:focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:3px}
.dq-learning-view .dq-training-library-group{border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);box-shadow:var(--dq-shadow-surface)}
.dq-learning-view .dq-training-library-group>summary{gap:var(--dq-content-space-16, 16px);padding:var(--dq-content-space-22, 22px);border-radius:var(--dq-radius-surface)}
.dq-learning-view .dq-training-library-group>summary>.dq-training-library-copy{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--dq-content-space-5, 5px) var(--dq-content-space-14, 14px);flex:1;align-items:center}
.dq-learning-view .dq-training-library-copy>b{grid-column:2;color:var(--dq-color-text);font-size:var(--dq-font-16, 16px);font-weight:650;line-height:1.5}
.dq-learning-view .dq-training-library-copy>span{grid-column:2;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.65}
.dq-learning-view .dq-training-library-copy>.dq-training-library-icon{display:grid;grid-column:1;grid-row:1/3;place-items:center;align-self:start;width:44px;height:44px;border:1px solid var(--dq-theme-border, #dfe8fa);border-radius:12px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-learning-view .dq-training-library-icon svg{width:22px;height:22px}
.dq-learning-view .dq-training-library-group:nth-of-type(even) .dq-training-library-icon{color:var(--dq-color-accent);background:var(--dq-color-accent-soft);border-color:var(--dq-theme-border, #dcebe4)}
.dq-learning-view .dq-training-library-actions>i{min-height:44px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft);border-radius:var(--dq-radius-control);font-weight:650}
.dq-learning-view .dq-training-library-group[open]{border-color:var(--dq-theme-border, #c7d7f2)}
.dq-learning-view .dq-training-library-group[open]>summary{background:var(--dq-theme-surface, #f9fbff);border-bottom-color:var(--dq-color-border);border-radius:var(--dq-radius-surface) var(--dq-radius-surface) 0 0}
.dq-learning-view .dq-training-library-group[open] .dq-training-library-actions>i{background:var(--dq-color-surface);color:var(--dq-color-text-secondary)}
.dq-learning-view .dq-training-library-copy .dq-training-language-status{grid-column:1/-1}
.dq-learning-view .dq-training-library-meta{grid-column:2;margin-top:6px;color:var(--dq-color-accent);font-size:var(--dq-font-11, 11px);font-weight:550;line-height:1.5}
.dq-learning-view .dq-training-library-copy>.dq-training-library-icon{grid-row:1/4}
@media(min-width:1100px){
  .dq-learning-view :is([data-training-panel='sales'],[data-training-panel='production']){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
  .dq-learning-view .dq-training-library-group{min-width:0;margin:0;height:100%;box-sizing:border-box}
  .dq-learning-view .dq-training-library-group>summary{min-height:144px;box-sizing:border-box}
  .dq-learning-view .dq-training-library-group[open]{grid-column:1/-1}
  .dq-learning-view .dq-training-library-group[open]>summary{min-height:0}
}
.dq-learning-view :is(.dq-course-grid>button,.dq-foreign-trade-grid>button,.dq-catalog-grid>article,.dq-policy-course){border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:none}
.dq-learning-view :is(.dq-course-grid,.dq-foreign-trade-grid) h3{font-size:var(--dq-font-17, 17px);font-weight:650;color:var(--dq-color-text);margin-top:18px;line-height:1.5}
.dq-learning-view :is(.dq-course-grid,.dq-foreign-trade-grid) p{font-size:var(--dq-font-13, 13px);color:var(--dq-color-text-secondary);line-height:1.7}
.dq-learning-view :is(.dq-course-grid,.dq-foreign-trade-grid) button>span{color:var(--dq-color-accent);font-weight:650;letter-spacing:.06em}
.dq-learning-view .dq-foreign-trade-grid b{color:var(--dq-color-brand);font-weight:650}
.dq-learning-view .dq-feature-course{border:1px solid var(--dq-theme-border, #dce5f3);border-radius:var(--dq-radius-surface);background:linear-gradient(120deg,var(--dq-theme-surface, #eef3fd),var(--dq-theme-surface, #f6faf9));box-shadow:none;color:var(--dq-color-text)}
.dq-learning-view .dq-feature-course :is(h2,p,span){color:var(--dq-color-text)}
.dq-learning-view .dq-feature-course p{color:var(--dq-color-text-secondary)}
/* One action pattern for static courses and asynchronously loaded files. */
html body .dq-learning-view .dq-training-document-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:var(--dq-space-2);
  min-width:0;
  flex:0 0 auto;
}
.dq-learning-view :is(.dq-feature-course,.dq-catalog-grid article,.dq-erp-grid article) .dq-training-document-actions{margin-top:var(--dq-space-4)}
.dq-learning-view :is(.dq-certificate-files,.dq-quality-docs) .dq-training-document-actions{margin-top:auto;padding-top:var(--dq-space-4)}
html body .dq-learning-view .dq-training-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:96px;
  max-width:100%;
  min-height:var(--dq-control-min-height);
  height:auto;
  margin:0;
  padding:var(--dq-space-2) var(--dq-space-4);
  border:1px solid var(--dq-color-action,var(--dq-color-brand));
  border-radius:var(--dq-radius-control);
  color:#fff;
  background:var(--dq-color-action,var(--dq-color-brand));
  box-shadow:none;
  font:600 var(--dq-font-size-body)/1.5 var(--dq-font-family);
  letter-spacing:normal;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  overflow-wrap:anywhere;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
html body .dq-learning-view .dq-training-action--secondary{
  border-color:var(--dq-color-border);
  color:var(--dq-color-brand);
  background:var(--dq-color-surface);
}
html body .dq-learning-view .dq-training-action:focus-visible{
  outline:2px solid var(--dq-color-brand);
  outline-offset:3px;
}
html body .dq-learning-view .dq-training-action:disabled,
html body .dq-learning-view .dq-training-action[aria-disabled='true']{
  opacity:.5;
  cursor:not-allowed;
}
html body .dq-learning-view .dq-training-action:not(:disabled):not([aria-disabled='true']):active{
  border-color:var(--dq-color-action,var(--dq-color-brand));
  background:color-mix(in srgb,var(--dq-color-action,var(--dq-color-brand)) 85%,#000);
  color:#fff;
}
html body .dq-learning-view .dq-training-action--secondary:not(:disabled):not([aria-disabled='true']):active{
  color:var(--dq-color-brand);
  background:var(--dq-color-brand-soft);
}
.dq-learning-view .dq-certificate-toolbar button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--dq-control-min-height);
  padding:var(--dq-space-2) var(--dq-space-3);
  border:1px solid var(--dq-color-border);
  border-radius:var(--dq-radius-control);
  color:var(--dq-color-text-secondary);
  background:var(--dq-color-surface);
  font:600 var(--dq-font-size-body)/1.5 var(--dq-font-family);
  cursor:pointer;
}
.dq-learning-view .dq-certificate-toolbar button.active{border-color:var(--dq-color-action,var(--dq-color-brand));color:#fff;background:var(--dq-color-action,var(--dq-color-brand))}
.dq-learning-view .dq-certificate-toolbar button:focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:3px}
@media(hover:hover){
  html body .dq-learning-view .dq-training-action:not(:disabled):not([aria-disabled='true']):hover{border-color:var(--dq-color-action,var(--dq-color-brand));background:color-mix(in srgb,var(--dq-color-action,var(--dq-color-brand)) 85%,#000);color:#fff}
  html body .dq-learning-view .dq-training-action--secondary:not(:disabled):not([aria-disabled='true']):hover{color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
}
@media(max-width:720px){
  html body .dq-learning-view .dq-training-document-actions{width:100%}
  html body .dq-learning-view .dq-training-document-actions>.dq-training-action{flex:1 1 auto}
}
.dq-learning-view .dq-pdf-cover{background:var(--dq-color-surface);color:var(--dq-color-brand);border:1px solid var(--dq-theme-border, #dce5f3);box-shadow:var(--dq-shadow-surface)}
.dq-learning-view .dq-training-subheading h2{color:var(--dq-color-text);font-weight:650;font-size:var(--dq-font-19, 19px)}
.dq-learning-view .dq-training-subheading p{color:var(--dq-color-text-secondary);line-height:1.65}

@media(max-width:599px){
  .dq-learning-view .dq-training-library-group>summary{gap:var(--dq-content-space-10, 10px);min-height:136px;padding:var(--dq-content-space-16, 16px);box-sizing:border-box}
  .dq-learning-view .dq-training-library-group>summary>.dq-training-library-copy{gap:var(--dq-content-space-5, 5px) var(--dq-content-space-10, 10px);grid-template-columns:36px minmax(0,1fr)}
  .dq-learning-view .dq-training-library-copy>.dq-training-library-icon{width:36px;height:36px;border-radius:10px}
  .dq-learning-view .dq-training-library-copy>b{font-size:var(--dq-font-15, 15px)}
  .dq-learning-view .dq-training-library-copy>span{grid-column:1/-1;font-size:var(--dq-font-12, 12px)}
  .dq-learning-view .dq-training-library-copy>.dq-training-library-icon{grid-row:1}
  .dq-learning-view .dq-training-library-meta{grid-column:1/-1;margin-top:4px}
  .dq-learning-collection{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:16px;margin-bottom:14px}
  .dq-learning-collection>div{display:contents}
  .dq-learning-collection>i{grid-column:1;grid-row:1;width:32px;height:32px;border-radius:10px}
  .dq-learning-collection>i svg{width:22px;height:22px}
  .dq-learning-collection h2{grid-column:2;grid-row:1;margin:0;font-size:var(--dq-font-18, 18px)}
  .dq-learning-collection small{display:none}
  .dq-learning-collection p{grid-column:1/-1;grid-row:2;font-size:var(--dq-font-12, 12px)}
  .dq-learning-collection-count{grid-column:3;grid-row:1;padding:4px 8px;font-size:var(--dq-font-11, 11px)}
  /* Language and open actions stack inside the summary, never over its title. */
  html body .dq-learning-view .dq-training-library-group>summary>.dq-training-library-actions{flex-direction:column;gap:var(--dq-content-space-6, 6px)}
  .dq-attendance-view .dq-attendance-stat-grid{gap:var(--dq-content-space-8, 8px)}
  .dq-attendance-view .dq-attendance-stat-grid b{font-size:var(--dq-font-24, 24px)}
}

/* Reading helpers belong to the existing reader; they never create a second
   scroll surface or change the shared title/safe-area geometry. */
body.dq-reader-mode #dq-course-modal>article{padding-bottom:calc(84px + var(--dq-safe-bottom))!important}
#dq-course-modal #dq-course-content>p:first-of-type{padding:16px 18px;border:1px solid var(--dq-color-border);border-left:3px solid var(--dq-color-accent);border-radius:0 var(--dq-radius-control) var(--dq-radius-control) 0;background:var(--dq-color-surface);color:var(--dq-color-text-secondary);font-size:var(--dq-font-14, 14px);line-height:1.8}
#dq-course-modal .dq-language-scenario{min-width:0;border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
#dq-course-modal .dq-language-scenario>div{min-width:0}
#dq-course-modal .dq-language-scenario>i{background:var(--dq-color-brand-soft);color:var(--dq-color-brand);border:1px solid var(--dq-theme-border, #dce6f8)}
#dq-course-modal .dq-language-scenario h3{color:var(--dq-color-text);font-weight:650}
#dq-course-modal .dq-language-scenario p{font-size:var(--dq-font-14, 14px);line-height:1.8!important;overflow-wrap:anywhere}
#dq-course-modal .dq-language-scenario .en{color:var(--dq-color-text)!important;font-weight:550}
#dq-course-modal .dq-language-scenario .cn{color:var(--dq-color-text-secondary)!important}
.dq-course-reading-tools{position:absolute;inset:0;z-index:3;pointer-events:none}
.dq-course-reading-progress{position:absolute;inset:0 0 auto;height:3px;overflow:hidden;background:var(--dq-color-border)}
.dq-course-reading-progress>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--dq-color-action),var(--dq-color-accent))}
.dq-course-reading-top{position:absolute;right:max(16px,calc((100% - 980px)/2));bottom:calc(14px + var(--dq-safe-bottom));display:flex;align-items:center;gap:9px;min-height:44px;max-width:calc(100% - 32px);box-sizing:border-box;padding:0 13px;border:1px solid var(--dq-color-border);border-radius:999px;color:var(--dq-color-text);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-raised);font:inherit;font-size:var(--dq-font-12, 12px);pointer-events:auto;cursor:pointer}
.dq-course-reading-top>span{color:var(--dq-color-accent);font-size:var(--dq-font-11, 11px);font-variant-numeric:tabular-nums}
.dq-course-reading-top>b{font-weight:550}
.dq-course-reading-top>svg{width:16px;height:16px;color:var(--dq-color-brand)}
@media(hover:hover) and (pointer:fine){
  .dq-learning-view .dq-training-library-group:hover{border-color:var(--dq-theme-border, #bfd5dd);box-shadow:0 6px 20px rgba(29,59,78,.07)}
  .dq-course-reading-top:hover{border-color:var(--dq-color-brand);color:var(--dq-color-brand)}
}
@media(prefers-reduced-motion:no-preference){
  body:not([data-motion='reduced']) .dq-learning-view .dq-training-library-group{transition:border-color var(--dq-motion-fast),box-shadow var(--dq-motion-fast)}
  body:not([data-motion='reduced']) .dq-course-reading-top{animation:dqPanelEnter 140ms var(--dq-ease-standard)}
}

/* Keep the chat tray's proven two-row geometry and horizontal pagination. */
.dq-attachment-panel{background:var(--dq-color-canvas)!important;border-radius:var(--dq-radius-surface)}
.dq-attachment-panel .dq-attachment-page>button[data-attachment-item]>i.dq-bi-icon{
  border:1px solid var(--dq-color-border)!important;
  border-radius:14px!important;
  color:var(--dq-color-brand)!important;
  background:var(--dq-theme-surface, #fff)!important;
  box-shadow:0 3px 8px rgba(29,59,78,.04)!important;
}
.dq-messages-view .dq-attachment-panel .dq-attachment-page>button[data-attachment-item]>i.dq-bi-icon .dq-bi-svg{stroke:currentColor!important;stroke-width:1.7!important}
.dq-attachment-panel .dq-attachment-pagination>button::after{transition:width var(--dq-motion-base) var(--dq-ease-standard),background-color var(--dq-motion-base) ease}
.dq-attachment-panel .dq-attachment-pagination>button.active::after{background:var(--dq-color-action)}

@media(min-width:900px){
  #dq-home-view{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:20px!important}
  #dq-home-view>.dq-home-welcome,
  #dq-home-view>.dq-home-action-center,
  #dq-home-view>.dq-upcoming-events{grid-column:1/-1!important}
  #dq-home-view>.dq-home-notice-card{grid-column:1/8!important}
  #dq-home-view>.dq-daily-english{grid-column:8/-1!important}
  #dq-home-view .dq-home-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #dq-home-view .dq-home-action-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--dq-content-space-16, 16px)!important}
  #dq-home-view .dq-home-action-list button{border-bottom:0;padding:var(--dq-content-space-12, 12px) 0 0!important}
  #dq-home-view .dq-upcoming-event-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:599px){
  #dq-home-view{gap:16px!important;padding-top:18px!important}
  .dq-home-welcome{gap:8px}
  .dq-home-welcome p{font-size:var(--dq-font-9, 9px)}
  .dq-home-date{font-size:var(--dq-font-11, 11px)}
  #dq-home-view>.dq-home-action-center{padding:18px!important;gap:16px!important}
  #dq-home-view .dq-home-action-head h2{font-size:var(--dq-font-20, 20px)!important}
  #dq-home-view .dq-home-action-head p{font-size:var(--dq-font-11, 11px)}
  #dq-home-view .dq-home-action-head>button{padding:0 11px;font-size:var(--dq-font-11, 11px)}
  #dq-home-view .dq-home-action-grid button{padding:var(--dq-content-space-12, 12px)!important;min-height:108px!important}
  #dq-home-view .dq-home-action-grid b{font-size:var(--dq-font-23, 23px)!important}
  #dq-home-view>.dq-home-notice-card,
  #dq-home-view>.dq-daily-english{padding:var(--dq-content-space-16, 16px)!important;gap:var(--dq-content-space-12, 12px)}
  .dq-work-command-bar{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:14px}
  .dq-work-command-bar .dq-work-tabbar{width:176px}
}
@media(hover:hover) and (pointer:fine){
  #dq-home-view .dq-home-action-grid button:hover{border-color:var(--dq-theme-border, #aac2ed);background:var(--dq-theme-surface, #f1f5fc)}
  #dq-home-view .dq-home-action-list button:hover{background:var(--dq-theme-surface, #f8fafe)}
  #dq-home-view :is(.dq-home-notice-card,.dq-upcoming-event):hover{border-color:var(--dq-theme-border, #aacbc7);box-shadow:0 6px 20px rgba(29,59,78,.07)!important}
  .dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid)>button:hover{background:var(--dq-theme-surface, #f2f7fa)!important}
  .dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid)>button:hover>i{transform:translateY(-2px);box-shadow:0 4px 10px rgba(29,59,78,.08)}
  .dq-learning-view .dq-training-library-group>summary:hover{background:var(--dq-theme-surface, #f9fbff)}
  .dq-learning-view :is(.dq-course-grid,.dq-foreign-trade-grid)>button:hover{border-color:var(--dq-theme-border, #b6c9ea);background:var(--dq-theme-surface, #f9fbff)}
  .dq-attendance-view .dq-attendance-stat-grid button:hover{border-color:var(--dq-theme-border, #b6c9ea)}
  .dq-work-view .dq-workbench-preview-item:hover{border-color:var(--dq-theme-border, #b6c9ea);background:var(--dq-theme-surface, #f9fbff)}
  body[data-app-view='messages'] .dq-messages-view .dq-conversation-panel [data-open-conversation]:hover{background:var(--dq-color-brand-soft)!important}
}
@media(prefers-reduced-motion:no-preference){
  body:not([data-motion='reduced']) :is(.dq-training-library-group>summary,.dq-course-grid>button,.dq-foreign-trade-grid>button,.dq-workbench-preview-item,.dq-attendance-stat-grid>button){transition:background-color var(--dq-motion-fast) ease,border-color var(--dq-motion-fast) ease}
  body:not([data-motion='reduced']) .dq-training-library-group[open]>.dq-training-library-content{animation:dqPanelEnter 160ms var(--dq-ease-standard)}
  body:not([data-motion='reduced']) :is(.dq-record-hero,.dq-record-card){animation:dq-record-reveal 160ms var(--dq-ease-standard)}
  @keyframes dq-record-reveal{from{opacity:.4}to{opacity:1}}
  body:not([data-motion='reduced']) .dq-dashboard.dq-view-enter .dq-home-action-grid>button,
  body:not([data-motion='reduced']) .dq-work-view.dq-view-enter .dq-work-icon-grid>button{
    animation:dq-control-arrive 180ms var(--dq-ease-standard) both;
  }
  body:not([data-motion='reduced']) .dq-dashboard.dq-view-enter .dq-home-action-grid>button:nth-child(even){animation-delay:25ms}
  body:not([data-motion='reduced']) .dq-work-tab-panel:not([hidden]){animation:dqPanelEnter 140ms var(--dq-ease-standard)}
  @keyframes dq-control-arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){
  .dq-app-view.dq-view-enter{animation:none!important}
  .dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid)>button:hover>i{transform:none}
}
body[data-motion='reduced'] .dq-app-view.dq-view-enter{animation:none!important}
body[data-motion='reduced'] .dq-work-view :is(.dq-work-app-grid,.dq-work-icon-grid)>button:hover>i{transform:none}

/* Employee identity and preferences. Keep frame sizing and scroll ownership in
   the canonical shell; these rules apply only to the corresponding content. */
.dq-contacts-view .dq-contact-search{border-color:var(--dq-color-border)!important;border-radius:var(--dq-radius-control)!important;background:var(--dq-color-surface)!important}
.dq-contacts-view .dq-contact-search input{font-size:var(--dq-font-16, 16px)!important;color:var(--dq-color-text)!important}
.dq-contacts-view .dq-contact-search button{min-width:44px;min-height:44px;padding:0 8px;font-size:var(--dq-font-13, 13px);color:var(--dq-color-brand);cursor:pointer}
.dq-contacts-view .dq-contact-search:focus-within{border-color:var(--dq-color-brand)!important;box-shadow:0 0 0 3px var(--dq-color-brand-soft)}
.dq-contacts-view .dq-org-panel{border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-directory-overview{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:18px 18px 14px;min-width:0}
.dq-directory-overview h2{margin:0;font-size:var(--dq-font-16, 16px);font-weight:650;color:var(--dq-color-text)}
.dq-directory-overview>span{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.5}
.dq-contacts-view .dq-org-breadcrumb{gap:8px;padding:6px 18px 0;overflow-wrap:anywhere}
.dq-contacts-view .dq-org-breadcrumb button{min-height:44px;padding:0 4px;color:var(--dq-color-brand);font-size:var(--dq-font-13, 13px);font-weight:600}
.dq-contacts-view .dq-org-breadcrumb>span{margin:0;font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-contacts-view .dq-org-titlebar{background:var(--dq-color-surface);border-color:var(--dq-color-divider)}
.dq-contacts-view .dq-org-titlebar h2{font-weight:650;color:var(--dq-color-text)}
.dq-contacts-view .dq-contact-list :is(.dq-org-row,.dq-org-person){min-width:0;min-height:76px;gap:var(--dq-content-space-12, 12px);padding:var(--dq-content-space-14, 14px) var(--dq-content-space-18, 18px);border-color:var(--dq-color-divider);color:var(--dq-color-text);background:var(--dq-color-surface);transition:background-color var(--dq-motion-fast) var(--dq-ease-standard)}
.dq-contacts-view .dq-contact-list :is(.dq-org-row,.dq-org-person)>div{min-width:0}
.dq-contacts-view .dq-contact-list :is(.dq-org-row,.dq-org-person) b{font-size:var(--dq-font-15, 15px);font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.dq-contacts-view .dq-contact-list :is(.dq-org-row,.dq-org-person) span{font-size:var(--dq-font-12, 12px);line-height:1.5;overflow-wrap:anywhere;color:var(--dq-color-text-secondary)}
.dq-contacts-view .dq-contact-list .dq-org-row>i{width:40px;height:40px;border-radius:10px!important;color:var(--dq-color-accent)!important;background:var(--dq-color-accent-soft)!important}
.dq-contacts-view .dq-contact-list .dq-org-row>i::before,
.dq-contacts-view .dq-contact-list .dq-org-row>i::after{display:none}
.dq-contacts-view .dq-org-row>i svg{width:22px;height:22px}
.dq-contacts-view .dq-org-row>em{display:flex;align-items:center;gap:var(--dq-content-space-10, 10px)}
.dq-contacts-view .dq-org-row>em small{margin:0;padding:var(--dq-content-space-4, 4px) var(--dq-content-space-8, 8px);border-radius:6px;font-size:var(--dq-font-11, 11px);font-weight:550;white-space:nowrap;color:var(--dq-color-text-secondary);background:var(--dq-color-canvas)}
.dq-contacts-view .dq-org-row>em svg{width:14px;height:14px;color:var(--dq-color-text-tertiary)}
.dq-contacts-view .dq-org-person>em{padding:7px 10px;border-radius:8px;font-size:var(--dq-font-12, 12px);font-weight:550;white-space:nowrap;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-directory-empty{display:grid;justify-items:center;gap:10px;padding:32px 24px;text-align:center}
.dq-directory-empty>svg{box-sizing:content-box;width:24px;height:24px;padding:16px;border-radius:16px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-directory-empty b{font-size:var(--dq-font-16, 16px);color:var(--dq-color-text)}
.dq-directory-empty p{max-width:32em;margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.65}

.dq-profile-view .dq-profile-hero{box-sizing:border-box;min-width:0;padding:var(--dq-content-space-16, 16px) var(--dq-content-space-24, 24px) var(--dq-content-space-24, 24px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-feature)!important;background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;text-align:left}
.dq-profile-heading>small{color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);letter-spacing:.04em}
.dq-profile-view .dq-profile-qr-entry{position:static;flex:0 0 44px;width:44px;height:44px;min-height:44px;border:1px solid var(--dq-color-border);border-radius:10px;background:var(--dq-color-canvas);color:var(--dq-color-brand)}
.dq-profile-view .dq-profile-avatar{width:96px!important;height:96px!important;overflow:visible!important;margin:0 auto 16px!important;font-size:var(--dq-font-32, 32px)!important;box-shadow:0 0 0 5px var(--dq-color-canvas)!important}
.dq-profile-view .dq-profile-avatar>span{font-size:var(--dq-font-32, 32px)!important}
.dq-profile-view .dq-profile-hero h1{margin:0 0 8px;font-size:var(--dq-font-24, 24px);line-height:1.4;font-weight:650;color:var(--dq-color-text);overflow-wrap:anywhere}
.dq-profile-view .dq-profile-hero p{font-size:var(--dq-font-13, 13px);line-height:1.65;overflow-wrap:anywhere;color:var(--dq-color-text-secondary)}
.dq-profile-view [data-profile-department]{max-width:100%;box-sizing:border-box;margin-top:14px;padding:7px 12px;border-radius:8px;color:var(--dq-color-accent);background:var(--dq-color-accent-soft);line-height:1.6;overflow-wrap:anywhere}
.dq-profile-view [data-profile-avatar-status]:empty{display:none}
.dq-profile-view .dq-profile-list{min-width:0;border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface)!important;background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-profile-list>header{padding:var(--dq-content-space-20, 20px);border-bottom:1px solid var(--dq-color-divider)}
.dq-profile-list>header h2{margin:0;font-size:var(--dq-font-17, 17px);font-weight:650;color:var(--dq-color-text)}
.dq-profile-list>header p{margin:6px 0 0;font-size:var(--dq-font-12, 12px);line-height:1.5;color:var(--dq-color-text-secondary)}
.dq-profile-view .dq-profile-list>div{align-items:center;gap:var(--dq-content-space-12, 12px);min-height:52px;padding:var(--dq-content-space-14, 14px) var(--dq-content-space-20, 20px);background:var(--dq-color-surface);border-color:var(--dq-color-divider);font-size:var(--dq-font-13, 13px)}
.dq-profile-view .dq-profile-list>div>span{color:var(--dq-color-text-secondary)}
.dq-profile-view .dq-profile-list>div>b{font-weight:600;color:var(--dq-color-text);text-align:right}
.dq-profile-view .dq-profile-list>div>.dq-status-ok{color:var(--dq-color-success)}
.dq-profile-view .dq-profile-list>button{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:var(--dq-content-space-12, 12px);min-height:76px;padding:var(--dq-content-space-14, 14px) var(--dq-content-space-20, 20px);background:var(--dq-color-surface);border-color:var(--dq-color-divider);transition:background-color var(--dq-motion-fast) var(--dq-ease-standard)}
.dq-profile-list>button>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-profile-list>button>i svg{width:20px;height:20px}
.dq-profile-list>button>span{display:grid;min-width:0;gap:var(--dq-content-space-4, 4px)}
.dq-profile-list>button>span b{color:var(--dq-color-text);font-size:var(--dq-font-15, 15px);line-height:1.45;font-weight:600}
.dq-profile-list>button>span small{color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.5}
.dq-profile-list>button>svg{width:14px;height:14px;color:var(--dq-color-text-tertiary)}
.dq-profile-list>button[data-open-admin]>i{color:var(--dq-color-accent);background:var(--dq-color-accent-soft)}
.dq-profile-list>.dq-profile-signout>i{color:var(--dq-color-danger);background:var(--dq-color-canvas)}
.dq-profile-list>.dq-profile-signout>span b{color:var(--dq-color-danger)}

/* Normal settings share card presentation; complex admin consoles keep their
   own layouts. Native inputs, labels and history listeners are retained. */
.dq-settings-standard [data-system-settings-body]{padding:16px 16px 28px!important;background:var(--dq-color-canvas)}
.dq-settings-standard .dq-system-settings-search{width:100%!important;margin:0 0 16px!important;border-color:var(--dq-color-border)!important;border-radius:var(--dq-radius-control)!important;background:var(--dq-color-surface)!important}
.dq-settings-standard .dq-system-settings-search input{font-size:var(--dq-font-16, 16px)!important;color:var(--dq-color-text)!important}
.dq-settings-standard .dq-system-settings-search:focus-within{border-color:var(--dq-color-brand)!important;box-shadow:0 0 0 3px var(--dq-color-brand-soft)}
.dq-settings-standard .dq-system-settings-search-empty{width:100%;box-sizing:border-box;margin:0;padding:28px 16px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);color:var(--dq-color-text-secondary);background:var(--dq-color-surface)}
.dq-settings-standard :is(.dq-system-setting-group,.dq-system-form,.dq-system-profile-card){min-width:0;margin:0 0 16px;border:1px solid var(--dq-color-border)!important;border-radius:var(--dq-radius-surface)!important;background:var(--dq-color-surface);overflow:hidden;box-shadow:var(--dq-shadow-surface)}
.dq-settings-standard .dq-system-setting-group>small{padding:var(--dq-content-space-16, 16px) var(--dq-content-space-18, 18px) var(--dq-content-space-12, 12px);font-size:var(--dq-font-12, 12px);font-weight:600;letter-spacing:.04em;color:var(--dq-color-text-secondary);background:var(--dq-color-surface)}
.dq-settings-standard .dq-system-setting-group>:is(.dq-system-info-row,.dq-system-switch-row,.dq-system-choice-row){border:0!important;border-top:1px solid var(--dq-color-divider)!important;border-radius:0!important;background:var(--dq-color-surface)}
.dq-settings-standard .dq-system-setting-row{min-width:0;gap:var(--dq-content-space-12, 12px);padding:var(--dq-content-space-14, 14px) var(--dq-content-space-18, 18px);border-color:var(--dq-color-divider);color:var(--dq-color-text);background:var(--dq-color-surface);transition:background-color var(--dq-motion-fast) var(--dq-ease-standard)}
.dq-settings-standard .dq-system-setting-row i{border-radius:10px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-settings-standard :is([data-settings-view='security'],[data-settings-view='privacy'],[data-settings-view='contacts'],[data-settings-view='voice'])>i{color:var(--dq-color-accent);background:var(--dq-color-accent-soft)}
.dq-settings-standard .dq-system-setting-row b{font-size:var(--dq-font-15, 15px);font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.dq-settings-standard .dq-system-setting-row small{font-size:var(--dq-font-12, 12px);line-height:1.6;white-space:normal;overflow-wrap:anywhere;color:var(--dq-color-text-secondary)}
.dq-settings-standard .dq-system-setting-row strong{max-width:76px;border-radius:7px;font-size:var(--dq-font-11, 11px);line-height:1.5;white-space:normal;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-settings-standard .dq-system-setting-row em{font-size:var(--dq-font-20, 20px);color:var(--dq-color-text-tertiary)}
.dq-settings-standard :is(.dq-system-switch-row,.dq-system-choice-row){min-width:0;min-height:72px;gap:var(--dq-content-space-16, 16px)}
.dq-settings-standard :is(.dq-system-switch-row,.dq-system-choice-row)>span{min-width:0}
.dq-settings-standard :is(.dq-system-info-row,.dq-system-switch-row,.dq-system-choice-row) b{font-size:var(--dq-font-15, 15px);font-weight:600;line-height:1.5;color:var(--dq-color-text)}
.dq-settings-standard :is(.dq-system-info-row span,.dq-system-switch-row small,.dq-system-choice-row small){color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.6}
.dq-settings-standard .dq-system-info-row>b{white-space:normal;overflow-wrap:anywhere}
.dq-settings-standard .dq-system-switch-row input[type='checkbox']{appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;flex-shrink:0;width:44px;height:26px;min-height:0;margin:0;border:1px solid var(--dq-theme-border, #9ba9ba);border-radius:20px;background:var(--dq-theme-surface-muted, #aebaca);cursor:pointer;transition:background-color var(--dq-motion-fast) var(--dq-ease-standard)}
.dq-settings-standard .dq-system-switch-row input[type='checkbox']::before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--dq-theme-surface, #fff);box-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform var(--dq-motion-fast) var(--dq-ease-standard)}
.dq-settings-standard .dq-system-switch-row input[type='checkbox']:checked{background:var(--dq-color-action);border-color:var(--dq-color-brand)}
.dq-settings-standard .dq-system-switch-row input[type='checkbox']:checked::before{transform:translateX(18px)}
.dq-settings-standard .dq-system-switch-row input[type='checkbox']:disabled{opacity:.5;cursor:not-allowed}
.dq-settings-standard .dq-system-choice-row select{box-sizing:border-box;min-width:0;width:120px;max-width:100%;min-height:44px;height:auto;padding:var(--dq-content-space-10, 10px);border-radius:var(--dq-radius-control);border-color:var(--dq-color-border);font-size:var(--dq-font-16, 16px);color:var(--dq-color-text);background:var(--dq-color-canvas)}
.dq-settings-standard .dq-system-form label{min-width:0;padding:var(--dq-content-space-14, 14px) var(--dq-content-space-18, 18px);border-color:var(--dq-color-divider);color:var(--dq-color-text);background:var(--dq-color-surface);font-size:var(--dq-font-13, 13px);font-weight:600}
.dq-settings-standard .dq-system-form :is(input,select){min-width:0;max-width:100%;border-color:var(--dq-color-border);color:var(--dq-color-text);background:var(--dq-color-canvas)}
.dq-settings-standard .dq-system-form :is(input,select):focus{border-color:var(--dq-color-brand);box-shadow:0 0 0 3px var(--dq-color-brand-soft)}
.dq-settings-standard .dq-system-form button{font-weight:600;background:var(--dq-color-action);border-radius:var(--dq-radius-control)}
.dq-settings-standard .dq-system-profile-card>div :is(b,span,small){white-space:normal;overflow-wrap:anywhere;color:var(--dq-color-text)}
.dq-settings-standard .dq-system-profile-card>div :is(span,small){color:var(--dq-color-text-secondary)}
.dq-settings-standard .dq-system-settings-note{color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.75}
.dq-attendance-admin{max-width:880px;margin-inline:auto;min-width:0}
.dq-attendance-admin .dq-system-settings-note{margin:0 18px 18px;font-size:var(--dq-font-13, 13px)}
.dq-attendance-admin .dq-system-form label>span{color:var(--dq-color-text-secondary)}
.dq-attendance-admin .dq-system-form-message{color:var(--dq-color-danger)}
.dq-attendance-admin .dq-system-form-message.success{color:var(--dq-color-accent)}
.dq-attendance-admin-locations{padding:0 18px}
.dq-attendance-admin-locations>article{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid var(--dq-color-divider)}
.dq-attendance-admin-locations>article>i{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:10px;background:var(--dq-color-accent-soft);color:var(--dq-color-accent)}
.dq-attendance-admin-locations>article>div{min-width:0}
.dq-attendance-admin-locations h3{margin:0;font-size:var(--dq-font-16, 16px);font-weight:600;line-height:1.6;color:var(--dq-color-text);overflow-wrap:anywhere}
.dq-attendance-admin-locations p{margin:4px 0 0;font-size:var(--dq-font-13, 13px);line-height:1.7;color:var(--dq-color-text-secondary);overflow-wrap:anywhere}
.dq-attendance-admin-locations strong{color:var(--dq-color-brand);font-weight:600}
.dq-fee-manager{display:grid;gap:16px;min-width:0;color:var(--dq-color-text)}
.dq-fee-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dq-fee-manager-heading>div{min-width:0}
.dq-fee-manager h3{margin:0;font-size:var(--dq-font-17, 17px);font-weight:650;line-height:1.5}
.dq-fee-manager-heading p,.dq-fee-editor>p{margin:6px 0 0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.7}
.dq-fee-manager button{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:var(--dq-radius-control);background:var(--dq-color-action);color:#fff;font:inherit;font-size:var(--dq-font-14, 14px);font-weight:600;line-height:1.4;cursor:pointer}
.dq-fee-manager button:disabled{opacity:.55;cursor:default}
.dq-fee-manager-heading>button{flex-shrink:0}
.dq-fee-manager :is(.dq-fee-filter,.dq-fee-editor,.dq-fee-record){min-width:0;padding:18px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface)}
.dq-fee-manager .dq-trade-form{gap:var(--dq-content-space-14, 14px);grid-template-columns:repeat(4,minmax(0,1fr))}
.dq-fee-manager .dq-trade-form label{display:grid;gap:var(--dq-content-space-7, 7px);min-width:0}
.dq-fee-manager .dq-trade-form label span{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);font-weight:500}
.dq-fee-manager .dq-trade-form :is(input,select){min-width:0;min-height:44px;border-color:var(--dq-theme-border, #cbd5e3);border-radius:var(--dq-radius-control);font-size:var(--dq-font-16, 16px);background-color:var(--dq-color-canvas)}
.dq-fee-manager .dq-fee-fields{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0;padding:0;border:0;min-width:0}
.dq-fee-manager .wide{grid-column:1/-1}
.dq-fee-editor-actions{display:flex;justify-content:flex-end;gap:10px}
.dq-fee-manager [data-cancel-customs-fee],.dq-fee-pagination button{color:var(--dq-color-text-secondary);background:var(--dq-color-canvas);border-color:var(--dq-color-border)}
.dq-fee-manager-status{margin:0;color:var(--dq-color-accent);font-size:var(--dq-font-13, 13px);line-height:1.6;overflow-wrap:anywhere}
.dq-fee-manager-status:empty{display:none}
.dq-fee-manager-status.is-error{color:var(--dq-color-danger)}
.dq-fee-manager-records{display:grid;gap:12px;min-width:0}
.dq-fee-record header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px}
.dq-fee-record h4{margin:0;font-size:var(--dq-font-15, 15px);font-weight:600;overflow-wrap:anywhere}
.dq-fee-record strong{color:var(--dq-color-brand);font-size:var(--dq-font-18, 18px);white-space:nowrap;font-variant-numeric:tabular-nums}
.dq-fee-record p{margin:12px 0 8px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.7;overflow-wrap:anywhere}
.dq-fee-record small{color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.6}
.dq-fee-record footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--dq-color-divider)}
.dq-fee-state{padding:4px 9px;border-radius:6px;color:var(--dq-color-text-secondary);background:var(--dq-color-canvas);font-size:var(--dq-font-12, 12px)}
.dq-fee-state.is-active{color:var(--dq-color-accent);background:var(--dq-color-accent-soft)}
.dq-fee-record button{background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-fee-empty{margin:0;padding:28px 18px;border:1px dashed var(--dq-color-border);border-radius:var(--dq-radius-surface);text-align:center;background:var(--dq-color-surface);color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.8}
.dq-fee-pagination{display:flex;align-items:center;justify-content:center;gap:14px;font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-fee-manager>.dq-system-settings-note{margin:0;padding:0}
@media(max-width:600px){
  .dq-fee-manager-heading{align-items:flex-start;flex-wrap:wrap}
  .dq-fee-manager .dq-fee-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dq-fee-manager .dq-fee-fields{grid-template-columns:minmax(0,1fr)}
  .dq-fee-manager :is(.dq-fee-filter,.dq-fee-editor,.dq-fee-record){padding:16px}
  .dq-fee-editor-actions{display:grid;grid-template-columns:1fr 1fr}
  .dq-fee-pagination{gap:8px}
  .dq-fee-pagination button{padding:10px 12px}
}
.dq-settings-standard .dq-system-segment{margin:0;padding:8px 18px 18px;gap:6px;background:transparent}
.dq-settings-standard .dq-system-segment button{min-height:44px;border-radius:8px;color:var(--dq-color-text-secondary);background:var(--dq-color-canvas);font-size:var(--dq-font-14, 14px);font-weight:600}
.dq-settings-standard .dq-system-segment button.active{background:var(--dq-color-brand-soft);color:var(--dq-color-brand);box-shadow:inset 0 0 0 1px var(--dq-color-brand)}
.dq-settings-standard .dq-system-setting-row.danger b{color:var(--dq-color-danger)}
.dq-settings-standard .dq-system-setting-row.danger i{color:var(--dq-color-danger);background:var(--dq-color-canvas)}

@media(min-width:900px){
  .dq-profile-view .dq-profile-hero{padding:var(--dq-content-space-18, 18px) var(--dq-content-space-24, 24px) var(--dq-content-space-32, 32px)}
  .dq-profile-view .dq-profile-avatar{width:104px!important;height:104px!important;margin-top:18px!important}
  .dq-profile-view .dq-profile-list>button{min-height:82px}
  .dq-settings-overview [data-system-settings-body]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:18px;padding:24px!important}
  .dq-settings-overview :is(.dq-system-settings-search,.dq-system-settings-search-empty){grid-column:1/-1;margin:0!important}
  .dq-settings-overview .dq-system-setting-group{margin:0}
}
@media(min-width:1200px){
  .dq-settings-overview[data-settings-page='系统设置'] [data-system-settings-body]{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:899px){
  .dq-contacts-view .dq-contact-list{margin:0 12px}
}
@media(max-width:380px){
  .dq-contacts-view .dq-contact-list :is(.dq-org-row,.dq-org-person){padding:var(--dq-content-space-12, 12px);gap:var(--dq-content-space-10, 10px)}
  .dq-contacts-view .dq-org-person>em{padding:7px;font-size:var(--dq-font-11, 11px)}
  .dq-profile-view .dq-profile-hero{padding:var(--dq-content-space-12, 12px) var(--dq-content-space-18, 18px) var(--dq-content-space-20, 20px)}
  .dq-profile-list>header,.dq-profile-view .dq-profile-list>button{padding:var(--dq-content-space-16, 16px)}
  .dq-settings-standard [data-system-settings-body]{padding:12px 12px 24px!important}
  .dq-settings-standard .dq-system-setting-row{grid-template-columns:32px minmax(0,1fr) auto;gap:var(--dq-content-space-10, 10px);padding:var(--dq-content-space-12, 12px)}
  .dq-settings-standard .dq-system-setting-row strong{max-width:56px}
  .dq-settings-standard .dq-system-choice-row{grid-template-columns:minmax(0,1fr)}
  .dq-settings-standard .dq-system-choice-row select{width:100%}
}
@media(hover:hover){
  .dq-contacts-view .dq-contact-list :is(.dq-org-row,.dq-org-person):hover,
  .dq-profile-view .dq-profile-list>button:hover,
  .dq-settings-standard .dq-system-setting-row:hover{background:var(--dq-color-canvas)}
}
.dq-contacts-view .dq-contact-list :is(.dq-org-row,.dq-org-person):active,
.dq-profile-view .dq-profile-list>button:active,
.dq-settings-standard .dq-system-setting-row:active{background:var(--dq-color-brand-soft)}
@media(prefers-reduced-motion:no-preference){
  body:not([data-motion='reduced']) .dq-settings-standard :is(.dq-system-setting-group,.dq-system-form){animation:dq-record-reveal 160ms var(--dq-ease-standard)}
}
@media(prefers-reduced-motion:reduce){
  .dq-settings-standard .dq-system-switch-row input[type='checkbox'],
  .dq-settings-standard .dq-system-switch-row input[type='checkbox']::before{transition:none}
}
body[data-motion='reduced'] .dq-settings-standard .dq-system-switch-row input[type='checkbox'],
body[data-motion='reduced'] .dq-settings-standard .dq-system-switch-row input[type='checkbox']::before{transition:none}
/* Scope palette changes to these pages; do not repaint business forms. */
body[data-color-scheme='dark'] :is(.dq-profile-view,.dq-contacts-view,.dq-system-settings-modal){
  --dq-control-color-scheme:dark;
  --dq-color-surface:inherit;--dq-color-canvas:inherit;--dq-color-text:inherit;
  --dq-color-text-secondary:inherit;--dq-color-text-tertiary:inherit;
  --dq-color-border:inherit;--dq-color-divider:inherit;
  --dq-color-brand:inherit;--dq-color-brand-soft:inherit;
  --dq-color-accent:inherit;--dq-color-accent-soft:inherit;--dq-color-success:inherit;--dq-color-danger:inherit;
}
body[data-color-scheme='dark'] .dq-settings-standard .dq-system-form button{color:#fff}
body[data-color-scheme='dark'] .dq-fee-manager button{color:#fff}
body[data-color-scheme='dark'] .dq-fee-manager :is([data-cancel-customs-fee],[data-fee-page],[data-edit-customs-fee]){color:var(--dq-color-text)}
body[data-color-scheme='dark'] .dq-fee-manager :is(input,select){color-scheme:dark}
body[data-color-scheme='dark'] .dq-fee-manager select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23b0c0d0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body[data-color-scheme='dark'] .dq-settings-standard .dq-system-switch-row input[type='checkbox']:checked::before{background:#17283d}
html body[data-color-scheme='dark']:not(.auth-public) .dq-system-settings-modal>section>header.dq-adaptive-appbar{background:var(--dq-color-surface)!important;border-color:var(--dq-color-border)!important}
html body[data-color-scheme='dark']:not(.auth-public) .dq-system-settings-modal>section>header.dq-adaptive-appbar>:is(h2,.dq-back-icon){color:var(--dq-color-text)!important}

/* Settings and administration share the brand palette; the existing shell,
   safe areas, appbar and each editor's scroll ownership remain authoritative. */
.dq-system-settings-modal{--dq-settings-action-ink:#fff;color:var(--dq-color-text)}
.dq-system-settings-modal>section,.dq-system-settings-modal [data-system-settings-body]{background:var(--dq-color-canvas)!important}
.dq-system-settings-modal .dq-system-settings-summary{gap:var(--dq-content-space-8, 8px);margin:0 0 16px;padding:var(--dq-content-space-18, 18px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-system-settings-modal .dq-system-settings-summary b{font-size:var(--dq-font-20, 20px);font-weight:650;line-height:1.5;color:var(--dq-color-text)}
.dq-system-settings-modal .dq-system-settings-summary span{overflow:visible;white-space:normal;overflow-wrap:anywhere;font-size:var(--dq-font-13, 13px);line-height:1.7;color:var(--dq-color-text-secondary)}
.dq-system-settings-modal :is(input,select,textarea).dq-form-control:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='search']):not(.dq-search-field input){box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;padding:var(--dq-content-space-10, 10px) var(--dq-content-space-12, 12px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);color:var(--dq-color-text);-webkit-text-fill-color:currentColor;background-color:var(--dq-color-surface);color-scheme:var(--dq-control-color-scheme,light);font-family:var(--dq-font-family);font-size:var(--dq-font-16, 16px)!important;font-weight:400;line-height:1.5}
.dq-system-settings-modal :is(input,textarea)::placeholder{color:var(--dq-color-text-secondary);-webkit-text-fill-color:currentColor;opacity:1;font-weight:400}
.dq-system-settings-modal select :is(option,optgroup){color:var(--dq-color-text);background:var(--dq-color-surface)}
.dq-system-settings-modal :is(input[type='search'],.dq-search-field input){font-size:var(--dq-font-16, 16px)!important;color:var(--dq-color-text)!important;-webkit-text-fill-color:currentColor;color-scheme:var(--dq-control-color-scheme,light)}
.dq-system-settings-modal input[type='file']::file-selector-button{min-height:32px;margin-right:10px;padding:4px 10px;border:1px solid var(--dq-color-border);border-radius:6px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font:inherit}
.dq-system-settings-modal :is(.dq-system-form-message,output){font-size:var(--dq-font-13, 13px);line-height:1.6;overflow-wrap:anywhere}
.dq-system-settings-modal :is(.dq-system-form-message,output):empty{min-height:0;margin-block:0}
.dq-system-settings-modal :is(.dq-loading,.dq-error){padding:20px;font-size:var(--dq-font-14, 14px);line-height:1.7;overflow-wrap:anywhere}
.dq-settings-standard .dq-system-info-row{gap:var(--dq-content-space-12, 12px);align-items:start}
.dq-settings-standard .dq-system-info-row>span{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:right}
.dq-settings-standard .dq-system-form button{color:var(--dq-settings-action-ink)}
.dq-settings-standard .dq-font-size-preview{min-height:240px;padding:24px;border:1px solid var(--dq-color-border);border-bottom:0;border-radius:var(--dq-radius-surface) var(--dq-radius-surface) 0 0;background:var(--dq-color-canvas)}
.dq-settings-standard .dq-font-size-preview>div{padding:12px 16px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-surface);color:var(--dq-color-text)}
.dq-settings-standard .dq-font-size-preview>div.mine{background:var(--dq-color-brand-soft);color:var(--dq-color-text)}
.dq-settings-standard .dq-font-size-control{padding:20px;border:1px solid var(--dq-color-border);border-top:0;border-radius:0 0 var(--dq-radius-surface) var(--dq-radius-surface);background:var(--dq-color-surface);color:var(--dq-color-text)}
.dq-settings-standard .dq-font-size-control input{min-height:44px;accent-color:var(--dq-color-brand)}
.dq-settings-standard .dq-font-size-control output{color:var(--dq-color-text-secondary);font-weight:500}
.dq-settings-standard .dq-language-list{overflow:hidden;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-settings-standard .dq-language-list button{min-height:56px;padding:var(--dq-content-space-12, 12px) var(--dq-content-space-18, 18px);border-color:var(--dq-color-divider);background:var(--dq-color-surface);color:var(--dq-color-text);font-size:var(--dq-font-16, 16px);font-weight:400}
.dq-settings-standard .dq-language-list button.active{background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-weight:600}
.dq-settings-standard .dq-language-list .dq-bi-svg{color:var(--dq-color-accent)}
.dq-settings-standard .dq-ai-draft-box{border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-settings-standard .dq-ai-draft-box>header{flex-wrap:wrap}
.dq-settings-standard .dq-ai-draft-box>header h3{font-weight:600;color:var(--dq-color-text)}
.dq-settings-standard .dq-ai-draft-box>header span{border-radius:6px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-weight:500}
.dq-settings-standard :is(.dq-ai-draft-card,.dq-ai-draft-empty){border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-settings-standard .dq-ai-draft-card b{white-space:normal;overflow-wrap:anywhere;color:var(--dq-color-text);font-weight:600}
.dq-settings-standard :is(.dq-ai-draft-card small,.dq-ai-draft-card p,.dq-ai-draft-empty,.dq-ai-draft-box>header small){white-space:normal;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.7}
.dq-settings-standard .dq-ai-draft-card button{min-height:44px;padding:var(--dq-content-space-8, 8px) var(--dq-content-space-12, 12px);border-radius:var(--dq-radius-control);background:var(--dq-color-action);color:var(--dq-settings-action-ink);font-size:var(--dq-font-14, 14px);font-weight:550}
.dq-settings-standard .dq-ai-draft-card button+button{background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-settings-standard .dq-ai-draft-card [data-cancel-ai-draft]{color:var(--dq-color-danger);background:var(--dq-color-danger-soft)}

/* Employee, organization and pricing editors: content styling only. */
.dq-system-legacy-host{color:var(--dq-color-text)}
.dq-system-legacy-host :is(.admin-box,.price-tool-card){border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-system-legacy-host :is(h3,h4){font-weight:650;color:var(--dq-color-text)}
.dq-system-legacy-host h3{font-size:var(--dq-font-18, 18px);line-height:1.5}
.dq-system-legacy-host :is(.admin-box label,.org-admin-row label>span){font-size:var(--dq-font-13, 13px);font-weight:500;color:var(--dq-color-text-secondary)}
.dq-system-legacy-host :is(small,.role-help,.org-list-help,.org-form-intro p,.price-head p,.price-tool-card p){font-size:var(--dq-font-12, 12px)!important;line-height:1.7;color:var(--dq-color-text-secondary);overflow-wrap:anywhere;font-weight:400}
.dq-system-legacy-host .price-tool-card{background:var(--dq-color-canvas);box-shadow:none}
.dq-system-legacy-host :is(.employee-row,.org-admin-row,.price-row,.history-row){border-color:var(--dq-color-divider);font-size:var(--dq-font-14, 14px);color:var(--dq-color-text)}
.dq-system-legacy-host .employee-row{grid-template-columns:minmax(130px,1.3fr) minmax(120px,1fr) minmax(130px,1fr);gap:12px;align-items:start}
.dq-system-legacy-host .employee-account-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end}
.dq-system-legacy-host .employee-name-edit{display:inline-flex;margin:6px 0 0;align-items:center;justify-content:center}
.dq-system-legacy-host :is(.employee-name-form,.price-supplier-list){border-color:var(--dq-color-border);background:var(--dq-color-canvas);border-radius:var(--dq-radius-control)}
.dq-system-legacy-host :is(.price-supplier-title,.price-supplier-list b,.price-supplier-list strong,.history-row b){color:var(--dq-color-text);font-weight:600}
.dq-system-legacy-host .price-supplier-list span{background:var(--dq-color-surface);color:var(--dq-color-text-secondary)}
.dq-system-legacy-host .price-row .price-category-badge{background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-weight:500}
.dq-system-legacy-host button{min-height:44px;max-width:100%;padding:10px 14px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font:500 var(--dq-font-14, 14px)/1.5 var(--dq-font-family);cursor:pointer}
.dq-system-legacy-host :is(button[type='submit'],[data-org-save],[data-price-save]){background:var(--dq-color-action);color:var(--dq-settings-action-ink);border-color:transparent;font-weight:550}
.dq-system-legacy-host :is(.danger,.employee-delete,[data-status='disabled']){color:var(--dq-color-danger);background:var(--dq-color-danger-soft);border-color:transparent}
.dq-system-legacy-host :is(.price-head,.price-filter-tools,.price-action-grid,.price-tool-card,.org-admin-row,.org-admin-row>label){min-width:0}
.dq-system-legacy-host .price-filter-tools input{min-width:0}
.dq-system-legacy-host #price-search{background:var(--dq-color-surface)}
.dq-system-legacy-host .price-disabled{opacity:1;background:var(--dq-color-canvas)}
.dq-system-legacy-host .price-row>span{min-width:0;overflow-wrap:anywhere}
.dq-system-legacy-host .org-admin-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:start;padding:18px 0}
.dq-system-legacy-host .org-admin-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.dq-system-legacy-host .org-admin-actions button{flex:0 0 auto;min-width:72px;white-space:nowrap}

/* Permission and integration workspaces. */
.dq-settings-standard :is(.dq-event-editor-permission,.dq-module-permission-editor,.dq-module-rule-list,.dq-external-system-card,.dq-external-request-audit,.dq-ai-policy-card){box-sizing:border-box;min-width:0;margin:0 0 16px;padding:var(--dq-content-space-18, 18px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-settings-standard :is(.dq-external-system-list,.dq-ai-policy-list){gap:var(--dq-content-space-16, 16px);padding:0}
.dq-settings-standard :is(.dq-external-system-card,.dq-ai-policy-card){margin:0}
.dq-settings-standard :is(.dq-external-system-card,.dq-ai-policy-card,.dq-module-permission-editor,.dq-event-editor-permission) label{min-width:0;gap:var(--dq-content-space-7, 7px);font-size:var(--dq-font-13, 13px);font-weight:500;color:var(--dq-color-text-secondary)}
.dq-settings-standard :is(.dq-external-system-card,.dq-ai-policy-card) :is(label span,dt){color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);font-weight:500}
.dq-settings-standard :is(.dq-external-system-card,.dq-external-request-audit,.dq-ai-policy-card) header{flex-wrap:wrap}
.dq-settings-standard :is(.dq-external-system-card,.dq-external-request-audit,.dq-ai-policy-card) header>div{min-width:0}
.dq-settings-standard :is(.dq-external-system-card,.dq-external-request-audit,.dq-ai-policy-card) header span{border-radius:6px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-weight:500}
.dq-settings-standard :is(.dq-external-system-card,.dq-external-request-audit,.dq-ai-policy-card,.dq-event-editor-permission,.dq-module-rule-list) :is(h3,h4,b,dd,strong){color:var(--dq-color-text);font-weight:600;overflow-wrap:anywhere}
.dq-settings-standard :is(.dq-external-system-card,.dq-external-request-audit,.dq-ai-policy-card,.dq-event-editor-permission) :is(p,small){color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.75;white-space:normal;overflow-wrap:anywhere}
.dq-settings-standard :is(.dq-external-system-card,.dq-ai-policy-card)>p{font-size:var(--dq-font-14, 14px)}
.dq-settings-standard :is(.dq-external-system-card dl>div,.dq-external-health-grid section,.dq-external-capability-list,.dq-external-adapter-config,.dq-external-contract-list,.dq-external-contract-list section,.dq-external-request-audit article){min-width:0;border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-settings-standard :is(.dq-external-capability-list section,.dq-external-contract-list label,.dq-external-adapter-switches label){min-width:0;border-color:var(--dq-color-border);background:var(--dq-color-surface);border-radius:var(--dq-radius-control)}
.dq-settings-standard .dq-external-capability-list section{grid-template-columns:minmax(0,1fr)}
.dq-settings-standard .dq-external-capability-list :is(b,span){white-space:normal;overflow-wrap:anywhere;color:var(--dq-color-text);font-weight:500}
.dq-settings-standard :is(.dq-external-adapter-switches label,.dq-event-editor-switch,.dq-module-checkbox-section label){min-height:44px;box-sizing:border-box}
.dq-settings-standard :is(.dq-external-adapter-switches input[type='checkbox'],.dq-event-editor-switch input,.dq-module-checkbox-section input){width:18px;height:18px;flex:none;accent-color:var(--dq-color-brand)}
.dq-settings-standard :is(.dq-external-system-card,.dq-ai-policy-card,.dq-module-permission-editor,.dq-event-editor-permission,.dq-module-rule-list) button{min-height:44px;max-width:100%;padding:var(--dq-content-space-10, 10px) var(--dq-content-space-14, 14px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font:550 var(--dq-font-14, 14px)/1.5 var(--dq-font-family)}
.dq-settings-standard :is(.dq-external-system-card,.dq-ai-policy-card,.dq-module-permission-editor,.dq-event-editor-permission) button[type='submit'],.dq-settings-standard [data-save-external-mappings]{background:var(--dq-color-action);color:var(--dq-settings-action-ink);border-color:transparent}
.dq-settings-standard .dq-module-rule-list .danger{background:var(--dq-color-danger-soft);color:var(--dq-color-danger)}
.dq-settings-standard .dq-external-contract-actions button{background:var(--dq-color-brand-soft)!important;color:var(--dq-color-brand)!important}
.dq-settings-standard .dq-module-actions{display:flex;flex-wrap:wrap;gap:8px}
.dq-settings-standard .dq-module-checkbox-section{min-width:0;border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-settings-standard .dq-module-checkbox-section h4{border-color:var(--dq-color-divider);background:var(--dq-color-surface);color:var(--dq-color-text);font-weight:600}
.dq-settings-standard .dq-module-checkbox-section label{border-color:var(--dq-color-border);background:var(--dq-color-surface);color:var(--dq-color-text);border-radius:8px}
.dq-settings-standard .dq-module-checkbox-section label b{font-size:var(--dq-font-14, 14px);font-weight:500}
.dq-settings-standard .dq-module-checkbox-section :is(small,h4 span){font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary);overflow-wrap:anywhere}
.dq-settings-standard .dq-module-visible-summary{border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas);color:var(--dq-color-text)}
.dq-settings-standard .dq-module-visible-summary :is(strong,b){color:var(--dq-color-text);font-weight:550}
.dq-settings-standard .dq-module-visible-summary em{color:var(--dq-color-brand);background:var(--dq-color-brand-soft);font-size:var(--dq-font-12, 12px)}
.dq-settings-standard .dq-module-rule-list article{border-color:var(--dq-color-border);background:var(--dq-color-canvas);border-radius:var(--dq-radius-control);gap:var(--dq-content-space-12, 12px)}

/* Operations panels: readable labels, consistent controls and complete values. */
.dq-system-settings-modal-operations :is(.dq-operations-dashboard,.dq-operations-settings-layer){color:var(--dq-color-text)}
.dq-system-settings-modal-operations :is(.dq-operations-hero,.dq-operations-metrics>article,.dq-operations-panel,.dq-operations-alert-center,.dq-operations-backup-center){border-color:var(--dq-color-border)!important;border-radius:var(--dq-radius-surface);background:var(--dq-color-surface)!important;box-shadow:var(--dq-shadow-surface)}
.dq-system-settings-modal-operations :is(.dq-operations-dashboard,.dq-operations-settings-layer) :is(small,dt){font-size:var(--dq-font-12, 12px)!important;font-weight:400;line-height:1.65;white-space:normal;overflow-wrap:anywhere;color:var(--dq-color-text-secondary)!important}
.dq-system-settings-modal-operations .dq-operations-dashboard p{font-size:var(--dq-font-13, 13px);line-height:1.7;color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-operations .dq-operations-dashboard :is(h3,h4,b,dd,strong){color:var(--dq-color-text);font-weight:600}
.dq-system-settings-modal-operations .dq-operations-dashboard h3{font-size:var(--dq-font-20, 20px);line-height:1.5}
.dq-system-settings-modal-operations .dq-operations-dashboard h4{font-size:var(--dq-font-15, 15px);line-height:1.5}
.dq-system-settings-modal-operations .dq-operations-dashboard :is(button,select){min-height:44px!important;height:auto;max-width:100%;padding:9px 12px;border:1px solid var(--dq-color-border)!important;border-radius:var(--dq-radius-control);background:var(--dq-color-surface)!important;color:var(--dq-color-brand)!important;font:500 var(--dq-font-13, 13px)/1.5 var(--dq-font-family)}
.dq-system-settings-modal-operations .dq-operations-dashboard select{font-size:var(--dq-font-16, 16px)}
.dq-system-settings-modal-operations button:disabled{opacity:.5}
.dq-system-settings-modal-operations .dq-operations-hero>footer{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary);border-color:var(--dq-color-divider)}
.dq-system-settings-modal-operations .dq-operations-metrics>article{grid-template-rows:auto auto minmax(24px,auto);align-content:start}
.dq-system-settings-modal-operations .dq-operations-metrics>article>b{font-size:var(--dq-font-24, 24px);white-space:normal;overflow-wrap:anywhere;line-height:1.4;font-variant-numeric:tabular-nums}
.dq-system-settings-modal-operations .dq-operations-spark i{background:var(--dq-color-action);opacity:.7}
.dq-system-settings-modal-operations :is(.dq-operations-backup-center>header,.dq-operations-alert-center>header,.dq-operations-panel>header){border-color:var(--dq-color-divider);background:var(--dq-color-surface)}
.dq-system-settings-modal-operations :is(.dq-operations-monthly,.dq-operations-backup-facts>div,.dq-operations-assurance-grid>section,.dq-operations-backup-history>section,.dq-operations-daily article,.dq-operations-timeline article,.dq-operations-alert-list>article,.dq-operations-recovery-list>article){border-color:var(--dq-color-border);background:var(--dq-color-canvas)}
.dq-system-settings-modal-operations .dq-operations-monthly dl>div{background:var(--dq-color-surface)}
.dq-system-settings-modal-operations :is(.dq-operations-facts,.dq-operations-route-list,.dq-operations-alert-actions,.dq-operations-alert-badges){font-size:var(--dq-font-12, 12px);line-height:1.65}
.dq-system-settings-modal-operations .dq-operations-route-list :is(b,strong,span),.dq-system-settings-modal-operations .dq-operations-facts :is(span,b){font-size:var(--dq-font-12, 12px)!important;overflow-wrap:anywhere;white-space:normal}
.dq-system-settings-modal-operations .dq-operations-settings-layer>section{border-color:var(--dq-color-border);border-radius:var(--dq-radius-dialog);background:var(--dq-color-canvas)}
.dq-system-settings-modal-operations .dq-operations-settings-layer :is(header,form>footer){background:var(--dq-color-surface);border-color:var(--dq-color-border)}
.dq-system-settings-modal-operations .dq-operations-settings-layer :is(h3,h4){color:var(--dq-color-text);font-weight:600}
.dq-system-settings-modal-operations .dq-operations-settings-layer h4{font-size:var(--dq-font-15, 15px)}
.dq-system-settings-modal-operations .dq-operations-settings-layer form>p{font-size:var(--dq-font-13, 13px);line-height:1.7;color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-operations .dq-operations-settings-layer :is(label,span,.dq-operations-duty-list b){font-size:var(--dq-font-13, 13px);line-height:1.6;font-weight:500;color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-operations .dq-operations-settings-layer label{min-width:0}
.dq-system-settings-modal-operations .dq-operations-settings-layer :is(.dq-operations-settings-people label,.dq-operations-weekly-settings>label,.dq-backup-enabled){min-height:44px;box-sizing:border-box;background:var(--dq-color-surface);border-color:var(--dq-color-border)}
.dq-system-settings-modal-operations .dq-operations-settings-layer button{min-height:44px;min-width:44px;border-radius:var(--dq-radius-control);font-size:var(--dq-font-14, 14px);font-weight:550;color:var(--dq-color-brand);background:var(--dq-color-surface);border-color:var(--dq-color-border)}
.dq-system-settings-modal-operations .dq-operations-settings-layer [type='submit']{background:var(--dq-color-action);color:var(--dq-settings-action-ink);border-color:transparent}
.dq-system-settings-modal-operations .dq-operations-settings-layer input[type='checkbox']{accent-color:var(--dq-color-brand)}

/* OA administration keeps its responsive table/editor layout. */
.dq-system-settings-modal-admin{--dq-oa-control-height:44px}
.dq-system-settings-modal-admin :is(.dq-aflow-side,.dq-aflow-hero,.dq-aflow-main-card,.dq-aflow-editor,.dq-aflow-config-panel,.dq-aflow-form-group){border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface);color:var(--dq-color-text)}
.dq-system-settings-modal-admin :is(.dq-aflow-side button,.dq-aflow-hero-actions button,.dq-aflow-toolbar>button,.dq-aflow-editor footer button,.dq-aflow-config-panel article button,.dq-aflow-group-actions button,.dq-aflow-table-row menu button,.dq-aflow-more-menu button){min-height:44px;border-radius:var(--dq-radius-control);font-size:var(--dq-font-14, 14px);font-weight:500}
.dq-system-settings-modal-admin :is(.dq-aflow-hero-actions button,.dq-aflow-toolbar>button,.dq-aflow-editor footer button){background:var(--dq-color-action);color:var(--dq-settings-action-ink)}
.dq-system-settings-modal-admin :is(.dq-aflow-side button.active,.dq-aflow-group-actions button,.dq-aflow-table-row menu button){background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-system-settings-modal-admin :is(.dq-aflow-hero h3,.dq-aflow-editor h3,.dq-aflow-config-panel h3){color:var(--dq-color-text);font-weight:650}
.dq-system-settings-modal-admin :is(.dq-aflow-hero,.dq-aflow-main-card,.dq-aflow-editor,.dq-aflow-config-panel) :is(p,small){color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.7}
.dq-system-settings-modal-admin :is(.dq-aflow-table-head,.dq-aflow-form-group>header){border-color:var(--dq-color-divider);background:var(--dq-color-canvas);color:var(--dq-color-text)}
.dq-system-settings-modal-admin .dq-aflow-table-row{border-color:var(--dq-color-divider);background:var(--dq-color-surface)}
.dq-system-settings-modal-admin .dq-aflow-table-row b{font-size:var(--dq-font-14, 14px);font-weight:600;color:var(--dq-color-text)}
.dq-system-settings-modal-admin .dq-aflow-table-row i{color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-system-settings-modal-admin :is(.dq-aflow-toolbar label,.dq-aflow-side i){border-color:var(--dq-color-border);background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin .dq-aflow-hero-actions{min-width:0}
.dq-system-settings-modal-admin :is(.dq-aflow-side button,.dq-aflow-metrics,.dq-aflow-more-menu){border-color:var(--dq-color-border);background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin .dq-aflow-metrics b{color:var(--dq-color-brand)}
.dq-system-settings-modal-admin :is(.dq-aflow-table-name,.dq-aflow-config-panel) :is(b,h4){color:var(--dq-color-text)}
.dq-system-settings-modal-admin .dq-aflow-more-menu button{color:var(--dq-color-text);background:var(--dq-color-surface)}
.dq-system-settings-modal-admin .dq-aflow-more-menu .danger{color:var(--dq-color-danger)}
.dq-system-settings-modal-admin :is(.dq-aflow-create-overlay,.dq-aflow-create-modal,.dq-aflow-designer,.dq-aflow-action-panel form,.dq-aflow-editor form){background:var(--dq-color-canvas);color:var(--dq-color-text)}
.dq-system-settings-modal-admin :is(.dq-aflow-create-browser,.dq-aflow-template-grid article,.dq-aflow-basic-card,.dq-aflow-basic-preview,.dq-aflow-editor,.dq-aflow-action-panel,.dq-aflow-action-panel label,.dq-aflow-action-switch,.dq-aflow-action-flow-editor section,.dq-aflow-people-dialog,.dq-aflow-choice-sheet){border-color:var(--dq-color-border);background:var(--dq-color-surface);color:var(--dq-color-text)}
.dq-system-settings-modal-admin :is(.dq-aflow-create-modal>header,.dq-aflow-designer-head,.dq-aflow-designer footer,.dq-aflow-editor>header,.dq-aflow-editor footer,.dq-aflow-action-panel>header,.dq-aflow-action-panel footer){border-color:var(--dq-color-divider);background:var(--dq-color-surface);color:var(--dq-color-text)}
.dq-system-settings-modal-admin :is(.dq-aflow-create-types button,.dq-aflow-blank-template,.dq-aflow-create-browser nav,.dq-aflow-template-grid article>p em,.dq-aflow-action-note){border-color:var(--dq-color-border);background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin :is(.dq-aflow-create-types button.active,.dq-aflow-create-browser nav button.active,.dq-aflow-create-types i,.dq-aflow-blank-template i,.dq-aflow-template-grid article>i,.dq-aflow-action-chips span){border-color:var(--dq-color-brand);background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-weight:550}
.dq-system-settings-modal-admin :is(.dq-aflow-create-modal,.dq-aflow-designer,.dq-aflow-editor,.dq-aflow-action-panel,.dq-aflow-people-dialog,.dq-aflow-choice-sheet) :is(h3,h4,b){color:var(--dq-color-text);font-weight:600}
.dq-system-settings-modal-admin :is(.dq-aflow-create-modal,.dq-aflow-designer,.dq-aflow-editor,.dq-aflow-action-panel,.dq-aflow-people-dialog,.dq-aflow-choice-sheet) :is(p,small){color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.7}
.dq-system-settings-modal-admin :is(.dq-aflow-create-types b,.dq-aflow-blank-template b,.dq-aflow-template-grid article>b,.dq-aflow-template-grid article>span,.dq-aflow-template-grid article>small){white-space:normal;overflow-wrap:anywhere}
.dq-system-settings-modal-admin .dq-aflow-template-grid article>span{color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin :is(.dq-aflow-create-modal,.dq-aflow-designer,.dq-aflow-editor,.dq-aflow-action-panel,.dq-aflow-people-dialog,.dq-aflow-choice-sheet) button:not(.dq-back-icon){min-height:44px;font-size:var(--dq-font-14, 14px);font-weight:500;border-radius:var(--dq-radius-control)}
.dq-system-settings-modal-admin :is(.dq-aflow-create-browser nav button,.dq-aflow-design-steps button,.dq-aflow-designer-head menu button,.dq-aflow-designer footer button,.dq-aflow-action-panel footer button){border-color:var(--dq-color-border);color:var(--dq-color-text);background:var(--dq-color-surface)}
.dq-system-settings-modal-admin :is(.dq-aflow-template-grid article>button,.dq-aflow-designer-head menu button:nth-child(2),.dq-aflow-designer footer button:nth-of-type(2),.dq-aflow-action-panel footer button:last-child){background:var(--dq-color-action);border-color:transparent;color:var(--dq-settings-action-ink);font-weight:550}
.dq-system-settings-modal-admin .dq-aflow-create-browser main label{border-color:var(--dq-color-border);background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin .dq-aflow-create-browser main input{background:transparent;color:var(--dq-color-text)}
.dq-system-settings-modal-admin :is(.dq-aflow-basic-card label>span,.dq-aflow-select-field>span,.dq-aflow-people-field>span,.dq-aflow-admin-field>span,.dq-aflow-action-panel label>span){color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);font-weight:500}
.dq-system-settings-modal-admin .dq-aflow-action-note.danger{color:var(--dq-color-danger);background:var(--dq-color-danger-soft)}
.dq-system-settings-modal-admin .dq-aflow-toolbar input{background:transparent!important}
.dq-system-settings-modal-admin .dq-aflow-toolbar label{background:var(--dq-color-canvas)!important;border-color:var(--dq-color-border)!important;color:var(--dq-color-text-secondary)!important}
.dq-system-settings-modal-admin :is(.dq-aflow-designer-head menu button,.dq-aflow-people-dialog header button,.dq-aflow-choice-sheet header button){min-height:44px!important}
.dq-system-settings-modal-admin :is(.dq-aflow-designer,.dq-aflow-editor) .dq-back-icon{color:var(--dq-color-text)!important}
.dq-system-settings-modal-admin :is(.dq-aflow-editor-grid article,.dq-aflow-config-panel article,.dq-aflow-field-list p,.dq-aflow-process-left,.dq-aflow-start-node,.dq-aflow-end-node,.dq-aflow-added-node,.dq-aflow-branch-node,.dq-aflow-node-config,.dq-aflow-select-menu,.dq-aflow-node-palette){border-color:var(--dq-color-border);background:var(--dq-color-surface);color:var(--dq-color-text)}
.dq-system-settings-modal-admin .dq-aflow-editor-grid article{align-content:start}
.dq-system-settings-modal-admin .dq-aflow-editor-grid button{padding:var(--dq-content-space-10, 10px) var(--dq-content-space-14, 14px);border:1px solid var(--dq-color-border);line-height:1.5}
.dq-system-settings-modal-admin :is(.dq-aflow-process-left,.dq-aflow-start-node,.dq-aflow-end-node,.dq-aflow-node-config,.dq-aflow-selected) :is(span,p,small){color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin :is(.dq-aflow-basic-card label,.dq-aflow-select-field,.dq-aflow-people-field,.dq-aflow-admin-field,.dq-aflow-people-dialog header,.dq-aflow-people-body aside,.dq-aflow-people-body label){border-color:var(--dq-color-border)}
.dq-system-settings-modal-admin :is(.dq-aflow-people-dialog header button,.dq-aflow-org-root,.dq-aflow-people-body nav,.dq-aflow-selected span,.dq-aflow-flowline span,.dq-aflow-editor-grid button){background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-system-settings-modal-admin :is(.dq-aflow-check-all,.dq-aflow-org-list label){color:var(--dq-color-text)}
.dq-system-settings-modal-admin .dq-aflow-org-list label{grid-template-columns:20px 24px minmax(0,1fr);gap:var(--dq-content-space-8, 8px);min-height:52px;padding:var(--dq-content-space-10, 10px)}
.dq-system-settings-modal-admin .dq-aflow-org-list label>span{min-width:0;white-space:normal;overflow-wrap:anywhere}
.dq-system-settings-modal-admin .dq-aflow-org-list label>em{grid-column:3;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);font-weight:400;overflow-wrap:anywhere}
.dq-system-settings-modal-admin :is(.dq-aflow-selected,.dq-aflow-basic-preview span){background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin :is(.dq-aflow-select-field>button,.dq-aflow-people-field>button,.dq-aflow-admin-field>button){background:var(--dq-color-surface);color:var(--dq-color-text)}
.dq-system-settings-modal-admin .dq-aflow-design-steps button i{background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin :is(.dq-aflow-design-steps button.active i,.dq-aflow-node-plus){background:var(--dq-color-action);color:var(--dq-settings-action-ink)}
.dq-system-settings-modal-admin .dq-aflow-selected button{min-width:44px;color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin .dq-aflow-selected span{grid-template-columns:22px minmax(0,1fr) 44px}
@media(max-width:899px){
  .dq-system-legacy-host .employee-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dq-system-legacy-host .employee-row>span:first-child{grid-column:1/-1}
  .dq-system-legacy-host .admin-invite-card>button[type='submit']{width:100%}
  .dq-system-settings-modal-admin .dq-aflow-side{border-color:var(--dq-color-divider);background:var(--dq-color-surface);box-shadow:none}
}
@media(max-width:600px){
  .dq-settings-standard :is(.dq-event-editor-permission,.dq-module-permission-editor,.dq-module-rule-list,.dq-external-system-card,.dq-external-request-audit,.dq-ai-policy-card){padding:var(--dq-content-space-16, 16px)}
  .dq-system-legacy-host .org-admin-row{grid-template-columns:minmax(0,1fr)}
  .dq-system-legacy-host .org-admin-actions button{flex:1}
  .dq-settings-standard .dq-module-checkbox-section>div{grid-template-columns:minmax(0,1fr)}
  .dq-settings-standard .dq-external-contract-list label{grid-template-columns:minmax(0,1fr)}
  .dq-system-settings-modal-operations .dq-operations-settings-fields{grid-template-columns:minmax(0,1fr)}
  .dq-system-settings-modal-operations .dq-operations-duty-list>div{grid-template-columns:48px minmax(0,1fr);gap:var(--dq-content-space-8, 8px)}
  .dq-system-settings-modal-operations .dq-operations-duty-list>div select:last-child{grid-column:2}
  .dq-system-settings-modal-operations .dq-operations-settings-layer>section{border-radius:0}
  .dq-system-settings-modal-operations .dq-operations-metrics>article>b{font-size:var(--dq-font-21, 21px)}
}
body[data-color-scheme='dark'] .dq-system-settings-modal{--dq-settings-action-ink:#fff;--dq-color-danger-soft:inherit;--dq-color-success-soft:inherit;--dq-color-warning-soft:inherit}
body[data-color-scheme='dark'] .dq-system-settings-modal :is(.dq-external-health-grid section,.dq-external-capability-list,.dq-external-contract-list,.dq-operations-backup-center,.dq-operations-settings-layer>section){background:var(--dq-color-canvas);border-color:var(--dq-color-border)}
@media(min-width:600px) and (max-width:899px) and (max-height:500px){
  .dq-system-settings-modal-admin .dq-aflow-designer-head{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:0 8px}
  .dq-system-settings-modal-admin .dq-aflow-designer-head menu{grid-column:3;display:flex;flex-wrap:nowrap}
  .dq-system-settings-modal-admin .dq-aflow-designer footer{display:flex;flex-wrap:wrap;align-items:center}
  .dq-system-settings-modal-admin .dq-aflow-designer footer span{flex:1;min-width:120px}
  .dq-system-settings-modal-admin .dq-aflow-basic-layout{padding:12px}
}

/* OA workspace: all new rules are scoped; existing appbar/safe-area geometry stays authoritative. */
.dq-approval-home{box-sizing:border-box;padding:0 12px 16px}
.dq-approval-home .dq-approval-category-list{display:block;column-width:440px;column-gap:var(--dq-content-space-16, 16px)}
.dq-approval-home .dq-approval-category-list>section{break-inside:avoid;margin:0 0 16px}
.dq-approval-home .dq-approval-category-list.dq-approval-filtered{column-count:1;column-width:auto}
.dq-approval-home .dq-approval-category-list h3{display:flex;align-items:center;justify-content:space-between;gap:var(--dq-content-space-12, 12px)}
.dq-approval-home .dq-approval-category-list h3 small{font-size:var(--dq-font-12, 12px);font-weight:400;color:var(--dq-color-text-tertiary)}
.dq-approval-home .dq-approval-category-list section>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.dq-approval-home .dq-approval-category-tabs small{padding:2px 5px;border-radius:5px;font-size:var(--dq-font-11, 11px);background:var(--dq-color-canvas);color:inherit}
.dq-approval-home .dq-approval-recent{display:block;margin:0;padding:18px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface)}
.dq-approval-home .dq-approval-recent h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 12px;font-size:var(--dq-font-15, 15px);color:var(--dq-color-text)}
.dq-approval-home .dq-approval-recent h3 small{font-weight:400;font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-approval-home .dq-approval-recent>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px}
.dq-approval-home .dq-approval-recent button{display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;margin:0;padding:10px 12px;border:1px solid var(--dq-color-divider);border-radius:10px;background:var(--dq-color-canvas);color:var(--dq-color-text);box-shadow:none;text-align:left}
.dq-approval-home .dq-approval-recent button i{display:grid;place-items:center;width:28px;flex:0 0 28px;color:var(--dq-color-brand)}
.dq-approval-home .dq-approval-recent button span{white-space:normal;line-height:1.5;font-size:var(--dq-font-13, 13px);font-weight:550}
.dq-approval-home .dq-approval-recent button b{margin-left:auto;color:var(--dq-color-text-tertiary)}
.dq-approval-home .dq-approval-search-empty{display:grid;justify-items:center;padding:32px 20px;text-align:center;border:1px dashed var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);color:var(--dq-color-text-secondary)}
.dq-approval-search-empty>i{font-size:var(--dq-font-24, 24px);color:var(--dq-color-brand)}
.dq-approval-search-empty>b{margin-top:12px;color:var(--dq-color-text)}
.dq-approval-home .dq-approval-search-empty button{width:auto;min-height:44px;padding:10px 16px;border:1px solid var(--dq-color-border);border-radius:8px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft);box-shadow:none}
.dq-approval-ding-form .dq-approval-guide{box-sizing:border-box;min-width:0;margin:12px 10px;padding:var(--dq-content-space-18, 18px) var(--dq-content-space-20, 20px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:linear-gradient(115deg,var(--dq-color-surface),var(--dq-color-brand-soft));color:var(--dq-color-text)}
.dq-approval-guide>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dq-approval-guide>div>span{display:grid;gap:4px}
.dq-approval-guide small{font-size:var(--dq-font-11, 11px);letter-spacing:.06em;color:var(--dq-color-text-secondary)}
.dq-approval-guide b{font-size:var(--dq-font-14, 14px);font-weight:600}
.dq-approval-guide progress{appearance:none;-webkit-appearance:none;width:96px;max-width:30%;height:5px;border:0;border-radius:10px;overflow:hidden;background:var(--dq-color-border);accent-color:var(--dq-color-accent)}
.dq-approval-guide progress::-webkit-progress-bar{background:var(--dq-color-border)}
.dq-approval-guide progress::-webkit-progress-value{background:var(--dq-color-accent)}
.dq-approval-guide progress::-moz-progress-bar{background:var(--dq-color-accent)}
.dq-approval-guide nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.dq-approval-guide nav button{display:flex;align-items:center;gap:6px;min-width:0;min-height:44px;width:auto;padding:7px 10px;border:1px solid var(--dq-color-border);border-radius:8px;color:var(--dq-color-text);background:var(--dq-color-surface);font-size:var(--dq-font-12, 12px);line-height:1.5;text-align:left;box-shadow:none}
.dq-approval-guide nav i{color:var(--dq-color-brand);font-size:var(--dq-font-10, 10px);font-style:normal;font-weight:600}
.dq-approval-ding-form .dq-approval-section-head h3{padding:0;border:0}
.dq-approval-ding-form .dq-approval-section-head h3>button{display:flex;align-items:center;gap:var(--dq-content-space-12, 12px);width:100%;min-width:0;min-height:44px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--dq-color-text);text-align:left;box-shadow:none}
.dq-approval-section-head h3>button>span{min-width:0;margin-right:auto;padding-left:var(--dq-content-space-10, 10px);border-left:3px solid var(--dq-color-brand);font-size:var(--dq-font-16, 16px);line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.dq-approval-section-head h3>button>small{flex:0 0 auto;color:var(--dq-color-text-secondary);font-size:var(--dq-font-11, 11px);font-weight:400}
.dq-approval-section-head h3>button>i{display:grid;place-items:center;width:20px;height:20px;color:var(--dq-color-text-tertiary);transition:transform 160ms ease}
.dq-approval-section-head button[aria-expanded='false']>i{transform:rotate(-90deg)}
.dq-approval-ding-form .dq-approval-section-collapsed>.dq-approval-section-head{border-bottom:0}
.dq-approval-ding-form [data-approval-field-error]{position:static;display:block;margin:8px 0 0!important;color:var(--dq-color-danger)!important;font-size:var(--dq-font-12, 12px)!important;line-height:1.5!important;text-align:left!important}
html body .dq-approval-ding-form .dq-approval-field-row.dq-approval-field-invalid{box-shadow:inset 3px 0 0 var(--dq-color-danger);padding-left:var(--dq-content-space-12, 12px)!important}
.dq-approval-ding-form [data-approval-validation]{margin-top:14px;padding-top:var(--dq-content-space-14, 14px);border-top:1px solid var(--dq-color-border);color:var(--dq-color-danger)}
.dq-approval-ding-form [data-approval-validation]>div{display:flex;flex-wrap:wrap;gap:var(--dq-content-space-8, 8px);margin-top:8px}
.dq-approval-ding-form [data-approval-validation] button{width:auto;min-height:44px;padding:var(--dq-content-space-8, 8px) var(--dq-content-space-10, 10px);border:1px solid var(--dq-color-border);border-radius:8px;background:var(--dq-color-surface);color:var(--dq-color-danger);font-size:var(--dq-font-12, 12px);text-align:left;box-shadow:none}
.dq-approval-home :is([data-approval-recent],[data-approval-search-empty])[hidden],
.dq-approval-ding-form :is([data-approval-section-fields],[data-approval-field-error],[data-approval-validation])[hidden]{display:none!important}
@media(max-width:599px){
  .dq-approval-home{padding:0 0 12px}
  .dq-approval-home .dq-approval-category-list{column-count:1;column-width:auto}
  .dq-approval-home .dq-approval-category-list section>div{grid-template-columns:minmax(0,1fr)}
  .dq-approval-home .dq-approval-recent{padding:14px}
  .dq-approval-home .dq-approval-recent>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dq-approval-home .dq-approval-recent button{gap:6px;padding:9px 8px}
  .dq-approval-ding-form .dq-approval-guide{margin:12px 8px;padding:var(--dq-content-space-14, 14px)}
}

/* Business feedback uses the browser's top layer, independent of page/modal headers. */
.dq-feedback-dialog{outline:0;position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:rgba(18,33,49,.36);color:var(--dq-color-text);overflow:hidden;overscroll-behavior:contain;touch-action:none}
.dq-feedback-dialog[open]{display:grid;place-items:center}
.dq-feedback-dialog::backdrop{background:transparent}
.dq-feedback-dialog>section{box-sizing:border-box;width:min(100%,430px);max-height:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:28px;border:1px solid var(--dq-color-border);border-radius:20px;background:var(--dq-color-surface);box-shadow:0 24px 80px rgba(16,37,58,.2)}
.dq-feedback-eyebrow{font-size:var(--dq-font-11, 11px);font-weight:600;letter-spacing:.08em;color:var(--dq-color-accent)}
.dq-feedback-dialog h2{margin:12px 0;font-size:var(--dq-font-21, 21px);line-height:1.4;color:var(--dq-color-text)}
.dq-feedback-dialog p{margin:0;font-size:var(--dq-font-14, 14px);line-height:1.8;overflow-wrap:anywhere;color:var(--dq-color-text-secondary)}
.dq-feedback-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.dq-feedback-actions button{min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--dq-color-border);border-radius:10px;background:var(--dq-color-canvas);color:var(--dq-color-text);font-size:var(--dq-font-14, 14px);font-weight:600;box-shadow:none}
.dq-feedback-actions [data-feedback-confirm]{border-color:transparent;background:var(--dq-color-action);color:#fff}
.dq-feedback-actions [data-danger]{background:#b73843}
[data-dq-notices]{position:fixed;z-index:2147483000;right:max(16px,env(safe-area-inset-right));bottom:calc(104px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;pointer-events:none}
.dq-feedback-notice{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:max-content;max-width:min(100%,520px);padding:8px 8px 8px 16px;border:1px solid var(--dq-color-border);border-radius:12px;background:var(--dq-color-surface);color:var(--dq-color-text);box-shadow:0 8px 30px rgba(20,43,62,.14);pointer-events:auto}
.dq-feedback-notice>i{font-style:normal;color:var(--dq-color-accent);font-weight:700}
.dq-feedback-notice[data-kind='error']>i{color:var(--dq-color-danger)}
.dq-feedback-notice>span{min-width:0;font-size:var(--dq-font-14, 14px);line-height:1.6;overflow-wrap:anywhere}
.dq-feedback-notice>button{flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--dq-color-text-secondary);font-size:var(--dq-font-22, 22px);box-shadow:none}
:is(.dq-feedback-dialog,.dq-approval-guide,.dq-approval-section-head,.dq-approval-recent) button:focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){
  body:not([data-motion='reduced']) .dq-feedback-dialog[open]>section,body:not([data-motion='reduced']) .dq-feedback-notice{animation:dq-record-reveal 160ms var(--dq-ease-standard)}
}
@media(prefers-reduced-motion:reduce){.dq-approval-section-head h3>button>i{transition:none}}
body[data-motion='reduced'] .dq-approval-section-head h3>button>i{transition:none}
body[data-color-scheme='dark'] :is(.dq-feedback-dialog,.dq-feedback-notice,.dq-approval-guide){--dq-color-surface:inherit;--dq-color-canvas:inherit;--dq-color-text:inherit;--dq-color-text-secondary:inherit;--dq-color-border:inherit;--dq-color-brand-soft:inherit;--dq-color-accent:inherit;--dq-color-danger:inherit}

/* Communication settings share one frame. Keep these rules scoped so chat
   search, conversation content and other adaptive pages retain their layout. */
html:has(.dq-communication-modal),body:has(>.dq-communication-modal){overflow:hidden;overscroll-behavior:none}
body .dq-communication-modal.dq-adaptive-modal{place-items:center!important;padding:20px;background:rgba(18,37,55,.32)!important;backdrop-filter:blur(5px)!important;overflow:hidden}
body .dq-communication-modal.dq-adaptive-modal>.dq-adaptive-surface{box-sizing:border-box;display:flex;flex-direction:column;width:min(640px,100%)!important;height:min(820px,calc(var(--dq-viewport-height) - 40px))!important;min-height:0!important;max-height:100%!important;margin:0;padding:0!important;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-dialog)!important;overflow:hidden!important;background:var(--dq-color-canvas)!important;box-shadow:0 18px 70px rgba(17,40,59,.18)!important}
body .dq-communication-modal>.dq-adaptive-surface>header.dq-adaptive-appbar{flex:none;height:var(--dq-appbar-height)!important;min-height:var(--dq-appbar-height)!important;padding:0 12px!important;border-bottom:1px solid var(--dq-color-divider)!important;background:var(--dq-color-surface)!important;color:var(--dq-color-text)}
body .dq-communication-modal>.dq-adaptive-surface>header.dq-adaptive-appbar h2{color:var(--dq-color-text)!important;font-size:var(--dq-font-17, 17px)!important;font-weight:650!important}
body .dq-communication-modal>.dq-adaptive-surface>header.dq-adaptive-appbar button{width:44px!important;height:44px!important;min-height:44px!important;color:var(--dq-color-text);border-radius:var(--dq-radius-control);box-shadow:none}
body .dq-communication-modal .dq-communication-body{box-sizing:border-box;flex:1;display:block;min-width:0;min-height:0;height:auto!important;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--dq-content-space-20, 20px)!important;background:var(--dq-color-canvas)!important;color:var(--dq-color-text);scroll-padding-block:16px}
.dq-communication-modal :is(button,input){-webkit-tap-highlight-color:transparent}
.dq-communication-modal button{cursor:pointer}
.dq-communication-modal button:disabled{cursor:not-allowed}
.dq-communication-modal button:focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:-3px}
.dq-communication-modal .dq-communication-intro{margin:0 0 20px}
.dq-communication-modal .dq-communication-intro h3{margin:0 0 6px;font-size:var(--dq-font-18, 18px);line-height:1.5;font-weight:650;color:var(--dq-color-text)}
.dq-communication-modal .dq-communication-intro p,.dq-communication-modal .dq-communication-note{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.8;overflow-wrap:anywhere}
.dq-communication-modal .dq-communication-heading{margin:22px 4px 10px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);font-weight:600;line-height:1.5}
.dq-communication-card{overflow:hidden;margin:14px 0;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-chat-settings-modal .dq-chat-detail-roster{display:flex;align-items:center!important;justify-content:space-between;gap:12px!important;margin:0;padding:18px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:linear-gradient(135deg,var(--dq-color-surface),var(--dq-color-accent-soft));box-shadow:var(--dq-shadow-surface)}
.dq-chat-settings-modal .dq-chat-person-tile{display:flex;align-items:center;flex:1;gap:var(--dq-content-space-14, 14px);min-width:0;width:auto}
.dq-chat-settings-modal .dq-chat-person-tile>i{flex:none;width:52px!important;height:52px!important;border-radius:12px!important;background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-chat-settings-modal .dq-chat-person-tile>div{display:grid;gap:var(--dq-content-space-6, 6px);min-width:0}
.dq-chat-settings-modal .dq-chat-person-tile b{width:auto;font-size:var(--dq-font-17, 17px);font-weight:650;line-height:1.5;text-align:left;white-space:normal;overflow-wrap:anywhere;color:var(--dq-color-text)}
.dq-chat-settings-modal .dq-chat-person-tile span{color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.5;overflow-wrap:anywhere}
.dq-chat-settings-modal .dq-chat-add-person{display:grid;flex:none;justify-items:center;align-content:center;gap:6px;width:64px;min-height:64px;padding:0;border:0;background:transparent;color:var(--dq-color-brand);font:inherit}
.dq-chat-settings-modal .dq-chat-add-person i{display:grid;place-items:center;width:44px!important;height:44px!important;border:1px solid var(--dq-color-border)!important;border-radius:12px!important;background:var(--dq-color-surface)!important;color:var(--dq-color-brand)!important}
.dq-chat-settings-modal .dq-chat-add-person svg{width:21px;height:21px}
.dq-chat-settings-modal .dq-chat-add-person span{font-size:var(--dq-font-11, 11px)}
.dq-chat-settings-modal .dq-chat-detail-row{display:grid;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:var(--dq-content-space-12, 12px);box-sizing:border-box;width:100%;min-height:66px;padding:var(--dq-content-space-12, 12px) var(--dq-content-space-16, 16px);border:0;border-bottom:1px solid var(--dq-color-divider);border-radius:0;background:var(--dq-color-surface);color:var(--dq-color-text);text-align:left;font:inherit;font-size:var(--dq-font-14, 14px);box-shadow:none}
.dq-chat-settings-modal .dq-chat-detail-row:last-child{border-bottom:0}
.dq-chat-settings-modal .dq-chat-detail-row>i:last-child{font-size:var(--dq-font-24, 24px);font-style:normal;color:var(--dq-color-text-tertiary)}
.dq-chat-settings-modal .dq-communication-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-chat-settings-modal [data-chat-background] .dq-communication-icon{background:var(--dq-color-accent-soft);color:var(--dq-color-accent)}
.dq-chat-settings-modal .dq-communication-icon svg{width:19px;height:19px}
.dq-chat-settings-modal .dq-chat-setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--dq-content-space-16, 16px);min-height:60px;padding:var(--dq-content-space-12, 12px) var(--dq-content-space-18, 18px);box-sizing:border-box;border:0;border-bottom:1px solid var(--dq-color-divider);background:var(--dq-color-surface);color:var(--dq-color-text);font-size:var(--dq-font-14, 14px);cursor:pointer}
.dq-chat-settings-modal .dq-chat-setting-row:last-child{border-bottom:0}
.dq-chat-settings-modal .dq-chat-setting-row input{appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;flex-shrink:0;width:44px;height:26px;min-height:0;margin:0;border:1px solid var(--dq-theme-border, #9ba9ba);border-radius:20px;background:var(--dq-theme-surface-muted, #aebaca);cursor:pointer;transition:background-color var(--dq-motion-fast) var(--dq-ease-standard)}
.dq-chat-settings-modal .dq-chat-setting-row input::before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--dq-theme-surface, #fff);box-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform var(--dq-motion-fast) var(--dq-ease-standard)}
.dq-chat-settings-modal .dq-chat-setting-row input:checked{background:var(--dq-color-action);border-color:var(--dq-color-brand)}
.dq-chat-settings-modal .dq-chat-setting-row input:checked::before{transform:translateX(18px)}
.dq-chat-settings-modal .dq-chat-setting-row input:focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:3px}
.dq-chat-settings-modal .dq-chat-clear{width:100%;min-height:52px;margin:10px 0;padding:12px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);color:var(--dq-color-danger);font:inherit;font-size:var(--dq-font-14, 14px);font-weight:600;box-shadow:var(--dq-shadow-surface)}
.dq-chat-settings-modal .dq-communication-note{text-align:center}

.dq-communication-modal .dq-dingtalk-group-page{display:grid;gap:var(--dq-content-space-14, 14px)!important;background:transparent}
.dq-communication-modal .dq-dingtalk-group-hero{grid-template-columns:48px minmax(0,1fr) 44px 44px!important;gap:var(--dq-content-space-10, 10px)!important;padding:0 0 var(--dq-content-space-6, 6px)!important}
.dq-communication-modal .dq-dingtalk-group-avatar{display:block!important;width:48px!important;height:48px!important}
.dq-communication-modal .dq-dingtalk-group-title b{font-size:var(--dq-font-17, 17px)!important;color:var(--dq-color-text)!important;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.dq-communication-modal .dq-dingtalk-group-title span{color:var(--dq-color-text-secondary)!important;white-space:normal;line-height:1.6;overflow-wrap:anywhere}
.dq-communication-modal .dq-dingtalk-group-title small{color:var(--dq-color-accent)!important;background:var(--dq-color-accent-soft)!important;white-space:nowrap}
.dq-communication-modal .dq-dingtalk-hero-icon{width:44px!important;height:44px!important;color:var(--dq-color-brand)!important;background:var(--dq-color-brand-soft)!important}
.dq-communication-modal .dq-dingtalk-card{box-sizing:border-box;min-width:0;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface)!important;background:var(--dq-color-surface)!important;box-shadow:var(--dq-shadow-surface)}
.dq-communication-modal .dq-dingtalk-members{padding:12px 14px!important}
.dq-communication-modal .dq-dingtalk-card-head{min-height:44px;margin-bottom:10px}
.dq-communication-modal .dq-dingtalk-card-head b{color:var(--dq-color-text);font-size:var(--dq-font-14, 14px)}
.dq-communication-modal .dq-dingtalk-card-head button{width:44px;height:44px;border-radius:10px;color:var(--dq-color-brand)}
.dq-communication-modal .dq-dingtalk-member-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:var(--dq-content-space-12, 12px) var(--dq-content-space-8, 8px)!important}
.dq-communication-modal :is(.dq-group-member-tile,.dq-group-add-tile){min-width:0;min-height:72px;gap:var(--dq-content-space-7, 7px)!important}
.dq-communication-modal :is(.dq-group-member-tile,.dq-group-add-tile) i{width:44px!important;height:44px!important;border-radius:10px!important;background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-communication-modal :is(.dq-group-member-tile b,.dq-group-add-tile span){font-size:var(--dq-font-12, 12px)!important;color:var(--dq-color-text-secondary)}
.dq-communication-modal .dq-group-member-tile em{top:34px!important;color:var(--dq-color-accent);background:var(--dq-color-accent-soft)}
.dq-communication-modal :is(.dq-dingtalk-more-members,.dq-dingtalk-all-apps){min-height:46px!important;border-top:1px solid var(--dq-color-divider);color:var(--dq-color-brand);font-size:var(--dq-font-13, 13px)!important}
.dq-communication-modal .dq-dingtalk-all-apps{display:flex;align-items:center;justify-content:center}
.dq-communication-modal .dq-dingtalk-all-apps>i{width:auto!important;height:auto!important;color:var(--dq-color-text-tertiary);font-size:var(--dq-font-20, 20px)}
.dq-communication-modal .dq-dingtalk-search{min-height:46px!important;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control)!important;background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-communication-modal .dq-dingtalk-tools{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:4px 14px 16px!important}
.dq-communication-modal .dq-dingtalk-shortcuts>div{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:4px 12px 12px!important}
.dq-communication-modal :is(.dq-dingtalk-tools,.dq-dingtalk-shortcuts>div) button{min-width:0;min-height:78px;padding:8px 2px!important;border:0;border-radius:10px;color:var(--dq-color-text-secondary);background:transparent;gap:8px!important;font-size:var(--dq-font-12, 12px)!important}
.dq-communication-modal :is(.dq-dingtalk-tools,.dq-dingtalk-shortcuts>div) i{display:grid;place-items:center;width:36px!important;height:36px!important;border-radius:10px;background:var(--dq-color-brand-soft)!important;color:var(--dq-color-brand)!important}
.dq-communication-modal .dq-dingtalk-tools button:nth-child(even) i,.dq-communication-modal .dq-dingtalk-shortcuts i.green{background:var(--dq-color-accent-soft)!important;color:var(--dq-color-accent)!important}
.dq-communication-modal :is(.dq-dingtalk-tools,.dq-dingtalk-shortcuts) .dq-bi-svg{width:20px!important;height:20px!important}
.dq-communication-modal :is(.dq-dingtalk-tip,.dq-dingtalk-section-title){margin:0 4px!important;color:var(--dq-color-text-secondary)!important;line-height:1.7!important}
.dq-communication-modal .dq-dingtalk-section-title{margin-top:6px!important;font-weight:600!important}
.dq-communication-modal .dq-dingtalk-row{min-height:60px!important;padding:var(--dq-content-space-12, 12px) var(--dq-content-space-16, 16px)!important;border-color:var(--dq-color-divider)!important;background:var(--dq-color-surface);color:var(--dq-color-text)}
.dq-communication-modal .dq-dingtalk-row>span{color:var(--dq-color-text);font-weight:500!important}
.dq-communication-modal .dq-dingtalk-row>em{min-width:0;color:var(--dq-color-text-secondary);white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.dq-communication-modal .dq-dingtalk-row>i{color:var(--dq-color-text-tertiary)}
.dq-communication-modal .dq-dingtalk-switch{cursor:pointer}
.dq-communication-modal .dq-dingtalk-switch b{width:44px!important;height:26px!important;background:var(--dq-theme-surface-muted, #aebaca);box-shadow:inset 0 0 0 1px #9ba9ba}
.dq-communication-modal .dq-dingtalk-switch b::after{width:18px!important;height:18px!important;top:4px!important;left:4px!important;background:var(--dq-theme-surface, #fff);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.dq-communication-modal .dq-dingtalk-switch input:checked+b{background:var(--dq-color-action);box-shadow:none}
.dq-communication-modal .dq-dingtalk-switch input:checked+b::after{transform:translateX(18px)!important}
.dq-communication-modal .dq-dingtalk-switch input:focus-visible+b{outline:2px solid var(--dq-color-brand);outline-offset:3px}
.dq-communication-modal .dq-dingtalk-bot-row{border-radius:var(--dq-radius-surface) var(--dq-radius-surface) 0 0;box-shadow:none}
.dq-communication-modal .dq-dingtalk-bot-row>div{margin-top:0!important}
.dq-communication-modal .dq-dingtalk-bot-row p{color:var(--dq-color-text-secondary)}
.dq-communication-modal .dq-dingtalk-danger button{color:var(--dq-color-danger)!important;font-size:var(--dq-font-14, 14px)!important;font-weight:600;background:var(--dq-color-surface)}
.dq-communication-modal .dq-group-status{color:var(--dq-color-accent)}
.dq-communication-modal .dq-group-status:empty{display:none}

.dq-chat-background-modal.dq-communication-modal .dq-chat-background-options{padding:0;gap:14px}
.dq-chat-background-modal.dq-communication-modal .dq-chat-background-options button{min-width:0;min-height:170px;gap:12px;padding:10px 10px 14px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);color:var(--dq-color-text);background:var(--dq-color-surface);font-size:var(--dq-font-14, 14px);font-weight:500;box-shadow:var(--dq-shadow-surface)}
.dq-chat-background-modal.dq-communication-modal .dq-chat-background-options button.active{border-color:var(--dq-color-brand);box-shadow:inset 0 0 0 1px var(--dq-color-brand)}
.dq-chat-background-modal.dq-communication-modal .dq-chat-background-options button>i:first-child{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:124px;padding:12px;box-sizing:border-box;border-color:var(--dq-theme-blue-a120, rgba(79,111,130,.12));border-radius:8px;font-style:normal}
.dq-chat-background-options [data-preview-background]>span{align-self:flex-start;max-width:90%;padding:8px 10px;border:1px solid var(--dq-theme-border, #d8e4eb);border-radius:8px 8px 8px 2px;background:var(--dq-theme-surface, #fff);color:var(--dq-theme-muted, #456070);font-size:var(--dq-font-11, 11px);line-height:1.5;box-shadow:0 2px 6px rgba(25,58,79,.04)}
.dq-chat-background-options [data-preview-background]>span+span{align-self:flex-end;border-color:var(--dq-theme-border, #bddbd3);border-radius:8px 8px 2px 8px;background:var(--dq-theme-surface-soft, #deeee8);color:var(--dq-theme-green, #276454)}
.dq-background-check{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--dq-color-border);border-radius:50%;color:transparent;background:var(--dq-color-surface)}
.dq-chat-background-options .active .dq-background-check{border-color:var(--dq-color-brand);background:var(--dq-color-action);color:#fff}
.dq-background-check svg{width:14px;height:14px}

.dq-communication-modal .dq-device-cards{gap:14px}
.dq-communication-modal .dq-message-device-list .dq-device-cards article,.dq-communication-modal .dq-device-inbox{border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface)!important;background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-communication-modal .dq-device-inbox>header{padding:16px!important;background:var(--dq-color-surface)!important;border-color:var(--dq-color-divider)}
.dq-communication-modal .dq-device-inbox>header div{flex-wrap:wrap;gap:6px 12px}
.dq-communication-modal .dq-device-inbox>header b{font-size:var(--dq-font-14, 14px);color:var(--dq-color-text)}
.dq-communication-modal .dq-device-inbox>header span{color:var(--dq-color-accent)}
.dq-communication-modal .dq-device-inbox>p{margin:0;padding:16px;font-size:var(--dq-font-12, 12px);line-height:1.8;color:var(--dq-color-text-secondary)}
.dq-communication-modal .dq-device-card-head{box-sizing:border-box;width:100%;grid-template-columns:36px minmax(0,1fr) 14px;gap:var(--dq-content-space-14, 14px);padding:var(--dq-content-space-18, 18px);border:0;border-radius:0;background:transparent;color:var(--dq-color-text);text-align:left;font:inherit;box-shadow:none}
.dq-communication-modal .dq-device-card-head .dq-device-icon{box-sizing:border-box;border-color:var(--dq-color-accent)!important}
.dq-communication-modal .dq-device-card-head .dq-device-icon::after{background:var(--dq-color-accent)}
.dq-communication-modal .dq-device-summary{display:grid;gap:var(--dq-content-space-7, 7px);min-width:0;overflow-wrap:anywhere;line-height:1.6}
.dq-communication-modal .dq-device-summary b{display:block;font-size:var(--dq-font-15, 15px);font-weight:600;color:var(--dq-color-text)}
.dq-communication-modal .dq-device-summary b mark{color:var(--dq-color-accent);background:var(--dq-color-accent-soft);font-size:var(--dq-font-10, 10px);white-space:nowrap}
.dq-communication-modal .dq-device-summary>span{margin:0;font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-communication-modal .dq-device-summary small{margin:0;font-size:var(--dq-font-11, 11px);color:var(--dq-color-text-secondary)}
.dq-communication-modal .dq-device-card-head em{width:8px;height:8px;border-color:var(--dq-color-text-tertiary)}
.dq-communication-modal .dq-device-actions{border-color:var(--dq-color-divider)}
.dq-communication-modal .dq-device-actions[hidden]{display:none!important}
.dq-communication-modal .dq-device-actions button{min-height:44px;box-shadow:none}
.dq-communication-modal .dq-device-actions button>i{width:40px!important;height:40px!important;border-radius:12px;background:var(--dq-color-brand-soft)!important;color:var(--dq-color-brand)}
.dq-communication-modal .dq-device-actions button>span{color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px)}
.dq-communication-modal .dq-device-actions .dq-device-logout{color:var(--dq-color-danger)!important;border-color:var(--dq-color-divider)!important;font-weight:500!important}
.dq-communication-modal .dq-device-actions .dq-device-logout>span{color:inherit}
.dq-communication-modal .dq-device-security-note{margin:16px 4px 0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.8}
.dq-communication-modal .dq-device-file-list a{min-width:0;grid-template-columns:32px minmax(0,1fr) auto;padding:var(--dq-content-space-12, 12px) var(--dq-content-space-16, 16px);border-color:var(--dq-color-divider);background:var(--dq-color-surface)}
.dq-communication-modal .dq-device-file-list a>span small{white-space:normal;overflow-wrap:anywhere;color:var(--dq-color-text-secondary)}
.dq-communication-error{display:grid;justify-items:center;align-content:center;gap:12px;min-height:240px;padding:24px;text-align:center}
.dq-communication-error>i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-communication-error>i svg{width:22px;height:22px}
.dq-communication-error h3{margin:0;font-size:var(--dq-font-16, 16px);color:var(--dq-color-text)}
.dq-communication-error p{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.6;overflow-wrap:anywhere}
.dq-communication-error button{min-height:44px;padding:10px 18px;border:0;border-radius:var(--dq-radius-control);background:var(--dq-color-action);color:#fff;font:inherit;font-size:var(--dq-font-14, 14px)}
@media(hover:hover){
  .dq-communication-modal :is(.dq-chat-detail-row,.dq-chat-add-person,.dq-dingtalk-tools button,.dq-device-card-head):hover{background:var(--dq-color-brand-soft)}
}
@media(max-width:899px){
  body .dq-communication-modal.dq-adaptive-modal{padding:0!important;backdrop-filter:none!important}
  body .dq-communication-modal.dq-adaptive-modal>.dq-adaptive-surface{width:100%!important;height:var(--dq-viewport-height)!important;max-height:var(--dq-viewport-height)!important;border:0;border-radius:0!important;box-shadow:none!important}
  body .dq-communication-modal>.dq-adaptive-surface>header.dq-adaptive-appbar{height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;min-height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;padding:var(--dq-safe-top) max(8px,var(--dq-safe-right)) 0 max(8px,var(--dq-safe-left))!important}
  body .dq-communication-modal .dq-communication-body{padding:var(--dq-content-space-18, 18px) max(14px,var(--dq-safe-right)) calc(20px + var(--dq-safe-bottom)) max(14px,var(--dq-safe-left))!important}
}
@media(max-width:479px){
  .dq-communication-modal .dq-dingtalk-member-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .dq-communication-modal .dq-dingtalk-group-hero{grid-template-columns:48px minmax(0,1fr) 44px 44px!important;gap:var(--dq-content-space-6, 6px)!important}
  .dq-communication-modal .dq-dingtalk-group-title b{font-size:var(--dq-font-15, 15px)!important}
  .dq-chat-settings-modal .dq-chat-detail-roster{padding:16px 12px}
  .dq-chat-settings-modal .dq-chat-person-tile{gap:var(--dq-content-space-10, 10px)}
}
@media(prefers-reduced-motion:reduce){
  .dq-communication-modal *,.dq-communication-modal ::before,.dq-communication-modal ::after{animation:none!important;transition:none!important}
}
body[data-motion='reduced'] .dq-communication-modal *,body[data-motion='reduced'] .dq-communication-modal ::before,body[data-motion='reduced'] .dq-communication-modal ::after{animation:none!important;transition:none!important}

/* Assistant surfaces use the same blue/green tokens, controls and frames. */
.dq-log-assistant-avatar,.dq-communication-modal .dq-dingtalk-bot-row>div b.dq-log-assistant-avatar{box-sizing:border-box;display:grid!important;place-items:center!important;flex:none;width:40px!important;height:40px!important;margin:0;padding:0;border:1px solid var(--dq-theme-border, #c9e4e0);border-radius:12px!important;background:linear-gradient(145deg,var(--dq-color-brand-soft),var(--dq-color-accent-soft))!important;color:var(--dq-color-accent)!important;font-style:normal;line-height:1!important}
.dq-log-assistant-avatar svg{display:block;width:24px!important;height:24px!important;margin:0}
.dq-communication-modal .dq-dingtalk-bot-row>div{grid-template-columns:40px minmax(0,1fr)!important;align-items:center;gap:var(--dq-content-space-12, 12px)!important}
.dq-communication-modal .dq-dingtalk-bot-row p{margin:0!important;line-height:1.5!important;font-weight:600}
.dq-log-assistant-intro{display:flex;align-items:center;gap:14px;margin:0 0 20px}
.dq-log-assistant-intro h3{margin:0 0 5px;font-size:var(--dq-font-17, 17px);color:var(--dq-color-text)}
.dq-log-assistant-intro p{margin:0;font-size:var(--dq-font-13, 13px);line-height:1.7;color:var(--dq-color-text-secondary)}
.dq-log-assistant-modal .dq-group-form{gap:var(--dq-content-space-16, 16px);padding:0;background:transparent}
.dq-log-settings-card{min-width:0;display:grid;gap:0;padding:var(--dq-content-space-18, 18px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-log-settings-card h3{margin:0 0 6px;color:var(--dq-color-text);font-size:var(--dq-font-14, 14px)}
.dq-log-assistant-modal .dq-group-form label{min-width:0;color:var(--dq-color-text);font-size:var(--dq-font-14, 14px);font-weight:500}
.dq-log-assistant-modal :is(.dq-group-form-switch,.dq-log-reminder-time){display:flex;align-items:center;justify-content:space-between;gap:var(--dq-content-space-14, 14px);min-height:66px;padding:var(--dq-content-space-12, 12px) 0;box-sizing:border-box;border-bottom:1px solid var(--dq-color-divider)}
.dq-log-assistant-modal label span{min-width:0}
.dq-log-assistant-modal label small{display:block;margin-top:4px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.6;font-weight:400}
.dq-log-assistant-modal .dq-group-form-switch input{appearance:none;-webkit-appearance:none;box-sizing:border-box;position:relative;flex:none;width:44px;height:26px;min-height:0;margin:0;padding:0;border:1px solid var(--dq-theme-border, #9ba9ba);border-radius:20px;background:var(--dq-theme-surface-muted, #aebaca);cursor:pointer;transition:background var(--dq-motion-fast)}
.dq-log-assistant-modal .dq-group-form-switch input::before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--dq-theme-surface, #fff);box-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform var(--dq-motion-fast)}
.dq-log-assistant-modal .dq-group-form-switch input:checked{border-color:var(--dq-color-brand);background:var(--dq-color-action)}
.dq-log-assistant-modal .dq-group-form-switch input:checked::before{transform:translateX(18px)}
.dq-log-assistant-modal .dq-log-reminder-time input{flex:none;width:132px;min-width:0;max-width:50%;min-height:44px;font-size:var(--dq-font-16, 16px);background:var(--dq-color-canvas)}
.dq-log-settings-card textarea{box-sizing:border-box;display:block;width:100%;min-width:0;margin:8px 0 0;padding:var(--dq-content-space-12, 12px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);color:var(--dq-color-text);background:var(--dq-color-canvas);font:inherit;font-size:var(--dq-font-16, 16px);line-height:1.6;resize:vertical}
.dq-log-settings-card button{min-height:46px;margin-top:16px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font:inherit;font-size:var(--dq-font-14, 14px);font-weight:600}
.dq-log-settings-card button[type=submit]{border-color:transparent;background:var(--dq-color-action);color:#fff}
.dq-log-assistant-modal [data-assistant-status]{margin:0;color:var(--dq-color-accent);font-size:var(--dq-font-13, 13px);line-height:1.7}
.dq-log-assistant-modal [data-assistant-status]:empty{display:none}

/* Keep the AI composer in the frame so it never covers the last answer. */
body[data-app-view='ai'] .dq-ai-view,body[data-app-view='ai'] .dq-ai-chat{height:var(--dq-viewport-height)!important;min-height:0!important;background:var(--dq-color-canvas)}
body[data-app-view='ai'] .dq-ai-chat>header{position:relative!important;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;flex:none;box-sizing:border-box;height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;min-height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;padding:var(--dq-safe-top) max(12px,var(--dq-safe-right)) 0 max(12px,var(--dq-safe-left))!important;border-bottom:1px solid var(--dq-color-divider);background:var(--dq-color-surface)!important}
.dq-ai-chat-title{display:grid;justify-items:center;gap:2px;min-width:0;color:var(--dq-color-text);line-height:1.3}
.dq-ai-chat-title strong{font-size:var(--dq-font-17, 17px);font-weight:650}
.dq-ai-chat-title span{font-size:var(--dq-font-10, 10px);color:var(--dq-color-accent);letter-spacing:.08em}
body[data-app-view='ai'] :is(.dq-ai-recent-button,.dq-ai-close-view){display:grid!important;place-items:center;width:44px!important;height:44px!important;min-width:0;padding:0!important;border:0!important;border-radius:var(--dq-radius-control);box-shadow:none!important;background:transparent!important;color:var(--dq-color-text)!important;font-size:var(--dq-font-25, 25px)}
body[data-app-view='ai'] .dq-ai-recent-button i{width:auto!important;height:auto!important;color:var(--dq-color-text);background:transparent!important}
body[data-app-view='ai'] .dq-ai-thread{box-sizing:border-box;min-width:0;gap:20px;padding:32px max(18px,calc((100% - 840px)/2)) 24px!important;background:radial-gradient(ellipse at 10% 0,rgba(35,90,197,.045),transparent 55%),var(--dq-color-canvas);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.dq-ai-view .dq-ai-hero{display:grid;gap:var(--dq-content-space-20, 20px);width:100%;max-width:840px;margin:0 auto 4px;padding:0;box-sizing:border-box}
.dq-ai-welcome{display:flex;align-items:center;gap:18px;min-width:0;padding:8px 0 10px}
.dq-ai-welcome>div:last-child{min-width:0}
.dq-ai-welcome>div>span{font-size:var(--dq-font-10, 10px);font-weight:650;letter-spacing:.12em;color:var(--dq-color-accent)}
.dq-ai-view .dq-ai-welcome h1{margin:7px 0 8px;font-size:calc(clamp(22px,2.4vw,30px) * var(--dq-user-font-scale,1));font-weight:650;line-height:1.4;letter-spacing:-.03em;color:var(--dq-color-text)}
.dq-ai-view .dq-ai-welcome p{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-14, 14px);font-weight:400;line-height:1.65;white-space:normal}
.dq-ai-view .dq-ai-welcome .dq-ai-avatar-large{flex:none;width:84px!important;height:84px!important;min-width:0;margin:0!important;border:3px solid var(--dq-color-surface);border-radius:24px!important;box-shadow:0 6px 18px rgba(27,81,105,.12)!important;animation:none!important}
.dq-ai-welcome .dq-ai-live-avatar::before,.dq-ai-welcome .dq-ai-live-avatar::after{display:none!important}
.dq-ai-welcome .dq-ai-live-avatar img{animation:none;transform:none}
.dq-ai-view .dq-ai-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:0}
.dq-ai-view .dq-ai-suggestions button,.dq-ai-view .dq-ai-suggestions button:nth-child(n){box-sizing:border-box;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:4px;align-content:center;align-items:center;justify-items:start;width:100%;min-width:0;min-height:100px;padding:16px 12px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);color:var(--dq-color-text);text-align:left;box-shadow:var(--dq-shadow-surface);transition:border-color var(--dq-motion-fast),background var(--dq-motion-fast)}
.dq-ai-view .dq-ai-suggestions i{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-ai-view .dq-ai-suggestions button:nth-child(2) i{background:var(--dq-color-accent-soft);color:var(--dq-color-accent)}
.dq-ai-view .dq-ai-suggestions i svg{width:20px;height:20px}
.dq-ai-view .dq-ai-suggestions b{grid-column:2;margin:0;font-size:var(--dq-font-14, 14px);font-weight:600;line-height:1.5;white-space:normal}
.dq-ai-view .dq-ai-suggestions span{grid-column:2;margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);font-weight:400;line-height:1.5;white-space:normal}
.dq-ai-view .dq-ai-skill-list{justify-self:start;display:flex;align-items:center;gap:var(--dq-content-space-8, 8px);min-height:44px;width:auto;margin:0;padding:0 var(--dq-content-space-4, 4px);border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--dq-color-brand);font-size:var(--dq-font-13, 13px);font-weight:500}
.dq-ai-view .dq-ai-skill-list i{display:grid;place-items:center;color:var(--dq-color-brand)}
.dq-ai-view .dq-ai-skill-list svg{width:16px;height:16px}
.dq-ai-view .dq-ai-thread article{max-width:840px;width:100%;gap:10px}
.dq-ai-view .dq-ai-thread article>div{min-width:0;padding:14px 16px;border:1px solid var(--dq-color-border);border-radius:2px 12px 12px;background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-ai-view .dq-ai-thread article.user>div{border-color:var(--dq-theme-border, #d0e4df);border-radius:12px 2px 12px 12px;background:var(--dq-color-accent-soft)}
.dq-ai-view .dq-ai-thread article.user>i{background:var(--dq-color-action)}
.dq-ai-view .dq-ai-thread p{color:var(--dq-color-text);font-size:var(--dq-font-14, 14px);line-height:1.8}
.dq-ai-view .dq-ai-actions button{min-height:44px;border-radius:var(--dq-radius-control);color:var(--dq-color-brand);background:var(--dq-color-brand-soft);border:1px solid var(--dq-color-border);font-size:var(--dq-font-13, 13px)}
body[data-app-view='ai'] .dq-ai-composer{position:relative!important;inset:auto!important;transform:none!important;display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;grid-template-areas:'add input voice send';align-items:end;gap:4px;flex:0 0 auto;box-sizing:border-box;width:min(860px,calc(100% - 32px))!important;max-width:100%;min-height:62px;margin:0 auto calc(16px + var(--dq-safe-bottom))!important;padding:8px;border:1px solid var(--dq-color-border);border-radius:16px;background:var(--dq-color-surface);box-shadow:0 6px 22px rgba(24,60,80,.07)}
.dq-ai-view .dq-ai-composer textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;max-height:160px;padding:11px 4px;line-height:22px;font:var(--dq-font-16, 16px)/var(--dq-font-22, 22px) var(--dq-font-family);color:var(--dq-color-text);background:transparent;border:0;border-radius:0;outline:none;box-shadow:none;resize:none}
.dq-ai-view .dq-ai-composer>button{display:grid;place-items:center;width:44px!important;height:44px!important;min-height:44px;padding:0!important;border:0!important;border-radius:10px!important;box-shadow:none!important;color:var(--dq-color-brand)!important;background:var(--dq-color-brand-soft)!important;line-height:1}
.dq-ai-view .dq-ai-composer>button svg{width:21px!important;height:21px!important;stroke-width:1.7}
.dq-ai-view .dq-ai-composer>.dq-ai-voice-toggle{grid-area:voice}
.dq-ai-view .dq-ai-composer>.dq-ai-send{grid-area:send;background:var(--dq-color-action)!important;color:#fff!important}
.dq-ai-view .dq-ai-composer>.dq-ai-send:disabled{background:var(--dq-theme-surface-soft, #e7edf5)!important;color:var(--dq-theme-muted, #8998aa)!important;cursor:default}
.dq-ai-view .dq-ai-composer>.dq-ai-voice-hold{grid-area:input;width:100%!important;background:var(--dq-color-canvas)!important;color:var(--dq-color-text)!important;font-size:var(--dq-font-14, 14px);font-weight:500;line-height:1.5}
.dq-ai-view .dq-ai-composer.voice-mode{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:'add input voice'}
.dq-ai-view .dq-ai-composer.voice-mode>.dq-ai-send{display:none}
.dq-ai-view .dq-ai-composer>.dq-ai-voice-hold.recording{background:var(--dq-color-accent-soft)!important;color:var(--dq-color-accent)!important}
.dq-ai-view .dq-ai-attach-menu{position:absolute;bottom:calc(100% + 12px);left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;box-sizing:border-box;width:min(320px,100%);min-width:0;padding:12px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-dialog);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-raised)}
.dq-ai-view .dq-ai-attach-menu button{width:100%;height:auto;display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;gap:8px;min-width:0;min-height:82px;padding:10px 4px;border:0;border-radius:10px;background:var(--dq-color-canvas);color:var(--dq-color-text);font-size:var(--dq-font-12, 12px)}
.dq-ai-view .dq-ai-attach-menu button i{display:grid;place-items:center;color:var(--dq-color-brand)}
.dq-ai-view .dq-ai-attach-menu button svg{width:24px;height:24px}
.dq-ai-view .dq-ai-attach-menu button span{font-size:var(--dq-font-12, 12px);font-weight:500;line-height:1.5}
.dq-ai-view .dq-ai-attach-menu button:disabled{opacity:.55;cursor:default}
.dq-ai-view .dq-ai-attach-menu>p{grid-column:1/-1;margin:4px 2px 0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.65}
.dq-ai-view .dq-ai-voice-toggle [data-voice-current]{place-items:center}
body[data-app-view='ai'] .dq-ai-sidebar{gap:14px;overflow-y:auto;overscroll-behavior:contain;padding:calc(16px + var(--dq-safe-top)) 14px calc(16px + var(--dq-safe-bottom))!important;border-color:var(--dq-color-border);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-overlay);backdrop-filter:none}
.dq-ai-view .dq-ai-sidebar>*{flex-shrink:0}
.dq-ai-view .dq-ai-brand span{color:var(--dq-color-accent)}
.dq-ai-view .dq-ai-brand b{color:var(--dq-color-text);font-weight:650}
.dq-ai-view .dq-ai-new-chat{min-height:46px;border-radius:var(--dq-radius-control);background:var(--dq-color-action);font-size:var(--dq-font-14, 14px);font-weight:600}
.dq-ai-view :is(.dq-ai-sidebar-actions button,.dq-ai-projects>header button,.dq-ai-sidebar-search button){width:44px;height:44px;min-height:44px;border-radius:var(--dq-radius-control);background:var(--dq-color-canvas);color:var(--dq-color-text)}
.dq-ai-view .dq-ai-sidebar-search{grid-template-columns:18px minmax(0,1fr) 44px;gap:6px;min-height:48px;padding-right:2px;border-radius:var(--dq-radius-control);border-color:var(--dq-color-border)}
.dq-ai-view .dq-ai-sidebar-search:focus-within{border-color:var(--dq-color-brand)}
.dq-ai-view .dq-ai-sidebar-search input,.dq-ai-view .dq-ai-projects>form input{font-size:var(--dq-font-16, 16px);min-width:0;max-width:100%}
.dq-ai-view .dq-ai-projects>header b{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-ai-view .dq-ai-projects>form{grid-template-columns:1fr 1fr;padding:8px;gap:8px}
.dq-ai-view .dq-ai-projects>form input{grid-column:1/-1;min-height:44px;padding:0 8px;box-sizing:border-box}
.dq-ai-view .dq-ai-projects>form button{min-height:44px;font-size:var(--dq-font-13, 13px);background:var(--dq-color-action)}
.dq-ai-view .dq-ai-projects>form [data-ai-project-cancel]{background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-ai-view .dq-ai-project-list{max-height:180px}
.dq-ai-view .dq-ai-project-select{min-height:44px}
.dq-ai-view .dq-ai-project-actions button{width:36px;height:44px}
.dq-ai-view .dq-ai-sidebar-tabs{border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-ai-view .dq-ai-sidebar-tabs button{min-height:44px;font-size:var(--dq-font-13, 13px);border-radius:8px;color:var(--dq-color-text-secondary)}
.dq-ai-view .dq-ai-sidebar-tabs button.active{color:var(--dq-color-brand);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-ai-view .dq-ai-recent-list{flex:1 0 auto;min-height:120px;max-height:none;overflow:visible;align-content:start}
.dq-ai-view .dq-ai-recent-list>p{margin:8px 0;padding:var(--dq-content-space-22, 22px) var(--dq-content-space-12, 12px);border:1px dashed var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-canvas);text-align:center;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.7}
.dq-ai-view .dq-ai-conversation-row{grid-template-columns:1fr;padding-bottom:var(--dq-content-space-6, 6px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-surface)}
.dq-ai-view .dq-ai-conversation-row.active{background:var(--dq-color-brand-soft)}
.dq-ai-view .dq-ai-conversation-row>[data-ai-chat-id]{width:100%;min-height:56px;padding-block:var(--dq-content-space-7, 7px)}
.dq-ai-view .dq-ai-conversation-row b{font-size:var(--dq-font-13, 13px);font-weight:600}
.dq-ai-view .dq-ai-conversation-row small{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-ai-view .dq-ai-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--dq-content-space-6, 6px);padding:0 var(--dq-content-space-8, 8px)}
.dq-ai-view .dq-ai-row-actions button,.dq-ai-view .dq-ai-row-actions label{min-height:44px;font-size:var(--dq-font-12, 12px)}
.dq-ai-view .dq-ai-row-actions select{font-size:var(--dq-font-16, 16px);width:100px;min-height:44px}

/* Personal applications: shared business surfaces, without changing the shell,
   titlebar, safe areas or document scroll owner. */
.dq-tool-workspace{color:var(--dq-color-text);font-size:var(--dq-font-size-body);line-height:var(--dq-line-height)}
.dq-customer-tool-view.dq-tool-workspace{box-sizing:border-box;width:calc(100% - 24px);padding-inline:0}
.dq-tool-workspace :is(.dq-currency-card,.dq-performance-toolbar,.dq-performance-card,.dq-performance-entry,.dq-kpi-summary article,.dq-customer-form-card,.dq-record-list,.dq-market-panel,.dq-market-summary>div,.dq-trade-panel,.dq-policy-document,.dq-news-list>a){
  min-width:0;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface)!important;
  background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)!important;
}
.dq-tool-workspace :is(.dq-currency-card,.dq-performance-card,.dq-performance-entry,.dq-customer-form-card,.dq-record-list,.dq-market-panel,.dq-trade-panel,.dq-policy-document){padding:var(--dq-content-space-24, 24px)}
.dq-tool-workspace :is(.dq-currency-card,.dq-customer-form-card,.dq-policy-document):first-of-type{margin-top:0}
.dq-tool-workspace .dq-record-list{margin-top:20px}
.dq-tool-workspace :is(.dq-section-title,.dq-performance-heading){margin-bottom:16px;gap:var(--dq-content-space-12, 12px);flex-wrap:wrap}
.dq-tool-workspace :is(.dq-section-title h2,.dq-performance-heading h2,.dq-performance-entry h2,.dq-policy-document h2){margin:4px 0 0;color:var(--dq-color-text);font-size:var(--dq-font-18, 18px);font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.dq-tool-workspace :is(.dq-section-title small,.dq-performance-heading small,.dq-performance-entry>div>small,.dq-policy-document>div>span){font-size:var(--dq-font-11, 11px);font-weight:600;letter-spacing:.07em;color:var(--dq-color-accent)}
.dq-tool-workspace :is(.dq-form-hint,.dq-performance-entry>div p,.dq-currency-card>p,.dq-market-notice,.dq-trade-notice,.dq-policy-document small){font-size:var(--dq-font-12, 12px);line-height:1.75;color:var(--dq-color-text-secondary);font-weight:400;overflow-wrap:anywhere}
.dq-tool-workspace :is(.dq-section-title>span,.dq-performance-heading>span,.dq-news-toolbar>span){font-size:var(--dq-font-12, 12px);line-height:1.6;color:var(--dq-color-text-secondary);white-space:normal}
.dq-tool-workspace :is(.dq-loading,.dq-empty-report,.dq-error){grid-column:1/-1;box-sizing:border-box;margin:12px 0;padding:var(--dq-content-space-28, 28px) var(--dq-content-space-16, 16px);border-radius:var(--dq-radius-control);font-size:var(--dq-font-13, 13px);line-height:1.75;overflow-wrap:anywhere}
.dq-tool-workspace .dq-empty-report{border:1px dashed var(--dq-color-border);background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-tool-workspace .dq-error{border:1px solid var(--dq-theme-border, #f0ced1);background:var(--dq-color-danger-soft);color:var(--dq-color-danger)}
.dq-tool-section-head{display:flex;align-items:flex-start;gap:var(--dq-content-space-12, 12px);margin:0 0 22px;padding:0 0 var(--dq-content-space-18, 18px);border-bottom:1px solid var(--dq-color-divider)}
.dq-tool-section-head>i{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:var(--dq-radius-control);color:var(--dq-color-accent);background:var(--dq-color-accent-soft)}
.dq-tool-section-head svg{width:20px;height:20px}
.dq-tool-section-head>div{min-width:0}
.dq-tool-section-head h2{margin:0;color:var(--dq-color-text);font-size:var(--dq-font-18, 18px);line-height:1.5;font-weight:650}
.dq-tool-section-head p{margin:5px 0 0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.7}

/* Explicit field ink and the shared control scheme protect OS dark-mode Safari.
   Grid labels stretch native date/time controls without a forced iOS width. */
.dq-tool-workspace :is(.dq-currency-form,.dq-trade-form,.dq-customer-form-card,.dq-performance-entry,.dq-performance-toolbar,.dq-suggestion-review) label{display:grid;min-width:0;gap:var(--dq-content-space-7, 7px);color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);font-weight:500}
.dq-tool-workspace :is(.dq-customer-form-card,.dq-trade-form,.dq-suggestion-review) label>span{margin:0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);font-weight:500}
.dq-tool-workspace :is(input,select,textarea).dq-form-control{
  box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;padding:var(--dq-content-space-10, 10px) var(--dq-content-space-12, 12px);
  border:1px solid var(--dq-theme-border, #cbd5e3);border-radius:var(--dq-radius-control);background-color:var(--dq-theme-surface, #fbfcfe);
  color:var(--dq-color-text);-webkit-text-fill-color:currentColor;color-scheme:var(--dq-control-color-scheme,light);
  font-family:var(--dq-font-family);font-size:var(--dq-font-16, 16px);font-weight:400;line-height:1.5;
}
.dq-tool-workspace :is(input,select,textarea).dq-form-control::placeholder{color:var(--dq-color-text-secondary);font-weight:400;opacity:1}
.dq-tool-workspace .dq-native-temporal::-webkit-date-and-time-value{color:var(--dq-color-text);-webkit-text-fill-color:var(--dq-color-text)}
.dq-tool-workspace .dq-native-temporal::-webkit-datetime-edit{color:var(--dq-color-text);-webkit-text-fill-color:var(--dq-color-text)}
.dq-tool-workspace :is(input,textarea)[readonly]{background:var(--dq-color-canvas);color:var(--dq-color-text-secondary);font-weight:500}
.dq-tool-workspace .dq-commission-row input[readonly]{color:var(--dq-color-accent);background:var(--dq-color-accent-soft);font-weight:600}
.dq-tool-workspace select.dq-form-control:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;padding-right:var(--dq-content-space-38, 38px)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23607085' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.dq-tool-workspace select :is(option,optgroup){color:var(--dq-color-text);background:var(--dq-color-surface)}
.dq-tool-workspace :is(.dq-performance-toolbar,.dq-performance-entry) :is(input,select){font-size:var(--dq-font-16, 16px)!important;font-weight:400!important;border-color:var(--dq-theme-border, #cbd5e3)!important;border-radius:var(--dq-radius-control)!important;color:var(--dq-color-text)!important;background-color:var(--dq-theme-surface, #fbfcfe)!important}
.dq-tool-workspace :is(.dq-form-grid,.dq-currency-form,.dq-trade-form,.dq-performance-entry form)>*{min-width:0}
.dq-tool-workspace .dq-trade-form label{align-content:end}
.dq-tool-workspace .dq-trade-form label input+select{margin-top:0}
.dq-tool-workspace .dq-form-actions{flex-wrap:wrap;align-items:center}
.dq-tool-workspace :is(.dq-form-actions,.dq-record-list article footer)>*{min-width:0;max-width:100%}
.dq-tool-workspace :is(.dq-customer-form-card,.dq-record-list,.dq-trade-form,.dq-performance-entry,.dq-performance-toolbar,.dq-market-toolbar,.dq-policy-actions) :is(button,a.dq-secondary-action),.dq-tool-workspace .dq-policy-actions>a{
  display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--dq-content-space-6, 6px);min-height:44px;
  padding:var(--dq-content-space-10, 10px) var(--dq-content-space-16, 16px);border:1px solid transparent;border-radius:var(--dq-radius-control);
  color:#fff;background:var(--dq-color-action);font-size:var(--dq-font-14, 14px);font-weight:550;line-height:1.5;text-decoration:none;cursor:pointer;
  transition:background-color var(--dq-motion-fast),border-color var(--dq-motion-fast),box-shadow var(--dq-motion-fast);
}
.dq-tool-workspace :is(.dq-secondary-action,.dq-policy-actions>a,.dq-performance-toolbar button,.dq-market-toolbar button,.dq-sample-record-tabs button,.dq-sample-record-pager button,[data-edit-followup],.dq-record-list article footer>a){margin-top:0!important;border-color:var(--dq-color-border)!important;background:var(--dq-color-surface)!important;color:var(--dq-color-brand)!important}
.dq-tool-workspace :is([data-add-followup-row],[data-add-commission-row]){margin-top:14px!important;background:var(--dq-color-brand-soft)!important;border-color:var(--dq-theme-border, #d8e3f9)!important}
.dq-tool-workspace :is([data-remove-followup-row],[data-remove-commission-row],[data-delete-followup],[data-delete-commission-batch],[data-review-commission='rejected'],[data-sample-action='rejected'],.dq-record-list button.danger){color:var(--dq-color-danger)!important;background:var(--dq-color-danger-soft)!important;border-color:var(--dq-theme-border, #f0ced1)!important}
.dq-tool-workspace button:disabled{opacity:.55;cursor:default}
.dq-tool-workspace :is(button,a,summary,[tabindex='0']):focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:3px}
.dq-tool-workspace :is([data-suggestion-status],[data-followup-status],[data-commission-status],[data-sample-status]):empty{display:none}
.dq-tool-workspace :is([data-suggestion-status],[data-followup-status],[data-commission-status],[data-sample-status]):not(:empty){margin:14px 0 0;font-size:var(--dq-font-13, 13px);line-height:1.65}

/* Follow-up, commission, booking and feedback records. */
.dq-tool-workspace :is(.dq-followup-row,.dq-commission-row){padding:var(--dq-content-space-18, 18px);border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-canvas)}
.dq-tool-workspace .dq-commission-row legend{color:var(--dq-color-accent);font-size:var(--dq-font-14, 14px);font-weight:600}
.dq-tool-workspace .dq-commission-preview{margin:16px 0 0;padding:var(--dq-content-space-12, 12px);border-radius:var(--dq-radius-control);background:var(--dq-color-accent-soft);color:var(--dq-color-accent);font-size:var(--dq-font-12, 12px);font-weight:400}
.dq-tool-workspace :is(.dq-followup-row,.dq-commission-row)>label{margin-top:16px}
.dq-tool-workspace .dq-sample-rule{padding:var(--dq-content-space-12, 12px);border:1px solid var(--dq-theme-border, #dce8f5);border-radius:var(--dq-radius-control);color:var(--dq-color-brand);background:var(--dq-color-brand-soft);font-weight:500}
.dq-tool-workspace .dq-record-list article{border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-surface);padding:var(--dq-content-space-18, 18px);overflow-wrap:anywhere}
.dq-tool-workspace .dq-record-list article header{align-items:flex-start;flex-wrap:wrap}
.dq-tool-workspace .dq-record-list article header b{font-size:var(--dq-font-14, 14px);font-weight:600}
.dq-tool-workspace .dq-record-list article header span{font-size:var(--dq-font-12, 12px);font-weight:500;background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-tool-workspace .dq-record-list :is(article p,article small){color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.7}
.dq-tool-workspace .dq-record-list article footer{flex-wrap:wrap;gap:var(--dq-content-space-8, 8px)}
.dq-tool-workspace .dq-record-list article footer :is(button,a){min-height:44px}
.dq-tool-workspace .dq-commission-batch-items section{background:var(--dq-color-canvas);border-radius:var(--dq-radius-control)}
.dq-tool-workspace .dq-record-list :is(.status-approved,.status-completed) header span{color:var(--dq-color-success);background:var(--dq-color-success-soft)}
.dq-tool-workspace .dq-record-list :is(.status-rejected,.status-invalid) header span{color:var(--dq-color-danger);background:var(--dq-color-danger-soft)}
.dq-tool-workspace .dq-record-list :is(.status-pending,.status-pending_sales,.status-processing) header span{color:var(--dq-color-warning);background:var(--dq-color-warning-soft)}
.dq-tool-workspace .dq-suggestion-meta{gap:var(--dq-content-space-10, 10px);margin-bottom:20px}
.dq-tool-workspace .dq-suggestion-meta>div{padding:var(--dq-content-space-12, 12px) var(--dq-content-space-14, 14px);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas);min-width:0;overflow-wrap:anywhere}
.dq-tool-workspace .dq-suggestion-meta span{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-tool-workspace .dq-suggestion-meta b{color:var(--dq-color-text);font-size:var(--dq-font-14, 14px);font-weight:550}
.dq-tool-workspace .dq-suggestion-record dl>div{background:var(--dq-color-canvas);border-radius:var(--dq-radius-control)}
.dq-tool-workspace .dq-suggestion-record :is(dt,dd){min-width:0;font-size:var(--dq-font-13, 13px);font-weight:400;line-height:1.7}
.dq-tool-workspace .dq-suggestion-review summary{display:flex;align-items:center;min-height:44px;color:var(--dq-color-brand);font-size:var(--dq-font-14, 14px);font-weight:550}
.dq-tool-workspace .dq-sample-record-tabs{gap:var(--dq-content-space-6, 6px);flex-wrap:wrap}
.dq-tool-workspace .dq-sample-record-tabs button.active{border-color:var(--dq-theme-border, #c5d5f2)!important;background:var(--dq-color-brand-soft)!important;color:var(--dq-color-brand)!important}

/* Readable metrics: retain complete values and keep tables locally scrollable. */
.dq-tool-workspace :is(.dq-kpi-summary,.dq-market-summary){gap:var(--dq-content-space-12, 12px);margin-top:16px}
.dq-tool-workspace :is(.dq-kpi-summary article,.dq-market-summary>div){padding:var(--dq-content-space-18, 18px);overflow-wrap:anywhere}
.dq-tool-workspace :is(.dq-kpi-summary span,.dq-kpi-summary small,.dq-market-summary span){color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.6}
.dq-tool-workspace .dq-kpi-summary b{margin:8px 0;color:var(--dq-color-brand);font-size:calc(clamp(18px,1.8vw,24px) * var(--dq-user-font-scale,1));font-weight:650;font-variant-numeric:tabular-nums}
.dq-tool-workspace .dq-market-summary b{font-size:var(--dq-font-22, 22px);font-weight:650;font-variant-numeric:tabular-nums}
.dq-tool-workspace .dq-performance-entry{grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:var(--dq-content-space-20, 20px);background:var(--dq-color-surface)}
.dq-tool-workspace .dq-performance-entry h2{margin-bottom:8px}
.dq-tool-workspace .dq-performance-entry form{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-content-space-14, 14px)}
.dq-tool-workspace .dq-performance-entry form>small{font-size:var(--dq-font-12, 12px);font-weight:400;line-height:1.6}
.dq-tool-workspace .dq-performance-entry button{justify-self:start;align-self:end}
.dq-tool-workspace .dq-performance-legend{display:flex;gap:var(--dq-content-space-14, 14px);flex-wrap:wrap}
.dq-performance-legend>span{display:inline-flex;align-items:center;gap:6px}
.dq-performance-legend>span::before{content:'';width:8px;height:8px;border-radius:2px;background:var(--dq-color-action)}
.dq-performance-legend>span+span::before{background:var(--dq-color-accent)}
.dq-tool-workspace .dq-year-trend{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--dq-content-space-12, 12px)}
.dq-tool-workspace .dq-year-trend article{padding:var(--dq-content-space-12, 12px);border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas);overflow-wrap:anywhere}
.dq-tool-workspace .dq-year-trend article>b{font-size:var(--dq-font-13, 13px);color:var(--dq-color-text);font-weight:600}
.dq-tool-workspace .dq-year-trend article small{font-size:var(--dq-font-12, 12px);line-height:1.8;color:var(--dq-color-text-secondary);font-variant-numeric:tabular-nums}
.dq-tool-workspace :is(.dq-year-trend article span,.dq-ranking-chart i){background:var(--dq-color-action)}
.dq-tool-workspace .dq-year-trend article i{background:var(--dq-color-accent)}
.dq-tool-workspace .dq-ranking-chart>div:not(.dq-empty-report){grid-template-columns:28px minmax(50px,1fr) minmax(40px,1fr) minmax(90px,auto);gap:var(--dq-content-space-10, 10px);min-width:0}
.dq-tool-workspace .dq-rank-number{font-size:var(--dq-font-12, 12px);color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-tool-workspace .dq-ranking-chart :is(b,strong){font-size:var(--dq-font-13, 13px);font-weight:550;overflow-wrap:anywhere;white-space:normal}
.dq-tool-workspace .dq-ranking-chart strong{font-variant-numeric:tabular-nums}
.dq-tool-workspace .dq-performance-table{max-width:100%;overscroll-behavior-inline:contain;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control)}
.dq-tool-workspace .dq-performance-table :is(th,td){padding:var(--dq-content-space-14, 14px) var(--dq-content-space-12, 12px);border-color:var(--dq-color-divider);font-size:var(--dq-font-13, 13px);line-height:1.6;font-variant-numeric:tabular-nums}
.dq-tool-workspace .dq-performance-table th{background:var(--dq-color-canvas);font-weight:550;color:var(--dq-color-text-secondary);white-space:nowrap}
.dq-tool-workspace .dq-performance-table td small{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-tool-workspace .dq-performance-table tbody tr:last-child td{border-bottom:0}
.dq-tool-workspace .dq-currency-form{gap:var(--dq-content-space-14, 14px)}
.dq-tool-workspace .dq-currency-form label{align-content:end}
.dq-tool-workspace .dq-currency-swap>button{min-height:44px;border:1px solid var(--dq-theme-border, #c5d5f2);border-radius:var(--dq-radius-control);background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-size:var(--dq-font-24, 24px)}
.dq-tool-workspace .dq-currency-result{box-sizing:border-box;min-height:82px;padding:var(--dq-content-space-14, 14px) var(--dq-content-space-18, 18px);border:1px solid var(--dq-theme-border, #d5e7df);border-radius:var(--dq-radius-control);color:var(--dq-color-accent);background:var(--dq-color-accent-soft);overflow-wrap:anywhere}
.dq-tool-workspace .dq-currency-result small{font-size:var(--dq-font-12, 12px);opacity:1}
.dq-tool-workspace .dq-currency-result strong{font-size:var(--dq-font-24, 24px);font-weight:650;font-variant-numeric:tabular-nums;line-height:1.5}
.dq-tool-workspace .dq-market-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
.dq-tool-workspace .dq-market-toolbar>button{width:auto;margin-top:0}
.dq-tool-workspace .dq-market-list article{padding:var(--dq-content-space-18, 18px);border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-tool-workspace .dq-market-list :is(span,small,p,footer){font-size:var(--dq-font-12, 12px);line-height:1.7;color:var(--dq-color-text-secondary);font-weight:400}
.dq-tool-workspace .dq-market-list article>div{flex-wrap:wrap}
.dq-tool-workspace .dq-oil-ticker strong{font-size:var(--dq-font-28, 28px);overflow-wrap:anywhere}
.dq-tool-workspace .dq-oil-ticker dl>div{background:var(--dq-color-surface);border-radius:var(--dq-radius-control);min-width:0}
.dq-tool-workspace .dq-oil-ticker dt{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary);font-weight:400}
.dq-tool-workspace .dq-oil-ticker dd{font-size:var(--dq-font-18, 18px);font-weight:600;overflow-wrap:anywhere}
.dq-tool-workspace .dq-oil-history{background:var(--dq-color-surface);border-radius:var(--dq-radius-control)}

/* Trade query results and document/news collections use the same card language. */
.dq-tool-workspace .dq-trade-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-content-space-16, 16px)}
.dq-tool-workspace .dq-trade-form>button{justify-self:start;min-width:140px}
.dq-tool-workspace :is(.dq-source-state,.dq-tariff-origin,.dq-tariff-example){padding:var(--dq-content-space-18, 18px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-tool-workspace .dq-tariff-origin{background:var(--dq-color-brand-soft);border-color:var(--dq-theme-border, #d8e3f9)}
.dq-tool-workspace .dq-tariff-origin span{font-size:var(--dq-font-11, 11px);font-weight:600;color:var(--dq-color-brand)}
.dq-tool-workspace .dq-tariff-origin b{color:var(--dq-color-text);font-size:var(--dq-font-17, 17px);font-weight:600}
.dq-tool-workspace :is(.dq-source-state b,.dq-trade-result article b){font-size:var(--dq-font-16, 16px);font-weight:600;color:var(--dq-color-text)}
.dq-tool-workspace :is(.dq-source-state p,.dq-trade-result p,.dq-tariff-origin p,.dq-tariff-notes){font-size:var(--dq-font-13, 13px);line-height:1.8;color:var(--dq-color-text-secondary);overflow-wrap:anywhere}
.dq-tool-workspace :is(.dq-trade-result small,.dq-source-state small,.dq-tariff-example small){font-size:var(--dq-font-12, 12px);line-height:1.7;color:var(--dq-color-text-secondary)}
.dq-tool-workspace :is(.dq-customs-zero,.dq-fee-total){padding:var(--dq-content-space-16, 16px);border-radius:var(--dq-radius-control);background:var(--dq-color-accent-soft);flex-wrap:wrap}
.dq-tool-workspace .dq-fee-total{background:var(--dq-color-brand-soft)}
.dq-tool-workspace .dq-customs-zero b{color:var(--dq-color-accent);font-weight:650}
.dq-tool-workspace .dq-fee-total b{color:var(--dq-color-brand);font-weight:650}
.dq-tool-workspace .dq-trade-result article>div{align-items:flex-start;flex-wrap:wrap;gap:var(--dq-content-space-6, 6px) var(--dq-content-space-12, 12px)}
.dq-tool-workspace .dq-trade-result article strong{font-variant-numeric:tabular-nums}
.dq-tool-workspace .dq-tariff-result-card{border-color:var(--dq-color-border);border-radius:var(--dq-radius-surface)}
.dq-tool-workspace .dq-tariff-result-card>header{flex-wrap:wrap;gap:var(--dq-content-space-12, 12px);padding:var(--dq-content-space-18, 18px);background:var(--dq-color-brand-soft)}
.dq-tool-workspace .dq-tariff-result-card header>div{min-width:0;flex:1 1 200px;overflow-wrap:anywhere}
.dq-tool-workspace .dq-tariff-result-card h2{font-size:var(--dq-font-18, 18px);font-weight:600;line-height:1.5}
.dq-tool-workspace .dq-tariff-result-card header :is(span,p){font-size:var(--dq-font-12, 12px);line-height:1.7;color:var(--dq-color-text-secondary)}
.dq-tool-workspace .dq-tariff-result-card header>strong{font-size:var(--dq-font-28, 28px);color:var(--dq-color-brand);font-weight:650}
.dq-tool-workspace .dq-tariff-rate-grid div{min-width:0;padding:var(--dq-content-space-16, 16px);overflow-wrap:anywhere}
.dq-tool-workspace .dq-tariff-rate-grid b{color:var(--dq-color-text);font-size:var(--dq-font-20, 20px);font-weight:600}
.dq-tool-workspace .dq-policy-document{gap:var(--dq-content-space-24, 24px);align-items:flex-start;margin-top:16px}
.dq-tool-workspace .dq-policy-document>div{min-width:0}
.dq-tool-workspace .dq-policy-document p{margin-top:10px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-14, 14px);line-height:1.8}
.dq-tool-workspace .dq-policy-actions{align-self:center}
.dq-tool-workspace .dq-policy-actions>a{background:var(--dq-color-brand-soft)!important}
.dq-tool-workspace .dq-news-toolbar{margin-top:0;gap:var(--dq-content-space-10, 10px)}
.dq-tool-workspace .dq-news-toolbar button{min-height:44px;padding:var(--dq-content-space-9, 9px) var(--dq-content-space-14, 14px);border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);color:var(--dq-color-text-secondary);font-size:var(--dq-font-14, 14px);font-weight:500}
.dq-tool-workspace .dq-news-toolbar button.active{border-color:var(--dq-theme-border, #c5d5f2);background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-weight:600}
.dq-tool-workspace .dq-news-list>a{padding:var(--dq-content-space-20, 20px);min-height:210px;transform:none;transition:border-color var(--dq-motion-fast),box-shadow var(--dq-motion-fast)}
.dq-tool-workspace .dq-news-list>a>div{align-items:flex-start;flex-wrap:wrap}
.dq-tool-workspace .dq-news-list span{padding:var(--dq-content-space-4, 4px) var(--dq-content-space-8, 8px);border-radius:6px;color:var(--dq-color-accent);background:var(--dq-color-accent-soft);font-size:var(--dq-font-12, 12px);font-weight:500}
.dq-tool-workspace .dq-news-list small{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary);line-height:1.6}
.dq-tool-workspace .dq-news-list h2{font-size:var(--dq-font-17, 17px);font-weight:600;line-height:1.6;color:var(--dq-color-text)}
.dq-tool-workspace .dq-news-list p{font-size:var(--dq-font-13, 13px);line-height:1.8;color:var(--dq-color-text-secondary)}
.dq-tool-workspace .dq-news-list b{font-size:var(--dq-font-13, 13px);color:var(--dq-color-brand);font-weight:550}
@media(max-width:1100px){
  .dq-tool-workspace .dq-performance-entry{grid-template-columns:minmax(0,1fr)}
  .dq-tool-workspace .dq-currency-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px minmax(0,1fr)}
  .dq-tool-workspace .dq-currency-result{grid-column:1/-1}
}
@media(max-width:720px){
  .dq-tool-workspace :is(.dq-currency-card,.dq-performance-card,.dq-performance-entry,.dq-customer-form-card,.dq-record-list,.dq-market-panel,.dq-trade-panel,.dq-policy-document){padding:var(--dq-content-space-16, 16px)}
  .dq-tool-workspace .dq-customer-form-card{margin-top:0}
  .dq-tool-workspace .dq-tool-section-head{gap:var(--dq-content-space-10, 10px);margin-bottom:18px;padding-bottom:var(--dq-content-space-14, 14px)}
  .dq-tool-workspace .dq-tool-section-head>i{flex-basis:36px;height:36px}
  .dq-tool-workspace .dq-tool-section-head h2{font-size:var(--dq-font-17, 17px)}
  .dq-tool-workspace :is(.dq-followup-row,.dq-commission-row){padding:var(--dq-content-space-14, 14px)}
  .dq-tool-workspace :is(.dq-kpi-summary article,.dq-market-summary>div){padding:var(--dq-content-space-14, 14px)}
  .dq-tool-workspace .dq-year-trend{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dq-tool-workspace .dq-suggestion-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dq-tool-workspace .dq-suggestion-meta>div:last-child{grid-column:1/-1}
  .dq-tool-workspace .dq-trade-form{grid-template-columns:minmax(0,1fr)}
  .dq-tool-workspace .dq-trade-form>button{width:100%;justify-self:stretch}
  .dq-tool-workspace .dq-currency-form{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:var(--dq-content-space-12, 12px) var(--dq-content-space-8, 8px)}
  .dq-tool-workspace .dq-currency-form label:first-child{grid-column:1/-1}
  .dq-tool-workspace .dq-currency-swap{align-self:end}
  .dq-tool-workspace .dq-currency-swap>button{width:44px;height:44px}
  .dq-tool-workspace .dq-currency-result{grid-column:1/-1}
  .dq-tool-workspace .dq-performance-toolbar{flex-direction:row;align-items:end;padding:var(--dq-content-space-16, 16px)}
  .dq-tool-workspace .dq-performance-toolbar label{flex:1;min-width:0}
  .dq-tool-workspace .dq-performance-toolbar button{width:auto;flex:0 0 auto}
  .dq-tool-workspace .dq-performance-entry form{grid-template-columns:minmax(0,1fr)}
  .dq-tool-workspace .dq-performance-entry button{justify-self:stretch}
  .dq-tool-workspace .dq-ranking-chart>div:not(.dq-empty-report){grid-template-columns:28px minmax(60px,1fr) minmax(90px,1fr);row-gap:var(--dq-content-space-5, 5px)}
  .dq-tool-workspace .dq-ranking-chart>div>div{grid-column:2/-1;grid-row:2;height:8px}
  .dq-tool-workspace .dq-ranking-chart strong{grid-column:3;grid-row:1;text-align:right;font-size:var(--dq-font-12, 12px)}
  .dq-tool-workspace .dq-policy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-content-space-10, 10px);margin-top:18px}
  .dq-tool-workspace .dq-news-list>a{padding:var(--dq-content-space-18, 18px);min-height:200px}
}
@media(max-width:520px){
  /* Native selects cannot wrap their selected labels. Stack currency fields
     and keep the swap beside them so full currency names remain readable. */
  .dq-tool-workspace .dq-currency-form{grid-template-columns:minmax(0,1fr) 44px;column-gap:var(--dq-content-space-10, 10px)}
  .dq-tool-workspace .dq-currency-form label{grid-column:1}
  .dq-tool-workspace .dq-currency-form label:first-child{grid-column:1/-1}
  .dq-tool-workspace .dq-currency-swap{grid-column:2;grid-row:2/4;align-self:center}
}
@media(hover:hover) and (pointer:fine){
  .dq-tool-workspace .dq-news-list>a:hover{border-color:var(--dq-theme-border, #bdcdea);box-shadow:0 4px 18px rgba(29,59,78,.07)!important;transform:none}
  .dq-tool-workspace :is(button,a.dq-secondary-action,.dq-policy-actions>a):not(:disabled):hover{box-shadow:0 0 0 2px var(--dq-color-brand-soft)}
}

/* Company sites: fixed shared header, only the link list scrolls. */
html:has(.dq-company-sites:not([hidden])),body:has(.dq-company-sites:not([hidden])){overflow:hidden;overscroll-behavior:none}
body .dq-company-sites.dq-adaptive-modal{z-index:15000;display:grid;place-items:center!important;padding:20px;background:rgba(18,37,55,.32)!important;backdrop-filter:blur(5px)!important;overflow:hidden}
body .dq-company-sites[hidden]{display:none!important}
body .dq-company-sites>.dq-adaptive-surface{display:flex;flex-direction:column;box-sizing:border-box;width:min(720px,100%)!important;height:min(700px,calc(var(--dq-viewport-height) - 40px))!important;max-height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-dialog)!important;background:var(--dq-color-canvas);box-shadow:var(--dq-shadow-overlay)}
body .dq-company-sites>.dq-adaptive-surface>header{flex:none;box-sizing:border-box;height:var(--dq-appbar-height)!important;min-height:var(--dq-appbar-height)!important;padding:0 12px!important;border-bottom:1px solid var(--dq-color-divider);background:var(--dq-color-surface)!important;color:var(--dq-color-text)}
body .dq-company-sites>.dq-adaptive-surface>header h2{font-size:var(--dq-font-17, 17px)!important;font-weight:650!important;color:var(--dq-color-text)}
.dq-company-sites .dq-site-body{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--dq-content-space-24, 24px);box-sizing:border-box}
.dq-site-intro{display:flex;align-items:center;gap:16px;min-width:0;padding:2px 0 24px}
.dq-site-intro .dq-brand-mark{background:var(--dq-theme-surface, #fff) url("/icons/logo.jpg") center 40% / 250% no-repeat;flex:none;width:54px;height:54px;border:1px solid var(--dq-color-border);border-radius:14px;background-color:var(--dq-theme-surface, #fff)}
.dq-site-intro>div{min-width:0}
.dq-site-intro>div>span{font-size:var(--dq-font-10, 10px);font-weight:650;color:var(--dq-color-accent);letter-spacing:.14em}
.dq-site-intro h3{margin:5px 0;font-size:var(--dq-font-20, 20px);font-weight:650;color:var(--dq-color-text)}
.dq-site-intro p{margin:0;font-size:var(--dq-font-13, 13px);color:var(--dq-color-text-secondary);line-height:1.6}
.dq-company-sites .dq-site-grid{gap:var(--dq-content-space-12, 12px);margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.dq-company-sites .dq-site-grid a{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:var(--dq-content-space-12, 12px);min-width:0;min-height:88px;padding:var(--dq-content-space-16, 16px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface);text-decoration:none;transition:border-color var(--dq-motion-fast),background var(--dq-motion-fast)}
.dq-company-sites .dq-site-grid a>i{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font-size:var(--dq-font-14, 14px);font-weight:650;font-style:normal;line-height:1}
.dq-company-sites .dq-site-grid a:nth-child(2n)>i{background:var(--dq-color-accent-soft);color:var(--dq-color-accent)}
.dq-company-sites .dq-site-grid i svg{width:23px;height:23px}
.dq-company-sites .dq-site-grid a>div{min-width:0}
.dq-company-sites .dq-site-grid b{margin:0;color:var(--dq-color-text);font-size:var(--dq-font-14, 14px);font-weight:600;line-height:1.5;white-space:normal}
.dq-company-sites .dq-site-grid span{display:block;margin-top:4px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.6;overflow-wrap:anywhere}
.dq-company-sites .dq-site-grid em{color:var(--dq-color-text-tertiary);font-size:var(--dq-font-19, 19px)}
.dq-company-sites .dq-site-grid a.dq-site-featured{grid-column:1/-1;min-height:104px;background:linear-gradient(115deg,var(--dq-color-brand-soft),var(--dq-color-accent-soft));border-color:var(--dq-theme-border, #d3e3e6)}
.dq-company-sites .dq-site-featured small{display:block;margin-bottom:4px;color:var(--dq-color-accent);font-size:var(--dq-font-11, 11px);font-weight:500}
.dq-company-sites .dq-site-featured b{font-size:var(--dq-font-19, 19px)}
.dq-company-sites .dq-site-note{margin:20px 0 0;font-size:var(--dq-font-12, 12px);line-height:1.7;color:var(--dq-color-text-secondary)}
:is(.dq-log-assistant-modal,.dq-company-sites,.dq-ai-view) :is(button,a,input,textarea):focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:3px}
.dq-ai-view :is(.dq-ai-composer textarea,input[type=search]):focus-visible{outline:0;box-shadow:none}
@media(hover:hover){
  .dq-ai-view :is(.dq-ai-suggestions button,.dq-ai-attach-menu button):hover,.dq-company-sites .dq-site-grid a:hover{border-color:var(--dq-theme-border, #bdd0e6);background:var(--dq-color-brand-soft)}
}
@media(max-width:899px){
  body[data-app-view='ai'] .dq-ai-thread{gap:16px;padding:22px max(16px,var(--dq-safe-right)) 20px max(16px,var(--dq-safe-left))!important}
  .dq-ai-view .dq-ai-hero{gap:var(--dq-content-space-14, 14px)}
  .dq-ai-welcome{gap:12px;padding:0 0 6px}
  .dq-ai-view .dq-ai-welcome .dq-ai-avatar-large{width:64px!important;height:64px!important;border-radius:18px!important}
  .dq-ai-view .dq-ai-welcome h1{font-size:var(--dq-font-22, 22px);margin:4px 0}
  .dq-ai-view .dq-ai-welcome p{font-size:var(--dq-font-12, 12px)}
  .dq-ai-view .dq-ai-welcome>div>span{font-size:var(--dq-font-9, 9px)}
  .dq-ai-view .dq-ai-suggestions{grid-template-columns:1fr;gap:10px}
  .dq-ai-view .dq-ai-suggestions button,.dq-ai-view .dq-ai-suggestions button:nth-child(n){min-height:76px;padding:12px 14px}
  body[data-app-view='ai'] .dq-ai-composer{width:calc(100% - 24px)!important;margin-bottom:calc(12px + var(--dq-safe-bottom))!important;padding:6px;gap:2px;min-height:58px}
  body .dq-company-sites.dq-adaptive-modal{padding:0!important;backdrop-filter:none!important}
  body .dq-company-sites>.dq-adaptive-surface{width:100%!important;height:var(--dq-viewport-height)!important;max-height:var(--dq-viewport-height)!important;border:0;border-radius:0!important;box-shadow:none}
  body .dq-company-sites>.dq-adaptive-surface>header{height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;min-height:calc(var(--dq-appbar-height) + var(--dq-safe-top))!important;padding:var(--dq-safe-top) max(8px,var(--dq-safe-right)) 0 max(8px,var(--dq-safe-left))!important}
  .dq-company-sites .dq-site-body{padding:var(--dq-content-space-20, 20px) max(16px,var(--dq-safe-right)) calc(20px + var(--dq-safe-bottom)) max(16px,var(--dq-safe-left))}
}
@media(max-width:479px){
  .dq-company-sites .dq-site-grid{grid-template-columns:1fr}
  .dq-company-sites .dq-site-grid a{min-height:84px;padding:var(--dq-content-space-14, 14px)}
  .dq-site-intro h3{font-size:var(--dq-font-18, 18px)}
  .dq-log-settings-card{padding:var(--dq-content-space-16, 16px)}
}
@media(prefers-reduced-motion:reduce){
  :is(.dq-ai-view,.dq-company-sites) *,:is(.dq-ai-view,.dq-company-sites) ::before,:is(.dq-ai-view,.dq-company-sites) ::after{animation:none!important;transition:none!important}
}
body[data-motion='reduced'] :is(.dq-ai-view,.dq-company-sites) *,body[data-motion='reduced'] :is(.dq-ai-view,.dq-company-sites) ::before,body[data-motion='reduced'] :is(.dq-ai-view,.dq-company-sites) ::after{animation:none!important;transition:none!important}

/* OA administration: shared surfaces and clear configuration hierarchy. */
.dq-system-settings-modal-admin .dq-aflow-hero{grid-template-columns:minmax(0,1fr) auto;padding:var(--dq-content-space-24, 24px);gap:var(--dq-content-space-20, 20px)}
.dq-system-settings-modal-admin .dq-aflow-hero>div:first-child{min-width:0}
.dq-system-settings-modal-admin .dq-aflow-hero h3{font-size:var(--dq-font-22, 22px);line-height:1.4;letter-spacing:-.02em}
.dq-system-settings-modal-admin .dq-aflow-hero-actions{grid-column:2;grid-row:1}
.dq-system-settings-modal-admin .dq-aflow-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);overflow:hidden;background:var(--dq-color-divider)}
.dq-system-settings-modal-admin .dq-aflow-metrics>div{display:grid;gap:var(--dq-content-space-8, 8px);padding:var(--dq-content-space-16, 16px);background:var(--dq-color-canvas);min-width:0}
.dq-system-settings-modal-admin .dq-aflow-metrics span{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin .dq-aflow-metrics b{font-size:var(--dq-font-26, 26px);font-weight:650;font-variant-numeric:tabular-nums;line-height:1.2}
.dq-system-settings-modal-admin .dq-aflow-main-card{box-shadow:none}
.dq-system-settings-modal-admin .dq-aflow-table-head{font-weight:500;font-size:var(--dq-font-12, 12px)}
.dq-system-settings-modal-admin .dq-aflow-table-row menu button:not(:first-child){background:var(--dq-color-surface);color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin .dq-aflow-form-group>header span{font-size:var(--dq-font-12, 12px);line-height:1.6;white-space:normal}
.dq-system-settings-modal-admin .dq-aflow-editor-grid{gap:var(--dq-content-space-16, 16px)}
.dq-system-settings-modal-admin .dq-aflow-editor-grid article{padding:var(--dq-content-space-18, 18px);gap:var(--dq-content-space-16, 16px);box-shadow:none}
.dq-system-settings-modal-admin :is(.dq-aflow-editor,.dq-aflow-action-panel) textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:96px;padding:var(--dq-content-space-12, 12px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);color:var(--dq-color-text);-webkit-text-fill-color:var(--dq-color-text);background:var(--dq-color-surface);font:inherit;font-size:var(--dq-font-16, 16px);line-height:1.65;resize:vertical}
.dq-system-settings-modal-admin .dq-aflow-editor-grid label>span{font-size:var(--dq-font-13, 13px);font-weight:500;color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin .dq-aflow-editor-permission{display:grid;gap:8px;align-content:start;color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px)}
.dq-system-settings-modal-admin .dq-aflow-editor-permission>b{font-size:var(--dq-font-15, 15px);color:var(--dq-color-text);font-weight:500}
.dq-system-settings-modal-admin .dq-aflow-route-summary{list-style:none;display:grid;gap:var(--dq-content-space-8, 8px);margin:0;padding:0}
.dq-system-settings-modal-admin .dq-aflow-route-summary li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--dq-content-space-12, 12px);padding:var(--dq-content-space-12, 12px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-system-settings-modal-admin .dq-aflow-route-summary i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-style:normal;color:var(--dq-color-brand);background:var(--dq-color-brand-soft);font-size:var(--dq-font-13, 13px)}
.dq-system-settings-modal-admin .dq-aflow-route-summary span{display:grid;gap:var(--dq-content-space-4, 4px);min-width:0;overflow-wrap:anywhere}
.dq-system-settings-modal-admin .dq-aflow-route-summary b{font-size:var(--dq-font-14, 14px)}
.dq-system-settings-modal-admin .dq-aflow-condition-summary{padding:var(--dq-content-space-10, 10px) var(--dq-content-space-12, 12px);background:var(--dq-color-canvas);border-radius:var(--dq-radius-control);overflow-wrap:anywhere}
.dq-system-settings-modal-admin .dq-aflow-field-list{gap:0;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);overflow:hidden}
.dq-system-settings-modal-admin .dq-aflow-field-list p{min-height:48px;gap:var(--dq-content-space-12, 12px);padding:var(--dq-content-space-10, 10px) var(--dq-content-space-12, 12px);border-radius:0;border-bottom:1px solid var(--dq-color-divider)}
.dq-system-settings-modal-admin .dq-aflow-field-list p:last-child{border-bottom:0}
.dq-system-settings-modal-admin .dq-aflow-field-list span{font-size:var(--dq-font-14, 14px);color:var(--dq-color-text);overflow-wrap:anywhere}
.dq-system-settings-modal-admin .dq-aflow-field-list small{white-space:nowrap;font-size:var(--dq-font-12, 12px)}
.dq-system-settings-modal-admin .dq-aflow-editor footer button:nth-child(2){background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-system-settings-modal-admin :is([data-aflow-status],[data-aflow-action-status],[data-aflow-data-status]){font-size:var(--dq-font-13, 13px)!important;color:var(--dq-color-text-secondary);line-height:1.6;overflow-wrap:anywhere}
.dq-system-settings-modal-admin [role=alert]{color:var(--dq-color-danger)!important}
.dq-system-settings-modal-admin :is(.dq-aflow-action-panel,.dq-aflow-choice-sheet,.dq-aflow-people-dialog){box-shadow:var(--dq-shadow-surface);border-radius:var(--dq-radius-surface)}
.dq-system-settings-modal-admin .dq-aflow-action-panel form{padding:var(--dq-content-space-20, 20px);overscroll-behavior:contain}
.dq-system-settings-modal-admin :is(.dq-aflow-action-flow-row,.dq-aflow-action-condition-row,.dq-aflow-sort-list article,.dq-aflow-node-config-section){background:var(--dq-color-canvas);border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);color:var(--dq-color-text)}
.dq-system-settings-modal-admin :is(.dq-aflow-action-flow-head button,.dq-aflow-action-reset-flow,.dq-aflow-node-config footer button,.dq-aflow-sort-list button){border:1px solid var(--dq-color-border);background:var(--dq-color-brand-soft);color:var(--dq-color-brand);min-height:44px;border-radius:var(--dq-radius-control)}
.dq-system-settings-modal-admin :is(.dq-aflow-action-row-remove,[data-aflow-delete-node]){color:var(--dq-color-danger)!important;background:var(--dq-color-danger-soft)!important}
.dq-system-settings-modal-admin .dq-aflow-action-flow-cc select{width:100%;min-height:160px;height:auto;max-width:100%;padding:8px}
.dq-system-settings-modal-admin .dq-aflow-action-flow-cc option{padding:10px;border-radius:var(--dq-radius-control);color:var(--dq-color-text);background:var(--dq-color-surface)}
.dq-system-settings-modal-admin .dq-aflow-action-flow-cc option:checked{background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-system-settings-modal-admin .dq-aflow-services>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.dq-system-settings-modal-admin .dq-aflow-services h3{margin:4px 0;font-size:var(--dq-font-20, 20px)}
.dq-system-settings-modal-admin .dq-aflow-services header p{margin:6px 0 0}
.dq-system-settings-modal-admin .dq-aflow-services button{min-height:44px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);padding:10px 16px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand);font:inherit;font-size:var(--dq-font-14, 14px);display:flex;align-items:center;justify-content:center;gap:6px}
.dq-system-settings-modal-admin .dq-aflow-services>header button{background:var(--dq-color-action);color:var(--dq-settings-action-ink);white-space:nowrap}
.dq-system-settings-modal-admin .dq-aflow-service-list{display:grid;gap:var(--dq-content-space-12, 12px)}
.dq-system-settings-modal-admin .dq-aflow-service-list article{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:var(--dq-content-space-12, 12px);padding:var(--dq-content-space-16, 16px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface)}
.dq-system-settings-modal-admin .dq-aflow-service-list article>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
.dq-system-settings-modal-admin .dq-aflow-service-list article>div{min-width:0;overflow-wrap:anywhere}
.dq-system-settings-modal-admin .dq-aflow-service-list b{font-size:var(--dq-font-15, 15px);font-weight:600}
.dq-system-settings-modal-admin .dq-aflow-service-list p{margin:5px 0}
.dq-system-settings-modal-admin .dq-aflow-status-pill{padding:6px 10px;font-size:var(--dq-font-12, 12px);border-radius:999px;white-space:nowrap;background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin .dq-aflow-status-pill.is-published{background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-system-settings-modal-admin .dq-aflow-basic-preview{align-self:start}
.dq-system-settings-modal-admin :is(.dq-aflow-process-canvas,.dq-aflow-node-config-tip){background:var(--dq-color-canvas);color:var(--dq-color-text-secondary)}
.dq-system-settings-modal-admin .dq-aflow-process-canvas{background-image:radial-gradient(var(--dq-color-border) 1px,transparent 1px);background-size:18px 18px}
.dq-system-settings-modal-admin :is(.dq-aflow-node-config h5,.dq-aflow-choice-sheet h3){color:var(--dq-color-text);font-weight:600}
.dq-system-settings-modal-admin .dq-aflow-node-config :is(input,textarea){background:var(--dq-color-surface);color:var(--dq-color-text);-webkit-text-fill-color:var(--dq-color-text);border-color:var(--dq-color-border);font-size:var(--dq-font-16, 16px)}
.dq-system-settings-modal-admin .dq-aflow-node-config-select>button{background:var(--dq-color-surface);color:var(--dq-color-text);border-color:var(--dq-color-border)}
.dq-system-settings-modal-admin .dq-aflow-node-config :is(header,footer){background:var(--dq-color-surface);border-color:var(--dq-color-border)}
.dq-system-settings-modal-admin :is(.dq-aflow-choice-sheet>div>button,.dq-aflow-select-menu button){background:var(--dq-color-surface);color:var(--dq-color-text);border-color:var(--dq-color-border)}
.dq-system-settings-modal-admin :is(.dq-aflow-choice-sheet>div>button.active,.dq-aflow-select-menu button.active){background:var(--dq-color-brand-soft)}
.dq-system-settings-modal-admin :is(.dq-aflow-create-modal,.dq-aflow-action-panel,.dq-aflow-editor,.dq-aflow-designer) :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
.dq-system-settings-modal-admin .dq-aflow-config-panel article>small{font-size:var(--dq-font-24, 24px);line-height:1.2;color:var(--dq-color-brand);font-weight:600}
html body[data-color-scheme='dark']:not(.auth-public) .dq-system-settings-modal-admin .dq-back-icon{color:var(--dq-color-text)!important}
@media(max-width:899px){
 .dq-system-settings-modal-admin .dq-aflow-side{gap:4px;padding:7px 10px}
 .dq-system-settings-modal-admin .dq-aflow-side button{flex:1 1 0;min-width:0;padding:0 7px;gap:5px;grid-template-columns:16px minmax(0,1fr);font-size:var(--dq-font-13, 13px)}
 .dq-system-settings-modal-admin .dq-aflow-side i{width:16px;height:16px}
 .dq-system-settings-modal-admin .dq-aflow-hero{grid-template-columns:minmax(0,1fr);padding:var(--dq-content-space-18, 18px);gap:var(--dq-content-space-16, 16px)}
 .dq-system-settings-modal-admin .dq-aflow-hero h3{font-size:var(--dq-font-20, 20px)}
 .dq-system-settings-modal-admin .dq-aflow-hero-actions{grid-row:auto;grid-column:1}
 .dq-system-settings-modal-admin .dq-aflow-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dq-system-settings-modal-admin .dq-aflow-metrics>div{padding:var(--dq-content-space-12, 12px)}
 .dq-system-settings-modal-admin .dq-aflow-metrics b{font-size:var(--dq-font-24, 24px)}
 .dq-system-settings-modal-admin .dq-aflow-editor-grid article{padding:var(--dq-content-space-14, 14px)}
 .dq-system-settings-modal-admin .dq-aflow-services>header{align-items:stretch;flex-direction:column}
 .dq-system-settings-modal-admin .dq-aflow-service-list article{grid-template-columns:36px minmax(0,1fr);padding:var(--dq-content-space-14, 14px)}
 .dq-system-settings-modal-admin .dq-aflow-service-list .dq-aflow-status-pill{grid-column:1/-1;justify-self:start}
 .dq-system-settings-modal-admin .dq-aflow-service-list button{grid-column:1/-1}
 .dq-system-settings-modal-admin .dq-aflow-action-panel form{padding:var(--dq-content-space-12, 12px)}
 .dq-system-settings-modal-admin .dq-aflow-designer-head{grid-template-columns:44px minmax(0,1fr);padding:8px}
 .dq-system-settings-modal-admin .dq-aflow-designer-head menu{grid-column:1/-1;justify-content:flex-end}
 .dq-system-settings-modal-admin .dq-aflow-design-steps{gap:10px}
 .dq-system-settings-modal-admin .dq-aflow-node-config{min-height:0}
 .dq-system-settings-modal-admin .dq-aflow-basic-preview{display:none}
}
.dq-system-settings-modal-admin .dq-aflow-sort-list menu button{height:44px!important;min-height:44px!important;min-width:44px}
.dq-system-settings-modal-admin .dq-aflow-node-config>div{background:var(--dq-color-canvas)}
.dq-system-settings-modal-admin .dq-aflow-node-config>header button{width:44px;height:44px;min-height:44px}
.dq-system-settings-modal-admin .dq-aflow-preview-fields{display:grid;gap:12px;min-width:0;max-width:100%;border:0;margin:0;padding:0}
.dq-system-settings-modal-admin .dq-aflow-preview-fields :disabled{opacity:1;color:var(--dq-color-text);-webkit-text-fill-color:var(--dq-color-text)}
.dq-system-settings-modal-admin .dq-aflow-preview-fields :is(.dq-approval-custom-table,.dq-approval-expense-table){max-width:100%;overflow-x:auto}
@media(max-width:1100px){
 .dq-system-settings-modal-admin .dq-aflow-process-layout{display:block;overflow:auto;height:100%}
 .dq-system-settings-modal-admin .dq-aflow-process-left{display:block;padding:14px}
 .dq-system-settings-modal-admin .dq-aflow-process-left>button{display:none}
 .dq-system-settings-modal-admin .dq-aflow-process-canvas{min-height:0;overflow:visible;padding:24px 12px}
 .dq-system-settings-modal-admin .dq-aflow-node-config.empty{display:none}
 .dq-system-settings-modal-admin .dq-aflow-process-layout:has(.dq-aflow-node-config:not(.empty)){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
 .dq-system-settings-modal-admin .dq-aflow-process-layout:has(.dq-aflow-node-config:not(.empty))>:is(.dq-aflow-process-left,.dq-aflow-process-canvas){display:none}
 .dq-system-settings-modal-admin .dq-aflow-node-config:not(.empty){height:100%;overflow:hidden;border:0}
 .dq-system-settings-modal-admin .dq-aflow-node-config>div{overflow:auto;overscroll-behavior:contain}
 .dq-system-settings-modal-admin .dq-aflow-node-config>footer{padding:10px 12px}
 .dq-system-settings-modal-admin .dq-aflow-node-config>footer button{min-width:88px}
 .dq-system-settings-modal-admin .dq-aflow-designer-head menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}
 .dq-system-settings-modal-admin .dq-aflow-designer-head menu button{padding:8px;min-width:0}
}
@media(max-height:500px){
 .dq-system-settings-modal-admin .dq-aflow-designer{height:auto;overflow:visible;grid-template-rows:auto auto auto}
 .dq-system-settings-modal-admin :is(.dq-aflow-basic-layout,.dq-aflow-process-layout,.dq-aflow-node-config:not(.empty)){height:auto!important;overflow:visible}
 .dq-system-settings-modal-admin .dq-aflow-process-layout:has(.dq-aflow-node-config:not(.empty)){grid-template-rows:auto;overflow:visible}
 .dq-system-settings-modal-admin .dq-aflow-node-config>div{overflow:visible}
}
html body:not(.auth-public) .dq-system-settings-modal-admin .dq-aflow-preview-fields :is(input,textarea,select,button){color:var(--dq-color-text)!important;-webkit-text-fill-color:var(--dq-color-text)!important;background:var(--dq-color-surface)!important;border-color:var(--dq-color-border)!important;opacity:1!important}

.dq-system-settings-modal-admin .dq-aflow-node-config :is(label>span,.dq-aflow-node-config-select>span){display:block;font-weight:500;color:var(--dq-color-text)}
.dq-system-settings-modal-admin .dq-aflow-node-config :is(label>span,.dq-aflow-node-config-select>span)>em{display:inline;margin-right:4px;font-style:normal}
.dq-system-settings-modal-admin .dq-aflow-node-config :is(label>span,.dq-aflow-node-config-select>span)>small{display:block;margin-top:4px;font-weight:400;color:var(--dq-color-text-secondary)}
@media(max-width:1100px){
 .dq-system-settings-modal-admin .dq-aflow-designer:has(.dq-aflow-node-config:not(.empty)) .dq-aflow-designer-head menu{display:none!important}
 .dq-system-settings-modal-admin .dq-aflow-node-config>header{padding:10px 12px}
}

/* OA detail screens share the existing page scroller instead of mixing drawers
   with viewport-sized form grids. Breakpoints follow the content width. */
.dq-aflow-inline-workspace>.dq-aflow-main{container-type:inline-size;container-name:oa-workspace;align-content:start}
.dq-aflow-inline-workspace :is(.dq-aflow-action-overlay,.dq-aflow-create-overlay,.dq-aflow-people-overlay,.dq-aflow-choice-overlay){position:static;inset:auto;display:block;padding:0;width:100%;min-width:0;max-width:100%;height:auto;overflow:visible;background:transparent;backdrop-filter:none}
.dq-aflow-inline-workspace :is(.dq-aflow-action-panel,.dq-aflow-create-modal,.dq-aflow-people-dialog,.dq-aflow-choice-sheet){width:100%;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;overflow:visible;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);box-shadow:none}
.dq-aflow-inline-workspace :is(.dq-aflow-action-panel,.dq-aflow-create-modal){grid-template-rows:auto auto auto}
.dq-aflow-inline-workspace :is(.dq-aflow-action-panel>header,.dq-aflow-create-modal>header,.dq-aflow-people-dialog>header,.dq-aflow-choice-sheet>header){position:relative;inset:auto;min-height:64px;padding:var(--dq-content-space-12, 12px) var(--dq-content-space-16, 16px);border-radius:var(--dq-radius-surface) var(--dq-radius-surface) 0 0}
.dq-aflow-inline-workspace .dq-aflow-action-panel>header{grid-template-columns:44px minmax(0,1fr);align-items:center}
.dq-aflow-inline-workspace .dq-aflow-action-panel>header>div{min-width:0;text-align:left}
.dq-aflow-inline-workspace .dq-aflow-action-panel>header h3{font-size:var(--dq-font-20, 20px);line-height:1.4;overflow-wrap:anywhere}
.dq-aflow-inline-workspace .dq-aflow-action-panel>header small{display:none}
.dq-aflow-inline-workspace :is(.dq-aflow-action-panel>form,.dq-aflow-choice-sheet>div,.dq-aflow-people-body,.dq-aflow-people-body>*,.dq-aflow-create-browser>main){height:auto;max-height:none;overflow:visible}
.dq-aflow-inline-workspace .dq-aflow-action-panel>form{padding:var(--dq-content-space-20, 20px);gap:var(--dq-content-space-16, 16px);min-width:0;background:var(--dq-color-canvas)}
.dq-aflow-inline-workspace .dq-aflow-action-panel>footer{position:relative;display:flex;flex-wrap:wrap;gap:var(--dq-content-space-10, 10px);align-items:center;padding:var(--dq-content-space-14, 14px) var(--dq-content-space-20, 20px);border-radius:0 0 var(--dq-radius-surface) var(--dq-radius-surface);background:var(--dq-color-surface)}
.dq-aflow-inline-workspace .dq-aflow-action-panel>footer>span{flex:1 1 200px;order:0}
.dq-aflow-inline-workspace .dq-aflow-action-panel>footer>button{min-width:100px}
.dq-aflow-inline-workspace :is(.dq-aflow-action-flow-row,.dq-aflow-action-condition-row){grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;gap:var(--dq-content-space-14, 14px);padding:var(--dq-content-space-14, 14px)}
.dq-aflow-inline-workspace .dq-aflow-action-panel :is(.dq-aflow-action-flow-row,.dq-aflow-action-condition-row)>label{min-width:0;padding:0;background:transparent;border:0;box-shadow:none}
.dq-aflow-inline-workspace .dq-aflow-action-row-remove{justify-self:end;min-width:64px;min-height:44px}
.dq-aflow-inline-workspace .dq-aflow-action-flow-scroll{overflow:visible;min-width:0}
.dq-aflow-inline-workspace .dq-aflow-action-flow-head{flex-direction:row;flex-wrap:wrap;gap:var(--dq-content-space-12, 12px)}
.dq-aflow-inline-workspace .dq-aflow-action-flow-head>button{width:auto;min-width:120px}
.dq-aflow-inline-workspace .dq-aflow-people-body{grid-template-columns:minmax(0,1fr)}
.dq-aflow-inline-workspace .dq-aflow-people-body>aside{border:0;border-bottom:1px solid var(--dq-color-border)}
.dq-aflow-inline-workspace .dq-aflow-people-hint{margin:12px 0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.7}
.dq-aflow-inline-workspace .dq-aflow-org-list>label{min-height:52px}
.dq-aflow-inline-workspace .dq-aflow-create-types{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);padding:var(--dq-content-space-16, 16px);margin:0;box-sizing:border-box}
.dq-aflow-inline-workspace .dq-aflow-create-browser{width:auto;max-width:100%;margin:0 16px 16px;grid-template-columns:minmax(0,1fr);overflow:visible}
.dq-aflow-inline-workspace .dq-aflow-create-browser>nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--dq-content-space-6, 6px);border:0;border-bottom:1px solid var(--dq-color-border);padding:var(--dq-content-space-12, 12px);overflow:visible}
.dq-aflow-inline-workspace .dq-aflow-create-browser>nav>button{flex:0 1 auto;width:auto;min-height:44px}
.dq-aflow-inline-workspace .dq-aflow-template-grid{grid-template-columns:minmax(0,1fr)}
@container oa-workspace (min-width:620px){
 .dq-aflow-inline-workspace .dq-aflow-action-flow-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto}
 .dq-aflow-inline-workspace .dq-aflow-action-condition-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dq-aflow-inline-workspace .dq-aflow-action-condition-row>.dq-aflow-action-row-remove{align-self:end}
 .dq-aflow-inline-workspace .dq-aflow-create-types,.dq-aflow-inline-workspace .dq-aflow-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dq-aflow-inline-workspace .dq-aflow-people-body{grid-template-columns:240px minmax(0,1fr)}
 .dq-aflow-inline-workspace .dq-aflow-people-body>.dq-aflow-selected{grid-column:1/-1;border-top:1px solid var(--dq-color-border)}
}
@media(max-width:899px){
 .dq-aflow-inline-workspace .dq-aflow-action-panel>form{padding:var(--dq-content-space-12, 12px)}
 .dq-aflow-inline-workspace .dq-aflow-action-panel>footer{padding:var(--dq-content-space-12, 12px)}
 .dq-aflow-inline-workspace .dq-aflow-action-panel>footer>span{flex-basis:100%;order:2}
 .dq-aflow-inline-workspace .dq-aflow-action-panel>footer>button{flex:1;min-width:0}
}

/* Record-first workspaces keep reading and editing as distinct tasks. */
.dq-tool-workspace .dq-record-workspace-tabs,#capacityStats_options .dq-record-workspace-tabs{display:flex;gap:var(--dq-content-space-6, 6px);margin:0 0 20px;padding:var(--dq-content-space-6, 6px);max-width:480px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-tool-workspace .dq-record-workspace-tabs>button,#capacityStats_options .dq-record-workspace-tabs>button{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--dq-content-space-8, 8px);min-width:0;min-height:46px;padding:var(--dq-content-space-10, 10px) var(--dq-content-space-16, 16px);border:0;border-radius:calc(var(--dq-radius-control) - 3px);background:transparent;color:var(--dq-color-text-secondary);font:inherit;font-size:var(--dq-font-15, 15px);font-weight:500;cursor:pointer}
.dq-tool-workspace .dq-record-workspace-tabs>button[aria-selected=true],#capacityStats_options .dq-record-workspace-tabs>button[aria-selected=true]{background:var(--dq-color-surface);color:var(--dq-color-brand);box-shadow:var(--dq-shadow-surface)}
.dq-tool-workspace .dq-record-workspace-tabs svg,#capacityStats_options .dq-record-workspace-tabs svg{width:18px;height:18px;flex-shrink:0}
.dq-tool-workspace [data-record-workspace-panel][hidden]{display:none!important}
.dq-tool-workspace [data-record-workspace-panel]{margin-top:0}
.dq-tool-workspace :is([data-followup-list],[data-sample-list]){display:grid;gap:var(--dq-content-space-14, 14px)}
.dq-tool-workspace .dq-record-workspace-feedback{padding:var(--dq-content-space-12, 12px) var(--dq-content-space-16, 16px);margin:0 0 16px;color:var(--dq-color-brand);background:var(--dq-color-brand-soft);border-radius:var(--dq-radius-control);font-size:var(--dq-font-14, 14px);line-height:1.6}
.dq-tool-workspace [data-sample-record-status]{color:var(--dq-color-danger);font-size:var(--dq-font-14, 14px);line-height:1.6}
.dq-tool-workspace .dq-followup-record-details{margin:16px 0 0;border-top:1px solid var(--dq-color-divider)}
.dq-tool-workspace .dq-followup-record-details>summary{min-height:44px;display:flex;align-items:center;gap:var(--dq-content-space-8, 8px);cursor:pointer;color:var(--dq-color-brand);font-size:var(--dq-font-14, 14px);font-weight:500;list-style:none}
.dq-tool-workspace .dq-followup-record-details>summary::-webkit-details-marker{display:none}
.dq-tool-workspace .dq-followup-record-details>summary:after{content:'⌄';margin-left:auto}
.dq-tool-workspace .dq-followup-record-details[open]>summary:after{content:'⌃'}
.dq-tool-workspace .dq-followup-record-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-content-space-16, 16px);margin:12px 0 20px}
.dq-tool-workspace .dq-followup-record-facts>div{min-width:0}
.dq-tool-workspace .dq-followup-record-facts dt{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary);margin-bottom:5px}
.dq-tool-workspace .dq-followup-record-facts dd{margin:0;font-size:var(--dq-font-14, 14px);line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}
.dq-tool-workspace .dq-followup-customer-summary{padding:var(--dq-content-space-14, 14px);margin-top:12px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas)}
.dq-tool-workspace .dq-followup-customer-summary>b{display:block;font-size:var(--dq-font-15, 15px);font-weight:600}
.dq-tool-workspace .dq-followup-customer-summary>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
@media(max-width:600px){.dq-tool-workspace .dq-record-workspace-tabs,#capacityStats_options .dq-record-workspace-tabs{max-width:none}.dq-tool-workspace .dq-followup-record-facts{grid-template-columns:minmax(0,1fr)}}

.dq-tool-workspace .dq-record-workspace-feedback[data-kind=error]{color:var(--dq-color-danger);background:var(--dq-color-danger-soft)}

/* Performance shares the record workspace tabs, with four compact destinations. */
.dq-performance-view .dq-performance-tabs{max-width:640px;margin-bottom:16px}
.dq-performance-view .dq-performance-tabs>button{padding-inline:8px;white-space:nowrap}
.dq-performance-view .dq-performance-tabs>button[hidden],.dq-performance-view .dq-performance-toolbar[hidden]{display:none!important}
.dq-performance-view .dq-performance-entry{margin-top:0}
.dq-performance-view .dq-performance-entry form>small[data-kind=error]{color:var(--dq-color-danger)}
.dq-performance-view .dq-performance-entry [data-performance-retry-form]{color:var(--dq-color-brand);background:var(--dq-color-brand-soft)}
@media(max-width:600px){
  .dq-performance-view .dq-performance-tabs{gap:4px;padding:4px;max-width:none}
  .dq-performance-view .dq-performance-tabs>button{padding:10px 4px;font-size:var(--dq-font-14, 14px)}
}

/* Capacity overview and calculation share the record/form tabs and shell scroll. */
#capacityStats_options [data-capacity-panel][hidden]{display:none!important}
#container #capacityStats_options .dq-record-workspace-tabs>button:not([aria-selected=true]):hover{background:transparent;color:var(--dq-color-text-secondary)}
@media(hover:hover) and (pointer:fine){#container #capacityStats_options .dq-record-workspace-tabs>button:not([aria-selected=true]):hover{background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}}
#capacityStats_options [data-capacity-panel]>.section:first-child{margin-top:0}
#capacityStats_options .section>h3{margin:0 0 14px}
#capacityStats_options .capacity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#capacityStats_options .capacity-grid-monthly{grid-template-columns:repeat(2,minmax(0,1fr))}
#capacityStats_options .capacity-card{min-width:0;border-color:var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas);box-shadow:none}
#capacityStats_options .capacity-card .cap-label{color:var(--dq-color-brand);background:var(--dq-color-brand-soft);border-radius:var(--dq-radius-control)}
#capacityStats_options .capacity-card h4{color:var(--dq-color-text);font-size:var(--dq-font-16, 16px);font-weight:600}
#capacityStats_options .capacity-big{font-size:calc(clamp(21px,2.4vw,28px) * var(--dq-user-font-scale,1));color:var(--dq-color-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#capacityStats_options :is(.capacity-desc,.capacity-mini-note){color:var(--dq-color-text-secondary);font-size:var(--dq-font-13, 13px);line-height:1.8}
#capacityStats_options .formula-note{margin:0;padding:0;border:0;background:transparent;color:var(--dq-color-text-secondary);font-size:var(--dq-font-14, 14px);line-height:1.8}
#capacityStats_options .capacity-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
#capacityStats_options .capacity-field{min-width:0}
#capacityStats_options .capacity-field label{display:block;color:var(--dq-color-text-secondary);font-weight:500;font-size:var(--dq-font-14, 14px)}
body[data-app-view='quote'] #container #capacityStats_options .capacity-field :is(input,select){width:100%;min-width:0;max-width:100%;margin:0;background:var(--dq-color-surface);color:var(--dq-color-text);border-color:var(--dq-color-border)}
#capacityStats_options #action_section{margin-top:0!important}
@media(max-width:1100px){#capacityStats_options .capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 #capacityStats_options :is(.capacity-grid,.capacity-form-grid){grid-template-columns:minmax(0,1fr)}
 #capacityStats_options .dq-record-workspace-tabs>button{padding:var(--dq-content-space-10, 10px) var(--dq-content-space-8, 8px);font-size:var(--dq-font-14, 14px);white-space:nowrap}
}

/* Group permissions: one shared appbar and one content scroller on every device. */
.dq-group-management-modal .dq-group-action-body{min-width:0;box-sizing:border-box;overscroll-behavior:contain;color:var(--dq-color-text)}
.dq-group-management-modal :is(input,button,label,section){box-sizing:border-box}
.dq-group-management-modal :is(h3,p){overflow-wrap:anywhere}
.dq-gm-identity{display:flex;gap:14px;align-items:center;padding:4px 0 20px;min-width:0}
.dq-gm-identity>i{flex:0 0 48px;font-style:normal}
.dq-gm-identity>div{min-width:0}
.dq-gm-identity small{font-size:var(--dq-font-11, 11px);letter-spacing:.1em;font-weight:700;color:var(--dq-color-brand)}
.dq-gm-identity h3{margin:4px 0;font-size:var(--dq-font-19, 19px);line-height:1.5;color:var(--dq-color-text)}
.dq-gm-identity p{margin:0;font-size:var(--dq-font-13, 13px);line-height:1.7;color:var(--dq-color-text-secondary)}
.dq-gm-card{min-width:0;background:var(--dq-color-surface);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);box-shadow:var(--dq-shadow-surface);overflow:hidden}
.dq-group-management-modal :is(.dq-gm-setting,.dq-gm-row){display:flex;align-items:center;gap:var(--dq-content-space-14, 14px);width:100%;min-height:76px;padding:var(--dq-content-space-16, 16px);text-align:left;border:0;border-bottom:1px solid var(--dq-color-divider);background:transparent;color:var(--dq-color-text);font:inherit;cursor:pointer}
.dq-group-management-modal :is(.dq-gm-setting,.dq-gm-row):last-child{border-bottom:0}
.dq-group-management-modal :is(.dq-gm-setting,.dq-gm-row)>span{flex:1;min-width:0}
.dq-group-management-modal :is(.dq-gm-setting,.dq-gm-row) b{display:block;font-size:var(--dq-font-15, 15px);font-weight:600;line-height:1.6}
.dq-group-management-modal :is(.dq-gm-setting,.dq-gm-row) small{display:block;margin-top:5px;font-size:var(--dq-font-12, 12px);line-height:1.8;color:var(--dq-color-text-secondary);white-space:normal}
.dq-gm-row>em{white-space:nowrap;font-size:var(--dq-font-13, 13px);font-style:normal;color:var(--dq-color-brand)}
.dq-gm-row>svg{flex:0 0 16px;width:16px;height:16px;color:var(--dq-color-text-tertiary)}
.dq-gm-row:disabled{opacity:.65}
.dq-gm-setting input{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 44px;width:44px;height:26px!important;min-height:0!important;margin:0;padding:0!important;border:1px solid var(--dq-theme-border, #8c9cac)!important;border-radius:20px!important;background:#9baab9!important;cursor:pointer;transition:background-color var(--dq-motion-fast) var(--dq-ease-standard)}
.dq-gm-setting input::before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--dq-theme-surface, #fff);box-shadow:0 1px 3px #0002;transition:transform var(--dq-motion-fast) var(--dq-ease-standard)}
.dq-gm-setting input:checked{background:var(--dq-color-action)!important;border-color:var(--dq-color-brand)!important}
.dq-gm-setting input:checked::before{transform:translateX(18px)}
.dq-gm-setting input:focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:3px}
.dq-gm-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--dq-content-space-12, 12px);margin:20px 0 8px}
.dq-gm-section-head h3{margin:0;font-size:var(--dq-font-15, 15px);color:var(--dq-color-text)}
.dq-gm-person{display:flex;align-items:center;gap:12px;min-width:0}
.dq-gm-person>i{flex:0 0 40px;font-style:normal}
.dq-gm-person>span{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}
.dq-gm-person b{font-size:var(--dq-font-15, 15px);line-height:1.7;font-weight:600;color:var(--dq-color-text)}
.dq-gm-person small{display:block;font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary);line-height:1.8}
.dq-gm-person em{display:inline-block;font-size:var(--dq-font-11, 11px);font-style:normal;color:var(--dq-color-accent);background:var(--dq-color-accent-soft);border-radius:5px;padding:0 4px}
.dq-gm-request{padding:16px;border-bottom:1px solid var(--dq-color-divider)}
.dq-gm-request:last-child{border-bottom:0}
.dq-gm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:14px}
.dq-group-management-modal .dq-gm-choice{padding:var(--dq-content-space-14, 14px) var(--dq-content-space-16, 16px);min-height:72px;cursor:pointer;border-bottom:1px solid var(--dq-color-divider)}
.dq-group-management-modal .dq-gm-choice:last-child{border-bottom:0}
.dq-group-management-modal .dq-gm-choice input{flex:0 0 22px;width:22px;min-width:22px;max-width:22px;height:22px;min-height:0;margin:0;accent-color:var(--dq-color-brand)}
.dq-group-management-modal .dq-gm-submit{width:100%;margin-top:20px;min-height:48px}
.dq-gm-empty{padding:24px 16px;text-align:center;font-size:var(--dq-font-14, 14px);color:var(--dq-color-text-secondary)}
.dq-group-management-modal :is(.dq-gm-note,.dq-gm-status){font-size:var(--dq-font-13, 13px);line-height:1.8;color:var(--dq-color-text-secondary);margin:12px 0;overflow-wrap:anywhere}
.dq-group-management-modal .dq-gm-status:empty{display:none}
.dq-group-management-modal .dq-group-panel-search input{min-width:0;font-size:var(--dq-font-16, 16px)}
.dq-group-management-modal :is(.dq-gm-join,.dq-gm-share){padding:var(--dq-content-space-24, 24px) var(--dq-content-space-18, 18px);line-height:1.8}
.dq-gm-join{text-align:center}
.dq-gm-join>i{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;border-radius:18px;background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-gm-join>i svg{width:32px;height:32px}
.dq-gm-join h3{font-size:var(--dq-font-21, 21px);margin:8px 0;color:var(--dq-color-text)}
.dq-gm-join>span{color:var(--dq-color-accent);font-size:var(--dq-font-13, 13px)}
.dq-gm-join p,.dq-gm-share p{font-size:var(--dq-font-14, 14px);color:var(--dq-color-text-secondary)}
.dq-gm-join .dq-button{width:100%;margin-top:16px}
.dq-gm-share small{display:block;font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-gm-share .dq-field{display:grid;gap:8px;margin-top:20px;font-size:var(--dq-font-13, 13px)}
.dq-gm-share .dq-control{width:100%;min-width:0;max-width:100%;font-size:var(--dq-font-16, 16px);color:var(--dq-color-text);-webkit-text-fill-color:var(--dq-color-text)}
.dq-gm-qr{width:min(100%,250px);margin:0 auto 18px;padding:8px;background:var(--dq-theme-surface, white);border-radius:12px}
.dq-gm-qr svg{display:block;width:100%;height:auto}
.dq-group-management-modal .dq-group-share-tabs{gap:var(--dq-content-space-4, 4px);padding:var(--dq-content-space-4, 4px);background:var(--dq-color-surface-muted);border-radius:var(--dq-radius-control);margin-bottom:16px}
.dq-group-management-modal .dq-group-share-tabs button{min-width:0;flex:1;min-height:44px;font-size:var(--dq-font-14, 14px);color:var(--dq-color-text-secondary);border:0;background:transparent}
.dq-group-management-modal .dq-group-share-tabs button.active{background:var(--dq-color-surface);color:var(--dq-color-brand);border-radius:var(--dq-radius-control);box-shadow:var(--dq-shadow-surface)}
@media (prefers-reduced-motion:reduce){.dq-gm-setting input,.dq-gm-setting input::before{transition:none}}
body[data-motion='reduced'] .dq-gm-setting input,body[data-motion='reduced'] .dq-gm-setting input::before{transition:none}

/* Currency workspace: the shared shell keeps its header; lists own scrolling. */
html:has(body[data-app-view='currency']),body[data-app-view='currency']{overflow:hidden;overscroll-behavior:none}
html body .dq-currency-view.dq-fx-view{
  position:fixed;top:calc(var(--dq-shell-header-height) + var(--dq-safe-top));height:calc(var(--dq-viewport-height) - var(--dq-shell-header-height) - var(--dq-safe-top) - var(--dq-safe-bottom));bottom:auto;left:0;right:0;
  width:auto!important;max-width:none!important;margin:0!important;padding:0!important;min-height:0!important;overflow:hidden;
  background:var(--dq-color-canvas);color:var(--dq-color-text);
}
/* The web shell's bar already owns its top spacing; native adds the status inset. */
html:not(.dq-native-app) body .dq-currency-view.dq-fx-view{top:var(--dq-shell-header-height);height:calc(var(--dq-viewport-height) - var(--dq-shell-header-height) - var(--dq-safe-bottom))}
.dq-fx-view *{box-sizing:border-box}
.dq-fx-view svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.dq-fx-view button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dq-fx-view button:focus-visible{outline:2px solid var(--dq-color-brand);outline-offset:-3px}
.dq-fx-workspace{height:100%;max-width:1180px;margin:0 auto;padding:var(--dq-content-space-20, 20px) var(--dq-content-space-24, 24px) var(--dq-content-space-10, 10px);display:flex;flex-direction:column;gap:var(--dq-content-space-8, 8px);min-height:0}
.dq-fx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--dq-content-space-12, 12px);flex:none}
.dq-fx-toolbar .dq-button{font-size:var(--dq-font-13, 13px);gap:var(--dq-content-space-6, 6px);white-space:nowrap}
.dq-fx-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);background:var(--dq-color-divider);min-width:0}
.dq-fx-tabs button{min-height:44px;padding:8px 18px;border:0;border-radius:8px;background:transparent;color:var(--dq-color-text-secondary);font-size:var(--dq-font-14, 14px);white-space:nowrap;transition:background var(--dq-motion-fast),color var(--dq-motion-fast)}
.dq-fx-tabs button[aria-selected=true]{background:var(--dq-color-surface);color:var(--dq-color-brand);font-weight:700;box-shadow:var(--dq-shadow-surface)}
.dq-fx-source{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;flex:none;font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-fx-source>span{min-width:0;overflow-wrap:anywhere}.dq-fx-source [data-warning=true]{color:var(--dq-color-warning)}
.dq-fx-view .dq-fx-source button,.dq-fx-view .dq-fx-display button{display:inline-flex;gap:6px;align-items:center;justify-content:center;flex:none;min-height:44px;min-width:44px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--dq-color-brand);font-size:var(--dq-font-12, 12px)}
.dq-fx-convert{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:20px;min-height:0;flex:1}
.dq-fx-currencies{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 2px 4px}
.dq-fx-list-head{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:var(--dq-content-space-4, 4px) var(--dq-content-space-12, 12px);margin:0 2px 12px}
.dq-fx-view h2{margin:0;color:var(--dq-color-text);font-size:var(--dq-font-16, 16px);line-height:1.5}
.dq-fx-list-head>span{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-fx-rows{display:grid;gap:10px}
.dq-fx-row{display:grid;grid-template-columns:minmax(102px,.85fr) minmax(0,1.4fr);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-feature);background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface);min-width:0;transition:background var(--dq-motion-fast),border-color var(--dq-motion-fast)}
.dq-fx-row.is-active{border-color:var(--dq-color-brand);background:linear-gradient(115deg,var(--dq-color-brand-soft),var(--dq-color-surface));box-shadow:inset 3px 0 var(--dq-color-brand)}
.dq-fx-row button{background:transparent;border:0;border-radius:var(--dq-radius-feature);color:var(--dq-color-text);min-height:82px;min-width:0}
.dq-fx-currency{display:flex;align-items:center;gap:10px;padding:14px 8px 14px 16px;text-align:left}
.dq-fx-currency>i,.dq-fx-rate-list i,.dq-fx-choice i{display:grid;place-items:center;font-style:normal;font-size:var(--dq-font-26, 26px);width:36px;height:36px;flex:none;background:var(--dq-color-canvas);border-radius:10px}
.dq-fx-currency>span{min-width:0;display:grid;gap:5px}.dq-fx-currency b{display:flex;align-items:center;gap:6px;font-size:var(--dq-font-14, 14px)}.dq-fx-currency b svg{width:10px;height:10px;color:var(--dq-color-text-secondary)}
.dq-fx-currency small{font-size:var(--dq-font-12, 12px);line-height:1.4;color:var(--dq-color-text-secondary);overflow-wrap:anywhere}
.dq-fx-amount{display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:right;padding:12px 16px 12px 4px;gap:7px;font-variant-numeric:tabular-nums}
.dq-fx-amount strong{font-size:calc(clamp(20px,2.2vw,29px) * var(--dq-user-font-scale,1));font-weight:650;line-height:1.25;overflow-wrap:anywhere;letter-spacing:-.025em}
.dq-fx-amount small{font-size:var(--dq-font-12, 12px);line-height:1.4;color:var(--dq-color-text-secondary);overflow-wrap:anywhere}
.dq-fx-row.is-active .dq-fx-amount{color:var(--dq-color-brand)}.dq-fx-row.is-active .dq-fx-amount small{color:var(--dq-color-brand)}
.dq-fx-calculator{align-self:start;max-height:100%;min-width:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-feature);padding:16px;background:var(--dq-color-surface);box-shadow:var(--dq-shadow-surface)}
.dq-fx-display>div>span{flex:1;min-width:0;overflow-wrap:anywhere}
.dq-fx-display>div{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--dq-color-accent);font-size:var(--dq-font-13, 13px);font-weight:600}
.dq-fx-display output{display:block;white-space:nowrap;overflow:auto;max-width:100%;padding:8px 0;text-align:right;font-size:var(--dq-font-32, 32px);line-height:1.4;font-weight:650;color:var(--dq-color-text);font-variant-numeric:tabular-nums}
.dq-fx-display p{min-height:18px;margin:2px 0 12px;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.5}
.dq-fx-display p[data-error=true]{color:var(--dq-color-danger)}
.dq-fx-keypad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.dq-fx-view .dq-fx-keypad>button{display:grid;place-items:center;min-height:54px;padding:8px;border:1px solid var(--dq-color-divider);border-radius:var(--dq-radius-control);background:var(--dq-color-canvas);color:var(--dq-color-text);font-size:var(--dq-font-22, 22px);line-height:1.2;font-weight:600;transition:background var(--dq-motion-fast),box-shadow var(--dq-motion-fast)}
.dq-fx-view .dq-fx-keypad>.dq-fx-key-utility{color:var(--dq-color-text-secondary);background:var(--dq-color-surface);font-size:var(--dq-font-18, 18px)}
.dq-fx-view .dq-fx-keypad>.dq-fx-key-operator{color:var(--dq-color-brand);background:var(--dq-color-brand-soft);border-color:transparent}
.dq-fx-view .dq-fx-keypad>.dq-fx-key-equals{color:#fff;background:#235ac5;border-color:var(--dq-theme-blue, #235ac5)}
.dq-fx-keypad button:active{box-shadow:inset 0 0 0 2px var(--dq-color-brand);background:var(--dq-color-brand-soft);color:var(--dq-color-brand)}
.dq-fx-notice{flex:none;margin:2px 0 0;color:var(--dq-color-text-secondary);font-size:var(--dq-font-12, 12px);line-height:1.6;overflow-wrap:anywhere}
.dq-fx-rates,.dq-fx-picker{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.dq-fx-rates-head,.dq-fx-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.dq-fx-rates-head>div,.dq-fx-picker-head>div{min-width:0}
.dq-fx-rates-head p,.dq-fx-picker-head p{margin:4px 0 0;font-size:var(--dq-font-12, 12px);line-height:1.5;color:var(--dq-color-text-secondary)}
.dq-fx-rates-head button,.dq-fx-picker-head button{flex:none;font-size:var(--dq-font-13, 13px)}
.dq-fx-rate-list,.dq-fx-choices{min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface)}
.dq-fx-rate-list>button{display:flex;align-items:center;gap:var(--dq-content-space-12, 12px);padding:var(--dq-content-space-14, 14px) var(--dq-content-space-18, 18px);border:0;border-bottom:1px solid var(--dq-color-divider);width:100%;min-height:78px;background:transparent;color:var(--dq-color-text);text-align:left}
.dq-fx-rate-list>button>span{display:grid;gap:var(--dq-content-space-6, 6px);min-width:0;font-size:var(--dq-font-14, 14px);overflow-wrap:anywhere}.dq-fx-rate-list>button>span:nth-of-type(2){flex:1;text-align:right}.dq-fx-rate-list strong{font-size:var(--dq-font-20, 20px);font-variant-numeric:tabular-nums}.dq-fx-rate-list small{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}
.dq-fx-search{display:flex;gap:10px;align-items:center;border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);padding:0 12px;background:var(--dq-color-surface);color:var(--dq-color-text-secondary)}
html body .dq-fx-search input{flex:1;min-width:0;width:0;min-height:44px;font:inherit;font-size:var(--dq-font-16, 16px);background:transparent;color:var(--dq-color-text);-webkit-text-fill-color:var(--dq-color-text);border:0!important;box-shadow:none!important;outline:0!important;padding:10px 0}
.dq-fx-search:focus-within{border-color:var(--dq-color-brand)}
.dq-fx-picker-status{margin:0;color:var(--dq-color-accent);font-size:var(--dq-font-12, 12px);line-height:1.5}.dq-fx-picker-status:empty{display:none}
.dq-fx-choice{display:flex;align-items:center;border-bottom:1px solid var(--dq-color-divider);padding-right:8px;min-width:0}.dq-fx-choice>button:first-child{display:flex;align-items:center;gap:12px;min-height:68px;flex:1;min-width:0;border:0;background:transparent;color:var(--dq-color-text);text-align:left;padding:12px 16px}
.dq-fx-choice span{min-width:0;display:grid;gap:4px;font-size:var(--dq-font-14, 14px);overflow-wrap:anywhere}.dq-fx-choice small{font-size:var(--dq-font-12, 12px);color:var(--dq-color-text-secondary)}.dq-fx-choice em{margin-left:auto;font-size:var(--dq-font-12, 12px);white-space:nowrap;font-style:normal;color:var(--dq-color-text-secondary)}.dq-fx-choice [aria-pressed=true] em{color:var(--dq-color-accent);font-weight:700}
.dq-fx-choice>.dq-icon-button{border:1px solid var(--dq-color-border);border-radius:8px;background:var(--dq-color-canvas);color:var(--dq-color-brand);flex:none}
.dq-fx-empty{padding:32px 20px;text-align:center;color:var(--dq-color-text-secondary);font-size:var(--dq-font-14, 14px);line-height:1.6}
body[data-color-scheme='dark'] .dq-fx-view{--dq-color-surface:inherit;--dq-color-canvas:inherit;--dq-color-text:inherit;--dq-color-text-secondary:inherit;--dq-color-border:inherit;--dq-color-divider:inherit;--dq-color-brand:inherit;--dq-color-brand-soft:inherit;--dq-color-accent:inherit;--dq-color-warning:inherit;--dq-color-danger:inherit}
@media(min-width:900px){html:not(.dq-native-app) body .dq-currency-view.dq-fx-view{left:var(--dq-shell-sidebar-width)}}
@media(max-width:899px){
  .dq-fx-workspace{padding:var(--dq-content-space-10, 10px) max(12px,var(--dq-safe-right)) var(--dq-content-space-6, 6px) max(12px,var(--dq-safe-left));gap:var(--dq-content-space-4, 4px)}
  .dq-fx-toolbar{gap:var(--dq-content-space-8, 8px)}.dq-fx-tabs{flex:1}.dq-fx-tabs button{padding:8px 10px;flex:1;font-size:var(--dq-font-13, 13px)}.dq-fx-toolbar .dq-button{padding:0 var(--dq-content-space-10, 10px)}.dq-fx-toolbar .dq-button svg{display:none}
  .dq-fx-convert{display:flex;flex-direction:column;gap:8px;min-height:0}
  .dq-fx-currencies{flex:1}.dq-fx-list-head{margin-bottom:8px}.dq-fx-list-head h2{display:none}
  .dq-fx-rows{gap:8px}.dq-fx-row button{min-height:68px}.dq-fx-currency{padding:10px 6px 10px 12px;gap:8px}.dq-fx-amount{padding:8px 12px 8px 4px;gap:4px}.dq-fx-amount strong{font-size:var(--dq-font-24, 24px)}
  .dq-fx-calculator{flex:none;align-self:stretch;padding:8px 10px;max-height:none}.dq-fx-display{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px}.dq-fx-display>div{min-height:44px;grid-column:2;grid-row:1}.dq-fx-display>div>span{display:none}.dq-fx-display output{grid-column:1;grid-row:1;text-align:left}.dq-fx-display p{grid-column:1/-1}.dq-fx-display p[data-idle=true]{display:none}.dq-fx-display button{min-height:44px;padding:0 4px}.dq-fx-display output{font-size:var(--dq-font-25, 25px);padding:0;line-height:1.35}.dq-fx-display p{font-size:var(--dq-font-12, 12px);margin:2px 0 6px;min-height:0}
  .dq-fx-keypad{gap:5px}.dq-fx-view .dq-fx-keypad>button{min-height:44px;padding:4px;font-size:var(--dq-font-22, 22px)}.dq-fx-view .dq-fx-keypad>.dq-fx-key-utility{font-size:var(--dq-font-17, 17px)}
  .dq-fx-notice{font-size:var(--dq-font-12, 12px);line-height:1.4;margin-top:2px}
  .dq-fx-rate-list>button{padding:var(--dq-content-space-12, 12px);gap:var(--dq-content-space-8, 8px)}.dq-fx-rate-list strong{font-size:var(--dq-font-18, 18px)}
}
@media(max-width:599px) and (max-height:700px){.dq-fx-list-head{display:none}}
@media(min-width:600px) and (max-height:540px){
  .dq-fx-workspace{padding-top:var(--dq-content-space-6, 6px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;column-gap:var(--dq-content-space-16, 16px)}.dq-fx-toolbar{grid-column:1;grid-row:1}.dq-fx-source{grid-column:2;grid-row:1}.dq-fx-convert,.dq-fx-rates,.dq-fx-picker{grid-column:1/-1;grid-row:2}.dq-fx-notice{grid-column:1/-1;grid-row:3}.dq-fx-keypad{gap:3px}.dq-fx-calculator{padding:4px 8px}.dq-fx-convert{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
  .dq-fx-calculator{max-height:100%;align-self:stretch}.dq-fx-list-head{display:none}
}
@media(prefers-reduced-motion:reduce){.dq-fx-view *{transition:none!important}}
body[data-motion='reduced'] .dq-fx-view *{transition:none!important}

/* Global device appearance. Legacy fallbacks retain the established light palette. */
:root{
  --dq-color-action:#235ac5;
  --dq-content-density:1;
  --dq-font-7:calc(7px * var(--dq-user-font-scale,1));
  --dq-font-8:calc(8px * var(--dq-user-font-scale,1));
  --dq-font-9:calc(9px * var(--dq-user-font-scale,1));
  --dq-font-10:calc(10px * var(--dq-user-font-scale,1));
  --dq-font-11:calc(11px * var(--dq-user-font-scale,1));
  --dq-font-12:calc(12px * var(--dq-user-font-scale,1));
  --dq-font-13:calc(13px * var(--dq-user-font-scale,1));
  --dq-font-14:calc(14px * var(--dq-user-font-scale,1));
  --dq-font-15:calc(15px * var(--dq-user-font-scale,1));
  --dq-font-16:calc(16px * var(--dq-user-font-scale,1));
  --dq-font-17:calc(17px * var(--dq-user-font-scale,1));
  --dq-font-18:calc(18px * var(--dq-user-font-scale,1));
  --dq-font-19:calc(19px * var(--dq-user-font-scale,1));
  --dq-font-20:calc(20px * var(--dq-user-font-scale,1));
  --dq-font-21:calc(21px * var(--dq-user-font-scale,1));
  --dq-font-22:calc(22px * var(--dq-user-font-scale,1));
  --dq-font-23:calc(23px * var(--dq-user-font-scale,1));
  --dq-font-24:calc(24px * var(--dq-user-font-scale,1));
  --dq-font-25:calc(25px * var(--dq-user-font-scale,1));
  --dq-font-26:calc(26px * var(--dq-user-font-scale,1));
  --dq-font-27:calc(27px * var(--dq-user-font-scale,1));
  --dq-font-28:calc(28px * var(--dq-user-font-scale,1));
  --dq-font-29:calc(29px * var(--dq-user-font-scale,1));
  --dq-font-30:calc(30px * var(--dq-user-font-scale,1));
  --dq-font-32:calc(32px * var(--dq-user-font-scale,1));
  --dq-font-34:calc(34px * var(--dq-user-font-scale,1));
  --dq-font-35:calc(35px * var(--dq-user-font-scale,1));
  --dq-font-36:calc(36px * var(--dq-user-font-scale,1));
  --dq-font-38:calc(38px * var(--dq-user-font-scale,1));
  --dq-font-42:calc(42px * var(--dq-user-font-scale,1));
  --dq-font-44:calc(44px * var(--dq-user-font-scale,1));
}
:root[data-color-scheme="dark"]{
  color-scheme:dark;
  --dq-theme-amber:#f6cd7c;
  --dq-theme-blue:#a3c6ff;
  --dq-theme-blue-a120:rgba(163,198,255,0.12);
  --dq-theme-blue-a170:rgba(163,198,255,0.17);
  --dq-theme-blue-a200:rgba(163,198,255,0.2);
  --dq-theme-blue-a220:rgba(163,198,255,0.22);
  --dq-theme-blue-a280:rgba(163,198,255,0.28);
  --dq-theme-blue-a420:rgba(163,198,255,0.42);
  --dq-theme-blue-a50:rgba(163,198,255,0.05);
  --dq-theme-blue-a80:rgba(163,198,255,0.08);
  --dq-theme-border:#3b5060;
  --dq-theme-border-a120:rgba(59,80,96,0.12);
  --dq-theme-border-a140:rgba(59,80,96,0.14);
  --dq-theme-border-a150:rgba(59,80,96,0.15);
  --dq-theme-border-a180:rgba(59,80,96,0.18);
  --dq-theme-border-a200:rgba(59,80,96,0.2);
  --dq-theme-border-a240:rgba(59,80,96,0.24);
  --dq-theme-border-a250:rgba(59,80,96,0.25);
  --dq-theme-border-a400:rgba(59,80,96,0.4);
  --dq-theme-border-a50:rgba(59,80,96,0.05);
  --dq-theme-border-a60:rgba(59,80,96,0.06);
  --dq-theme-border-a620:rgba(59,80,96,0.62);
  --dq-theme-border-a700:rgba(59,80,96,0.7);
  --dq-theme-border-a720:rgba(59,80,96,0.72);
  --dq-theme-border-a80:rgba(59,80,96,0.08);
  --dq-theme-border-a800:rgba(59,80,96,0.8);
  --dq-theme-border-a860:rgba(59,80,96,0.86);
  --dq-theme-border-a90:rgba(59,80,96,0.09);
  --dq-theme-border-a900:rgba(59,80,96,0.9);
  --dq-theme-border-a940:rgba(59,80,96,0.94);
  --dq-theme-green:#8cdbc1;
  --dq-theme-green-a700:rgba(140,219,193,0.7);
  --dq-theme-ink:#edf5fb;
  --dq-theme-ink-a380:rgba(237,245,251,0.38);
  --dq-theme-muted:#b0c0d0;
  --dq-theme-red:#ffadb4;
  --dq-theme-surface:#182733;
  --dq-theme-surface-a120:rgba(24,39,51,0.12);
  --dq-theme-surface-a140:rgba(24,39,51,0.14);
  --dq-theme-surface-a180:rgba(24,39,51,0.18);
  --dq-theme-surface-a190:rgba(24,39,51,0.19);
  --dq-theme-surface-a420:rgba(24,39,51,0.42);
  --dq-theme-surface-a70:rgba(24,39,51,0.07);
  --dq-theme-surface-a720:rgba(24,39,51,0.72);
  --dq-theme-surface-a760:rgba(24,39,51,0.76);
  --dq-theme-surface-a780:rgba(24,39,51,0.78);
  --dq-theme-surface-a80:rgba(24,39,51,0.08);
  --dq-theme-surface-a820:rgba(24,39,51,0.82);
  --dq-theme-surface-a860:rgba(24,39,51,0.86);
  --dq-theme-surface-a880:rgba(24,39,51,0.88);
  --dq-theme-surface-a900:rgba(24,39,51,0.9);
  --dq-theme-surface-a920:rgba(24,39,51,0.92);
  --dq-theme-surface-a940:rgba(24,39,51,0.94);
  --dq-theme-surface-a950:rgba(24,39,51,0.95);
  --dq-theme-surface-a960:rgba(24,39,51,0.96);
  --dq-theme-surface-a970:rgba(24,39,51,0.97);
  --dq-theme-surface-a980:rgba(24,39,51,0.98);
  --dq-theme-surface-amber:#3c3429;
  --dq-theme-surface-blue:#233751;
  --dq-theme-surface-blue-a180:rgba(35,55,81,0.18);
  --dq-theme-surface-green:#203d39;
  --dq-theme-surface-muted:#2a3d4c;
  --dq-theme-surface-soft:#213442;
  --dq-theme-surface-soft-a920:rgba(33,52,66,0.92);
  --dq-color-surface:#182733;
  --dq-color-canvas:#111d27;
  --dq-color-text:#edf5fb;
  --dq-color-text-secondary:#b0c0d0;
  --dq-color-text-tertiary:#9bafc0;
  --dq-color-border:#3b5060;
  --dq-color-divider:#2a3c49;
  --dq-color-brand:#a3c6ff;
  --dq-color-brand-strong:#c2d8ff;
  --dq-color-brand-soft:#233751;
  --dq-color-accent:#8cdbc1;
  --dq-color-accent-soft:#203d39;
  --dq-color-success:#8cdbc1;
  --dq-color-success-soft:#203d39;
  --dq-color-warning:#f6cd7c;
  --dq-color-warning-soft:#3c3429;
  --dq-color-danger:#ffadb4;
  --dq-color-danger-soft:#432d36;
  --dq-control-color-scheme:dark;
}

:root[data-display-density="compact"]{
  --dq-content-density:.8;
  --dq-content-space-4: 3.2px;
  --dq-content-space-5: 4px;
  --dq-content-space-6: 4.8px;
  --dq-content-space-7: 5.6px;
  --dq-content-space-8: 6.4px;
  --dq-content-space-9: 7.2px;
  --dq-content-space-10: 8px;
  --dq-content-space-11: 8.8px;
  --dq-content-space-12: 9.6px;
  --dq-content-space-13: 10.4px;
  --dq-content-space-14: 11.2px;
  --dq-content-space-15: 12px;
  --dq-content-space-16: 12.8px;
  --dq-content-space-17: 13.6px;
  --dq-content-space-18: 14.4px;
  --dq-content-space-19: 15.2px;
  --dq-content-space-20: 16px;
  --dq-content-space-21: 16.8px;
  --dq-content-space-22: 17.6px;
  --dq-content-space-24: 19.2px;
  --dq-content-space-25: 20px;
  --dq-content-space-26: 20.8px;
  --dq-content-space-28: 22.4px;
  --dq-content-space-30: 24px;
  --dq-content-space-32: 25.6px;
  --dq-content-space-34: 27.2px;
  --dq-content-space-36: 28.8px;
  --dq-content-space-38: 30.4px;
  --dq-space-1: 3.2px;
  --dq-space-2: 6.4px;
  --dq-space-3: 9.6px;
  --dq-space-4: 12.8px;
  --dq-space-5: 16px;
  --dq-space-6: 19.2px;
  --dq-space-8: 25.6px;
}
/* Text scales independently of frame geometry. Native editing controls retain
   the 16px minimum that prevents Safari from zooming the whole viewport. */
html:root{font-size:var(--dq-font-16,16px)}
html[data-color-scheme='dark'],html[data-color-scheme='dark'] body{background-color:var(--dq-color-canvas);color:var(--dq-color-text);color-scheme:dark}
@media(max-width:899px){
  html:root body[data-user-font] :is(input,select,textarea):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='hidden']){font-size:max(16px,var(--dq-font-16,16px))!important}
}
/* One continuous mobile canvas, including Home. Insets protect the initial
   controls; no fixed band, fade or blur is painted over scrolling content. */
.dq-home-header{display:none}
@media(max-width:899px){
  html:root[data-color-scheme]{background-color:var(--dq-color-canvas)}
  html:root[data-color-scheme] body:not(.auth-public){
    background:var(--dq-color-canvas)!important;
  }
  html:root[data-color-scheme] body[data-color-scheme]:not(.auth-public) :is(.dq-app-header,.dq-adaptive-appbar,.dq-attendance-appbar,.dq-approval-appbar,.dq-message-list-top,.dq-chat-panel>header,.dq-ai-chat>header){
    background:var(--dq-color-canvas)!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html:root body[data-app-view] :is(.dq-ai-thread,.dq-approval-view,.dq-approval-module-shell,.dq-approval-tabs,.dq-attendance-view,.dq-attendance-panel,.dq-attendance-card){
    background:var(--dq-color-canvas)!important;
  }
  /* Home and Workbench share the same normal-flow safe-area reservation.
     Their backgrounds extend to the viewport edge without a separate bar. */
  html:root body.dq-primary-shell-view:not(.auth-public){padding-top:0!important}
  html:root body.dq-primary-shell-view:is([data-app-view='home'],[data-app-view='work'],[data-app-view='contacts'],[data-app-view='profile']){
    padding-top:var(--dq-safe-top)!important;
  }
  /* Keep the mobile brand in its own scroll-flow element. Reusing a fixed
     secondary appbar here leaves stale status-bar tinting in iOS WebKit. */
  html:root body.dq-primary-shell-view[data-app-view='home']:not(.dq-reader-mode) .dq-app-header{display:none!important}
  html:root body.dq-primary-shell-view[data-app-view='home']:not(.dq-reader-mode) .dq-home-header{
    display:flex;
    position:static;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    min-height:var(--dq-shell-header-height);
    height:var(--dq-shell-header-height);
    padding:0 max(12px,var(--dq-safe-right)) 0 max(12px,var(--dq-safe-left));
    color:var(--dq-color-text);
    background:transparent;
    border:0;
    box-shadow:none;
  }
}

:root[data-color-scheme="dark"]{--dq-bg:var(--dq-color-canvas)}
body[data-color-scheme="dark"] :is(.dq-settings-standard .dq-system-switch-row,.dq-gm-setting,.dq-log-assistant-modal .dq-group-form-switch) input[type="checkbox"]::before{background:#fff!important}

:root[data-color-scheme="dark"]{--dq-blue:#a3c6ff;--dq-sky:#a3c6ff;--dq-action-blue:#0b4f8a;--dq-action-sky:#0979bc}
@media(max-width:899px){
  html:root body[data-user-font][data-app-view] :is(#dq-app-shell,#container,.dq-adaptive-modal) :is(input,select,textarea):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='hidden']){font-size:max(16px,var(--dq-font-16,16px))!important}
}

/* Keep the return-to-Chinese action available if a translated reader is open. */
html[data-translation-enabled='false'] :is([data-training-language-button],[data-fault-translate]):not([aria-pressed='true']){display:none!important}

/* Rollstock learning uses the shared reader, palette and single scroll frame. */
.dq-rollstock-calculator{margin-block:var(--dq-content-space-24,24px);padding:var(--dq-content-space-20,20px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-surface);background:var(--dq-color-surface);color:var(--dq-color-text);min-width:0}
.dq-rollstock-calculator h3{font-size:var(--dq-font-18,18px);line-height:1.5;margin:0}
.dq-rollstock-calculator :is(p,dt,label){font-size:var(--dq-font-14,14px);line-height:1.7;overflow-wrap:anywhere}
.dq-rollstock-calculator p{color:var(--dq-color-text-secondary)}
.dq-rollstock-calculator .dq-button{min-height:44px;white-space:normal;max-width:100%;margin-bottom:var(--dq-content-space-16,16px)}
.dq-rollstock-fields,.dq-rollstock-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dq-content-space-16,16px)}
.dq-rollstock-fields .dq-field{display:grid;gap:var(--dq-content-space-8,8px);min-width:0}
.dq-rollstock-fields .dq-control{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--dq-color-text);-webkit-text-fill-color:var(--dq-color-text);background:var(--dq-color-surface);font-size:var(--dq-font-16,16px)}
.dq-rollstock-results{margin:var(--dq-content-space-20,20px) 0 0}
.dq-rollstock-results[hidden]{display:none}
.dq-rollstock-results>div{padding:var(--dq-content-space-12,12px);border:1px solid var(--dq-color-border);border-radius:var(--dq-radius-control);min-width:0}
.dq-rollstock-results dt{color:var(--dq-color-text-secondary)}
.dq-rollstock-results dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--dq-content-space-6,6px);margin:var(--dq-content-space-6,6px) 0 0;overflow-wrap:anywhere;font-size:var(--dq-font-22,22px);font-weight:700}
.dq-rollstock-results output{min-width:0;max-width:100%;overflow-wrap:anywhere}
.dq-rollstock-results small{font-size:var(--dq-font-13,13px);font-weight:400;color:var(--dq-color-text-secondary)}
.dq-rollstock-calculator .dq-rollstock-feedback{color:var(--dq-color-text)}
@media(max-width:520px){.dq-rollstock-fields,.dq-rollstock-results{grid-template-columns:minmax(0,1fr)}}