/* Customer menu workspaces and their explicitly opted-in overlays. */ /* Only remove decoration from text actions; retain icon-only paging/settings controls. */ .customer-density.admin-density .el-button :is(.lucide-search, .lucide-rotate-ccw, .lucide-copy), .customer-density-dialog.admin-density-dialog .el-button .lucide-copy { display: none; } .customer-density.admin-density.customer-detail-page .detail-page-layout { gap: var(--admin-space-5, 12px); } .customer-density.admin-density.customer-detail-page .detail-header { padding: var(--admin-space-3, 8px) var(--admin-space-5, 12px); background: var(--admin-surface, #fff); border: 1px solid var(--cc-border); } .customer-density.admin-density .detail-page-toolbar h1 { font-size: var(--admin-font-title, 16px); line-height: 24px; } .customer-density.admin-density .detail-page-toolbar p { margin-top: 2px; font-size: var(--admin-font-caption, 12px); } .customer-density.admin-density .tab-panel { padding-top: 0; min-height: 0; background: var(--admin-surface, #fff); border: 1px solid var(--cc-border); border-top: 0; } .customer-density.admin-density .basic-layout { grid-template-columns: 1fr; gap: 0; } .customer-density.admin-density .detail-panel { padding: var(--admin-space-5, 12px); border: 0; border-bottom: 1px solid var(--cc-border); border-radius: 0; background: var(--admin-surface, #fff); box-shadow: none; } .customer-density.admin-density .detail-panel:last-child { border-bottom: 0; } .customer-density.admin-density .module-panel { min-height: 0; } .customer-density.admin-density .panel-title { align-items: center; gap: var(--admin-space-5, 12px); margin-bottom: var(--admin-space-3, 8px); padding-bottom: var(--admin-space-3, 8px); } .customer-density.admin-density .panel-title h2 { font-size: var(--admin-font-section, 14px); } .customer-density.admin-density .panel-title p { margin-top: 3px; font-size: var(--admin-font-caption, 12px); } .customer-density.admin-density .info-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .customer-density.admin-density .info-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .customer-density.admin-density .qualification-list { gap: 0; border: 1px solid var(--cc-border); } .customer-density.admin-density .qualification-list button { grid-template-columns: minmax(0, 1fr) 100px 120px 48px; gap: var(--admin-space-5, 12px); min-height: 40px; padding: var(--admin-space-2, 6px) var(--admin-space-4, 10px); border: 0; border-bottom: 1px solid var(--cc-border); border-radius: 0; } .customer-density.admin-density .qualification-list button:last-child { border-bottom: 0; } .customer-density.admin-density .qualification-list strong { font-size: var(--admin-font-body, 13px); } .customer-density.admin-density .qualification-list small { overflow-wrap: anywhere; font-size: var(--admin-font-caption, 12px); } .customer-density.admin-density .file-date { font-size: var(--admin-font-caption, 12px); } .customer-density.admin-density .file-preview-label { color: var(--cc-primary); font-size: var(--admin-font-body, 13px); } .customer-density.admin-density .section-empty,.customer-density.admin-density .module-empty { min-height: var(--admin-empty-height, 64px); padding: var(--admin-space-5, 12px); gap: var(--admin-space-1, 4px); } .customer-density.admin-density .section-empty > svg,.customer-density.admin-density .module-empty > svg { display: none; } .customer-density.admin-density .section-empty span { font-size: var(--admin-font-caption, 12px); } .customer-density.admin-density .user-table-wrap { border: 1px solid var(--cc-border); border-radius: 0; } .customer-density.admin-density .user-table-wrap table { font-size: var(--admin-font-body, 13px); } .customer-density.admin-density .user-table-wrap th,.customer-density.admin-density .user-table-wrap td { height: var(--admin-row-height, 36px); padding: var(--admin-space-2, 6px) var(--admin-space-4, 10px); } .customer-density.admin-density .user-identity > span { display: none; } .customer-density.admin-density .user-identity small,.customer-density.admin-density .member-contact small { font-size: var(--admin-font-caption, 12px); } .customer-density-dialog.admin-density-dialog .form-section { padding: var(--admin-space-4, 10px) 0; } .customer-density-dialog.admin-density-dialog .form-section__heading { margin-bottom: var(--admin-space-3, 8px); } .customer-density-dialog.admin-density-dialog .form-grid { gap: 0 var(--admin-space-6, 16px); } .customer-density-dialog.admin-density-dialog .field-hint { font-size: var(--admin-font-caption, 12px); } .customer-density-dialog.admin-density-dialog .qualification-row > * { min-height: 44px; padding: var(--admin-space-2, 6px) var(--admin-space-4, 10px); } .customer-density-dialog.admin-density-dialog .qualification-header > * { min-height: var(--admin-row-height, 36px); } .customer-density-dialog.admin-density-dialog .file-picker { min-height: var(--admin-control-height, 32px); } .customer-density-dialog.admin-density-dialog .qualification-file-name { max-width: none; overflow-wrap: anywhere; white-space: normal; } .customer-density-dialog.admin-density-dialog .qualification-preview-action { font-size: var(--admin-font-caption, 12px); } .customer-density-dialog.admin-density-dialog .decision-summary { margin-bottom: var(--admin-space-5, 12px); padding: var(--admin-space-3, 8px) var(--admin-space-4, 10px); border-radius: 0; } .customer-density.admin-density .rule-heading,.customer-density.admin-density .rule-card-heading,.customer-density.admin-density .panel-heading { min-height: 0; padding: var(--admin-space-3, 8px) 0; gap: var(--admin-space-5, 12px); } .customer-density.admin-density .rule-heading h2,.customer-density.admin-density .rule-card-heading h2,.customer-density.admin-density .panel-heading h2 { font-size: var(--admin-font-section, 14px); } .customer-density.admin-density .rule-heading p,.customer-density.admin-density .panel-heading p { margin-top: 3px; font-size: var(--admin-font-caption, 12px); } .customer-density.admin-density .formula-band { min-height: var(--admin-row-height, 36px); padding: var(--admin-space-2, 6px) var(--admin-space-4, 10px); gap: var(--admin-space-2, 6px) var(--admin-space-7, 24px); } .customer-density.admin-density .rule-state,.customer-density.admin-density .rule-error,.customer-density.admin-density .loading-state,.customer-density.admin-density .fee-loading,.customer-density.admin-density .fee-empty { min-height: var(--admin-empty-height, 64px); padding: var(--admin-space-5, 12px); } .customer-density.admin-density .rule-state > svg { display: none; } .customer-density.admin-density .charge-rule-card { margin-top: var(--admin-space-5, 12px); } .customer-density.admin-density .overseas-fee-panel { margin-top: var(--admin-space-5, 12px); } .customer-density.admin-density .fee-groups { gap: var(--admin-space-5, 12px); padding: var(--admin-space-3, 8px) 0; } .customer-density.admin-density .fee-groups h3 { font-size: var(--admin-font-section, 14px); } .customer-density.admin-density .fee-groups th,.customer-density.admin-density .fee-groups td { padding: var(--admin-space-2, 6px) var(--admin-space-4, 10px); } @media (max-width: 960px) { .customer-density.admin-density .info-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 720px) { .customer-density.admin-density .info-grid { grid-template-columns: 1fr; }.customer-density.admin-density .qualification-list button { grid-template-columns: minmax(0,1fr) auto; }.customer-density.admin-density .qualification-list .file-date { white-space: normal; } } /* Customer dialog business geometry; common appearance stays in adminDensity.css. */ .customer-editor-dialog .customer-editor-table { table-layout: fixed; } .customer-editor-dialog .customer-editor-table td { width: 50%; } .customer-review-table th { width: 120px; } .customer-review-documents th:first-child { width: 150px; } .customer-review-documents th:last-child { width: 150px; } .customer-credential-value { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--admin-space-3); } .customer-credential-value code, .customer-preview-filename { overflow-wrap: anywhere; } .customer-qualification-preview .qualification-preview { display: grid; min-height: 240px; place-items: center; } .customer-qualification-preview .qualification-preview img { display: block; max-width: 100%; height: auto; } .customer-qualification-preview .qualification-preview iframe { width: 100%; min-height: min(68vh, 720px); border: 0; } .customer-qualification-preview.is-fullscreen .qualification-preview iframe { height: calc(100vh - 200px); min-height: 0; } /* Both overseas fee entry points share geometry; pricing values and actions stay in their own controllers. */ .customer-density-dialog .customer-fee-tier-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--admin-space-5); } .customer-density-dialog .customer-fee-tier-groups > section { min-width:0; } .customer-density-dialog .customer-fee-tier-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--admin-space-3); margin-bottom:var(--admin-space-3); } .customer-density-dialog .customer-fee-tier-heading h3 { margin-bottom:0; } .customer-density-dialog .customer-fee-tier-table-wrap { overflow-x:auto; } .customer-density-dialog .customer-fee-tier-table { min-width:420px; table-layout:fixed; } .customer-density-dialog .customer-fee-tier-table th:first-child { width:70px; } .customer-density-dialog .customer-fee-tier-table :is(th, td):first-child { position:sticky; left:0; z-index:1; } .customer-density-dialog .customer-fee-currency .el-select { max-width:180px; } @media (max-width:1000px) { .customer-density-dialog .customer-fee-tier-groups { grid-template-columns:1fr; } }