/* ZyroDevv CPanel Cloud V1.6.5 — Credential Copy + Own Panel Scope */
.credentials-modal{width:min(94vw,570px);padding:24px}
.credential-modal-head{align-items:flex-start}
.credential-modal-head>div{min-width:0}
.credential-modal-head .badge{margin-bottom:8px}
.credentials-intro{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:16px;border:1px solid #bfdbfe;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);color:#1d4ed8}
.credentials-intro>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(16,185,129,.2)}
.credentials-intro b,.credentials-intro small{display:block}.credentials-intro small{margin-top:3px;color:#64748b;line-height:1.45}
.credential-list{display:grid;gap:12px}
.credential-item{padding:13px;border:1px solid #dfe7f2;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 9px 24px rgba(15,23,42,.045)}
.credential-item-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#475569;font-size:13px}
.credential-item-head>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eef2ff;color:#2563eb}
.credential-value-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.credential-value-row code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px 13px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}
.credential-copy-btn{min-width:96px;height:46px;padding:0 15px;border:1px solid #dbe5f1;border-radius:13px;background:#eef3fb;color:#334155;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:850;white-space:nowrap;flex:0 0 auto;transition:.2s}
.credential-copy-btn:hover{transform:translateY(-1px);border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}
.credential-copy-btn.copied,.credential-copy-all.copied{background:#dcfce7!important;color:#047857!important;border-color:#86efac!important}
.copy-icon{display:inline-grid;place-items:center;flex:0 0 auto;line-height:1}
.credentials-actions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;margin-top:18px}
.credentials-actions .btn{min-height:50px;white-space:nowrap}
.credential-copy-all{background:#fff}
@media(max-width:480px){.credentials-modal{padding:20px 16px}.credential-modal-head h2{font-size:27px}.credential-value-row{grid-template-columns:minmax(0,1fr) 90px}.credential-copy-btn{min-width:90px;padding:0 10px}.credential-value-row code{font-size:13px;padding:11px}.credentials-actions{grid-template-columns:1fr}.credentials-actions .btn{width:100%}}