.hl-license-workspace { color:#263449; min-width:0; padding:26px; background:#fff; border:1px solid #dfe5ec; border-radius:16px; }
.hl-stock-record { display:grid; grid-template-columns:minmax(0,1.2fr) 80px minmax(160px,.9fr) minmax(240px,1fr); gap:18px; align-items:center; padding:20px 0; border-top:1px solid #e8edf2; }
.hl-stock-record>div { min-width:0; }
.hl-stock-record>div:not(.hl-license-actions) { display:flex; flex-direction:column; gap:8px; overflow-wrap:anywhere; }
.hl-stock-record small,.hl-stock-count span { color:#718197; font-size:12px; line-height:1.7; }
.hl-stock-count b { font-size:25px; color:#172c49; }
.hl-stock-state { color:#31577a; font-size:13px; }
.hl-stock-pages { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:20px; color:#718197; font-size:12px; }
.hl-stock-pages>div { display:flex; gap:8px; }
.hl-stock-pending { display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:12px; background:#fff4e3; border-radius:8px; }
.hl-license-dialog select { width:100%; min-width:0; min-height:42px; box-sizing:border-box; padding:10px 12px; border:1px solid #d9e1eb; border-radius:8px; color:#263449; background:#fff; font:inherit; }
.hl-license-head>div:last-child { flex-wrap:wrap; }
@media(max-width:1280px) { .hl-stock-record { grid-template-columns:minmax(0,1.2fr) 80px minmax(0,1fr); } .hl-stock-record .hl-license-actions { grid-column:1/-1; } }
@media(max-width:700px) { .hl-stock-record { grid-template-columns:minmax(0,1fr) 70px; gap:16px; } .hl-stock-record>div:nth-child(3) { grid-column:1/-1; } .hl-stock-record .hl-license-actions { grid-template-columns:repeat(2,minmax(0,1fr)); } .hl-stock-record .hl-license-actions button { white-space:normal; } .hl-stock-count { align-self:start; text-align:right; } .hl-license-head>div:last-child { flex-wrap:wrap; } }
.hl-license-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }
.hl-license-head h2 { margin:5px 0 8px; font-size:24px; color:#172c49; }
.hl-license-head p { color:#69788d; margin:0; }
.hl-license-head>div:last-child { display:flex; gap:8px; flex-shrink:0; }
.hl-license-head>div>span, .hl-license-dialog header>div>span { letter-spacing:.12em; color:#8e7647; font-size:11px; font-weight:700; }
.hl-license-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 24px; }
.hl-license-summary>div { padding:18px; display:flex; flex-direction:column; gap:6px; background:#f5f7fa; border-radius:10px; }
.hl-license-summary span { color:#69788d; font-size:12px; }
.hl-license-summary b { color:#172c49; font-size:25px; }
.hl-license-filters { display:flex; align-items:end; flex-wrap:wrap; gap:14px; padding-bottom:20px; }
.hl-license-filters label { display:grid; gap:6px; font-size:12px; color:#69788d; }
.hl-license-filters input { width:260px; }
.hl-license-filters select { width:150px; }
.hl-license-filters>span { margin-left:auto; padding-bottom:10px; font-size:12px; color:#69788d; }
.hl-license-record { display:grid; grid-template-columns:minmax(180px,1.2fr) minmax(165px,1fr) 70px minmax(250px,1fr); gap:16px; align-items:center; border-top:1px solid #e8edf2; padding:20px 0; }
.hl-license-domain,.hl-license-facts { min-width:0; display:flex; flex-direction:column; gap:7px; }
.hl-license-domain b { color:#172c49; overflow-wrap:anywhere; }
.hl-license-domain small,.hl-license-facts small,.hl-license-facts span { color:#788497; font-size:12px; }
.hl-license-facts b { font-size:13px; font-weight:600; }
.hl-license-facts .hl-license-tier { color:#264b70; font-weight:600; }
.hl-license-facts .hl-license-tier.free { color:#34705b; }
.hl-license-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:7px; }
.hl-license-status { text-align:center; border-radius:20px; background:#f0f3f7; color:#5f6f84; padding:6px 8px; font-size:12px; white-space:nowrap; }
.hl-license-status.active { background:#eaf6f0; color:#2d7758; }
.hl-license-status.expired { background:#fff4e3; color:#9a662b; }
.hl-license-status.revoked { background:#f9eeee; color:#a65050; }
.hl-license-empty { padding:40px 18px; text-align:center; color:#738097; line-height:1.8; }
.hl-license-empty h2 { font-size:18px; color:#172c49; }
.hl-license-overlay { position:fixed; inset:0; z-index:1200; padding:32px 20px; background:rgba(19,33,51,.45); display:flex; align-items:center; justify-content:center; backdrop-filter:blur(3px); }
.hl-license-dialog { width:min(640px,100%); max-height:calc(100dvh - 64px); overflow:auto; background:#fff; border:1px solid #dfe5ec; border-radius:18px; box-shadow:0 28px 90px #13213330; outline:none; }
.hl-license-dialog header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; border-bottom:1px solid #e8edf2; }
.hl-license-dialog h2 { margin:6px 0 0; color:#172c49; font-size:20px; overflow-wrap:anywhere; }
.hl-license-dialog-body { padding:24px 28px; }
.hl-license-callout { margin:0 0 22px; background:#f4f6f9; border-left:3px solid #b89a64; padding:12px 15px; color:#5d6c81; font-size:13px; line-height:1.8; }
.hl-license-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.hl-license-form-grid [hidden] { display:none; }
.hl-license-dialog [hidden] { display:none!important; }
.hl-license-wide { grid-column:1/-1; }
.hl-license-dialog label { display:grid; gap:8px; font-size:13px; color:#4b5e76; }
.hl-license-dialog label small { color:#8a96a5; line-height:1.5; }
.hl-license-dialog input:not([type=radio]):not([type=checkbox]),.hl-license-dialog textarea { box-sizing:border-box; width:100%; min-height:42px; padding:10px 12px; border:1px solid #d9e1eb; border-radius:8px; color:#263449; background:#fff; font:inherit; }
.hl-license-dialog textarea { resize:vertical; }
.hl-license-dialog input:focus-visible,.hl-license-dialog textarea:focus-visible { outline:2px solid #6380aa; outline-offset:2px; }
.hl-license-periods { min-width:0; padding:0; border:0; margin:22px 0 18px; }
.hl-license-periods legend { font-size:13px; color:#4b5e76; margin-bottom:10px; }
.hl-license-periods>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.hl-license-periods label { position:relative; display:block; cursor:pointer; }
.hl-license-periods input { position:absolute; opacity:0; inset:0; width:100%; height:100%; margin:0; cursor:pointer; }
.hl-license-periods span { display:flex; justify-content:center; align-items:center; min-height:43px; border:1px solid #dfe5ed; border-radius:8px; background:#f7f8fa; color:#617188; font-size:13px; }
.hl-license-periods input:checked+span { color:#214466; background:#eaf0f7; border-color:#6481a2; font-weight:600; }
.hl-license-periods input:focus-visible+span { outline:2px solid #6380aa; outline-offset:2px; }
.hl-license-periods input:disabled+span { opacity:.6; }
.hl-license-tiers { min-width:0; border:0; padding:0; margin:22px 0; }
.hl-license-tiers legend { color:#4b5e76; font-size:13px; margin-bottom:10px; }
.hl-license-tiers>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.hl-license-tiers label { position:relative; cursor:pointer; }
.hl-license-tiers input { position:absolute; opacity:0; inset:0; width:100%; height:100%; margin:0; cursor:pointer; }
.hl-license-tiers span { display:flex; flex-direction:column; justify-content:center; gap:8px; min-height:78px; padding:13px; border:1px solid #dfe5ed; border-radius:9px; background:#f7f8fa; }
.hl-license-tiers span small { line-height:1.7; }
.hl-license-tiers input:checked+span { background:#eaf0f7; border-color:#6481a2; color:#214466; }
.hl-license-tiers input:focus-visible+span { outline:2px solid #6380aa; outline-offset:2px; }
.hl-license-reason { margin-top:20px; }
.hl-license-dialog label.hl-license-confirm { display:flex; align-items:flex-start; margin-top:20px; gap:10px; }
.hl-license-dialog .hl-license-confirm input { width:18px; height:18px; min-height:18px; flex:0 0 18px; padding:0; margin:2px 0 0; }
.hl-license-form-error { min-height:20px; margin:15px 0; color:#ad4d48; font-size:13px; line-height:1.6; }
.hl-license-dialog footer { display:flex; justify-content:space-between; gap:20px; align-items:center; padding-top:16px; border-top:1px solid #e8edf2; }
.hl-license-dialog footer span { font-size:11px; color:#8a96a5; line-height:1.6; }
.hl-license-dialog footer button { flex-shrink:0; }
.hl-license-current { display:flex; flex-direction:column; gap:8px; margin-bottom:20px; overflow-wrap:anywhere; }
.hl-license-current b { color:#172c49; }
.hl-license-current span { font-size:12px; color:#718197; }
.hl-license-code-label { margin:20px 0 12px; }
.hl-license-code-label input { font-family:ui-monospace,Consolas,monospace!important; }
.hl-license-audit { list-style:none; margin:0; padding:0; }
.hl-license-audit li { padding:16px 0; border-bottom:1px solid #e8edf2; }
.hl-license-audit li:first-child { padding-top:0; }
.hl-license-audit li>div { display:flex; justify-content:space-between; gap:20px; }
.hl-license-audit p { white-space:pre-wrap; overflow-wrap:anywhere; margin:10px 0; line-height:1.7; font-size:13px; }
.hl-license-audit time,.hl-license-audit small { color:#7b8798; font-size:12px; }
@media(max-width:1280px) { .hl-license-record { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 70px; } .hl-license-actions { grid-column:1/-1; justify-content:flex-start; } }
@media(max-width:700px) {
 .hl-license-workspace { padding:18px 16px; border-radius:12px; }
 .hl-license-head { align-items:flex-start; flex-direction:column; gap:16px; }
 .hl-license-head h2 { font-size:22px; } .hl-license-head p { font-size:13px; line-height:1.7; }
 .hl-license-head>div:last-child { width:100%; } .hl-license-head button { flex:1; }
 .hl-license-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:20px; }
 .hl-license-summary>div { padding:14px; } .hl-license-summary b { font-size:23px; }
 .hl-license-filters { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); gap:10px; }
 .hl-license-filters input,.hl-license-filters select { width:100%; min-width:0; }
 .hl-license-filters>span { margin:0; grid-column:1/-1; padding:0; }
 .hl-license-record { grid-template-columns:minmax(0,1fr) 70px; gap:14px; padding:18px 0; }
 .hl-license-domain { grid-column:1; } .hl-license-status { grid-column:2; grid-row:1; }
 .hl-license-facts { grid-column:1/-1; } .hl-license-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
 .hl-license-actions button { padding:8px 7px; white-space:nowrap; }
 .hl-license-overlay { align-items:flex-end; padding:12px 8px; }
 .hl-license-dialog { max-height:calc(100dvh - 24px); border-radius:16px; }
 .hl-license-dialog header { padding:19px 18px; gap:14px; } .hl-license-dialog h2 { font-size:19px; }
 .hl-license-dialog-body { padding:20px 18px; }
 .hl-license-form-grid { grid-template-columns:1fr; }
 .hl-license-tiers>div { grid-template-columns:1fr; }
 .hl-license-dialog footer { flex-direction:column; align-items:stretch; gap:12px; }
 .hl-license-dialog footer button { width:100%; }
 .hl-license-audit li>div { flex-direction:column; gap:5px; }
}