/* PSS Accounting/Finance Portal - Navy / Silver / Green */
.pss-portal{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:#f8fafc;
  border-radius:12px;
  padding:24px;
  box-shadow:0 12px 30px rgba(15,23,42,.10);
  margin:20px auto;
  max-width:1200px;
}
.pss-portal-header h2{margin:0 0 4px;color:#0b1f3a;font-size:1.8rem}
.pss-portal-header p{margin:0 0 16px;color:#475569}

.pss-tabs-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}
.pss-tab{border:none;background:#e5e7eb;color:#0f172a;padding:8px 14px;border-radius:999px;font-size:.88rem;cursor:pointer;white-space:nowrap}
.pss-tab:hover{background:#dbe2ea}
.pss-tab.active{background:linear-gradient(135deg,#0b1f3a,#1e3a8a);color:#fff;box-shadow:0 6px 14px rgba(30,58,138,.28)}

.pss-tabs-content{background:#ffffff;border-radius:12px;padding:20px 18px;border:1px solid #e5e7eb}
.pss-tab-panel{display:block}
.pss-hidden{display:none!important}

.pss-btn,.pss-btn-secondary{
  border-radius:999px;padding:10px 18px;border:none;font-weight:700;
}
.pss-btn{background:linear-gradient(135deg,#16a34a,#0ea5e9);color:#fff;cursor:pointer;box-shadow:0 6px 14px rgba(22,163,74,.25)}
.pss-btn:hover{filter:brightness(.98)}
.pss-btn-secondary{background:#e5e7eb;color:#0f172a;cursor:not-allowed}

.pss-alert{border-radius:10px;padding:10px 12px;margin:10px 0;font-weight:600}
.pss-alert.success{background:#ecfdf5;border:1px solid #10b981;color:#065f46}
.pss-alert.error{background:#fef2f2;border:1px solid #ef4444;color:#7f1d1d}

.pss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:10px}
.pss-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px}
.pss-card h4{margin:0 0 6px;color:#0f172a}
.pss-card p{margin:0;color:#475569;font-size:.92rem}

.pss-form{max-width:820px}
.pss-form-row{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.pss-form-row label{font-weight:800;color:#0f172a}
.pss-form-row input,.pss-form-row textarea{
  width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:10px;font-size:1rem;
}
.pss-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.pss-checkbox-grid label{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px;font-weight:700;color:#0f172a}

.pss-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.92rem}
.pss-table thead{background:#f3f4f6}
.pss-table th,.pss-table td{padding:8px 10px;border-bottom:1px solid #e5e7eb;text-align:left}
.pss-placeholder-row td{color:#94a3b8;font-style:italic}

@media(max-width:640px){.pss-tabs-nav{overflow-x:auto;white-space:nowrap}.pss-tab{flex:0 0 auto}}