/* 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; }
@media (min-width:1101px) {
  #app .dashboard-split { grid-template-columns:260px minmax(0,1fr); }
}
@media (max-width:640px) {
  #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;
  }
}
