/*
 |----------------------------------------------------------------
 | list-api-keys.css — static styles for new API key reveal banner
 |----------------------------------------------------------------
 |
 | Paired with resources/views/filament/resources/api-key-resource/pages/list-api-keys.blade.php
 | via <link rel="stylesheet" href="{{ asset('css/views/filament/resources/api-key-resource/pages/list-api-keys.css') }}">.
 |
 | All STATIC styles for the page live here. The view uses x-bind:class
 | (instead of x-bind:style) to flip between idle/copied button states.
 */

.lak-banner{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.75rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem}
.lak-banner-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}
.lak-banner-icon{width:1.25rem;height:1.25rem;color:#16a34a}
.lak-banner-title{font-weight:600;font-size:.9375rem;color:#15803d}
.lak-banner-msg{font-size:.8125rem;color:#374151;margin-bottom:.75rem}
.lak-banner-msg-strong{color:#b91c1c}
.lak-banner-row{display:flex;align-items:center;gap:.5rem}
.lak-key-input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;padding:.5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;letter-spacing:.01em}
.lak-copy-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;white-space:nowrap;transition:all .15s}
.lak-copy-btn-copied{border-color:#a7f3d0;background:#dcfce7;color:#15803d}
.lak-copy-icon{width:1rem;height:1rem}
