/*
 * MasterKeys Manager - customer licence cards.
 *
 * Previously injected as an inline style on a src-less handle, which asset
 * optimisers routinely drop. Shipping it as a real file keeps the block styled.
 */
/* Geometry (width/margin/border) is shared with the other order blocks in
   account-order-view.css so all cards line up. Only the inner layout lives
   here. */
.mk-ent-container{display:block;width:100%;max-width:none;margin:0 0 22px;padding:0;box-sizing:border-box;float:none;text-align:left;font-family:inherit}
.mk-ent-card{margin:0;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid #e4e9f1;border-radius:20px;background:#fff;box-shadow:0 18px 45px -34px rgba(8,28,63,.32)}
.mk-ent-header{display:flex;align-items:center;gap:11px;padding:20px 24px;border-bottom:1px solid #edf0f5;background:#fff;text-align:left}
.mk-ent-header-title{margin:0;color:#081c3f;font-family:inherit;font-size:21px;font-weight:750;line-height:1.25;text-align:left;text-transform:none}
.mk-ent-body{display:grid;gap:14px;padding:18px;background:#fbfcfe;border-radius:0 0 19px 19px}
/* overflow must stay visible: the "Másolva!" toast sits above the key row and
   was previously clipped by this container. */
.mk-ent-license-group{overflow:visible;border:1px solid #e5eaf1;border-radius:16px;background:#fff}
.mk-ent-license-product{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid #edf0f5}
.mk-ent-license-thumb{flex:0 0 58px;width:58px;height:58px;overflow:hidden;border:1px solid #edf0f5;border-radius:12px;background:#f4f5f7}
.mk-ent-license-thumb img{display:block;width:100%;height:100%;margin:0;object-fit:contain}
.mk-ent-license-product-copy{min-width:0}
.mk-ent-product-name{display:block;margin:0 0 4px;color:#081c3f;font-size:15px;font-weight:700;line-height:1.4}
.mk-ent-product-help{display:block;color:#7b8494;font-size:13px;line-height:1.4}
/* The top padding leaves room for the "Másolva!" toast, which sits above the
   key box. The card itself clips to its rounded corners, so the toast has to
   stay inside this padding. */
.mk-ent-license-keys{display:grid;gap:12px;padding:28px 18px 18px;overflow:visible}
.mk-ent-license-key-row{position:relative;display:grid;grid-template-columns:minmax(125px,.36fr) minmax(260px,1fr);align-items:center;gap:16px}
.mk-ent-license-key-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.mk-ent-license-key-label{color:#29334a;font-size:13px;font-weight:650}
.mk-ent-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#eaf7ef;color:#23844a;font-size:11px;font-weight:700;line-height:1.2;text-transform:none}
.mk-ent-badge.mk-split{background:#fff3e8;color:#b65a16}
.mk-ent-key-box{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-width:0;box-sizing:border-box;padding:13px 14px;border:1px solid #dce3ed;border-radius:12px;background:#f6f8fb;color:#0d2a5e;font-family:inherit;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.mk-ent-key-box:hover,.mk-ent-key-box:focus-visible{border-color:#b9c5d6;background:#fff;box-shadow:0 8px 22px -18px rgba(8,28,63,.5);outline:none;transform:translateY(-1px)}
.mk-ent-key-box[disabled]{cursor:progress;opacity:.7}
.mk-ent-key-mask{min-width:0;overflow:hidden;color:#657086;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}
.mk-ent-key-box.is-revealed .mk-ent-key-mask{color:#0d2a5e;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.mk-ent-copy-label{display:inline-flex;align-items:center;flex:0 0 auto;gap:6px;color:#0d2a5e;font-size:12px;font-weight:700}
/* Sits fully above the key box, never overlapping the "Másolás" label. The
   ancestors keep overflow:visible so it is not clipped. */
.mk-toast{position:absolute;z-index:6;right:10px;bottom:calc(100% + 6px);padding:5px 10px;border-radius:999px;background:#23844a;color:#fff;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;box-shadow:0 6px 16px -8px rgba(8,28,63,.6);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}
.mk-toast.visible{opacity:1;transform:translateY(0)}
.mk-ent-doc-section{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:18px 22px;background:#fbfcfe}
.mk-ent-doc-text{color:#657086;font-size:13px}
.mk-ent-actions{display:flex;flex-wrap:wrap;gap:10px}
.mk-ent-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;padding:11px 18px!important;border-radius:12px!important;font-family:inherit;font-size:13px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;transition:transform .18s ease,filter .18s ease!important}
.mk-ent-btn:hover{transform:translateY(-1px)}
.mk-btn-primary{border:1px solid #081c3f!important;background:#081c3f!important;color:#fff!important}
.mk-btn-secondary{border:1px solid #d7dee8!important;background:#fff!important;color:#081c3f!important}
.mk-ent-alert{display:flex;align-items:center;gap:10px;margin:18px;padding:14px 16px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:13px}
@media(max-width:680px){
	.mk-ent-header{padding:17px 18px}
	.mk-ent-body{padding:12px}
	.mk-ent-license-product,.mk-ent-license-keys{padding-left:14px;padding-right:14px}
	.mk-ent-license-key-row{grid-template-columns:1fr;gap:9px}
	.mk-ent-license-key-meta{flex-direction:row;align-items:center;justify-content:space-between}
	.mk-ent-key-mask{font-size:12px;letter-spacing:.045em}
}
@media(max-width:420px){
	.mk-ent-copy-label{font-size:0}
	.mk-ent-copy-label svg{width:18px;height:18px}
	.mk-ent-key-box{gap:8px;padding:12px}
}