.pa-card {
    --pa-blue: #2563eb;
    --pa-blue-soft: #eff6ff;
    --pa-border: #dbe7f5;
    --pa-text: #172033;
    --pa-muted: #60738b;
    margin: 16px 0 38px;
    padding: 20px 22px;
    border: 1px solid var(--pa-border);
    border-radius: 16px;
    background: linear-gradient(135deg, #fff 0%, #f6faff 100%);
    box-shadow: 0 5px 22px rgba(37, 99, 235, .09);
    color: var(--pa-text);
}
.pa-card.pa-collapsed { margin-bottom:28px; padding:15px 18px; }
.pa-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.pa-head-copy { flex:1 1 auto; min-width:0; }
.pa-title-row { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.pa-title { margin:0; font-size:20px; line-height:1.25; font-weight:850; color:var(--pa-text); }
.pa-subtitle { margin:6px 0 0; color:var(--pa-muted); font-size:13.5px; line-height:1.5; }
.pa-summary { margin:5px 0 0; color:#31506f; font-size:12.5px; line-height:1.35; font-weight:800; }
.pa-pro-badge { flex:0 0 auto; padding:5px 10px; border-radius:999px; background:#fff4cf; color:#8b5b00; border:1px solid #f3d36b; font-size:12px; font-weight:850; }
.pa-pro-link { text-decoration:none !important; transition:transform .15s,box-shadow .15s; }
.pa-pro-link:hover { color:#704900; transform:translateY(-1px); box-shadow:0 4px 12px rgba(139,91,0,.14); }
.pa-toggle { appearance:none; flex:0 0 auto; min-height:38px; padding:8px 12px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid #bfd0e4; border-radius:10px; background:#fff; color:#31506f; font:inherit; font-size:13px; font-weight:850; cursor:pointer; white-space:nowrap; transition:background .15s,border-color .15s,transform .15s,box-shadow .15s; }
.pa-toggle:hover { transform:translateY(-1px); border-color:#91afd0; box-shadow:0 5px 14px rgba(37,99,235,.12); }
.pa-toggle:focus-visible { outline:3px solid rgba(37,99,235,.25); outline-offset:2px; }
.pa-toggle-icon { min-width:13px; font-size:17px; line-height:1; transform:translateY(-1px); }
.pa-body { margin-top:16px; }
.pa-body[hidden],.pa-message[hidden] { display:none !important; }
.pa-lock { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 16px; border:1px dashed #b8cae1; border-radius:12px; background:rgba(255,255,255,.7); }
.pa-lock-text { min-width:0; font-size:14px; line-height:1.5; color:#42566e; }
.pa-lock-text strong { color:var(--pa-text); }
.pa-lock-actions { display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.pa-btn { appearance:none; border:0; border-radius:10px; min-height:40px; padding:9px 15px; display:inline-flex; align-items:center; justify-content:center; gap:7px; background:var(--pa-blue); color:#fff !important; text-decoration:none !important; font:inherit; font-size:13.5px; font-weight:800; cursor:pointer; white-space:nowrap; transition:transform .15s, box-shadow .15s, opacity .15s; }
.pa-btn:hover { transform:translateY(-1px); box-shadow:0 6px 16px rgba(37,99,235,.22); }
.pa-btn:disabled { opacity:.55; cursor:not-allowed; transform:none; box-shadow:none; }
.pa-btn-secondary { color:#31506f !important; background:#fff; border:1px solid #cbd9e8; }
.pa-btn-danger { color:#a31d2d !important; background:#fff5f6; border:1px solid #f4c3ca; }
.pa-btn-small { min-height:32px; padding:6px 10px; font-size:12.5px; }
.pa-status-row { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:12px 14px; background:#fff; border:1px solid var(--pa-border); border-radius:11px; }
.pa-status-main { display:flex; align-items:center; gap:9px; min-width:0; font-size:13.5px; }
.pa-dot { width:10px; height:10px; flex:0 0 10px; border-radius:50%; background:#94a3b8; box-shadow:0 0 0 4px rgba(148,163,184,.13); }
.pa-dot.active { background:#16a34a; box-shadow:0 0 0 4px rgba(22,163,74,.13); }
.pa-dot.paused { background:#f59e0b; box-shadow:0 0 0 4px rgba(245,158,11,.14); }
.pa-dot.blocked { background:#dc2626; box-shadow:0 0 0 4px rgba(220,38,38,.12); }
.pa-actions { display:flex; gap:8px; flex-wrap:wrap; }
.pa-channel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:10px; }
.pa-channel-card { display:flex; min-width:0; min-height:126px; flex-direction:column; justify-content:space-between; gap:12px; padding:13px; border:1px solid var(--pa-border); border-radius:11px; background:#fff; }
.pa-channel-head { display:flex; align-items:flex-start; gap:10px; min-width:0; }
.pa-channel-icon { display:flex; align-items:center; justify-content:center; width:32px; height:32px; flex:0 0 32px; border-radius:9px; background:var(--pa-blue-soft); font-size:17px; line-height:1; }
.pa-channel-copy { min-width:0; }
.pa-channel-title { color:var(--pa-text); font-size:13.5px; font-weight:850; }
.pa-channel-status { margin-top:3px; color:var(--pa-muted); font-size:11.8px; line-height:1.4; overflow-wrap:anywhere; }
.pa-channel-status.is-active { color:#15803d; font-weight:750; }
.pa-channel-status.is-paused { color:#b45309; font-weight:750; }
.pa-channel-actions { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.pa-channel-actions .pa-btn { min-height:34px; padding:7px 10px; font-size:12px; }
.pa-channel-hint { color:var(--pa-muted); font-size:11px; line-height:1.35; }
.pa-permission-help { width:100%; }
.pa-permission-summary { min-height:34px; padding:7px 10px; display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid #cbd9e8; border-radius:8px; background:#fff; color:#31506f; font-size:12px; font-weight:800; cursor:pointer; list-style:none; }
.pa-permission-summary::-webkit-details-marker { display:none; }
.pa-permission-summary::after { content:'⌄'; flex:0 0 auto; font-size:14px; line-height:1; }
.pa-permission-help[open] .pa-permission-summary::after { content:'⌃'; }
.pa-permission-summary:focus-visible { outline:3px solid rgba(37,99,235,.23); outline-offset:2px; }
.pa-permission-content { margin-top:7px; padding:9px 10px; border:1px solid #dbe7f5; border-radius:8px; background:#f8fbff; }
.pa-permission-steps { margin:0; padding-left:18px; color:#526a84; font-size:11px; line-height:1.45; }
.pa-permission-steps li + li { margin-top:4px; }
.pa-permission-actions { margin-top:8px; }
.pa-permission-actions .pa-btn { width:100%; }
.pa-section-title { margin:2px 0 0; color:var(--pa-text); font-size:14px; font-weight:850; }
.pa-delivery-title { margin-top:16px; margin-bottom:9px; }
.pa-add { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto; gap:10px; align-items:end; margin-top:12px; padding:14px; border-radius:11px; background:var(--pa-blue-soft); border:1px solid #cfe1fb; }
.pa-field { min-width:0; }
.pa-field-label { display:block; margin:0 0 5px; color:#526a84; font-size:12px; font-weight:750; text-align:left; }
.pa-value { min-height:40px; padding:9px 11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #c6d8ec; border-radius:9px; background:#fff; color:#1e3650; font-size:13.5px; line-height:20px; }
.pa-select { width:100%; min-height:42px; padding:9px 34px 9px 11px; border:1px solid #b8cee6; border-radius:9px; background:#fff; color:#1e3650; font:inherit; font-size:13.5px; line-height:20px; cursor:pointer; }
.pa-select:hover:not(:disabled) { border-color:#7ea5d1; }
.pa-select:focus-visible { outline:3px solid rgba(37,99,235,.22); border-color:#5d91cc; outline-offset:1px; }
.pa-select:disabled { background:#f3f6fa; color:#8a9bae; cursor:not-allowed; opacity:1; }
.pa-follow { min-width:118px; }
.pa-empty { color:#8a9bae; }
.pa-list-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; }
.pa-list-title { font-size:14px; font-weight:850; }
.pa-counter { color:var(--pa-muted); font-size:12.5px; }
.pa-list { display:grid; gap:8px; margin-top:9px; }
.pa-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:11px 12px; border:1px solid #dde7f1; border-radius:10px; background:#fff; }
.pa-item-name { font-size:13.5px; font-weight:800; color:#243b55; }
.pa-item-meta { margin-top:3px; color:var(--pa-muted); font-size:11.8px; }
.pa-item-actions { display:flex; gap:6px; align-items:center; }
.pa-note { margin-top:12px; color:var(--pa-muted); font-size:11.8px; line-height:1.55; }
.pa-message { display:none; margin-top:10px; padding:9px 11px; border-radius:9px; font-size:12.5px; line-height:1.45; }
.pa-message.show { display:block; }
.pa-message.error { color:#991b1b; background:#fff1f2; border:1px solid #fecdd3; }
.pa-message.ok { color:#166534; background:#f0fdf4; border:1px solid #bbf7d0; }
.pa-skeleton { min-height:82px; display:flex; align-items:center; justify-content:center; color:var(--pa-muted); font-size:13px; }
.pa-spinner { width:18px; height:18px; margin-right:9px; border:2px solid #c7d8ea; border-top-color:var(--pa-blue); border-radius:50%; animation:pa-spin .7s linear infinite; }
@keyframes pa-spin { to { transform:rotate(360deg); } }

.dark-theme .pa-card { --pa-border:#33445c; --pa-text:#edf4ff; --pa-muted:#a9bad0; background:linear-gradient(135deg,#182238,#1c2b45); box-shadow:0 5px 22px rgba(0,0,0,.23); }
.dark-theme .pa-lock,.dark-theme .pa-status-row,.dark-theme .pa-channel-card,.dark-theme .pa-item,.dark-theme .pa-value,.dark-theme .pa-select { background:#202d45; border-color:#3b4e6b; color:#e8f1ff; }
.dark-theme .pa-select { color-scheme:dark; }
.dark-theme .pa-select:disabled { background:#1b263b; color:#7f92aa; }
.dark-theme .pa-add { background:#1b3152; border-color:#335783; }
.dark-theme .pa-btn-secondary { background:#263751; border-color:#48617f; color:#dceafe !important; }
.dark-theme .pa-btn-danger { background:#452630; border-color:#79404c; color:#ffd6dc !important; }
.dark-theme .pa-lock-text,.dark-theme .pa-item-name { color:#dbeafe; }
.dark-theme .pa-summary { color:#c5d7ec; }
.dark-theme .pa-toggle { background:#263751; border-color:#48617f; color:#e2eeff; }
.dark-theme .pa-channel-icon { background:#263d60; }
.dark-theme .pa-channel-status.is-active { color:#86efac; }
.dark-theme .pa-channel-status.is-paused { color:#fcd34d; }
.dark-theme .pa-permission-summary { background:#263751; border-color:#48617f; color:#e2eeff; }
.dark-theme .pa-permission-content { background:#1b3152; border-color:#335783; }
.dark-theme .pa-permission-steps { color:#b9cbe0; }

@media (max-width:760px) {
    .pa-card { margin:14px 0 30px; padding:17px 15px; }
    .pa-card.pa-collapsed { margin-bottom:24px; padding:14px; }
    .pa-card.pa-collapsed .pa-subtitle { display:none; }
    .pa-head { align-items:flex-start; gap:10px; }
    .pa-title { font-size:17px; }
    .pa-subtitle { font-size:12.5px; line-height:1.4; }
    .pa-summary { font-size:11.8px; }
    .pa-toggle { min-height:36px; padding:7px 9px; font-size:12px; }
    .pa-lock { align-items:stretch; flex-direction:column; }
    .pa-lock-actions { width:100%; }
    .pa-lock-actions .pa-btn { flex:1 1 130px; }
    .pa-channel-grid { grid-template-columns:1fr; }
    .pa-channel-card { min-height:0; }
    .pa-add { grid-template-columns:1fr; }
    .pa-btn { width:100%; }
    .pa-actions { width:100%; }
    .pa-actions .pa-btn { flex:1 1 140px; }
    .pa-item { grid-template-columns:1fr; }
    .pa-item-actions .pa-btn { width:auto; flex:1; }
}