/* =========================
PINNACLE DASHBOARD — MODERN THEME
========================= */

:root{
--db-primary:#1967d2;
--db-primary-light:#dde8f8;
--db-bg:#f8fafc;
--db-text:#1f2937;
--db-muted:#6b7280;
--db-border:#e2e8f0;
--db-card:#ffffff;
}


.pinnacle-dashboard{
max-width:1200px;
margin:auto;
padding:50px 20px;
background:var(--db-bg);
color:var(--db-text);
font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
border-radius:20px;
}

.pinnacle-dashboard h1{
font-size:36px;
font-weight:800;
margin-bottom:20px;
color:var(--db-text);
}

.pinnacle-dashboard h2{
font-size:26px;
font-weight:700;
margin-bottom:20px;
color:var(--db-text);
}

.pinnacle-dashboard h3{
font-size:18px;
font-weight:600;
color:var(--db-text);
}

/* =========================
DASHBOARD GRID / CARDS
========================= */

.dashboard-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:40px;
}

.dash-card{
background:var(--db-card);
padding:36px 24px;
border-radius:16px;
text-align:center;
text-decoration:none;
font-size:17px;
font-weight:600;
color:var(--db-text);
border:1px solid var(--db-border);
box-shadow:0 1px 3px rgba(16,24,40,.04);
transition:all .25s ease;
}

.dash-card:hover{
transform:translateY(-6px);
border-color:var(--db-primary);
background:var(--db-primary-light);
color:var(--db-primary);
box-shadow:0 8px 20px rgba(25,103,210,.15);
}

/* =========================
BACK LINK / BUTTONS
========================= */

.pinnacle-dashboard .button,
.pinnacle-dashboard .button-primary{
display:inline-block;
background:var(--db-primary);
color:#fff !important;
border:none;
border-radius:10px;
padding:10px 22px;
font-weight:600;
font-size:14px;
text-decoration:none;
cursor:pointer;
transition:.2s;
}

.pinnacle-dashboard .button:hover,
.pinnacle-dashboard .button-primary:hover{
background:#1554b0;
color:#fff !important;
}

.pinnacle-dashboard .button-secondary{
display:inline-block;
background:#fff;
color:var(--db-primary) !important;
border:1px solid var(--db-primary);
border-radius:10px;
padding:10px 22px;
font-weight:600;
font-size:14px;
text-decoration:none;
cursor:pointer;
transition:.2s;
}

.pinnacle-dashboard .button-secondary:hover{
background:var(--db-primary-light);
}

/* =========================
FORMS
========================= */

.pinnacle-dashboard .form-table{
width:100%;
border-collapse:separate;
border-spacing:0 16px;
}

.pinnacle-dashboard .form-table th{
text-align:left;
font-weight:600;
font-size:14px;
color:var(--db-text);
padding-right:20px;
vertical-align:top;
width:200px;
}

.pinnacle-dashboard .form-table td{
vertical-align:top;
}

.pinnacle-dashboard input[type="text"],
.pinnacle-dashboard input[type="email"],
.pinnacle-dashboard input[type="url"],
.pinnacle-dashboard input[type="number"],
.pinnacle-dashboard textarea,
.pinnacle-dashboard select{
width:100%;
max-width:480px;
background:#fff;
border:1px solid var(--db-border);
border-radius:10px;
padding:10px 14px;
font-size:14px;
color:var(--db-text);
transition:.2s;
}

.pinnacle-dashboard input[type="text"]:focus,
.pinnacle-dashboard input[type="email"]:focus,
.pinnacle-dashboard input[type="url"]:focus,
.pinnacle-dashboard input[type="number"]:focus,
.pinnacle-dashboard textarea:focus,
.pinnacle-dashboard select:focus{
outline:none;
border-color:var(--db-primary);
box-shadow:0 0 0 3px var(--db-primary-light);
}

.pinnacle-dashboard form > p,
.pinnacle-dashboard .form-table + p{
margin-top:20px;
}

/* =========================
ITEM CARDS (Projects, Education,
Experience, Certificates)
========================= */

.dash-item-card{
background:var(--db-card);
padding:24px;
border-radius:16px;
margin-bottom:20px;
border:1px solid var(--db-border);
box-shadow:0 1px 3px rgba(16,24,40,.04);
color:var(--db-text);
}

.dash-item-card h3{
margin-bottom:6px;
}

.dash-item-card p{
color:var(--db-muted);
margin-bottom:10px;
}

.dash-item-card span{
color:var(--db-primary);
font-weight:600;
display:block;
margin-bottom:8px;
font-size:13px;
}

.dash-item-card img{
border-radius:10px;
}

.dash-item-card .button,
.dash-item-card .button-secondary{
margin-right:10px;
margin-top:6px;
font-size:13px;
padding:8px 18px;
}

/* =========================
SKILL / SOFTWARE CHECKLISTS
========================= */

.pinnacle-dashboard label{
font-size:14px;
color:var(--db-text);
}

/* =========================
THEME SWATCH PICKER
========================= */

.pinnacle-dashboard input[type="radio"]{
width:auto;
max-width:none;
accent-color:var(--db-primary);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

.pinnacle-dashboard{
padding:30px 15px;
border-radius:0;
}

.pinnacle-dashboard h1{
font-size:28px;
}

.pinnacle-dashboard .form-table th{
width:100%;
display:block;
padding-bottom:6px;
}

.pinnacle-dashboard .form-table td{
display:block;
margin-bottom:14px;
}

.pinnacle-dashboard .form-table tr{
display:block;
}

.pinnacle-dashboard input[type="text"],
.pinnacle-dashboard input[type="email"],
.pinnacle-dashboard input[type="url"],
.pinnacle-dashboard input[type="number"],
.pinnacle-dashboard textarea,
.pinnacle-dashboard select{
max-width:100%;
}

}