*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Hebrew",sans-serif;background:#07111f;color:#eaf2ff;font-size:13px}header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:linear-gradient(135deg,#10213d,#0d6b74)}h1{margin:0;font-size:24px}p{color:#b9c8dd}.badge{background:#17d4aa;color:#03110d;padding:10px 16px;border-radius:999px;font-weight:bold}nav{display:flex;gap:8px;padding:14px 40px;background:#0b1526;position:sticky;top:0;z-index:3}button,select,input,textarea{font:inherit;border-radius:12px;border:1px solid #26415f;background:#0d1b2f;color:#eaf2ff;padding:10px 14px}button{cursor:pointer;background:#1769ff;border:0;font-weight:bold}nav button{background:#12233c}nav button.active{background:#17d4aa;color:#03110d}main{padding:24px 40px}.tab{display:none}.tab.active{display:block}.card{background:#0d1b2f;border:1px solid #1d3552;border-radius:20px;padding:20px;margin-bottom:18px;box-shadow:0 10px 30px #0005}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.kpi{padding:18px;border-radius:18px;background:linear-gradient(180deg,#132846,#0f2038);border:1px solid #284568}.kpi b{display:block;font-size:28px;color:#17d4aa;margin-top:8px}.two{grid-template-columns:1fr 1fr}.filters{display:flex;gap:10px;margin-bottom:14px}.filters input{flex:1}.tableWrap{overflow:auto;max-height:620px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #243b59;padding:10px;text-align:right;white-space:nowrap}th{color:#17d4aa;position:sticky;top:0;background:#0d1b2f}.risk{display:inline-block;margin:2px;padding:4px 8px;border-radius:999px;background:#243b59}.danger{background:#7a1b2a}.warn{background:#73510b}.ok{background:#174c38}.quick{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.quick button{background:#203957}textarea{width:100%;margin:12px 0}.itemGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0}.mini{background:#132846;bord... [truncated].ruleCard{border:1px solid #284568;background:#10213a;border-radius:18px;padding:16px;margin:12px 0}.ruleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.ruleGrid label{display:flex;flex-direction:column;gap:6px;color:#b9c8dd}.ruleCard input[type="checkbox"]{width:auto}.ruleCard p{margin:8px 0 12px}
.demoTableWrap{height:70vh;max-height:70vh;overflow:auto !important;direction:ltr;position:relative}
#demoTable{width:max-content;border-collapse:separate;border-spacing:0;table-layout:auto}
#demoTable th,#demoTable td{text-align:left;font-size:11px;line-height:1.15;padding:2px 3px;border-bottom:1px solid #243b59;white-space:nowrap}
#demoTable th{color:#17d4aa;position:sticky;top:0;background:#0d1b2f;white-space:normal;max-width:76px;min-width:52px;font-weight:700;vertical-align:bottom;text-align:center}
#demoTable tbody tr:hover td{background:#1a3a5c}
#demoTable tbody tr:hover td.groupCol{background:#245078}
#demoTable td.numCol,#demoTable tfoot td.numCol,#demoTable tfoot td.demoTotal{text-align:center}
#demoTable td{max-width:110px;overflow:hidden;text-overflow:ellipsis}
#demoTable th.descCol,#demoTable td.descCol,#demoTable tfoot td.descCol{width:180px;min-width:180px;max-width:180px;padding-right:8px;border-right:3px solid #17d4aa !important}
#demoTable .descClip{display:block;width:172px;max-width:172px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#demoTable th.vLine,#demoTable td.vLine,#demoTable tfoot td.vLine{border-right:3px solid #17d4aa !important}
#demoTable th.vLineL,#demoTable td.vLineL,#demoTable tfoot td.vLineL{border-left:3px solid #17d4aa !important}
#demoTable th.yellowHead,#demoTable td.yellowHead,#demoTable tfoot td.yellowHead{color:#f9c74f}
#demoTable td.gIcons,#demoTable th.gIcons{text-align:center;white-space:normal;min-width:36px;max-width:72px;overflow:visible}
#demoTable button.gico{display:inline-block;margin:0 1px 1px 0 !important;padding:0 3px !important;height:13px !important;min-height:13px !important;line-height:13px !important;font-size:8px !important;font-weight:700;border:0 !important;border-radius:4px !important;background:#203957 !important;color:#eaf2ff;cursor:pointer;min-width:0;font-family:inherit}
#demoTable button.gico.on{background:#17d4aa;color:#03110d}
.demoSearchRow{align-items:center}
#demoSearch{width:28vw !important;max-width:28vw !important;flex:0 0 auto !important;min-width:140px}
#demoCount{align-self:center;color:#b9c8dd;white-space:nowrap}
.demoFilters{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.demoFilters .filters{margin-bottom:0}
.demoFilters label{align-self:center;color:#b9c8dd;white-space:nowrap}
.demoSwitchWrap{display:inline-flex;align-items:center;gap:8px;color:#b9c8dd;font-size:13px;font-weight:700;direction:ltr}
.demoToggle{position:relative;width:44px;height:24px;padding:0;border:0;border-radius:999px;background:#3d4f66;flex-shrink:0}
.demoToggle::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}
#demoGroupTypeBtn[data-type="לקוח"] .demoToggle{background:#34c759}
#demoGroupTypeBtn[data-type="לקוח"] .demoToggle::after{left:23px}
#demoGroupTypeBtn{min-width:140px;max-width:180px}
#demoGroupFilter{min-width:360px;max-width:100%}
#demoTable tfoot td{position:sticky;background:#10243c;font-weight:700;border-top:1px solid #17d4aa;overflow:visible;max-width:none;text-overflow:unset;white-space:nowrap}
#demoTable tfoot tr:first-child td{bottom:22px;border-top:1.5px solid #f9c74f !important}
#demoTable tfoot tr:last-child td{bottom:0;border-top:2px solid #f9c74f}
#demoTable tfoot td.demoTotal{color:#17d4aa}
#demoTable tfoot td.demoDecide{color:#f9c74f}
#demoTable td.rationale,#demoTable th.rationale{max-width:32px;min-width:28px;text-align:center;white-space:nowrap;overflow:visible}
#demoTable button.rico{padding:0 3px !important;height:13px !important;min-height:13px !important;line-height:13px !important;font-size:8px !important;font-weight:700;border:0 !important;border-radius:4px !important;background:#203957 !important;color:#17d4aa;cursor:pointer;min-width:0}
dialog.rModal{position:relative;z-index:9999;border:1px solid #17d4aa !important;border-radius:14px;padding:28px 24px 18px;max-width:min(96vw,1100px);width:max-content;background:#0d1b2f !important;color:#eaf2ff !important;box-shadow:0 16px 40px #000a}
dialog.rModal::backdrop{background:#0009}
dialog.rModal .rModalClose{position:absolute;top:8px;left:8px;background:#203957 !important;width:28px;height:28px;padding:0 !important;line-height:26px;border-radius:8px !important;min-height:28px !important}
dialog.rModal .rModalBody{direction:rtl;text-align:right;white-space:pre;font-size:14px;line-height:1.55;color:#eaf2ff !important}

#demoGroupReset{padding:6px 12px;min-height:auto;background:#203957;font-size:12px}

#dashList{width:100%}
#dashList th,#dashList td{font-size:11px;padding:3px 6px}
#galvDash{font-size:12px}
#galvDash .card{padding:12px}
#galvDash h2{font-size:16px;margin:0 0 8px}
#galvDash h3{font-size:13px;margin:0 0 6px;color:#17d4aa}
#galvDash .kpis{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:8px;margin:8px 0;max-width:none;width:100%}
#galvDash .kpi{padding:8px 10px;width:auto}
#galvDash .kpi b{font-size:18px;margin-top:2px}
#galvDash .grid.two{display:flex;flex-direction:column;margin:8px 0;gap:10px}
#galvDash .chartBox{height:180px;position:relative}#galvDash canvas{max-height:180px}
#galvDash p{font-size:11px;margin:4px 0 0}

#demoCmpFilter{min-width:220px;max-width:320px}