.license-card-set{display:grid;grid-template-columns:1fr;gap:20px;text-align:left;font-family:Poppins,Arial,sans-serif}.card-side{min-width:0}.card-side-label{font-size:12px!important;letter-spacing:1.3px;text-transform:uppercase;color:#758a9d!important;line-height:1.5!important;margin:0 0 8px!important;padding:0!important;font-weight:500!important}.card-face.license-card{display:flex;flex-direction:column;min-height:305px;box-sizing:border-box;border:2px solid #c6a653;border-radius:12px;overflow:hidden;background:linear-gradient(125deg,#d4eef1,#b9dce6);color:#123d54;box-shadow:0 5px 16px #153b5712;text-align:left}.face-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:63px;padding:10px 15px;background:#247e98;color:white;border-bottom:1px solid #78afbd}.face-top>img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.face-top>div{flex:1;text-align:center;min-width:0}.face-top h4{font-size:20px!important;line-height:1.25!important;letter-spacing:.6px;font-weight:600!important;margin:0!important;color:white!important;padding:0!important}.face-top p{font-size:9px!important;line-height:1.5!important;letter-spacing:1px;margin:3px 0 0!important;padding:0!important;color:#d8f1f4!important}.face-body{display:grid;grid-template-columns:91px minmax(0,1fr);gap:16px;flex:1;padding:16px}.face-portrait{min-width:0}.face-photo{width:91px;aspect-ratio:4/5;background:#ddecf1;border:3px solid #f5fbfd;outline:1px solid #86b1c2;border-radius:3px;overflow:hidden}.face-photo>img{width:100%;height:100%;object-fit:cover;display:block}.portrait-initials{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:26px;font-weight:600;color:#6992a3}.portrait-initials small{font-size:10px;font-weight:400}.face-ref-label{display:block;font-size:8px;letter-spacing:.5px;color:#427086;margin-top:9px}.face-ref{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere;line-height:1.5;margin-top:3px}.front-fields{margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.front-fields>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:7px;align-items:start}.front-fields dt{font-size:11px;line-height:1.55;color:#39677b;font-weight:500}.front-fields dd{font-size:12px;line-height:1.5;font-weight:600;color:#163b50;margin:0;overflow-wrap:anywhere}.card-face.card-back{background:linear-gradient(140deg,#f2f6f7,#dfedf0)}.back-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:10px 15px;border-bottom:1px solid #b9ccd1;background:#d7e9ed;color:#365b69;font-weight:600;font-size:11px;letter-spacing:.3px}.back-body{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:16px;padding:16px;flex:1;align-items:start}.back-field-label{font-size:9px;letter-spacing:.6px;line-height:1.5;color:#70858c;display:block;margin-bottom:9px}.back-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.back-categories>span{font-size:11px;font-weight:600;color:#315669;padding:5px 8px;border:1px solid #b1c9d2;border-radius:4px;background:#f8fcfd}.back-categories .category-unset{font-weight:400;color:#8299a4}.back-details dl{margin:0;display:grid;gap:9px}.back-details dt{font-size:10px;color:#7b909b;line-height:1.4}.back-details dd{font-size:12px;color:#355363;font-weight:500;overflow-wrap:anywhere;margin:2px 0 0;line-height:1.5}.back-explanation{font-size:10px!important;line-height:1.65!important;color:#65808e!important;padding:0!important;margin:12px 0 0!important}.back-qr{text-align:center;min-width:0}.qr-code{width:144px;aspect-ratio:1;background:#fff;border:1px solid #bfcfce;border-radius:5px;display:grid;place-items:center;overflow:hidden}.qr-code svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}.qr-placeholder{font-size:12px;color:#92a2a8;line-height:1.65;text-align:center;padding:12px}.qr-open-link,.qr-save-note{display:block;margin-top:8px;font-size:10px;line-height:1.6;color:#306888;text-decoration:none;font-weight:500}.qr-open-link:hover{text-decoration:underline}.qr-save-note{color:#8b9da6}.back-site{border-top:1px solid #c4d6db;padding:9px 16px;background:#e8f1f4;min-width:0}.back-site>span{display:block;color:#7e939d;font-size:8px;letter-spacing:1px;margin-bottom:2px}.back-site strong{display:block;font-size:10px;font-weight:500;color:#456c7b;overflow-wrap:anywhere;line-height:1.5}.license-status-message{display:flex;align-items:center;gap:11px;padding:13px 15px;margin-top:17px;border-radius:7px;background:#ebf6ef;color:#317651;font-size:12px;line-height:1.6;text-align:left}.license-status-message strong{border:1px solid currentColor;border-radius:4px;padding:2px 7px;white-space:nowrap;font-size:12px}.license-status-message.suspended{background:#fff0f0;color:#b04444}.license-status-message.expired{background:#fff6e9;color:#886125}.license-status-message.not_yet_valid,.license-status-message.unavailable{background:#e9eff6;color:#60758c}#detail-dialog{width:min(1090px,calc(100% - 30px))}#detail-dialog .license-card-set{grid-template-columns:1fr 1fr;align-items:start}#detail-dialog .card-face{min-height:334px}@media(max-width:920px){#detail-dialog{width:min(610px,calc(100% - 24px))}#detail-dialog .license-card-set{grid-template-columns:1fr}#detail-dialog .card-face{min-height:305px}}@media(max-width:540px){.face-top{padding:10px;gap:7px}.face-top h4{font-size:17px!important}.face-top>img{width:32px;height:32px}.face-top p{font-size:8px!important}.face-body{padding:13px;gap:12px;grid-template-columns:72px minmax(0,1fr)}.face-photo{width:72px}.front-fields>div{grid-template-columns:1fr;gap:1px}.front-fields{gap:7px}.front-fields dt{font-size:9px}.front-fields dd{font-size:11px}.face-ref{font-size:10px}.back-body{grid-template-columns:minmax(0,1fr) 132px;gap:11px;padding:13px}.qr-code{width:132px}.back-top{font-size:10px;padding:10px}.back-categories>span{font-size:10px;padding:4px 6px}.back-details dd{font-size:11px}.license-status-message{align-items:flex-start;font-size:11px}.card-face.license-card{min-height:305px}}
