/* Wygląd jak panel admina wycieczki.org.pl (motyw "Sunset Blaze").
   Tylko warstwa wizualna — logika PHP bez zmian. Wczytywany PO style.css. */
:root{
  --brand-orange:#ff6b35;--brand-amber:#f7931e;--brand-pink:#e84393;--brand-violet:#6c5ce7;--brand-ink:#1f1640;
  --brand-gradient:linear-gradient(115deg,#ff6b35,#f7931e 48%,#e84393);
  --brand-soft:#fff0e7;
  --bg:#fff8f1;--surface:#fff;--surface2:#fff8f1;--border:#eadfe3;
  --accent:#bb3b12;--accent2:#9a3780;--green:#15734b;--red:#c02e4b;--orange:#ab5800;
  --text:#1f1640;--muted:#6b6480;--header-bg:#fff0e7;
  --primary:#bb3b12;--shadow:rgba(31,22,64,.09);
  --panel-shadow:0 6px 24px -10px rgba(31,22,64,.15);
  --action-shadow:0 8px 20px -10px rgba(187,59,18,.45);
  --focus-ring:0 0 0 3px rgba(255,107,53,.18);
  --font-body:'Barlow',sans-serif;
}
html,body{background:var(--bg)!important;color:var(--text)!important;font-family:var(--font-body)!important;-webkit-font-smoothing:antialiased;}
body *{letter-spacing:0;}
button,input,select,textarea{font-family:var(--font-body)!important;}
input[type=checkbox],input[type=radio]{accent-color:var(--accent);}

/* Pasek górny (panel_menu.php) */
.topbar,.panel-topbar,body>header{background:var(--surface)!important;color:var(--text)!important;
  border-top:3px solid var(--brand-orange)!important;border-bottom:1px solid var(--border)!important;
  box-shadow:none!important;padding:18px 28px!important;}
.topbar *,.panel-topbar *{color:inherit;}
.topbar-logo,.topbar h1,.panel-topbar h1{font:700 23px/1.2 var(--font-body)!important;color:var(--text)!important;
  background:none!important;-webkit-text-fill-color:var(--text)!important;}
.topbar a,.topbar button,.panel-topbar a,.panel-topbar button{border-radius:8px!important;font-weight:600;
  background:var(--surface2)!important;border:1px solid var(--border)!important;color:var(--text)!important;}

/* Zakładki */
.tabs,.panel-tabs,.panel-menu,nav.menu{display:flex;flex-wrap:wrap;gap:6px;background:var(--surface)!important;
  border-bottom:1px solid var(--border)!important;padding:0 28px!important;margin:0 0 22px!important;border-radius:0!important;box-shadow:none!important;}
.tab,.tabs a,.panel-tabs a,.panel-menu a,nav.menu a{padding:14px 10px!important;font-size:13px!important;font-weight:600!important;
  color:var(--muted)!important;background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;
  border-radius:0!important;text-decoration:none!important;}
.tab:hover,.tabs a:hover,.panel-tabs a:hover,.panel-menu a:hover,nav.menu a:hover{background:var(--surface2)!important;color:var(--accent)!important;}
.tab.active,.tabs a.active,.panel-tabs a.active,.panel-menu a.active,nav.menu a.active{color:var(--accent)!important;border-bottom-color:var(--brand-orange)!important;}

/* Układ i karty */
.page-wide{max-width:1280px;margin:0 auto;padding:24px 28px 40px;}
.card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:8px!important;
  box-shadow:var(--panel-shadow)!important;padding:24px!important;margin-bottom:20px;}
.card-head{font:700 22px/1.3 var(--font-body)!important;color:var(--text)!important;background:none!important;
  padding:0 0 16px!important;margin:0 0 18px!important;border-bottom:1px solid var(--border)!important;}

/* Formularze */
.form-group label,label{color:var(--muted);font-weight:600;font-size:.8rem;}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=tel],select,textarea{
  background:var(--surface2)!important;border:1px solid var(--border)!important;color:var(--text)!important;
  border-radius:8px!important;min-height:40px;font-size:.9rem;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-orange)!important;box-shadow:var(--focus-ring)!important;background:var(--surface)!important;}
.hint{color:var(--muted)!important;}

/* Przyciski */
.btn{border-radius:8px!important;font-weight:700!important;font-family:var(--font-body)!important;transition:filter .15s;}
.btn-primary{background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;box-shadow:var(--action-shadow);}
.btn-primary:hover,.btn-success:hover{filter:brightness(1.08);}
.btn-outline,.btn-secondary{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;}
.btn-outline:hover,.btn-secondary:hover{border-color:var(--brand-orange)!important;color:var(--accent)!important;background:var(--brand-soft)!important;}
.btn-success{background:var(--green)!important;color:#fff!important;border:1px solid var(--green)!important;}

/* Komunikaty */
.alert{border-radius:8px!important;border:1px solid var(--border)!important;border-left:4px solid var(--brand-orange)!important;background:var(--surface)!important;color:var(--text)!important;}
.alert-success{border-left-color:var(--green)!important;}
.alert-error{border-left-color:var(--red)!important;}
.alert-warning{border-left-color:var(--brand-amber)!important;}
.alert-info{border-left-color:var(--brand-violet)!important;}

/* Tabele */
.zgl-table,.zip-table,table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;}
th{background:var(--header-bg)!important;color:var(--muted)!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase;padding:14px 12px!important;border-color:var(--border)!important;}
td{border-color:var(--border)!important;}
tbody tr:hover td{background:var(--surface2);}

@media(max-width:700px){
  .page-wide{padding:16px 12px 30px;}
  .tabs,.panel-tabs,.panel-menu,nav.menu{padding:0 8px!important;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;}
  .topbar,.panel-topbar{padding:12px 14px!important;}
  .card{padding:16px!important;}
}
@media print{.topbar,.panel-topbar,.tabs,.panel-tabs,.panel-menu{display:none!important;}.card{box-shadow:none!important;}}

/* Zakładki panel_menu.php (.tab-row) – styl jak w wycieczki.org.pl */
.tab-row{background:var(--surface)!important;border-bottom:1px solid var(--border)!important;gap:2px!important;margin:0 0 22px!important;padding:0 8px!important;}
.tab-row > .btn,.tab-row > a,.tab-row > button{flex:0 0 auto!important;padding:14px 12px!important;font-size:13px!important;font-weight:600!important;
  color:var(--muted)!important;background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;
  border-radius:0!important;box-shadow:none!important;text-decoration:none!important;}
.tab-row > .btn:hover{background:var(--surface2)!important;color:var(--accent)!important;}
.tab-row > .btn-secondary{color:var(--accent)!important;border-bottom-color:var(--brand-orange)!important;}
.topbar .topbar-wyloguj{margin-left:10px;font-size:12px;padding:5px 12px;text-decoration:none;}

/* Ewidencja wpłat (ewidencja/index.php) – nadpisanie własnych kolorów strony */
#ewid h1,#ewid .sync-panel h3,#loginScreen .login-logo{font-family:var(--font-body)!important;font-weight:800!important;color:var(--text)!important;}
#ewid .tab-btn{background:var(--surface)!important;color:var(--muted)!important;border:1px solid var(--border)!important;border-radius:8px!important;}
#ewid .tab-btn:hover{color:var(--accent)!important;border-color:var(--brand-orange)!important;background:var(--brand-soft)!important;}
#ewid .tab-btn.active{background:var(--brand-soft)!important;color:var(--accent)!important;border-color:var(--brand-orange)!important;box-shadow:inset 0 -3px 0 var(--brand-orange)!important;}
#ewid .btn-add,#loginScreen .login-btn{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;box-shadow:var(--action-shadow);}
#ewid .btn-add:hover,#loginScreen .login-btn:hover{filter:brightness(1.08);}
#ewid .btn-sync,#ewid .btn-export{background:var(--brand-ink)!important;border-color:var(--brand-ink)!important;color:#fff!important;}
#ewid .btn-sec:hover{border-color:var(--brand-orange)!important;color:var(--accent)!important;}
#ewid .sync-bar,#ewid .table-wrap,#ewid .sync-panel,#loginScreen .login-box{border-color:var(--border)!important;box-shadow:var(--panel-shadow)!important;}
#loginScreen .login-box::before{background:var(--brand-gradient)!important;}
#loginScreen .login-input:focus,#ewid .cell-input:focus{border-color:var(--brand-orange)!important;outline-color:var(--brand-orange)!important;box-shadow:var(--focus-ring);}
#ewid th{background:var(--header-bg)!important;color:var(--text)!important;}
#ewid th.th-suma{background:#e3f1ea!important;}
#ewid .cell-input.amount,#ewid .cnt,#ewid .sync-info b{color:var(--text)!important;}
#ewid .dot.spin{background:var(--brand-orange)!important;}