/* RozdzielnicaPRO v0.7.35.8 — real cloud project library
 * Styles only #proShell projects. No generated images or external assets.
 */
#proShell [data-pro-page="projects"]{display:flex;flex-direction:column;gap:19px;min-width:0}
#proShell [data-pro-page="projects"] .pro-section-head{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  border:1px solid #34678e;background:linear-gradient(110deg,#123550,#091e34);
  border-radius:16px;padding:26px clamp(16px,2.8vw,34px);
  margin:0;
}
#proShell [data-pro-page="projects"] .pro-section-head h3{
  color:#f1f9ff;font:900 clamp(23px,2.8vw,35px) Rajdhani,Inter,sans-serif;
  margin:0 0 7px;
}
#proShell [data-pro-page="projects"] .pro-section-head p{
  color:#bad3e9;font-size:13px;line-height:1.65;margin:0;
}
#proShell [data-pro-page="projects"] .pro-section-head [data-pro-action="refresh"]{
  border:1px solid #79a8ce;background:#163a59;border-radius:10px;
  color:#eaf6ff;padding:12px 16px;min-height:43px;
  font-size:11px;font-weight:900;white-space:nowrap;
}
#proShell [data-pro-page="projects"] .pro-section-head [data-pro-action="refresh"]:hover{
  border-color:#d2e7ff;background:#22557e
}
#proShell #pro38ProjectMetrics{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
#proShell .pro38-summary-card{
  display:flex;align-items:center;gap:13px;min-height:100px;padding:17px 20px;
  background:linear-gradient(135deg,#0d2a43,#081c31);
  border:1px solid #315877;border-radius:13px;color:#fff;
  flex-wrap:wrap;
}
#proShell .pro38-stat-icon{
  display:grid;place-items:center;
  width:48px;height:48px;border-radius:12px;
  border:1px solid #277cc6;background:#0d3d61;color:#89d2ff;
  font-size:25px;
}
#proShell .pro38-summary-card strong{
  font:900 32px/1 Rajdhani,Inter,sans-serif;color:#fff
}
#proShell .pro38-summary-card small{
  flex:1 1 100%;color:#8db6d8;font:800 10px/1.5 Inter,Arial,sans-serif;
  letter-spacing:.09em;
}
#proShell #proProjectsList.pro-project-list{
  display:flex!important;flex-direction:column!important;gap:15px!important;
  width:100%;margin:0!important;grid-template-columns:none!important;
}
#proShell .pro38-card{
  padding:23px clamp(16px,2.5vw,30px);
  border:1px solid #315b7b;border-radius:15px;
  background:linear-gradient(115deg,#0c2741,#071a2e);
  min-width:0;display:flex;flex-direction:column;gap:15px;
  box-shadow:0 9px 25px #0003;
}
#proShell .pro38-card.is-empty{
  border-style:dashed;
  background:linear-gradient(110deg,#092037,#071728);
}
#proShell .pro38-card-header{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0
}
#proShell .pro38-card-icon{
  display:grid;place-items:center;flex:0 0 62px;height:62px;
  font-size:34px;border:1px solid #2788d8;border-radius:14px;
  color:#94d4ff;background:linear-gradient(140deg,#0c4c77,#0a2746);
}
#proShell .pro38-card.is-empty .pro38-card-icon{
  background:#102b43;border-color:#355c79;color:#91aec8;
}
#proShell .pro38-card-details{flex:1 1 240px;min-width:0}
#proShell .pro38-slot{
  display:block;font:900 10px Inter,Arial,sans-serif;
  color:#73bdef;letter-spacing:.12em;margin-bottom:6px;
}
#proShell .pro38-card-details h4{
  margin:0;color:#f3faff;font:900 clamp(19px,2vw,24px) Rajdhani,Inter,sans-serif;
  overflow-wrap:anywhere;
}
#proShell .pro38-state{
  display:inline-flex;align-items:center;flex:0 0 auto;
  border-radius:30px;padding:8px 12px;
  font:850 10px Inter,Arial,sans-serif;letter-spacing:.03em;
  border:1px solid #376b91;color:#accee8;background:#15344d;
}
#proShell .pro38-state.is-cloud{
  background:#0c4939;border-color:#208e6b;color:#8ff5ce;
}
#proShell .pro38-project-meta{
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  padding:12px 16px;background:#081b2e;border:1px solid #214866;border-radius:11px;
  color:#b8d7ee;font-size:12px;
}
#proShell .pro38-project-meta>span:first-child{
  font-weight:850;color:#9ed5fb;margin-right:11px;letter-spacing:.03em;
}
#proShell .pro38-info{display:flex;gap:7px;align-items:center}
#proShell .pro38-info small{
  color:#809db6;letter-spacing:.045em;font-size:10px
}
#proShell .pro38-info strong{color:#f1f8ff;font-size:12px}
#proShell .pro38-date,#proShell .pro38-empty-text,#proShell .pro38-cloud-wait{
  color:#aac7e0;line-height:1.6;font-size:12px;margin:0;
}
#proShell .pro38-warn{
  color:#ffcf90;background:#432816;border:1px solid #ba8139;
  border-radius:10px;padding:12px;font-size:12px;margin:0;
}
#proShell .pro38-actions{
  display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:auto;
}
#proShell .pro38-button{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:40px;border-radius:9px;padding:10px 13px;
  border:1px solid #42769f;background:#163b5a;color:#e7f4ff;
  font-size:11px;font-weight:900;letter-spacing:.03em;
  cursor:pointer;transition:background .14s,border-color .14s;
}
#proShell .pro38-button:not(:disabled):hover{background:#205581;border-color:#9dccf1}
#proShell .pro38-button.is-primary{
  border-color:#1586d9;background:#086bad;color:#fff
}
#proShell .pro38-button.is-primary:not(:disabled):hover{background:#178bd4}
#proShell .pro38-button.is-danger{
  margin-left:auto;border-color:#a85e65;color:#ffdce0;background:#4d2731;
}
#proShell .pro38-button.is-danger:not(:disabled):hover{background:#7c3546}
#proShell .pro38-button:disabled{
  opacity:.46;cursor:not-allowed!important;filter:grayscale(.3);
}
#proShell .pro38-button:focus-visible{
  outline:3px solid #fdd456;outline-offset:2px
}
#proShell .pro38-editor{
  display:flex;flex-direction:column;gap:12px;
  border:1px solid #4d7aa0;border-radius:11px;
  background:#091b2f;padding:18px;
}
#proShell .pro38-editor>p{
  margin:0;color:#c7dced;font-size:12px;line-height:1.55;
}
#proShell .pro38-editor input{
  background:#102e48;color:#fff;min-height:43px;
  padding:10px 14px;border:1px solid #5784a9;
  border-radius:9px;max-width:min(100%,460px);width:100%;box-sizing:border-box;
}
#proShell .pro38-editor input:focus-visible{outline:3px solid #ffdf69}
#proShell #proProjectsStatus{
  border:1px solid #284866;border-radius:11px;
  padding:15px 18px;background:#0c2338;color:#bad9ee;
  margin:0;line-height:1.55;font-size:12px;
}
#proShell #proProjectsStatus[data-state="success"]{
  color:#a2f5d1;border-color:#2c7867;background:#093529
}
#proShell #proProjectsStatus[data-state="error"]{
  color:#ffdbb6;border-color:#9d695a;background:#37231b
}
@media(max-width:900px){
 #proShell #pro38ProjectMetrics{gap:9px}
 #proShell .pro38-summary-card{padding:13px}
 #proShell .pro38-stat-icon{width:39px;height:39px;font-size:23px}
 #proShell .pro38-card-header{gap:10px}
}
@media(max-width:670px){
 #proShell [data-pro-page="projects"] .pro-section-head{
   flex-direction:column;align-items:stretch;padding:18px;
 }
 #proShell #pro38ProjectMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 #proShell .pro38-summary-card{gap:7px;min-height:100px;justify-content:center}
 #proShell .pro38-summary-card strong{font-size:24px}
 #proShell .pro38-summary-card small{text-align:center;font-size:9px}
 #proShell .pro38-stat-icon{width:31px;height:31px;font-size:18px}
 #proShell .pro38-card{padding:17px}
 #proShell .pro38-card-icon{flex-basis:48px;height:48px;font-size:27px}
 #proShell .pro38-state{font-size:9px}
 #proShell .pro38-button{flex:1 1 140px}
 #proShell .pro38-button.is-danger{margin-left:0}
 #proShell .pro38-project-meta{gap:10px;padding:10px}
}
@media(max-width:380px){
 #proShell .pro38-state{flex-basis:100%;max-width:max-content}
 #proShell .pro38-summary-card small{font-size:8px}
}