/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
:root{
  --ak-primary:#0F3DDE;
  --ak-primary-dark:#0B2EA9;
  --ak-accent:#17C964;
  --ak-warning:#F5A524;
  --ak-danger:#F31260;
  --ak-surface:#FFFFFF;
  --ak-surface-alt:#F6F8FB;
  --ak-border:#E5EAF2;
  --ak-text:#111827;
  --ak-text-soft:#6B7280;
  --ak-radius-sm:8px;
  --ak-radius-md:12px;
  --ak-radius-lg:18px;
  --ak-shadow-soft:0 4px 14px rgba(17,24,39,.06);
}

.ak-page{
  max-width:1280px;
  margin:0 auto;
  padding:24px 20px 48px;
}

.ak-page-title{
  font-size:40px;
  line-height:1.15;
  letter-spacing:-.02em;
  margin:0 0 10px;
  color:var(--ak-text);
}

.ak-page-subtitle{
  font-size:16px;
  line-height:1.6;
  color:var(--ak-text-soft);
  margin:0 0 24px;
}

.ak-card{
  background:var(--ak-surface);
  border:1px solid var(--ak-border);
  border-radius:18px;
  box-shadow:var(--ak-shadow-soft);
  padding:20px;
}

.ak-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border:none;
  border-radius:14px;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
  background:var(--ak-primary);
  color:#fff;
}

.ak-btn:hover{
  background:var(--ak-primary-dark);
  color:#fff;
}

.ak-input,
.ak-select,
.ak-textarea{
  width:100%;
  min-height:46px;
  border:1px solid var(--ak-border);
  border-radius:14px;
  background:#fff;
  color:var(--ak-text);
  padding:0 14px;
}

.ak-textarea{
  min-height:120px;
  padding:12px 14px;
}

.ak-table-shell{
  background:var(--ak-surface);
  border:1px solid var(--ak-border);
  border-radius:20px;
  box-shadow:var(--ak-shadow-soft);
  overflow:hidden;
}

.ak-table-shell table{
  width:100%;
  border-collapse:collapse;
}

.ak-table-shell thead th{
  background:#F8FAFC;
  color:var(--ak-text-soft);
  font-size:13px;
  font-weight:600;
  text-align:left;
  padding:14px 16px;
  border-bottom:1px solid var(--ak-border);
}

.ak-table-shell tbody td{
  padding:16px;
  border-bottom:1px solid var(--ak-border);
}

.ak-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:600;
  background:#EEF2FF;
  color:var(--ak-primary);
}

@media (max-width:768px){
  .ak-page{padding:18px 14px 34px;}
  .ak-page-title{font-size:32px;}
}