/* Lion CRM: portable Clients + Finance module */
.clientsModuleActivityProminent{border-color:#b8cec7!important;background:#fbfdfc}.clientsModuleActivityHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.clientsModuleActivityHead h4{margin:2px 0 0}.clientsModuleActivityHead span{color:var(--muted);font-size:11px}.clientsModuleActivityHead button{padding:7px 10px;border:1px solid #a9c3bb;border-radius:7px;background:#fff;color:#235f54;font-size:12px;font-weight:700;cursor:pointer}
.clientsAuditFilters{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr)) repeat(2,minmax(145px,.7fr)) auto;gap:9px;align-items:end;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.clientsAuditFilters label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:650}.clientsAuditFilters select,.clientsAuditFilters input{min-width:0;min-height:39px}.clientsAuditFilters button{min-height:39px}.clientsAuditMeta{display:flex;align-items:center;justify-content:space-between;gap:14px}.clientsAuditMeta span{color:var(--muted);font-size:12px}.clientsAuditTableWrap{overflow:auto;max-height:680px;border:1px solid #b9c7c2;border-radius:9px;background:#fff}.clientsAuditTable{width:100%;min-width:1250px;border-collapse:collapse;font-size:13px}.clientsAuditTable th,.clientsAuditTable td{padding:9px 10px;border-right:1px solid #dce3e0;border-bottom:1px solid #dce3e0;vertical-align:top}.clientsAuditTable thead th{position:sticky;top:0;z-index:2;background:#326b59;color:#fff;text-align:left;white-space:nowrap}.clientsAuditTable tbody tr:nth-child(even){background:#f6f8f7}.clientsAuditTable tbody tr:hover{background:#eaf4f0}.clientsAuditTable td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums}.clientsAuditTable td:nth-child(6),.clientsAuditTable td:nth-child(7){max-width:260px;overflow-wrap:anywhere}.clientsAuditTable button{padding:0;border:0;background:transparent;color:#185f91;text-decoration:underline;cursor:pointer}.clientsAuditUser,.clientsAuditAction{display:inline-block;padding:4px 7px;border-radius:999px;background:#e8f2ef;white-space:nowrap}.clientsAuditAction{background:#eef1f5}.clientsAuditEmpty{padding:30px!important;text-align:center;color:var(--muted)}
@media(max-width:1200px){.clientsAuditFilters{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media(max-width:950px){.clientsAuditFilters{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:620px){.clientsAuditFilters{grid-template-columns:1fr}.clientsAuditMeta{align-items:flex-start;flex-direction:column}}
.clientsModule{display:grid;gap:14px}.clientsModule>header{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}.clientsModule>header h3{margin:0 0 3px;font-size:21px}.clientsModule>header p{margin:0;color:var(--muted);font-size:13px}.clientsModuleTabs{display:flex;gap:5px;padding:4px;border-radius:9px;background:#eef3f2}.clientsModuleTabs button{min-height:34px;padding:0 18px;border:0;border-radius:7px;background:transparent;color:#52616b;font-weight:700;cursor:pointer}.clientsModuleTabs button.active{background:#fff;color:#135e52;box-shadow:0 2px 8px rgba(18,55,48,.12)}.clientsModuleToolbar{display:flex;align-items:center;gap:12px}.clientsModuleToolbar input{width:min(520px,100%);min-height:42px}.clientsModuleToolbar span{color:var(--muted);font-size:13px;white-space:nowrap}.clientsModuleLayout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;min-height:600px}.clientsModuleList,.clientsModuleDetailPanel{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.clientsModuleList{align-self:start;max-height:720px;overflow:auto}.clientsModuleClient{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:0;border-bottom:1px solid #e8edeb;background:#fff;text-align:left;cursor:pointer}.clientsModuleClient:hover{background:#f6faf8}.clientsModuleClient.active{background:#e9f5f1;box-shadow:inset 3px 0 #1f7b6e}.clientsModuleClient span{display:grid;gap:4px;min-width:0}.clientsModuleClient strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clientsModuleClient small{color:var(--muted)}.clientsModuleClient>b{font-size:12px;white-space:nowrap}.clientsModuleDetailEmpty{display:grid;place-content:center;min-height:520px;text-align:center;color:var(--muted)}.clientsModuleDetailEmpty strong{color:var(--ink);font-size:18px}.clientsModuleDetail{display:grid;gap:16px;padding:18px}.clientsModuleDetail>header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.clientsModuleDetail>header span{color:var(--muted);font-size:12px}.clientsModuleDetail>header h3{margin:3px 0 0;font-size:23px}.clientsModuleManager{padding:6px 10px;border-radius:999px;background:#eef5f3;color:#255f56!important;font-weight:700}.clientsModuleMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.clientsModuleMetrics>div{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#f9fbfa}.clientsModuleMetrics span{color:var(--muted);font-size:12px}.clientsModuleMetrics b{font-size:16px}.clientsModuleMetrics .warning{border-color:#efcf9d;background:#fff8ec}.clientsModuleOverview{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:14px}.clientsModuleOverview>section,.clientsModuleActivity{padding:14px;border:1px solid var(--line);border-radius:10px}.clientsModule h4{margin:0 0 10px;font-size:16px}.clientsModuleOverview dl{display:grid;margin:0}.clientsModuleOverview dl>div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:8px}.clientsModuleOverview dl>div:nth-child(odd){background:#f3f6f5}.clientsModuleOverview dt{color:var(--muted);font-size:12px;font-weight:650}.clientsModuleOverview dd{margin:0;overflow-wrap:anywhere}.clientsModuleOrderList{display:grid;gap:7px}.clientsModuleOrderList button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #dfe7e4;border-radius:8px;background:#fff;text-align:left;cursor:pointer}.clientsModuleOrderList button:hover{border-color:#78afa5;background:#f7fbfa}.clientsModuleOrderList button>span{display:grid;gap:3px}.clientsModuleOrderList button>span:last-child{text-align:right}.clientsModuleOrderList small{color:var(--muted)}.clientsModuleTimeline{display:grid}.clientsModuleTimeline>div{display:grid;grid-template-columns:95px 1fr;gap:10px;padding:8px;border-bottom:1px solid #edf1ef}.clientsModuleTimeline time{color:var(--muted);font-size:12px}.clientsModuleMuted,.clientsModuleEmpty{color:var(--muted)}.clientsModuleEmpty{padding:24px}.clientsFinanceSummary{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:9px}.clientsFinanceSummary>div{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff}.clientsFinanceSummary span{color:var(--muted);font-size:12px}.clientsFinanceSummary b{font-size:17px}.clientsFinanceTableWrap{overflow:auto;border:1px solid #aebdb8;border-radius:9px;background:#fff}.clientsFinanceTable{width:100%;min-width:1460px;border-collapse:collapse;font-size:13px}.clientsFinanceTable th,.clientsFinanceTable td{padding:9px 10px;border-right:1px solid #d7dfdc;border-bottom:1px solid #d7dfdc;vertical-align:middle}.clientsFinanceTable thead th{position:sticky;top:0;z-index:1;background:#326b59;color:#fff;text-align:left;white-space:nowrap}.clientsFinanceTable tbody tr:nth-child(even){background:#f5f7f6}.clientsFinanceTable tbody tr:hover{background:#eaf4f0}.clientsFinanceTable td:nth-child(n+4):nth-child(-n+6){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.clientsFinanceTable button{padding:0;border:0;background:transparent;color:#185f91;text-decoration:underline;cursor:pointer}.clientsFinanceDescription{min-width:280px}.clientsFinanceBalance.due{background:#fff0ed;color:#a8382d;font-weight:700}.clientsFinanceBalance.paid{background:#e7f5e8;color:#28723a;font-weight:700}.clientsFinancePill{display:inline-block;padding:4px 8px;border-radius:999px;background:#e6f1ee;white-space:nowrap}.clientsFinanceCheck{text-align:center!important;font-size:16px;font-weight:800;color:#26764a}@media(max-width:950px){.clientsModuleLayout,.clientsModuleOverview{grid-template-columns:1fr}.clientsModuleList{max-height:300px}.clientsModuleMetrics,.clientsFinanceSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.clientsModule>header{display:grid}.clientsModuleToolbar{align-items:stretch;flex-direction:column}.clientsModuleMetrics,.clientsFinanceSummary{grid-template-columns:1fr}.clientsModuleOverview dl>div{grid-template-columns:95px 1fr}}
.counterpartTabs{margin:0 0 14px;display:inline-flex}.financeCellInput{min-width:120px;max-width:200px;width:100%;min-height:34px;padding:6px 8px;border:1px solid var(--lineStrong,#b9c8c1);border-radius:8px;background:#fff;font:inherit}.financeCellInput:focus{outline:2px solid var(--primary,#11695f);outline-offset:1px}.financeCellInput:disabled{opacity:.6}
/* Relocated navigation entries use the same outline masks as the main menu. */
.navSubBtn[data-nav-action="orders-finance"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18m-5%204h5v4h-5zM6%205V3h12%22%2F%3E%3C%2Fsvg%3E")}
.navSubBtn[data-nav-action="company-audit"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2021V3h14v18zM9%207h6m-6%205h6m-6%205h4%22%2F%3E%3C%2Fsvg%3E")}
.navSubBtn[data-nav-action="checko-clients"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3M16%204a3%203%200%200%201%200%206m3%2011v-3a6%206%200%200%200-2-4%22%2F%3E%3C%2Fsvg%3E")}
.navSubBtn[data-nav-action="checko-check"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021V4h12v5M6%208h1m3%200h1m-5%204h1m-5%209h9%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2215%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m19%2018%203%203%22%2F%3E%3C%2Fsvg%3E")}
/* Comments are stacked: latest, expandable earlier messages, then composer. */
.clientsFinanceCommentsCell{min-width:280px;width:320px;vertical-align:top!important}
.financeComments{display:flex;flex-direction:column;gap:10px;min-width:0;text-align:left}
.financeComment{display:grid;gap:4px;min-width:0;padding:0;white-space:normal;overflow-wrap:anywhere}
.financeComment strong{font-size:12px;color:var(--muted,#60717a)}
.financeComment>div{white-space:pre-wrap;overflow-wrap:anywhere}
.financeCommentsHistory>summary{cursor:pointer;font-size:12px;color:#185f91}
.financeCommentsHistory .financeComment{margin-top:10px;padding-top:8px;border-top:1px solid var(--line,#d7dfdc)}
.financeCommentsHide,.financeCommentsHistory[open] .financeCommentsShow{display:none}
/* List height follows rows; no kanban viewport minimum or edge controls. */
#ordersScreen #board.orderList{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;grid-auto-rows:auto;align-content:start;padding-bottom:12px}
#ordersScreen .boardScrollFrame:has(> .orderList){height:auto!important;min-height:0!important;padding-bottom:0!important}
#ordersScreen .boardScrollFrame:has(> .orderList)>.boardScrollEdge,#ordersScreen .boardScrollFrame:has(> .orderList)>.boardScrollControl{display:none!important}
/* Keep the bell dropdown inside the viewport instead of growing the document. */
#notifyPanel.notifyPanel{position:fixed!important;top:70px!important;right:20px!important;bottom:auto!important;box-sizing:border-box;max-height:calc(100vh - 82px)!important;max-height:calc(100dvh - 82px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin}
#notifyPanel .actions{position:sticky;bottom:-10px;background:#fff;padding:8px 0;margin-bottom:0;z-index:1}
@media(max-height:350px){#notifyPanel.notifyPanel{top:44px!important;max-height:calc(100dvh - 52px)!important}}
.financeCommentsHistory[open] .financeCommentsHide{display:inline}
.financeComments .financeCommentInput{display:block;box-sizing:border-box;min-width:0;max-width:none;width:100%;resize:vertical;white-space:pre-wrap;margin:0}
.financeCommentComposer{display:grid;gap:6px}
.financeCommentSend{display:none;justify-self:end;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;background:#12776d!important;border-color:#12776d!important;color:#fff!important;text-decoration:none!important;cursor:pointer}
.financeCommentComposer:focus-within .financeCommentSend{display:inline-flex}
.mailRecipientBlock{display:grid;grid-column:1/-1;gap:7px}
.mailRecipientHead{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:700}
.mailRecipientHead button{min-height:32px;padding:5px 10px}
.mailRecipientList{display:grid;gap:6px}
.mailRecipientRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.mailRecipientRow .iconBtn{width:38px;min-width:38px;min-height:38px}