.usage-page[data-v-05980b16]{display:flex;flex-direction:column;gap:2rem;padding:2.4rem 0 6rem;width:100%}.usage-page__toolbar[data-v-05980b16]{align-items:center;display:flex;flex-wrap:wrap;gap:1.6rem}.usage-month[data-v-05980b16]{align-items:center;display:inline-flex;gap:.4rem;padding:.2rem}.usage-month button[data-v-05980b16]{background:none;border-radius:.4rem;color:var(--accent-gray);cursor:pointer;display:inline-flex;padding:.4rem}.usage-month button[data-v-05980b16]:hover:not(:disabled){background-color:var(--accent-gray-dark);color:var(--text-main-color)}.usage-month button[data-v-05980b16]:disabled{cursor:default;opacity:.3}.usage-month__label[data-v-05980b16]{font-size:1.5rem;font-weight:600;min-width:13rem;text-align:center}.usage-search[data-v-05980b16]{background:var(--box-color);border:1px solid var(--accent-gray-dark);border-radius:.6rem;font-size:1.4rem;min-width:22rem;outline:none;padding:.7rem 1.2rem}.usage-search[data-v-05980b16]:focus{border-color:var(--accent-gray)}.usage-toggle[data-v-05980b16]{align-items:center;color:var(--accent-gray);cursor:pointer;display:inline-flex;font-size:1.3rem;gap:.6rem}.usage-toggle input[data-v-05980b16]{accent-color:var(--main-blue)}.usage-legend[data-v-05980b16]{color:var(--accent-gray);display:flex;font-size:1.2rem;gap:1.6rem;margin-left:auto}.usage-legend span[data-v-05980b16]{align-items:center;display:inline-flex;gap:.6rem}.usage-summary[data-v-05980b16]{color:var(--accent-gray);display:flex;font-size:1.35rem;gap:2.4rem}.usage-summary strong[data-v-05980b16]{color:var(--text-main-color);font-variant-numeric:tabular-nums}.usage-table[data-v-05980b16]{padding:.8rem 1.6rem}.usage-row[data-v-05980b16]{align-items:center;border-top:1px solid var(--accent-gray-dark);-moz-column-gap:1.6rem;column-gap:1.6rem;display:grid;grid-template-areas:"name count boxes over total spark";grid-template-columns:22rem 8rem minmax(0,1fr) 13rem 7rem 22rem;padding:.8rem 0;row-gap:.8rem}.usage-row[data-v-05980b16]:first-child{border-top:none}.usage-row--head[data-v-05980b16]{color:var(--accent-gray);font-size:1.2rem;padding:.8rem 0 1rem}.usage-row--head .usage-row__count[data-v-05980b16],.usage-row--head .usage-row__name[data-v-05980b16]{font-size:1.2rem}.usage-row--head .usage-row__name[data-v-05980b16]:hover{text-decoration:none}.usage-row__name[data-v-05980b16]{grid-area:name}.usage-row__count[data-v-05980b16]{grid-area:count}.usage-row__boxes[data-v-05980b16]{grid-area:boxes}.usage-row__over[data-v-05980b16]{grid-area:over}.usage-row__total[data-v-05980b16]{font-size:1.35rem;font-variant-numeric:tabular-nums;grid-area:total;text-align:right}.usage-row__spark[data-v-05980b16]{align-items:center;background:none;border-radius:.4rem;display:flex;grid-area:spark;height:32px;min-width:0;padding:0;text-align:left}button.usage-row__spark[data-v-05980b16]{cursor:zoom-in}button.usage-row__spark[data-v-05980b16]:hover{background-color:#ffffff0a}.usage-row__spark[data-v-05980b16]>*{width:100%}.usage-row__name[data-v-05980b16]{align-items:center;display:flex;font-size:1.4rem;gap:.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-row__name[data-v-05980b16]:hover{text-decoration:underline}.usage-row__name i[data-v-05980b16]{border-radius:50%;flex-shrink:0;height:.8rem;width:.8rem}.usage-row__count[data-v-05980b16]{color:var(--accent-gray);display:flex;flex-direction:column;font-size:1.35rem;font-variant-numeric:tabular-nums;gap:.2rem}.usage-row__count .is-over[data-v-05980b16]{color:#f87171;font-weight:600}.usage-row__emergency-count[data-v-05980b16]{color:#f47067;font-size:1.15rem;opacity:.85}.usage-row__divider[data-v-05980b16]{align-self:stretch;background-color:var(--accent-gray);border-radius:1px;margin:0 .4rem;min-height:1.5rem;opacity:.6;width:2px}.usage-row__unlimited[data-v-05980b16]{font-size:1.15rem;margin-left:.4rem;opacity:.7}.usage-row__boxes[data-v-05980b16]{display:flex;flex-wrap:wrap;gap:.4rem}.usage-row__none[data-v-05980b16]{color:var(--accent-gray);opacity:.5}.usage-row__over[data-v-05980b16]{color:#fb923c;font-size:1.25rem;text-align:right}.usage-box[data-v-05980b16]{border:1px solid hsla(0,0%,100%,.06);border-radius:.3rem;display:inline-block;flex-shrink:0;height:1.5rem;padding:0;width:1.5rem}button.usage-box[data-v-05980b16]:not(:disabled){cursor:pointer}button.usage-box[data-v-05980b16]:not(:disabled):hover{outline:2px solid var(--text-main-color);outline-offset:1px}.usage-box.is-unused[data-v-05980b16]{background-color:#2d333b}.usage-box.is-within[data-v-05980b16]{background-color:#2ea043}.usage-box.is-overDone[data-v-05980b16]{background-color:#f0883e}.usage-box.is-overOpen[data-v-05980b16]{background-color:#e5534b}.usage-box.is-emergency[data-v-05980b16]{border:2px solid #e5534b}.usage-box.is-emergency.is-overOpen[data-v-05980b16]{border-color:#ff8e88}.usage-summary__year[data-v-05980b16]{align-items:center;background:none;border-radius:.4rem;color:inherit;cursor:zoom-in;display:inline-flex;gap:1.2rem;margin-left:auto;padding:0 .4rem}.usage-summary__year[data-v-05980b16]:hover{background-color:#ffffff0a}.usage-summary__spark[data-v-05980b16]{align-items:center;display:flex;height:28px;width:16rem}.usage-summary__spark[data-v-05980b16]>*{width:100%}.usage-modal[data-v-05980b16]{display:flex;flex-direction:column;gap:1.6rem;padding:1rem 2rem 2rem}@media (max-width:1200px){.usage-row[data-v-05980b16]{grid-template-areas:"name  count total" "boxes boxes boxes" "over  over  over" "spark spark spark";grid-template-columns:minmax(0,1fr) auto auto;padding:1.4rem 0}.usage-row--head[data-v-05980b16]{display:none}.usage-row__over[data-v-05980b16]{text-align:left}.usage-row__over[data-v-05980b16]:empty{display:none}.usage-row__total[data-v-05980b16]:before{color:var(--accent-gray);content:"Yıl: ";font-size:1.2rem}.usage-row__spark[data-v-05980b16]{height:44px}.usage-legend[data-v-05980b16]{margin-left:0}.usage-summary[data-v-05980b16]{flex-wrap:wrap}.usage-summary__year[data-v-05980b16]{margin-left:0}}
