/* ============================================================
   Consolidated legacy hotfix layer — merged in v1.8.3
   This block preserves the previous cascade before the current
   UI system rules below it. hotfixes.css is no longer loaded.
   ============================================================ */

/* v1.4.1 Hotfix 2 — keep Rows per page values fully visible (10 / 15 / 25). */
.page-size-control select{
  width:76px!important;
  min-width:76px!important;
  height:32px!important;
  padding:0 30px 0 12px!important;
  font-size:11.5px!important;
  line-height:30px!important;
  text-align:left!important;
  text-align-last:left!important;
}

/* v1.12.0 — clear totals, authorized-user register, and unobstructed sidebar navigation. */
.pipeline-total-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px}.pipeline-total-strip>div{display:grid;grid-template-columns:minmax(140px,1fr) auto;align-items:center;gap:4px 18px;background:#fff;border:1px solid #dce5f0;border-radius:12px;padding:13px 16px}.pipeline-total-strip span{color:#66758d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pipeline-total-strip strong{color:#123563}.pipeline-total-strip small{grid-column:2;color:#68778e}.users-filter-bar{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(4,minmax(125px,.8fr)) auto auto;gap:10px;margin-bottom:14px}.authorized-users-table{min-width:1040px;table-layout:fixed}.authorized-users-table th:nth-child(1){width:22%}.authorized-users-table th:nth-child(2){width:17%}.authorized-users-table th:nth-child(3){width:16%}.authorized-users-table th:nth-child(4){width:12%}.authorized-users-table th:nth-child(5){width:17%}.authorized-users-table th:nth-child(6){width:9%}.authorized-users-table th:nth-child(7){width:7%}.authorized-users-table th,.authorized-users-table td{vertical-align:middle}.app-sidebar .sidebar-nav{padding-bottom:28px!important;scroll-padding-bottom:90px}.app-sidebar .sidebar-nav .sidebar-link:last-child{margin-bottom:18px}@media(max-width:1180px){.users-filter-bar{grid-template-columns:repeat(3,1fr)}.pipeline-total-strip{grid-template-columns:1fr}}@media(max-width:700px){.users-filter-bar{grid-template-columns:1fr}.pipeline-total-strip>div{grid-template-columns:1fr}.pipeline-total-strip small{grid-column:1}}

/* v1.5.1 — clarify Source vs Activity Type semantics */
.field-help {
  display: block;
  margin-top: 6px;
  color: var(--muted, #667085);
  font-size: 12px;
  line-height: 1.35;
}
.field-semantics-note strong + * { margin-left: 2px; }
/* Customer Cases refinement */
.customer-case-tabs{display:flex;gap:8px;margin:0 0 16px}.customer-case-tabs .btn{min-width:110px;justify-content:center}.complaint-report-sheet{max-width:1100px;margin:0 auto}.complaint-report-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #dfe6ef;padding-bottom:18px;margin-bottom:20px}.complaint-report-header h2{margin:0 0 6px}.report-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.report-facts>div{background:#f7f9fc;border:1px solid #e3e9f2;border-radius:10px;padding:12px}.report-facts b,.report-facts span{display:block}.report-facts b{font-size:12px;text-transform:uppercase;margin-bottom:5px;color:#617086}.complaint-report-sheet section{margin-top:24px}.complaint-report-sheet section h3{border-bottom:1px solid #e5eaf1;padding-bottom:8px}
@media(max-width:900px){.report-facts{grid-template-columns:1fr 1fr}}
@media print{.app-sidebar,.workspace-tools,.report-screen-tools,.alert{display:none!important}.app-content{margin:0!important;padding:0!important}.complaint-report-sheet{border:0!important;box-shadow:none!important;max-width:none!important}.report-facts{grid-template-columns:repeat(3,1fr)}body{background:white!important}}
.customer-case-tabs{display:flex;gap:8px;margin:0 0 16px}.customer-case-tabs .btn{min-width:110px;justify-content:center}.complaint-report-sheet{max-width:1100px;margin:0 auto}.complaint-report-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #dfe6ef;padding-bottom:18px;margin-bottom:20px}.complaint-report-header h2{margin:0 0 6px}.report-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.report-facts>div{background:#f7f9fc;border:1px solid #e3e9f2;border-radius:10px;padding:12px}.report-facts b,.report-facts span{display:block}.report-facts b{font-size:12px;text-transform:uppercase;margin-bottom:5px;color:#617086}.complaint-report-sheet section{margin-top:24px}.complaint-report-sheet section h3{border-bottom:1px solid #e5eaf1;padding-bottom:8px}@media(max-width:900px){.report-facts{grid-template-columns:1fr 1fr}}@media print{.app-sidebar,.workspace-tools,.report-screen-tools,.alert{display:none!important}.app-content{margin:0!important;padding:0!important}.complaint-report-sheet{border:0!important;box-shadow:none!important;max-width:none!important}.report-facts{grid-template-columns:repeat(3,1fr)}body{background:white!important}}
/* v1.6.2 visual alignment */
.module-page-heading .heading-actions{margin-left:auto;align-self:flex-start}.heading-actions,.detail-top-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.compact-btn{min-height:38px!important;padding:8px 16px!important;font-size:14px!important}.page-heading{align-items:flex-start}.form-actions{justify-content:flex-start!important}.action-heading{white-space:nowrap!important;min-width:74px!important}.sales-table th:last-child{white-space:nowrap!important}.multi-dropdown{width:100%;border:1px solid var(--border,#d7e0ec);border-radius:10px;background:#fff}.multi-dropdown summary{cursor:pointer;padding:15px 16px;list-style:none}.multi-dropdown summary::-webkit-details-marker{display:none}.multi-dropdown summary:after{content:'⌄';float:right}.multi-dropdown-body{padding:0 12px 12px}.compact-multi-select{width:100%;min-height:44px!important;height:auto!important;max-height:160px!important}.multi-dropdown-body small{display:block;margin-top:6px;color:#6b7280}


/* v1.6.3 — Customer Cases primary action aligned with Sales Records */
.workspace-create-menu{position:relative;margin:0;padding:0}
.workspace-create-menu>summary{list-style:none;cursor:pointer;user-select:none}
.workspace-create-menu>summary::-webkit-details-marker{display:none}
.workspace-create-menu .workspace-caret{font-size:14px;margin-left:6px;line-height:1}
.workspace-create-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:1200;width:250px;background:#fff;border:1px solid var(--border,#d7e0ec);border-radius:12px;box-shadow:0 14px 36px rgba(16,42,82,.16);padding:7px}
.workspace-create-popover a{display:block;padding:10px 12px;border-radius:9px;text-decoration:none;color:var(--navy,#123567)}
.workspace-create-popover a:hover{background:#f3f6fb}
.workspace-create-popover strong,.workspace-create-popover span{display:block}
.workspace-create-popover strong{font-size:14px;margin-bottom:2px}
.workspace-create-popover span{font-size:11.5px;color:var(--muted,#667085);font-weight:400}
.customer-case-tabs{margin-top:0}

/* v1.6.4 — compact professional New menu + Customer Cases row actions */
.workspace-create-popover{width:190px!important;padding:6px!important}
.workspace-create-popover a{padding:11px 12px!important;font-size:14px!important;font-weight:650!important}
.workspace-create-popover a+a{border-top:1px solid #edf1f6}
.row-action-menu{position:relative;display:inline-block}
.row-action-menu>summary{list-style:none;cursor:pointer;min-width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-weight:800;letter-spacing:1px;color:var(--navy,#123567)}
.row-action-menu>summary::-webkit-details-marker{display:none}
.row-action-menu>summary:hover{background:#eef3f9}
.row-action-popover{position:absolute;right:0;top:calc(100% + 5px);z-index:1300;min-width:145px;background:#fff;border:1px solid var(--border,#d7e0ec);border-radius:9px;box-shadow:0 10px 28px rgba(16,42,82,.15);padding:5px;text-align:left}
.row-action-popover a,.row-action-popover button{display:block;width:100%;padding:8px 10px;border:0;background:none;text-decoration:none;text-align:left;color:var(--navy,#123567);font:inherit;font-size:13px;border-radius:6px;cursor:pointer}
.row-action-popover a:hover,.row-action-popover button:hover{background:#f3f6fb}
.inquiry-records-table th:last-child{white-space:nowrap!important;width:64px!important;min-width:64px!important}
.inquiry-records-table td.action-cell{width:64px!important;text-align:center!important}
.report-screen-tools{display:flex!important;flex-direction:column!important;gap:7px!important;align-items:stretch!important}
.report-screen-tools .btn{min-width:96px!important;justify-content:center!important}

/* v1.6.5 — Create New menu final visual correction */
.workspace-create-menu{position:relative}
.workspace-create-menu>summary.workspace-primary-action{
  min-width:150px!important;
  justify-content:center!important;
  gap:5px!important;
}
.workspace-create-popover{
  width:185px!important;
  min-width:185px!important;
  padding:5px!important;
  border-radius:10px!important;
  top:calc(100% + 6px)!important;
}
.workspace-create-popover a{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:8px 10px!important;
  margin:0!important;
  font-size:13.5px!important;
  font-weight:650!important;
  border-radius:7px!important;
}
.workspace-create-popover a+a{
  border-top:1px solid #edf1f6!important;
}
.workspace-create-popover a:hover{
  background:#f3f6fb!important;
}

/* Customer Cases action control — same light visual weight as Sales Records */
.inquiry-records-table .action-cell{
  padding-left:6px!important;
  padding-right:6px!important;
}
.inquiry-records-table .row-action-menu>summary{
  width:34px!important;
  min-width:34px!important;
  height:30px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.inquiry-records-table .row-action-menu>summary:hover{
  background:#eef3f9!important;
}

/* v1.6.6 — complete Customer Cases action menu + report controls */
.row-action-popover{
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  right:0!important;
  left:auto!important;
  padding:5px!important;
  overflow:hidden!important;
}
.row-action-popover a{
  display:block!important;
  width:auto!important;
  padding:8px 10px!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.row-action-popover .danger-link{color:#b42318!important}
.row-action-popover .danger-link:hover{background:#fff1f0!important}
.report-actions-vertical{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  min-width:105px!important;
}
.report-actions-vertical .btn{
  width:100%!important;
  min-height:36px!important;
  justify-content:center!important;
  padding:7px 12px!important;
  font-size:13px!important;
}

/* AKDL Sales & Inquiry — UI System v1.7.0
   Visual standardization only: no workflow, data or permission changes. */

:root{
  --ui-navy:#0b2a67;
  --ui-navy-2:#17365d;
  --ui-sidebar:#10295d;
  --ui-sidebar-active:#294474;
  --ui-bg:#f4f7fb;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fafc;
  --ui-border:#dbe3ee;
  --ui-border-soft:#e8edf4;
  --ui-text:#17213a;
  --ui-text-2:#46536a;
  --ui-muted:#7b8799;
  --ui-blue:#2f69dc;
  --ui-green:#198447;
  --ui-orange:#b85b00;
  --ui-red:#b42318;
  --ui-purple:#684f97;
  --ui-cyan:#0f778b;
  --ui-radius-sm:8px;
  --ui-radius:11px;
  --ui-radius-lg:15px;
  --ui-shadow:0 6px 18px rgba(23,54,93,.055);
  --ui-shadow-pop:0 14px 34px rgba(16,42,82,.14);
}

/* v6.5.3 — unified access-denied page */
.access-denied-page{margin:0;min-height:100vh;background:var(--ui-bg);color:var(--ui-text);font-family:Inter,"Segoe UI",Arial,sans-serif}
.access-denied-shell{min-height:100vh;display:grid;place-items:center;padding:28px}
.access-denied-card{position:relative;width:min(100%,680px);box-sizing:border-box;text-align:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow);padding:42px 38px 32px}
.access-denied-logo{width:210px;max-width:65%;height:auto;margin-bottom:24px}
.access-denied-code{display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:38px;border-radius:20px;background:#fff1f0;color:var(--ui-red);font-size:17px;font-weight:800;letter-spacing:.08em}
.access-denied-card h1{margin:18px 0 10px;color:var(--ui-text);font-size:28px;line-height:1.25}
.access-denied-card p{max-width:570px;margin:0 auto;color:var(--ui-muted);font-size:15px;line-height:1.75}
.access-denied-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 20px}
.access-denied-actions form{margin:0}
.access-denied-language{position:absolute;top:20px;inset-inline-end:22px;color:var(--ui-navy);font-weight:700;text-decoration:none}
.access-denied-card small{display:block;color:var(--ui-muted)}
@media(max-width:600px){.access-denied-card{padding:54px 22px 26px}.access-denied-card h1{font-size:23px}.access-denied-actions,.access-denied-actions .btn,.access-denied-actions form{width:100%}}

/* ---------- Typography ---------- */
body{
  color:var(--ui-text);
  background:var(--ui-bg);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:14px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.page-heading h1,.dashboard-title-row h1{
  color:var(--ui-text)!important;
  font-size:29px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
.page-heading p,.dashboard-title-row p{
  color:var(--ui-muted)!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  margin-top:6px!important;
}
.panel h2,.panel-head h2{
  color:var(--ui-text)!important;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:-.01em;
}
.field label,.stack-form label{
  color:var(--ui-text)!important;
  font-size:12.5px!important;
  font-weight:700!important;
}
.muted,.table-sub,.field-help{color:var(--ui-muted)!important}

/* ---------- Main shell ---------- */
.app-sidebar{
  background:var(--ui-sidebar)!important;
  box-shadow:4px 0 20px rgba(16,41,93,.08)!important;
}
.sidebar-brand{
  border-bottom-color:rgba(255,255,255,.11)!important;
}
.sidebar-brand strong{font-size:15.5px!important;font-weight:800!important;letter-spacing:-.01em}
.sidebar-brand span{font-size:11.5px!important;color:#c5d0e3!important}
.sidebar-nav{gap:5px!important}
.sidebar-link{
  min-height:52px!important;
  border-radius:10px!important;
  padding:0 14px!important;
  gap:12px!important;
  color:#dfe7f5!important;
  font-size:14px!important;
  font-weight:650!important;
}
.sidebar-link:hover{background:rgba(255,255,255,.07)!important}
.sidebar-link.active{
  background:var(--ui-sidebar-active)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 rgba(255,255,255,.8);
}
.sidebar-icon{
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
  line-height:1!important;
  opacity:.95;
}
.sidebar-user{padding-top:18px!important}
.sidebar-avatar{width:40px!important;height:40px!important;font-size:15px!important}
.sidebar-user-text strong{font-size:12.5px!important}
.sidebar-user-text span{font-size:10.5px!important}
.sidebar-version{font-size:10px!important}

.app-content.container{
  padding-top:26px!important;
  padding-bottom:54px!important;
}
.page-heading{
  min-height:58px;
  margin-bottom:20px!important;
}

/* ---------- Global controls ---------- */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
  border:1px solid #ccd7e5!important;
  border-radius:var(--ui-radius)!important;
  background:#fff!important;
  color:var(--ui-text)!important;
  box-shadow:none!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
input:not([type="checkbox"]):not([type="radio"]),
select{
  min-height:42px!important;
  padding:0 12px!important;
}
textarea{
  padding:11px 12px!important;
  line-height:1.5!important;
  min-height:96px;
}
input:focus,select:focus,textarea:focus{
  border-color:#7f9cc5!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(47,105,220,.09)!important;
}
::placeholder{color:#9aa5b5!important}

.btn{
  min-height:38px;
  padding:0 14px!important;
  border-radius:9px!important;
  border:1px solid var(--ui-border)!important;
  background:#fff!important;
  color:var(--ui-navy-2)!important;
  font-size:12.5px!important;
  font-weight:750!important;
  box-shadow:none!important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease;
}
.btn:hover{background:#f5f8fc!important;border-color:#c9d5e5!important}
.btn.primary{
  background:var(--ui-navy)!important;
  border-color:var(--ui-navy)!important;
  color:#fff!important;
}
.btn.primary:hover{background:#153b7b!important;border-color:#153b7b!important}
.btn.danger{
  background:#fff!important;
  color:var(--ui-red)!important;
  border-color:#efc9c5!important;
}
.btn.danger:hover{background:#fff3f2!important;border-color:#e7b2ad!important}
.link-button{font-weight:700}

/* ---------- Header tools ---------- */
.workspace-tools{
  right:28px!important;
  top:26px!important;
  gap:8px!important;
}
.workspace-tools .notification-bell{
  width:42px!important;
  height:42px!important;
  border:1px solid var(--ui-border)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:var(--ui-shadow)!important;
}
.workspace-primary-action{
  height:42px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  font-size:12.5px!important;
}
.workspace-create-menu>summary.workspace-primary-action{
  min-width:145px!important;
}
.workspace-create-popover{
  width:180px!important;
  min-width:180px!important;
  padding:5px!important;
  border:1px solid var(--ui-border)!important;
  border-radius:10px!important;
  box-shadow:var(--ui-shadow-pop)!important;
  background:#fff!important;
}
.workspace-create-popover a{
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:7px!important;
  color:var(--ui-text)!important;
  font-size:13px!important;
  font-weight:700!important;
}
.workspace-create-popover a:hover{background:#f2f6fb!important}

/* ---------- Cards & panels ---------- */
.panel,.metric-card,.appscript-kpi,.report-hub-card,
.dashboard-panel,.salesperson-performance-panel,.pipeline-summary-panel{
  border:1px solid var(--ui-border-soft)!important;
  border-radius:var(--ui-radius-lg)!important;
  box-shadow:var(--ui-shadow)!important;
}
.panel{
  padding:20px!important;
  background:#fff!important;
}
.panel-head{
  margin-bottom:14px!important;
}
.metric-card,.appscript-kpi,.report-hub-card{
  box-shadow:0 5px 16px rgba(23,54,93,.05)!important;
}
.appscript-kpi:hover,.report-hub-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 22px rgba(23,54,93,.08)!important;
}

/* ---------- Filters & tabs ---------- */
.filter-bar,.module-filter{
  gap:8px!important;
  margin-bottom:14px!important;
}
.filter-bar input,.filter-bar select,.filter-bar .btn,
.module-filter input,.module-filter select,.module-filter .btn{
  height:42px!important;
  min-height:42px!important;
}
.customer-case-tabs,.controlled-list-tabs{
  gap:7px!important;
}
.customer-case-tabs{
  margin-bottom:14px!important;
}
.customer-case-tabs .btn{
  min-width:104px!important;
  height:42px!important;
  font-size:13px!important;
}
.customer-case-tabs .btn.primary{
  background:#245b8b!important;
  border-color:#245b8b!important;
}
.appscript-period-switch{
  border-radius:10px!important;
  padding:3px!important;
}
.appscript-period-switch .period-option{
  border-radius:8px!important;
  min-height:36px;
}

/* ---------- Tables ---------- */
.table-wrap,.module-table-wrap{
  border:1px solid var(--ui-border-soft)!important;
  border-radius:12px!important;
  box-shadow:0 4px 14px rgba(23,54,93,.035)!important;
  background:#fff!important;
}
table{background:#fff}
th{
  height:40px;
  padding:10px 12px!important;
  background:#f8fafc!important;
  color:#526078!important;
  font-size:10.5px!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  border-bottom:1px solid var(--ui-border)!important;
}
td{
  padding:11px 12px!important;
  color:var(--ui-text-2)!important;
  font-size:12.5px!important;
  border-bottom:1px solid #edf1f6!important;
  vertical-align:middle!important;
}
tbody tr:hover td{background:#fbfcfe}
tbody tr:last-child td{border-bottom:0!important}
.cell-primary,.record-code,td strong{
  color:var(--ui-text)!important;
}
.record-code{font-weight:800!important}
.table-sub{
  font-size:10.5px!important;
  line-height:1.35!important;
  margin-top:3px!important;
}
.action-cell{text-align:center!important}
.row-action-menu>summary{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#34517a!important;
  letter-spacing:1.5px!important;
}
.row-action-menu>summary:hover{background:#eef3f9!important}
.row-action-popover{
  min-width:148px!important;
  max-width:148px!important;
  border:1px solid var(--ui-border)!important;
  border-radius:9px!important;
  box-shadow:var(--ui-shadow-pop)!important;
  background:#fff!important;
  padding:5px!important;
}
.row-action-popover a,.row-action-popover button{
  min-height:34px!important;
  padding:7px 9px!important;
  border-radius:6px!important;
  color:var(--ui-text)!important;
  font-size:12.5px!important;
  font-weight:650!important;
}
.row-action-popover a:hover,.row-action-popover button:hover{background:#f2f6fb!important}
.row-action-popover .danger-link{color:var(--ui-red)!important}

/* ---------- Status tags ---------- */
.tag,.status-pill{
  min-height:24px;
  padding:4px 8px!important;
  border-radius:7px!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1.2!important;
  align-items:center;
}
.status-assigned,.status-new{background:#eef1f5!important;color:#526078!important}
.status-accepted,.status-contacted,.status-follow_up,.status-quotation{background:#eaf3fb!important;color:#285f91!important}
.status-qualified{background:#eeeaf8!important;color:var(--ui-purple)!important}
.status-converted,.status-won,.tag.success{background:#e8f4e7!important;color:#3a772a!important}
.status-not_interested,.status-invalid,.status-duplicate,.status-closed,.status-lost{background:#fbeceb!important;color:#a53a34!important}
.priority-medium{background:#fff4df!important;color:#94600a!important}
.priority-high,.priority-urgent{background:#fbeceb!important;color:#a53a34!important}
.priority-low{background:#e9f5eb!important;color:#2f7a47!important}

/* ---------- Forms ---------- */
.form-panel{
  max-width:none!important;
  padding:22px!important;
}
.form-grid{
  gap:14px 18px!important;
}
.field{min-width:0}
.field-help{font-size:11px!important;line-height:1.4!important}
.field-error{
  margin-top:5px!important;
  border-radius:7px!important;
  font-size:11px!important;
}
.form-actions{
  margin-top:4px!important;
  gap:8px!important;
}
.form-actions .btn{min-width:96px}
.locked-box{
  border:1px solid var(--ui-border-soft)!important;
  border-radius:11px!important;
  background:#f8fafc!important;
}

/* Professional multi-select replacement (JS enhances existing <select multiple>) */
.multi-dropdown{
  position:relative!important;
  border:0!important;
  background:transparent!important;
}
.multi-dropdown>summary{display:none!important}
.multi-dropdown-body{padding:0!important}
.multi-dropdown-body>small{display:none!important}
.multi-dropdown .compact-multi-select.ui-native-multi{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.ui-multiselect{
  position:relative;
  width:100%;
}
.ui-multiselect-toggle{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 12px;
  border:1px solid #ccd7e5;
  border-radius:var(--ui-radius);
  background:#fff;
  color:var(--ui-text);
  font:inherit;
  cursor:pointer;
  text-align:left;
}
.ui-multiselect-toggle:hover{border-color:#b8c6d8}
.ui-multiselect-toggle .ui-multi-value{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.ui-multiselect-toggle .ui-multi-caret{color:#68758a;font-size:12px}
.ui-multiselect-menu{
  position:absolute;
  z-index:1500;
  left:0;
  right:0;
  top:calc(100% + 5px);
  max-height:230px;
  overflow:auto;
  padding:5px;
  border:1px solid var(--ui-border);
  border-radius:10px;
  background:#fff;
  box-shadow:var(--ui-shadow-pop);
}
.ui-multiselect-menu[hidden]{display:none!important}
.ui-multiselect-option{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:6px 8px;
  border-radius:7px;
  color:var(--ui-text);
  cursor:pointer;
}
.ui-multiselect-option:hover{background:#f2f6fb}
.ui-multiselect-option input{width:15px!important;height:15px!important;min-height:15px!important;margin:0!important}
.ui-multiselect-option span{font-size:12.5px}

/* ---------- Details / workflow ---------- */
.workflow-banner{
  border:1px solid var(--ui-border-soft)!important;
  border-radius:12px!important;
  box-shadow:var(--ui-shadow)!important;
  padding:13px 16px!important;
}
.workflow-banner span{font-size:10px!important;color:var(--ui-muted)!important}
.detail-grid{gap:16px!important}
.detail-row{padding:10px 0!important;border-top-color:#edf1f6!important}
.detail-row span{font-size:12px!important}
.detail-row strong{font-size:12.5px!important}
.timeline{gap:8px!important}
.timeline-item{
  border-left:2px solid #c7d4e5!important;
  padding:7px 0 7px 13px!important;
}
.timeline-item strong{font-size:12.5px}
.timeline-item span,.timeline-item small{color:var(--ui-muted)!important;font-size:10.5px!important}
.timeline-item p{font-size:12px!important;color:var(--ui-text-2)!important}

/* ---------- Dashboard & pipeline ---------- */
.appscript-kpi-grid{gap:14px!important}
.appscript-kpi{min-height:124px!important;padding:18px 18px 15px!important}
.appscript-kpi span{font-size:11.5px!important}
.appscript-kpi strong{font-size:26px!important;margin:14px 0 8px!important}
.appscript-kpi small{font-size:10px!important}
.dashboard-panel,.salesperson-performance-panel,.pipeline-summary-panel{padding:18px!important}
.pipeline-summary-metrics{gap:9px!important}
.pipeline-summary-metrics>div{
  border:1px solid var(--ui-border-soft)!important;
  border-radius:10px!important;
  background:#f9fbfd!important;
}

/* ---------- Settings & user administration ---------- */
.controlled-list-tab{
  border-radius:10px!important;
  border-color:var(--ui-border)!important;
  box-shadow:none!important;
}
.controlled-list-panel{padding:18px!important}
.controlled-list-table th,.controlled-list-table td{padding:10px 12px!important}
.controlled-list-actions .btn{
  min-height:32px!important;
  padding:0 10px!important;
  font-size:11.5px!important;
}
.system-admin-badge{
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:10.5px!important;
}

/* ---------- Reports ---------- */
.report-hub-grid{gap:14px!important}
.report-hub-card{min-height:120px!important;padding:18px!important}
.complaint-report-sheet{
  width:min(100%, 794px)!important; /* approximately A4 at 96dpi */
  max-width:794px!important;
  margin:0 auto!important;
  padding:28px!important;
  border-radius:10px!important;
}
.complaint-report-header{margin-bottom:16px!important;padding-bottom:14px!important}
.report-facts{gap:8px!important;margin-bottom:18px!important}
.report-facts>div{
  padding:10px!important;
  border-radius:8px!important;
  background:#f8fafc!important;
}
.report-facts b{font-size:9.5px!important}
.report-facts span{font-size:12px!important}
.complaint-report-sheet section{margin-top:18px!important}
.complaint-report-sheet section h3{font-size:14px!important;margin-bottom:10px!important}
.report-actions-vertical{
  min-width:94px!important;
  gap:6px!important;
}
.report-actions-vertical .btn{
  min-height:34px!important;
  font-size:11.5px!important;
}

/* ---------- Alerts ---------- */
.alert{
  border:1px solid #dfe6ef;
  border-radius:9px!important;
  padding:10px 12px!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.alert.success{border-color:#cce7d5!important}
.alert.error{border-color:#efcfcc!important}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .page-heading h1,.dashboard-title-row h1{font-size:27px!important}
}
@media(max-width:900px){
  .app-content.container{padding:22px 18px 44px!important}
  .page-heading{min-height:auto}
}
@media(max-width:600px){
  .panel{padding:16px!important}
  .page-heading h1,.dashboard-title-row h1{font-size:24px!important}
  .customer-case-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)}
  .customer-case-tabs .btn{min-width:0!important}
}

/* ---------- Print ---------- */
@media print{
  body{background:#fff!important;font-size:11px!important}
  .complaint-report-sheet{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
  }
}

/* ---------- v1.7.1 precision pass: one visual grammar across modules ---------- */
:root{
  --ui-control-h:42px;
  --ui-action-col:76px;
}

/* Header alignment: all list pages use the same right-side action rail. */
.page-heading,.appscript-page-heading{padding-right:220px!important}
.workspace-tools{top:26px!important;right:32px!important}
.workspace-primary-action{min-width:154px!important;justify-content:center!important}
.workspace-tools .notification-bell{flex:0 0 42px!important}

/* Primary tabs must use the same brand navy as every primary action. */
.customer-case-tabs .btn.primary,
.controlled-list-tabs .btn.primary{
  background:var(--ui-navy)!important;
  border-color:var(--ui-navy)!important;
  color:#fff!important;
}
.customer-case-tabs .btn:not(.primary){background:#fff!important;color:var(--ui-navy-2)!important}

/* Filter bars: consistent geometry and baseline. */
.module-filter{align-items:stretch!important}
.module-filter input,.module-filter select,.module-filter .btn{
  height:var(--ui-control-h)!important;
  min-height:var(--ui-control-h)!important;
}
.module-search-btn,.module-clear-btn{min-width:82px!important;justify-content:center!important}

/* Tables: predictable headers, widths, spacing and action rail. */
.module-records-table{width:100%!important;table-layout:fixed!important}
.module-records-table th{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.module-records-table th:last-child,
.module-records-table td.action-cell{
  width:var(--ui-action-col)!important;
  min-width:var(--ui-action-col)!important;
  max-width:var(--ui-action-col)!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.sales-records-table .col-action{width:var(--ui-action-col)!important}
.sales-records-table th:last-child{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.action-cell .row-action-menu{display:inline-block!important;vertical-align:middle!important}
.row-action-menu>summary{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:32px!important;min-width:32px!important;height:32px!important;
  padding:0!important;margin:0!important;font-size:17px!important;line-height:1!important;
}
.row-action-popover{z-index:1500!important}

/* Consistent list density. */
.module-records-table td{height:58px!important}
.module-records-table .cell-primary{font-weight:700!important}
.module-records-table .record-code-link{text-decoration:none!important}
.module-records-table .record-code-link:hover{text-decoration:underline!important;text-underline-offset:2px}

/* Forms and detail pages: controls/actions no longer look oversized. */
.form-panel,.detail-panel{border-radius:var(--ui-radius-lg)!important}
.form-actions .btn,.detail-top-actions .btn,.heading-actions .btn{
  min-height:38px!important;height:38px!important;padding:0 14px!important;font-size:12.5px!important;
}
.form-grid input,.form-grid select{height:42px!important;min-height:42px!important}
.form-grid textarea{min-height:104px!important}

/* Report screen actions: compact vertical A4-oriented toolbar. */
.report-screen-tools,.report-actions-vertical{gap:6px!important}
.report-screen-tools .btn,.report-actions-vertical .btn{
  min-height:36px!important;height:36px!important;padding:0 12px!important;font-size:12.5px!important;
}

/* Sidebar iconography: consistent optical box even for legacy glyphs. */
.sidebar-icon{font-family:"Segoe UI Symbol","Segoe UI",sans-serif!important;font-weight:400!important}

/* Popovers use one component language. */
.workspace-create-popover,.row-action-popover,.sidebar-user-popover,.notification-popover{
  border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow-pop)!important;
}

@media(max-width:900px){
  .page-heading,.appscript-page-heading{padding-right:190px!important}
  .module-records-table{table-layout:auto!important;min-width:860px!important}
}
@media(max-width:600px){
  .page-heading,.appscript-page-heading{padding-right:0!important}
  .workspace-primary-action{min-width:140px!important}
}


/* v1.7.2 — Related Persons robust multi-select dropdown
   Native <details> + Django CheckboxSelectMultiple: works without JavaScript. */
.related-persons-dropdown{
  position:relative;
  width:100%;
}
.related-persons-dropdown>summary{
  list-style:none;
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 12px;
  border:1px solid #ccd7e5;
  border-radius:var(--ui-radius);
  background:#fff;
  color:var(--ui-text);
  cursor:pointer;
  user-select:none;
}
.related-persons-dropdown>summary::-webkit-details-marker{display:none}
.related-persons-dropdown>summary:hover{border-color:#b8c6d8}
.related-persons-dropdown[open]>summary{
  border-color:#7f9cc5;
  box-shadow:0 0 0 3px rgba(47,105,220,.09);
}
.related-persons-caret{
  flex:0 0 auto;
  color:#68758a;
  font-size:12px;
  transition:transform .15s ease;
}
.related-persons-dropdown[open] .related-persons-caret{transform:rotate(180deg)}
.related-persons-menu{
  position:absolute;
  z-index:1600;
  left:0;
  right:0;
  top:calc(100% + 5px);
  max-height:250px;
  overflow:auto;
  padding:6px;
  border:1px solid var(--ui-border);
  border-radius:10px;
  background:#fff;
  box-shadow:var(--ui-shadow-pop);
}
.related-persons-menu>div,
.related-persons-menu ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.related-persons-menu>div>div,
.related-persons-menu li{
  margin:0!important;
  padding:0!important;
}
.related-persons-menu label{
  min-height:34px;
  display:flex!important;
  align-items:center;
  gap:9px;
  margin:0!important;
  padding:6px 8px!important;
  border-radius:7px;
  color:var(--ui-text)!important;
  font-size:12.5px!important;
  font-weight:500!important;
  cursor:pointer;
}
.related-persons-menu label:hover{background:#f2f6fb}
.related-persons-menu input[type="checkbox"]{
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
  margin:0!important;
  accent-color:var(--ui-navy);
}

/* v1.7.3 — enforce one open selector at a time and compact selected summary */
.related-persons-dropdown>summary span:first-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.related-persons-menu{
  max-height:220px!important;
}


/* ============================================================
   v1.7.9 — Customer Cases / Complaint UI precision pass
   ============================================================ */

/* Customer Cases tabs: same navy language as the rest of the application. */
.customer-case-segmented{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.customer-case-segmented .btn{
  min-width:108px!important;
  border-radius:9px!important;
  background:#fff!important;
  border-color:var(--ui-border)!important;
  color:var(--ui-text-2)!important;
}
.customer-case-segmented .btn.primary{
  background:var(--ui-navy)!important;
  border-color:var(--ui-navy)!important;
  color:#fff!important;
  box-shadow:0 3px 9px rgba(11,42,103,.12)!important;
}

/* Complaint status palette. */
.status-under_investigation{background:#eaf3fb!important;color:#285f91!important}
.status-action_required{background:#fff0df!important;color:#9b5405!important}
.status-in_progress{background:#e9f1fb!important;color:#245b8b!important}
.status-waiting_customer{background:#fff7dc!important;color:#8a6711!important}
.status-on_hold{background:#eef1f5!important;color:#58677b!important}
.status-resolved{background:#e7f4ea!important;color:#287442!important}
.status-reopened{background:#f1eafa!important;color:#684f97!important}

/* Complaint detail header. */
.complaint-page-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
}
.complaint-heading-line{
  display:flex;
  align-items:center;
  gap:10px;
}
.complaint-heading-line h1{margin:0!important}

/* One compact action menu in the detail header. */
.detail-action-menu{
  position:relative!important;
}
.detail-action-menu>summary{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--ui-border)!important;
  border-radius:9px!important;
  background:#fff!important;
  cursor:pointer!important;
}
.detail-action-menu>summary:hover{
  background:#f5f8fc!important;
  border-color:#c9d5e5!important;
}
.detail-action-popover{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 7px)!important;
  z-index:1300!important;
}

/* Summary strip gives immediate case context without repeating the full detail list. */
.complaint-summary-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0 0 16px;
}
.complaint-summary-strip>div{
  min-height:66px;
  padding:11px 13px;
  background:#fff;
  border:1px solid var(--ui-border-soft);
  border-radius:10px;
  box-shadow:0 3px 12px rgba(23,54,93,.03);
}
.complaint-summary-strip span,
.complaint-summary-strip strong{
  display:block;
}
.complaint-summary-strip span{
  margin-bottom:5px;
  color:var(--ui-muted);
  font-size:10.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.complaint-summary-strip strong{
  color:var(--ui-text);
  font-size:12.5px;
  font-weight:750;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.complaint-detail-grid{
  align-items:start!important;
}
.complaint-info-panel,
.complaint-resolution-panel,
.complaint-workflow-panel,
.complaint-history-panel{
  border:1px solid var(--ui-border-soft)!important;
  border-radius:12px!important;
  box-shadow:0 4px 16px rgba(23,54,93,.035)!important;
}
.complaint-detail-list{
  margin-top:6px!important;
}
.complaint-detail-list dt{
  color:var(--ui-muted)!important;
  font-size:11px!important;
  font-weight:700!important;
}
.complaint-detail-list dd{
  color:var(--ui-text)!important;
  font-size:12.5px!important;
  font-weight:600!important;
}
.complaint-detail-list .detail-long-text{
  font-weight:500!important;
  line-height:1.55!important;
}

.complaint-workflow-panel{
  margin-top:16px!important;
}
.complaint-workflow-panel .panel-head{
  margin-bottom:14px!important;
}
.complaint-workflow-panel .panel-head p{
  margin:4px 0 0!important;
}
.complaint-workflow-form{
  gap:12px!important;
}
.workflow-submit-row{
  display:flex!important;
  justify-content:flex-start!important;
  padding-top:2px!important;
}
.complaint-history-panel{
  margin-top:16px!important;
}

/* A4 portrait complaint report. */
.complaint-report-toolbar{
  max-width:794px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.complaint-report-sheet{
  width:min(100%,794px)!important;
  max-width:794px!important;
  min-height:1080px!important;
  margin:0 auto!important;
  padding:32px 34px!important;
  background:#fff!important;
  border:1px solid var(--ui-border-soft)!important;
  border-radius:9px!important;
  box-shadow:0 8px 28px rgba(23,54,93,.065)!important;
}
.report-document-kicker{
  display:block;
  margin-bottom:6px;
  color:var(--ui-muted);
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.08em;
}
.report-status-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}
.report-detail-list dt{
  color:var(--ui-muted)!important;
  font-size:10.5px!important;
}
.report-detail-list dd{
  color:var(--ui-text)!important;
  font-size:12px!important;
}
.report-timeline .timeline-item{
  break-inside:avoid;
}

@media(max-width:900px){
  .complaint-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .complaint-summary-strip{grid-template-columns:1fr}
  .complaint-report-sheet{padding:20px!important;min-height:0!important}
}

/* Print exactly as an A4 portrait document. */
@page{
  size:A4 portrait;
  margin:12mm;
}
@media print{
  .complaint-report-toolbar,
  .app-sidebar,
  .workspace-tools,
  .alert{
    display:none!important;
  }
  .app-content.container{
    margin:0!important;
    padding:0!important;
    max-width:none!important;
  }
  .complaint-report-sheet{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .report-facts{
    grid-template-columns:repeat(3,1fr)!important;
  }
}


/* ============================================================
   v1.8.0 — Complaint management information architecture
   ============================================================ */

.complaint-case-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 16px!important;
}
.complaint-summary-item{
  display:block!important;
  min-width:0!important;
  padding:12px 14px!important;
  background:#fff!important;
  border:1px solid #e2e7ef!important;
  border-radius:10px!important;
  box-shadow:0 3px 12px rgba(23,54,93,.035)!important;
}
.complaint-summary-item span{
  display:block!important;
  margin:0 0 5px!important;
  color:#7d899b!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.complaint-summary-item strong{
  display:block!important;
  min-width:0!important;
  color:#17213a!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.35!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.complaint-management-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:16px!important;
  align-items:start!important;
}
.complaint-main-column{
  display:grid!important;
  gap:14px!important;
  min-width:0!important;
}
.complaint-section-panel,
.complaint-workflow-panel,
.complaint-history-panel{
  margin-top:0!important;
  border:1px solid #e2e7ef!important;
  border-radius:12px!important;
  box-shadow:0 4px 15px rgba(23,54,93,.035)!important;
}
.complaint-section-panel .panel-head,
.complaint-workflow-panel .panel-head{
  margin-bottom:12px!important;
}
.complaint-section-panel .panel-head h2,
.complaint-workflow-panel .panel-head h2,
.complaint-history-panel .panel-head h2{
  margin:0!important;
  font-size:17px!important;
}

.complaint-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 22px!important;
}
.complaint-info-grid>div{
  min-width:0!important;
  padding-bottom:9px!important;
  border-bottom:1px solid #edf0f4!important;
}
.complaint-info-grid .full{grid-column:1/-1!important}
.complaint-info-grid span,
.complaint-text-block>span,
.complaint-resolution-grid span{
  display:block!important;
  margin-bottom:5px!important;
  color:#7d899b!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.complaint-info-grid strong{
  display:block!important;
  color:#17213a!important;
  font-size:12.5px!important;
  font-weight:650!important;
  line-height:1.45!important;
}

.complaint-text-block{
  padding:13px 14px!important;
  background:#f8fafc!important;
  border:1px solid #edf0f4!important;
  border-radius:9px!important;
}
.complaint-text-block + .complaint-text-block{
  margin-top:10px!important;
}
.complaint-text-block p,
.complaint-resolution-grid p{
  margin:0!important;
  color:#26344d!important;
  font-size:12.5px!important;
  line-height:1.65!important;
}
.management-comment-block{
  background:#fbfcfe!important;
  border-left:3px solid #173b78!important;
}

.complaint-resolution-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 16px!important;
}
.complaint-resolution-grid>div{
  padding:11px 12px!important;
  background:#fbfcfe!important;
  border:1px solid #edf0f4!important;
  border-radius:8px!important;
}
.complaint-resolution-grid .full{grid-column:1/-1!important}
.complaint-resolution-grid .resolution-result{
  background:#f7fbf8!important;
}

.complaint-workflow-panel{
  position:sticky!important;
  top:18px!important;
}
.complaint-workflow-panel .muted{
  margin:4px 0 0!important;
  font-size:11px!important;
  line-height:1.4!important;
}
.complaint-workflow-form{
  display:grid!important;
  gap:11px!important;
}
.complaint-workflow-form .field{
  margin:0!important;
}
.complaint-workflow-form .btn{
  width:100%!important;
  margin-top:2px!important;
}

.complaint-history-panel{
  margin-top:16px!important;
}
.complaint-history-panel .timeline-item small{
  display:block!important;
  margin-top:3px!important;
  color:#7d899b!important;
  font-size:10.5px!important;
}

@media(max-width:1050px){
  .complaint-management-layout{grid-template-columns:1fr!important}
  .complaint-workflow-panel{position:static!important}
}
@media(max-width:760px){
  .complaint-case-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .complaint-info-grid,
  .complaint-resolution-grid{grid-template-columns:1fr!important}
  .complaint-info-grid .full,
  .complaint-resolution-grid .full{grid-column:auto!important}
}
@media(max-width:520px){
  .complaint-case-summary{grid-template-columns:1fr!important}
}


/* ============================================================
   v1.8.2 — Unified ACTION column across Sales / Customer Cases / Pipeline
   ============================================================ */

.sales-records-table .col-action,
.pipeline-records-table .opp-action{
  width:64px!important;
}

.sales-records-table th.action-heading,
.inquiry-records-table th.action-heading,
.pipeline-records-table th.action-heading,
.sales-records-table th:last-child,
.inquiry-records-table th:last-child,
.pipeline-records-table th:last-child{
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  padding-left:8px!important;
  padding-right:8px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}

.sales-records-table td.action-cell,
.inquiry-records-table td.action-cell,
.pipeline-records-table td.action-cell{
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  padding-left:8px!important;
  padding-right:8px!important;
  text-align:center!important;
  vertical-align:middle!important;
  overflow:visible!important;
}

.sales-records-table .row-action-menu.action-dots,
.inquiry-records-table .row-action-menu.action-dots,
.pipeline-records-table .row-action-menu.action-dots{
  display:inline-block!important;
  position:relative!important;
  width:28px!important;
  height:28px!important;
  margin:0 auto!important;
}

.sales-records-table .row-action-menu.action-dots>summary,
.inquiry-records-table .row-action-menu.action-dots>summary,
.pipeline-records-table .row-action-menu.action-dots>summary{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#31577f!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  list-style:none!important;
  overflow:hidden!important;
}

.sales-records-table .row-action-menu.action-dots>summary::-webkit-details-marker,
.inquiry-records-table .row-action-menu.action-dots>summary::-webkit-details-marker,
.pipeline-records-table .row-action-menu.action-dots>summary::-webkit-details-marker{
  display:none!important;
}

.sales-records-table .row-action-menu.action-dots>summary:hover,
.inquiry-records-table .row-action-menu.action-dots>summary:hover,
.pipeline-records-table .row-action-menu.action-dots>summary:hover{
  background:#eef4fa!important;
}

/* Prevent the Pipeline heading from collapsing to "A..." */
.pipeline-records-table{
  table-layout:fixed!important;
}
.pipeline-records-table th:last-child{
  font-size:10px!important;
}


/* v1.8.3 — global workspace menu controls */
.workspace-create-popover .workspace-menu-button{
  width:100%;
  border:0;
  background:transparent;
  text-align:left;
  font:inherit;
  color:inherit;
  cursor:pointer;
}
.workspace-create-popover .workspace-menu-button:hover{
  background:#f4f7fb;
}

/* Authorized Users now follows the same compact ACTION language. */
.users-table th.action-heading,
.users-table td.action-cell{
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.users-table td.action-cell{
  overflow:visible!important;
}
.users-table .row-action-menu.action-dots{
  display:inline-block!important;
  position:relative!important;
  width:28px!important;
  height:28px!important;
}
.users-table .row-action-menu.action-dots>summary{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#31577f!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
  list-style:none!important;
}
.users-table .row-action-menu.action-dots>summary::-webkit-details-marker{display:none!important}
.users-table .row-action-menu.action-dots>summary:hover{background:#eef4fa!important}


/* ============================================================
   v1.8.4 — Unified record detail pages
   Sales / Inquiry / Complaint / Opportunity
   ============================================================ */

.standardized-detail-heading{
  margin-bottom:14px!important;
}

.record-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 16px!important;
}
.record-summary-item{
  min-width:0!important;
  padding:12px 14px!important;
  background:#fff!important;
  border:1px solid #e2e7ef!important;
  border-radius:10px!important;
  box-shadow:0 3px 12px rgba(23,54,93,.035)!important;
}
.record-summary-item span{
  display:block!important;
  margin:0 0 5px!important;
  color:#7d899b!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.record-summary-item strong{
  display:block!important;
  min-width:0!important;
  color:#17213a!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.35!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.standardized-detail-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:16px!important;
  align-items:start!important;
}
.standardized-detail-main{
  display:grid!important;
  gap:14px!important;
  min-width:0!important;
}
.standardized-detail-panel,
.standardized-detail-side{
  border:1px solid #e2e7ef!important;
  border-radius:12px!important;
  box-shadow:0 4px 15px rgba(23,54,93,.035)!important;
}
.standardized-detail-side{
  position:sticky!important;
  top:18px!important;
}
.standardized-detail-panel .panel-head,
.standardized-detail-side .panel-head{
  margin-bottom:12px!important;
}
.standardized-detail-panel .panel-head h2,
.standardized-detail-side .panel-head h2{
  margin:0!important;
  font-size:17px!important;
}

.record-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 22px!important;
}
.record-info-grid>div{
  min-width:0!important;
  padding-bottom:9px!important;
  border-bottom:1px solid #edf0f4!important;
}
.record-info-grid span,
.record-text-block>span{
  display:block!important;
  margin-bottom:5px!important;
  color:#7d899b!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.record-info-grid strong{
  display:block!important;
  color:#17213a!important;
  font-size:12.5px!important;
  font-weight:650!important;
  line-height:1.45!important;
}
.record-text-block{
  margin-top:12px!important;
  padding:13px 14px!important;
  background:#f8fafc!important;
  border:1px solid #edf0f4!important;
  border-radius:9px!important;
}
.record-text-block p{
  margin:0!important;
  color:#26344d!important;
  font-size:12.5px!important;
  line-height:1.65!important;
}

.standardized-opportunity-grid{
  align-items:start!important;
}
.opportunity-description-panel{
  margin-top:16px!important;
}

.record-actions-menu .workspace-create-popover{
  min-width:210px!important;
}

@media(max-width:1050px){
  .standardized-detail-grid{
    grid-template-columns:1fr!important;
  }
  .standardized-detail-side{
    position:static!important;
  }
}
@media(max-width:760px){
  .record-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .record-info-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:520px){
  .record-summary-grid{
    grid-template-columns:1fr!important;
  }
}


/* v1.8.6 — Final sidebar brand override */
.app-sidebar .sidebar-brand{
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:8px!important;
}
.app-sidebar .sidebar-logo{
  width:62px!important;
  height:42px!important;
  max-height:42px!important;
}
.app-sidebar .sidebar-brand-copy{
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
}
.app-sidebar .sidebar-brand-copy strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.app-sidebar .sidebar-brand-copy span{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* v1.10.2 — Keep the sidebar footer fixed while allowing long navigation to scroll. */
@media(min-width:981px){
  .app-sidebar .sidebar-link-performance{
    padding-left:11px!important;
    padding-right:11px!important;
    gap:10px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }
  .app-sidebar .sidebar-link-performance>span:last-child{
    white-space:nowrap!important;
  }
  .app-sidebar .sidebar-nav{
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:transparent transparent;
  }
  .app-sidebar .sidebar-nav:hover,
  .app-sidebar .sidebar-nav:focus-within{
    scrollbar-color:rgba(255,255,255,.34) transparent;
  }
  .app-sidebar .sidebar-nav::-webkit-scrollbar{
    width:4px;
  }
  .app-sidebar .sidebar-nav::-webkit-scrollbar-track{
    background:transparent;
  }
  .app-sidebar .sidebar-nav::-webkit-scrollbar-thumb{
    background:transparent;
    border-radius:999px;
  }
  .app-sidebar .sidebar-nav:hover::-webkit-scrollbar-thumb,
  .app-sidebar .sidebar-nav:focus-within::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.32);
  }
  .app-sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{
    background:rgba(255,255,255,.48);
  }
  .app-sidebar .sidebar-nav::-webkit-scrollbar-button{
    display:none;
  }
}

/* Search stays available while the browser's overlapping native X is hidden. */
.searchable-select-input{
  -webkit-appearance:none;
  appearance:none;
}
.searchable-select-input::-webkit-search-cancel-button,
.searchable-select-input::-webkit-search-decoration{
  display:none;
  -webkit-appearance:none;
  appearance:none;
}
.searchable-select:after{
  content:none!important;
}
.searchable-select-toggle{
  position:absolute;
  z-index:2;
  right:4px;
  top:50%;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#64748b;
  font:700 17px/1 "Segoe UI Symbol","Segoe UI",sans-serif;
  cursor:pointer;
  transform:translateY(-50%);
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.searchable-select-toggle:hover,
.searchable-select-toggle:focus-visible{
  outline:0;
  background:#eef3f9;
  color:#17365d;
}
.searchable-select.is-open .searchable-select-toggle{
  transform:translateY(-50%);
}

/* v1.14.0 — searchable internal participant multi-select and meeting files. */
.searchable-select-option[aria-selected='true']{padding-right:34px;position:relative}
.searchable-select-option[aria-selected='true']:after{content:'✓';position:absolute;right:12px;color:#24724a;font-weight:900}
.meeting-record-section{margin-top:16px!important;padding-top:15px!important;border-top:1px solid #e4eaf2}
.meeting-attachments{display:grid;gap:8px;margin-top:12px}
.meeting-attachment-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #dfe7f0;border-radius:9px;background:#f8fafc}
.meeting-attachment-row>a{display:grid;gap:2px;min-width:0;text-decoration:none;color:#17365d}
.meeting-attachment-row>a strong{overflow-wrap:anywhere;font-size:12px}
.meeting-attachment-row>a small,.meeting-attachment-empty{color:#718096;font-size:10px}
.meeting-attachment-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:8px;padding-top:6px}
.meeting-attachment-form input[type='file']{min-height:40px;padding:7px;border:1px solid #ccd7e5;border-radius:8px;background:#fff}
.meeting-attachment-form>small{grid-column:1/-1;color:#718096;font-size:10px}
@media(max-width:650px){.meeting-attachment-form{grid-template-columns:1fr}.meeting-attachment-form>small{grid-column:auto}.meeting-attachment-row{align-items:flex-start;flex-direction:column}}

/* v1.12.1 — inline customer phone register. */
.additional-contacts-editor{margin-top:4px;padding-top:18px;border-top:1px solid #e4eaf2}.additional-contacts-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.additional-contacts-head h2{margin:0 0 4px;font-size:17px;color:#17365d}.additional-contacts-head p{margin:0;color:#7b8799;font-size:11px}.additional-contact-list{display:grid;gap:9px}.additional-contact-row{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(125px,.7fr) minmax(190px,1fr) 105px 76px;align-items:end;gap:9px;padding:12px;border:1px solid #dce4ee;border-radius:10px;background:#f9fbfd}.additional-contact-row label{display:grid;gap:5px;margin:0}.additional-contact-row label>span{font-size:10px;font-weight:800;color:#5d6d83}.additional-contact-row input[type="text"],.additional-contact-row select{width:100%;height:40px}.additional-contact-primary{display:flex!important;align-items:center!important;justify-content:center;gap:7px;height:40px;border:1px solid #d8e1ec;border-radius:8px;background:#fff}.additional-contact-primary input{margin:0}.additional-contact-delete{position:relative}.additional-contact-delete>input{position:absolute;opacity:0;pointer-events:none}.additional-contact-delete .btn{width:100%;height:40px;padding:0 8px;color:#a23b35}.additional-contact-errors{grid-column:1/-1}.additional-contacts-editor>.field-error{margin-bottom:10px}
@media(max-width:1000px){.additional-contact-row{grid-template-columns:1fr 1fr}.additional-contact-primary,.additional-contact-delete{width:100%}}@media(max-width:650px){.additional-contacts-head{align-items:flex-start;flex-direction:column}.additional-contact-row{grid-template-columns:1fr}}

/* v1.12.1 — Authorized Users must fit the desktop workspace. */
@media(min-width:1181px){.users-filter-bar{grid-template-columns:minmax(260px,2fr) repeat(4,minmax(145px,1fr)) 80px 70px!important}.users-filter-bar input,.users-filter-bar select{width:100%;min-width:0}}
.users-table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}.authorized-users-table{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important}.authorized-users-table th:nth-child(1){width:21%!important}.authorized-users-table th:nth-child(2){width:15%!important}.authorized-users-table th:nth-child(3){width:16%!important}.authorized-users-table th:nth-child(4){width:11%!important}.authorized-users-table th:nth-child(5){width:18%!important}.authorized-users-table th:nth-child(6){width:9%!important}.authorized-users-table th:nth-child(7){width:56px!important}.authorized-users-table th,.authorized-users-table td{padding-left:8px!important;padding-right:8px!important;overflow-wrap:anywhere}.authorized-users-table .status-pill{padding-left:7px;padding-right:7px;font-size:9px}
@media(min-width:981px){.app-sidebar .sidebar-nav{overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:10px!important;scrollbar-width:thin}.app-sidebar .sidebar-nav .sidebar-link:last-child{margin-bottom:6px!important}}
@media(max-width:980px){.users-table-wrap{overflow-x:auto!important}.authorized-users-table{min-width:900px!important}}

/* v1.13.0 — manager work, meetings, lifecycle and activity indicators. */
.workflow-kpi-grid{margin-bottom:18px}.workflow-manager-grid,.workflow-form-grid,.workflow-meeting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.workflow-meeting-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr)}.workflow-queue{display:grid;gap:8px}.workflow-queue>a{display:grid;gap:3px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;color:#17365d;text-decoration:none}.workflow-queue>a:hover{border-color:#9fb7d6;background:#fff}.workflow-queue>a span,.workflow-selected-customers span{font-size:11px;color:#718096}.workflow-selected-customers{display:grid;gap:8px;max-height:560px;overflow:auto}.workflow-selected-customers>div{display:grid;gap:4px;padding:10px 12px;border-bottom:1px solid #edf0f4}.workflow-related-list{display:grid;gap:10px}.workflow-related-list>span{display:grid;gap:4px;padding-bottom:9px;border-bottom:1px solid #edf0f4;color:#7d899b;font-size:10px;font-weight:800}.workflow-related-list>span strong{color:#17213a;font-size:12px}.workflow-related-list>a{font-size:12px;font-weight:800}.workflow-actions-panel{margin-top:18px}.workflow-action-popover{min-width:280px}.workflow-action-popover form{display:grid;gap:8px}.workflow-action-popover textarea,.workflow-action-popover select{width:100%}
.lifecycle-search{grid-template-columns:minmax(280px,1fr) auto!important}.lifecycle-search label{max-width:620px}.lifecycle-timeline{position:relative;margin:22px 0 10px;padding-left:30px}.lifecycle-timeline:before{content:"";position:absolute;top:4px;bottom:4px;left:9px;width:2px;background:#dbe5f0}.lifecycle-timeline article{position:relative;margin:0 0 14px;padding:14px 16px;border:1px solid #e1e8f0;border-radius:10px;background:#fff}.lifecycle-marker{position:absolute;left:-27px;top:18px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#1c6fb7;box-shadow:0 0 0 2px #9ec5e7}.lifecycle-event-head,.lifecycle-event-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.lifecycle-event-head time{font-size:11px;font-weight:800;color:#17365d}.lifecycle-event-head span,.lifecycle-event-meta span,.lifecycle-event-meta b{padding:3px 7px;border-radius:999px;background:#edf3f8;color:#53657b;font-size:9px;font-weight:800}.lifecycle-timeline h3{margin:7px 0 5px;font-size:14px;color:#152442}.lifecycle-event-meta strong{font-size:11px;color:#34435a}.lifecycle-timeline p{margin:9px 0 0;color:#526174;font-size:11px;line-height:1.6}
.activity-indicator{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0 18px;padding:16px 18px;border:1px solid #dbe4ee;border-left:5px solid #64748b;border-radius:12px;background:#fff}.activity-indicator>div:first-child{display:grid;gap:3px}.activity-indicator span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#718096}.activity-indicator strong{font-size:20px;color:#17213a}.activity-indicator p{margin:0;font-size:11px;color:#66758a}.activity-score{display:grid;min-width:100px;text-align:center}.activity-score b{font-size:24px;color:#17365d}.activity-score small{font-size:9px;color:#718096}.activity-green{border-left-color:#2f9e66!important;background:#f6fcf8}.activity-blue{border-left-color:#2879bd!important;background:#f6faff}.activity-orange{border-left-color:#dc8b1e!important;background:#fffaf3}.activity-red{border-left-color:#c74b50!important;background:#fff8f8}.activity-mini{display:inline-flex;padding:5px 8px;border-left-width:3px!important;border-left-style:solid;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap}
@media(max-width:900px){.workflow-manager-grid,.workflow-form-grid,.workflow-meeting-grid{grid-template-columns:1fr}.lifecycle-search{grid-template-columns:1fr!important}}@media print{.lifecycle-report .report-paper{box-shadow:none;border:0}.lifecycle-timeline article{break-inside:avoid}.workflow-actions-panel{break-inside:avoid}}