.client-qr{border-top:1px solid #ffffff29;flex-direction:column;align-items:center;gap:14px;margin-top:24px;padding-top:24px;display:flex}.client-qr-image{background:#fff;border-radius:8px;width:min(240px,100%);height:auto;display:block}.client-qr .client-card-note{text-align:center}.client-qr-status{color:#e3f0f2;text-align:center;min-height:64px;margin:0;font-size:14px;line-height:1.7}.client-qr-refresh{color:#e3f0f2;text-underline-offset:4px;background:0 0;border:0;padding:8px;font-size:13px;text-decoration:underline}.client-qr-refresh:focus-visible{outline-color:#fff}.cards-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.cards-tools{gap:24px;min-width:0;display:grid}.cards-workspace .workspace-panel{min-width:0}.cards-workspace .eyebrow{color:var(--accent);margin-top:0;font-size:11px}.cards-workspace .button{white-space:normal;text-align:center;margin-top:0}.card-button-row{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.cards-workspace .button-secondary{color:var(--foreground);background:#fff;border:1px solid #b3c6c8}.cards-workspace .button-secondary:hover{background:#f0f6f5}.qr-camera{background:#142b35;border-radius:12px;margin-top:24px;overflow:hidden}.qr-camera video{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.qr-camera>p{color:#f3f8f8;margin:0;padding:14px 18px;font-size:13px}.qr-file-label{margin:24px 0 12px;font-size:14px;font-weight:600;display:block}.qr-file-input{width:100%;max-width:100%;font:inherit;color:var(--muted);font-size:13px;display:block;overflow:hidden}.qr-file-input::file-selector-button{color:var(--foreground);font:inherit;cursor:pointer;background:#f0f6f5;border:1px solid #b3c6c8;border-radius:8px;margin-right:10px;padding:10px 12px}.qr-file-input:disabled{opacity:.55}.cards-workspace .card-help{margin:16px 0 0;font-size:12px;line-height:1.7}.cards-workspace .card-inline-error{color:#a12626;font-size:14px;line-height:1.6}.cards-workspace .card-inline-status{color:#176751;font-size:14px}.cards-workspace .card-success{color:#176751;background:#edf7f1;border-radius:10px;padding:14px;font-size:14px}.card-search{margin-top:20px}.card-result{min-height:320px}.card-empty{text-align:center;padding:44px 0 26px}.card-empty>span{color:#91aeb6;font-size:52px;line-height:1}.card-empty p{max-width:30ch;margin:20px auto 0;font-size:14px}.cards-workspace .card-status{border-radius:30px;margin:28px 0 18px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.cards-workspace .card-status-active{color:#256a46;background:#e9f5ed}.cards-workspace .card-status-blocked,.cards-workspace .card-status-revoked{color:#9b3333;background:#faeeee}.card-client-name{overflow-wrap:anywhere;margin:0;font-size:25px;font-weight:600;line-height:1.3}.cards-workspace .card-client-phone{overflow-wrap:anywhere;margin:7px 0 24px}.card-details{gap:0;margin:0;display:grid}.card-details>div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.card-details dt{color:var(--muted);font-size:13px}.card-details dd{text-align:right;overflow-wrap:anywhere;margin:0;font-size:15px}.card-details .card-discount{color:#087b96;font-size:27px;font-weight:600}.card-management{border-top:1px solid var(--border);margin-top:26px;padding-top:24px}.card-management>h3{margin:0;font-size:17px;font-weight:600}.card-confirmation{background:#f7f9f6;border:1px solid #d9e4e1;border-radius:12px;padding:18px}.card-confirmation h4{margin:0;font-size:16px;font-weight:600}.card-confirmation p{margin:0 0 8px;font-size:13px}.card-confirmation textarea{resize:vertical;width:100%;min-width:0;color:var(--foreground);font:inherit;background:#fff;border:1px solid #aebfbe;border-radius:10px;padding:12px;font-size:14px}.card-confirmation .card-button-row{margin-top:6px}.card-confirmation .button{flex:1;width:auto}@media (max-width:760px){.cards-workspace{grid-template-columns:minmax(0,1fr)}.cards-workspace .workspace-panel{padding:24px 20px}.card-button-row>.button{flex:160px;justify-content:center}.card-details>div{gap:12px}.card-details dd{max-width:62%}.card-confirmation{padding:14px}.client-qr-image{width:min(240px,100%)}}
