/* Quorelix Cloud — workspace and legal identity, based on Quorelix master
   typography and accent tokens. Intentionally never loaded on login screen.
   Original approved Cloud background image is preserved unmodified. */
:root {
  --qc-paper: #eee5d7;      /* master --paper */
  --qc-muted: #a69a8b;      /* master --muted */
  --qc-rust: #cb6530;       /* master --rust */
  --qc-amber: #e0a94d;      /* master --amber */
  --qc-line: rgba(205,139,70,.25); /* master --line */
  --qc-input: #181d24;      /* Cloud-specific official field */
  --qc-label: #b48a67;
  --qc-highlight: #c38045;  /* official Cloud orb */
}
.page-dashboard,.page-legal {
  --text:var(--qc-paper);
  --muted:var(--qc-muted);
  --accent:var(--qc-highlight);
  --line:var(--qc-line);
  --panel-border:var(--qc-line);
  --field:var(--qc-input);
  color:var(--qc-paper);
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
  font-synthesis:none;
}
.page-dashboard .workspace,.page-legal .workspace {position:relative;z-index:2}
.page-dashboard .topbar,.page-legal .topbar {
  border-bottom:1px solid var(--qc-line);
  padding-bottom:24px;
}
.page-dashboard .logo-small,.page-legal .logo-small {
  color:#d8ad67;
  font-size:16px;
  font-weight:600;
  letter-spacing:.37em;
}
.page-dashboard .logo-small span,.page-legal .logo-small span {color:var(--qc-rust)}
.page-dashboard .top-context strong,.page-legal .top-context strong {color:var(--qc-paper);font-weight:600}
.page-dashboard .top-context small,.page-legal .top-context small {color:var(--qc-muted)}
.page-dashboard .top-actions,.page-legal .top-actions {flex-wrap:wrap;gap:22px}
.page-dashboard .top-actions a,.page-dashboard .nav-exit,
.page-legal .top-actions a,.page-legal .nav-exit {
  color:#c9bcae;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.page-dashboard .top-actions a:hover,.page-dashboard .nav-exit:hover,
.page-legal .top-actions a:hover,.page-legal .nav-exit:hover {color:#ecae57}
.cloud-languages {display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.15em}
.cloud-languages span {color:#8c7c6d}
.cloud-languages [aria-current="page"] {color:#e6b16e}
.cloud-languages a:focus-visible, .footer-links a:focus-visible,
.cloud-login-bottom a:focus-visible {outline:2px solid var(--qc-amber);outline-offset:5px}
.page-dashboard .eyebrow,.page-legal .eyebrow {
  color:var(--qc-amber);
  font-size:11px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.page-dashboard .intro h1,.page-legal .legal-hero h1 {
  color:var(--qc-paper);
  font-size:clamp(46px,5.8vw,84px);
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.06em;
}
.page-dashboard .intro p:not(.eyebrow) {color:#d9c8b4;font-size:clamp(15px,1.6vw,19px);line-height:1.65}
.page-dashboard .accent-word,.page-legal .accent-word {color:var(--qc-rust)}
.page-dashboard .count-chip,.page-legal .count-chip {
  background:rgba(24,29,36,.6);
  border:1px solid var(--qc-line);
  border-radius:4px;
  color:#d3b996;
  font-size:11px;
  letter-spacing:.08em;
}
.page-dashboard .admin-grid {gap:25px}
.page-dashboard .card {
  background:rgba(19,22,25,.70);
  border:1px solid var(--qc-line);
  border-radius:8px;
  box-shadow:none;
  padding:clamp(24px,2.5vw,38px);
}
.page-dashboard .card-heading {border-color:var(--qc-line)}
.page-dashboard .card-heading h2,.page-dashboard .section-header h2 {
  color:var(--qc-paper);
  font-size:clamp(20px,2.15vw,30px);
  font-weight:500;
  letter-spacing:-.035em;
}
.page-dashboard .pill {
  color:#e0a94d;
  border-color:var(--qc-line);
  border-radius:2px;
  font-weight:600;
  letter-spacing:.18em;
}
.page-dashboard .form-stack label {
  color:#c8b5a1;
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
}
.page-dashboard .form-stack input:not([type=file]),
.page-dashboard .form-stack input[type=file],
.page-dashboard .form-stack select {
  background:var(--qc-input);
  color:var(--qc-paper);
  border:1px solid rgba(205,139,70,.3);
  border-radius:7px;
  font-size:14px;
  font-weight:400;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.page-dashboard .form-stack input:focus-visible,
.page-dashboard .form-stack select:focus-visible {
  border-color:var(--qc-amber);
  box-shadow:0 0 0 2px rgba(224,169,77,.12);
  outline:none;
}
.page-dashboard .form-stack input::placeholder {color:#93867b}
.page-dashboard .form-stack input[type=file]::file-selector-button {
  background:#433528;
  color:var(--qc-paper);
  border-radius:3px;
}
.page-dashboard .optional {color:#a69a8b}
.page-dashboard .primary-button,.page-legal .primary-button {
  background:var(--qc-rust);
  border-radius:5px;
  color:#fff7eb;
  font-size:12px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
  transition:background .2s ease;
}
.page-dashboard .primary-button:hover,.page-legal .primary-button:hover {background:#e0a94d;color:#161210}
.page-dashboard .documents {
  background:rgba(19,22,25,.69);
  border-color:var(--qc-line);
  border-radius:8px;
  box-shadow:none;
}
.page-dashboard .documents-header {color:#b89f83;border-color:var(--qc-line);font-weight:600;letter-spacing:.19em}
.page-dashboard .document-row {border-color:rgba(205,139,70,.18)}
.page-dashboard .document-row:hover {background:rgba(203,101,48,.08)}
.page-dashboard .document-name {color:var(--qc-paper);font-weight:600}
.page-dashboard .document-meta,.page-dashboard .document-date {color:#b9a99b}
.page-dashboard .meta-separator {color:#ad7d50}
.page-dashboard .file-icon {background:rgba(205,139,70,.12);color:#e0a94d;border-radius:6px}
.page-dashboard .file-icon.type-pdf {color:#e7a77e}
.page-dashboard .file-icon.type-zip {color:#bda8cb}
.page-dashboard .new-flag {color:var(--qc-amber);font-weight:700}
.page-dashboard .icon-action,.page-legal .icon-action {
  border-radius:5px;
  background:rgba(205,139,70,.07);
  color:#d0b08d;
}
.page-dashboard .icon-action:hover,.page-dashboard .icon-action:focus-visible,
.page-legal .icon-action:hover,.page-legal .icon-action:focus-visible {
  background:rgba(205,139,70,.18);
  border-color:var(--qc-rust);
  color:#f0c48b;
}
.page-dashboard .empty-state {background:rgba(24,29,36,.4);border-color:var(--qc-line);border-radius:7px}
.page-dashboard .empty-state p {color:var(--qc-muted)}
.page-dashboard .accounts th {color:#d2a979;font-weight:600}
.page-dashboard .accounts td {color:#cfbdab;border-color:var(--qc-line)}
.page-dashboard .accounts td strong,.page-dashboard .accounts code {color:var(--qc-paper)}
.page-dashboard .small-button {background:rgba(205,139,70,.08);border-color:var(--qc-line);color:#ebd4bd;border-radius:3px}
.page-dashboard .small-button:hover {border-color:var(--qc-amber);color:#fff}
.page-dashboard .status-dot.active {background:#84b59b}
.page-dashboard .status-dot.disabled {background:#b07064}
.page-dashboard .issued-token {background:rgba(120,62,30,.29);border-color:var(--qc-rust);color:#eee0ce;border-radius:6px}
.page-dashboard .issued-token>strong {color:#e0a94d}
.page-dashboard .issued-token code {background:#181d24}
.page-dashboard .copy-token {color:#eed2b0}
.page-dashboard .modal-backdrop {background:rgba(4,7,10,.87)}
.page-dashboard .modal-panel {background:#1b2025;border:1px solid var(--qc-line);border-radius:16px}
.page-dashboard .modal-body {background:#11161b}
.page-dashboard .modal-heading,.page-dashboard .modal-footer {border-color:var(--qc-line)}
.page-dashboard .modal-heading h2 {font-weight:500;color:var(--qc-paper)}
.page-dashboard .modal-footer,.page-dashboard .modal-archive p {color:#c2b09e}
.page-dashboard .modal-archive>svg {color:var(--qc-amber)}
/* Footer: same hierarchy and tone as Quorelix website, responsive. */
.page-dashboard .workspace-footer,.page-legal .workspace-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  min-height:115px;
  padding:35px 0;
  margin-top:60px;
  border-top:1px solid var(--qc-line);
  color:#aa9380;
  font-size:11px;
  font-weight:500;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.workspace-footer .footer-motto {letter-spacing:.13em;color:#8f7f70}
.workspace-footer .footer-links {display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 26px}
.workspace-footer .footer-links a {color:#d49a5f;letter-spacing:.08em}
.workspace-footer .footer-links a:last-child {color:#a99887}
.workspace-footer .footer-links a:hover {color:#f0c48b}
/* Login: untouched form/branding, tiny legal/language row at viewport edge. */
.cloud-login-bottom {
  position:fixed;
  left:clamp(18px,3.5vw,65px);
  bottom:21px;
  z-index:5;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px 30px;
  color:#7f858b;
  font-size:10px;
  font-weight:600;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.cloud-login-legal {display:flex;align-items:center;flex-wrap:wrap;gap:11px 20px}
.cloud-login-legal a {color:#7f858b}
.cloud-login-legal a:hover {color:#c38045}
.page-login .cloud-languages a {color:#a6adb5}
.page-login .cloud-languages [aria-current="page"] {color:#c38045}
/* Standalone Cloud-specific legal drafts */
.page-legal .legal-hero {margin-top:48px;padding-bottom:55px;border-bottom:1px solid var(--qc-line)}
.page-legal .legal-hero h1 {margin:22px 0}
.page-legal .legal-warning {color:#d8bc96;border-left:2px solid var(--qc-rust);max-width:750px;padding:10px 18px;background:rgba(203,101,48,.08)}
.page-legal .legal-rows {max-width:1150px}
.page-legal .legal-row {display:grid;grid-template-columns:minmax(145px,25%) 1fr;gap:6vw;padding:45px 0;border-bottom:1px solid var(--qc-line)}
.page-legal .legal-row h2 {margin:0 0 15px;font-size:clamp(24px,3vw,43px);font-weight:500;letter-spacing:-.04em}
.page-legal .legal-row p {max-width:740px;margin:0;color:#d1c0ad;line-height:1.75;font-size:16px}
.page-legal .legal-row p a {color:#e2ad68;text-decoration:underline;text-underline-offset:4px}
.page-legal .legal-back a {color:var(--qc-amber);font-size:12px;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:1000px){
  .page-dashboard .workspace-footer,.page-legal .workspace-footer {flex-wrap:wrap;gap:16px}
  .workspace-footer .footer-links {flex:1 1 100%;justify-content:flex-start}
  .page-dashboard .top-actions,.page-legal .top-actions {gap:15px}
}
@media(max-width:720px){
  .page-dashboard .intro h1,.page-legal .legal-hero h1 {font-size:clamp(37px,9vw,58px)}
  .page-dashboard .card {padding:22px}
  .page-dashboard .workspace,.page-legal .workspace {padding-inline:20px}
  .page-dashboard .topbar,.page-legal .topbar {padding-right:120px}
  .page-legal .legal-row {grid-template-columns:1fr;gap:12px}
  .page-dashboard .workspace-footer,.page-legal .workspace-footer {padding-top:25px;font-size:10px}
  .cloud-login-bottom {bottom:15px;max-width:calc(100% - 36px);font-size:9px;gap:10px 18px}
  .cloud-login-legal {gap:8px 12px}
}
@media(prefers-reduced-motion:reduce){
  .page-dashboard *,.page-legal * {transition:none!important;scroll-behavior:auto!important}
}