/* HF165 changes are confined to the requested settings, dates, picker, report source and phase cards. */
#page-systemsettings #hf107SettingsTabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;align-items:stretch;flex-wrap:nowrap}
#page-systemsettings #hf107SettingsTabs button{grid-column:auto!important;min-width:0;width:100%;padding:9px 8px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
#hf165SystemVersionFooter{margin-top:18px;clear:both}
#hf165SystemVersionFooter #r74SystemVersion{margin-bottom:0}
body #hf144ProjectDetail .hf161-phase-row .hf142-date-field input[type="date"]{flex:0 0 148px;width:148px;min-width:148px}
@container hf163-dates (max-width:1100px){
 body #hf144ProjectDetail .hf161-phase-row .hf142-date-field:has(input[type="date"]){flex:0 1 148px;min-width:148px}
 body #hf144ProjectDetail .hf161-phase-row .hf142-date-field input[type="date"]{flex:0 0 auto;width:100%;max-width:148px;min-width:0}
}
@container hf163-dates (max-width:380px){
 body #hf144ProjectDetail .hf161-phase-row .hf142-date-field:has(input[type="date"]){flex:1 1 100%;min-width:0}
 body #hf144ProjectDetail .hf161-phase-row .hf142-date-field input[type="date"]{max-width:none}
}
#hf98ProjectChooser input[list="hf165BidCustomers"]{box-sizing:border-box;width:100%;min-width:180px;min-height:36px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font:inherit}
#hf98ProjectChooser input[list="hf165BidCustomers"]:focus{outline:2px solid #2563eb;outline-offset:1px}
/* Keep the source text label inside a real table cell, including on print/export. */
.hf164-source-table th.hf165-source-cell,.hf164-source-table td.hf165-source-cell{display:table-cell;max-width:none;white-space:normal;vertical-align:top;overflow-wrap:anywhere}
body #hf52ProjectHub .hf52-project-card[data-phase="協銷"]{border-color:#0f766e!important}
body #hf52ProjectHub .hf52-project-card[data-phase="投標"]{border-color:#2563eb!important}
body #hf52ProjectHub .hf52-project-card[data-phase="履約"]{border-color:#7c3aed!important}
body #hf52ProjectHub .hf52-project-card[data-phase="保固"]{border-color:#b45309!important}
body #hf52ProjectHub .hf52-project-card[data-phase="結案"]{border-color:#64748b!important}

/* R78-HF167: Project Management phase filters/cards only.
   Visual change only; no project data, API, permission, date, WBS or bid-analysis logic is changed. */
body #hf52ProjectHub .hf59-status-tab[data-status="協銷"]{border:3px solid #0f766e!important;color:#0f766e!important}
body #hf52ProjectHub .hf59-status-tab[data-status="投標"]{border:3px solid #2563eb!important;color:#2563eb!important}
body #hf52ProjectHub .hf59-status-tab[data-status="履約"]{border:3px solid #7c3aed!important;color:#7c3aed!important}
body #hf52ProjectHub .hf59-status-tab[data-status="保固"]{border:3px solid #b45309!important;color:#b45309!important}
body #hf52ProjectHub .hf59-status-tab[data-status="結案"]{border:3px solid #64748b!important;color:#64748b!important}
body #hf52ProjectHub .hf59-status-tab[data-status="協銷"].active{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important}
body #hf52ProjectHub .hf59-status-tab[data-status="投標"].active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
body #hf52ProjectHub .hf59-status-tab[data-status="履約"].active{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important}
body #hf52ProjectHub .hf59-status-tab[data-status="保固"].active{background:#b45309!important;color:#fff!important;border-color:#b45309!important}
body #hf52ProjectHub .hf59-status-tab[data-status="結案"].active{background:#64748b!important;color:#fff!important;border-color:#64748b!important}
body #hf52ProjectHub .hf52-project-card[data-phase="協銷"]{border:3px solid #0f766e!important;border-left-width:6px!important}
body #hf52ProjectHub .hf52-project-card[data-phase="投標"]{border:3px solid #2563eb!important;border-left-width:6px!important}
body #hf52ProjectHub .hf52-project-card[data-phase="履約"]{border:3px solid #7c3aed!important;border-left-width:6px!important}
body #hf52ProjectHub .hf52-project-card[data-phase="保固"]{border:3px solid #b45309!important;border-left-width:6px!important}
body #hf52ProjectHub .hf52-project-card[data-phase="結案"]{border:3px solid #64748b!important;border-left-width:6px!important}

/* R78-HF171: System Settings version placement refinement.
   The legacy standalone version card/footer is intentionally hidden in System Settings.
   The live release remains visible only in 首頁／介面風格, on the same modal action row as 儲存並套用全站. */
#page-systemsettings #r74SystemVersion,
#page-systemsettings #hf165SystemVersionFooter{display:none!important}

/* R78-HF172: Home/Appearance desktop usability + template-7 background thumbnail ratio.
   UI-only overrides. Brand persistence, background upload/select/delete, login layouts and APIs are unchanged. */
#page-systemsettings[data-hf107-tab="home"],
#page-systemsettings[data-hf107-tab="home"] #hf107SettingsPanels,
#page-systemsettings[data-hf107-tab="home"] #hf107PanelHome,
#page-systemsettings[data-hf107-tab="home"] #hf125ThemeInlineHost,
#page-systemsettings[data-hf107-tab="home"] #ptmsThemeOverlayR46.hf125-inline-theme,
#page-systemsettings[data-hf107-tab="home"] #ptmsThemeOverlayR46.hf125-inline-theme>.modal,
#page-systemsettings[data-hf107-tab="home"] #ptmsThemeOverlayR46.hf125-inline-theme .modalbody,
#page-systemsettings[data-hf107-tab="home"] #r57HomePane.hf127-active-pane{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#page-systemsettings[data-hf107-tab="home"] #hf107PanelHome{padding-bottom:32px!important}
#page-systemsettings[data-hf107-tab="home"] #hf125BrandLayout{align-items:start!important}
#page-systemsettings[data-hf107-tab="home"] .hf125-brand-group{
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
#page-systemsettings[data-hf107-tab="home"] .hf125-brand-group input,
#page-systemsettings[data-hf107-tab="home"] .hf125-brand-group select,
#page-systemsettings[data-hf107-tab="home"] .hf125-brand-group button{
  pointer-events:auto!important;
}
/* FHD / 2.5K at 100%: keep all four top-level brand setting groups directly accessible. */
@media (min-width:1800px){
  #page-systemsettings[data-hf107-tab="home"] #hf125BrandLayout{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
  #page-systemsettings[data-hf107-tab="home"] #hf125BrandLayout>.hf125-brand-group.hf125-span-2{
    grid-column:auto!important;
  }
  #page-systemsettings[data-hf107-tab="home"] #hf119LoginPanelBox .hf119-geometry-grid{
    grid-template-columns:1fr!important;
  }
}
/* Template 7 uploaded backgrounds: show a normal 16:9 preview, never a flat 82px strip. */
#hf124DigitalBackgroundGrid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
  align-items:start!important;
}
#hf124DigitalBackgroundGrid .hf124-bg-thumb{
  display:flex!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16 / 9!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
}
#hf124DigitalBackgroundGrid .hf124-bg-thumb video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* R78-HF173: FHD/2.5K brand editor reachability + sidebar readability.
   UI-only overrides. No brand persistence, login, RBAC, project, WBS or database logic is changed. */
#page-systemsettings[data-hf107-tab="home"].active,
#page-systemsettings[data-hf107-tab="home"] #hf107SettingsPanels,
#page-systemsettings[data-hf107-tab="home"] #hf107PanelHome,
#page-systemsettings[data-hf107-tab="home"] #hf125ThemeInlineHost{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
/* Drive the brand layout from the actual editor width, not only the physical screen width.
   This also works when Windows display scaling reduces CSS viewport pixels. */
#page-systemsettings[data-hf107-tab="home"] #hf125ThemeInlineHost{
  container-type:inline-size;
  container-name:hf173-brand-editor;
}
@container hf173-brand-editor (min-width:1000px){
  #hf125BrandLayout{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:start!important;
  }
  #hf125BrandLayout>.hf125-brand-group.hf125-span-2{grid-column:auto!important}
  #hf125BrandLayout .hf125-brand-group{padding:12px!important}
  #hf125LoginGroup #hf119LoginPanelBox .hf119-geometry-grid{grid-template-columns:1fr!important}
  #hf125LoginGroup #hf119LoginPanelBox .hf119-geometry-row{grid-template-columns:minmax(0,1fr) 76px!important}
}
@container hf173-brand-editor (min-width:1000px) and (max-width:1249px){
  #hf125BrandLayout .hf117-text-size-row{grid-template-columns:1fr!important}
  #hf125BrandLayout .hf117-size-control{width:100%!important;grid-template-columns:34px minmax(54px,1fr) 34px!important}
  #hf125BrandLayout .hf117-size-control input{width:100%!important}
}
@container hf173-brand-editor (min-width:760px) and (max-width:999px){
  #hf125BrandLayout{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}
  #hf125BrandLayout>.hf125-brand-group.hf125-span-2{grid-column:1/-1!important}
}
@container hf173-brand-editor (max-width:759px){
  #hf125BrandLayout{grid-template-columns:1fr!important}
  #hf125BrandLayout>.hf125-brand-group.hf125-span-2{grid-column:auto!important}
}
/* Left navigation readability on FHD/2.5K/4K. Long items may wrap instead of shrinking. */
#mainNavR40 .navbtn{
  font-size:15px!important;
  line-height:1.35!important;
  padding-top:9px!important;
  padding-bottom:9px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#mainNavR40 .navcap{
  font-size:12px!important;
  line-height:1.3!important;
  letter-spacing:.06em!important;
}