:root {
  --km2-bg: #08090a;
  --km2-bg-soft: #0d0f10;
  --km2-panel: #111315;
  --km2-panel-2: #151719;
  --km2-line: rgba(255,255,255,.085);
  --km2-line-strong: rgba(255,255,255,.13);
  --km2-text: #f7f7f7;
  --km2-muted: #8c9096;
  --km2-muted-2: #62666d;
  --km2-orange: #ff6500;
  --km2-orange-2: #ff8a32;
  --km2-green: #35d96f;
  --km2-blue: #43a6ff;
  --km2-red: #ff5b67;
  --km2-radius: 14px;
  --km2-sidebar: 248px;
  --km2-shadow: 0 18px 55px rgba(0,0,0,.34);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--km2-bg); }
body.km2-app-shell { width:100%; margin:0 !important; background: var(--km2-bg) !important; color: var(--km2-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }

.km2-loading-screen { min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 50% -20%, rgba(255,101,0,.16), transparent 38%), var(--km2-bg); }
.km2-loader { width: 38px; height: 38px; border-radius: 50%; border: 3px solid rgba(255,255,255,.1); border-top-color: var(--km2-orange); animation: km2-spin .75s linear infinite; }
@keyframes km2-spin { to { transform: rotate(360deg); } }

.km2-login { min-height: 100vh; display: grid; grid-template-columns: minmax(420px, .92fr) 1.08fr; background: var(--km2-bg); color: var(--km2-text); }
.km2-login-brand { position: relative; overflow: hidden; padding: 56px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--km2-line); background: linear-gradient(145deg, #0a0b0c 0%, #101214 62%, #0b0c0e 100%); }
.km2-login-brand::before { content:""; position:absolute; width:520px; height:520px; left:-170px; bottom:-170px; border-radius:50%; background: radial-gradient(circle, rgba(255,101,0,.35), rgba(255,101,0,.06) 42%, transparent 68%); filter: blur(4px); }
.km2-login-brand::after { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent 82%); pointer-events:none; }
.km2-brand, .km2-login-copy { position: relative; z-index: 1; }
.km2-brand { display:flex; align-items:center; gap:12px; font-weight:700; font-size:20px; letter-spacing:-.02em; }
.km2-brand-mark { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:#fff; background: linear-gradient(145deg, #ff8a32, #ff5f00 60%, #a53400); box-shadow: 0 10px 30px rgba(255,101,0,.28); font-weight:800; }
.km2-brand em { color: var(--km2-orange); font-style: normal; }
.km2-login-copy h1 { margin:0 0 16px; font-size: clamp(40px, 5vw, 76px); line-height:.98; letter-spacing:-.055em; max-width:720px; }
.km2-login-copy p { max-width:620px; margin:0; color:#b0b3b8; font-size:18px; line-height:1.65; }
.km2-login-panel { display:grid; place-items:center; padding:42px; background: radial-gradient(circle at 100% 0%, rgba(255,101,0,.06), transparent 28%), #090a0b; }
.km2-login-card { width:min(440px, 100%); }
.km2-login-card h2 { margin:0 0 8px; font-size:30px; letter-spacing:-.035em; }
.km2-login-card > p { margin:0 0 34px; color:var(--km2-muted); line-height:1.55; }
.km2-field { display:grid; gap:8px; margin-bottom:18px; }
.km2-field label { color:#c8c9cc; font-size:14px; font-weight:600; }
.km2-input, .km2-select, .km2-textarea { width:100%; min-height:48px; color:#fff; background:#101214; border:1px solid var(--km2-line-strong); border-radius:11px; padding:0 14px; outline:none; transition:border-color .18s, box-shadow .18s, background .18s; }
.km2-textarea { min-height:104px; padding:12px 14px; resize:vertical; line-height:1.5; }
.km2-input:focus, .km2-select:focus, .km2-textarea:focus { border-color: rgba(255,101,0,.78); box-shadow: 0 0 0 3px rgba(255,101,0,.11); background:#131517; }
.km2-select option { background:#111; color:#fff; }
.km2-check { display:flex; gap:10px; align-items:center; color:#a9acb1; font-size:14px; margin:4px 0 20px; }
.km2-check input { accent-color: var(--km2-orange); }
.km2-login-error { padding:12px 14px; margin-bottom:18px; border:1px solid rgba(255,91,103,.3); background:rgba(255,91,103,.08); color:#ffc0c5; border-radius:10px; font-size:14px; }
.km2-login-version { color:#555a60; margin-top:22px; font-size:14px; text-align:center; }

.km2-button { min-height:40px; border-radius:10px; border:1px solid var(--km2-line-strong); background:#121416; color:#ececee; padding:0 14px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-weight:600; font-size:14px; transition:transform .15s, background .15s, border-color .15s; }
.km2-button:hover { background:#181a1d; border-color:rgba(255,255,255,.18); }
.km2-button:active { transform:translateY(1px); }
.km2-button-primary { border-color:#ff6500; background:linear-gradient(180deg,#ff7b1c,#f25a00); color:#fff; box-shadow: 0 10px 26px rgba(255,101,0,.18); }
.km2-button-primary:hover { background:linear-gradient(180deg,#ff8b32,#ff6500); border-color:#ff7b1c; }
.km2-button-block { width:100%; min-height:50px; font-size:14px; }
.km2-button-ghost { background:transparent; }
.km2-button-icon { width:40px; padding:0; }

.km2-app { min-height:100vh; width:100%; margin:0; display:grid; grid-template-columns: var(--km2-sidebar) minmax(0,1600px); justify-content:start; background: radial-gradient(circle at 75% -10%, rgba(255,101,0,.055), transparent 24%), var(--km2-bg); }
.km2-sidebar { position:sticky; top:0; height:100vh; border-right:1px solid var(--km2-line); background:linear-gradient(180deg,#111315 0%,#0d0f10 100%); padding:24px 14px 18px; display:flex; flex-direction:column; z-index:20; }
.km2-sidebar .km2-brand { padding:0 10px 26px; }
.km2-nav { display:grid; gap:4px; }
.km2-nav-item { min-height:46px; padding:0 12px; border-radius:10px; display:flex; align-items:center; gap:12px; border:1px solid transparent; color:#9da1a7; font-size:14px; background:transparent; text-align:left; width:100%; }
.km2-nav-item svg { width:18px; height:18px; opacity:.85; }
.km2-nav-item:hover { color:#f4f4f4; background:rgba(255,255,255,.03); }
.km2-nav-item.is-active { color:#fff; background:linear-gradient(90deg,rgba(255,101,0,.26),rgba(255,101,0,.045)); border-color:rgba(255,101,0,.25); box-shadow:inset 3px 0 0 var(--km2-orange); }
.km2-sidebar-bottom { margin-top:auto; padding-top:12px; border-top:1px solid var(--km2-line); display:grid; gap:4px; }
.km2-settings-nav { margin-top:0; }

.km2-main { min-width:0; width:100%; max-width:1600px; padding:0 24px 36px; }
.km2-topbar { min-height:78px; border-bottom:1px solid var(--km2-line); display:flex; align-items:center; justify-content:space-between; gap:24px; position:sticky; top:0; z-index:15; background:rgba(8,9,10,.88); backdrop-filter: blur(16px); }
.km2-heading h1 { margin:0; font-size:24px; letter-spacing:-.035em; }
.km2-heading p { margin:4px 0 0; color:#70747a; font-size:14px; }
.km2-top-actions { display:flex; align-items:center; gap:12px; }
.km2-search { position:relative; width:min(380px, 36vw); height:40px; border-radius:10px; border:1px solid var(--km2-line); background:#101214; display:flex; align-items:center; gap:9px; padding:0 12px; color:#676c72; font-size:14px; }
.km2-search input { width:100%; background:none; border:0; outline:0; color:#fff; }
.km2-search-spinner { color:#ff8a32; font-size:15px; line-height:1; padding-right:2px; animation:km2-search-pulse .8s ease-in-out infinite; }
@keyframes km2-search-pulse { 0%,100% { opacity:.35; } 50% { opacity:1; } }
.km2-search-results { position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:30; max-height:min(420px, 70vh); overflow:auto; border:1px solid var(--km2-line); border-radius:12px; background:#0e1012; box-shadow:var(--km2-shadow), 0 12px 32px rgba(0,0,0,.45); padding:6px; }
.km2-search-empty { color:#777c82; font-size:14px; padding:14px 12px; }
.km2-search-result { width:100%; display:flex; align-items:center; gap:10px; padding:9px 10px; border:0; border-radius:8px; background:none; color:#fff; text-align:left; cursor:pointer; }
.km2-search-result:hover, .km2-search-result:focus-visible { background:rgba(255,255,255,.05); outline:none; }
.km2-search-result-type { flex:0 0 auto; min-width:64px; text-align:center; font-size:11px; font-weight:600; letter-spacing:.02em; padding:4px 6px; border-radius:6px; background:rgba(255,138,50,.14); color:#ffb98a; }
.km2-search-result-body { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
.km2-search-result-body strong { font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.km2-search-result-body span { font-size:12px; color:#868b91; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.km2-user { display:flex; align-items:center; gap:10px; padding-left:6px; }
.km2-avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; background:#272a2d; border:1px solid rgba(255,255,255,.12); }
.km2-user-copy { line-height:1.15; min-width:90px; }
.km2-user-copy strong { display:block; font-size:14px; }
.km2-user-copy span { color:#777c82; font-size:14px; }
.km2-logout-button .km2-inline-icon { display:grid; place-items:center; }
.km2-logout-button svg { width:18px; height:18px; }

.km2-content { padding-top:18px; }
.km2-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }
.km2-toolbar-left, .km2-toolbar-right { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.km2-period { min-height:40px; padding:0 13px; border:1px solid var(--km2-line); border-radius:10px; color:#b6b8bc; background:#0f1113; display:flex; align-items:center; gap:8px; font-size:14px; }

.km2-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.km2-kpi { min-height:112px; border:1px solid var(--km2-line); border-radius:var(--km2-radius); background:linear-gradient(145deg,#121416,#0e1011); padding:17px; display:grid; grid-template-columns:auto 1fr; gap:13px; align-items:center; box-shadow:var(--km2-shadow); }
.km2-kpi-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:11px; background:linear-gradient(145deg,rgba(255,138,50,.26),rgba(255,101,0,.11)); border:1px solid rgba(255,101,0,.15); color:#ffd3b6; }
.km2-kpi-icon svg { width:21px; height:21px; }
.km2-kpi-label { color:#9a9ea4; font-size:14px; margin-bottom:7px; }
.km2-kpi-value { font-weight:700; font-size:21px; letter-spacing:-.03em; }
.km2-kpi-sub { margin-top:6px; color:#62676d; font-size:14px; }

.km2-dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:12px; }
.km2-stack { display:grid; gap:12px; align-content:start; }
.km2-card { border:1px solid var(--km2-line); background:linear-gradient(145deg,#111315,#0e1011); border-radius:var(--km2-radius); box-shadow:var(--km2-shadow); overflow:hidden; }
.km2-card-pad { padding:18px; }
.km2-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }
.km2-card-title { margin:0; font-size:15px; letter-spacing:-.02em; }
.km2-card-sub { margin:5px 0 0; color:#73777d; font-size:14px; }
.km2-tabs { display:flex; gap:4px; border:1px solid var(--km2-line); padding:3px; border-radius:9px; background:#0b0d0e; }
.km2-tab { border:0; color:#8f9399; background:transparent; border-radius:7px; min-height:30px; padding:0 12px; font-size:14px; }
.km2-tab.is-active { color:#ff9c5d; background:rgba(255,101,0,.12); box-shadow:inset 0 0 0 1px rgba(255,101,0,.48); }

.km2-chart { height:260px; display:grid; grid-template-columns:42px minmax(0,1fr); gap:8px; }
.km2-y-axis { display:flex; flex-direction:column; justify-content:space-between; color:#53585e; font-size:14px; padding:2px 0 24px; }
.km2-bars-wrap { position:relative; display:grid; grid-template-columns:repeat(12,minmax(24px,1fr)); gap:10px; align-items:end; padding:10px 0 24px; }
.km2-bars-wrap::before { content:""; position:absolute; inset:10px 0 24px; background:repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), rgba(255,255,255,.055) 25%); pointer-events:none; }
.km2-bar-col { height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:6px; position:relative; z-index:1; }
.km2-bar { width:min(30px,78%); min-height:2px; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,#ff8a32 0%,#ff6500 42%,rgba(255,101,0,.18) 100%); box-shadow:0 -3px 18px rgba(255,101,0,.12); }
.km2-bar.zero { background:#24272a; box-shadow:none; min-height:2px!important; }
.km2-bar-label { position:absolute; bottom:-2px; transform:translateY(100%); color:#686d73; font-size:14px; }

.km2-quick-list { display:grid; gap:7px; }
.km2-quick { width:100%; min-height:39px; border-radius:9px; border:1px solid var(--km2-line); background:#111315; color:#c9cbce; text-align:left; padding:0 12px; display:flex; align-items:center; gap:10px; font-size:14px; }
.km2-quick:first-child { border-color:rgba(255,101,0,.38); background:linear-gradient(90deg,rgba(255,101,0,.18),rgba(255,101,0,.055)); color:#fff; }
.km2-quick:hover { border-color:rgba(255,255,255,.15); }
.km2-quick span:first-child { width:18px; text-align:center; color:#ff9858; }

.km2-donut-row { display:grid; grid-template-columns:118px 1fr; gap:16px; align-items:center; }
.km2-donut { width:110px; height:110px; border-radius:50%; background:conic-gradient(var(--km2-orange) 0 100%); position:relative; }
.km2-donut::after { content:""; position:absolute; inset:17px; border-radius:50%; background:#111315; border:1px solid rgba(255,255,255,.04); }
.km2-donut-center { position:absolute; inset:0; z-index:1; display:grid; place-items:center; text-align:center; font-size:14px; color:#8f9399; line-height:1.25; }
.km2-donut-center strong { display:block; font-size:18px; color:#fff; }
.km2-legend { display:grid; gap:9px; }
.km2-legend-item { display:grid; grid-template-columns:10px 1fr auto; gap:8px; align-items:center; color:#969a9f; font-size:14px; }
.km2-dot { width:7px; height:7px; border-radius:50%; background:var(--km2-orange); }
.km2-legend-item:nth-child(2) .km2-dot { background:#ff984f; }
.km2-legend-item:nth-child(3) .km2-dot { background:#69717b; }
.km2-legend-item:nth-child(4) .km2-dot { background:#3c4147; }
.km2-legend-item b { color:#e5e5e6; font-weight:600; }

.km2-activity { display:grid; gap:12px; }
.km2-activity-item { display:grid; grid-template-columns:28px 1fr auto; gap:9px; align-items:start; }
.km2-activity-icon { width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:rgba(255,101,0,.1); color:#ff8e48; font-size:14px; }
.km2-activity-copy strong { display:block; font-size:14px; color:#d9dadd; margin-bottom:2px; }
.km2-activity-copy span, .km2-activity-time { color:#656a70; font-size:14px; }

.km2-table-card { margin-top:12px; }
.km2-table-head { padding:17px 18px 13px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.km2-table-scroll { overflow:auto; }
.km2-table { width:100%; border-collapse:collapse; min-width:760px; }
.km2-table th { text-align:left; color:#858a90; font-size:14px; font-weight:500; padding:12px 14px; background:rgba(255,255,255,.035); border-top:1px solid var(--km2-line); border-bottom:1px solid var(--km2-line); }
.km2-table td { padding:13px 14px; border-bottom:1px solid rgba(255,255,255,.055); color:#d0d2d4; font-size:14px; }
.km2-table tr:last-child td { border-bottom:0; }
.km2-client-cell { display:flex; align-items:center; gap:10px; }
.km2-client-badge { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:#24272a; color:#fff; font-weight:700; font-size:14px; flex:0 0 auto; }
.km2-client-meta strong { display:block; color:#e9e9ea; font-size:14px; font-weight:600; }
.km2-client-meta span { color:#666b71; font-size:14px; }
.km2-status { display:inline-flex; align-items:center; gap:6px; min-height:25px; padding:0 9px; border-radius:999px; font-size:14px; font-weight:600; background:rgba(53,217,111,.09); color:#54df82; }
.km2-status::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.km2-status.pending { background:rgba(67,166,255,.1); color:#63b3ff; }
.km2-status.expired, .km2-status.inactive { background:rgba(255,91,103,.1); color:#ff7d86; }
.km2-status.expiring { background:rgba(255,101,0,.12); color:#ff934c; }
.km2-empty { min-height:180px; display:grid; place-items:center; text-align:center; padding:30px; color:#646970; font-size:14px; }
.km2-empty strong { display:block; color:#b9bbbf; font-size:14px; margin-bottom:5px; }

.km2-resource-toolbar { display:flex; justify-content:flex-end; align-items:center; min-height:36px; margin-bottom:12px; }
.km2-page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px; }
.km2-page-head h2 { margin:0; font-size:21px; letter-spacing:-.03em; }
.km2-page-head p { margin:5px 0 0; color:#70757b; font-size:14px; }
.km2-list-card { min-height:440px; }

.km2-modal-backdrop { position:fixed; inset:0; z-index:100; background:rgba(0,0,0,.68); backdrop-filter:blur(5px); display:flex; justify-content:flex-end; }
.km2-drawer { width:min(1200px,100%); height:100%; background:#0d0f10; border-left:1px solid var(--km2-line-strong); box-shadow:-30px 0 80px rgba(0,0,0,.35); display:flex; flex-direction:column; animation:km2-slide .18s ease-out; }
@keyframes km2-slide { from { transform:translateX(24px); opacity:.4; } to { transform:none; opacity:1; } }
.km2-drawer-head { min-height:74px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--km2-line); }
.km2-drawer-head h3 { margin:0; font-size:16px; }
.km2-drawer-body { padding:20px; overflow:auto; flex:1; }
.km2-drawer-footer { padding:14px 20px; border-top:1px solid var(--km2-line); display:flex; justify-content:flex-end; gap:9px; }
.km2-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.km2-form-grid .km2-field.full { grid-column:1/-1; }
.km2-success-box { border:1px solid rgba(53,217,111,.25); background:rgba(53,217,111,.07); border-radius:12px; padding:14px; margin-bottom:16px; }
.km2-success-box strong { display:block; color:#72e695; font-size:14px; margin-bottom:7px; }
.km2-license-key { user-select:all; word-break:break-all; background:#08090a; border:1px dashed rgba(255,255,255,.16); border-radius:9px; padding:12px; font:600 14px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace; color:#fff; }
.km2-form-error { color:#ff949c; font-size:14px; margin-bottom:12px; }

.km2-drawer-wide { width:min(1200px,100%); }
.km2-client-form { display:grid; gap:20px; }
.km2-form-section { display:grid; gap:14px; }
.km2-form-section + .km2-form-section { padding-top:20px; border-top:1px solid var(--km2-line); }
.km2-form-section-head { display:grid; gap:4px; }
.km2-form-section-head strong { font-size:14px; color:#e7e8ea; }
.km2-form-section-head span { font-size:14px; line-height:1.45; color:#6f747a; }
.km2-segment { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border:1px solid var(--km2-line); border-radius:11px; background:#0b0d0e; }
.km2-segment-btn { min-height:40px; border:0; border-radius:8px; background:transparent; color:#8c9197; font-size:14px; font-weight:600; }
.km2-segment-btn:hover { color:#fff; background:rgba(255,255,255,.035); }
.km2-segment-btn.is-active { color:#fff; background:linear-gradient(180deg,rgba(255,101,0,.28),rgba(255,101,0,.12)); box-shadow:inset 0 0 0 1px rgba(255,101,0,.38); }
.km2-cep-wrap { position:relative; }
.km2-cep-wrap .km2-input { padding-right:82px; }
.km2-cep-status { position:absolute; right:12px; top:50%; transform:translateY(-50%); color:#ff9b5c; font-size:14px; }
.km2-field-error { color:#ff949c; font-size:14px; line-height:1.4; margin-top:-4px; }


.km2-product-table { min-width:880px; }
.km2-product-name { display:grid; gap:3px; max-width:340px; }
.km2-product-name strong { color:#f0f0f1; font-size:14px; }
.km2-product-name span { color:#6d7278; font-size:14px; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.km2-type-badge, .km2-feature-count { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; border:1px solid var(--km2-line); border-radius:8px; background:#0d0f10; color:#aeb2b7; font-size:14px; white-space:nowrap; }
.km2-code { color:#ff9b5c; font:600 14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.km2-table-actions-head, .km2-table-actions { text-align:right!important; }
.km2-table-actions { display:flex; justify-content:flex-end; align-items:center; gap:7px; white-space:nowrap; }
.km2-button-small { min-height:32px; padding:0 10px; border-radius:8px; font-size:14px; }
.km2-product-drawer { width:min(1200px,100%); }
.km2-product-form { display:grid; gap:22px; }
.km2-product-features-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.km2-feature-list { display:grid; gap:10px; }
.km2-feature-row { position:relative; border:1px solid var(--km2-line); border-radius:12px; background:#0b0d0e; padding:14px 44px 2px 14px; }
.km2-feature-row-main { display:grid; grid-template-columns:1fr .8fr; gap:12px; }
.km2-feature-row .km2-field { margin-bottom:12px; }
.km2-feature-remove { position:absolute; right:10px; top:10px; width:28px; height:28px; display:grid; place-items:center; border:1px solid rgba(255,91,103,.18); border-radius:8px; background:rgba(255,91,103,.06); color:#ff858e; font-size:17px; line-height:1; }
.km2-feature-remove:hover { background:rgba(255,91,103,.12); border-color:rgba(255,91,103,.34); }
.km2-feature-empty { padding:16px; border:1px dashed rgba(255,255,255,.11); border-radius:11px; color:#686d73; font-size:14px; line-height:1.55; background:rgba(255,255,255,.015); }

.km2-toast { position:fixed; z-index:140; left:50%; bottom:24px; transform:translateX(-50%); min-width:280px; max-width:min(520px,calc(100vw - 32px)); background:#17191b; color:#fff; border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 50px rgba(0,0,0,.45); border-radius:11px; padding:12px 14px; font-size:14px; }

@media (max-width: 1180px) {
  :root { --km2-sidebar: 210px; }
  .km2-kpis { grid-template-columns:repeat(2,1fr); }
  .km2-dashboard-grid { grid-template-columns:1fr; }
  .km2-stack { grid-template-columns:repeat(3,1fr); }
}

@media (max-width: 850px) {
  .km2-login { grid-template-columns:1fr; }
  .km2-login-brand { display:none; }
  .km2-login-panel { min-height:100vh; padding:24px; }
  .km2-app { display:block; }
  .km2-sidebar { position:fixed; left:0; right:0; bottom:0; top:auto; height:auto; border-right:0; border-top:1px solid var(--km2-line); padding:8px; }
  .km2-sidebar .km2-brand { display:none; }
  .km2-sidebar { display:flex; flex-direction:row; align-items:center; gap:4px; }
  .km2-nav { display:flex; flex:1 1 auto; gap:4px; overflow-x:auto; scrollbar-width:none; }
  .km2-nav::-webkit-scrollbar { display:none; }
  .km2-nav-item { justify-content:center; min-width:48px; min-height:48px; padding:0; }
  .km2-nav-item span { display:none; }
  .km2-sidebar-bottom { display:flex; flex:0 0 auto; margin-top:0; padding-top:0; border-top:0; }
  .km2-main { padding:0 14px 86px; }
  .km2-topbar { min-height:66px; }
  .km2-search, .km2-user-copy { display:none; }
  .km2-kpis { grid-template-columns:repeat(2,1fr); }
  .km2-stack { grid-template-columns:1fr; }
  .km2-toolbar { align-items:flex-start; }
}

@media (max-width: 700px) {
  .km2-product-features-head { align-items:stretch; flex-direction:column; }
  .km2-feature-row-main { grid-template-columns:1fr; gap:0; }
}

@media (max-width: 560px) {
  .km2-topbar { gap:8px; }
  .km2-heading p { display:none; }
  .km2-heading h1 { font-size:19px; }
  .km2-kpis { gap:8px; }
  .km2-kpi { min-height:96px; padding:12px; grid-template-columns:1fr; gap:7px; }
  .km2-kpi-icon { display:none; }
  .km2-kpi-value { font-size:18px; }
  .km2-toolbar-right { display:none; }
  .km2-bars-wrap { gap:4px; }
  .km2-bar { width:70%; }
  .km2-card-pad { padding:14px; }
  .km2-form-grid { grid-template-columns:1fr; }
  .km2-form-grid .km2-field.full { grid-column:auto; }
}

.km2-boot-screen, .km2-runtime-error { min-height:100vh; display:grid; place-items:center; background:radial-gradient(circle at 50% -20%, rgba(255,101,0,.14), transparent 36%), var(--km2-bg); color:var(--km2-text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.km2-boot-screen { align-content:center; gap:14px; color:var(--km2-muted); font-size:14px; }
.km2-runtime-error > div { width:min(520px,calc(100vw - 40px)); padding:24px; border:1px solid rgba(255,101,0,.28); border-radius:14px; background:#111315; box-shadow:0 24px 80px rgba(0,0,0,.32); }
.km2-runtime-error strong { display:block; margin-bottom:8px; font-size:18px; color:#fff; }
.km2-runtime-error span { display:block; color:#a9adb3; line-height:1.55; }

/* Settings */
.km2-settings-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:14px; align-items:start; }
.km2-settings-menu { padding:8px; position:sticky; top:96px; }
.km2-settings-menu-item { width:100%; border:0; background:transparent; color:#a0a4aa; border-radius:10px; padding:12px; text-align:left; display:grid; gap:4px; }
.km2-settings-menu-item strong { color:#d8dade; font-size:14px; font-weight:600; }
.km2-settings-menu-item span { color:#666b71; font-size:14px; line-height:1.4; }
.km2-settings-menu-item:hover { background:rgba(255,255,255,.035); }
.km2-settings-menu-item.is-active { background:linear-gradient(90deg,rgba(255,101,0,.18),rgba(255,101,0,.04)); box-shadow:inset 3px 0 0 var(--km2-orange); }
.km2-settings-menu-item.is-active strong { color:#fff; }
.km2-settings-card { padding:20px; }
.km2-settings-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid var(--km2-line); }
.km2-settings-head h3 { margin:0; font-size:17px; letter-spacing:-.025em; }
.km2-settings-head p { margin:5px 0 0; color:#73777d; font-size:14px; }
.km2-settings-state { display:inline-flex; align-items:center; min-height:26px; padding:0 9px; border-radius:999px; font-size:14px; font-weight:700; letter-spacing:.05em; color:#8b9096; background:rgba(255,255,255,.05); border:1px solid var(--km2-line); }
.km2-settings-state.is-on { color:#61e18b; background:rgba(53,217,111,.08); border-color:rgba(53,217,111,.2); }
.km2-settings-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.km2-settings-grid .km2-field { margin-bottom:0; }
.km2-settings-grid .km2-field.full, .km2-settings-grid-full { grid-column:1/-1; }
.km2-setting-toggle { min-height:64px; border:1px solid var(--km2-line); border-radius:11px; background:#0e1012; padding:13px 14px; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; }
.km2-setting-toggle-copy { display:grid; gap:4px; }
.km2-setting-toggle-copy strong { color:#e4e5e7; font-size:14px; }
.km2-setting-toggle-copy span { color:#6e7379; font-size:14px; line-height:1.45; }
.km2-switch { position:relative; width:40px; height:23px; flex:0 0 40px; }
.km2-switch input { position:absolute; opacity:0; pointer-events:none; }
.km2-switch-track { position:absolute; inset:0; border-radius:999px; background:#292d31; border:1px solid rgba(255,255,255,.08); transition:.18s ease; }
.km2-switch-track::after { content:""; position:absolute; width:17px; height:17px; left:2px; top:2px; border-radius:50%; background:#858a90; transition:.18s ease; }
.km2-switch input:checked + .km2-switch-track { background:rgba(255,101,0,.26); border-color:rgba(255,101,0,.55); }
.km2-switch input:checked + .km2-switch-track::after { transform:translateX(17px); background:var(--km2-orange); }
.km2-settings-test { margin-top:18px; padding:14px; border:1px solid var(--km2-line); border-radius:11px; background:#0c0e0f; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.km2-settings-test > div:first-child { display:grid; gap:4px; }
.km2-settings-test strong { font-size:14px; color:#d7d9dc; }
.km2-settings-test span { font-size:14px; color:#666b71; }
.km2-settings-test-action { display:flex; gap:8px; width:min(430px,100%); }
.km2-settings-test-action .km2-input { min-height:40px; }
.km2-settings-footer { display:flex; justify-content:flex-end; margin-top:18px; padding-top:16px; border-top:1px solid var(--km2-line); }
.km2-settings-error { margin:0 0 14px; padding:11px 12px; border:1px solid rgba(255,91,103,.22); border-radius:9px; background:rgba(255,91,103,.06); }
.km2-info-strip { border:1px solid rgba(255,101,0,.2); background:rgba(255,101,0,.06); border-radius:11px; padding:13px 14px; margin-bottom:14px; display:grid; gap:4px; }
.km2-info-strip strong { color:#ff9b5c; font-size:14px; text-transform:uppercase; letter-spacing:.05em; }
.km2-info-strip span { color:#a9adb2; font-size:14px; line-height:1.5; }
.km2-path-input { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; }
.km2-path-input > span { color:#70757b; font-size:14px; }

@media (max-width: 850px) {
  .km2-settings-layout { grid-template-columns:1fr; }
  .km2-settings-menu { position:static; display:grid; grid-template-columns:1fr 1fr; }
  .km2-settings-menu-item { min-height:64px; }
}

@media (max-width: 560px) {
  .km2-settings-grid { grid-template-columns:1fr; }
  .km2-settings-grid .km2-field.full, .km2-settings-grid-full { grid-column:auto; }
  .km2-settings-test { align-items:stretch; flex-direction:column; }
  .km2-settings-test-action { flex-direction:column; width:100%; }
  .km2-settings-card { padding:14px; }
}


/* Manager v2 action standard: action buttons are icon-only. */
.km2-action-button { width:40px; min-width:40px; padding:0; flex:0 0 40px; }
.km2-action-button .km2-inline-icon, .km2-button-icon .km2-inline-icon { display:grid; place-items:center; }
.km2-action-button svg, .km2-button-icon svg { width:18px; height:18px; }
.km2-button-small.km2-action-button { width:34px; min-width:34px; min-height:34px; padding:0; flex-basis:34px; }
.km2-quick-list { display:flex; flex-wrap:wrap; gap:10px; }
.km2-quick-icon { width:40px; min-width:40px; }

.km2-button-danger{color:#d9534f;border-color:rgba(217,83,79,.35)}
.km2-button-danger:hover{background:rgba(217,83,79,.08);border-color:rgba(217,83,79,.55)}
.km2-action-button.is-confirming{color:#21a366;border-color:rgba(33,163,102,.45);background:rgba(33,163,102,.08)}
.km2-action-button.is-executing{cursor:wait;opacity:.9;pointer-events:none}
.km2-action-button.is-executing .km2-inline-icon{animation:km2-action-spin .72s linear infinite}
@keyframes km2-action-spin{to{transform:rotate(360deg)}}

/* Company settings */
.km2-brand-image-wrap { padding-top:2px !important; padding-bottom:26px !important; }
.km2-brand-image { display:block; width:100%; max-width:178px; height:auto; object-fit:contain; object-position:left center; }
.km2-company-field-label { color:#c8c9cc; font-size:14px; font-weight:600; }
.km2-company-logo-field { display:grid; gap:8px; }
.km2-company-logo-row { display:flex; align-items:center; gap:12px; min-height:86px; padding:12px; border:1px solid var(--km2-line); border-radius:11px; background:#0c0e0f; }
.km2-company-logo-preview { min-width:180px; min-height:62px; display:flex; align-items:center; color:#777c82; font-size:14px; }
.km2-company-logo-preview img { display:block; max-width:240px; max-height:72px; object-fit:contain; object-position:left center; }
.km2-company-logo-actions { margin-left:auto; display:flex; gap:8px; }
.km2-visually-hidden { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.km2-company-section-title { padding-top:6px; color:#e4e5e7; font-size:15px; font-weight:700; border-top:1px solid var(--km2-line); margin-top:4px; padding-top:18px; }
.km2-color-field { display:grid; grid-template-columns:52px minmax(0,1fr); gap:8px; align-items:center; }
.km2-color-field input[type="color"] { width:52px; height:48px; padding:4px; border:1px solid var(--km2-line-strong); border-radius:10px; background:#101214; }
@media (max-width: 760px) {
  .km2-company-logo-row { align-items:flex-start; flex-direction:column; }
  .km2-company-logo-actions { margin-left:0; }
}

.km2-perm-line { display:flex; flex-wrap:wrap; gap:16px; align-items:center; padding:8px 0; border-bottom:1px solid var(--km2-line); }
.km2-perm-name { min-width:120px; font-size:14px; color:#e7e8ea; }
.km2-check-inline { display:inline-flex; gap:6px; align-items:center; color:#a9acb1; font-size:14px; margin:0; }
.km2-check-inline input { accent-color: var(--km2-orange); }
.km2-content .km2-tabs { margin-bottom:16px; width:fit-content; }

.km2-perm-matrix { border:1px solid var(--km2-line); border-radius:10px; overflow:hidden; }
.km2-perm-row { display:grid; grid-template-columns:minmax(130px,1.3fr) repeat(4,1fr); align-items:center; padding:9px 14px; border-bottom:1px solid var(--km2-line); }
.km2-perm-row:last-child { border-bottom:none; }
.km2-perm-head { background:#0b0d0e; font-size:14px; text-transform:uppercase; letter-spacing:.04em; color:#6f747a; }
.km2-perm-head .km2-perm-name { color:#6f747a; font-size:14px; }
.km2-perm-row .km2-perm-name { min-width:0; }
.km2-perm-col { display:flex; justify-content:center; }
.km2-perm-col input { width:16px; height:16px; accent-color:var(--km2-orange); cursor:pointer; }

.km2-file-picker{display:flex;align-items:center;gap:10px;min-height:42px}
.km2-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.km2-file-name{font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.km2-release-box{display:grid;gap:14px;padding:16px;border:1px solid var(--km2-border);border-radius:14px;background:var(--km2-surface-soft)}
.km2-release-list{display:flex;flex-wrap:wrap;gap:8px}
.km2-release-list span{font-size:14px;padding:5px 9px;border:1px solid var(--km2-border);border-radius:999px}

/* License operational visibility */
.km2-license-table { min-width:1280px; }
.km2-license-activation-lines { display:grid; gap:4px; min-width:120px; }
.km2-license-activation-lines > div { font-size:14px; line-height:1.35; white-space:nowrap; }
.km2-actions-cell { white-space:nowrap; }

/* alpha.57 · edição de planos com componentes dependentes do CORE */
.km2-entitlements-box{margin-top:8px;padding:16px;border:1px solid var(--km2-border,#2a3038);border-radius:14px;background:rgba(255,255,255,.02)}
.km2-entitlements-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.km2-entitlements-head span,.km2-entitlements-help{font-size:12px;opacity:.72;line-height:1.45}
.km2-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.km2-check-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--km2-border,#2a3038);border-radius:10px;cursor:pointer}
.km2-check-item input{margin-top:3px}
.km2-check-item span{display:flex;flex-direction:column;gap:2px;min-width:0}
.km2-check-item small{opacity:.65;overflow:hidden;text-overflow:ellipsis}
.km2-empty-inline{padding:10px 0;font-size:12px;opacity:.65}
.km2-license-entitlements{margin-top:18px}
.km2-license-entitlements .km2-form-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.km2-license-entitlement-row{display:grid;grid-template-columns:1.5fr .8fr .9fr 1fr;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--km2-border,#2a3038);border-radius:12px}
.km2-license-entitlement-row .km2-form-grid-full{grid-column:1/-1}
.km2-entitlement-remove{grid-column:1/-1;display:flex;justify-content:flex-end}
@media(max-width:780px){.km2-check-list{grid-template-columns:1fr}.km2-license-entitlement-row{grid-template-columns:1fr}}

/* License Manager · alpha.58 */
.km2-license-manager{width:min(980px,calc(100vw - 28px));}
.km2-license-profile,.km2-license-items-section,.km2-license-available-section{padding:16px;border:1px solid var(--km2-border,#2a3038);border-radius:14px;background:rgba(255,255,255,.02);margin-bottom:16px;}
.km2-license-profile-actions{display:flex;justify-content:flex-end;margin-top:12px;}
.km2-license-note{font-size:12px;line-height:1.45;opacity:.72;margin-top:10px;}
.km2-license-item-list{display:grid;gap:12px;margin-top:12px;}
.km2-license-item-card{padding:14px;border:1px solid var(--km2-border,#2a3038);border-radius:12px;background:rgba(0,0,0,.12);}
.km2-license-item-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.km2-license-item-main strong{display:block;font-size:14px;}
.km2-license-item-main small,.km2-form-section-head small{display:block;font-size:11px;line-height:1.4;opacity:.62;margin-top:3px;}
.km2-license-item-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.km2-chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--km2-border,#2a3038);border-radius:999px;font-size:11px;font-weight:600;}
.km2-license-item-controls{display:grid;grid-template-columns:.9fr .8fr 1.15fr auto;gap:10px;align-items:end;}
.km2-license-item-actions{display:flex;gap:8px;align-items:center;padding-bottom:1px;}
.km2-license-add-row{display:grid;grid-template-columns:1.5fr .85fr 1fr auto;gap:10px;align-items:end;margin-top:12px;}
.km2-license-add-action{padding-bottom:1px;}
@media(max-width:860px){.km2-license-item-main{display:grid}.km2-license-item-badges{justify-content:flex-start}.km2-license-item-controls,.km2-license-add-row{grid-template-columns:1fr}.km2-license-item-actions,.km2-license-add-action{padding-bottom:0}.km2-license-item-actions{justify-content:flex-start;}}

/* License Manager · alpha.59 · full page */

.km2-license-module-list{display:grid;gap:12px;margin-top:14px;}
.km2-license-module-card{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(540px,1.7fr);gap:18px;align-items:end;padding:14px;border:1px solid var(--km2-border,#2a3038);border-radius:12px;background:rgba(255,255,255,.018);}
.km2-license-module-info{display:grid;gap:3px;align-self:center;min-width:0;}
.km2-license-module-info strong{font-size:14px;font-weight:600;}
.km2-license-module-info span{font-size:12px;opacity:.72;word-break:break-word;}
.km2-license-module-info small{font-size:11px;opacity:.56;}
.km2-license-module-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1.15fr) minmax(210px,.8fr) 40px;gap:10px;align-items:end;min-width:0;}
.km2-license-module-controls>.km2-field:nth-of-type(1){grid-column:1;}
.km2-license-module-controls>.km2-field:nth-of-type(2){grid-column:2;}
.km2-license-module-controls>.km2-field:nth-of-type(3){grid-column:3;}
.km2-license-module-controls>.km2-license-module-action{grid-column:4;}
.km2-license-module-controls .km2-field{margin-bottom:0;}
.km2-license-module-action{display:flex;align-items:flex-end;justify-content:flex-end;height:40px;padding-top:0;align-self:end;}
.km2-license-module-action .km2-button{width:40px;min-width:40px;height:40px;min-height:40px;}
.km2-license-module-tabs{display:flex;align-items:center;justify-content:flex-start;margin-bottom:16px;}
@media(max-width:980px){.km2-license-module-card{grid-template-columns:1fr}.km2-license-module-controls{grid-template-columns:1fr}.km2-license-module-controls>.km2-field,.km2-license-module-controls>.km2-license-module-action{grid-column:1!important}.km2-license-module-action{justify-content:flex-start;}}

.km2-license-page{display:grid;gap:16px;}
.km2-license-page-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--km2-line);border-radius:14px;background:rgba(255,255,255,.02);}
.km2-license-page-toolbar>div:first-child{display:flex;align-items:center;gap:14px;min-width:0;}
.km2-license-page-title h2{margin:0;font-size:18px;font-weight:600;}
.km2-license-page-title small{display:block;margin-top:3px;font-size:11px;opacity:.62;word-break:break-all;}
.km2-license-page-summary{display:grid;gap:3px;text-align:right;min-width:180px;}
.km2-license-page-summary strong{font-size:14px;}
.km2-license-page-summary span{font-size:12px;opacity:.68;}
.km2-license-page-body{display:grid;gap:16px;}
.km2-license-page .km2-license-profile,.km2-license-page .km2-license-items-section,.km2-license-page .km2-license-available-section{margin-bottom:0;}
.km2-license-page .km2-license-item-controls{grid-template-columns:minmax(160px,.8fr) minmax(140px,.7fr) minmax(210px,1fr) auto;}
.km2-license-page .km2-license-add-row{grid-template-columns:minmax(280px,1.6fr) minmax(170px,.7fr) minmax(220px,.9fr) auto;}
@media(max-width:980px){.km2-license-page .km2-license-item-controls,.km2-license-page .km2-license-add-row{grid-template-columns:1fr 1fr}.km2-license-page .km2-license-item-actions,.km2-license-page .km2-license-add-action{grid-column:1/-1}.km2-license-page-toolbar{display:grid}.km2-license-page-summary{text-align:left;}}
@media(max-width:640px){.km2-license-page-toolbar>div:first-child{display:grid}.km2-license-page .km2-license-item-controls,.km2-license-page .km2-license-add-row{grid-template-columns:1fr}.km2-license-page .km2-license-item-actions,.km2-license-page .km2-license-add-action{grid-column:auto}}
.km2-license-section-gap{margin-top:24px;}
.km2-license-module-card-added{grid-template-columns:minmax(220px,1fr) auto;align-items:center;}
.km2-license-added-meta{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;font-size:12px;}
.km2-trial-alerts{margin-bottom:16px;}
.km2-trial-alert-list{display:grid;gap:8px;margin-top:12px;}
.km2-trial-alert{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(240px,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border:1px solid var(--km2-border,#2a3038);border-radius:10px;}
.km2-trial-alert span,.km2-trial-alert small{font-size:12px;}

/* Date/time control · alpha.74 · sem wheel infinito nativo */
.km2-datetime{display:grid;grid-template-columns:minmax(150px,1fr) 72px 12px 72px;gap:8px;align-items:center;min-width:0;}
.km2-datetime .km2-input,.km2-datetime .km2-select{min-height:48px;}
.km2-datetime-separator{text-align:center;font-weight:700;color:#9ca3ad;}
.km2-datetime-hour,.km2-datetime-minute{padding-left:10px;padding-right:28px;}
.km2-license-module-controls{grid-template-columns:minmax(210px,.85fr) minmax(220px,.9fr) minmax(340px,1.3fr) 40px;}
@media(max-width:980px){.km2-datetime{grid-template-columns:minmax(150px,1fr) 72px 12px 72px;}}

/* ZIP dropzone */
.km2-file-picker{display:block;min-height:0}
.km2-zip-dropzone{display:flex;align-items:center;gap:14px;width:100%;min-height:92px;padding:16px 18px;border:1px dashed var(--km2-border,#30363d);border-radius:12px;background:rgba(255,255,255,.015);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.km2-zip-dropzone:hover,.km2-zip-dropzone:focus-visible,.km2-zip-dropzone.is-dragging{border-color:var(--km2-accent,#ff6b00);background:rgba(255,107,0,.055);outline:none;box-shadow:0 0 0 1px rgba(255,107,0,.12)}
.km2-zip-dropzone.is-busy{cursor:progress;opacity:.78}
.km2-zip-drop-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid var(--km2-border,#30363d);border-radius:10px}
.km2-zip-drop-icon svg{width:20px;height:20px}
.km2-zip-drop-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.km2-zip-drop-copy strong{font-size:14px;line-height:1.35}
.km2-zip-drop-copy small{font-size:12px;line-height:1.4;color:var(--km2-muted,#8b949e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Releases · alpha.76 */
.km2-release-list{display:grid;gap:8px}
.km2-release-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--km2-border);border-radius:10px;background:rgba(255,255,255,.015)}
.km2-release-item-meta{display:flex;align-items:center;gap:8px;min-width:0}
.km2-release-item-meta strong{font-size:14px;line-height:1.2}
.km2-release-current{font-size:11px;line-height:1;padding:4px 7px;border:1px solid rgba(255,107,0,.45);border-radius:999px;color:var(--km2-orange,#ff6b00);background:rgba(255,107,0,.08)}
.km2-release-publish-row{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(360px,1.28fr) 48px;gap:12px;align-items:end}
.km2-release-publish-row .km2-field{margin:0;min-width:0}
.km2-release-publish-row .km2-zip-dropzone{min-height:48px;height:48px;padding:7px 10px;border-radius:10px}
.km2-release-publish-row .km2-zip-drop-icon{flex-basis:32px;width:32px;height:32px;border-radius:8px}
.km2-release-publish-row .km2-zip-drop-icon svg{width:16px;height:16px}
.km2-release-publish-row .km2-zip-drop-copy{gap:1px}
.km2-release-publish-row .km2-zip-drop-copy strong{font-size:13px}
.km2-release-publish-row .km2-zip-drop-copy small{font-size:11px}
.km2-release-upload-action{display:flex;align-items:flex-end;justify-content:flex-end;height:48px}
.km2-release-upload-action .km2-button{width:48px;height:48px;min-width:48px;padding:0}
@media(max-width:900px){.km2-release-publish-row{grid-template-columns:1fr}.km2-release-upload-action{justify-content:flex-start}}