/* Quiming OS v502 — UI/UX Design System Consolidation
   Safe front-end only layer: no DB writes, no cleanup, no background automation. */
:root{
  --qos-bg:#f6f3ee;
  --qos-surface:#ffffff;
  --qos-surface-soft:#fffdf8;
  --qos-surface-muted:#f9fafb;
  --qos-ink:#14171f;
  --qos-text:#243041;
  --qos-muted:#667085;
  --qos-faint:#98a2b3;
  --qos-border:#e7e2d8;
  --qos-border-strong:#d6cbbb;
  --qos-brand:#231f19;
  --qos-brand-soft:#fff4d8;
  --qos-accent:#d6a82f;
  --qos-focus:rgba(214,168,47,.24);
  --qos-danger:#b42318;
  --qos-warning:#b54708;
  --qos-success:#067647;
  --qos-info:#175cd3;
  --qos-radius-sm:10px;
  --qos-radius-md:14px;
  --qos-radius-lg:18px;
  --qos-radius-xl:24px;
  --qos-shadow-card:0 10px 28px rgba(16,24,40,.055);
  --qos-shadow-float:0 20px 60px rgba(16,24,40,.16);
  --qos-space-1:4px;
  --qos-space-2:8px;
  --qos-space-3:12px;
  --qos-space-4:16px;
  --qos-space-5:20px;
  --qos-space-6:24px;
  --qos-space-8:32px;
}
html{background:var(--qos-bg);scroll-behavior:smooth}
body.qos-v502-ui,
body.client-workspace-page.qos-v502-ui{
  background:
    radial-gradient(circle at 18% -10%,rgba(214,168,47,.12),transparent 34%),
    radial-gradient(circle at 88% 4%,rgba(23,92,211,.07),transparent 30%),
    var(--qos-bg)!important;
  color:var(--qos-text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.qos-v502-ui *,body.qos-v502-ui *::before,body.qos-v502-ui *::after{box-sizing:border-box}
body.qos-v502-ui :focus-visible{outline:3px solid var(--qos-focus)!important;outline-offset:2px!important;border-radius:10px}
body.qos-v502-ui .client-approval-main,
body.qos-v502-ui .dashboard-main{width:min(100%,1480px);margin-inline:auto;padding:24px clamp(14px,2vw,26px) 44px!important}
body.qos-v502-ui .client-v46-header-card{
  border:1px solid rgba(120,89,28,.16)!important;border-radius:28px!important;
  background:linear-gradient(135deg,#fff,#fffaf0)!important;box-shadow:var(--qos-shadow-card)!important;
  padding:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;position:relative;overflow:hidden;
}
body.qos-v502-ui .client-v46-header-card::after{content:'';position:absolute;inset:auto -48px -70px auto;width:220px;height:160px;border-radius:50%;background:rgba(214,168,47,.08);pointer-events:none}
body.qos-v502-ui h1,body.qos-v502-ui h2,body.qos-v502-ui h3{letter-spacing:-.035em;color:var(--qos-ink)}
body.qos-v502-ui #workspaceTitle{font-size:clamp(24px,2.5vw,34px)!important;line-height:1.05!important;margin:0 0 6px!important}
body.qos-v502-ui #workspaceClientMeta{font-size:13px!important;color:var(--qos-muted)!important;font-weight:750!important;margin:0!important}
body.qos-v502-ui .client-v46-avatar{box-shadow:0 12px 28px rgba(16,24,40,.12);border:3px solid #fff}
body.qos-v502-ui .client-tier-badge,body.qos-v502-ui .team-count-badge{box-shadow:none!important;border:1px solid rgba(120,89,28,.14)!important}

/* Foundation console and decision hierarchy */
body.qos-v502-ui .qos-v502-console{margin:14px 0 18px;border:1px solid rgba(120,89,28,.16);border-radius:24px;background:linear-gradient(135deg,#101828,#2b2113);color:#fff;box-shadow:0 18px 55px rgba(16,24,40,.16);padding:18px;display:grid;gap:16px;overflow:hidden;position:relative}
body.qos-v502-ui .qos-v502-console::after{content:'';position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(214,168,47,.18);pointer-events:none}
body.qos-v502-ui .qos-v502-console-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;position:relative;z-index:1}
body.qos-v502-ui .qos-v502-console h3{margin:0;color:#fff;font-size:18px!important}.qos-v502-console p{margin:4px 0 0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.45;max-width:820px}.qos-v502-badge{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:7px 10px;font-size:11px;font-weight:950;white-space:nowrap}
body.qos-v502-ui .qos-v502-decision-grid{display:grid;grid-template-columns:1.25fr repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:1}.qos-v502-decision-card{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:18px;padding:13px;min-width:0;backdrop-filter:blur(8px)}.qos-v502-decision-card.is-primary{background:#fff;color:var(--qos-ink)}.qos-v502-decision-card small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;color:rgba(255,255,255,.66)}.qos-v502-decision-card.is-primary small{color:#8a6212}.qos-v502-decision-card strong{display:block;margin-top:4px;font-size:15px;line-height:1.25;color:inherit}.qos-v502-decision-card span{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:rgba(255,255,255,.68)}.qos-v502-decision-card.is-primary span{color:var(--qos-muted)}.qos-v502-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.qos-v502-actions button,.qos-v502-actions a{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}.qos-v502-actions .primary{background:#fff;color:#1f2937;border-color:#fff}.qos-v502-actions .safe{background:rgba(236,253,243,.18);color:#d1fadf}.qos-v502-panel{display:none;position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.qos-v502-panel.open{display:block}.qos-v502-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qos-v502-list li{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:14px;padding:10px;font-size:12px;line-height:1.4;color:rgba(255,255,255,.78)}

/* Global cards, filters and toolbars */
body.qos-v502-ui .client-global-filter-strip,
body.qos-v502-ui .client-v46-toolbar,
body.qos-v502-ui .analytics-panel-v100,
body.qos-v502-ui .campaign-goals-panel-v336,
body.qos-v502-ui .workspace-table-panel,
body.qos-v502-ui .team-space-panel,
body.qos-v502-ui .client-intel-modal-card-v426,
body.qos-v502-ui .status-reason-card-v386,
body.qos-v502-ui .status-optional-card-v396,
body.qos-v502-ui .inline-cell-card-v356,
body.qos-v502-ui .content-intelligence-panel-v386{
  border-color:rgba(120,89,28,.14)!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--qos-shadow-card)!important;border-radius:22px!important;
}
body.qos-v502-ui .client-global-filter-strip{padding:14px!important;margin:16px 0!important;gap:12px!important}
body.qos-v502-ui .global-content-search-v98{gap:10px!important;align-items:end!important}
body.qos-v502-ui label{color:#53606f;font-weight:850}
body.qos-v502-ui input,body.qos-v502-ui select,body.qos-v502-ui textarea{border:1px solid var(--qos-border)!important;background:#fff!important;border-radius:14px!important;color:var(--qos-text)!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
body.qos-v502-ui input:focus,body.qos-v502-ui select:focus,body.qos-v502-ui textarea:focus{border-color:rgba(214,168,47,.7)!important;box-shadow:0 0 0 4px var(--qos-focus)!important;background:#fff!important}
body.qos-v502-ui button,body.qos-v502-ui .small-btn,body.qos-v502-ui .primary-btn,body.qos-v502-ui .secondary-btn{border-radius:999px!important;font-weight:900!important;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}
body.qos-v502-ui button:hover,body.qos-v502-ui .small-btn:hover,body.qos-v502-ui .primary-btn:hover{transform:translateY(-1px)}
body.qos-v502-ui .primary-btn,body.qos-v502-ui button.primary{background:var(--qos-brand)!important;border-color:var(--qos-brand)!important;color:#fff!important;box-shadow:0 10px 22px rgba(20,23,31,.16)!important}
body.qos-v502-ui .small-btn,body.qos-v502-ui .secondary-btn{background:#fff!important;color:#344054!important;border:1px solid var(--qos-border)!important}
body.qos-v502-ui .client-v46-toolbar{padding:14px!important;margin:16px 0!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;justify-content:space-between!important}
body.qos-v502-ui .client-v46-toolbar .primary-btn{min-height:38px!important}

/* Content Approval table hierarchy */
body.qos-v502-ui .workspace-table-panel{overflow:hidden!important;margin-top:14px!important}
body.qos-v502-ui .client-approval-table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;font-size:13px!important;width:100%!important}
body.qos-v502-ui .client-approval-table thead th{position:sticky;top:0;z-index:3;background:#f9fafb!important;color:#475467!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:11px!important;font-weight:950!important;border-bottom:1px solid var(--qos-border)!important;padding:11px 10px!important;white-space:nowrap!important}
body.qos-v502-ui .client-approval-table tbody tr{transition:background .12s ease,box-shadow .12s ease;position:relative}
body.qos-v502-ui .client-approval-table tbody tr:hover{background:#fffaf0!important;box-shadow:inset 3px 0 0 var(--qos-accent)}
body.qos-v502-ui .client-approval-table td{padding:12px 10px!important;border-bottom:1px solid #f0ede7!important;vertical-align:middle!important;color:#344054!important;line-height:1.35!important}
body.qos-v502-ui .content-title-main-v405,body.qos-v502-ui .content-title-v371{font-weight:900!important;color:#182230!important;line-height:1.25!important}
body.qos-v502-ui .inline-cell-v356{border-radius:12px!important}
body.qos-v502-ui .notes-pill-v361{min-width:38px!important;height:32px!important;border-radius:999px!important;background:#f8fafc!important;border-color:#e4e7ec!important;color:#344054!important}
body.qos-v502-ui .row-notes-actions-v374{gap:5px!important;min-width:64px!important}.row-action-menu-v374{z-index:90!important}

/* Stage and status pills */
body.qos-v502-ui .status-badge,
body.qos-v502-ui .status-chip,
body.qos-v502-ui .status-pill,
body.qos-v502-ui .approval-status-badge,
body.qos-v502-ui [class*="status-"][class*="pill"],
body.qos-v502-ui [class*="status-"][class*="badge"]{border-radius:999px!important;padding:5px 9px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;border:1px solid transparent!important;white-space:nowrap!important}
body.qos-v502-ui .status-requested,body.qos-v502-ui .status-request{background:#eff8ff!important;color:#175cd3!important;border-color:#b2ddff!important}
body.qos-v502-ui .status-research{background:#f4f3ff!important;color:#5925dc!important;border-color:#d9d6fe!important}
body.qos-v502-ui .status-copywriting{background:#eef4ff!important;color:#3538cd!important;border-color:#c7d7fe!important}
body.qos-v502-ui .status-in-design{background:#fff6ed!important;color:#c4320a!important;border-color:#fed7aa!important}
body.qos-v502-ui .status-ready-for-review{background:#fffaeb!important;color:#b54708!important;border-color:#fedf89!important}
body.qos-v502-ui .status-change-request,body.qos-v502-ui .status-change-requested{background:#fef3f2!important;color:#b42318!important;border-color:#fecdca!important}
body.qos-v502-ui .status-approved{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important}
body.qos-v502-ui .status-scheduled{background:#eff8ff!important;color:#175cd3!important;border-color:#b2ddff!important}
body.qos-v502-ui .status-published{background:#ecfdf3!important;color:#05603a!important;border-color:#abefc6!important}
body.qos-v502-ui .status-cancelled,body.qos-v502-ui .status-rejected{background:#f2f4f7!important;color:#475467!important;border-color:#d0d5dd!important}

/* Distinct post format colors. Keep Infographics + Custom, not singular Infographic as choice. */
body.qos-v502-ui .format-pill{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;border-radius:999px!important;padding:6px 10px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;border:1px solid transparent!important;white-space:nowrap!important;text-decoration:none!important;box-shadow:none!important;letter-spacing:.01em}
body.qos-v502-ui .format-pill.format-banner{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}
body.qos-v502-ui .format-pill.format-book-page,body.qos-v502-ui .format-pill.format-bookpage{background:#fdf2fa!important;color:#c11574!important;border-color:#fcceee!important}
body.qos-v502-ui .format-pill.format-quote{background:#f4f3ff!important;color:#5925dc!important;border-color:#d9d6fe!important}
body.qos-v502-ui .format-pill.format-text-only{background:#f2f4f7!important;color:#344054!important;border-color:#d0d5dd!important}
body.qos-v502-ui .format-pill.format-image{background:#eff8ff!important;color:#175cd3!important;border-color:#b2ddff!important}
body.qos-v502-ui .format-pill.format-single-image{background:#e0f2fe!important;color:#026aa2!important;border-color:#7dd3fc!important}
body.qos-v502-ui .format-pill.format-image-text{background:#eef4ff!important;color:#3538cd!important;border-color:#c7d7fe!important}
body.qos-v502-ui .format-pill.format-infographics,body.qos-v502-ui .format-pill.format-infographic{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important}
body.qos-v502-ui .format-pill.format-carousel{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}
body.qos-v502-ui .format-pill.format-cheatsheet,body.qos-v502-ui .format-pill.format-cheat-sheet{background:#f0fdf4!important;color:#15803d!important;border-color:#bbf7d0!important}
body.qos-v502-ui .format-pill.format-short-form-video{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}
body.qos-v502-ui .format-pill.format-video{background:#fff1f3!important;color:#c01048!important;border-color:#fecdd3!important}
body.qos-v502-ui .format-pill.format-repost,body.qos-v502-ui .format-pill.repost-format-v404{background:#faf5ff!important;color:#7e22ce!important;border-color:#e9d5ff!important;font-style:italic!important}
body.qos-v502-ui .format-pill.repost-format-v404.is-invalid-v404{background:#fef3f2!important;color:#b42318!important;border-color:#fecdca!important;text-decoration:line-through!important;text-decoration-thickness:2px!important}
body.qos-v502-ui .format-pill.format-custom{background:#111827!important;color:#fff!important;border-color:#111827!important}

/* Intelligence hub: four-question layout */
body.qos-v502-ui .content-intelligence-panel-v386{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;background:linear-gradient(180deg,#fff,#fffdf8)!important}
body.qos-v502-ui .content-intelligence-card-v386{border-radius:16px!important;padding:12px!important;background:#fff!important;box-shadow:none!important;border-color:#edf0f3!important}
body.qos-v502-ui .content-intelligence-card-v386 small{color:#8a6212!important}.content-intelligence-card-v386 strong{font-size:14px!important;color:#182230!important}
body.qos-v502-ui .intel-badge-v386{border-radius:999px!important;background:#f8fafc!important;border-color:#e4e7ec!important;color:#475467!important}

/* Client Intelligence modal */
body.qos-v502-ui .client-intel-modal-card-v426{width:min(1040px,calc(100vw - 28px))!important;max-height:92vh!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;padding:0!important}
body.qos-v502-ui .client-intel-modal-head-v426{padding:18px 20px!important;background:linear-gradient(135deg,#fffaf0,#fff)!important;border-bottom:1px solid var(--qos-border)!important}
body.qos-v502-ui .client-intel-form-v426{overflow:auto!important;padding:18px 20px 20px!important}
body.qos-v502-ui .client-intel-grid-v426{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.qos-v502-ui .client-intel-field-v426{gap:7px!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#53606f!important}.client-intel-field-v426 input,.client-intel-field-v426 textarea{font-size:13px!important;text-transform:none!important;letter-spacing:0!important}.client-intel-field-v426.wide{grid-column:1/-1!important}
body.qos-v502-ui .client-intel-modal-actions-v426{position:sticky!important;bottom:0;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(10px)!important;border-top:1px solid var(--qos-border)!important;padding:12px 0 0!important}

/* Notes drawer/comment thread polish */
body.qos-v502-ui .inline-cell-card-v356:has(.notes-social-thread-v413),body.qos-v502-ui .inline-cell-card-v356:has(.notes-social-thread-v423){width:min(780px,96vw)!important;border-radius:24px!important;overflow:hidden!important}
body.qos-v502-ui .notes-social-thread-v413,body.qos-v502-ui .notes-social-thread-v423{background:#fff!important;color:var(--qos-text)!important}
body.qos-v502-ui .notes-social-list-v361{padding:20px!important;background:linear-gradient(180deg,#fffdf8,#fff)!important}
body.qos-v502-ui .note-comment-v361{border-radius:16px!important;border:1px solid #edf0f3!important;background:#fff!important;box-shadow:0 8px 20px rgba(16,24,40,.045)!important;padding:12px!important}.note-comment-head-v361{padding-right:38px!important;gap:8px!important}.note-menu-btn-v421,.note-action-menu-toggle-v421{width:30px!important;height:30px!important;border-radius:10px!important;background:#f8fafc!important;border:1px solid #e4e7ec!important}
body.qos-v502-ui .notes-composer-v361{padding:12px 16px 16px!important;background:#fff!important;box-shadow:0 -10px 30px rgba(16,24,40,.06)!important}.notes-social-thread-v413 textarea#inlineNoteBodyV359,.notes-social-thread-v423 textarea#inlineNoteBodyV359{min-height:42px!important;max-height:110px!important;border-radius:16px!important;font-size:13px!important}.notes-composer-tools-v395 button,.notes-composer-tools-v423 button{border-radius:12px!important}
body.qos-v502-ui .note-send-btn-v361{min-width:44px!important;width:auto!important;border-radius:14px!important;background:#111827!important;color:#fff!important}

/* TeamSpace / Client Workspace */
body.qos-v502-ui .team-space-panel{border-radius:24px!important;background:#fffdf8!important}.team-space-section{border-radius:18px!important;border-color:#edf0f3!important;background:#fff!important}.teamspace-information-grid-v283{gap:12px!important}.teamspace-item-card-v130{border-radius:16px!important;box-shadow:none!important}.client-intel-card-v426{border-radius:18px!important;background:linear-gradient(135deg,#111827,#2b241b)!important;color:#fff!important;border-color:#111827!important}.client-intel-card-v426 *{color:inherit!important}

/* Mobile and tablet */
@media (max-width:1100px){
  body.qos-v502-ui .qos-v502-decision-grid{grid-template-columns:1fr 1fr}.content-intelligence-panel-v386{grid-template-columns:1fr 1fr!important}.client-global-filter-strip .global-content-search-v98{grid-template-columns:1fr 1fr!important}
}
@media (max-width:760px){
  body.qos-v502-ui .client-approval-main,body.qos-v502-ui .dashboard-main{padding:12px 10px 28px!important}body.qos-v502-ui .client-v46-header-card{display:grid!important;padding:16px!important;border-radius:22px!important}body.qos-v502-ui #workspaceTitle{font-size:24px!important}.client-v46-access-row{justify-content:flex-start!important;flex-wrap:wrap!important}.qos-v502-decision-grid,.qos-v502-list{grid-template-columns:1fr!important}.qos-v502-console{padding:14px!important;border-radius:20px!important}.client-global-filter-strip{border-radius:18px!important}.global-content-search-v98{display:grid!important;grid-template-columns:1fr!important}.client-v46-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}.client-v46-toolbar>*{min-width:0!important}.client-v46-toolbar button{width:100%!important}.content-intelligence-panel-v386{grid-template-columns:1fr!important}.client-intel-grid-v426{grid-template-columns:1fr!important}.client-intel-modal-card-v426{width:calc(100vw - 16px)!important;border-radius:20px!important}.client-approval-table thead{display:none!important}.client-approval-table,.client-approval-table tbody,.client-approval-table tr,.client-approval-table td{display:block!important;width:100%!important}.client-approval-table tbody tr{margin:10px!important;border:1px solid var(--qos-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--qos-shadow-card)!important;overflow:hidden}.client-approval-table td{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;border-bottom:1px solid #f2f4f7!important}.client-approval-table td::before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#667085;font-weight:950;min-width:92px}.mobile-col-caption-v189,.mobile-col-graphics-v189,.mobile-col-link-v189{display:none!important}
}
@media (prefers-reduced-motion:reduce){body.qos-v502-ui *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}


/* v502 — Plain language/action-first copy styling */
body.qos-v502-ui .qos-v502-console-head p,
body.qos-v502-ui .content-intelligence-strip-v428 p,
body.qos-v502-ui .intel-section-v428 p,
body.qos-v502-ui .daily-brief-hero-v428 p { line-height: 1.35 !important; }
body.qos-v502-ui .content-intelligence-strip-v428 p strong { color: var(--qos-text); font-weight: 950; }
body.qos-v502-ui .format-system-message-v407 { border-left: 4px solid #d97706 !important; background: #fff7ed !important; }
body.qos-v502-ui .format-system-message-v407 strong { display:block; font-size: 13px !important; margin-bottom: 3px !important; color:#92400e !important; }
body.qos-v502-ui .format-system-message-v407 span { display:block; font-size: 12px !important; color:#6b4e16 !important; line-height:1.35 !important; }
body.qos-v502-ui .qos-v502-decision-card span,
body.qos-v502-ui .intel-card-v428 small,
body.qos-v502-ui .intel-card-v430 small { max-width: 48ch; }
body.qos-v502-ui .qos-v502-panel li { font-weight: 800; color:#3f4652; }