/* ΑΣ ΠΕΡΑ - App-like Admin Theme v1
   Μόνο εμφάνιση: χρώματα, γραμματοσειρά, κάρτες, κουμπιά, πίνακες.
   Δεν αλλάζει λειτουργίες / φόρμες / SQL. */
:root{
  --pera-bg:#fffaf1;
  --pera-bg-soft:#f7f2e8;
  --pera-card:#ffffff;
  --pera-card-2:#fffdf7;
  --pera-ink:#17130f;
  --pera-muted:#766b60;
  --pera-brown:#3b2a23;
  --pera-brown-2:#1b1411;
  --pera-gold:#ffd86b;
  --pera-gold-2:#f5b935;
  --pera-line:#ead8b6;
  --pera-green:#dcfce7;
  --pera-green-ink:#166534;
  --pera-blue:#2563eb;
  --pera-blue-soft:#eaf2ff;
  --pera-red:#dc2626;
  --pera-red-soft:#fee2e2;
  --pera-orange:#fff3d6;
  --pera-shadow:0 10px 26px rgba(59,42,35,.08);
  --pera-shadow-sm:0 4px 14px rgba(59,42,35,.06);
  --pera-radius:20px;
  --pera-radius-sm:14px;
}
html{font-size:15px;scroll-behavior:smooth}
body{
  margin:0!important;
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  background:linear-gradient(180deg,var(--pera-bg) 0%,#f4f6fb 100%)!important;
  color:var(--pera-ink)!important;
  letter-spacing:-.01em;
}
body,button,input,select,textarea{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important}
*{box-sizing:border-box}
a{color:inherit}

/* Κεντράρισμα / compact πλάτη */
.wrap,.container,.page,.main,.content,main.wrap,main.container{
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.wrap,.container,main.wrap,main.container,.page{padding-left:16px!important;padding-right:16px!important}

/* Headers */
.top,.hero,.page-hero,.top-banner,.main-hero{
  background:linear-gradient(135deg,var(--pera-brown-2),var(--pera-brown))!important;
  color:#fff!important;
  border-bottom:4px solid var(--pera-gold-2)!important;
  box-shadow:var(--pera-shadow-sm)!important;
}
.top{padding:16px 18px!important}
.top-inner{max-width:1320px!important}
.hero{border-radius:22px!important;padding:18px 22px!important;margin-bottom:18px!important}
.sub,.subtitle,.muted,.note{color:var(--pera-muted)!important}
.top .sub,.hero .sub,.top .subtitle,.hero .subtitle,.top p,.hero p{color:#ffe8a8!important}
h1,.title{font-weight:900!important;color:inherit;letter-spacing:-.035em!important}
h1{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.05!important;margin-top:0!important}
h2,.section-title{font-weight:900!important;letter-spacing:-.03em!important}

/* Cards / panels */
.card,.panel,.stat,.box,.member,.quick-card,.alert-card,.finance-card,.program-card,.family-card,.group-card,.info-card,.summary-card,
[class*="card"],[class*="panel"]{
  border-radius:var(--pera-radius)!important;
  border:1px solid rgba(234,216,182,.75)!important;
  background:var(--pera-card)!important;
  box-shadow:var(--pera-shadow-sm)!important;
}
.card,.panel{padding:16px!important;margin-bottom:16px!important}
.stat{padding:14px 16px!important;min-height:auto!important}
.stat .value,.stat b{font-weight:900!important;color:var(--pera-ink)!important}
.grid{gap:12px!important}

/* Forms */
input,select,textarea{
  border:1px solid var(--pera-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--pera-ink)!important;
  padding:10px 12px!important;
  outline:none!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--pera-gold-2)!important;
  box-shadow:0 0 0 4px rgba(255,216,107,.25)!important;
}
label,.field label{font-weight:800!important;color:#5c5147!important}
textarea{min-height:78px!important}

/* Buttons */
.btn,button,input[type="submit"],input[type="button"],a.button,.button,.action-btn{
  border-radius:14px!important;
  border:0!important;
  padding:10px 14px!important;
  font-weight:900!important;
  text-decoration:none!important;
  cursor:pointer!important;
  background:var(--pera-gold)!important;
  color:#16110f!important;
  box-shadow:none!important;
  line-height:1.15!important;
}
.btn:hover,button:hover,input[type="submit"]:hover,a.button:hover,.button:hover{filter:brightness(.98);transform:translateY(-1px)}
.btn.dark,.dark,.btn.secondary.dark,.btn.black,.btn.navy{
  background:#111827!important;color:#fff!important;border-color:#111827!important;
}
.btn.secondary,.secondary{
  background:#fff4cf!important;color:#8a4b08!important;border:1px solid #ffe4a3!important;
}
.btn.blue,.blue{
  background:var(--pera-blue)!important;color:#fff!important;
}
.btn.danger,.danger{
  background:var(--pera-red-soft)!important;color:#991b1b!important;border:1px solid #fecaca!important;
}
.btn.small,.small{padding:7px 10px!important;border-radius:11px!important;font-size:.82rem!important}
.actions{gap:8px!important}

/* Badges */
.badge,.pill,[class*="badge"],[class*="pill"]{
  border-radius:999px!important;
  padding:5px 9px!important;
  font-weight:900!important;
}
.badge.good,.pill.good,.good{background:var(--pera-green)!important;color:var(--pera-green-ink)!important}
.badge.warn,.pill.warn,.warn{background:#fef3c7!important;color:#92400e!important}
.badge.bad,.pill.bad,.bad{background:var(--pera-red-soft)!important;color:#991b1b!important}

/* Tables */
.table-wrap,.tablewrap{border-radius:16px!important;border:1px solid var(--pera-line)!important;background:#fff!important;overflow:auto!important}
table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
th{
  background:#fff3d6!important;
  color:#4c382f!important;
  font-weight:900!important;
  font-size:.78rem!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
}
th,td{border-bottom:1px solid #f1e3ca!important;padding:10px 12px!important;vertical-align:middle!important}
tr:last-child td{border-bottom:0!important}
tr:hover td{background:#fffdf6!important}

/* Sidebar/dashboard */
.sidebar{background:#101827!important;color:#fff!important}
.sidebar .brand{font-weight:900!important;letter-spacing:-.03em!important}
.sidebar a{border-radius:13px!important}
.sidebar a:hover,.sidebar a.active{background:rgba(255,216,107,.16)!important;color:#fff!important}
.user-box{border-radius:18px!important;background:rgba(255,255,255,.08)!important}

/* Dashboard / floating buttons */
.float-actions,.bottom-actions,.sticky-actions{gap:8px!important}
.back-dashboard,.dashboard-btn{border-radius:14px!important}

/* Compact spacing */
.form-grid{gap:10px!important}
.filters{gap:8px!important}
.empty{border-radius:16px!important;background:#fafafa!important;color:var(--pera-muted)!important}
.notice{background:#dcfce7!important;border:1px solid #bbf7d0!important;color:#166534!important;border-radius:16px!important}
.error{background:#fee2e2!important;border:1px solid #fecaca!important;color:#991b1b!important;border-radius:16px!important}

@media(max-width:900px){
  .wrap,.container,main.wrap,main.container,.page{padding-left:12px!important;padding-right:12px!important}
  .top{padding:14px 12px!important}
  .card,.panel{padding:14px!important}
  .btn,button,input[type="submit"],a.button,.button{width:auto;max-width:100%}
}