/* RozdzielnicaPRO v0.7.36.0 — stage 1: MOJE KONTO + PANEL ADMINA
   A visual layer over existing real account and admin screens.
   No fake counters or simulated status, no electrical-workspace CSS.
*/
#proShell .pro40-account,
#proShell .pro40-profile,
#proShell .pro40-admin{min-width:0;max-width:none;padding:0;box-sizing:border-box}
#proShell .pro40-account[hidden],
#proShell .pro40-profile[hidden],
#proShell .pro40-admin[hidden]{display:none!important}
#proShell .pro40-account .pro-account-header,
#proShell .pro40-profile>.pro-section-head,
#proShell .pro40-admin>.pro-section-head{
  margin:0 0 20px!important;padding:26px clamp(18px,2.7vw,32px)!important;
  border:1px solid #346b95!important;border-radius:15px!important;
  background:linear-gradient(113deg,#163955,#0b2943 65%,#081d32)!important;
  box-shadow:0 12px 30px #0002;min-width:0;
}
#proShell .pro40-account .pro-account-header h3,
#proShell .pro40-profile>.pro-section-head h3,
#proShell .pro40-admin>.pro-section-head h3{
  font:900 clamp(25px,3vw,37px)/1.15 Rajdhani,Inter,sans-serif!important;
  color:#f3faff!important;margin:3px 0 10px!important;letter-spacing:.025em;
}
#proShell .pro40-account .pro-account-header p,
#proShell .pro40-profile>.pro-section-head p,
#proShell .pro40-admin>.pro-section-head p{
  color:#c0d9ec!important;font-size:13px!important;line-height:1.7!important;
  margin:0!important;max-width:820px;
}
#proShell .pro40-account .pro-eyebrow,
#proShell .pro40-profile .pro-eyebrow,
#proShell .pro40-admin .pro-eyebrow,
#proShell .pro40-eyebrow{
  display:block;font:900 10px Inter,Arial,sans-serif;letter-spacing:.13em;
  color:#97cbf4!important;margin-bottom:7px;
}
#proShell .pro40-content-head,
#proShell .pro40-section-title{
  display:flex;flex-direction:column;gap:5px;margin:21px 0 14px;
}
#proShell .pro40-content-head h4,#proShell .pro40-section-title h4{
  font:900 clamp(18px,2.15vw,25px)/1.2 Rajdhani,Inter,sans-serif;
  color:#f5f9ff;margin:0;letter-spacing:.035em;
}
#proShell .pro40-content-head p,#proShell .pro40-section-title p{
  font-size:12px;color:#a5c5df;margin:0;line-height:1.7;
}
#proShell .pro40-note{
  display:flex;flex-direction:column;gap:7px;
  padding:15px 18px;border-radius:11px;
  border:1px solid #36627f;background:#0e2d46;color:#c9e3f4;margin:15px 0;
}
#proShell .pro40-note strong{
  font-weight:900;font-size:11px;letter-spacing:.045em;color:#a8d8fb;
}
#proShell .pro40-note p{
  font-size:12px;line-height:1.7;margin:0;color:#c6dbea;
}
#proShell .pro40-note.pro40-security{
  border-color:#926d45;background:linear-gradient(110deg,#31291e,#14273b);
}
#proShell .pro40-note.pro40-security strong{color:#ffd38e}
#proShell .pro40-account .pro-account-card,
#proShell .pro40-profile .pro33-card,
#proShell .pro40-admin .pro33-card,
#proShell .pro40-admin .pro30-admin,
#proShell .pro40-admin .pro30-create,
#proShell .pro40-admin .pro30-detail{
  background:linear-gradient(120deg,#102c45,#091d32)!important;
  border:1px solid #335d7e!important;border-radius:14px!important;
  box-shadow:0 8px 24px #0002;
}
#proShell .pro40-account .pro-account-grid{margin:0 0 18px;gap:16px}
#proShell .pro40-account .pro-account-preferences{
  margin:0 0 21px!important;padding:24px clamp(16px,2.5vw,29px)!important;
}
#proShell .pro40-account .pro-account-card h4{
  font:900 22px Rajdhani,Inter,sans-serif!important;color:#f1faff!important;
}
#proShell .pro40-account #proStatsMetrics,
#proShell .pro40-admin .pro-metrics{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;
  margin:12px 0 18px;
}
#proShell .pro40-account .pro-metric,
#proShell .pro40-admin .pro-metric{
  min-width:0;margin:0!important;
  border-radius:12px!important;border:1px solid #326486!important;
  background:linear-gradient(125deg,#123550,#0a253d)!important;
  padding:21px clamp(14px,1.8vw,22px)!important;
  display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 20px #0002;
}
#proShell .pro40-account .pro-metric>span,
#proShell .pro40-admin .pro-metric>span{
  color:#9dcaea!important;font-weight:850!important;font-size:11px!important;
  letter-spacing:.035em;
}
#proShell .pro40-account .pro-metric>strong,
#proShell .pro40-admin .pro-metric>strong{
  font:900 clamp(25px,2.7vw,36px)/1.1 Rajdhani,Inter,sans-serif!important;
  color:#f8fbff!important;overflow-wrap:anywhere;
}
#proShell .pro40-account .pro-account-track{
  background:linear-gradient(90deg,#1f8fe6,#55dac0)!important;
}
#proShell .pro40-account .pro-account-setting{
  padding:19px 2px;border-color:#30546e;gap:14px;
}
#proShell .pro40-account .pro-account-setting input[type="checkbox"]{
  accent-color:#e9b642;width:24px;height:24px
}
#proShell .pro40-account .pro-account-setting select{
  background:#0a1e32;border:1px solid #5085a9;color:#fff
}
#proShell .pro40-account .pro-account-bottom{
  border:1px solid #365a77;border-radius:11px;background:#0b243b;
  padding:15px 20px;margin:15px 0;
}
#proShell .pro40-profile .pro33-grid{margin:0 0 18px;gap:17px}
#proShell .pro40-profile .pro33-card{margin:0;padding:clamp(17px,2.5vw,28px)}
#proShell .pro40-profile .pro33-card h4{
  font:900 23px Rajdhani,Inter,sans-serif;margin-bottom:16px
}
#proShell .pro40-profile .pro33-card input{
  min-height:45px;border-color:#4b7ea3!important;
  background:#0c253c!important;
}
#proShell .pro40-profile .pro33-card button[type="submit"]{
  min-height:44px;background:#146ea8;border-color:#489acb;
}
#proShell .pro40-admin .pro-section-head button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:43px;padding:10px 17px;border-radius:9px;
  background:#18567e;border:1px solid #5494bc;color:#fff;
  font-size:11px;font-weight:900;
}
#proShell .pro40-admin .pro-section-head button:hover{background:#217aae}
#proShell .pro40-admin-overview{
  padding:20px clamp(15px,2vw,25px);border-radius:15px;
  border:1px solid #305d7f;background:linear-gradient(140deg,#0a223b,#081c30);
}
#proShell .pro40-admin-home .pro40-section-title:first-child{margin:0 0 15px}
#proShell .pro40-admin-overview #proAdminOverviewStatus{
  margin:8px 0 0!important;line-height:1.6;color:#b4d4e9;font-size:12px;
}
#proShell .pro40-admin-quick{
  padding:20px clamp(15px,2vw,25px);border-radius:15px;
  margin-top:20px;background:linear-gradient(140deg,#0a2138,#07192b);
  border:1px solid #305c7b;
}
#proShell .pro40-admin-quick .pro40-section-title{margin:0 0 18px}
#proShell .pro40-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#proShell .pro40-quick-grid button{
  display:grid;grid-template-columns:45px minmax(0,1fr) 20px;
  grid-template-rows:auto auto;align-items:center;gap:7px 12px;
  min-height:116px;text-align:left;padding:18px 16px;
  border-radius:13px;border:1px solid #376889;
  background:linear-gradient(125deg,#153b56,#0b263f);
  color:#eaf4ff;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;
}
#proShell .pro40-quick-grid button:hover{
  background:linear-gradient(125deg,#1c4f73,#113452);
  border-color:#79b8e4;transform:translateY(-2px)
}
#proShell .pro40-quick-grid button:focus-visible{
  outline:3px solid #f8ce5a;outline-offset:3px;
}
#proShell .pro40-quick-icon{
  display:grid;place-items:center;grid-column:1;grid-row:1/3;
  width:42px;height:42px;border-radius:10px;border:1px solid #498bba;
  background:#144567;color:#b5e0ff;font-size:21px;
}
#proShell .pro40-quick-grid strong{
  grid-column:2;grid-row:1;color:#fff;font-size:12px;font-weight:900;
  overflow-wrap:anywhere;
}
#proShell .pro40-quick-grid small{
  grid-column:2;grid-row:2;color:#a8c7df;font-size:11px;line-height:1.5;
}
#proShell .pro40-quick-grid b{
  grid-column:3;grid-row:1/3;justify-self:end;color:#98d2fb;font-size:18px;
}
#proShell .pro40-admin .pro-admin-toolbar,
#proShell .pro40-admin .pro30-tools,
#proShell .pro40-admin .pro30-subtitle{
  background:#0d2a42;border:1px solid #315e7f;border-radius:12px;
  padding:18px!important;gap:13px;min-width:0;
}
#proShell .pro40-admin .pro-admin-row,
#proShell .pro40-admin .pro33-usage-row,
#proShell .pro40-admin .pro30-user-row{
  border:1px solid #355f7d!important;border-radius:11px;
  background:#102e45!important;margin-bottom:9px;
}
#proShell .pro40-admin .pro-admin-list{display:flex;flex-direction:column;gap:9px}
#proShell .pro40-admin .pro33-usage-row{margin:0 0 8px}
#proShell .pro40-admin .pro30-detail[hidden],
#proShell .pro40-admin [hidden]{display:none!important}
#proShell .pro40-admin .pro30-detail{padding:20px!important;box-sizing:border-box}
#proShell .pro40-admin .pro30-delete-zone{
  border:1px solid #a46f73;background:#402831;border-radius:12px;padding:17px
}
#proShell .pro40-admin .pro30-delete-zone h4{color:#ffd9dc}
#proShell .pro40-admin .pro30-create-grid input,
#proShell .pro40-admin .pro30-tools input,
#proShell .pro40-admin .pro30-tools select{
  max-width:100%;box-sizing:border-box;
}
#proShell .pro40-system #proAdminSystemMetrics .pro-metric strong{
  font-size:clamp(19px,2vw,27px)!important;
}
#proShell .pro40-notes #pro33Notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#proShell .pro40-notes .pro33-note{margin:0;min-width:0;border-color:#376180}
#proShell .pro40-notes #pro33NoteForm{margin:0 0 20px;max-width:none}
#proShell .pro40-maintenance .maintenance-admin-form{
  border:1px solid #365f7e;border-radius:15px;
  background:linear-gradient(125deg,#122e46,#0a1e31);
  padding:clamp(16px,2.8vw,30px);box-sizing:border-box;
}
#proShell .pro40-maintenance .maintenance-admin-status{
  border-radius:11px;border:1px solid #597e9b;background:#0d2a42;
  padding:15px 18px;color:#e9f6ff;font-weight:850;
}
#proShell .pro40-admin :is(button,input,select,textarea):focus-visible,
#proShell .pro40-account :is(button,input,select):focus-visible,
#proShell .pro40-profile :is(button,input):focus-visible{
  outline:3px solid #f9d879;outline-offset:2px;
}
#proShell #proAdminNav button[data-pro-tab="admin-home"]{
  border-left:3px solid #e2b13e;
}
@media(max-width:1150px){
  #proShell .pro40-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:830px){
  #proShell .pro40-notes #pro33Notes{grid-template-columns:minmax(0,1fr)}
  #proShell .pro40-profile .pro33-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  #proShell .pro40-quick-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  #proShell .pro40-quick-grid button{min-height:93px}
  #proShell .pro40-account .pro-account-header,
  #proShell .pro40-profile>.pro-section-head,
  #proShell .pro40-admin>.pro-section-head{padding:19px!important}
  #proShell .pro40-admin-overview,#proShell .pro40-admin-quick{padding:16px}
  #proShell .pro40-account .pro-metrics,
  #proShell .pro40-admin .pro-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  #proShell .pro40-admin>.pro-section-head button{width:100%}
  #proShell .pro40-profile .pro33-card{padding:17px}
}
@media(max-width:380px){
 #proShell .pro40-account .pro-metric,
 #proShell .pro40-admin .pro-metric{padding:13px!important}
 #proShell .pro40-account .pro-metric>strong,
 #proShell .pro40-admin .pro-metric>strong{font-size:25px!important}
}