/* Подвкладка «Себестоимость»: стиль карточек главного экрана */
.cost-banner{padding:12px 18px;border-radius:18px;background:#dfece2b3;color:#25523a;font-size:13px;line-height:19px}
.cost-banner-warn{background:#f9e6d5b0;color:#7a3a00}
.cost-meta{font-size:12px;color:#5a6a75;padding:0 6px}
.cost-tools{gap:8px}
.cost-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;border-radius:16px;background:#ffffff80;font-size:12px;color:#344655}
.cost-status{font-size:12px;color:#25523a;min-width:120px}
.cost-bad{color:#c0141f}
.cost-input{height:32px;padding:0 10px;border:1px solid #dfe3e1;border-radius:10px;background:#fffffff0;font-size:12px;color:#092033;box-sizing:border-box;min-width:0}
.cost-input:focus{outline:2px solid #2f86e8;outline-offset:-1px;border-color:transparent}
.cost-num{text-align:right;white-space:nowrap}
.cost-save{margin-top:0!important;width:auto!important;padding:0 20px;border:0}
.cost-save:disabled{opacity:.5;cursor:default}
.cost-table-wrap{overflow:auto;border-radius:20px;background:linear-gradient(110deg,#faf9f5ce,#f7f6f3d6)}
.cost-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
.cost-table th{position:sticky;top:0;z-index:2;padding:10px 8px;background:#e7ebee;color:#344655;font-weight:500;font-size:11px;text-align:left}
.cost-table td{padding:8px;vertical-align:middle;border-bottom:1px solid #e6e5e1}
.cost-table tr:last-child td{border-bottom:0}
.cost-row-none{background:#f9e6d540}
.cost-name{max-width:280px}
.cost-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#092033}
.cost-name small,.cost-history{color:#7a8893;font-size:11px}
.cost-src{display:inline-block;margin-top:2px;padding:1px 8px;border-radius:10px;background:#e7ebee;color:#344655;font-size:11px}
.cost-src-none{background:#f9e6d5;color:#a84900}
.cost-table .cost-input.cost-num{width:110px}
.cost-table select.cost-input{width:84px}
.cost-table input[type=date].cost-input{width:132px}
.cost-table .cost-input:not(.cost-num):not(select):not([type=date]){width:100%}

/* Свои даты в переключателе периода Дашборда */
.dg-dates{display:inline-flex;align-items:center;gap:6px;margin-left:6px}
.dg-date{height:32px;padding:0 8px;border:1px solid #dfe3e1;border-radius:10px;background:#fffffff0;font-size:12px;color:#092033}
.dg-date-error{color:#c0141f;font-size:11px}

/* Подвкладка «Продажи» */
.sales-panel{display:flex;flex-direction:column;gap:8px}
.sales-periods{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sales-dates{display:inline-flex;align-items:center;gap:6px;margin-left:6px}
.sales-row{display:flex;gap:10px;align-items:center}
.sales-error{color:#c0141f;font-size:11px;min-height:0}
.sales-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sales-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;border:0;border-radius:18px;background:linear-gradient(130deg,#f9f8f5db,#f8f7f5c9);cursor:pointer;text-align:left;color:#092033}
.sales-kpi.active{background:linear-gradient(135deg,#454a4c,#303639);color:#fff}
.sales-kpi-name{font-size:12px;opacity:.8}
.sales-kpi strong{font-size:18px;font-weight:500;letter-spacing:-.4px}
.sales-kpi-label{font-size:11px;opacity:.7}
.sales-kpi-unknown{color:#a84900;opacity:1}
.sales-chart-card{padding:14px 18px 10px;border-radius:20px;background:linear-gradient(110deg,#faf9f5ce,#f7f6f3d6)}
.sales-chart-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.sales-chart-head small{font-size:11px;color:#6b7d8d}
.sales-chart{position:relative;height:230px;margin:10px 0 20px 0}
.sales-cols{position:absolute;inset:0 0 0 0;display:flex;gap:2px;align-items:stretch}
.sales-col{position:relative;flex:1 1 0;min-width:0}
.sales-bar{position:absolute;left:12%;right:12%;border-radius:4px 4px 0 0;min-height:1px}
.sales-bar-neg{border-radius:0 0 4px 4px}
.sales-x{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:10px;color:#6b7d8d;white-space:nowrap}
.sales-zero{position:absolute;left:0;right:0;height:1px;background:#73818b55}
.sales-y{position:absolute;left:0;font-size:10px;color:#7a8893;background:#faf9f5cc;padding:0 4px;z-index:2}
.sales-y-top{top:0}
.sales-y-bottom{bottom:0}
.sales-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7a8893;font-size:13px;margin:0}
.sales-sort{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0}
.sales-sort.active{color:#092033;font-weight:600}

/* Сезонность товара в разборе штуки */
.season-block{display:flex;flex-direction:column;gap:6px;margin:6px 0 4px}
.season-line{margin:0;font-size:12px;color:#3d5260}
.season-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}
.season-chip{height:26px;border:0;border-radius:8px;font-size:10px;cursor:pointer;background:#eceeed;color:#6b7d8d;padding:0}
.season-peak{background:#cfe9d7;color:#25523a}
.season-low{background:#dfe3e6;color:#7a8893}
.season-mine{background:#454a4c;color:#fff}
.season-now{outline:2px solid #2f86e8;outline-offset:1px}
.season-note{margin:0;font-size:11px;color:#7a8893}
.season-owner{font-size:12px}
.season-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.season-status{font-size:11px;color:#25523a}

/* Блок Дашборда «Календарь закупок» */
.cal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.cal-month{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:14px;background:#ffffff80;min-width:0}
.cal-month b{font-size:11px;font-weight:500;color:#3d5260;text-transform:capitalize}
.cal-now{background:#f9e6d5a0}
.cal-item,.cal-empty{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#092033}
.cal-empty{color:#9aa5ad}
.cal-item.cal-пора{color:#a84900}
.cal-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:3px 0}
.cal-row b{font-weight:500;white-space:nowrap}
.cal-пора b{color:#a84900}

/* «Потеряшки»: спокойные карточки, когда потерь нет */
.loss-ok{background:linear-gradient(130deg,#e4efe7cc,#edf4eacc)}
.loss-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.loss-kpis .sales-kpi{cursor:default}

/* «Финансы» */
.fin-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.fin-kpis .sales-kpi,.fin-net{cursor:default}
.fin-table td{padding:7px 10px}
.fin-row td:first-child{width:62%}
.fin-total td{font-weight:600;background:#ece9e2;border-top:1px solid #d5d3cc}
.fin-kind{font-size:11px;color:#7a8893;width:90px}
.fin-honest{color:#7a3a00}
.fin-net{margin-top:6px;flex-direction:column}
.fin-net strong{font-size:22px}