/* Shared screen components. Module files own domain layouts, not this visual contract. */
body.ui-app, body.ui-login { margin: 0; background: var(--ui-bg); color: var(--ui-ink); font: 14px/1.6 var(--ui-font); -webkit-font-smoothing: antialiased; }
body.ui-app *, body.ui-login * { box-sizing: border-box; }
body.ui-app :is(button,input,select,textarea), body.ui-login :is(button,input) { font: inherit; }
body.ui-app :is(a,button,input,select,textarea,summary), body.ui-login :is(a,button,input) { -webkit-tap-highlight-color: transparent; }
body.ui-app :focus-visible, body.ui-login :focus-visible { outline: 3px solid var(--ui-accent); outline-offset: 3px; }
body.ui-app :is(.form-control,.form-select,textarea):focus-visible { outline: 3px solid var(--ui-accent); outline-offset: 2px; border-color: var(--ui-accent); }
body.ui-app .g-search:focus-within { outline: 3px solid var(--ui-accent); outline-offset: 2px; }
body.ui-app .g-search input:focus-visible { outline: none; border-color: transparent; box-shadow: none; }
body.ui-app :is(input,select,textarea,[tabindex],a,button) { scroll-margin-block: 96px 140px; }
body.ui-app a { color: var(--ui-accent); text-decoration: none; }
body.ui-app a:hover { text-decoration: underline; text-underline-offset: 3px; }
body.ui-app :is(h1,h2,h3,h4,h5,h6), body.ui-login h1 { font-family: var(--ui-font); color: var(--ui-ink); font-weight: 700; letter-spacing: -.025em; line-height: 1.3; }
body.ui-app .main-content h1, body.ui-login h1 { font-size: 28px; margin: 0 0 6px; }
body.ui-app .main-content h2 { font-size: 18px; margin: 0 0 12px; }
body.ui-app .main-content :is(h3,h4,h5,h6) { font-size: 16px; }
body.ui-app .main-content h1::after, body.ui-app .main-content h2::after { content: none; }
body.ui-app .main-content h1::before, body.ui-app .main-content h2::before { content: none; }
body.ui-app .main-content h1 > .bi { display: none; }
body.ui-app .main-content :is(.home-kicker,.solara-eyebrow,.g-eyebrow,.form-eyebrow,.s-dia-data) { color: var(--ui-muted); font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: .01em; }
body.ui-app .main-content :is(.ops-page-head,.g-page-head,.form-page-head,.simple-page-head,.home-head,.s-dia,.inventory-page-head,.ui-page-head) { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin: 0 0 20px; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
body.ui-app .main-content :is(.ops-page-head,.g-page-head,.form-page-head,.simple-page-head,.home-head,.ui-page-head) p { margin: 0; color: var(--ui-muted); font-size: 14px; max-width: 68ch; }
body.ui-app .main-content :is(.ops-page-actions,.g-page-actions,.form-page-actions,.ui-page-actions) { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
body.ui-app :is(.btn,.g-button), body.ui-login .btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; border: 1px solid transparent; border-radius: var(--ui-control-radius); font-size: 14px; font-weight: 600; line-height: 1.4; box-shadow: var(--ui-panel-shadow); text-decoration: none; white-space: normal; transition: background-color var(--ui-control-time), border-color var(--ui-control-time), color var(--ui-control-time), box-shadow var(--ui-control-time), transform var(--ui-control-time); }
body.ui-app .btn:hover { text-decoration: none; transform: translateY(-1px); box-shadow: var(--ui-panel-hover-shadow); }
body.ui-app :is(.btn-primary,.g-button-primary), body.ui-login .btn-login { background: var(--ui-action); color: var(--ui-action-text); border-color: var(--ui-action); }
body.ui-app .btn-primary:hover, body.ui-login .btn-login:hover { background: var(--ui-action); color: var(--ui-action-text); filter: brightness(1.13); }
body.ui-app :is(.btn-outline-primary,.btn-outline-secondary,.btn-light,.btn-secondary) { color: var(--ui-ink); background: var(--ui-surface); border-color: var(--ui-line-strong); }
body.ui-app :is(.btn-outline-primary,.btn-outline-secondary,.btn-light,.btn-secondary):hover { background: var(--ui-soft); border-color: var(--ui-muted); }
body.ui-app .btn-link { color: var(--ui-accent); background: none; }
body.ui-app .btn-danger { background: var(--ui-danger); border-color: var(--ui-danger); color: var(--ui-surface); }
body.ui-app .btn-outline-danger { background: var(--ui-surface); border-color: var(--ui-danger); color: var(--ui-danger); }
body.ui-app .btn-success { background: var(--ui-success); border-color: var(--ui-success); color: var(--ui-surface); }
body.ui-app .btn-warning { background: var(--ui-warning-soft); border-color: var(--ui-warning); color: var(--ui-warning); }
body.ui-app .btn:disabled, body.ui-app .btn.disabled { opacity: .55; cursor: not-allowed; }
body.ui-app .main-content .table :is(th,td) { overflow-wrap: anywhere; }
body.ui-app .main-content .team-table :is(.role-label,.status-pill),
body.ui-app .main-content .team-table .permission-list > span,
body.ui-app .main-content .team-table .row-actions .btn { white-space: nowrap; overflow-wrap: normal; }
body.ui-app .main-content .team-table .row-actions .btn-outline-danger { border-color: var(--ui-line-strong); color: var(--ui-secondary); background: transparent; }
body.ui-app .main-content .team-table .row-actions .btn-outline-danger:hover,
body.ui-app .main-content .team-table .row-actions .btn-outline-danger:focus-visible { border-color: var(--ui-danger); color: var(--ui-danger); background: var(--ui-danger-soft); }
body.ui-app .main-content :is(.card,.g-card,.g-form-card,.form-section,.ops-list,.inventory-list,.report-list,.home-stock-visual,.home-actions,.home-metrics-section,.home-attention,.home-data-panel,.s-bloco,.s-cadeia,.secondary-disclosure) { background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: var(--ui-panel-radius); box-shadow: var(--ui-panel-shadow); color: var(--ui-ink); }
body.ui-app .main-content .card-header { background: transparent; border-bottom: 1px solid var(--ui-line); padding: 16px 24px; color: var(--ui-ink); }
body.ui-app .main-content .card-body { padding: 24px; }
body.ui-app .main-content .card-footer { background: var(--ui-soft); border-color: var(--ui-line); padding: 16px 24px; }
body.ui-app .main-content :is(.g-field,.form-group,.formset-field) { min-width: 0; }
body.ui-app .main-content label, body.ui-login label { color: var(--ui-secondary); font-size: 14px; font-weight: 600; margin-bottom: 8px; }
body.ui-app .main-content :where(.form-control,.form-select,.g-field input:not([type="checkbox"]):not([type="radio"]),.g-field select,.g-field textarea,.ops-search-line input,.ops-filter-grid select,.ops-filter-grid input), body.ui-login .form-control { width: 100%; min-width: 0; min-height: 44px; border: 1px solid var(--ui-line-strong); border-radius: var(--ui-control-radius); padding: 10px 12px; background-color: var(--ui-surface); color: var(--ui-ink); font-size: 14px; box-shadow: inset 0 1px 1px #1c1b1a08; transition: border-color var(--ui-control-time), box-shadow var(--ui-control-time); }
body.ui-app .main-content .input-group > :is(.form-control,.form-select) { flex: 1 1 auto; width: 1%; }
body.ui-app .main-content .ui-back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: -8px 0 8px; }
body.ui-app .main-content :is(.g-optional-details,.form-optional) > summary { min-height: 44px; display: flex; align-items: center; gap: 8px; padding: 12px 0; cursor: pointer; color: var(--ui-secondary); }
body.ui-app .main-content .form-action-bar { border: 1px solid var(--ui-line); border-radius: var(--ui-panel-radius); box-shadow: var(--ui-panel-shadow); padding: 16px 24px; background: var(--ui-surface); }
body.ui-app .main-content .ops-list { padding: 0; overflow: visible; }
body.ui-app .main-content .ops-table-wrap { border: 0; border-radius: 0 0 12px 12px; }
body.ui-app .main-content .ops-list-controls { border-bottom: 1px solid var(--ui-line); margin: 0; }
body.ui-app .main-content .ops-list-header { padding: 0; }
body.ui-app .main-content .ops-query { margin: 0; }
body.ui-app .main-content .ops-search-line { gap: 8px; }
body.ui-app .main-content .form-section-head > div > span { color: var(--ui-muted); text-transform: none; letter-spacing: 0; font-size: 12px; }
body.ui-app .main-content .text-warning { color: var(--ui-warning) !important; }
body.ui-app .main-content .form-select { padding-right: 36px; }
body.ui-app .main-content textarea.form-control { min-height: 104px; resize: vertical; }
body.ui-app .main-content :is(input,textarea)::placeholder, body.ui-login input::placeholder { color: var(--ui-muted); opacity: 1; }
body.ui-app .main-content :is(input,textarea,select):disabled { background-color: var(--ui-soft); color: var(--ui-muted); cursor: not-allowed; }
body.ui-app .main-content :is(input,textarea,select)[aria-invalid="true"] { border-color: var(--ui-danger); }
body.ui-app .main-content :is(.form-text,.help-text,.g-field-help,.ops-note,.text-muted,small) { font-size: max(.75rem, 12px); color: var(--ui-muted); line-height: 1.55; }
body.ui-app .main-content :is(.g-error-summary,.form-error-summary) { border: 1px solid var(--ui-danger); border-radius: 8px; padding: 16px; background: var(--ui-danger-soft); color: var(--ui-danger); margin-bottom: 24px; }
body.ui-app .main-content :is(.g-field-error,.form-field-error,.invalid-feedback,.errorlist) { color: var(--ui-danger); font-size: 13px; }
body.ui-app .main-content :is(.g-form-grid,.form-main-grid) { gap: 24px; }
body.ui-app .main-content :is(.g-form-grid,.form-main-grid) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
body.ui-app .main-content .formset-row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; padding: 16px; border: 1px solid var(--ui-line); border-radius: 12px; background: var(--ui-bg); }
body.ui-app .main-content .formset-selector { grid-column: 1 / -1; }
body.ui-app .main-content .formset-field { grid-column: auto; min-width: 0; }
body.ui-app .main-content :is(.g-form-card,.form-section) { padding: 24px; }
body.ui-app .main-content :is(.g-form-actions,.form-actionbar) { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; padding: 16px 0; border-top: 1px solid var(--ui-line); background: var(--ui-surface); box-shadow: none; }
body.ui-app .main-content :is(.form-actionbar-hint,.g-form-note) { margin-right: auto; color: var(--ui-muted); }
body.ui-app .main-content :is(details.g-secondary-fields,details.form-secondary-fields,.secondary-disclosure,.ops-filters) > summary { min-height: 44px; padding: 12px 16px; font-weight: 600; cursor: pointer; color: var(--ui-ink); }
body.ui-app .main-content :is(.g-secondary-fields,.form-secondary-fields) { background: var(--ui-soft); border: 1px solid var(--ui-line); border-radius: 12px; margin-top: 24px; }
body.ui-app .main-content :is(.table,.ops-table) { --bs-table-color: var(--ui-ink); --bs-table-bg: transparent; --bs-table-border-color: var(--ui-line); --bs-table-striped-bg: var(--ui-soft); --bs-table-hover-bg: var(--ui-soft); --bs-table-hover-color: var(--ui-ink); font-size: 14px; margin-bottom: 0; border-collapse: collapse; color: var(--ui-ink); }
body.ui-app .main-content :is(.table,.ops-table) th { background: var(--ui-soft); color: var(--ui-secondary); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; padding: 12px 16px; border-bottom: 1px solid var(--ui-line); }
body.ui-app .main-content :is(.table,.ops-table) td { padding: 14px 16px; vertical-align: middle; border-color: var(--ui-line); color: var(--ui-ink); }
body.ui-app .main-content :is(.table-responsive,.ops-table-wrap,.inventory-table-wrap) { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
body.ui-app .main-content :is(.table,.ops-table) tbody tr:hover { background: var(--ui-soft); }
body.ui-app .main-content :is(.ops-number,.text-end,dd,[data-number]) { font-variant-numeric: tabular-nums; }
body.ui-app .main-content :is(.ops-list-controls,.inventory-controls) { padding: 16px 24px; }
body.ui-app .main-content .ops-list-header { gap: 16px; }
body.ui-app .main-content .ops-list-title > span { color: var(--ui-muted); font-size: 13px; }
body.ui-app .main-content .ops-search-line input { padding-left: 40px; }
body.ui-app .main-content .ops-search-icon { color: var(--ui-muted); }
body.ui-app .main-content :is(.ops-filter-count,.ops-status,.badge) { border-radius: 6px; padding: 4px 8px; font-size: 12px; font-weight: 600; line-height: 1.4; }
body.ui-app .main-content :is(.ops-empty,.empty-state,.g-empty) { padding: 40px 24px; text-align: center; background: none; color: var(--ui-muted); }
body.ui-app .main-content :is(.ops-empty,.empty-state,.g-empty) > strong { display: block; margin-bottom: 8px; font-size: 16px; color: var(--ui-ink); }
body.ui-app .main-content :is(.ops-empty,.empty-state,.g-empty) > .btn { margin-top: 16px; }
body.ui-app .main-content :is(.page-link,.ops-pagination a) { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--ui-ink); background: var(--ui-surface); border-color: var(--ui-line); }
body.ui-app .main-content .page-item.active .page-link { background: var(--ui-action); color: var(--ui-action-text); }
body.ui-app .main-content :is(.nav-tabs,.producao-tabs) { border-bottom: 1px solid var(--ui-line); gap: 8px; box-shadow: none; }
body.ui-app .main-content :is(.nav-tabs .nav-link,.producao-tabs a) { min-height: 44px; padding: 12px 16px; border: 0; border-radius: 0; border-bottom: 2px solid transparent; color: var(--ui-muted); background: transparent; }
body.ui-app .main-content :is(.nav-tabs .nav-link.active,.producao-tabs a.active) { color: var(--ui-accent); border-bottom-color: var(--ui-accent); background: transparent; }
body.ui-app .main-content .report-list { display: block; overflow: hidden; }
body.ui-app .main-content .report-row { display: grid; grid-template-columns: 32px 1fr 20px; gap: 16px; align-items: center; min-height: 88px; padding: 16px 24px; border: 0; border-bottom: 1px solid var(--ui-line); border-radius: 0; background: var(--ui-surface); color: var(--ui-ink); box-shadow: none; transform: none; }
body.ui-app .main-content .report-row:last-child { border-bottom: 0; }
body.ui-app .main-content .report-row:hover { background: var(--ui-soft); text-decoration: none; }
body.ui-app .main-content .report-row strong { display: block; font-size: 14px; }
body.ui-app .main-content .report-row small { display: block; margin-top: 4px; }
body.ui-app .main-content .report-icon { width: 32px; height: 32px; display: grid; place-items: center; background: transparent; color: var(--ui-accent); font-size: 22px; border-radius: 0; }
body.ui-app .main-content .export-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 24px; }
body.ui-app .main-content .secondary-disclosure > summary { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
body.ui-app .main-content .secondary-disclosure > summary > span { display: inline-flex; align-items: center; gap: 8px; }
body.ui-app .main-content .secondary-disclosure > summary small { margin-left: auto; }
body.ui-app .main-content .stat-card .card-body { display: flex; align-items: center; gap: 16px; }
body.ui-app .main-content .mini-stat-card { display: flex; align-items: center; gap: 16px; }
body.ui-app .main-content .mini-stat-card > div { min-width: 0; }
body.ui-app .main-content .stat-icon { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 8px; background: var(--ui-soft); color: var(--ui-muted); box-shadow: none; }
body.ui-app .main-content .stat-value { font-size: 24px; line-height: 1.4; font-weight: 700; color: var(--ui-ink); font-variant-numeric: tabular-nums; }
body.ui-app .main-content .stat-label { color: var(--ui-muted); font-size: 12px; }
body.ui-app .main-content .home-reference { max-width: 1280px; padding-bottom: 32px; }
body.ui-app .main-content .home-reference :where(h1,h2,p,dl,dd) { margin: 0; }
body.ui-app .main-content .home-reference .home-head { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 12px; padding: 0; }
body.ui-app .main-content .home-reference .home-head h1 { font-size: 32px; line-height: 1.15; letter-spacing: -.05em; }
body.ui-app .main-content .home-reference .home-head h1 > span { color: var(--ui-accent); }
body.ui-app .main-content .home-reference .home-head p { margin-top: 4px; color: var(--ui-muted); font-size: 13px; }
body.ui-app .main-content .home-primary-cta { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 10px 17px; border: 1px solid var(--ui-accent); border-radius: 8px; background: var(--ui-accent); color: #fff; box-shadow: 0 8px 24px -14px color-mix(in srgb,var(--ui-accent) 75%,transparent); font-size: 13px; font-weight: 700; text-decoration: none; transition: filter var(--ui-control-time),box-shadow var(--ui-control-time); }
body.ui-app .main-content .home-primary-cta:hover { color: #fff; filter: brightness(.94); text-decoration: none; box-shadow: 0 10px 26px -13px color-mix(in srgb,var(--ui-accent) 85%,transparent); }
body.ui-app .main-content .home-period-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
body.ui-app .main-content .home-period-tabs { min-height: 52px; display: flex; align-items: center; gap: 4px; padding: 4px; border-radius: 12px; background: var(--ui-soft); }
body.ui-app .main-content .home-period-tabs a { min-width: 82px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; border-radius: 8px; color: var(--ui-secondary); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
body.ui-app .main-content .home-period-tabs a:hover { color: var(--ui-ink); background: color-mix(in srgb,var(--ui-surface) 55%,transparent); }
body.ui-app .main-content .home-period-tabs a.active { color: var(--ui-ink); background: var(--ui-surface); box-shadow: var(--ui-panel-shadow); }
body.ui-app .main-content .home-context-controls { display: flex; align-items: center; gap: 8px; }
body.ui-app .main-content .home-context-chip { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 14px; border: 1px solid var(--ui-line); border-radius: 9px; background: var(--ui-surface); color: var(--ui-secondary); font-size: 12px; white-space: nowrap; }
body.ui-app .main-content .home-context-chip i { color: var(--ui-accent); }
body.ui-app .main-content .home-context-chip strong { color: var(--ui-ink); }
body.ui-app .main-content .home-summary-band { min-width: 0; display: grid; grid-template-columns: .9fr 1.15fr 1.35fr; margin-bottom: 12px; padding: 8px 16px; border: 1px solid var(--ui-line); border-radius: 12px; background: var(--ui-surface); box-shadow: none; }
body.ui-app .main-content .home-summary-kpi { min-width: 0; display: grid; align-content: center; gap: 4px; padding: 4px 16px 4px 8px; border-right: 1px solid var(--ui-line); color: var(--ui-ink); text-decoration: none; }
body.ui-app .main-content .home-summary-kpi > span { color: var(--ui-secondary); font-size: 13px; }
body.ui-app .main-content .home-summary-kpi > strong { overflow: hidden; font-size: 28px; letter-spacing: -.04em; text-overflow: ellipsis; white-space: nowrap; }
body.ui-app .main-content .home-summary-kpi > small { color: var(--ui-muted); font-size: 12px; }
body.ui-app .main-content .home-summary-decisions { display: grid; align-content: center; padding-left: 16px; }
body.ui-app .main-content .home-summary-decisions > a { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 0; color: var(--ui-ink); border-bottom: 1px solid var(--ui-line); text-decoration: none; }
body.ui-app .main-content .home-summary-decisions > a:last-child { border-bottom: 0; }
body.ui-app .main-content .home-summary-decisions span { min-width: 0; }
body.ui-app .main-content .home-summary-decisions :is(strong,small) { display: block; }
body.ui-app .main-content .home-summary-decisions strong { font-size: 13px; }
body.ui-app .main-content .home-summary-decisions small { margin-top: 1px; color: var(--ui-muted); font-size: 11px; }
body.ui-app .main-content .home-summary-decisions b { flex-shrink: 0; color: var(--ui-accent); font-size: 12px; }
body.ui-app .main-content .home-workspace-grid { min-width: 0; display: grid; grid-template-columns: minmax(0,1.9fr) minmax(320px,.82fr); grid-template-areas: 'performance side' 'priorities quick'; gap: 12px; align-items: start; }
body.ui-app .main-content .home-card { min-width: 0; padding: 16px; border: 1px solid var(--ui-line); border-radius: 16px; background: var(--ui-surface); color: var(--ui-ink); box-shadow: var(--ui-panel-shadow); }
body.ui-app .main-content .home-card-header { min-height: 44px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
body.ui-app .main-content .home-card-header > div > span { display: none; color: var(--ui-muted); font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
body.ui-app .main-content .home-card-header h2 { margin: 0; font-size: 14px; line-height: 1.4; }
body.ui-app .main-content .home-card-header > a { min-height: 44px; display: inline-flex; align-items: center; flex-shrink: 0; color: var(--ui-secondary); font-size: 12px; font-weight: 500; text-decoration: none; }
body.ui-app .main-content .home-card-header > a:hover { color: var(--ui-accent); }
body.ui-app .main-content .home-performance { grid-area: performance; min-height: 354px; }
body.ui-app .main-content .home-performance-body { min-width: 0; display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 24px; align-items: center; min-height: 224px; }
body.ui-app .main-content .home-performance-number { align-self: center; }
body.ui-app .main-content .home-performance-number > strong { display: block; font-size: 34px; line-height: 1.15; letter-spacing: -.04em; }
body.ui-app .main-content .home-performance-number > strong small { color: var(--ui-muted); font-size: .42em; letter-spacing: 0; }
body.ui-app .main-content .home-performance-number > span { display: block; margin-top: 6px; color: var(--ui-secondary); font-size: 12px; }
body.ui-app .main-content .home-performance-number > small { display: block; margin-top: 14px; color: var(--ui-muted); font-size: 11px; line-height: 1.5; }
body.ui-app .main-content .home-trend-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: var(--ui-muted); font-size: 11px; }
body.ui-app .main-content .home-trend-head b { color: var(--ui-secondary); font-weight: 500; }
body.ui-app .main-content .home-trend-head b i { display: inline-block; width: 12px; height: 2px; margin-right: 5px; vertical-align: middle; background: var(--ui-accent); }
body.ui-app .main-content #clothingTrend { width: 100%; height: 170px; overflow: visible; }
body.ui-app .main-content #clothingTrend .home-trend-grid { fill: none; stroke: var(--ui-line); stroke-dasharray: 4 6; }
body.ui-app .main-content #clothingTrend .home-trend-area { fill: url(#solaraTrendFill); stroke: none; }
body.ui-app .main-content #clothingTrend .home-trend-line { fill: none; stroke: var(--ui-accent); stroke-width: 3; vector-effect: non-scaling-stroke; }
body.ui-app .main-content #clothingTrend circle { fill: var(--ui-surface); stroke: var(--ui-accent); stroke-width: 2; vector-effect: non-scaling-stroke; }
body.ui-app .main-content .home-trend-dates { display: flex; justify-content: space-between; color: var(--ui-muted); font-size: 11px; }
body.ui-app .main-content .home-performance-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--ui-line); }
body.ui-app .main-content .home-performance-stats > div { min-width: 0; padding: 0 12px; border-right: 1px solid var(--ui-line); }
body.ui-app .main-content .home-performance-stats > div:first-child { padding-left: 8px; }
body.ui-app .main-content .home-performance-stats > div:last-child { border-right: 0; }
body.ui-app .main-content .home-performance-stats dt { color: var(--ui-muted); font-size: 11px; }
body.ui-app .main-content .home-performance-stats dd { margin-top: 3px; overflow: hidden; font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
body.ui-app .main-content .home-side-stack { grid-area: side; display: grid; gap: 12px; }
body.ui-app .main-content .home-activity { min-height: 201px; }
body.ui-app .main-content .home-activity-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 8px; }
body.ui-app .main-content .home-activity-grid a { min-width: 0; min-height: 54px; display: grid; grid-template-columns: 25px minmax(0,1fr) auto; align-items: center; gap: 7px; padding: 5px; border-radius: 8px; color: var(--ui-ink); text-decoration: none; }
body.ui-app .main-content .home-activity-grid a:hover { background: var(--ui-soft); }
body.ui-app .main-content .home-activity-grid i { color: var(--ui-accent); font-size: 19px; }
body.ui-app .main-content .home-activity-grid :is(strong,small) { display: block; }
body.ui-app .main-content .home-activity-grid strong { font-size: 12px; }
body.ui-app .main-content .home-activity-grid small { margin-top: 1px; color: var(--ui-muted); font-size: 11px; }
body.ui-app .main-content .home-activity-grid b { font-size: 14px; }
body.ui-app .main-content .home-health { min-height: 141px; }
body.ui-app .main-content .home-health > strong { display: block; font-size: 12px; }
body.ui-app .main-content .home-health > p { margin-top: 7px; color: var(--ui-muted); font-size: 11px; }
body.ui-app .main-content .home-health-track { height: 7px; display: block; margin-top: 12px; overflow: hidden; border-radius: 99px; background: var(--ui-soft); }
body.ui-app .main-content .home-health-track i { width: 36%; height: 100%; display: block; border-radius: inherit; background: var(--ui-warning); }
body.ui-app .main-content .home-health-track i.is-good { width: 100%; background: var(--ui-success); }
body.ui-app .main-content .home-priorities { grid-area: priorities; min-height: 264px; }
body.ui-app .main-content .home-priority-list > a { min-width: 0; min-height: 61px; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(110px,.65fr) 96px; align-items: center; gap: 14px; padding: 7px 4px; border-top: 1px solid var(--ui-line); color: var(--ui-ink); text-decoration: none; }
body.ui-app .main-content .home-priority-list :is(strong,small,b) { display: block; }
body.ui-app .main-content .home-priority-list strong, body.ui-app .main-content .home-priority-list b { font-size: 12px; }
body.ui-app .main-content .home-priority-list small { margin-top: 2px; color: var(--ui-muted); font-size: 11px; }
body.ui-app .main-content .home-priority-list small.is-critical { color: var(--ui-danger); }
body.ui-app .main-content .home-priority-list em { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ui-line); border-radius: 8px; color: var(--ui-accent); font-size: 12px; font-style: normal; font-weight: 700; }
body.ui-app .main-content .home-priority-list a:first-child em { border-color: var(--ui-accent); background: var(--ui-accent); color: #fff; box-shadow: 0 8px 20px -14px var(--ui-accent); }
body.ui-app .main-content .home-priority-empty { min-height: 158px; display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--ui-muted); text-align: left; }
body.ui-app .main-content .home-priority-empty > i { color: var(--ui-success); font-size: 24px; }
body.ui-app .main-content .home-priority-empty :is(strong,small) { display: block; }
body.ui-app .main-content .home-priority-empty strong { color: var(--ui-ink); font-size: 13px; }
body.ui-app .main-content .home-priority-empty small { margin-top: 3px; font-size: 11px; }
body.ui-app .main-content .home-quick-panel { grid-area: quick; min-height: 264px; border-color: color-mix(in srgb,var(--ui-accent) 30%,var(--ui-line)); }
body.ui-app .main-content .home-quick-feature { min-height: 137px; display: grid; grid-template-columns: 52px minmax(0,1fr); align-items: center; gap: 14px; }
body.ui-app .main-content .home-quick-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--ui-accent-soft); color: var(--ui-accent); font-size: 22px; }
body.ui-app .main-content .home-quick-feature small { display: block; color: var(--ui-accent); font-size: 11px; font-weight: 700; }
body.ui-app .main-content .home-quick-feature strong { display: block; margin-top: 4px; font-size: 13px; line-height: 1.4; }
body.ui-app .main-content .home-quick-feature p { margin-top: 4px; color: var(--ui-muted); font-size: 11px; line-height: 1.5; }
body.ui-app .main-content .home-quick-cta { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 13px; border-radius: 8px; background: var(--ui-action); color: var(--ui-action-text); font-size: 12px; font-weight: 700; text-decoration: none; }
body.ui-app .main-content .home-quick-cta:hover { color: var(--ui-action-text); filter: brightness(1.12); text-decoration: none; }
body.ui-app .main-content .home-volume-chart { width: 100%; }
body.ui-app .main-content .home-chart-row + .home-chart-row { margin-top: 17px; }
body.ui-app .main-content .home-chart-row-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 7px; color: var(--ui-secondary); font-size: 11px; }
body.ui-app .main-content .home-chart-row-head strong { color: var(--ui-ink); font-size: 11px; }
body.ui-app .main-content .home-chart-track { height: 8px; display: block; overflow: hidden; border-radius: 99px; background: var(--ui-soft); }
body.ui-app .main-content .home-chart-bar { width: 0; height: 100%; display: block; border-radius: inherit; background: var(--ui-accent); transition: width 420ms cubic-bezier(.2,.8,.2,1); }
body.ui-app .main-content .home-chart-row.is-ld .home-chart-bar { background: var(--ui-warning); }
body.ui-app .main-content .home-chart-row.is-programmed .home-chart-bar { background: var(--ui-info); }
body.ui-app .main-content .home-lower-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
body.ui-app .main-content .home-list-panel { min-height: 190px; }
body.ui-app .main-content .home-compact-list > :is(a,div) { min-height: 54px; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(100px,.7fr) auto; align-items: center; gap: 12px; padding: 7px 4px; border-top: 1px solid var(--ui-line); color: var(--ui-ink); text-decoration: none; }
body.ui-app .main-content .home-compact-list :is(strong,small) { display: block; }
body.ui-app .main-content .home-compact-list strong, body.ui-app .main-content .home-compact-list b { font-size: 12px; }
body.ui-app .main-content .home-compact-list small { color: var(--ui-muted); font-size: 11px; }
body.ui-app .main-content .home-compact-list > .home-priority-empty { display: flex; min-height: 120px; }
body.ui-app .main-content .home-access-empty { padding: 32px; }
@media (max-width: 1100px) {
  body.ui-app .main-content .home-workspace-grid { grid-template-columns: minmax(0,1.55fr) minmax(300px,.85fr); }
  body.ui-app .main-content .home-performance-body { grid-template-columns: 190px minmax(0,1fr); gap: 18px; }
  body.ui-app .main-content .home-summary-band { grid-template-columns: .8fr 1fr 1.3fr; }
}
@media (max-width: 900px) {
  body.ui-app .main-content .home-summary-band { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.ui-app .main-content .home-summary-decisions { grid-column: 1 / -1; padding: 8px 0 0; border-top: 1px solid var(--ui-line); }
  body.ui-app .main-content .home-workspace-grid { grid-template-columns: minmax(0,1fr); grid-template-areas: 'priorities' 'performance' 'side' 'quick'; }
  body.ui-app .main-content .home-lower-grid { grid-template-columns: minmax(0,1fr); }
}
body.ui-app .main-content .s-folha { max-width: 1280px; }
body.ui-app .main-content .s-dia { min-height: 60px; align-items: center; margin-bottom: 16px; }
body.ui-app .main-content .s-dia::before { content: none; }
body.ui-app .main-content .s-dia h1 { max-width: none; margin: 0; font-size: 32px; letter-spacing: -.045em; }
body.ui-app .main-content .s-dia-accent { color: var(--ui-accent); }
body.ui-app .main-content .s-dia-intro { margin: 4px 0 0; color: var(--ui-muted); font-size: 14px; }
body.ui-app .main-content .s-dia-lateral { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
body.ui-app .main-content .s-dia-data { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 10px 14px; border: 1px solid var(--ui-line); border-radius: 12px; background: var(--ui-surface); box-shadow: var(--ui-panel-shadow); color: var(--ui-muted); font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 1.4; text-transform: none; }
body.ui-app .main-content .s-dia-data i { color: var(--ui-accent); font-size: 14px; }
body.ui-app .main-content .s-dia-data strong { color: var(--ui-ink); font-weight: 600; }
body.ui-app .main-content .s-dia-acoes { padding: 0; gap: 8px; }
body.ui-app .main-content .s-leitura { min-width: 0; display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 16px; margin-bottom: 12px; padding: 20px 24px; border: 1px solid var(--ui-line); border-radius: var(--ui-panel-radius); background: var(--ui-surface); box-shadow: var(--ui-panel-shadow); }
body.ui-app .main-content .s-leitura-icone { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--ui-action); color: var(--ui-action-text); font-size: 19px; }
body.ui-app .main-content .s-leitura.is-empty .s-leitura-icone { background: var(--ui-accent-soft); color: var(--ui-accent); }
body.ui-app .main-content .s-leitura-rotulo { display: block; margin-bottom: 2px; color: var(--ui-muted); font-size: 11px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
body.ui-app .main-content .s-leitura h2 { margin: 0; font-size: 18px; }
body.ui-app .main-content .s-leitura p { margin: 3px 0 0; color: var(--ui-muted); font-size: 13px; }
body.ui-app .main-content .s-cadeia { margin-bottom: 12px; border-radius: var(--ui-panel-radius); overflow: hidden; }
body.ui-app .main-content .s-elo { padding: 22px 24px; background: none; box-shadow: none; }
body.ui-app .main-content .s-elo + .s-elo::before { display: none; }
body.ui-app .main-content .s-elo-rotulo { color: var(--ui-muted); font-size: 11px; font-weight: 700; letter-spacing: .055em; }
body.ui-app .main-content .s-elo-figura { margin-top: 10px; color: var(--ui-ink); font-family: var(--ui-font); font-size: 24px; font-weight: 700; letter-spacing: -.035em; }
body.ui-app .main-content .s-elo-unidade { margin-top: 6px; color: var(--ui-secondary); }
body.ui-app .main-content .s-duas { gap: 12px; }
body.ui-app .main-content .s-bloco { margin-bottom: 0; padding: 24px; }
body.ui-app .main-content .s-bloco-topo { align-items: center; min-height: 44px; margin: 0; padding: 0 0 12px; }
body.ui-app .main-content .s-bloco-topo h2 { padding: 0; font-size: 16px; }
body.ui-app .main-content .s-bloco-topo h2::before { content: none; }
body.ui-app .main-content .s-bloco-topo > a { min-height: 44px; display: inline-flex; align-items: center; padding-block: 8px; }
body.ui-app .main-content .s-vazio { max-width: none; min-height: 132px; display: grid; place-items: center; margin: 8px 0 0; padding: 24px; border-radius: 12px; background: var(--ui-bg); text-align: center; }
body.ui-app .main-content .ui-toolbar { flex-wrap: wrap; gap: 16px; }
body.ui-app .main-content .ui-toolbar-actions { min-width: 0; flex-wrap: wrap; }
body.ui-app .main-content .s-dia-nota { color: var(--ui-muted); font-size: 14px; max-width: 70ch; }
body.ui-app .main-content .s-indice { gap: 4px 8px; margin-top: 12px; padding: 10px 12px; border: 1px solid var(--ui-line); border-radius: 12px; background: var(--ui-surface); box-shadow: var(--ui-panel-shadow); font-size: 13px; }
body.ui-app .main-content .s-indice-rotulo { padding-inline: 8px; color: var(--ui-muted); font-size: 11px; letter-spacing: .055em; }
body.ui-app .main-content .s-indice a { min-height: 44px; display: inline-flex; align-items: center; padding: 8px; border-radius: 8px; color: var(--ui-secondary); font-weight: 600; }
body.ui-app .main-content .s-indice a:hover { background: var(--ui-soft); color: var(--ui-ink); text-decoration: none; }
body.ui-app .alert { border-radius: 8px; padding: 16px; box-shadow: none; }
body.ui-app :is(.alert-danger,.alert-error) { background: var(--ui-danger-soft); border-color: var(--ui-danger); color: var(--ui-danger); }
body.ui-app .alert-success { background: var(--ui-success-soft); border-color: var(--ui-success); color: var(--ui-success); }
body.ui-app .alert-warning { background: var(--ui-warning-soft); border-color: var(--ui-warning); color: var(--ui-warning); }
body.ui-app .alert-info { background: var(--ui-info-soft); border-color: var(--ui-info); color: var(--ui-info); }
body.ui-app .modal-content, body.ui-app .dropdown-menu { color: var(--ui-ink); background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: 12px; box-shadow: var(--ui-overlay-shadow); }
body.ui-app .dropdown-item { min-height: 44px; color: var(--ui-ink); }
body.ui-app .dropdown-item:hover { background: var(--ui-soft); }
body.ui-app .modal.fade .modal-dialog { transition: transform var(--ui-overlay-time) ease-out; transform: translateY(8px); }
body.ui-app .modal.show .modal-dialog { transform: none; }
@media (max-width: 767px) {
  body.ui-app .main-content .ui-toolbar-actions { width: 100%; }
  body.ui-app .main-content :is(.g-form-grid,.form-main-grid,.formset-row) { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body.ui-app .main-content :is(.g-field,.formset-field) { grid-column: 1 / -1; }
  body.ui-app .main-content .form-action-bar { position: static; padding: 16px; }
  body.ui-app .main-content :is(.card-body,.g-form-card,.form-section,.home-stock-visual,.home-actions,.home-metrics-section,.home-attention,.home-data-panel) { padding: 16px; }
  body.ui-app .main-content :is(.ops-list-controls,.inventory-controls) { padding: 16px; }
  body.ui-app .main-content .home-reference { padding-bottom: 16px; }
  body.ui-app .main-content .home-reference .home-head { min-height: 60px; display: flex; align-items: center; flex-wrap: nowrap; gap: 12px; margin-bottom: 8px; }
  body.ui-app .main-content .home-reference .home-head h1 { font-size: 24px; }
  body.ui-app .main-content .home-reference .home-head p { display: none; }
  body.ui-app .main-content .home-primary-cta { flex-shrink: 0; padding-inline: 13px; }
  body.ui-app .main-content .home-period-row { display: block; margin-bottom: 12px; }
  body.ui-app .main-content .home-period-tabs { width: 100%; }
  body.ui-app .main-content .home-period-tabs a { min-width: 0; flex: 1 1 0; padding-inline: 6px; }
  body.ui-app .main-content .home-context-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
  body.ui-app .main-content .home-context-chip { min-width: 0; padding-inline: 8px; overflow: hidden; text-overflow: ellipsis; }
  body.ui-app .main-content .home-summary-band { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px 16px; }
  body.ui-app .main-content .home-summary-kpi { min-height: 124px; padding: 0 12px 0 0; }
  body.ui-app .main-content .home-summary-kpi + .home-summary-kpi { padding: 0 0 0 12px; border-right: 0; }
  body.ui-app .main-content .home-summary-kpi > strong { font-size: 24px; }
  body.ui-app .main-content .home-summary-decisions { padding-top: 8px; }
  body.ui-app .main-content .home-summary-decisions > a { min-height: 49px; }
  body.ui-app .main-content .home-card { padding: 16px; }
  body.ui-app .main-content .home-card-header { margin-bottom: 8px; }
  body.ui-app .main-content .home-performance { min-height: 0; }
  body.ui-app .main-content .home-performance-body { display: block; min-height: 0; }
  body.ui-app .main-content .home-performance-number { padding: 12px 0 20px; }
  body.ui-app .main-content .home-performance-number > strong { font-size: 32px; }
  body.ui-app .main-content .home-trend { padding-top: 8px; }
  body.ui-app .main-content #clothingTrend { height: 190px; }
  body.ui-app .main-content .home-performance-stats > div { padding-inline: 8px; }
  body.ui-app .main-content .home-performance-stats > div:first-child { padding-left: 0; }
  body.ui-app .main-content .home-priority-list > a { grid-template-columns: minmax(0,1fr) 96px; gap: 8px 12px; padding-block: 10px; }
  body.ui-app .main-content .home-priority-list > a > span:first-child { grid-column: 1 / -1; }
  body.ui-app .main-content .home-priority-list > a > span:nth-child(2) { grid-column: 1; }
  body.ui-app .main-content .home-priority-list > a > em { grid-column: 2; }
  body.ui-app .main-content .home-priorities, body.ui-app .main-content .home-quick-panel { min-height: 0; }
  body.ui-app .main-content .home-priority-empty { min-height: 128px; }
  body.ui-app .main-content .home-activity { min-height: 0; }
  body.ui-app .main-content .home-health { min-height: 0; }
  body.ui-app .main-content .home-quick-feature { min-height: 125px; }
  body.ui-app .main-content .home-lower-grid { margin-top: 12px; }
  body.ui-app .main-content .home-compact-list > :is(a,div) { grid-template-columns: minmax(0,1fr) auto; }
  body.ui-app .main-content .home-compact-list > :is(a,div):not(.home-priority-empty) > span:nth-child(2) { display: none; }
  body.ui-app .main-content .home-today { flex-shrink: 0; padding: 9px 11px; }
  body.ui-app .main-content .home-today > span { display: none; }
  body.ui-app .main-content .home-overview { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.ui-app .main-content .home-data-grid { gap: 12px; }
  body.ui-app .main-content .home-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.ui-app .main-content .home-metrics > div { padding: 14px 12px; border: 0; border-bottom: 1px solid var(--ui-line); }
  body.ui-app .main-content .home-metrics > div:nth-child(odd) { padding-left: 0; }
  body.ui-app .main-content .home-metrics > div:nth-child(even) { padding-right: 0; border-left: 1px solid var(--ui-line); }
  body.ui-app .main-content .home-metrics > div:nth-last-child(-n + 2) { border-bottom: 0; }
  body.ui-app .main-content .home-metrics dd { font-size: 20px; }
  body.ui-app .main-content .home-stock-summary strong { font-size: 28px; }
  body.ui-app .main-content .home-stock-summary > div:last-child strong { font-size: 20px; }
  body.ui-app .main-content .home-action > .bi:first-child { display: grid; grid-column: 1; place-items: center; }
  body.ui-app .main-content .home-action > span { grid-column: 2; min-width: 0; }
  body.ui-app .main-content .home-action > .bi:last-child { display: block; grid-column: 3; justify-self: end; }
  body.ui-app .main-content .s-dia { display: flex; align-items: flex-start; margin-bottom: 12px; }
  body.ui-app .main-content .s-dia h1 { font-size: 24px; }
  body.ui-app .main-content .s-dia-intro { display: none; }
  body.ui-app .main-content .s-dia-lateral { width: 100%; justify-content: space-between; }
  body.ui-app .main-content .s-dia-data { padding: 9px 11px; }
  body.ui-app .main-content .s-dia-data > span { display: none; }
  body.ui-app .main-content .s-dia-acoes { flex: 1 1 auto; justify-content: flex-end; margin: 0; }
  body.ui-app .main-content .s-dia-acoes .btn { flex: 0 1 auto; }
  body.ui-app .main-content .s-leitura { grid-template-columns: 38px minmax(0,1fr); gap: 12px; padding: 16px; }
  body.ui-app .main-content .s-leitura-icone { width: 38px; height: 38px; border-radius: 10px; font-size: 17px; }
  body.ui-app .main-content .s-leitura h2 { font-size: 16px; }
  body.ui-app .main-content .s-leitura p { font-size: 12px; }
  body.ui-app .main-content .s-bloco { padding: 16px; }
  body.ui-app .main-content .s-vazio { min-height: 108px; padding: 20px 16px; }
  body.ui-app .main-content .s-indice { padding: 8px; }
  body.ui-app .main-content .s-indice-rotulo { flex-basis: 100%; }
  body.ui-app .main-content .report-row { padding: 16px; gap: 12px; }
  body.ui-app .main-content :is(.form-control,.form-select,.g-field input,.g-field select,.g-field textarea,.ops-search-line input) { font-size: 16px; }
  body.ui-app .main-content .form-actionbar { bottom: calc(72px + env(safe-area-inset-bottom)); padding: 12px; gap: 8px; }
  body.ui-app .main-content .form-actionbar-hint { display: none; }
}
@media (max-width: 400px) {
  body.ui-app .main-content .home-period-long { display: none; }
  body.ui-app .main-content .home-primary-cta > i { display: none; }
  body.ui-app .main-content .home-summary-kpi > span { font-size: 12px; }
  body.ui-app .main-content .home-summary-kpi > strong { font-size: 21px; }
  body.ui-app .main-content .home-activity-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 2px; }
  body.ui-app .main-content .home-activity-grid a { grid-template-columns: 22px minmax(0,1fr) auto; gap: 5px; padding-inline: 2px; }
}
@media (prefers-reduced-motion: reduce) {
  body.ui-app *, body.ui-app *::before, body.ui-app *::after, body.ui-login * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}