/* Pard ID — общий дизайн-код мини-приложений */
:root{
  --p-bg:#14161a;
  --p-panel:#1b1e23;
  --p-panel2:#23272e;
  --p-border:#333941;
  --p-text:#eceef1;
  --p-muted:#9aa3ad;
  --p-go:#8aa15c;
  --p-warn:#d8a24a;
  --p-stop:#d16a5a;
  --p-info:#5aa6d1;
  --p-radius-s:10px;
  --p-radius-m:12px;
  --p-radius-l:16px;
  --p-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

.p-btn{
  height:40px;padding:0 14px;border-radius:var(--p-radius-m);
  border:1px solid var(--p-border);background:var(--p-panel2);color:var(--p-text);
  font:inherit;font-size:13px;cursor:pointer;transition:.15s ease;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.p-btn:hover{border-color:#4a525c}
.p-btn.primary{background:var(--p-go);border-color:var(--p-go);color:#14161a;font-weight:600}
.p-btn.primary:hover{filter:brightness(1.05)}
.p-btn.icon{width:40px;padding:0}

.p-input{
  width:100%;height:42px;border-radius:var(--p-radius-s);
  border:1px solid var(--p-border);background:var(--p-bg);color:var(--p-text);
  padding:0 12px;font:inherit;font-size:14px;outline:none;
}
.p-input:focus{border-color:var(--p-go)}

.p-card{
  background:var(--p-panel);border:1px solid var(--p-border);border-radius:var(--p-radius-l);
}

.p-modal{
  position:fixed;inset:0;z-index:80;background:#000b;backdrop-filter:blur(3px);
  display:none;align-items:center;justify-content:center;padding:20px;
}
.p-modal.open{display:flex}
.p-modal-card{
  position:relative;width:100%;max-width:380px;background:var(--p-panel);
  border:1px solid var(--p-border);border-radius:var(--p-radius-l);padding:22px;
}
.p-modal-x{
  position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:8px;
  border:1px solid var(--p-border);background:var(--p-panel2);color:var(--p-text);cursor:pointer;
}

/* Шапка Pard ID для приложений */
.p-header{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.p-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.p-logo{
  width:36px;height:36px;border-radius:11px;background:linear-gradient(160deg,#242a31,#14161a);
  border:1px solid var(--p-border);display:flex;align-items:center;justify-content:center;
  color:var(--p-go);font-weight:700;font-size:15px;text-decoration:none;
}
.p-brand-text{font-size:13px;font-weight:600;line-height:1.2}
.p-brand-text small{display:block;color:var(--p-muted);font-size:10.5px;font-weight:400}
.p-acc{
  height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--p-border);
  background:var(--p-panel2);color:var(--p-text);font:inherit;font-size:12.5px;cursor:pointer;
  max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.p-acc:hover{border-color:var(--p-go)}