.activation-page-title{align-items:flex-start}.activation-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:16px 18px;border:1px solid var(--border,#e5e9ef);border-radius:16px;background:linear-gradient(135deg,rgba(239,63,73,.07),rgba(255,255,255,.72))}.activation-overview>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.activation-overview strong{font-size:18px}.activation-overview code{font-size:12px}.activation-native-shell{display:grid;gap:14px}.activation-subnav{position:sticky;top:0;z-index:8;display:flex;gap:4px;padding:5px;border:1px solid var(--border,#e3e7ec);border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 92%,transparent);backdrop-filter:blur(14px);overflow:auto}.activation-subnav button{flex:0 0 auto;border:0;border-radius:10px;background:transparent;padding:10px 14px;color:var(--muted,#6d737d);font-weight:750;cursor:pointer}.activation-subnav button:hover{background:var(--panel-soft,#f7f8fa);color:var(--text,#202126)}.activation-subnav button.active{background:#fff0f1;color:#d92f3c;box-shadow:inset 0 0 0 1px rgba(239,63,73,.14)}.activation-native-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.activation-native-workspace.preview-open{grid-template-columns:minmax(560px,1fr) minmax(360px,520px)}.activation-editor-column{min-width:0}.activation-native-panel{margin:0}.activation-native-panel[hidden]{display:none!important}.activation-native-panel>.panel-head{align-items:flex-start}.privacy-switch-row.compact{min-width:300px;margin:0;padding:12px 14px}.activation-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.activation-form-grid .full{grid-column:1/-1}.activation-option-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border,#e7eaee)}.activation-option-heading span{font-size:12px;color:var(--muted,#737984)}.activation-switch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.activation-switch-grid label{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--border,#e4e8ed);border-radius:11px;background:var(--panel,#fff);font-weight:650;font-size:13px}.activation-switch-grid input{accent-color:#ef3f49;width:17px;height:17px}.activation-advanced{margin-top:18px;border-top:1px solid var(--border,#e5e9ef);padding-top:14px}.activation-advanced summary,.activation-events>summary,.activation-material-card details summary{cursor:pointer;font-weight:750;color:var(--text,#202126)}
.activation-import-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0}.activation-import-button{cursor:pointer}.activation-import-result{display:grid;gap:5px;margin:12px 0;padding:12px 14px;border:1px solid #ccebdc;border-radius:12px;background:#f1fbf6}.activation-import-result small{color:#5d6f66}.activation-import-result em{font-size:12px;color:#9b6910;font-style:normal}.activation-unit-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;gap:12px;align-items:center;margin:16px 0}.activation-unit-toolbar .input{max-width:520px}.activation-unit-name{display:grid;gap:4px}.activation-unit-name strong{font-size:14px}.activation-unit-name small,.activation-url small{color:var(--muted,#747a84)}.activation-url{display:grid;gap:4px;max-width:420px}.activation-url code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activation-actions{display:flex;gap:6px;flex-wrap:wrap}.activation-empty{padding:30px;text-align:center;color:var(--muted,#737984)}.btn-danger-soft{border:1px solid #ffd4d7!important;background:#fff4f5!important;color:#cf2836!important}.btn-danger-soft:hover{background:#ffe9eb!important}
.activation-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.activation-material-card{display:grid;align-content:start;gap:12px;padding:16px;border:1px solid var(--border,#e1e6eb);border-radius:16px;background:var(--panel-soft,#fafbfc);min-width:0}.activation-material-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.activation-material-card>header>div{display:grid;gap:4px}.activation-material-card>header small{color:var(--muted,#747a84);line-height:1.5}.activation-material-card>img{display:block;width:100%;height:230px;object-fit:contain;border:1px solid var(--border,#e4e8ed);border-radius:12px;background:#fff}.activation-material-card .field{margin:0}.activation-material-card details{border-top:1px dashed var(--border,#e1e5e9);padding-top:10px}.activation-material-card details[open] summary{margin-bottom:10px}.activation-banner-card{grid-column:1/-1}.activation-banner-card canvas{width:100%;height:auto;max-height:310px;object-fit:contain;border:1px solid var(--border,#e3e7eb);border-radius:13px;background:#fff}.code-area{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}.activation-guide-copy-editor{margin-top:16px;padding:16px;border:1px solid var(--border,#e4e8ed);border-radius:14px}.activation-guide-copy-editor h3,.activation-steps-editor h3{margin:0}.activation-share-switches{grid-template-columns:repeat(3,minmax(0,1fr))}.activation-steps-editor{margin-top:20px;display:grid;gap:12px}.activation-step-row{display:grid;grid-template-columns:44px minmax(170px,.7fr) minmax(240px,1.3fr);gap:12px;align-items:end;padding:13px;border:1px solid var(--border,#e3e7eb);border-radius:12px}.activation-step-row>span{align-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff0f1;color:#d92f3c;font-weight:850;font-family:ui-monospace,monospace}
.activation-publish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.activation-publish-grid article{padding:15px;border:1px solid var(--border,#e2e6eb);border-radius:14px;background:var(--panel-soft,#fafbfc)}.activation-publish-grid h3{margin:0 0 7px}.activation-publish-grid p{min-height:58px;margin:0 0 14px;color:var(--muted,#6f7580);font-size:13px;line-height:1.65}.activation-history{margin-top:20px;border-top:1px solid var(--border,#e4e8ed);padding-top:18px}.activation-history-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.activation-history-head h3{margin:0}.activation-history article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border,#edf0f2)}.activation-history article>div{display:grid;gap:3px}.activation-history article small{color:var(--muted,#737984)}.activation-events{margin-top:16px;padding:0}.activation-events>summary{padding:12px 0}.activation-events article{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:14px;padding:10px 0;border-bottom:1px solid var(--border,#e9ecf0)}.activation-events article small{color:var(--muted,#737984)}
.activation-preview-panel{position:sticky;top:62px;padding:14px;border:1px solid var(--border,#e1e5e9);border-radius:16px;background:var(--panel,#fff);box-shadow:0 12px 36px rgba(25,31,38,.08);max-height:calc(100vh - 86px);overflow:auto}.activation-preview-panel[hidden]{display:none!important}.activation-preview-tools{display:flex;gap:6px;margin:10px 0}.activation-preview-tools button{border:1px solid var(--border,#dfe4e9);border-radius:9px;background:#fff;padding:7px 10px;cursor:pointer;color:#555}.activation-preview-tools button.active{border-color:#f1a9af;background:#fff1f2;color:#d92f3c}.activation-preview-stage{margin:auto;border:1px solid #dfe4e8;border-radius:18px;background:#f5f6f8;overflow:hidden;transition:max-width .2s}.activation-preview-stage.mobile{max-width:420px}.activation-preview-stage.desktop{max-width:100%}.activation-preview-stage iframe{display:block;width:100%;height:690px;border:0;background:#fff}.preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.preview-heading h2{margin:0}.preview-heading p{margin:5px 0 0;color:var(--muted,#747a84);font-size:12px}.activation-unit-dialog{width:min(780px,calc(100vw - 32px))}.activation-unit-qr{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center;padding:14px;border:1px dashed var(--border,#dfe4ea);border-radius:14px}.activation-unit-qr>span,.activation-unit-qr>small{grid-column:2}.activation-unit-qr img{grid-row:1/4;width:100px;height:100px;object-fit:contain;background:#fff;border-radius:10px}
@media(max-width:1320px){.activation-native-workspace.preview-open{grid-template-columns:1fr}.activation-preview-panel{position:relative;top:auto;max-height:none}.activation-preview-stage.desktop{max-width:980px}.activation-publish-grid{grid-template-columns:1fr 1fr}.activation-switch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:920px){.activation-material-grid{grid-template-columns:1fr}.activation-banner-card{grid-column:auto}.activation-publish-grid{grid-template-columns:1fr}.activation-share-switches{grid-template-columns:1fr 1fr}.activation-step-row{grid-template-columns:40px 1fr}.activation-step-row>.field:last-child{grid-column:2}}
@media(max-width:760px){.activation-page-title{display:grid}.activation-overview{align-items:flex-start;flex-direction:column}.activation-form-grid{grid-template-columns:1fr}.activation-switch-grid,.activation-share-switches{grid-template-columns:1fr 1fr}.activation-unit-toolbar{grid-template-columns:1fr}.privacy-switch-row.compact{min-width:0}.activation-events article,.activation-history article{grid-template-columns:1fr}.activation-step-row{grid-template-columns:34px 1fr}.activation-material-card>img{height:190px}.activation-subnav{margin-inline:-6px}}

/* v1.8 native compatibility editors */
.activation-advanced-editor{border:1px solid #e8ebf0;border-radius:14px;padding:0 14px;background:#fbfcfe}
.activation-advanced-editor>summary{cursor:pointer;padding:13px 0;font-weight:700;color:#30333a}
.activation-advanced-editor[open]>summary{border-bottom:1px solid #edf0f4;margin-bottom:12px}
.activation-advanced-editor>.muted{display:block;margin:0 0 12px;line-height:1.6}
.activation-poster-sections{display:grid;gap:10px;margin:12px 0}
.activation-poster-section{display:grid;grid-template-columns:42px minmax(150px,.55fr) minmax(240px,1.45fr);gap:10px;align-items:start;padding:12px;border:1px solid #edf0f4;border-radius:12px;background:#fff}
.activation-poster-section>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff1f2;color:#e73f49;font-size:12px}
.activation-poster-section .field{margin:0}
@media(max-width:780px){.activation-poster-section{grid-template-columns:36px 1fr}.activation-poster-section .field:last-child{grid-column:2}.activation-poster-section>b{width:30px;height:30px}}
/* v1.8 native editor media controls */
.activation-editor-media-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 12px;border:1px dashed var(--border,#dfe4ea);border-radius:11px;background:var(--panel,#fff)}
.activation-editor-media-row>span{font-weight:700}.activation-editor-media-row>small{color:var(--muted,#747a84)}
.activation-layer-editor{display:grid;gap:10px;padding-top:12px;border-top:1px dashed var(--border,#e1e5e9)}
.activation-layer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.activation-layer-head>div{display:grid;gap:3px}.activation-layer-head small{color:var(--muted,#747a84)}
.activation-layer-list{display:grid;gap:8px}.activation-layer-row{display:grid;grid-template-columns:58px minmax(150px,1fr) 150px 110px auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--border,#e3e7eb);border-radius:12px;background:var(--panel,#fff)}
.activation-layer-row>img{width:58px;height:58px;object-fit:contain;border-radius:9px;border:1px solid var(--border,#e4e8ed);background:#fff}.activation-layer-row>div{display:grid;gap:3px;min-width:0}.activation-layer-row>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activation-layer-row>div small{color:var(--muted,#747a84);font-size:11px}.activation-layer-row>label{display:grid;gap:4px;font-size:11px;color:var(--muted,#747a84)}
.activation-empty.compact{padding:10px 12px;min-height:0}
@media(max-width:900px){.activation-layer-row{grid-template-columns:52px 1fr}.activation-layer-row>label,.activation-layer-row>button{grid-column:2}.activation-layer-head{align-items:flex-start;flex-direction:column}}

/* v1.9.0 visual QA: keep media aspect ratios intact and reduce overly wide editor surfaces. */
.activation-material-grid{align-items:start}.activation-material-card{overflow:hidden}.activation-banner-card{padding-bottom:20px}.activation-banner-card canvas{display:block;width:min(100%,1120px);height:auto;max-height:none;aspect-ratio:2087/753;margin:2px auto 8px;object-fit:contain;border-radius:14px;background:#fff}.activation-banner-card .actions{justify-content:center}.activation-banner-card .activation-form-grid{max-width:1120px;width:100%;margin-inline:auto}.activation-material-card>img{height:auto;max-height:420px;aspect-ratio:auto;object-fit:contain;margin-inline:auto}.activation-subnav{position:sticky;top:64px;z-index:8;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 4px 12px rgba(30,36,44,.04)}.activation-native-panel{scroll-margin-top:124px}.activation-form-grid{align-items:start}.activation-material-card .actions{align-items:center;flex-wrap:wrap}
@media(max-width:920px){.activation-banner-card canvas{width:100%}}

/* v2.1.0: only banner feedback; keep existing administration layout. */
.activation-banner-filemeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);min-width:0}
.activation-banner-filemeta b{overflow-wrap:anywhere;color:var(--text);font-weight:600;flex:1;min-width:100px}
#activation-banner-status{margin:0;overflow-wrap:anywhere;font-size:12px}

/* Compact unit management list. It must not inherit the legacy empty-table colspan layout. */
.activation-unit-card-list{border:0;overflow:visible;background:transparent}
.activation-unit-card-list .table{min-width:0!important;width:100%;table-layout:fixed;background:transparent}
.activation-unit-card-list thead{display:none}
.activation-unit-card-list tbody{display:grid;gap:10px}
.activation-unit-card-list tr,.activation-unit-card-list td{display:block;width:100%}
.admin-body .activation-unit-card-list td[colspan]{height:auto;min-height:0;padding:0;border:0;text-align:left;color:var(--text,#202126);white-space:normal}
.activation-unit-card-list .activation-unit-card{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--border,#e1e6eb);border-radius:13px;background:var(--panel,#fff);box-shadow:0 1px 2px rgba(24,30,38,.025);transition:border-color .16s ease,box-shadow .16s ease}
.activation-unit-card-list .activation-unit-card:hover{border-color:#d7dce3;box-shadow:0 5px 16px rgba(24,30,38,.05)}
.activation-unit-card-list .activation-unit-card[open]{border-color:rgba(239,63,73,.28);box-shadow:0 7px 22px rgba(24,30,38,.06)}
.activation-unit-summary{display:grid!important;grid-template-columns:42px minmax(260px,1fr) auto 72px;gap:14px!important;align-items:center!important;padding:14px 16px!important;list-style:none;text-align:left}
.activation-unit-summary::-webkit-details-marker{display:none}
.activation-unit-card-list .activation-unit-summary>span:first-child{min-width:0;white-space:normal}
.activation-unit-index{display:grid!important;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff0f1;color:#d92f3c;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.activation-unit-summary-main{display:grid!important;gap:5px;min-width:0;white-space:normal}
.activation-unit-summary-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:var(--text,#202126)}
.activation-unit-summary-main small{display:flex!important;align-items:center;gap:0!important;margin:0!important;min-width:0;color:var(--muted,#747a84)!important;font-size:12px}
.activation-unit-summary-main small span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activation-unit-summary-main small span+span{margin-left:9px;padding-left:9px;border-left:1px solid var(--border,#e3e7ec)}
.activation-unit-statuses{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.activation-unit-manage{position:relative;display:block!important;padding-right:17px;color:var(--muted,#737984);font-size:12px;font-weight:700;text-align:right;white-space:nowrap}
.activation-unit-manage::after{content:'›';position:absolute;right:2px;top:50%;font-size:18px;line-height:1;transform:translateY(-52%) rotate(90deg);transition:transform .16s ease}
.activation-unit-card[open] .activation-unit-manage::after{transform:translateY(-48%) rotate(-90deg)}
.activation-unit-card[open] .activation-unit-manage{color:#d92f3c}
.activation-unit-card-list .unit-card-content{padding:16px;border-top:1px solid var(--border,#e8ebef);background:var(--panel-soft,#fafbfc)}
.activation-unit-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}
.activation-unit-card-list .final-kv{margin:0}
.activation-unit-card-list .final-kv dd{min-width:0;overflow-wrap:anywhere}
.activation-unit-card-list .unit-card-qr{width:132px;height:132px;padding:6px;border:1px solid var(--border,#e2e6ea);border-radius:10px;background:#fff}
.activation-unit-card-list .activation-actions{justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid var(--border,#e8ebef)}
@media(max-width:900px){.activation-unit-summary{grid-template-columns:40px minmax(0,1fr) auto}.activation-unit-statuses{grid-column:2;justify-content:flex-start}.activation-unit-manage{grid-column:3;grid-row:1/3}.activation-unit-summary-main small{flex-wrap:wrap;row-gap:4px}.activation-unit-detail-grid{grid-template-columns:1fr}.activation-unit-card-list .unit-card-qr{width:112px;height:112px}}
@media(max-width:600px){.activation-unit-summary{grid-template-columns:36px minmax(0,1fr) 28px;gap:10px!important;padding:12px!important}.activation-unit-index{width:32px;height:32px}.activation-unit-manage{width:28px;overflow:hidden;color:transparent}.activation-unit-manage::after{color:var(--muted,#737984)}.activation-unit-statuses{flex-wrap:wrap}.activation-unit-summary-main small span:last-child{flex-basis:100%;margin-left:0;padding-left:0;border-left:0}.activation-unit-card-list .unit-card-content{padding:13px}.activation-unit-card-list .activation-actions{justify-content:flex-start}}

/* v2.1 HF2: restore the v1.1.14.7 workbench instead of hiding the live preview. */
.activation-native-workspace.preview-open{grid-template-columns:minmax(680px,1fr) var(--activation-preview-width,520px)}
.activation-native-workspace.preview-open .activation-material-grid{grid-template-columns:1fr}
.activation-native-workspace.preview-open .activation-banner-card{grid-column:auto}
.activation-preview-panel{overflow:auto;padding-left:20px}
.activation-preview-panel>.activation-preview-stage{overflow:hidden}
.activation-preview-panel>.activation-preview-tools,.activation-preview-panel>.preview-heading{position:relative;z-index:1}
.activation-preview-resize{position:absolute;z-index:4;left:2px;top:70px;width:17px;height:86px;border:0;border-radius:10px;background:linear-gradient(90deg,transparent 5px,#cdd3db 5px,#cdd3db 8px,transparent 8px);cursor:ew-resize;touch-action:none}
.activation-preview-resize:hover,.activation-preview-resize:focus-visible{background:linear-gradient(90deg,transparent 5px,#ef3f49 5px,#ef3f49 8px,transparent 8px);outline:0}
.activation-image-paste-dialog{width:min(720px,calc(100vw - 32px))}
.activation-image-paste-zone{display:grid;place-items:center;gap:8px;min-height:240px;margin:16px 0;padding:28px;border:2px dashed #ef9ca3;border-radius:18px;background:linear-gradient(145deg,#fff7f8,#fff);text-align:center;cursor:copy;outline:0}
.activation-image-paste-zone strong{font-size:20px;color:#252830}.activation-image-paste-zone span{font-weight:700;color:#d92f3c}.activation-image-paste-zone small{max-width:560px;color:var(--muted,#6f7580);line-height:1.65}
.activation-image-paste-zone:focus,.activation-image-paste-zone.dragover{border-color:#ef3f49;background:#fff0f1;box-shadow:0 0 0 4px rgba(239,63,73,.1)}
@media(max-width:1180px){.activation-native-workspace.preview-open{grid-template-columns:1fr}.activation-preview-panel{position:relative;top:auto;max-height:none;overflow:auto}.activation-preview-resize{display:none}.activation-preview-stage.desktop{max-width:980px}}