/* Shared product layout; frozen appearance assets remain unchanged. */
#app .dashboard-split > .stack,
#app .dashboard-split .hero-stack,
#app .dashboard-split .hero { min-width:0;max-width:100%;box-sizing:border-box; }
#app .dashboard-split .hero-stack,
#app .dashboard-split .hero { width:100%; }
#app .u5a-read-trend { margin:18px 0 6px;min-width:0;max-width:100%; }
#app .u5a-read-trend figcaption { font-size:12px;font-weight:600;display:flex;flex-wrap:wrap;gap:6px; }
#app .u5a-read-trend figcaption small { font-size:10px;font-weight:400; }
#app .u5a-read-trend svg { display:block;width:100%;max-width:100%;height:auto;max-height:88px; }
#app .u5a-trend-dates { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px; }
#app .u5a-trend-dates > button { width:100%;min-width:0;min-height:44px;margin:0;padding:5px 0;background:transparent;color:inherit;border:0;font-size:10px;white-space:nowrap;word-break:normal;letter-spacing:-.2px;box-shadow:none; }
#app .u5a-trend-readout { display:block;min-height:30px;font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums; }
#app [data-appearance-settings] { padding-bottom:72px; }
#app [data-appearance-settings] .appearance-save { position:static;bottom:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:72px;padding:12px;box-sizing:border-box;width:100%;margin-top:18px; }
#app [data-appearance-settings] .appearance-save > button { white-space:nowrap;min-width:0; }
#app .estimate-workspace :is(label,input,select,textarea) { min-width:0;max-width:100%;box-sizing:border-box; }
#app .estimate-workspace :is(input,select,textarea) { width:100%; }
#app .estimate-workspace .actions > input { flex:1; }
#app [data-function-settings] .account-actions { display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:14px 0; }
#app [data-function-settings] :is(input,select) { min-width:0;max-width:100%;box-sizing:border-box;font:inherit;border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:var(--card);color:var(--text); }
#app [data-function-settings] .module-configuration label { display:grid;gap:6px;min-width:0; }
#app [data-function-settings] .module-configuration label:has(>input[type=checkbox]) { display:flex;align-items:center;gap:8px; }
#app [data-function-settings] .module-configuration form > fieldset { display:grid;gap:16px;border:0;padding:0;margin:16px 0;min-width:0; }
#app [data-function-settings] .module-configuration button { width:fit-content;max-width:100%;min-height:38px;padding:9px 14px;border-radius:12px;background:var(--soft);color:var(--text); }
#app [data-function-settings] .module-configuration button.account-primary { background:var(--action);color:#fff;justify-self:end; }
#app .module-ai-functions { display:grid;gap:12px; }
#app .module-ai-functions > h3 { margin:0;font-size:14px;font-weight:600; }
#app .tag.summary-only-tag { color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,var(--card,#fff)); }
#app [data-manager-summary] { min-width:0;max-width:100%; }
#app [data-manager-summary] nav[aria-label="汇总范围"] { display:flex;flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:auto; }
#app [data-manager-summary] nav[aria-label="汇总范围"] > button { flex:0 0 auto;white-space:nowrap;word-break:normal; }
#app [data-manager-summary] .grid-4 { grid-template-columns:repeat(4,minmax(0,1fr));min-width:0; }
#app [data-manager-summary] .mini-metric { min-width:0;box-sizing:border-box; }
#app [data-manager-summary] .mini-metric strong { display:block;min-width:0;overflow-wrap:anywhere; }
#app [data-manager-summary] .summary-help { position:relative;flex-shrink:0; }
#app [data-manager-summary] .summary-definition { display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:10;width:min(320px,calc(100vw - 120px));padding:12px;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff);color:var(--text);font-size:13px;line-height:1.7;white-space:normal;box-shadow:0 8px 24px #24334c18; }
#app [data-manager-summary] .summary-help:is(:hover,:focus-within) .summary-definition { display:block; }
@media (min-width:1101px) {
  #app .dashboard-split { grid-template-columns:260px minmax(0,1fr); }
}
@media (max-width:640px) {
  #app [data-manager-summary] .grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #app [data-manager-summary] :is([data-summary-group="charging"],[data-summary-group="finance"]) .grid-4 { grid-template-columns:minmax(0,1fr); }
  #app .estimate-workspace :is(.grid-2,.sform) { grid-template-columns:minmax(0,1fr); }
  #app :is(.chips,.tabs,.module-tabs,.work-group-tabs,.pw-tabs,.personnel-tabs,[role="tablist"]),
  #platform :is(.chips,.tabs,[role="tablist"]),
  #console :is(.chips,.tabs,[role="tablist"]) {
    display:flex!important;
    flex-wrap:nowrap!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    box-sizing:border-box;
  }
  :is(#app,#platform,#console) :is(.chips,.tabs,.module-tabs,.work-group-tabs,.pw-tabs,.personnel-tabs,[role="tablist"]) > :is(button,a,[role="tab"],.chip,span) {
    flex:0 0 auto!important;
    white-space:nowrap!important;
    word-break:normal!important;
  }
  :is(#app,#platform,#console) :is(.list-item,.record-card):has(>.icon-tile):has(>.meta):has(>:is(button,a,.actions)) {
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:10px!important;
    min-width:0;
  }
  :is(#app,#platform,#console) :is(.list-item,.record-card):has(>.icon-tile):has(>.meta):has(>:is(button,a,.actions)) > .icon-tile {
    grid-column:1;grid-row:1;
  }
  :is(#app,#platform,#console) :is(.list-item,.record-card):has(>.icon-tile):has(>.meta):has(>:is(button,a,.actions)) > .meta {
    display:contents!important;
  }
  :is(#app,#platform,#console) :is(.list-item,.record-card):has(>.icon-tile):has(>.meta):has(>:is(button,a,.actions)) > .meta > :is(strong,h3) {
    grid-column:2;grid-row:1;min-width:0;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  :is(#app,#platform,#console) :is(.list-item,.record-card):has(>.icon-tile):has(>.meta):has(>:is(button,a,.actions)) > .meta > :is(small,p,.subline) {
    grid-column:1/-1;min-width:0;overflow-wrap:anywhere;
  }
  :is(#app,#platform,#console) :is(.list-item,.record-card):has(>.icon-tile):has(>.meta):has(>:is(button,a,.actions)) > :is(button,a,.actions) {
    grid-column:1/-1;justify-self:end;max-width:100%;
  }
  :is(#app,#platform,#console) :is(.list-item,.record-card):has(>.icon-tile):has(>.meta):has(>:is(button,a,.actions)) > .spacer {
    display:none!important;
  }
}