/* Bekelé brand: cream, gold, rust, charcoal — elevated, understated, "priest, not performer". */
:root{
  --bekele-cream:#F3ECDD;
  --bekele-cream-soft:#FBF8F1;
  --bekele-charcoal:#2B2723;
  --bekele-charcoal-soft:#4A443D;
  --bekele-gold:#B8923F;
  --bekele-gold-soft:#D9C48F;
  --bekele-rust:#A24A2D;
  --bekele-border:#E3D9C4;
  --bekele-font-serif:'Cormorant Garamond',Georgia,serif;
  --bekele-font-sans:'Jost','Segoe UI',sans-serif;
}

/* ---------- shared layout (wp-admin screens + PWA) ---------- */
.bekele-wrap,.bekele-app{max-width:1100px;font-family:var(--bekele-font-sans);color:var(--bekele-charcoal)}
.bekele-wrap h1,.bekele-wrap h2,.bekele-wrap h3,.bekele-app h1,.bekele-app h2,.bekele-app h3{font-family:var(--bekele-font-serif);font-weight:600;color:var(--bekele-charcoal);letter-spacing:.01em}
.bekele-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}
.bekele-card,.bekele-panel,.bekele-app{background:var(--bekele-cream-soft);border:1px solid var(--bekele-border);border-radius:12px;padding:18px;box-shadow:0 2px 10px rgba(43,39,35,.06)}
.bekele-card strong{display:block;font-family:var(--bekele-font-serif);font-size:2.1rem;color:var(--bekele-charcoal)}
.bekele-card span{color:var(--bekele-charcoal-soft);font-size:.85rem}
.bekele-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.bekele-grid label,.bekele-canteen-fields label{display:flex;flex-direction:column;gap:5px;font-weight:500}
.bekele-grid input,.bekele-canteen-fields input,.bekele-canteen-fields select{min-height:42px;border:1px solid var(--bekele-border);border-radius:6px;background:#fff;font-family:var(--bekele-font-sans)}

/* ---------- wp-admin: buttons, tables, notices, scoped to Bekelé pages only ---------- */
.bekele-wrap .button,.bekele-wrap .button-secondary{border-radius:6px;border-color:var(--bekele-border);background:var(--bekele-cream-soft);color:var(--bekele-charcoal);font-family:var(--bekele-font-sans)}
.bekele-wrap .button-primary{background:var(--bekele-gold);border-color:var(--bekele-gold);color:var(--bekele-charcoal);text-shadow:none;font-weight:600}
.bekele-wrap .button-primary:hover,.bekele-wrap .button-primary:focus{background:var(--bekele-gold-soft);border-color:var(--bekele-gold-soft);color:var(--bekele-charcoal)}
.bekele-wrap .button.delete{background:var(--bekele-rust);border-color:var(--bekele-rust);color:#fff}
.bekele-wrap .button.delete:hover{opacity:.9}
.bekele-wrap table.widefat,.bekele-wrap table.form-table{background:var(--bekele-cream-soft);border-color:var(--bekele-border)}
.bekele-wrap table.widefat th{background:var(--bekele-cream);font-family:var(--bekele-font-serif);font-size:1rem}
.bekele-wrap table.widefat td,.bekele-wrap table.widefat th{border-color:var(--bekele-border)}
.bekele-wrap .notice{border-left-color:var(--bekele-gold);background:var(--bekele-cream-soft)}
.bekele-wrap .notice-warning{border-left-color:var(--bekele-rust)}
.bekele-wrap .notice-success{border-left-color:#6d8f5b}

/* ---------- PWA app shell ---------- */
.bekele-app{margin:20px auto;background:var(--bekele-cream)}
.bekele-app header{background:var(--bekele-charcoal);color:var(--bekele-cream);padding:20px;border-radius:10px}
.bekele-app header h2{color:var(--bekele-cream);margin:0}
.bekele-app-nav{display:flex;flex-wrap:wrap;gap:.5rem;overflow:auto;padding:14px 0;margin:0}
.bekele-app-nav button,.bekele-app-nav a{border:0;border-radius:999px;padding:10px 18px;background:var(--bekele-cream-soft);color:var(--bekele-charcoal);text-decoration:none;white-space:nowrap;font-family:var(--bekele-font-sans);font-weight:500;cursor:pointer;transition:background .15s ease}
.bekele-app-nav button:hover,.bekele-app-nav a:hover{background:var(--bekele-gold-soft)}
.bekele-app-nav button.active{background:var(--bekele-gold);color:var(--bekele-charcoal);font-weight:600}
.bekele-message{border-bottom:1px solid var(--bekele-border);padding:1rem;border-radius:8px;margin-bottom:.75rem;background:#fff}
.bekele-message.unread{font-weight:600;border-left:5px solid var(--bekele-gold);background:var(--bekele-cream-soft)}
@media(max-width:600px){.bekele-app{margin:0;border-radius:0}.bekele-cards{grid-template-columns:1fr 1fr}}

/* ---------- attendance register ---------- */
.bekele-att-row{display:grid;grid-template-columns:minmax(160px,1fr) 140px minmax(160px,1fr);gap:.75rem;align-items:center;padding:.75rem;border-bottom:1px solid var(--bekele-border)}
.bekele-att-row select,.bekele-att-row input{width:100%;font-family:var(--bekele-font-sans);border:1px solid var(--bekele-border);border-radius:6px}
@media(max-width:640px){.bekele-att-row{grid-template-columns:1fr}.bekele-grid{grid-template-columns:1fr}}

/* ---------- reports ---------- */
.bekele-report-table{width:100%;border-collapse:collapse;margin:.5rem 0 1.25rem;font-family:var(--bekele-font-sans)}
.bekele-report-table th,.bekele-report-table td{padding:.5rem .6rem;border-bottom:1px solid var(--bekele-border);text-align:left;font-size:.92rem}
.bekele-report-table th{background:var(--bekele-cream);font-family:var(--bekele-font-serif)}

/* ---------- setup wizard ---------- */
.bekele-wizard-steps{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:1rem 0;padding:0;font-family:var(--bekele-font-sans)}
.bekele-wizard-steps li{padding:.4rem .9rem;border-radius:999px;background:var(--bekele-cream-soft);color:var(--bekele-charcoal-soft);font-size:.85rem;border:1px solid var(--bekele-border)}
.bekele-wizard-steps li.is-current{background:var(--bekele-gold);color:var(--bekele-charcoal);font-weight:600;border-color:var(--bekele-gold)}
.bekele-wizard-steps li.is-done{background:#EAF0E4;color:#4a6b3a;border-color:#d3e2c7}
.bekele-wizard-panel{max-width:760px;margin-top:1rem}

/* ---------- login card ---------- */
.bekele-login-card{max-width:380px;margin:40px auto;padding:0;overflow:hidden}
.bekele-login-card header{margin:0;border-radius:12px 12px 0 0;text-align:center;background:var(--bekele-charcoal)}
.bekele-login-card header p{margin:.25rem 0 0;opacity:.85;font-size:.9rem;color:var(--bekele-gold-soft)}
.bekele-login-body{padding:24px;background:var(--bekele-cream-soft)}
.bekele-login-body #loginform{display:flex;flex-direction:column;gap:14px}
.bekele-login-body .login-username,.bekele-login-body .login-password,.bekele-login-body .login-remember,.bekele-login-body .login-submit{margin:0}
.bekele-login-body label{display:block;font-weight:600;margin-bottom:6px;font-size:.9rem;color:var(--bekele-charcoal);font-family:var(--bekele-font-sans)}
.bekele-login-body input.input{width:100%;padding:10px 12px;border:1px solid var(--bekele-border);border-radius:8px;font-size:1rem;box-sizing:border-box;font-family:var(--bekele-font-sans);background:#fff}
.bekele-login-body input.input:focus{outline:none;border-color:var(--bekele-gold);box-shadow:0 0 0 2px rgba(184,146,63,.25)}
.bekele-login-body .login-remember label{display:flex;align-items:center;gap:8px;font-weight:400}
.bekele-login-body #wp-submit{width:100%;padding:12px;border:0;border-radius:8px;background:var(--bekele-gold);color:var(--bekele-charcoal);font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--bekele-font-sans)}
.bekele-login-body #wp-submit:hover{background:var(--bekele-gold-soft)}