.bankid-inline{text-align:center}.bankid-inline--compact{max-width:280px;margin:0 auto}.bankid-inline--normal{max-width:380px;margin:0 auto}.bankid-inline--large{max-width:450px;margin:0 auto}.bankid-inline-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--org-primary);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;width:100%}.bankid-inline-button:hover{background:var(--org-primary-hover)}.bankid-icon{flex-shrink:0}.bankid-inline-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:#374151}.bankid-spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:var(--org-primary);border-radius:50%;animation:bankid-spin 1s linear infinite}@keyframes bankid-spin{to{transform:rotate(360deg)}}.bankid-inline-qr{padding:1rem}.bankid-qr-header{margin-bottom:.75rem}.bankid-qr-title{font-size:1rem;font-weight:600;color:var(--org-primary)}.bankid-qr-container{display:inline-block;padding:.75rem;background:white;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.bankid-qr-image{display:block}.bankid-qr-placeholder{width:200px;height:200px;display:flex;align-items:center;justify-content:center}.bankid-status-text{color:#374151;font-size:.875rem;margin:.5rem 0;font-weight:500}.bankid-hint-text{color:#6b7280;font-size:.75rem;margin:.25rem 0}.bankid-inline-signing{padding:1.5rem;background:#f0fdf4;border-radius:.5rem}.bankid-signing-indicator{color:var(--org-primary);margin-bottom:.75rem;display:flex;justify-content:center}.bankid-lock-icon{animation:bankid-pulse 1.5s ease-in-out infinite}@keyframes bankid-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.bankid-inline-success{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#059669;font-weight:500;background:#f0fdf4;border-radius:.5rem}.bankid-success-icon{color:#059669}.bankid-inline-error{padding:1rem;background:#fef2f2;border-radius:.5rem}.bankid-error-message{color:#dc2626;font-size:.875rem;margin-bottom:.75rem}.bankid-retry-button{padding:.5rem 1rem;background:white;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;cursor:pointer;transition:background .2s}.bankid-retry-button:hover{background:#f3f4f6}.bankid-timer{display:flex;align-items:center;justify-content:center;gap:.375rem;margin:1rem 0 .5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .3s ease}.bankid-timer-normal{background:color-mix(in srgb,var(--org-primary) 10%,white);color:var(--org-primary);border:1px solid color-mix(in srgb,var(--org-primary) 30%,white)}.bankid-timer-warning{background:color-mix(in srgb,var(--org-warning, #f59e0b) 15%,white);color:color-mix(in srgb,var(--org-warning, #f59e0b) 80%,black);border:1px solid var(--org-warning, #f59e0b);animation:bankid-timer-pulse 1s ease-in-out infinite}.bankid-timer-icon{flex-shrink:0}@keyframes bankid-timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.bankid-inline-timeout{padding:1rem;background:#fef3c7;border-radius:.5rem;text-align:center}.bankid-inline-timeout .bankid-timeout-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fde68a;border-radius:50%;margin-bottom:.75rem}.bankid-inline-timeout .bankid-timeout-icon{color:#d97706}.bankid-inline-timeout .bankid-timeout-message{color:#92400e;font-size:.875rem;margin-bottom:.75rem}.bankid-same-device-section{margin-top:1rem}.bankid-divider{display:flex;align-items:center;text-align:center;margin:1rem 0;color:#9ca3af;font-size:.875rem}.bankid-divider:before,.bankid-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.bankid-divider span{padding:0 .75rem}.bankid-same-device-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.625rem .75rem;background:white;color:var(--org-primary);border:2px solid var(--org-primary);border-radius:.5rem;font-size:.8125rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap}.bankid-same-device-button:hover{background:var(--org-primary);color:#fff}.bankid-same-device-button:active{transform:scale(.98)}.bankid-mobile-icon{flex-shrink:0}