/* Falcon Admin Console: compact, proportional layout for every Console screen (Overview, Organisations & Billing,
   Agreements, Support, Copy Setup, Legal Details, Walkthrough reports, Backup restore tests, Falcon Settings, My Account).
   Every rule needs body.console-mode, which web/src/shell.ts sets only on Console screens, so organisation workspaces
   (PLM and CRM) are not changed. Sizes follow the shared type scale in tokens.css. Ticket status colours are shared with
   the customer's My tickets (platform.css). */

/* ---- Page width and rhythm ---- */
body.console-mode #content{padding:16px 20px 28px!important}
body.console-mode #content>*{max-width:1240px;margin-left:auto!important;margin-right:auto!important}
body.console-mode #content .falcon-console-page{display:flex!important;flex-direction:column!important;gap:14px!important}
body.console-mode #content .falcon-console-page>*{margin:0!important}
body.console-mode #content .falcon-console-page>.falcon-back-bar,body.console-mode #content .falcon-console-page>.console-return-bar{margin-bottom:-4px!important}

/* ---- Slim intro strip (Overview) and the organisation / settings header ---- */
body.console-mode .cx-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px;border-radius:10px;background:#16264a;color:#dbe5f2;font-size:12px;line-height:1.4}
body.console-mode .cx-strip strong{color:#fff;font-weight:600}
body.console-mode .cx-strip-tag{font-size:10px;font-weight:700;letter-spacing:.08em;color:#93c5fd}
body.console-mode .cx-strip-right{margin-left:auto;color:#a9b8cf}
body.console-mode #content .falcon-console-intro,body.console-mode #content .falcon-console-intro.compact{padding:10px 14px!important;border-radius:10px!important;box-shadow:none!important;align-items:center!important}
body.console-mode #content .falcon-console-intro h3{font-size:var(--fs-heading)!important;font-weight:600!important;margin:2px 0!important}
body.console-mode #content .falcon-console-intro p{font-size:var(--fs-label)!important}
body.console-mode #content .falcon-console-intro span{font-size:10px!important}
body.console-mode #content .falcon-intro-actions{display:flex;gap:6px;flex-wrap:wrap}

/* ---- Figure boxes ---- */
body.console-mode #content .falcon-platform-kpis{gap:10px!important}
body.console-mode #content .falcon-platform-kpis.five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.console-mode #content .falcon-platform-kpis>*{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;padding:10px 12px!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:10px!important;background:var(--panel,#fff)!important;box-shadow:none!important;text-decoration:none!important;color:inherit!important}
body.console-mode #content .falcon-platform-kpis>* span{font-size:var(--fs-label)!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:var(--fg-secondary)!important}
body.console-mode #content .falcon-platform-kpis>* strong{font-size:20px!important;font-weight:600!important;line-height:1.25!important}
body.console-mode #content .falcon-platform-kpis>* small{font-size:var(--fs-label)!important;color:var(--fg-secondary)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.console-mode #content .falcon-platform-kpis>.warn{border-color:#fde68a!important;background:#fffbeb!important}
body.console-mode #content .falcon-platform-kpis>.bad,body.console-mode #content .falcon-platform-kpis>.is-bad{border-color:#fecaca!important;background:#fef2f2!important}
body.console-mode #content .falcon-platform-kpis>.bad strong,body.console-mode #content .falcon-platform-kpis>.is-bad strong{color:#b91c1c!important}
body.console-mode #content a.falcon-platform-kpis>*:hover,body.console-mode #content .falcon-platform-kpis>a:hover{border-color:#1d4ed8!important}

/* ---- Boxes (sections and panels) ---- */
body.console-mode #content .falcon-admin-section,body.console-mode #content .falcon-console-page>.panel,body.console-mode #content .cx-grid2>.panel,body.console-mode #content .cx-desk .panel{border:1px solid var(--line,#e5e7eb)!important;border-radius:10px!important;box-shadow:none!important;background:var(--panel,#fff)!important}
body.console-mode #content .falcon-admin-section-head,body.console-mode #content .panel>.panel-head{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;background:transparent!important;border-bottom:1px solid var(--line,#e5e7eb)!important;margin:0!important}
body.console-mode #content .falcon-admin-section-head h3,body.console-mode #content .panel>.panel-head h3,body.console-mode #content .cx-desk .panel>h3{margin:0!important;font-size:var(--fs-heading)!important;font-weight:var(--fw-heading)!important}
body.console-mode #content .falcon-admin-section-head span,body.console-mode #content .panel>.panel-head .muted{font-size:var(--fs-label)!important;color:var(--fg-secondary)!important;line-height:1.4}
body.console-mode #content .falcon-admin-section-head>:last-child:not(:first-child),body.console-mode #content .panel>.panel-head>:last-child:not(:first-child){margin-left:auto}
body.console-mode #content .falcon-console-page>.panel,body.console-mode #content .cx-grid2>.panel{padding:0!important;overflow:hidden}
body.console-mode #content .falcon-console-page>.panel>:not(.panel-head):not(.table-wrap),body.console-mode #content .cx-grid2>.panel>:not(.panel-head):not(.table-wrap){margin:12px 14px!important}
body.console-mode #content .falcon-admin-section>.empty,body.console-mode #content .panel>.empty{padding:12px 14px!important;margin:0!important;color:var(--fg-secondary)}
body.console-mode #content .help-body{font-size:var(--fs-label)!important;line-height:1.55!important}
body.console-mode #content .help-body p{margin:0 0 8px!important}

/* Two boxes side by side: wider left (Overview) or even. One column below 1100px. */
body.console-mode .cx-grid2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;align-items:start}
body.console-mode .cx-grid2.even{grid-template-columns:repeat(2,minmax(0,1fr))}
body.console-mode .cx-grid2>*{margin:0!important;min-width:0}
body.console-mode .cx-grid2>.falcon-admin-section:empty{display:none}

/* ---- Administration list (Overview) ---- */
body.console-mode .cx-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body.console-mode #content .cx-tile{flex-direction:row!important;align-items:flex-start!important;gap:10px!important;min-height:0!important;padding:10px 14px!important;border:0!important;border-bottom:1px solid var(--line,#e5e7eb)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
body.console-mode #content .cx-tile:nth-child(odd){border-right:1px solid var(--line,#e5e7eb)!important}
body.console-mode #content .cx-tile:nth-last-child(-n+2){border-bottom:0!important}
body.console-mode #content .cx-tile:hover{background:#eff4ff!important}
body.console-mode #content .cx-tile .falcon-admin-tile-icon{flex:none;width:28px!important;height:28px!important}
body.console-mode .cx-tile-text{display:flex;flex-direction:column;gap:1px;min-width:0}
body.console-mode #content .cx-tile strong{font-size:var(--fs-field)!important;font-weight:500!important}
body.console-mode #content .cx-tile small{font-size:var(--fs-label)!important;line-height:1.35!important;color:var(--fg-secondary)!important}
body.console-mode .cx-go{margin-left:auto;align-self:center;color:#9ca3af;font-size:16px}

/* ---- Support box on the Overview ---- */
body.console-mode .cx-qsum{display:flex;flex-direction:column}
body.console-mode #content .cx-qrow{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;border-bottom:1px solid var(--line,#e5e7eb);color:inherit;text-decoration:none;font-size:var(--fs-field)}
body.console-mode #content .cx-qrow:last-child{border-bottom:0}
body.console-mode #content .cx-qrow:hover{background:#f8fafc}
body.console-mode .cx-qrow>strong{margin-left:auto;font-weight:600}
body.console-mode .cx-qrow.is-bad>strong,body.console-mode .cx-qrow.is-bad .cx-qlabel{color:#b91c1c}
body.console-mode .cx-qrow.is-plain .cx-qlabel{color:var(--fg-secondary);font-size:var(--fs-label)}
body.console-mode .cx-qnote{color:var(--fg-secondary);font-size:var(--fs-label);order:3}
body.console-mode .cx-qrow .cx-qnote+strong{margin-left:auto}

/* ---- Chips (organisation filters, ticket statuses) ---- */
body.console-mode .cx-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
body.console-mode .falcon-admin-section>.cx-chips{padding:10px 14px;border-bottom:1px solid var(--line,#e5e7eb)}
body.console-mode #content .cx-chip{display:inline-flex!important;align-items:center;gap:6px;height:var(--chip-h)!important;min-height:0!important;padding:0 10px!important;border-radius:999px!important;border:1px solid var(--line2,#d1d5db)!important;background:#fff!important;color:#374151!important;font-size:12px!important;font-weight:400!important;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:none!important}
body.console-mode #content span.cx-chip{cursor:default}
body.console-mode .cx-chip b{font-weight:600;color:#111827}
body.console-mode #content .cx-chip.on{border-color:#1d4ed8!important;box-shadow:inset 0 0 0 1px #1d4ed8!important}
body.console-mode .cx-chip[class*="cx-c-"]::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cc,#9ca3af)}
body.console-mode .cx-c-new{--cc:#1e40af}body.console-mode .cx-c-new b{color:#1e40af}
body.console-mode .cx-c-open{--cc:#d97706}body.console-mode .cx-c-open b{color:#92400e}
body.console-mode .cx-c-waiting{--cc:#6d28d9}body.console-mode .cx-c-waiting b{color:#5b21b6}
body.console-mode .cx-c-resolved{--cc:#16a34a}body.console-mode .cx-c-resolved b{color:#166534}
body.console-mode .cx-c-closed{--cc:#94a3b8}body.console-mode .cx-c-closed b{color:#475569}
body.console-mode #content .cx-c-bad{--cc:#dc2626;border-color:#fecaca!important;background:#fef2f2!important}body.console-mode .cx-c-bad b{color:#b91c1c}

/* ---- Ticket status pills and priorities ---- */
body.console-mode .ticket-status{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;font-size:12px;font-weight:500;white-space:nowrap}
body.console-mode .ticket-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
body.console-mode .prio{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;white-space:nowrap}
body.console-mode .prio::before{content:"";width:8px;height:8px;border-radius:2px;background:currentColor}
body.console-mode .prio-urgent{color:#dc2626}body.console-mode .prio-high{color:#ea580c}body.console-mode .prio-normal{color:#2563eb}body.console-mode .prio-low{color:#9ca3af}
body.console-mode .support-queue tr.prio-row td:first-child{box-shadow:inset 3px 0 0 var(--pc,transparent)}
body.console-mode tr.prio-urgent{--pc:#dc2626}body.console-mode tr.prio-high{--pc:#ea580c}body.console-mode tr.prio-normal{--pc:#2563eb}body.console-mode tr.prio-low{--pc:#9ca3af}
body.console-mode tr.prio-row{color:inherit}
body.console-mode .support-queue tr.is-overdue td{background:#fff5f5!important}
body.console-mode .cx-legend{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;padding:10px 14px;font-size:12px;color:var(--fg-secondary);border-top:1px solid var(--line,#e5e7eb)}
body.console-mode .cx-legend-gap{width:4px}

/* Support desk: tabs, chips, filters and the queue sit in one box. */
body.console-mode #content .cx-desk{gap:0!important;background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:10px;overflow:hidden}
body.console-mode #content .cx-desk>.falcon-tabs{margin:0!important;padding:0 14px!important;border-bottom:1px solid var(--line,#e5e7eb)!important}
body.console-mode #content .cx-desk>.support-chips{padding:12px 14px 4px}
body.console-mode #content .cx-desk>.cx-support-mail{margin:12px 14px 0!important}
body.console-mode #content .cx-desk>.support-filters{border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:8px 14px 12px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px 10px!important;border-bottom:1px solid var(--line,#e5e7eb)!important}
body.console-mode #content .cx-desk>.support-filters .field{margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0}
body.console-mode #content .cx-desk>.support-filters .field>select,body.console-mode #content .cx-desk>.support-filters .field>input{width:100%!important;max-width:none!important;height:var(--ctl-h)!important;min-height:var(--ctl-h)!important;margin:0!important;box-sizing:border-box!important}
body.console-mode #content .cx-desk>.support-filters .form-actions{display:flex!important;gap:6px!important;padding:0!important}
body.console-mode #content .cx-desk>.support-filters .form-actions>*{height:var(--ctl-h)!important;min-height:var(--ctl-h)!important}
body.console-mode #content .falcon-tabs .falcon-tab{text-decoration:none!important}
body.console-mode #content .cx-desk>.support-filters .field>span{font-size:var(--fs-label)!important;color:var(--fg-secondary)!important}
body.console-mode #content .cx-desk>.support-filters .form-actions{grid-column:auto!important;align-self:end;margin:0!important}
body.console-mode #content .cx-desk>.table-wrap{border:0!important;border-radius:0!important;margin:0!important}
body.console-mode #content .cx-desk>.empty{padding:16px 14px!important;margin:0!important}
body.console-mode #content .cx-desk>.panel,body.console-mode #content .cx-desk>section.panel,body.console-mode #content .cx-desk>form.panel{border:0!important;border-radius:0!important;border-top:1px solid var(--line,#e5e7eb)!important;margin:0!important;padding:12px 14px!important}
body.console-mode #content .cx-desk>.falcon-tabs+.panel,body.console-mode #content .cx-desk>.falcon-tabs+section.panel,body.console-mode #content .cx-desk>.falcon-tabs+form.panel{border-top:0!important}
body.console-mode #content .cx-desk>.falcon-platform-kpis{padding:12px 14px!important;margin:0!important}
body.console-mode #content .cx-desk>.support-report-grid{padding:0;gap:0;grid-template-columns:repeat(2,minmax(0,1fr))}
body.console-mode #content .cx-desk>.support-report-grid>.panel{border:0!important;border-radius:0!important;border-top:1px solid var(--line,#e5e7eb)!important;margin:0!important;padding:12px 14px!important}
body.console-mode #content .cx-desk>.support-report-grid>.panel:nth-child(odd){border-right:1px solid var(--line,#e5e7eb)!important}
body.console-mode #content .cx-desk .panel>h3{margin:0 0 8px!important}

/* One ticket */
body.console-mode #content .ticket-layout{gap:14px!important}
body.console-mode #content .ticket-main>.panel,body.console-mode #content .ticket-side>.panel{border:1px solid var(--line,#e5e7eb)!important;border-radius:10px!important;box-shadow:none!important;padding:12px 14px!important;margin:0 0 12px!important}
body.console-mode #content .ticket-head h2{font-size:16px!important;font-weight:600!important}
body.console-mode #content .ticket-head p{font-size:var(--fs-label)!important;margin:4px 0 0!important}
body.console-mode #content .ticket-side h3{font-size:var(--fs-heading)!important;font-weight:var(--fw-heading)!important}
body.console-mode #content .ticket-msg{border-radius:8px!important;padding:9px 12px!important}

/* ---- Tables ---- */
body.console-mode #content .falcon-admin-section .table-wrap,body.console-mode #content .panel>.table-wrap{border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
body.console-mode #content .falcon-console-page table th,body.console-mode #content .cx-desk table th{font-size:var(--fs-label)!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;color:var(--fg-secondary)!important;background:#f9fafb!important;padding:7px 10px!important;white-space:nowrap}
body.console-mode #content .falcon-console-page table td,body.console-mode #content .cx-desk table td{padding:8px 10px!important;vertical-align:middle!important}
body.console-mode #content .falcon-org-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
body.console-mode #content .falcon-organisations-table td small,body.console-mode #content .falcon-console-page td small{display:block;font-size:var(--fs-label)!important;color:var(--fg-secondary)!important}
body.console-mode #content .falcon-org-cell>span{width:28px!important;height:28px!important;border-radius:6px!important;font-size:12px!important}
body.console-mode #content .falcon-organisations-table td:nth-child(5){text-align:right}
body.console-mode #content .falcon-organisations-table th:nth-child(5){text-align:right}
body.console-mode #content .falcon-organisations-table tr[hidden]{display:none!important}
body.console-mode #content .falcon-organisations-table{min-width:980px!important}
body.console-mode #content .falcon-console-page .table-wrap,body.console-mode #content .cx-desk .table-wrap{overflow-x:auto}
body.console-mode #content .falcon-org-actions .small-btn{height:28px!important;min-height:28px!important;padding:0 10px!important;font-size:12px!important}
body.console-mode #content .falcon-console-page td a:not(.primary):not(.secondary),body.console-mode #content .cx-desk td a{text-decoration:none}
body.console-mode #content .falcon-console-page td a:not(.primary):not(.secondary):hover,body.console-mode #content .cx-desk td a:hover{text-decoration:underline}

/* ---- Forms inside boxes (Legal, Agreements, Copy Setup, Settings) ---- */
body.console-mode #content .falcon-admin-section>form,body.console-mode #content .panel>form{padding:12px 14px!important;margin:0!important}
body.console-mode #content .lg-form,body.console-mode #content .ag-page form.form-grid{gap:10px 16px!important}
body.console-mode #content .form-group small.muted,body.console-mode #content .form-group>small{font-size:var(--fs-label)!important}
body.console-mode #content .falcon-admin-section>.settings-button-row{padding:10px 14px!important}
body.console-mode #content .settings-action-card{box-shadow:none!important;border-radius:8px!important;padding:10px 12px!important}
body.console-mode #content .falcon-billing-note{margin:0!important;padding:12px 14px!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:var(--fs-label)}
body.console-mode #content #platform-email-log{padding:0 14px 12px}
body.console-mode #content #platform-email-log h4{font-size:var(--fs-field);font-weight:500;margin:4px 0}
body.console-mode #content .copy-setup-sections{gap:6px 16px!important}

/* ---- Dark theme ---- */
body.dark-theme.console-mode .cx-strip{background:#0b1220}
body.dark-theme.console-mode #content .falcon-admin-section,body.dark-theme.console-mode #content .falcon-console-page>.panel,body.dark-theme.console-mode #content .cx-grid2>.panel,body.dark-theme.console-mode #content .cx-desk,body.dark-theme.console-mode #content .cx-desk .panel{background:var(--dk-panel,#172033)!important;border-color:var(--dk-line,#334155)!important}
body.dark-theme.console-mode #content .cx-chip{background:var(--dk-raised,#1e293b)!important;color:var(--dk-text,#e5e7eb)!important;border-color:var(--dk-line,#334155)!important}
body.dark-theme.console-mode .cx-chip b{color:inherit}
body.dark-theme.console-mode #content .cx-tile:hover,body.dark-theme.console-mode #content .cx-qrow:hover{background:#1d2d46!important}
body.dark-theme.console-mode #content .falcon-console-page table th,body.dark-theme.console-mode #content .cx-desk table th{background:var(--dk-raised,#1e293b)!important}
body.dark-theme.console-mode .support-queue tr.is-overdue td{background:#3b1414!important}

/* ---- Narrower screens ---- */
@media (max-width:1100px){
  body.console-mode .cx-grid2,body.console-mode .cx-grid2.even{grid-template-columns:1fr}
  body.console-mode #content .falcon-platform-kpis.five{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.console-mode #content .cx-desk>.support-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.console-mode #content .cx-desk>.support-report-grid{grid-template-columns:1fr}
  body.console-mode #content .cx-desk>.support-report-grid>.panel:nth-child(odd){border-right:0!important}
}

/* ---- Phone: tables become stacked cards, nothing wider than the screen ---- */
@media (max-width:700px){
  body.console-mode #content{padding:12px!important}
  body.console-mode .cx-strip-right{display:none}
  body.console-mode #content .falcon-platform-kpis,body.console-mode #content .falcon-platform-kpis.five{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.console-mode #content .falcon-platform-kpis>*:last-child:nth-child(odd){grid-column:1/-1}
  body.console-mode .cx-tiles{grid-template-columns:1fr}
  body.console-mode #content .cx-tile:nth-child(odd){border-right:0!important}
  body.console-mode #content .cx-tile:nth-last-child(2){border-bottom:1px solid var(--line,#e5e7eb)!important}
  body.console-mode #content .falcon-admin-section-head,body.console-mode #content .panel>.panel-head{flex-wrap:wrap!important;align-items:flex-start!important;flex-direction:row!important}
  body.console-mode #content .falcon-admin-section-head>:last-child:not(:first-child),body.console-mode #content .panel>.panel-head>:last-child:not(:first-child){margin-left:0;width:100%}
  body.console-mode #content .falcon-admin-section-head>a:last-child:not(:first-child),body.console-mode #content .falcon-admin-section-head>button:last-child:not(:first-child),body.console-mode #content .panel>.panel-head>button:last-child:not(:first-child){justify-content:center;text-align:center}
  body.console-mode #content .cx-desk>.support-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.console-mode #content .cx-desk>.support-filters .form-actions{grid-column:1/-1!important;justify-content:flex-start!important}
  body.console-mode #content .cx-desk>.support-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}
  body.console-mode #content .cx-desk>.falcon-tabs{overflow-x:auto;flex-wrap:nowrap}
  body.console-mode #content .falcon-organisations-table td:nth-child(5){text-align:left}
  /* Tables: each row is a card, each cell a "label  value" line. */
  body.console-mode #content .falcon-console-page .table-wrap,body.console-mode #content .cx-desk .table-wrap{overflow:visible!important}
  body.console-mode #content .falcon-console-page table,body.console-mode #content .cx-desk table{display:block!important;min-width:0!important;width:100%!important}
  body.console-mode #content .falcon-console-page thead,body.console-mode #content .cx-desk thead{display:none!important}
  body.console-mode #content .falcon-console-page tbody,body.console-mode #content .cx-desk tbody{display:block!important}
  body.console-mode #content .falcon-console-page tr,body.console-mode #content .cx-desk tr{display:flex!important;flex-wrap:wrap;gap:4px 10px;padding:10px 14px;border-bottom:1px solid var(--line,#e5e7eb)}
  body.console-mode #content .falcon-console-page tr:last-child,body.console-mode #content .cx-desk tr:last-child{border-bottom:0}
  body.console-mode #content .falcon-console-page td,body.console-mode #content .cx-desk td{display:block!important;padding:0!important;border:0!important;min-width:0;max-width:100%;overflow-wrap:anywhere;background:transparent!important}
  body.console-mode #content .falcon-console-page td:empty,body.console-mode #content .cx-desk td:empty{display:none!important}
  body.console-mode #content .falcon-console-page td:first-child,body.console-mode #content .cx-desk td:first-child{flex:1 1 100%}
  body.console-mode #content .falcon-organisations-table td:last-child,body.console-mode #content .user-permission-table td:last-child{flex:1 1 100%}
  body.console-mode #content .falcon-org-actions{justify-content:flex-start}
  body.console-mode .support-queue tr.prio-row{box-shadow:inset 3px 0 0 var(--pc,transparent)}
  body.console-mode #content .cx-desk .support-queue tr.prio-row td:first-child{box-shadow:none;flex:0 0 auto;color:var(--fg-secondary)}
  body.console-mode #content .cx-desk .support-queue td.cx-card-title{flex:1 1 60%}
  body.console-mode .support-queue td.cx-card-title{flex:1 1 70%;font-weight:500}
  body.console-mode .support-queue tr.is-overdue{background:#fff5f5}
  body.console-mode .support-queue td[data-label="Waiting"]::before{content:"Waiting ";color:var(--fg-secondary)}
  body.console-mode .support-queue td[data-label="Assignee"]::before{content:"Assignee: ";color:var(--fg-secondary)}
  body.console-mode #content .cx-desk>.support-report-grid{display:block}

  /* (":not(#_)" raises priority over the older phone rules for tables and form fields.) */
  body.console-mode #content :is(.falcon-console-page,.cx-desk) table td:not(#_){border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;height:auto!important;line-height:1.4!important}
  body.console-mode #content .support-queue tr.prio-row td:first-child:not(#_){box-shadow:none!important}
  body.console-mode #content :is(.falcon-console-page,.cx-desk) table tr:not(#_){margin:0!important;border-left:0;border-right:0;border-top:0;border-radius:0!important;background:transparent}
  body.console-mode #content .cx-desk>.support-filters .field:not(#_){margin:0!important;padding:0!important}
  body.console-mode #content .cx-desk>.support-filters:not(#_){row-gap:8px!important}
}
body.console-mode #content .falcon-admin-section .settings-action-grid{display:block!important;padding:12px 14px!important;margin:0!important}
body.console-mode #content .falcon-admin-section .settings-action-card{width:auto!important;max-width:none!important}
body.console-mode #content .falcon-sso-card .form-group>input,body.console-mode #content .falcon-sso-card .form-group>select,body.console-mode #content .falcon-sso-card .form-group>textarea,body.console-mode #content .falcon-sso-card .falcon-inline-row{width:100%!important;max-width:none!important}
body.console-mode #content .falcon-sso-card .falcon-inline-row>input{flex:1;min-width:0}
body.console-mode #content .falcon-console-page .form-group.form-actions{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap}
body.console-mode #content .falcon-console-page .form-group.form-actions>button{width:auto!important;flex:0 0 auto!important}
body.console-mode #content .falcon-admin-section-head>button,body.console-mode #content .panel>.panel-head>button,body.console-mode #content .panel>.panel-head>.settings-button-row button{white-space:nowrap}

/* ---- Website Prices & Offers (web/src/views/websiteprices.ts, 3.85) ---- */
body.console-mode .wp-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;align-items:start}
body.console-mode .wp-col{display:flex;flex-direction:column;gap:14px;min-width:0}
body.console-mode #content .wp-box{margin:0!important;padding:0!important;overflow:hidden;border:1px solid var(--line,#e5e7eb)!important;border-radius:10px!important;box-shadow:none!important;background:var(--panel,#fff)!important}
body.console-mode #content .wp-box>.panel-head{padding:10px 14px!important;margin:0!important;border-bottom:1px solid var(--line,#e5e7eb);display:flex;align-items:center;gap:10px}
body.console-mode #content .wp-box>.panel-head h3{font-size:var(--fs-heading,14px);font-weight:500;margin:0}
body.console-mode #content .wp-box>.panel-head>button{margin-left:auto}
body.console-mode #content .wp-box>:not(.panel-head):not(.table-wrap){margin:12px 14px!important}
body.console-mode #content .wp-edit{border-color:var(--accent,#1d4ed8)!important;box-shadow:0 0 0 1px var(--accent,#1d4ed8)!important}
body.console-mode #content .wp-prices input:not(#_){width:110px;max-width:100%;height:32px!important;min-height:32px!important;border:1px solid #d1d5db!important;border-radius:6px!important;padding:0 8px!important;background:#fff!important;font-size:13px!important;box-shadow:none!important}
body.console-mode .wp-prices td small{display:inline-block;margin-left:6px}
body.console-mode .wp-ph{display:none}
body.console-mode .wp-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
body.console-mode .wp-row .form-group{margin:0;width:110px}
body.console-mode .wp-note{font-size:var(--fs-label,12px)}
body.console-mode #content .wp-offers{margin:0!important}
body.console-mode .wp-offers>p{margin:12px 14px}
body.console-mode .wp-offer{display:flex;flex-direction:column;gap:5px;padding:10px 14px;border-bottom:1px solid var(--line,#e5e7eb)}
body.console-mode .wp-offer:last-child{border-bottom:0}
body.console-mode .wp-offer.is-ended{opacity:.65}
body.console-mode .wp-offer-1{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body.console-mode .wp-offer-end{margin-left:auto;font-size:var(--fs-label,12px)}
body.console-mode .wp-offer-2{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:var(--fs-label,12px)}
body.console-mode .wp-offer-3{display:flex;gap:6px;justify-content:flex-end}
body.console-mode .wp-chip{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;background:#eff4ff;color:#1d4ed8}
body.console-mode .wp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
body.console-mode .wp-form .form-group{margin:0}
body.console-mode .wp-form .full,body.console-mode .wp-form .form-message{grid-column:1/-1}
body.console-mode .wp-checks{display:flex;gap:6px 16px;flex-wrap:wrap}
body.console-mode .wp-check{min-height:28px;display:inline-flex;align-items:center;gap:6px}
body.console-mode .wp-cards{display:flex;flex-direction:column;gap:8px}
body.console-mode .wp-card{border:1px solid var(--line,#e5e7eb);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
body.console-mode .wp-card-price{font-size:22px;font-weight:700}
body.console-mode .wp-card-price s{font-size:14px;font-weight:400;color:var(--fg-secondary,#6b7280)}
body.console-mode .wp-card-price small{font-size:var(--fs-label,12px);font-weight:400;color:var(--fg-secondary,#6b7280)}
body.console-mode .wp-ribbon{align-self:flex-start;background:#fef3c7;color:#92400e;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}
body.console-mode .wp-ends{color:#b45309;font-size:var(--fs-label,12px)}
body.console-mode .wp-cards>a{align-self:flex-start}
body.console-mode .wp-used,body.console-mode .wp-history{margin:12px 14px;padding-left:18px;font-size:var(--fs-label,12px);line-height:1.5}
body.console-mode .wp-history{list-style:none;padding-left:0}
body.console-mode .wp-history li{padding:5px 0;border-bottom:1px solid var(--line,#e5e7eb)}
body.console-mode .wp-history li:last-child{border-bottom:0}
body.console-mode .wp-savebar{position:sticky;bottom:8px;z-index:5;display:flex;gap:8px;align-items:center;justify-content:flex-end;background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:10px;padding:8px 12px;box-shadow:0 6px 18px rgba(15,23,42,.12)}
body.console-mode .wp-savebar[hidden]{display:none}
body.console-mode .wp-savebar span{margin-right:auto;font-size:var(--fs-label,12px);color:#92400e}
@media (max-width:1100px){
  body.console-mode .wp-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  body.console-mode .wp-form{grid-template-columns:1fr}
  body.console-mode #content .wp-prices td:not(#_){flex:1 1 30%}
  body.console-mode #content .wp-prices td:first-child:not(#_){flex:1 1 100%}
  body.console-mode #content .wp-prices input:not(#_){width:100%}
  body.console-mode .wp-ph{display:block;font-size:var(--fs-label,12px);color:var(--fg-secondary,#6b7280);margin-bottom:2px}
  body.console-mode #content .wp-prices td small.wp-pct:not(#_){display:none!important}
  body.console-mode .wp-offer-end{margin-left:0;width:100%}
  body.console-mode .wp-savebar{flex-wrap:wrap}
  body.console-mode .wp-savebar button{flex:1}
}
