index.css

.k-retour-view .k-header:has(+.k-retour-stats){margin-bottom:0;border-bottom:none}@container (max-width: 30rem){.k-retour-view .k-header{flex-direction:column}}.k-retour-collection-view .k-table-column{cursor:pointer}.k-retour-collection-view th.k-table-column>span{display:inline-flex;width:100%;align-items:center;justify-content:space-between}.k-retour-collection-view .k-models-section-search.k-input{min-height:auto;height:var(--height-sm);margin-bottom:0}.k-retour-system-view .k-stats{margin-bottom:var(--spacing-3)}.chart-pie{display:flex;flex-direction:column;align-items:center;padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.chart-pie>.graph{width:100%;padding-bottom:100%;opacity:.85;background:var(--color-gray-800);background-image:conic-gradient(from -90deg,var(--gradient));border-radius:50%;clip-path:polygon(0% 0%,0% 50%,100% 50%,100% 0%);margin-bottom:calc(-50% + var(--spacing-6))}.chart-pie figcaption{display:grid;grid-template-columns:auto auto auto;column-gap:.5ch;row-gap:var(--spacing-3)}.chart-pie figcaption :nth-child(3n+2){padding-left:var(--spacing-2);text-align:right}.chart-pie figcaption .k-icon{color:var(--color)}.chart-areas{overflow-x:scroll;padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.chart-areas table{--height: 250px;position:relative;width:calc(100% - 3rem);height:var(--height);margin-left:2rem;margin-right:1rem;border-collapse:collapse;border-spacing:0}.chart-areas thead{position:absolute;top:0;right:100%;height:var(--height)}.chart-areas thead tr{display:flex;height:var(--height);flex-direction:column-reverse;padding-right:.75rem}.chart-areas th{flex:1;transform:translateY(-.375rem);font-size:.75rem;font-weight:400;text-align:right;color:var(--color-text-dimmed)}.chart-areas tbody{--grid-x: linear-gradient( to right, var(--color-gray-800) 33%, transparent 0% );height:var(--height);background-image:var(--grid-x),var(--grid-x),var(--grid-x),var(--grid-x),var(--grid-x),var(--grid-x);background-size:1px 1px,3px 1px,3px 1px,3px 1px,3px 1px,1px 1px;background-repeat:repeat-x;background-position:center 0%,center 20%,center 40%,center 60%,center 80%,center 100%}.chart-areas tbody,.chart-areas tfoot{width:100%;display:flex;justify-content:stretch;align-items:stretch;flex-direction:row}.chart-areas tbody tr:not(:nth-last-child(2)){background-image:linear-gradient(var(--color-gray-800) 33%,transparent 0%);background-size:1px 3px;background-repeat:repeat-y;background-position:right}.chart-areas tbody tr,.chart-areas tfoot tr{position:relative;display:flex;flex-grow:1;flex-shrink:1;flex-basis:0}.chart-areas tbody tr:last-child,.chart-areas tfoot tr:last-child{width:0;flex-grow:0;white-space:nowrap}.chart-areas tbody td{background:var(--color);opacity:.85;position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0% calc(100% * (1 - var(--p0))),100% calc(100% * (1 - var(--p1))),100% calc(100% * (1 - var(--m1))),0% calc(100% * (1 - var(--m0))));transition:clip-path .5s}.chart-areas tfoot{margin-top:.5rem;font-size:.75rem;color:var(--color-text-light);text-align:center}.chart-areas tfoot[data-less] tr{display:none}.chart-areas tfoot[data-less] tr:nth-child(3n+1),.chart-areas tfoot[data-less] tr:last-child{display:block}.chart-areas tfoot td{transform:translate(-50%)}.chart-areas tfoot [data-current]{color:#fff;font-weight:700}.k-retour-stats{padding:var(--spacing-6);color:var(--color-white);background:light-dark(var(--color-gray-900),var(--color-gray-950, var(--color-gray-900)));border-radius:var(--rounded-lg);margin-bottom:var(--spacing-6)}@container (max-width: 42rem){.k-retour-stats{display:flex;flex-direction:column;gap:2rem}}@container (min-width: 42rem){.k-retour-stats{display:grid;grid-template-columns:1fr 3fr;gap:2rem}}.k-retour-tabs{margin-bottom:var(--spacing-6)}.k-retour-tabs[data-end=true]{justify-content:end}.k-retour-tabs .k-tabs{flex-grow:1;margin-bottom:0}.k-retour-tabs .k-tab-button:nth-child(1) .k-tabs-badge{--theme-color-back: var(--color-blue-300)}.k-retour-tabs .k-tab-button:nth-child(2) .k-tabs-badge{--theme-color-back: var(--color-red-300)}.k-retour-tabs>.k-button-group{flex-wrap:nowrap}@container (max-width: 30rem){.k-retour-tabs .k-tabs{margin-bottom:var(--spacing-6)}.k-retour-tabs>.k-button-group{justify-content:end}}@container (min-width: 30rem){.k-retour-tabs{display:flex;justify-content:space-between;align-items:center}}.k-count-preview-field{display:flex;flex-direction:row-reverse;justify-content:space-between;padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.k-count-preview-field p{color:var(--color-gray-400)}.k-count-preview-field .k-icon{--icon-color: var(--color-gray-400);transform:scale(.8)}.k-priority-field-preview{display:flex;justify-content:center}.k-priority-field-preview p{color:var(--color-gray-400)}.k-priority-field-preview .k-icon{transform:scale(.8)}.k-status-field-preview{--code-inline-color-back: var(--color-blue-200);--code-inline-color-border: var(--color-blue-400);display:flex;gap:var(--spacing-2);padding-left:var(--spacing-2);padding-right:var(--spacing-2)}