/* ==========================================================================
   /home page layout
   --------------------------------------------------------------------------
   Page-specific layout only. All colours, radii and shadows come from the
   shared --c-* tokens in console-ui.css. `.home-page` is applied by
   home-app.js to the ConsoleShell page container, so this file can style the
   adopted banner, toolbar, panes and modals without touching the shell.
   ========================================================================== */

.home-page .home-content{min-width:0}
/* Keep the legacy .page-shell hook for external observers, but the shell's
   .c-page owns width and padding. */
.home-page .page-shell.home-content{max-width:none;margin:0;padding:0}

/* ---------------------------------------------------------------- banner */

.home-page .home-banner{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:0 0 var(--c-space-4);
  padding:10px 16px;
  border:1px solid var(--c-brand-mark-border);
  border-radius:var(--c-radius);
  background:var(--c-brand-mark-bg);
  color:var(--c-on-dark);
  font-family:var(--c-font);
  font-size:var(--c-text-md);
}
.home-page .home-banner #home-mode{flex:1;min-width:0;font-weight:600}
.home-page .home-banner a{color:var(--c-brand-dot);text-decoration:none;white-space:nowrap}
.home-page .home-banner #home-fresh{color:var(--c-brand-dot);font-size:var(--c-text-sm);opacity:.9}
.home-page .home-banner.stale{
  border-color:var(--c-warning-line);
  background:var(--c-warning);
  color:var(--c-on-accent);
}
.home-page .home-banner.stale #home-fresh{color:var(--c-on-accent)}

/* --------------------------------------------------------------- toolbar */

.home-page .page-toolbar{
  margin:0 0 var(--c-space-4);
  padding:10px 12px;
  border:1px solid var(--c-line);
  border-radius:var(--c-radius);
  background:var(--c-surface);
  box-shadow:var(--c-shadow-sm);
}
.home-page .page-toolbar .badge{white-space:nowrap}
.home-page .page-toolbar .form-select{width:auto;min-width:96px}
.home-page .page-toolbar .dropdown-menu{
  border-color:var(--c-line);
  border-radius:var(--c-radius);
  box-shadow:var(--c-shadow-lg);
}

/* ------------------------------------------------------ surfaces / modals */

/* Tabler .card/.modal are kept as structural markup (details/summary and
   existing JS rely on them); this normalizes their rhythm to .c-card/.c-modal. */
.home-page .card{
  border-color:var(--c-line);
  border-radius:var(--c-radius);
  background:var(--c-surface);
  box-shadow:var(--c-shadow);
}
.home-page .card-header{
  min-height:60px;
  padding:18px 20px;
  border-color:var(--c-line);
  border-radius:var(--c-radius) var(--c-radius) 0 0;
  background:var(--c-surface);
}
.home-page .card-body{padding:20px}
.home-page .card-footer{
  padding:13px 20px;
  border-color:var(--c-line);
  border-radius:0 0 var(--c-radius) var(--c-radius);
  background:var(--c-surface-muted);
}
.home-page .modal-content{
  border:1px solid var(--c-line);
  border-radius:var(--c-radius);
  background:var(--c-surface);
  color:var(--c-ink);
  box-shadow:var(--c-shadow-lg);
}
.home-page .modal-header,
.home-page .modal-footer{padding:16px 20px;border-color:var(--c-line)}
.home-page .modal-body{padding:20px}
.home-page .modal-title{color:var(--c-ink);font-weight:650}

/* ------------------------------------------------------------- KPI types */

.home-page .c-stat-value .amount{max-width:100%}
.home-page .kpi-num{
  display:flex;
  flex-wrap:nowrap;
  align-items:baseline;
  gap:0 .35rem;
  min-width:0;
  color:var(--c-ink);
  font-size:1.55rem;
  font-weight:650;
  letter-spacing:0;
  line-height:1.4;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.home-page .kpi-num .amount-unit{flex:none;font-size:.72em;font-weight:500}
.home-page .kpi-sub{
  color:var(--c-muted);
  font-size:.78rem;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.home-page .amount{
  display:inline-flex;
  align-items:baseline;
  gap:.3em;
  max-width:100%;
  min-width:0;
  font-variant-numeric:tabular-nums;
  vertical-align:bottom;
}
.home-page .amount-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-page .amount-unit{flex:none;white-space:nowrap;color:var(--c-muted);font-size:.88em}

/* ------------------------------------------------------- overview grids */

.home-page .summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.home-page .summary-grid > div{min-width:0}
.home-page .summary-grid .kpi-num{margin-top:5px}
.home-page .summary-status{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.home-page .reconciliation-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.home-page .reconciliation-grid > div{min-width:0}
.home-page .reconciliation-grid .kpi-num{font-size:1.25rem}
.home-page .reconciliation-note{color:var(--c-muted);font-size:.8rem;line-height:1.65}
.home-page .reconciliation-details{max-height:280px;overflow:auto}
.home-page .reconciliation-details table{min-width:600px}
.home-page .audit-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.home-page .audit-facts > div{display:flex;justify-content:space-between;gap:12px;min-width:0}
.home-page .audit-facts dt{color:var(--c-muted);font-weight:400}
.home-page .audit-facts dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}

/* ------------------------------------------------------------------ rank */

.home-page .rank-row{
  display:grid;
  grid-template-columns:minmax(100px,170px) minmax(24px,1fr) auto;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}
.home-page .rank-row .rank-amount{text-align:right;font-variant-numeric:tabular-nums}
.home-page .rank-bar{min-width:1px;height:6px;border-radius:var(--c-radius-pill);background:var(--c-accent)}

/* --------------------------------------------------------------- devices */

.home-page tr.gpu-off > td:not(.c-ops){opacity:.45;filter:grayscale(.85)}
.home-page .table-compact td{padding-top:.4rem;padding-bottom:.4rem}
.home-page .machine-name{min-width:210px}
.home-page .machine-network{min-width:190px}
.home-page .pulse-dot{
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:6px;
  border-radius:50%;
}
.home-page .dot-online{
  background:var(--c-online);
  box-shadow:0 0 0 0 var(--c-online-soft);
  animation:home-pulse 1.8s infinite;
}
.home-page .dot-offline{background:var(--c-neutral-line)}
.modal-open .home-page .dot-online{animation-play-state:paused}

.home-page .box-chevron{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--c-muted);
  vertical-align:middle;
  cursor:pointer;
  transition:transform .2s ease,color .15s ease;
}
.home-page .box-chevron:hover{color:var(--c-accent)}
.home-page .box-chevron .icon{font-size:1.1rem}
.home-page tr.box-parent.open > td .box-chevron{transform:rotate(90deg)}
.home-page tr.box-child{display:none}
.home-page tr.box-child.show{display:table-row}
.home-page tr.box-child.show > td{animation:home-box-child-in .2s ease}
.home-page tr.box-target{animation:home-box-target 1.6s ease}
.home-page .kpi-flash{animation:home-kpi-flash .85s ease}

.home-page .box-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem}
.home-page .box-tile{
  padding:.6rem .7rem;
  border:1px solid var(--c-line);
  border-radius:var(--c-radius-sm);
  background:var(--c-surface);
  cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.home-page .box-tile:hover{border-color:var(--c-accent-line);box-shadow:var(--c-shadow-sm)}
.home-page .box-tile.tile-warn{border-color:var(--c-warning-line);background:var(--c-warning-soft)}

.home-page .skel{
  height:.95rem;
  margin:6px 0;
  border-radius:var(--c-radius-sm);
  background:linear-gradient(90deg,var(--c-surface-muted) 25%,var(--c-surface-hover) 37%,var(--c-surface-muted) 63%);
  background-size:400% 100%;
  animation:home-skel-move 1.2s ease infinite;
}

@keyframes home-pulse{
  0%{box-shadow:0 0 0 0 var(--c-online-soft)}
  70%{box-shadow:0 0 0 7px transparent}
  100%{box-shadow:0 0 0 0 transparent}
}
@keyframes home-box-child-in{
  from{opacity:0;transform:translateY(-3px)}
  to{opacity:1;transform:none}
}
@keyframes home-box-target{
  0%,55%{background-color:var(--c-accent-soft)}
  100%{background-color:transparent}
}
@keyframes home-kpi-flash{
  0%{background-color:var(--c-accent-soft)}
  100%{background-color:transparent}
}
@keyframes home-skel-move{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}

/* ---------------------------------------------------------- tabs / tables */

.home-page .tab-nav{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.home-page .tab-nav .nav-link{white-space:nowrap}
.home-page .section-tabs{
  overflow-x:auto;
  flex-wrap:nowrap;
  white-space:nowrap;
  border-bottom:1px solid var(--c-line);
}
.home-page .section-tabs .nav-link{padding:10px 16px}
.home-page .tab-content > .tab-pane.fade.active{opacity:1;transition:none}

.home-page .table{
  --tblr-table-border-color:var(--c-line);
  margin-bottom:0;
  color:var(--c-ink);
  font-size:var(--c-text-md);
}
.home-page .table thead th{
  padding:.6rem .75rem;
  border-bottom:1px solid var(--c-line);
  background:var(--c-surface-muted);
  color:var(--c-muted);
  font-size:var(--c-text-xs);
  font-weight:650;
  letter-spacing:0;
  white-space:nowrap;
}
.home-page .table tbody td{
  padding:.62rem .75rem;
  border-color:var(--c-line);
  vertical-align:middle;
}
.home-page .table tbody tr:hover > td{background:var(--c-surface-hover)}
.home-page .table-light > td,
.home-page .table-light > th{background:var(--c-surface-muted)}
.home-page .table-secondary > td,
.home-page .table-secondary > th{background:var(--c-neutral-soft)}
.home-page .table-responsive{
  border-radius:var(--c-radius-sm);
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
}
.home-page .table-responsive > .table{min-width:900px}
.home-page .table-responsive > .matrix{min-width:840px}

.home-page .matrix td,
.home-page .matrix th{
  padding:.4rem .55rem;
  font-size:.78rem;
  text-align:right;
  white-space:nowrap;
}
.home-page .matrix td.name-cell,
.home-page .matrix th.name-cell{
  position:sticky;
  left:0;
  z-index:1;
  background:var(--c-surface-muted);
  font-weight:500;
  text-align:left;
}
.home-page .matrix .col-today{background:var(--c-accent-soft)}

.home-page #machine-control table th:nth-child(1),
.home-page #machine-control table td:nth-child(1){min-width:200px}
.home-page #machine-control table th:nth-child(2),
.home-page #machine-control table td:nth-child(2){min-width:160px}
.home-page #machine-control table th:nth-child(3),
.home-page #machine-control table td:nth-child(3){min-width:210px}
.home-page #machine-control table th:nth-child(4),
.home-page #machine-control table td:nth-child(4){min-width:110px}
.home-page #machine-control table th:nth-child(5),
.home-page #machine-control table td:nth-child(5){min-width:160px}
.home-page #machine-versions .table{min-width:1000px}
.home-page #machine-versions .c-ops{max-width:300px;white-space:normal!important}
.home-page #machine-versions .c-ops .btn{margin:3px 0}
.home-page #machine-versions .pkg-component{flex-wrap:nowrap;white-space:nowrap}
.home-page #profit-history .table{min-width:660px}
.home-page #profit-history .matrix{min-width:840px}
.home-page #revenueTodayCard table th:first-child,
.home-page #revenueTodayCard table td:first-child{min-width:230px}
.home-page #revenueTodayCard table th:nth-child(2),
.home-page #revenueTodayCard table td:nth-child(2){min-width:140px}
.home-page #pane-profit #revenueCategories{font-variant-numeric:tabular-nums}
.home-page #pane-profit .mb-3.border-bottom table{min-width:480px}

/* ---------------------------------------------------------------- badges */

.home-page .badge{
  box-sizing:border-box;
  padding:.38em .7em;
  border-radius:var(--c-radius-pill);
  font-weight:600;
  letter-spacing:0;
  line-height:1.35;
  vertical-align:middle;
}
.home-page .badge.bg-success-subtle{
  border:1px solid var(--c-online-line);
  background:var(--c-online-soft)!important;
  color:var(--c-online)!important;
}
.home-page .badge.bg-warning-subtle,
.home-page .badge.bg-amber-subtle{
  border:1px solid var(--c-warning-line);
  background:var(--c-warning-soft)!important;
  color:var(--c-warning)!important;
}
.home-page .badge.bg-danger-subtle{
  border:1px solid var(--c-danger-line);
  background:var(--c-danger-soft)!important;
  color:var(--c-danger)!important;
}
.home-page .badge.bg-secondary-subtle{
  border:1px solid var(--c-neutral-line);
  background:var(--c-neutral-soft)!important;
  color:var(--c-neutral)!important;
}
.home-page .badge.bg-primary-subtle{
  border:1px solid var(--c-accent-line);
  background:var(--c-accent-soft)!important;
  color:var(--c-accent-strong)!important;
}
.home-page .badge.bg-azure-subtle,
.home-page .badge.bg-info-subtle{
  border:1px solid var(--c-info-line);
  background:var(--c-info-soft)!important;
  color:var(--c-info)!important;
}
.home-page .badge.bg-teal-subtle{
  border:1px solid var(--c-mining-line);
  background:var(--c-mining-soft)!important;
  color:var(--c-mining)!important;
}
.home-page .badge.bg-success{background:var(--c-online)!important;color:var(--c-on-accent)!important}
.home-page .badge.bg-amber,
.home-page .badge.bg-warning{background:var(--c-warning)!important;color:var(--c-on-accent)!important}
.home-page .badge.bg-primary{background:var(--c-accent)!important;color:var(--c-on-accent)!important}
.home-page .badge.bg-secondary{background:var(--c-neutral)!important;color:var(--c-on-accent)!important}
.home-page .badge.bg-teal{background:var(--c-mining)!important;color:var(--c-on-accent)!important}
.home-page .badge.bg-white{background:var(--c-surface)!important;color:var(--c-accent-strong)!important}
.home-page .badge.text-primary{color:var(--c-accent-strong)!important}

.home-page .text-success{color:var(--c-online)!important}
.home-page .text-danger{color:var(--c-danger)!important}
.home-page .text-warning{color:var(--c-warning)!important}
.home-page .text-primary{color:var(--c-accent-strong)!important}

/* --------------------------------------------------------------- controls */

.home-page .kpi-sel{
  max-width:140px;
  padding:.2rem .45rem;
  border:1px solid var(--c-line-strong);
  border-radius:var(--c-radius-sm);
  background:var(--c-surface);
  color:var(--c-ink);
  font-size:var(--c-text-xs);
  line-height:1.4;
}
.home-page .coin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}
.home-page .coin-tabs[hidden]{display:none!important}
.home-page .coin-tab{
  padding:6px 14px;
  border:1px solid var(--c-line);
  border-radius:var(--c-radius-pill);
  background:var(--c-surface);
  color:var(--c-muted);
  font-size:.82rem;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
  transition:border-color .15s,background-color .15s,color .15s;
}
.home-page .coin-tab:hover{
  border-color:var(--c-accent-line);
  background:var(--c-surface-hover);
  color:var(--c-accent-strong);
}
.home-page .coin-tab.active{
  border-color:var(--c-accent);
  background:var(--c-accent);
  color:var(--c-on-accent);
  box-shadow:var(--c-shadow-sm);
}
.home-page .btn{border-radius:var(--c-radius);font-weight:600}
.home-page .btn-outline-secondary{border-color:var(--c-line-strong);color:var(--c-muted)}
.home-page .btn-outline-secondary:hover{
  border-color:var(--c-line-strong);
  background:var(--c-surface-muted);
  color:var(--c-ink);
}
.home-page .btn-outline-primary{border-color:var(--c-accent-line);color:var(--c-accent-strong)}
.home-page .btn-outline-primary:hover{
  border-color:var(--c-accent);
  background:var(--c-accent);
  color:var(--c-on-accent);
}
.home-page .btn-soft-primary{
  border-color:transparent;
  background:var(--c-accent-soft);
  color:var(--c-accent-strong);
}
.home-page .btn-soft-success{
  border-color:transparent;
  background:var(--c-online-soft);
  color:var(--c-online);
}
.home-page .btn-soft-danger{
  border-color:transparent;
  background:var(--c-danger-soft);
  color:var(--c-danger);
}
.home-page .btn-soft-secondary{
  border-color:transparent;
  background:var(--c-surface-muted);
  color:var(--c-muted);
}
.home-page .btn-soft-secondary:hover{background:var(--c-neutral-soft);color:var(--c-ink)}
.home-page .btn-success{
  border-color:var(--c-online);
  background:var(--c-online);
  color:var(--c-on-accent);
}
.home-page .btn-success:hover{
  border-color:var(--c-accent-strong);
  background:var(--c-accent-strong);
  color:var(--c-on-accent);
}

/* -------------------------------------------------------- forms / modals */

.home-page #mModal .modal-dialog{max-width:760px}
.home-page .machine-form-section{
  margin-bottom:18px;
  padding:0 0 18px;
  border-bottom:1px solid var(--c-line);
}
.home-page .machine-form-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px 20px;
}
.home-page .machine-form-grid > div{min-width:0}
.home-page .machine-form-grid .form-label{display:block;margin-bottom:6px}
.home-page .machine-form-wide{grid-column:1 / -1}
.home-page #mModal .form-control,
.home-page #mModal .form-select{min-width:0}
.home-page #machineAdvanced summary{cursor:pointer;font-weight:500;padding:4px 0 14px}
.home-page #mModal .modal-footer{flex-wrap:wrap}

.home-page .out-box{
  max-height:340px;
  padding:12px;
  overflow:auto;
  border:1px solid var(--c-line);
  border-radius:var(--c-radius-sm);
  background:var(--c-surface-muted);
  color:var(--c-ink);
  font-size:.82rem;
  line-height:1.5;
  white-space:pre-wrap;
  word-break:break-all;
}
.home-page .mono{font-family:var(--c-font-mono)}
.home-page .font-medium{font-weight:500}
.home-page .alert-amber{
  border:1px solid var(--c-warning-line);
  border-radius:var(--c-radius);
  background:var(--c-warning-soft);
  color:var(--c-warning);
}

.home-page details > summary{cursor:pointer;list-style:none}
.home-page details > summary::-webkit-details-marker{display:none}
.home-page details > summary::after{
  content:"⌄";
  margin-left:auto;
  padding-left:12px;
  color:var(--c-muted);
}
.home-page details[open] > summary::after{content:"⌃"}

.home-page .card-header .font-weight-medium{
  color:var(--c-ink);
  font-size:var(--c-text-lg);
  font-weight:650;
  letter-spacing:0;
}
.home-page .pkg-component{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.4rem;
  margin:.2rem 0;
  font-size:.75rem;
}
.home-page .pkg-component .badge{min-width:5.5rem}

/* -------------------------------------------------------------- responsive */

@media(max-width:991.98px){
  .home-page .page-toolbar{position:static;top:auto}
  .home-page .reconciliation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767.98px){
  .home-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .home-page .tab-nav{display:flex;width:100%;flex-wrap:nowrap;overflow-x:auto}
  .home-page .tab-nav .nav-item{flex:0 0 auto}
  .home-page .tab-nav .nav-link{padding:8px 12px}
  .home-page .card-header{flex-wrap:wrap;gap:8px;min-height:56px;padding:15px 16px}
  .home-page .card-body{padding:16px}
  .home-page .card-footer{padding:12px 16px}
}
@media(max-width:600px){
  .home-page .home-banner{padding:9px 12px;font-size:var(--c-text-sm)}
  .home-page .home-banner #home-mode{flex-basis:100%}
}
@media(max-width:575.98px){
  .home-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .home-page .reconciliation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .home-page .audit-facts{grid-template-columns:minmax(0,1fr)}
  .home-page .rank-row{grid-template-columns:minmax(70px,1fr) minmax(20px,.5fr) auto;gap:8px}
  .home-page .kpi-num{font-size:1.3rem}
  .home-page .machine-form-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .home-page .modal-header,
  .home-page .modal-footer,
  .home-page .modal-body{padding-left:16px;padding-right:16px}
  .home-page .page-toolbar .c-toolbar-group{width:100%}
  .home-page .page-toolbar .c-toolbar-spacer{margin-left:0}
}

@media(prefers-reduced-motion:reduce){
  .home-page .dot-online,
  .home-page tr.box-child.show > td,
  .home-page tr.box-target,
  .home-page .kpi-flash,
  .home-page .skel{animation:none}
}

/* Legacy cached shells may still contain the old pill tablist. */
.home-page .tab-nav{display:none!important}

/* Page header replaces the old banner + floating toolbar. */
.home-page-head{
  align-items:flex-end;
  margin-bottom:var(--c-space-5);
}
.home-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
}
.home-head-status{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.home-head-status.stale #home-fresh{color:var(--c-warning)}
.home-head-fresh{
  color:var(--c-muted);
  font-size:var(--c-text-xs);
  line-height:1.4;
  white-space:nowrap;
}
.home-head-updated{
  color:var(--c-muted);
  font-size:var(--c-text-xs);
  line-height:1.4;
  white-space:nowrap;
}
.home-head-updated.text-warning{color:var(--c-warning)}
.home-head-period{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--c-muted);
  font-size:var(--c-text-xs);
  line-height:1.4;
  white-space:nowrap;
}
.home-head-period select{
  width:112px;
  min-height:30px;
  padding:2px 26px 2px 9px;
  border-color:var(--c-line-strong);
  border-radius:var(--c-radius-sm);
  font-size:var(--c-text-sm);
}
.home-page-head .badge{
  border:1px solid transparent;
  border-radius:var(--c-radius-pill);
  font-size:var(--c-text-xs);
  font-weight:600;
  line-height:1.4;
}
.home-page-head .badge.bg-azure-subtle{
  border-color:var(--c-info-line);
  background:var(--c-info-soft);
  color:var(--c-info);
}
.home-page-head .badge.bg-success-subtle{
  border-color:var(--c-online-line);
  background:var(--c-online-soft);
  color:var(--c-online);
}
.home-page-head .badge.bg-amber-subtle{
  border-color:var(--c-warning-line);
  background:var(--c-warning-soft);
  color:var(--c-warning);
}
.home-page-head .badge.bg-secondary-subtle{
  border-color:var(--c-neutral-line);
  background:var(--c-neutral-soft);
  color:var(--c-neutral);
}
@media(max-width:767.98px){
  .home-page-head{align-items:flex-start}
  .home-head-actions{justify-content:flex-start}
  .home-head-fresh,
  .home-head-updated{white-space:normal}
}