/* Shared Dino Operations Light theme; page styles retain their layout contracts. */
@font-face {
  font-family: 'Dino Inter'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("./fonts/InterVariable-v4.1.2bf3d951bf9d.woff2") format('woff2');
}
:root {
  color-scheme: light;
  --q-night: #faf9f6; --q-sidebar: #faf9f6; --q-panel: #fff; --q-panel-raised: #fff;
  --q-copy: #1f2328; --q-muted: #625f5b; --q-dim: #625f5b;
  --q-line: #e4ddd7; --q-line-soft: #e4ddd7;
  --q-cyan: #b94200; --q-cyan-soft: #fff7f1;
  --q-green: #24734b; --q-green-soft: #edf7f1;
  --q-amber: #875300; --q-amber-soft: #fff5da; --q-red: #a83f20; --q-red-soft: #fff0eb;
  --q-orange: #ff661c; --q-control-border: #8b8078;
  --q-info: #315f88; --q-info-soft: #edf5fb;
  --q-font: 'Dino Inter', 'Segoe UI', sans-serif; --q-mono: var(--q-font);
  --q-sidebar-width: 216px; --q-page-gap: 16px;
}
html { font-optical-sizing: auto; font-synthesis: none; }
body { line-height: 1.45; }
strong, b, h1, h2, h3 { font-weight: 500; }
.q-app { background: var(--q-night); }
.q-sidebar { background: var(--q-sidebar); gap: 24px; }
.q-brand { padding: 0 6px; }
.q-brand img { object-fit: contain; }
.q-topbar { background: #fff; }
.q-user { background: #fff; }
.q-user__logout { min-height: 30px; }
.q-nav__link:hover { background: #fff2e8; }
.q-nav__link--active { background: #fff7f1; box-shadow: inset 3px 0 0 var(--q-orange); }
.q-main { width: 100%; padding: 20px 24px; }
.q-page-head { align-items: center; }
.q-kicker { font-size: 11px; font-weight: 500; }
.q-page-head h1 { font-size: 28px; line-height: 1.15; font-weight: 500; }
.q-page-head__summary { margin-top: 5px; }
.q-panel, .q-card, .q-form-card, .q-table { background: #fff; }
.q-panel__head h2 { font-size: 16px; font-weight: 500; }
.q-table th { font-size: 11px; font-weight: 500; }
.q-table td { font-size: 13px; }
.q-table tbody tr:hover { background: #fff7f1; }
.q-button { background: #fff; color: var(--q-copy); border-color: var(--q-control-border); font-weight: 500; }
.q-button:hover { background: #fff7f1; border-color: var(--q-cyan); }
.q-button--primary { background: var(--q-orange); border-color: #b94200; color: #1f2328; }
.q-button--primary:hover { background: #ff8144; }
.q-button--danger { background: var(--q-red-soft); color: var(--q-red); border-color: var(--q-red); }
.q-button--danger:hover { background: #ffe2d7; border-color: var(--q-red); }
.q-button:disabled { background: #efe7df; color: #756d66; border-color: #cfc4ba; }
.q-form input:not([type='hidden']):not([type='checkbox']):not([type='radio']), .q-form select, .q-form textarea {
  border-color: var(--q-control-border); background: #fff; color: var(--q-copy); font-size: 16px;
}
.q-form label { font-weight: 500; }
.q-status { background: #edf5fb; color: #315f88; }
.q-status--success { background: var(--q-green-soft); color: var(--q-green); }
.q-status--warning { background: var(--q-amber-soft); color: var(--q-amber); }
.q-status--danger { background: var(--q-red-soft); color: var(--q-red); }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid #b94200; outline-offset: 3px; }
.q-skip-link { background: #ff661c; color: #1f2328; }

/* Operational surfaces, not just the outer page background. */
.q-work-list, .q-work-details, .q-sales-desk, .q-readiness__item { background: var(--q-panel); }
.q-conversation-list, .q-lead-identity, .q-lead-rail { background: var(--q-night); }
.q-record--link:hover, .q-work-row:hover, .q-conversation-item:hover { background: var(--q-cyan-soft); }
.q-config-section--summary, .q-template-card--active { background: var(--q-cyan-soft); }
.q-work-row[aria-selected="true"] { background: var(--q-cyan-soft); border-left-color: var(--q-orange); }
.q-filter[aria-pressed="true"] { background: var(--q-cyan-soft); border-color: var(--q-cyan); }
.q-live-dot { box-shadow: none; }
.q-invite-reveal { border-color: var(--q-green); }
.q-money { color: var(--q-copy); }
.q-alert--success { background: var(--q-green-soft); border-left-color: var(--q-green); }
.q-alert--warning { background: var(--q-amber-soft); border-left-color: var(--q-amber); }
.q-alert--info { background: var(--q-info-soft); border-left-color: var(--q-info); }
.q-alert, .q-errors { border-radius: 0 8px 8px 0; }
.q-flashes { display: grid; gap: 8px; margin-bottom: 16px; }

/* A quiet incoming bubble and a warm outgoing one; private notes use amber. */
.q-message { background: var(--q-panel); }
.q-message--outbound { background: var(--q-cyan-soft); border-color: #d5b5a1; }
.q-message::before { border-color: var(--q-control-border); }
.q-message--outbound::before { border-color: var(--q-cyan); }
.q-message header { flex-wrap: wrap; gap: 4px 12px; }
.q-sales-panel-head { flex-wrap: wrap; gap: 8px; }
.q-conversation-item > div, .q-conversation-item > a { min-width: 0; overflow-wrap: anywhere; }
.q-sales-desk--lead { grid-template-columns: minmax(190px, .65fr) minmax(0, 1.7fr) minmax(230px, .75fr); }
.q-work-detail__head h2, .q-sales-panel-head h2, .q-lead-rail h2,
.q-template-card h2, .q-sticky-editor h2, .q-config-current h3,
.q-work-copy strong, .q-work-data strong, .q-conversation-item strong,
.q-readiness__item > a, .q-version-history > summary { font-weight: 500; }
.q-sticky-editor h2, .q-work-detail__body h3, .q-sales-blank h2 { font-size: 16px; }
.q-table th { background: var(--q-night); }
.q-table td { overflow-wrap: anywhere; }
.q-form input[type='checkbox'], .q-form input[type='radio'] { accent-color: var(--q-cyan); }
.q-form input:not([type='hidden']):not([type='checkbox']):not([type='radio']):is(:disabled, [readonly]),
.q-form select:disabled, .q-form textarea:disabled,
.q-form textarea[readonly] { background: #f1ede8; color: var(--q-muted); }
.q-form input:not([type='hidden']):not([type='checkbox']):not([type='radio'])[aria-invalid='true'], .q-form select[aria-invalid='true'],
.q-form textarea[aria-invalid='true'] { border-color: var(--q-red); }
.q-button:disabled { cursor: not-allowed; }
.q-panel, .q-card, .q-form-card, .q-stack, .q-section-grid > *, .q-split > * { min-width: 0; }
.q-panel__head, .q-work-detail__head, .q-template-card header { flex-wrap: wrap; }
.q-page-head h1, .q-panel h2, .q-record, .q-copy-note { overflow-wrap: anywhere; }
.q-page-head__summary:empty, .q-page-head__meta:empty { display: none; }
.q-pagination a { padding-block: 5px; }

/* Compact configuration cards keep their summary visible when folded. */
.q-disclosure { scroll-margin-top: 16px; }
.q-disclosure > .q-disclosure__summary { display: flex; flex-wrap: nowrap; cursor: pointer; list-style: none; border-bottom: 0; min-height: 58px; gap: 16px; }
.q-disclosure > .q-disclosure__summary::-webkit-details-marker { display: none; }
.q-disclosure > .q-disclosure__summary::after { content: ''; width: 8px; height: 8px; flex: 0 0 8px; border-right: 2px solid var(--q-muted); border-bottom: 2px solid var(--q-muted); transform: rotate(45deg); margin: -4px 4px 0 auto; }
.q-disclosure[open] > .q-disclosure__summary { border-bottom: 1px solid var(--q-line); }
.q-disclosure[open] > .q-disclosure__summary::after { transform: rotate(225deg); margin-top: 4px; }
.q-disclosure > .q-disclosure__summary:hover { background: var(--q-cyan-soft); }
.q-disclosure > .q-disclosure__summary:focus-visible { outline-offset: -3px; border-radius: 11px; }
.q-disclosure__summary > div, .q-disclosure__summary h2 { min-width: 0; }
.q-disclosure__summary > .q-status, .q-disclosure__status { margin-left: auto; flex-shrink: 0; }
.q-disclosure__status { color: var(--q-muted); font-size: 12px; }
.q-disclosure__summary:has(.q-disclosure__status, .q-status)::after { margin-left: 0; }
.q-disclosure > .q-facts { margin: 16px; }
.q-disclosure > .q-copy-note { padding: 0 18px 18px; }
/* Public screens share the brand without exposing private navigation. */
.q-public-shell { background: var(--q-night); }
.q-auth__brand { justify-content: center; }
.q-auth__intro h1 { font-weight: 500; }
.q-auth .q-form-card { box-shadow: 0 8px 28px rgba(62, 44, 29, .05); }
.q-auth .q-actions .q-button { width: 100%; }

@media (max-width: 1200px) {
  .q-workspace { grid-template-columns: minmax(0, 1fr); }
  .q-work-details { position: static; }
  .q-sales-desk--lead { grid-template-columns: minmax(190px, .6fr) minmax(0, 1.4fr); }
  .q-sales-desk--lead .q-lead-rail { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--q-line); }
}
@media (max-width: 860px) { .q-sidebar { gap: 14px; } .q-brand img { height: 46px; width: 126px; } }
@media (max-width: 760px) {
  .q-sales-desk--lead { grid-template-columns: minmax(0, 1fr); }
  .q-work-row { grid-template-columns: 62px minmax(0, 1fr) minmax(90px, .65fr); gap: 8px; }
  .q-composer, .q-quick-templates { padding: 16px; }
}
@media (max-width: 700px) { .q-main { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }