/* Probashi Hub Directory: member dashboard layout. Scoped to .phd-dash / .phd-auth. */
.phd-dash{--phd-d-accent:#005244;--phd-d-side:#003e33;display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:560px;background:#f6f8fa;border:1px solid #e3e8ee;border-radius:12px;overflow:hidden}
.phd-skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 12px;z-index:50}
.phd-skip:focus{left:8px;top:8px}
.phd-dash__top{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--phd-d-accent)}
.phd-dash__logo{display:inline-flex;align-items:center;color:#fff;font-weight:800;text-decoration:none;font-size:18px;letter-spacing:.02em}
.phd-dash__logo-img{max-height:44px;width:auto;height:auto;display:block}
.phd-dash__toggle{display:none;background:rgba(255,255,255,.18);color:#fff;border:0;border-radius:8px;padding:8px;cursor:pointer}
.phd-dash__body{display:contents}
.phd-dash__side{grid-column:1;grid-row:2;background:var(--phd-d-side);padding:10px 0}
.phd-dash__side ul{list-style:none;margin:0;padding:0}
.phd-dash__side a{display:flex;align-items:center;gap:12px;padding:13px 20px;color:#e8eef4;text-decoration:none;font-weight:600;border-left:4px solid transparent}
.phd-dash__side a:hover{background:rgba(255,255,255,.08)}
.phd-dash__side a[aria-current=page]{background:rgba(255,255,255,.14);border-left-color:var(--phd-d-accent);color:#fff}
.phd-dash__side a:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.phd-icon{flex:none}
.phd-pill{margin-left:auto;background:var(--phd-d-accent);color:#fff;border-radius:999px;padding:1px 8px;font-size:12px}
.phd-dash__main{grid-column:2;grid-row:1/3;padding:24px;min-width:0;outline:0}
.phd-dash__actions{display:flex;justify-content:flex-end;margin-bottom:16px}
.phd-h2{margin:0 0 16px;font-size:24px;color:#1f2d3d}
.phd-h3{margin:24px 0 12px;font-size:18px}
.phd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.phd-welcome{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.phd-welcome__avatar,.phd-photo__img img{border-radius:50%;object-fit:cover}
.phd-welcome .phd-h2{margin:0}
.phd-stats{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.phd-stat a{display:grid;gap:4px;padding:18px;border-radius:12px;color:#fff;text-decoration:none;min-height:116px;align-content:space-between}
.phd-stat a:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
.phd-stat--c1 a{background:linear-gradient(135deg,#5b86c4,#8fb5e3)}
.phd-stat--c2 a{background:linear-gradient(135deg,#3f9a78,#7fc7a8)}
.phd-stat--c3 a{background:linear-gradient(135deg,#c78a2b,#e5bb6e)}
.phd-stat--c4 a{background:linear-gradient(135deg,#a8567d,#d598b5)}
.phd-stat--c5 a{background:linear-gradient(135deg,#4d5f78,#8696ae)}
.phd-stat__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.phd-stat__num{font-size:38px;font-weight:800;line-height:1}
.phd-stat__more{font-size:12px;font-weight:700;text-transform:uppercase;text-align:right}
.phd-card-box{background:#fff;border:1px solid #e3e8ee;border-radius:12px;padding:22px;margin-bottom:20px}
.phd-photo{display:flex;gap:20px;align-items:center;padding-bottom:18px;border-bottom:1px solid #e3e8ee}
.phd-file{position:absolute;width:1px;height:1px;opacity:0}
.phd-photo:focus-within label.phd-btn{outline:3px solid #1a73e8;outline-offset:2px}
.phd-tabs ul{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.phd-tabs a{display:inline-flex;gap:6px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #dfe5ec;color:#1f2d3d;text-decoration:none;font-weight:600;font-size:14px}
.phd-tabs a.is-active,.phd-tabs a[aria-current=page]{background:var(--phd-d-side);border-color:var(--phd-d-side);color:#fff}
.phd-count{opacity:.75}
.phd-rows{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.phd-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:14px;align-items:center;background:#fff;border:1px solid #e3e8ee;border-radius:12px;padding:12px}
.phd-rows--compact .phd-row{grid-template-columns:minmax(0,1fr) auto}
.phd-row__thumb img,.phd-thumb-ph{width:72px;height:72px;border-radius:8px;object-fit:cover;display:block;background:#e9edf2}
.phd-row__title{margin:0;font-size:16px}
.phd-row__title a{color:#1f2d3d;text-decoration:none}
.phd-row__title a:hover{text-decoration:underline}
.phd-row__actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.phd-note{margin:6px 0 0;font-size:14px;background:#fff8e1;border-radius:6px;padding:6px 10px}
.phd-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#e9edf2;color:#33414f}
.phd-badge--publish{background:#e0f3e6;color:#1b5e20}
.phd-badge--pending{background:#fff1d6;color:#8a5a00}
.phd-badge--draft{background:#e9edf2}
.phd-empty{background:#fff;border:1px dashed #c9d2dc;border-radius:12px;padding:28px;text-align:center}
.phd-pager{margin-top:18px;display:flex;gap:6px;flex-wrap:wrap}
.phd-pager .page-numbers{padding:6px 12px;border:1px solid #dfe5ec;border-radius:8px;background:#fff;color:#1f2d3d;text-decoration:none}
.phd-pager .current{background:var(--phd-d-side);color:#fff;border-color:var(--phd-d-side)}
.phd-saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.phd-saved-card{background:#fff;border:1px solid #e3e8ee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.phd-saved-card--gone{padding:16px;justify-content:center;text-align:center;color:#5b6b7b}
.phd-saved-card__img img,.phd-saved-card__img .phd-thumb-ph{width:100%;height:150px;border-radius:0;object-fit:cover;display:block}
.phd-saved-card__body{padding:12px}
.phd-saved-card__body h3{margin:0 0 4px;font-size:16px}
.phd-inbox{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #e3e8ee;border-radius:12px}
.phd-inbox__row+.phd-inbox__row{border-top:1px solid #e3e8ee}
.phd-inbox__row a{display:grid;gap:2px;padding:14px 16px;color:inherit;text-decoration:none}
.phd-inbox__row a:hover{background:#f6f8fa}
.phd-inbox__row.is-unread .phd-inbox__from{font-weight:800}
.phd-inbox__from{display:flex;align-items:center;gap:8px}
.phd-dot{width:9px;height:9px;border-radius:50%;background:var(--phd-d-accent);display:inline-block}
.phd-inbox__snippet{color:#33414f}
.phd-inbox__meta{font-size:13px;color:#5b6b7b}
.phd-message{background:#f6f8fa;border-radius:8px;padding:14px;margin:12px 0;white-space:normal;word-break:break-word}
/* Login / register */
.phd-auth{--phd-d-accent:#005244;display:flex;justify-content:center;padding:24px 12px}
.phd-auth__card{width:100%;max-width:440px;background:#fff;border:1px solid #e3e8ee;border-radius:14px;padding:28px;box-shadow:0 6px 24px rgba(31,45,61,.08)}
.phd-auth__title{margin:0 0 16px;font-size:24px}
.phd-auth__links{margin:16px 0 0;text-align:center;font-size:14px}
.phd-auth__links a{color:var(--phd-d-accent)}
/* Mobile */
@media (max-width:767px){
  .phd-dash{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}
  .phd-dash__top{grid-column:1;grid-row:1}
  .phd-dash__toggle{display:inline-flex}
  .phd-dash__side{grid-column:1;grid-row:2;display:none}
  .phd-dash.is-nav-open .phd-dash__side{display:block}
  .phd-dash__main{grid-column:1;grid-row:3;padding:16px}
  .phd-row{grid-template-columns:56px minmax(0,1fr)}
  .phd-row__thumb img,.phd-thumb-ph{width:56px;height:56px}
  .phd-row__status,.phd-row__actions{grid-column:2}
  .phd-stats{grid-template-columns:1fr 1fr}
  .phd-photo{flex-direction:column;align-items:flex-start}
}
@media (max-width:480px){.phd-stats{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.phd-dash *{transition:none!important}}
