.admin-version{font-size:12px;color:#667085;white-space:nowrap;margin-left:4px}.production-group{margin:22px 0}.production-group h2{display:flex;align-items:center;gap:10px}.push-discovery-banner{display:flex;align-items:center;justify-content:space-between;gap:18px}.push-discovery-banner[hidden]{display:none!important}.notice.compact{padding:9px 12px;margin:8px 0;font-size:14px}.linked-tag-card{border-left:5px solid #3b82f6}.code-separator{font-size:28px;font-weight:800;align-self:center;color:#667085}.activation-boxes{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap}.admin-result-list .result-row summary input[type=checkbox]{flex:0 0 auto}.production-group .result-thumb img{width:42px;height:42px;object-fit:contain}.sticky-save{position:sticky;bottom:10px;display:flex;gap:10px;background:#fff;padding:12px;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.2);z-index:20}.production-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.production-field{min-width:0;padding:12px;border:1px solid #e3e8ef;border-radius:12px}.production-field-full{grid-column:1/-1}.production-copy-value{display:flex;align-items:center;gap:10px;margin-top:7px}.production-copy-value code{min-width:0;flex:1;overflow-wrap:anywhere;user-select:text}.copy-button{flex:0 0 auto;padding:7px 10px;font-size:13px}.copy-all-button{margin-top:14px}.inlay-editor-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,2fr);gap:24px;align-items:start}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inlay-element summary{display:flex;justify-content:space-between;cursor:pointer}.inlay-preview-panel{position:sticky;top:100px}.inlay-preview-wrap{padding:20px;background:#e9edf3;border-radius:14px}.inlay-preview-sheet{position:relative;width:100%;background:#fff;box-shadow:0 3px 16px rgba(0,0,0,.18);overflow:hidden}.preview-element{position:absolute;box-sizing:border-box;transform-origin:0 0;overflow:hidden;line-height:1.1;overflow-wrap:anywhere;border:1px dashed rgba(23,105,255,.35);color:#111}.preview-element img,.preview-element canvas{display:block;width:100%!important;height:100%!important}
@media(max-width:760px){.inlay-editor-layout{grid-template-columns:1fr}.inlay-preview-panel{position:static}.production-values{grid-template-columns:1fr}.production-field-full{grid-column:auto}.production-copy-value{align-items:flex-start;flex-direction:column}.copy-button{width:100%}}
@media(max-width:640px){.push-discovery-banner{align-items:stretch;flex-direction:column}.admin-version{display:block;width:100%;text-align:center}.activation-boxes{display:grid!important;grid-template-columns:repeat(4,minmax(38px,1fr));gap:7px}.activation-boxes .code-separator{grid-column:1/-1;text-align:center;height:20px;line-height:16px}.code-box{min-width:0!important;width:100%!important}.sticky-save{flex-wrap:wrap}.sticky-save button{width:100%}}
.page-heading-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.template-overview-list{display:grid;gap:10px;margin-top:20px}.template-overview-row{display:grid;grid-template-columns:54px minmax(180px,1fr) 54px auto 20px;align-items:center;gap:14px;padding:10px 14px;border:2px solid #e4e9f1;border-radius:14px;color:inherit;text-decoration:none;background:#fff}.template-overview-row:hover,.template-overview-row.selected{border-color:#1769ff;background:#f5f8ff}.template-mini-image,.template-product-mini{width:48px;height:48px;display:grid;place-items:center}.template-mini-image img,.template-product-mini img{max-width:100%;max-height:100%;object-fit:contain}.template-list-name{display:flex;flex-direction:column;min-width:0}.template-list-name small{color:#667085}.template-editor-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:24px;align-items:start}.template-live-preview{position:sticky;top:100px}.template-preview-card{border:4px solid var(--preview-color);border-radius:20px;padding:24px;display:grid;place-items:center;gap:14px;text-align:center;background:#fff}.template-preview-icon{width:110px;height:110px;object-fit:contain}.template-preview-product{width:150px;height:150px;object-fit:contain}.visual-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:12px 0 20px}.visual-choice{position:relative;min-height:145px;border:2px solid #dfe5ee;border-radius:14px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;cursor:pointer;background:#fff}.visual-choice:hover,.visual-choice.selected{border-color:#1769ff;background:#eef4ff}.visual-choice input{position:absolute;opacity:0;pointer-events:none}.visual-choice img{width:90px;height:90px;object-fit:contain}.visual-choice b{display:none;position:absolute;right:7px;top:7px;width:25px;height:25px;border-radius:50%;background:#1769ff;color:#fff}.visual-choice.selected b{display:grid;place-items:center}.visual-choice.no-image{min-height:90px}.language-panel{border:1px solid #dfe5ee;border-radius:12px;padding:10px;margin:10px 0}.sortable-field-list{display:grid;gap:12px;margin-top:20px}.sortable-field{padding:0;overflow:hidden}.sortable-field-summary{display:flex;align-items:center;gap:14px;padding:16px;cursor:pointer;list-style:none}.sortable-field-summary::-webkit-details-marker{display:none}.drag-handle{width:44px;min-width:44px;height:44px;padding:0;cursor:grab;touch-action:none;background:#eef3fb;color:#0d2c5c;font-size:23px}.drag-handle:active{cursor:grabbing}.sortable-field-title{display:flex;flex:1;min-width:0;flex-direction:column}.sortable-field-title small{color:#667085}.sortable-field-content{border-top:1px solid #e4e9f1;padding:18px}.sortable-ghost{opacity:.35}.sortable-chosen{box-shadow:0 10px 32px rgba(13,44,92,.2)}
@media(max-width:760px){.page-heading-actions{align-items:stretch;flex-direction:column}.template-overview-row{grid-template-columns:48px minmax(0,1fr) auto 16px}.template-product-mini{display:none}.template-editor-layout{grid-template-columns:1fr}.template-live-preview{position:static}.visual-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sortable-field-summary{gap:9px;padding:12px}.sortable-field-summary .badge{display:none}}
.preview-element{transform-origin:0 0!important}
.switch-row{position:relative;display:flex!important;align-items:center;gap:12px;margin:12px 0;cursor:pointer}.switch-row>input[type=checkbox]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}.switch-ui{position:relative;display:inline-block;flex:0 0 50px;width:50px;height:28px;border-radius:999px;background:#aab4c3;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:.2s}.switch-ui:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25);transition:.2s}.switch-row>input:checked+.switch-ui{background:#1769ff}.switch-row>input:checked+.switch-ui:after{transform:translateX(22px)}.switch-row>input:focus-visible+.switch-ui{outline:3px solid rgba(23,105,255,.3);outline-offset:2px}.field-config-group{padding:16px;margin:14px 0;border:1px solid #dfe5ee;border-radius:14px;background:#fff}.field-config-group>h3{margin-top:0}.field-config-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.inlay-preview-dialog{width:min(96vw,1500px);height:min(92vh,1000px);padding:48px 12px 12px}.inlay-preview-dialog iframe{width:100%;height:100%;border:0;border-radius:12px;background:#e9edf3}.inlay-preview-dialog::backdrop{background:rgba(4,20,43,.78)}

.article-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:16px}.article-choice{display:flex;flex-direction:column;align-items:stretch;gap:7px;text-align:left;background:#fff;color:#0b1f3a;border:2px solid #d9e1ec;border-radius:16px;padding:12px}.article-choice:hover{border-color:#1769ff}.article-choice-image{display:flex;align-items:center;justify-content:center;height:135px;background:#f5f7fb;border-radius:12px}.article-choice-image img,.selected-article img{width:100%;height:100%;object-fit:contain}.selected-article{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:16px;margin-top:14px;padding:14px;border:1px solid #d9e1ec;border-radius:14px}.selected-article img{height:90px}.article-picker-dialog{width:min(1050px,94vw)}.editor-back{margin-bottom:14px}.article-admin-select{display:flex;gap:10px;align-items:end}.article-admin-select select{flex:1}
@media(max-width:640px){.article-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-article{grid-template-columns:70px 1fr}.article-admin-select{flex-direction:column;align-items:stretch}}

.admin-brand{display:flex!important;align-items:center;gap:8px}.admin-brand .admin-version{padding:3px 7px;border-radius:999px;background:#eef4ff;color:#0d2c5c}.tag-grid{display:grid;gap:14px}.tag-overview-card{padding:0!important;overflow:hidden}.tag-overview-summary{display:grid;grid-template-columns:70px minmax(0,1fr) auto auto 22px;align-items:center;gap:14px;padding:14px;cursor:pointer;list-style:none}.tag-overview-summary::-webkit-details-marker{display:none}.tag-overview-name{display:flex;flex-direction:column;gap:3px}.tag-overview-name strong{font-size:19px}.tag-overview-name small{color:#667085}.tag-overview-details{padding:0 18px 18px;border-top:1px solid #e4e9f1}.compact-switch{margin:0}.compact-switch .switch-label{font-size:13px}.tag-date-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tag-date-grid>div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #e4e9f1;border-radius:12px}.tag-date-grid small{color:#667085}.inline-edit{display:flex;gap:10px;align-items:center}.inline-edit input{flex:1}.linked-name-form{margin:14px 0}.color-control{display:grid;grid-template-columns:70px auto minmax(130px,auto);gap:10px;align-items:center}.color-control input[type=color]{width:70px;height:44px;padding:3px}.color-apply{min-width:145px}.clear-date{margin:7px 0 0}.settings-group{padding:18px;margin:16px 0;border:1px solid #dfe5ee;border-radius:16px;background:#f9fbff}.settings-group h2{margin-top:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-tile{position:relative}.kpi-badge{position:absolute;right:12px;top:12px;min-width:28px;height:28px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:#dc2626;color:#fff}.dashboard-tile-editor{display:grid;gap:8px;margin:16px 0}.dashboard-edit-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #e4e9f1;border-radius:12px}.dashboard-edit-row .drag-handle{display:grid;place-items:center}.one-time-code code{display:block;font-size:clamp(25px,6vw,42px);font-weight:800;letter-spacing:3px;padding:18px;text-align:center;background:#071a33;color:#fff;border-radius:14px}.emergency-contact-box{border:2px solid #dc2626!important;background:#fff7f7!important}
@media(max-width:760px){.tag-overview-summary{grid-template-columns:56px minmax(0,1fr) auto 20px}.tag-overview-summary .compact-switch{grid-column:2/4}.tag-date-grid,.settings-grid{grid-template-columns:1fr 1fr}.inline-edit{align-items:stretch;flex-direction:column}.color-control{grid-template-columns:65px 1fr}.color-apply{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr!important}}

/* v19.1: rustige tagregels en vaste uitklappijlen */
.tag-grid{grid-template-columns:1fr!important}.tag-overview-summary{grid-template-columns:70px minmax(0,1fr) 24px}.tag-overview-name{min-width:0}.tag-overview-name strong{overflow-wrap:anywhere}.tag-overview-name .badge{align-self:flex-start;margin-top:5px}.scan-notification-switch{margin:16px 0}.tag-date-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.tag-date-grid strong{overflow-wrap:anywhere}.admin-result-list .result-row>summary{position:relative;padding-right:48px}.admin-result-list .result-row>summary>.field-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.article-choice[hidden]{display:none!important}.article-filter-stack{display:grid;gap:12px;margin:14px 0}.article-filter-stack label{display:grid;gap:5px}.article-choice strong{order:2}.article-choice small{font-weight:400;color:#667085}.batch-summary-main{display:grid;gap:7px;width:100%;min-width:0}.batch-summary-top,.batch-summary-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.batch-summary-bottom small{font-weight:400;min-width:0;overflow-wrap:anywhere}.production-batch-row>summary{display:flex!important}.emergency-name-display{margin:16px 0;padding:14px;border:1px solid #dfe5ee;border-radius:14px;background:#fffaf5}
@media(max-width:760px){.tag-overview-summary{grid-template-columns:56px minmax(0,1fr) 22px;gap:10px}.tag-overview-details{padding:0 14px 16px}.tag-date-grid{grid-template-columns:1fr}.linked-name-form .inline-edit{display:grid;grid-template-columns:1fr}.linked-name-form button{width:100%}.batch-summary-bottom{align-items:flex-start}.batch-summary-bottom .badge{flex:0 0 auto}}
@media(min-width:761px) and (max-width:1050px){.tag-date-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.tag-date-grid,.settings-grid{grid-template-columns:1fr}}
.sortable-field-summary .drag-handle{display:none}