/* Skill Up Bharat V2 - mobile first/app-like additions */
:root{
  --su-bg:#071525;
  --su-bg2:#0b2035;
  --su-card:#ffffff;
  --su-text:#102033;
  --su-muted:#65758a;
  --su-primary:#ff9f32;
  --su-green:#3a8f5a;
  --su-border:#dfe7ef;
  --su-radius:18px;
  --su-shadow:0 14px 40px rgba(6,20,35,.12);
}
.su-brand-logo{width:46px;height:46px;object-fit:contain;border-radius:12px;display:block}
.su-brand-copy{display:flex;flex-direction:column;line-height:1.05}
.su-mobile-menu-btn{display:none;border:0;background:transparent;font-size:28px}
.su-hero-v2{background:radial-gradient(circle at 70% 25%,#123d60 0,#071525 45%,#04101d 100%);color:#fff}
.su-ecosystem-card{display:grid;gap:12px}
.su-network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.su-network-box{background:#fff;border:1px solid var(--su-border);border-radius:var(--su-radius);padding:24px;box-shadow:var(--su-shadow)}
.su-network-box h3{margin-top:0}.su-network-box ul{padding-left:20px}
.su-demand{border-top:4px solid #d99046}.su-supply{border-top:4px solid #559b68}.su-service{border-top:4px solid #8aa6c2}
.su-dark-section{background:#081a2d;color:#fff}.su-dark-section .su-panel{background:#0e2945;color:#fff;border-color:#1e4568}
.su-form-shell{max-width:1000px}.su-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.su-form-grid label{display:grid;gap:7px;font-weight:600;color:var(--su-text)}
.su-form-grid input,.su-form-grid select,.su-form-grid textarea,.su-match-form input,.su-match-form select,.su-match-form textarea{
  width:100%;border:1px solid var(--su-border);border-radius:12px;padding:12px 13px;font:inherit;background:#fff;box-sizing:border-box
}
.su-col-2{grid-column:1/-1}.su-alert{padding:14px 16px;border-radius:12px;background:#eef9f1;border:1px solid #bee3c7;margin:0 0 18px}
.su-app-page{padding:34px 0 80px;background:#f4f7fa;min-height:70vh}.su-app-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}
.su-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.su-stat-grid-admin{grid-template-columns:repeat(4,1fr)}
.su-stat-card,.su-dashboard-tile,.su-candidate-card,.su-list-card,.su-panel{background:#fff;border:1px solid var(--su-border);border-radius:var(--su-radius);box-shadow:var(--su-shadow)}
.su-stat-card{padding:20px}.su-stat-card span{display:block;color:var(--su-muted);font-size:13px}.su-stat-card strong{display:block;font-size:30px;margin-top:8px}
.su-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.su-dashboard-tile{padding:24px;text-decoration:none;color:var(--su-text);display:grid;gap:12px}.su-dashboard-tile b{font-size:28px}
.su-panel{padding:22px;margin-bottom:22px}.su-list-stack{display:grid;gap:12px;margin-top:22px}.su-list-card{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.su-list-card h3{margin:0 0 4px}.su-list-card p{margin:0;color:var(--su-muted)}.su-badge{background:#edf3f8;border-radius:999px;padding:7px 10px;font-size:12px}
.su-candidate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.su-candidate-card{padding:20px;position:relative}.su-match-score{position:absolute;right:16px;top:16px;background:#eef9f1;border-radius:999px;padding:7px 10px;font-weight:700}
.su-candidate-card h3{padding-right:65px}.su-muted{color:var(--su-muted)}.su-match-form{display:grid;gap:10px;margin-top:14px}
.su-responsive-table{width:100%;overflow:auto}.su-responsive-table table{width:100%;border-collapse:collapse;min-width:720px}.su-responsive-table th,.su-responsive-table td{text-align:left;padding:12px;border-bottom:1px solid var(--su-border);vertical-align:top}.su-responsive-table small{display:block;color:var(--su-muted);margin-top:4px}
.su-mobile-bottom-nav{display:none}

@media (max-width:1024px){
  .su-card-grid-4,.su-dashboard-grid{grid-template-columns:repeat(2,1fr)!important}
  .su-stat-grid,.su-stat-grid-admin{grid-template-columns:repeat(2,1fr)}
  .su-candidate-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  body.skillup-public-page{padding-bottom:68px}
  .su-nav{min-height:68px}.su-brand-copy small{display:none}.su-brand-logo{width:40px;height:40px}
  .su-mobile-menu-btn{display:block;margin-left:auto}
  .su-menu,.su-actions{display:none}
  .su-header.su-menu-open .su-menu{display:grid;position:absolute;top:68px;left:12px;right:12px;background:#fff;border-radius:14px;box-shadow:var(--su-shadow);padding:12px;z-index:9999}
  .su-header.su-menu-open .su-menu a{padding:11px 10px}
  .su-hero-grid,.su-split,.su-network-grid{grid-template-columns:1fr!important}
  .su-form-grid{grid-template-columns:1fr}.su-col-2{grid-column:auto}
  .su-card-grid-4,.su-dashboard-grid,.su-stat-grid,.su-stat-grid-admin,.su-candidate-grid{grid-template-columns:1fr!important}
  .su-app-head{align-items:flex-start;flex-direction:column}
  .su-stat-grid{grid-template-columns:repeat(2,1fr)!important}
  .su-stat-card{padding:16px}.su-stat-card strong{font-size:24px}
  .su-dashboard-tile{padding:18px;grid-template-columns:36px 1fr;align-items:center}
  .su-mobile-bottom-nav{
    display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:9998;
    background:#fff;border-top:1px solid var(--su-border);padding-bottom:env(safe-area-inset-bottom);
    box-shadow:0 -8px 22px rgba(6,20,35,.08)
  }
  .su-mobile-bottom-nav a{display:grid;place-items:center;gap:3px;padding:8px 4px;text-decoration:none;color:#52657a;font-size:11px}
  .su-mobile-bottom-nav b{font-size:18px}
}