:root{--bg:#eceff4;--panel-bg:#d8e2f5;--card-bg:#fff;--line:#d5e0f5;--text:#1f2f49;--muted:#657796;--brand:#1f5fde}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{color:var(--text);background:var(--bg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit;text-decoration:none}.app-shell{--sidebar-width:260px;min-height:100vh;position:relative}.app-content{margin-left:var(--sidebar-width);gap:12px;min-width:0;padding:14px;display:grid}.page-wrapper{display:contents;position:relative}.page-content--loading{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.loading-overlay{z-index:100;background:#ffffff59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{background:#1d4ed8;border-radius:2px 44px 40px 0;width:36px;height:48px;display:block}.app-main{background:var(--panel-bg);border:1px solid #cfd9ef;border-radius:12px;gap:12px;padding:14px;display:grid;position:relative}.card{border:1px solid var(--line);background:var(--card-bg);border-radius:10px;box-shadow:0 4px 12px #122a5814}.side-nav{width:var(--sidebar-width);z-index:30;background:#2268cb;border-radius:0 10px 10px 0;height:100vh;padding:14px 10px 14px 0;position:fixed;top:0;left:0;overflow:visible}.brand{z-index:2;background:#fff;border-radius:0 10px 10px 0;justify-content:center;align-items:center;width:calc(100% + 18px);margin:2px 0 18px;padding:10px 8px;display:flex;position:relative;box-shadow:0 12px 24px #0d224a3d}.brand img{width:100%;max-width:220px;height:auto;display:block}.nav-links{gap:12px;margin-left:0;display:grid}.nav-link{color:#283950;background:#fff;border:1px solid #d2ddf4;border-radius:0 10px 10px 0;width:calc(100% - 10px);margin-right:10px;padding:10px 14px;font-size:1.1rem;font-weight:700;transition:width .15s,box-shadow .15s;transform:none}.nav-link.active:after{content:" →"}.nav-link.active{z-index:2;width:calc(100% + 18px);margin-right:-18px;position:relative;box-shadow:0 8px 18px #10295d33}.nav-toggle{cursor:pointer;z-index:50;background:#fff;border:1px solid #c8d4ee;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 8px 16px #162d5d2e}.nav-toggle span{background:#24407a;border-radius:999px;width:18px;height:2px}.nav-overlay{opacity:0;pointer-events:none;z-index:25;background:#08112461;transition:opacity .2s;position:fixed;inset:0}.nav-overlay.open{opacity:1;pointer-events:auto}.topbar{box-shadow:none;background:0 0;border:none;padding:0}.page-title{text-align:right;color:#2a66d3;text-transform:lowercase;margin:0 0 8px;font-size:clamp(2.1rem,3.2vw,3.3rem)}.topbar-controls{z-index:5;background:0 0;border:none;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:0;display:flex;position:relative}.wf-search{position:relative}.wf-search__input{height:40px;color:var(--text);background:#f4f4f5;border:1px solid #d6dbe5;border-radius:12px;width:180px;padding:0 10px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.wf-search__input:hover{background:#e8e8eb;border-color:#c5cbd6}.wf-search__input:focus{background:#fff;border-color:#7fa8ea;outline:none;box-shadow:0 0 0 2px #2866d34d}.wf-search__dropdown{z-index:50;background:#fff;border:1px solid #d6dbe5;border-radius:12px;min-width:100%;max-height:220px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 16px #00000014}.wf-search__option{color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 10px;font-size:.875rem}.wf-search__option:hover{background:#f0f4ff}.wf-search__option--active{color:#1d4ed8;font-weight:500}.wf-search__option--empty{color:#94a3b8;cursor:default}.wf-search__option--empty:hover{background:0 0}.status-select{height:40px;color:var(--text);cursor:pointer;background:#f4f4f5;border:1px solid #d6dbe5;border-radius:12px;padding:0 10px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.status-select:hover{background:#e8e8eb;border-color:#c5cbd6}.status-select:focus{border-color:#7fa8ea;outline:none;box-shadow:0 0 0 2px #2866d34d}.header-refresh-btn{text-transform:lowercase;color:#fff!important;background:#1f4ea8!important;border:1px solid #173f89!important;border-radius:8px!important;min-height:38px!important;padding-inline:16px!important;font-weight:600!important}.header-clear-btn{text-transform:lowercase;color:#34486e!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:8px!important;min-height:38px!important;padding-inline:16px!important;font-weight:600!important}.header-updated{white-space:nowrap;color:#5f7295;align-items:center;gap:4px;font-size:.92rem;display:inline-flex}.updated-label{font-size:.86rem}.dummy-filter{background:#f5f8ff;border:1px solid #c4d1ea;border-radius:10px;align-items:center;min-height:40px;padding:0 10px;display:inline-flex}.workflow-filter{width:min(360px,50vw)}.status-filter{min-width:150px}.dummy-filter-input,.dummy-filter-select{color:#2d3f60;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.date-range-picker{flex-direction:column;gap:4px;width:300px;min-width:260px;max-width:300px;display:inline-flex}.date-range-picker__label{color:var(--text);font-size:.875rem;font-weight:600}.date-input-group,.date-range-picker__trigger{width:100%;height:40px;color:var(--text);background:#f4f4f5;border:1px solid #d6dbe5;border-radius:12px;align-items:center;font-size:.875rem;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex;overflow:hidden}@media (hover:hover){.date-input-group:hover:not(:focus-within),.date-range-picker__trigger:hover:not(:focus-within){background:#e8e8eb;border-color:#c5cbd6}}.date-input-group:focus-within,.date-input-group[data-focus-within=true],.date-range-picker__trigger:focus-within,.date-range-picker__trigger[data-focus-visible=true]{border-color:#7fa8ea;box-shadow:0 0 0 2px #2866d34d}.date-input-group__input-container{scrollbar-width:none;flex:1;align-items:center;min-width:0;display:flex;overflow-x:auto}.date-input-group__input-container::-webkit-scrollbar{display:none}.date-input-group__input{font:inherit;color:inherit;cursor:text;background:0 0;border:none;outline:none;align-items:center;gap:1px;padding:6px 12px;display:flex}.date-input-group:has(.date-range-picker__range-separator) .date-input-group__input[slot=start]{flex:none;padding-right:0}.date-input-group:has(.date-range-picker__range-separator) .date-input-group__input[slot=end]{padding-left:0}.date-input-group__segment{text-align:end;white-space:nowrap;border-radius:4px;outline:none;padding:1px 2px;display:inline-block}.date-input-group__segment[data-type=literal]{color:#94a3b8;padding:0}.date-input-group__segment[data-placeholder=true]{color:#94a3b8}.date-input-group__segment:focus,.date-input-group__segment[data-focused=true]{color:#1e40af;background:#dbeafe}.date-input-group__prefix{pointer-events:none;color:#94a3b8;flex-shrink:0;align-items:center;margin-left:12px;display:flex}.date-input-group__suffix{pointer-events:auto;color:#94a3b8;flex-shrink:0;align-items:center;margin-right:12px;display:flex}.date-range-picker__range-separator{color:#94a3b8;-webkit-user-select:none;user-select:none;padding-inline:4px}.date-range-picker__trigger-indicator{color:#94a3b8;cursor:pointer;justify-content:center;align-items:center;width:16px;height:16px;transition:color .15s;display:inline-flex}.date-input-group:hover .date-range-picker__trigger-indicator{color:#475569}.date-range-picker__trigger-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.date-range-picker__popover{z-index:50;min-width:var(--trigger-width);pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:max-content;max-height:min(420px,100vh - 40px);padding:12px;overflow:hidden auto;box-shadow:0 10px 30px #0f172a24}.date-range-picker__popover::-webkit-scrollbar{display:none}.date-range-picker__popover{scrollbar-width:none}.date-range-picker__popover[data-entering=true]{animation:.15s ease-out both drp-in}.date-range-picker__popover[data-exiting=true]{animation:.1s ease-in both drp-out}@keyframes drp-in{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes drp-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.range-calendar{width:252px;max-width:100%}.range-calendar__header{justify-content:space-between;align-items:center;padding:0 2px 16px;display:flex}.range-calendar__heading{flex:1;font-size:.875rem;font-weight:500}.calendar-year-picker__trigger,.date-range-picker__year-trigger{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:4px;padding:4px 8px;font-size:.875rem;font-weight:600;display:inline-flex}.calendar-year-picker__trigger:hover,.date-range-picker__year-trigger:hover{background:#f1f5f9}.calendar-year-picker__trigger-indicator{color:#64748b;width:14px;height:14px;display:inline-flex}.range-calendar__nav-button{width:28px;height:28px;color:var(--brand);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.range-calendar__nav-button:hover{background:#f1f5f9}.range-calendar__nav-button:active{transform:scale(.95)}.range-calendar__nav-button:disabled{opacity:.4;cursor:default}.range-calendar__nav-button-icon{width:16px;height:16px}.range-calendar__grid{grid-template-columns:repeat(7,1fr);width:100%;display:grid}.range-calendar__grid-header,.range-calendar__grid-body,.range-calendar__grid-header>tr,.range-calendar__grid-body>tr{display:contents}.range-calendar__grid-body>tr:first-child>td{margin-top:4px}.range-calendar__header-cell{color:#94a3b8;justify-content:center;align-items:center;padding-bottom:8px;font-size:.75rem;font-weight:500;display:flex}.range-calendar__cell{z-index:1;cursor:pointer;border-radius:9999px;outline:none;margin:2px 0;padding:0;transition:box-shadow .1s,border-color .1s;position:relative}.range-calendar__cell-button{aspect-ratio:1;width:100%;color:var(--text);-webkit-tap-highlight-color:transparent;border-radius:9999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:scale .2s;display:flex}.range-calendar__cell[data-today=true] .range-calendar__cell-button{color:var(--brand);font-weight:700}@media (hover:hover){.range-calendar__cell:hover:not([data-selected=true]) .range-calendar__cell-button{background:#f1f5f9}}.range-calendar__cell[data-selected=true]:not([data-outside-month=true]){background:#dbeafe;border-radius:0}.range-calendar__cell[data-selected=true]:is(td:first-child>*){border-top-left-radius:12px;border-bottom-left-radius:12px}.range-calendar__cell[data-selected=true]:is(td:last-child>*){border-top-right-radius:12px;border-bottom-right-radius:12px}.range-calendar__cell[data-selection-start=true]:not([data-outside-month=true]){z-index:2;border-top-left-radius:9999px;border-bottom-left-radius:9999px}.range-calendar__cell[data-selection-start=true]:not([data-outside-month=true]) .range-calendar__cell-button{background:var(--brand);color:#fff}.range-calendar__cell[data-selection-end=true]:not([data-outside-month=true]){z-index:2;border-top-right-radius:9999px;border-bottom-right-radius:9999px}.range-calendar__cell[data-selection-end=true]:not([data-outside-month=true]) .range-calendar__cell-button{background:var(--brand);color:#fff}.range-calendar__cell:active .range-calendar__cell-button{scale:.9}.range-calendar__cell[data-selection-start=true]:active .range-calendar__cell-button,.range-calendar__cell[data-selection-end=true]:active .range-calendar__cell-button{background:#1a4fc2}.range-calendar__cell:focus-visible .range-calendar__cell-button{box-shadow:0 0 0 2px #2866d34d}.range-calendar__cell[data-outside-month=true]{color:#94a3b8;opacity:.5}.range-calendar__cell:disabled:not([data-outside-month=true]),.range-calendar__cell[data-disabled=true]:not([data-outside-month=true]){opacity:.4;cursor:default;text-decoration:line-through}.range-calendar__cell[data-unavailable=true]{opacity:.4;cursor:default}.calendar-year-picker__grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 0;display:grid}.calendar-year-picker__cell{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:.8rem;display:flex}.calendar-year-picker__cell:hover{background:#f1f5f9}.calendar-year-picker__cell[data-selected=true]{background:var(--brand);color:#fff;font-weight:600}.date-range-picker [data-slot=suffix],.date-range-picker [data-slot=prefix]{pointer-events:auto}.date-range-picker [data-slot=trigger],.date-range-picker [data-slot=input-wrapper],.date-range-picker [data-slot=segment],.date-range-picker [data-slot=range-separator]{cursor:pointer}.muted{color:var(--muted);font-size:.96rem}.kpi-grid{gap:10px;display:grid}.kpi-grid-compact{grid-template-columns:repeat(2,1fr)}.kpi-card{padding:10px 14px}.kpi-label{color:#687a97;margin:0;font-size:.92rem}.kpi-value{margin:4px 0 0;font-size:2rem;font-weight:700}.exec-upper-grid{grid-template-columns:390px 1fr;align-items:stretch;gap:10px;display:grid}.exec-left-column{gap:10px;display:grid}.graph-card{padding:10px}.section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-head h3{margin:0;font-size:1.15rem}.graph-placeholder{color:#7c8eac;background:#f8fbff;border:1px dashed #bfd2f8;border-radius:8px;place-items:center;min-height:245px;display:grid}.exec-trend-card .graph-placeholder{min-height:430px}.chart-container{width:100%;height:245px}.chart-container--area{height:430px}.chart-container--pie{height:245px}.chart-pie-layout{grid-template-columns:minmax(180px,1fr) minmax(130px,180px);align-items:center;gap:10px;height:100%;display:grid}.chart-pie-canvas{width:100%;height:100%;min-height:220px}.chart-pie-legend{color:#34486e;flex-direction:column;gap:6px;font-size:.84rem;display:flex}.chart-pie-legend__row{grid-template-columns:10px 1fr auto;align-items:center;gap:6px;display:grid}.chart-pie-legend__dot{border-radius:999px;width:8px;height:8px}.chart-area-tabs,.trend-mode-select-wrap{justify-content:flex-end;margin-bottom:6px;display:flex}.trend-mode-select{background:#fff;border:1px solid #d2ddf4;border-radius:8px;width:110px;min-height:32px;padding:0 8px;font-size:.86rem}.chart-tooltip{background:#fff;border:1px solid #dbe6ff;border-radius:10px;padding:8px 10px;font-size:12px}.chart-tooltip__label{margin-bottom:4px;font-weight:600}.chart-tooltip__row{align-items:center;gap:6px;display:flex}.chart-tooltip__dot{border-radius:999px;width:8px;height:8px;display:inline-block}.chart-center-value{fill:#1f2f49;font-size:26px;font-weight:700}.chart-center-label{fill:#657796;font-size:12px}.table-card{padding:10px}.table-wrapper{border:1px solid var(--line);border-radius:8px;overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{border-bottom:1px solid var(--line);text-align:left;background:#f5f9ff;padding:10px 12px;font-size:.8rem}.data-table td{border-bottom:1px solid #e8eef9;padding:9px 12px;font-size:.85rem}.data-table tbody tr:last-child td{border-bottom:none}.empty-row{text-align:center;color:var(--muted);padding:20px!important}.status-pill{border-radius:999px;padding:3px 8px;font-size:.74rem;font-weight:700}.status-pill.success{color:#0f5132;background:#d1f4de}.status-pill.error{color:#842029;background:#f8d7da}.status-pill.canceled{color:#495057;background:#e9ecef}.status-pill.unknown{color:#2c3e50;background:#dbeafe}.pager-wrap{justify-content:center;margin-top:10px;display:flex}.pagination{background:0 0;border:none;align-items:center;gap:12px;padding:0;display:inline-flex}.pagination__content{align-items:center;gap:10px;display:inline-flex}.pagination__item{display:inline-flex}.pagination__link{min-width:34px;height:34px;font-weight:500;color:#111827!important;background:0 0!important;border:none!important;border-radius:999px!important}.pagination__link[data-active=true],.pagination__link[aria-current=page]{color:#111827!important;background:#eef0f4!important}.pagination__link--nav{min-width:auto;padding-inline:4px;font-weight:400;color:#4b5563!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1200px){.exec-upper-grid{grid-template-columns:1fr}.exec-trend-card .graph-placeholder{min-height:300px}.chart-container--area{height:300px}}@media (max-width:1024px){.app-content{margin-top:50px;margin-left:0;padding:10px}.app-main{padding:10px}.nav-toggle{display:inline-flex}.side-nav{border-radius:0 12px 12px 0;width:min(84vw,320px);height:100vh;transition:transform .2s;top:0;left:0;transform:translate(-104%)}.side-nav.open{transform:translate(0)}}@media (max-width:680px){.topbar-controls{gap:8px}.date-range-picker{width:100%;min-width:100%;max-width:100%}.workflow-filter,.status-filter{width:100%}.kpi-grid-compact{grid-template-columns:1fr}.table-card{padding:8px}.data-table th,.data-table td{padding:8px 10px;font-size:.8rem}.pagination{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.chart-pie-layout{grid-template-columns:1fr}.chart-pie-legend{flex-flow:wrap;justify-content:center}.chart-area-tabs{justify-content:flex-start}}.topbar-controls>*,.wf-search{min-width:0}.wf-search__input{width:clamp(150px,20vw,220px)}.date-range-picker{width:clamp(240px,34vw,320px);min-width:220px;max-width:100%}.table-wrapper{-webkit-overflow-scrolling:touch}@media (max-width:1024px){.brand{border-radius:10px;width:100%;margin:2px 0 16px}.nav-link,.nav-link.active{border-radius:10px;width:100%;margin-right:0}}@media (max-width:680px){.app-content{margin-top:56px;padding:8px}.app-main{padding:8px}.page-title{text-align:left;font-size:clamp(1.6rem,7vw,2.1rem)}.topbar-controls{align-items:stretch}.date-range-picker,.wf-search,.wf-search__input,.status-select,.header-refresh-btn,.header-clear-btn{width:100%;min-width:0;max-width:100%}.date-range-picker__popover{min-width:min(320px,100vw - 20px);max-width:calc(100vw - 20px)}.range-calendar{width:100%}.header-updated{justify-content:flex-start;width:100%}.exec-trend-card .graph-placeholder,.chart-container--area{height:260px;min-height:260px}}.login-page{background:radial-gradient(circle at 100% 0%,#1f5fde24,transparent 38%),radial-gradient(circle at 0% 100%,#1f5fde1a,transparent 45%),var(--bg);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{flex-direction:column;align-items:center;gap:12px;width:min(100%,400px);padding:32px 28px;display:flex}.login-title{color:var(--text);text-align:center;margin:0;font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--muted);text-align:center;margin:0;font-size:.92rem}.login-btn{color:#fff!important;background:#1f4ea8!important;border:1px solid #173f89!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:42px!important;margin-top:4px!important;font-size:.95rem!important;font-weight:600!important;display:flex!important}.login-btn:hover:not(:disabled){background:#1a4193!important}.login-error{color:#842029;text-align:center;background:#f8d7da;border-radius:8px;margin:0;padding:8px 12px;font-size:.85rem}@media (max-width:560px){.login-card{width:100%;padding:24px 18px}.login-title{font-size:1.35rem}}@media (max-width:640px){.data-table tbody{gap:12px;padding:2px 0}.data-table tbody tr{background:#fff;border:1px solid #d9e3f6;border-radius:12px;padding:10px 12px;box-shadow:0 4px 12px #142d6014}.data-table tbody td{padding:3px 0}.data-table tbody td+td{border-top:1px solid #edf2fd;margin-top:2px;padding-top:8px}.data-table tbody td:before{color:#6e7f9f;letter-spacing:.03em;font-weight:600}}@media (max-width:420px){.data-table tbody{gap:10px}.data-table tbody tr{border-radius:10px;padding:9px 10px}.data-table tbody td{grid-template-columns:108px minmax(0,1fr);gap:7px;font-size:.8rem}}.app-shell,.app-content,.app-main,.exec-upper-grid,.exec-left-column,.card,.graph-card,.table-card,.chart-pie-layout,.chart-pie-canvas{min-width:0}.table-wrapper{width:100%;overflow-x:auto}.data-table{min-width:640px}.chart-pie-legend__row{grid-template-columns:10px minmax(0,1fr)}.chart-pie-legend__row>span:last-child{overflow-wrap:anywhere}@media (max-width:900px){.topbar-controls{justify-content:flex-start}.exec-upper-grid{grid-template-columns:1fr}.chart-pie-layout{grid-template-columns:1fr;align-items:start}.chart-pie-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;width:100%;display:grid}.app-content{padding:6px}.app-main,.card,.graph-card,.table-card{border-radius:10px}.kpi-value{font-size:1.6rem}.section-head h3{font-size:1.02rem}.chart-container--area{height:260px}.chart-container--pie{height:auto}.chart-pie-canvas{height:210px;min-height:180px}.chart-pie-legend{grid-template-columns:1fr;font-size:.82rem}.pager-wrap{justify-content:flex-start;overflow-x:auto}.pagination{min-width:max-content}}@media (max-width:420px){.app-content{margin-top:52px}.page-title{font-size:1.35rem}.chart-container--area{height:230px}.chart-pie-canvas{height:190px;min-height:165px}.header-updated{font-size:.8rem}}@media (max-width:640px){.table-wrapper{border:none;overflow:visible}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:0}.data-table thead{display:none}.data-table tbody{gap:10px;display:grid}.data-table tbody tr{border:1px solid var(--line);background:#fff;border-radius:10px;gap:6px;padding:10px;display:grid}.data-table tbody td{border-bottom:none;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:8px;padding:0;font-size:.82rem;display:grid}.data-table tbody td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.empty-row{text-align:center;padding:14px!important;display:block!important}.wf-search{width:100%}.wf-search__input,.status-select{width:100%;min-height:42px;font-size:.9rem}.wf-search__dropdown{z-index:80;border-radius:10px;width:100%;max-height:min(45vh,260px);overflow-y:auto}.wf-search__option{white-space:normal;padding:10px 12px;line-height:1.35}.chart-pie-layout{grid-template-columns:1fr;gap:8px}.chart-pie-canvas{height:210px;min-height:180px}.chart-pie-legend{grid-template-columns:1fr;gap:6px;font-size:.82rem;display:grid}.chart-pie-legend__row{grid-template-columns:10px minmax(0,1fr);align-items:start}.chart-pie-legend__row>span:last-child{overflow-wrap:anywhere}}