.iban-panel{background:white;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,0.3);padding:8px 12px;overflow:visible;opacity:0;transform:translateY(-10px);transition:opacity 0.2s,transform 0.2s}.iban-panel.show{display:flex;flex-direction:column;gap:0;opacity:1;transform:translateY(0)}.iban-row{display:flex;align-items:center;gap:8px;padding:6px 0;transition:background 0.2s;cursor:default}.iban-row:not(:last-child){border-bottom:1px solid #e8eaed}.iban-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.iban-icon .material-icons{font-size:16px;color:#5f6368;transition:color 0.2s}body.logged-in .iban-icon .material-icons{color:#1a73e8}.iban-content{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.iban-label{font-size:12px;color:#70757a;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;white-space:nowrap;flex-shrink:0}.iban-value{font-size:13px;color:#202124;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iban-copy-btn{flex-shrink:0;width:20px;height:20px;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;opacity:0.6;padding:0}.iban-copy-btn .material-icons{font-size:14px;color:#5f6368;transition:all 0.3s}.iban-copy-btn.copied{background:#34c759;opacity:1}.iban-copy-btn.copied .material-icons{color:white}.iban-validate-btn{flex-shrink:0;width:20px;height:20px;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;opacity:0.6;padding:0;margin-left:4px;position:relative}.iban-validate-btn .material-icons{font-size:14px;color:#5f6368;transition:all 0.3s}.iban-row.has-data .iban-validate-btn .material-icons{color:#1a73e8}.iban-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);display:none;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity 0.2s}.iban-modal-overlay.show{display:flex;opacity:1}.iban-modal{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);width:90%;max-width:360px;max-height:80vh;overflow-x:hidden;overflow-y:auto;padding:12px;transform:scale(0.95);transition:transform 0.2s}.iban-modal-overlay.show .iban-modal{transform:scale(1)}.iban-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 10px 0;border-bottom:1px solid #e8eaed;margin-bottom:8px}.iban-modal-header .header-title{display:flex;align-items:center;gap:6px}.iban-modal-header .header-title .material-icons{font-size:18px;color:#1a73e8}.iban-modal-header .header-title span:last-child{font-size:14px;font-weight:500;color:#202124;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif}.iban-modal-header .header-status{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.iban-modal-header .header-status .status-check{display:none;width:20px;height:20px}.iban-modal-header .header-status .status-warn{font-size:20px;color:#e37400;cursor:help}.status-spinner-active{animation:spin 0.8s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.validation-no-data{display:none;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.validation-no-data.show{display:flex}.validation-no-data .material-icons{font-size:40px;color:#dadce0}.validation-no-data p{margin:0;font-size:12px;color:#5f6368;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif}.validation-result{display:none;flex-direction:column;gap:0}.validation-result.show{display:flex}.validation-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid #f0f0f0;position:relative}.validation-row:last-child{border-bottom:none}.validation-row-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-top:1px}.validation-row-icon .material-icons{font-size:16px;color:#1a73e8}.validation-row-content{flex:1;display:flex;flex-wrap:nowrap;align-items:baseline;gap:6px;min-width:0;overflow:hidden}.validation-row-label{font-size:12px;color:#70757a;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;white-space:nowrap;flex-shrink:0}.validation-row-value{font-size:13px;color:#202124;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.validation-copy-btn{flex-shrink:0;width:20px;height:20px;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;opacity:0.6;padding:0;margin-left:auto}.validation-copy-btn .material-icons{font-size:14px;color:#5f6368;transition:all 0.3s}.validation-copy-btn.copied{background:#34c759;opacity:1}.validation-copy-btn.copied .material-icons{color:white}.validation-row.sepa-row .validation-row-content{flex-direction:column;align-items:flex-start;gap:4px}.sepa-services-list{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:4px}.sepa-service-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#202124;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;padding:2px 0}.sepa-service-item .service-name{flex:1}.sepa-service-item.pending .service-name{color:#9aa0a6}.sepa-service-item .service-icon{width:14px;height:14px;border-radius:50%;border:2px solid;position:relative;opacity:0;transform:scale(0);transition:opacity 0.2s,transform 0.2s;flex-shrink:0}.sepa-service-item .service-icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:currentColor}.sepa-service-item.supported .service-icon{border-color:#34a853;color:#34a853}.sepa-service-item.not-supported .service-icon{border-color:#ea4335;color:#ea4335}.validation-result.verified .sepa-service-item .service-icon{opacity:1;transform:scale(1);animation:checkPop 0.3s ease-out;animation:checkPop 0.3s ease-out}.sepa-service-empty{font-size:12px;color:#70757a;font-style:italic;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif}.iban-modal .btn-regenerate{width:100%;padding:10px;margin-top:12px;font-size:13px;font-weight:500;border:none;border-radius:8px;background:#1a73e8;color:white;cursor:pointer;transition:all 0.2s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif}@media(max-width:768px){.iban-panel{max-width:calc(100vw - 32px)}.iban-modal{width:95%;padding:20px}}@media(hover:hover){.iban-copy-btn:hover{background:#f8f9fa;opacity:1}.iban-validate-btn:hover{background:#e8f0fe;opacity:1}.iban-validate-btn:hover .material-icons{color:#1765cc}.validation-copy-btn:hover{background:#f8f9fa;opacity:1}.iban-modal .btn-regenerate:hover{background:#1765cc}}
