/* HF87 Gemini Cloud UI v2 — identity + cleaner status + easy credential modal */
.gemini-user-card{align-items:flex-start!important}
.gemini-user-card .gemini-user-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1}
.gemini-user-card .gemini-user-copy>b{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gemini-user-identity{width:100%;display:grid;gap:4px;margin-top:5px;padding-top:7px;border-top:1px solid #e5edf5}
.gemini-user-identity small{display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:7px;margin:0!important;min-width:0;color:#64748b!important;font-size:10px!important;line-height:1.25!important}
.gemini-user-identity small>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#94a3b8}
.gemini-user-identity small>b{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px!important;color:#334155!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* credential modal: compact, obvious, one-hand friendly */
.credentials-modal-easy{width:min(94vw,560px)!important;padding:20px!important;border-radius:26px!important;overflow:auto!important}
.credentials-modal-easy .credential-modal-head{margin-bottom:12px!important;align-items:flex-start!important}
.credentials-modal-easy .credential-modal-head h2{font-size:26px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.credential-success-hero{display:flex;align-items:center;gap:12px;padding:13px 14px;margin:0 0 12px;border:1px solid #bfe7dd;border-radius:17px;background:linear-gradient(135deg,#ecfdf5 0%,#eff6ff 60%,#f5f3ff 100%)}
.credential-success-hero.admin{border-color:#c7d2fe;background:linear-gradient(135deg,#eef2ff,#f5f3ff,#eff6ff)}
.credential-success-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:0 0 42px;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;font-weight:1000;font-size:22px;box-shadow:0 8px 20px rgba(16,185,129,.2)}
.credential-success-hero>div{min-width:0}.credential-success-hero small{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#059669;margin-bottom:2px}.credential-success-hero b{display:block;color:#0f172a;font-size:14px}.credential-success-hero p{margin:2px 0 0;color:#64748b;font-size:11px;line-height:1.4}
.credentials-modal-easy .credential-list{gap:8px!important}
.credentials-modal-easy .credential-item{padding:10px!important;border:1px solid #dbe6f0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 16px rgba(15,23,42,.035)!important}
.credentials-modal-easy .credential-item-head{margin-bottom:6px!important;gap:8px!important}
.credentials-modal-easy .credential-item-head>span{width:28px!important;height:28px!important;border-radius:9px!important;background:#eef5ff!important;color:#2563eb!important}
.credentials-modal-easy .credential-item-head>div{min-width:0;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.credentials-modal-easy .credential-item-head b{font-size:12px!important;color:#334155!important}
.credentials-modal-easy .credential-item-head small{font-size:9px!important;color:#94a3b8!important}
.credentials-modal-easy .credential-value-row{grid-template-columns:minmax(0,1fr) 82px!important;gap:8px!important}
.credentials-modal-easy .credential-value-row code{min-height:42px!important;padding:10px 11px!important;border-radius:11px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;font-size:12.5px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;display:flex!important;align-items:center!important;line-height:1.35!important}
.credentials-modal-easy .credential-copy-btn{height:42px!important;min-width:82px!important;padding:0 10px!important;border-radius:11px!important;background:#eef4fb!important;font-size:11px!important;font-weight:900!important}
.credentials-actions-easy{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}
.credentials-actions-easy .btn{min-height:48px!important;width:100%!important;border-radius:13px!important;font-size:12px!important;font-weight:900!important}
.credentials-actions-easy .credential-copy-all{order:1!important;background:linear-gradient(135deg,#06b6d4,#2563eb 55%,#7c3aed)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(37,99,235,.18)!important}
.credentials-actions-easy .credential-open-panel{order:2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#fff!important;color:#0f172a!important;border:2px solid #dbe6f0!important}
.credential-tip{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:9px 10px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}
.credential-tip>span{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#e0f2fe;color:#0369a1;font-weight:900;font-size:11px;flex:0 0 20px}.credential-tip p{margin:1px 0 0;font-size:9.5px;line-height:1.45}.credential-tip b{color:#334155}

@media(max-width:600px){
  .gemini-user-card{padding:14px!important}.gemini-user-card img{width:54px!important;height:54px!important}
  .gemini-user-identity small{grid-template-columns:34px minmax(0,1fr)}
  .credentials-modal-easy{width:calc(100vw - 24px)!important;max-height:88vh!important;padding:15px 13px!important;border-radius:22px!important}
  .credentials-modal-easy .credential-modal-head h2{font-size:22px!important}
  .credential-success-hero{padding:11px 12px!important}.credential-success-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px}
  .credentials-modal-easy .credential-value-row{grid-template-columns:minmax(0,1fr) 76px!important}
  .credentials-modal-easy .credential-copy-btn{min-width:76px!important;padding:0 8px!important}
  .credentials-modal-easy .credential-value-row code{font-size:12px!important}
}