/* PoreStore team Home: four quick-action cards and two compact recent-work lists. */

.ui-home-head{margin-bottom:24px}

.ui-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ui-home-action{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:20px;padding:26px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--card);color:var(--ink);text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:border-color .12s,background .12s}
.ui-home-action:hover{border-color:var(--accent);background:var(--accent-soft)}
.ui-home-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ui-home-action-icon{width:56px;height:56px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent)}
.ui-home-action-icon svg{width:32px;height:32px;overflow:visible}
/* Voxel icons: one tinted face per cube, an opaque fill where a shape covers the one behind it, and a hover cue that acts out the card's verb. */
.ui-home-ic-t1{fill:currentColor;fill-opacity:.24}
.ui-home-ic-t2{fill:currentColor;fill-opacity:.11}
.ui-home-ic-bg{fill:var(--accent-soft)}
.ui-home-ic-solid{fill:currentColor}
.ui-home-ic-knock{stroke:var(--accent-soft)}
.ui-home-ic-tick{stroke:var(--accent-soft);stroke-dasharray:12;stroke-dashoffset:0}
.ui-home-ic-arrow,.ui-home-ic-s1,.ui-home-ic-s3,.ui-home-ic-badge{transition:transform .22s cubic-bezier(.3,.7,.4,1)}
.ui-home-ic-badge{transform-box:fill-box;transform-origin:center}
.ui-home-action:hover .ui-home-ic-arrow{transform:translateY(-2.5px)}
.ui-home-action:hover .ui-home-ic-s1{transform:translateY(-2.5px)}
.ui-home-action:hover .ui-home-ic-s3{transform:translateY(2px)}
.ui-home-action:hover .ui-home-ic-run .ui-home-ic-badge{transform:scale(1.12)}
.ui-home-action:hover .ui-home-ic-tick{animation:ui-home-tick .4s ease}
@keyframes ui-home-tick{from{stroke-dashoffset:12}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.ui-home-action-icon *{transition:none!important;animation:none!important}}
.ui-home-action-copy{display:flex;flex-direction:column;min-width:0}
.ui-home-action-copy strong{font:600 17px/1.3 var(--sans);letter-spacing:-.01em}
.ui-home-action-copy>span{margin-top:4px;color:var(--ink2);font-size:14px;line-height:1.45}

.ui-home-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;margin-top:36px}
.ui-home-section-head{align-items:flex-end;margin-bottom:8px}
.ui-home-section-head>div{min-width:0}
.ui-home-section-head .ui-note{margin:3px 0 0}
.ui-home-section-head .ui-link{font-size:13.5px;white-space:nowrap}
.ui-home-list{border-top:1px solid var(--line2)}
.ui-home-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 16px;align-items:center;gap:12px;min-height:66px;padding:9px 3px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.ui-home-row:hover{background:var(--band)}
.ui-home-thumb{width:42px;height:42px;display:block;border-radius:var(--r-sm);background:var(--sunk);object-fit:cover;image-rendering:pixelated}
.ui-home-thumb-empty{display:grid;place-items:center;color:var(--ink3)}
.ui-home-thumb-empty svg{width:22px;height:22px}
.ui-home-row-copy{min-width:0}
.ui-home-row-copy strong,.ui-home-row-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-home-row-copy strong{font-size:14.5px;font-weight:500}
.ui-home-row-copy small{margin-top:3px;color:var(--ink3);font-size:12.5px}
.ui-home-row>time{color:var(--ink3);font-size:11.5px;white-space:nowrap}
.ui-home-arrow{color:var(--ink3)}
.ui-home-job{grid-template-columns:10px minmax(0,1fr) auto 16px}
.ui-home-job>.ui-st{width:8px}
.ui-home-job>.ui-st::before{width:8px;height:8px}
.ui-home-empty{min-height:154px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:20px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line);color:var(--ink2)}
.ui-home-empty strong{color:var(--ink);font-size:15px;font-weight:500}
.ui-home-empty .ui-link{margin-top:5px;padding:0;border:0;background:none;font:14px/1.3 var(--sans);cursor:pointer}

@media (max-width:980px){
  .ui-home-columns{gap:26px}
}

@media (max-width:760px){
  .ui-home-columns{grid-template-columns:1fr;margin-top:30px}
}

@media (max-width:560px){
  .ui-home-actions{grid-template-columns:1fr}
  .ui-home-action{gap:14px;padding:18px}
  .ui-home-action-copy strong{font-size:16px}
  .ui-home-action-copy>span{font-size:13.5px}
  .ui-home-row{grid-template-columns:42px minmax(0,1fr) 16px}
  .ui-home-row>time{display:none}
  .ui-home-job{grid-template-columns:10px minmax(0,1fr) 16px}
}