/* ===== Platform Credential Cards ===== */
.acl-cred-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.acl-cred-card{background:var(--md-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);overflow:hidden;border:1px solid transparent;transition:border-color .25s var(--ease-spring),box-shadow .25s var(--ease-spring),transform .25s var(--ease-spring)}
.acl-cred-card:hover{border-color:var(--md-primary-container);box-shadow:0 6px 20px rgba(0,82,217,.08);transform:translateY(-2px)}
.acl-cred-head{padding:16px 18px 12px;display:flex;align-items:center;gap:10px}
.acl-cred-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}
.acl-cred-info{flex:1;min-width:0}
.acl-cred-name{font-size:14px;font-weight:600;font-family:'Google Sans',sans-serif}
.acl-cred-sub{font-size:11px;color:var(--md-outline);margin-top:2px}
.acl-cred-status{display:inline-flex;align-items:center;gap:3px;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600}
.acl-cred-body{padding:0 18px 14px;font-size:12px;color:var(--md-on-surface-variant);display:flex;flex-direction:column;gap:6px}
.acl-cred-row{display:flex;align-items:center;gap:6px}
.acl-cred-row-label{min-width:78px;font-weight:500;color:var(--md-outline)}
.acl-cred-row-val{font-family:'Google Sans Text',monospace;color:var(--md-on-surface);word-break:break-all}
.acl-cred-mask{letter-spacing:2px}

/* Credential Verification */
.acl-cred-verify{padding:0 18px 16px;border-top:1px dashed var(--md-surface-3);margin-top:2px}
.acl-cred-verify-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0 8px}
.acl-cred-verify-title{font-size:11px;font-weight:600;color:var(--md-on-surface-variant);display:flex;align-items:center;gap:4px}
.acl-cred-verify-title .material-symbols-outlined{font-size:14px}
.acl-verify-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:14px;font-size:11px;font-weight:600;border:1.5px solid var(--md-primary);background:transparent;color:var(--md-primary);cursor:pointer;font-family:inherit;transition:all .25s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden}
.acl-verify-btn::before{content:'';position:absolute;inset:0;background:var(--md-primary);opacity:0;transition:opacity .2s}
.acl-verify-btn:hover::before{opacity:.08}
.acl-verify-btn:hover{transform:scale(1.02);box-shadow:0 2px 8px rgba(0,82,217,.2)}
.acl-verify-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}
.acl-verify-btn .material-symbols-outlined{font-size:14px}
.acl-verify-checks{display:flex;flex-direction:column;gap:6px}
.acl-verify-item{display:flex;align-items:center;gap:10px;font-size:11px;padding:6px 10px;border-radius:8px;transition:all .3s cubic-bezier(.2,0,0,1);background:transparent}
.acl-verify-item-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.2,0,0,1)}
.acl-verify-item-icon .material-symbols-outlined{font-size:13px}
.avi-pass{background:rgba(30,142,62,.06)}.avi-pass .acl-verify-item-icon{background:var(--md-success-container);box-shadow:0 0 0 3px rgba(30,142,62,.12)}.avi-pass .acl-verify-item-icon .material-symbols-outlined{color:var(--md-success)}
.avi-fail{background:rgba(217,48,37,.06)}.avi-fail .acl-verify-item-icon{background:var(--md-error-container);box-shadow:0 0 0 3px rgba(217,48,37,.12)}.avi-fail .acl-verify-item-icon .material-symbols-outlined{color:var(--md-error)}
.avi-warn{background:rgba(227,116,0,.06)}.avi-warn .acl-verify-item-icon{background:var(--md-warning-container);box-shadow:0 0 0 3px rgba(227,116,0,.12)}.avi-warn .acl-verify-item-icon .material-symbols-outlined{color:var(--md-warning)}
.avi-pending{background:rgba(0,82,217,.04)}.avi-pending .acl-verify-item-icon{background:var(--md-primary-container);animation:verifyPulse 1.2s ease-in-out infinite}.avi-pending .acl-verify-item-icon .material-symbols-outlined{color:var(--md-primary);animation:spin 1s linear infinite}
.avi-idle .acl-verify-item-icon{background:var(--md-surface-2)}.avi-idle .acl-verify-item-icon .material-symbols-outlined{color:var(--md-outline)}
.acl-verify-item-label{flex:1;color:var(--md-on-surface-variant);font-weight:500;transition:color .3s}
.avi-pass .acl-verify-item-label{color:var(--md-success);font-weight:600}.avi-fail .acl-verify-item-label{color:var(--md-error);font-weight:600}.avi-warn .acl-verify-item-label{color:var(--md-warning);font-weight:600}
.acl-verify-item-detail{font-size:10px;color:var(--md-outline);font-family:'Google Sans Text',monospace;transition:all .3s;opacity:0;transform:translateX(-8px)}
.avi-pass .acl-verify-item-detail,.avi-fail .acl-verify-item-detail,.avi-warn .acl-verify-item-detail{opacity:1;transform:translateX(0)}
.acl-verify-time{font-size:10px;color:var(--md-outline);margin-top:6px;display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;background:var(--md-surface-1);transition:all .3s}
.acl-verify-time .material-symbols-outlined{font-size:12px}
@keyframes verifyPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,82,217,.3)}50%{box-shadow:0 0 0 6px rgba(0,82,217,0)}}
@keyframes checkPulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes verifySlideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.acl-verify-running .acl-verify-item{animation:verifySlideIn .4s cubic-bezier(.2,0,0,1) forwards}

/* Add new channel card */
.acl-cred-add{border:2px dashed var(--md-outline-variant) !important;box-shadow:none !important;cursor:pointer;min-height:120px}
.acl-cred-add-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;min-height:inherit;padding:32px 16px}

/* Auth method buttons */
.cred-auth-method{transition:all .2s ease !important}
.cred-auth-method:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1) !important}