/* Shared styles for dashboard-updates.js. Uses each dashboard's existing
   colour tokens so both keep the Ìwádìí look. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.btn-ghost{background:#fff;color:var(--green-800);border:1px solid var(--gray-200)}
.btn-ghost:hover{border-color:var(--green-600)}
.tab:focus-visible,.btn:focus-visible,.upd-open:focus-visible,.subtab:focus-visible{outline:3px solid var(--green-600);outline-offset:2px}
a.tab{text-decoration:none}

.upd-state{padding:18px;border:1px dashed var(--gray-200);border-radius:12px;background:#fff;color:var(--gray-600);font-size:14px}
.upd-error{border-style:solid;border-color:#F3C4C4;background:#FFFAFA;color:var(--red-600)}
.upd-link{background:none;border:none;color:var(--green-800);text-decoration:underline;cursor:pointer;font:inherit}

.upd-list,.app-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.upd-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--gray-200);border-radius:12px;background:#fff}
.upd-card.unread{border-color:var(--green-600);background:var(--green-50)}
.upd-card img{width:40px;height:40px;border-radius:10px;object-fit:contain;border:1px solid var(--gray-100);background:#fff;flex:0 0 auto}
.upd-body{flex:1;min-width:0}
.upd-title{font-weight:600;color:var(--green-900);font-size:14.5px;overflow-wrap:anywhere}
.upd-text{color:var(--gray-600);font-size:13.5px;margin-top:2px;overflow-wrap:anywhere}
.upd-meta{color:var(--gray-400);font-size:12px;margin-top:4px}
.upd-flag{display:inline-block;background:var(--amber-50);color:var(--amber-600);border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:600}
.upd-open{align-self:center;padding:8px 12px;border-radius:8px;background:var(--green-50);color:var(--green-800);font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap}

.app-card{padding:16px;border:1px solid var(--gray-200);border-radius:12px;background:#fff}
.app-card.attention{border-color:var(--amber-600)}
.app-card.flash{animation:appflash 2s ease-out}
@keyframes appflash{0%{box-shadow:0 0 0 4px var(--green-600)}100%{box-shadow:0 0 0 0 transparent}}
.app-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.app-title{font-weight:600;color:var(--green-900);font-size:15px;overflow-wrap:anywhere}
.app-sub{color:var(--gray-600);font-size:13.5px;overflow-wrap:anywhere}
.app-status{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--gray-100);color:var(--gray-600);white-space:nowrap}
.app-status.st-shortlisted,.app-status.st-interview,.app-status.st-offered,.app-status.st-hired{background:var(--green-50);color:var(--green-800)}
.app-status.st-submitted,.app-status.st-reviewing{background:var(--green-50);color:var(--green-800)}
.app-meta{color:var(--gray-600);font-size:12.5px;margin:8px 0 10px}
.app-actions{display:flex;gap:8px;flex-wrap:wrap}
.app-timeline{margin-top:12px}
.tl{margin:0;padding-left:18px;font-size:13px;color:var(--gray-600);display:flex;flex-direction:column;gap:4px}
.tl-when{color:var(--gray-400);font-variant-numeric:tabular-nums;margin-right:6px}

.ns-group{border:1px solid var(--gray-200);border-radius:12px;padding:16px 18px;margin:0 0 14px;background:#fff}
.ns-group legend{font-weight:600;color:var(--green-900);padding:0 6px}
.ns-row{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--gray-600);margin:8px 0}
.ns-row input[type=checkbox]{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.ns-window{flex-wrap:wrap;align-items:center}
.ns-window input[type=time]{padding:6px 8px;border:1px solid var(--gray-200);border-radius:8px;font:inherit}
.ns-hint{font-size:12.5px;color:var(--gray-400);margin-top:8px;flex-basis:100%}
.ns-text{font-size:14px;color:var(--gray-600);margin-bottom:8px}
.ns-steps{font-size:14px;color:var(--gray-600);padding-left:20px;margin:6px 0}
.ns-status{font-size:13px;color:var(--gray-600);margin-left:8px}

.subtabs{display:flex;gap:6px;flex-wrap:wrap;margin:-8px 0 18px}
.subtabs[hidden]{display:none}
.subtab{padding:7px 14px;border-radius:999px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-600);font:inherit;font-size:13px;cursor:pointer}
.subtab[aria-pressed=true]{background:var(--green-50);border-color:var(--green-600);color:var(--green-800);font-weight:600}
.deeplink-msg{padding:12px 16px;border-radius:10px;background:var(--amber-50);color:var(--amber-600);margin-bottom:14px;font-size:14px}
@media (max-width:600px){
  .upd-card{flex-wrap:wrap}
  .upd-open{margin-left:52px}
  .tabs{overflow-x:auto;flex-wrap:nowrap}
}