.react-daily-integrated{display:grid;gap:var(--ui-space-section);color:var(--ui-text);font-size:var(--ui-font-body)}
.react-daily-integrated *{box-sizing:border-box}
.react-daily-integrated__hero,.react-daily-integrated__toolbar,.react-daily-integrated__card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-card-large);background:var(--ui-surface);box-shadow:var(--ui-shadow)}
.react-daily-integrated__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px}
.react-daily-integrated__hero p{margin:0 0 6px;color:var(--ui-brand);font-size:11px;font-weight:900;letter-spacing:.11em}
.react-daily-integrated__hero h2{margin:0 0 8px;font-size:var(--ui-font-page-title);line-height:1.2}
.react-daily-integrated__hero>div>span,.react-daily-integrated__card header p{display:block;max-width:760px;margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-caption);line-height:1.65}
.react-daily-integrated__state{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 11px;border-radius:999px;background:var(--ui-surface-muted);color:var(--ui-text-muted);font-size:11px;font-weight:900;white-space:nowrap}
.react-daily-integrated__state[data-tone=ok]{background:var(--ui-success-soft);color:var(--ui-success)}
.react-daily-integrated__state[data-tone=warn]{background:var(--ui-warning-soft);color:var(--ui-warning)}
.react-daily-integrated__state[data-tone=error]{background:var(--ui-danger-soft);color:var(--ui-danger)}
.react-daily-integrated__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:18px 20px}
.react-daily-integrated__toolbar>label,.react-daily-integrated__purchase-toolbar label{display:grid;gap:6px;color:var(--ui-text-muted);font-size:11px;font-weight:900}
.react-daily-integrated__toolbar>label input,.react-daily-integrated__purchase-toolbar input{min-height:var(--ui-control-height);padding:0 12px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-button);background:var(--ui-surface);color:var(--ui-text);font:inherit}
.react-daily-integrated__toolbar>div{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.react-daily-integrated button{min-height:var(--ui-control-height);padding:0 14px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-button);background:var(--ui-surface);color:var(--ui-text-strong);font:inherit;font-weight:800;cursor:pointer}
.react-daily-integrated button:hover:not(:disabled){border-color:var(--ui-brand-line);background:var(--ui-brand-soft);color:var(--ui-brand-hover)}
.react-daily-integrated button.primary{border-color:var(--ui-brand);background:var(--ui-brand);color:#fff}
.react-daily-integrated button.primary:hover:not(:disabled){border-color:var(--ui-brand-hover);background:var(--ui-brand-hover);color:#fff}
.react-daily-integrated button:disabled{cursor:not-allowed;opacity:.56}
.react-daily-integrated button:focus-visible,.react-daily-integrated input:focus-visible,.react-daily-integrated textarea:focus-visible{outline:0;border-color:var(--ui-brand);box-shadow:var(--ui-focus-ring)}
.react-daily-integrated__metrics,.react-daily-integrated__department-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.react-daily-integrated__metric{min-width:0;padding:17px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:var(--ui-surface);box-shadow:var(--ui-shadow)}
.react-daily-integrated__metric>span{color:var(--ui-text-muted);font-size:11px;font-weight:800}
.react-daily-integrated__metric strong{display:block;margin:7px 0 5px;color:var(--ui-text-strong);font-size:21px;line-height:1.25}
.react-daily-integrated__metric small{color:var(--ui-text-soft);font-size:10px;line-height:1.5}
.react-daily-integrated__card{padding:22px}
.react-daily-integrated__card>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.react-daily-integrated__card h3{margin:0 0 5px;font-size:var(--ui-font-section-title)}
.react-daily-integrated__card>header>em{padding:6px 9px;border-radius:999px;background:var(--ui-brand-soft);color:var(--ui-brand-hover);font-size:10px;font-style:normal;font-weight:900;white-space:nowrap}
.react-daily-integrated__section{margin-top:17px;padding-top:17px;border-top:1px solid var(--ui-border)}
.react-daily-integrated__section:first-of-type{margin-top:15px;padding-top:0;border-top:0}
.react-daily-integrated__section h4{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 11px;font-size:13px}
.react-daily-integrated__section h4 small{color:var(--ui-text-soft);font-size:10px;font-weight:500}
.react-daily-integrated__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.react-daily-integrated__field,.react-daily-integrated__textarea{display:grid;gap:6px}
.react-daily-integrated__field>span,.react-daily-integrated__textarea>span{color:var(--ui-text-muted);font-size:11px;font-weight:800}
.react-daily-integrated__field>div,.react-daily-integrated__vendor-row>div{display:flex;align-items:center;min-height:var(--ui-control-height);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-button);background:var(--ui-surface);overflow:hidden}
.react-daily-integrated__field>div:focus-within,.react-daily-integrated__vendor-row>div:focus-within{border-color:var(--ui-brand);box-shadow:var(--ui-focus-ring)}
.react-daily-integrated__field input,.react-daily-integrated__vendor-row input{min-width:0;flex:1;padding:0 11px;border:0;outline:0;background:transparent;color:var(--ui-text);text-align:right;font:inherit;font-weight:800}
.react-daily-integrated__field b,.react-daily-integrated__vendor-row b{padding:0 10px;color:var(--ui-text-muted);font-size:11px}
.react-daily-integrated__textarea{margin-top:17px}
.react-daily-integrated__textarea textarea{min-height:82px;padding:11px 12px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-button);background:var(--ui-surface);color:var(--ui-text);resize:vertical;font:inherit}
.react-daily-integrated__card aside{display:grid;gap:5px;margin-top:17px;padding:14px;border-radius:var(--ui-radius-card);background:var(--ui-surface-muted);color:var(--ui-text-muted);font-size:11px;line-height:1.55}
.react-daily-integrated__card aside strong{color:var(--ui-text-strong)}
.react-daily-integrated__purchase-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px}
.react-daily-integrated__purchase-toolbar label{width:min(360px,100%)}
.react-daily-integrated__department-summary{margin-top:14px}
.react-daily-integrated__department-summary .react-daily-integrated__metric:last-child{border-color:var(--ui-brand-line);background:var(--ui-brand-soft)}
.react-daily-integrated__purchase-groups{display:grid;gap:14px;margin-top:16px}
.react-daily-integrated__purchase-group{overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:var(--ui-surface)}
.react-daily-integrated__purchase-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:var(--ui-surface-muted)}
.react-daily-integrated__purchase-group>header h4{margin:0;font-size:14px}
.react-daily-integrated__purchase-group>header span{color:var(--ui-text-muted);font-size:11px;font-weight:800}
.react-daily-integrated__vendor-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.react-daily-integrated__vendor-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px);align-items:center;gap:12px;padding:12px 15px;border-top:1px solid var(--ui-border)}
.react-daily-integrated__vendor-row:nth-child(-n+2){border-top:0}
.react-daily-integrated__vendor-row:nth-child(odd){border-right:1px solid var(--ui-border)}
.react-daily-integrated__vendor-row>span{display:grid;gap:3px;min-width:0}
.react-daily-integrated__vendor-row strong{overflow:hidden;color:var(--ui-text-strong);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.react-daily-integrated__vendor-row small{color:var(--ui-text-soft);font-size:10px}
.react-daily-integrated__empty{padding:22px;color:var(--ui-text-soft);text-align:center;font-size:12px}
.react-daily-integrated__confirm{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px}
.react-daily-integrated__confirm>header{grid-column:1/-1}
.react-daily-integrated__links{display:flex;gap:8px;flex-wrap:wrap}
.react-daily-integrated input:disabled,.react-daily-integrated textarea:disabled{background:var(--ui-surface-muted);color:var(--ui-text-soft);cursor:not-allowed}
@media(max-width:1024px){.react-daily-integrated__metrics,.react-daily-integrated__department-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.react-daily-integrated__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.react-daily-integrated__vendor-list{grid-template-columns:1fr}.react-daily-integrated__vendor-row:nth-child(-n+2){border-top:1px solid var(--ui-border)}.react-daily-integrated__vendor-row:first-child{border-top:0}.react-daily-integrated__vendor-row:nth-child(odd){border-right:0}}
@media(max-width:760px){.react-daily-integrated{gap:14px}.react-daily-integrated__hero,.react-daily-integrated__toolbar,.react-daily-integrated__card{border-radius:var(--ui-radius-card)}.react-daily-integrated__hero,.react-daily-integrated__toolbar,.react-daily-integrated__card>header,.react-daily-integrated__purchase-toolbar{align-items:stretch;flex-direction:column}.react-daily-integrated__hero,.react-daily-integrated__card{padding:16px}.react-daily-integrated__toolbar{padding:14px}.react-daily-integrated__toolbar>div{display:grid;grid-template-columns:1fr 1fr}.react-daily-integrated__toolbar .react-daily-integrated__state{grid-column:1/-1}.react-daily-integrated__fields{grid-template-columns:1fr}.react-daily-integrated__purchase-toolbar label{width:100%}.react-daily-integrated__confirm{grid-template-columns:1fr}.react-daily-integrated__confirm>.primary{width:100%}.react-daily-integrated__vendor-row{grid-template-columns:minmax(0,1fr) minmax(130px,180px)}}
@media(max-width:480px){.react-daily-integrated__metrics,.react-daily-integrated__department-summary{grid-template-columns:1fr}.react-daily-integrated__toolbar>div{grid-template-columns:1fr}.react-daily-integrated__toolbar .react-daily-integrated__state{grid-column:auto}.react-daily-integrated__vendor-row{grid-template-columns:1fr}.react-daily-integrated__links{display:grid}.react-daily-integrated__links button{width:100%}.react-daily-integrated__hero h2{font-size:24px}}