/* GXJ Suite: alleen compositie. Vormgeving komt uit het GXJ System (lagen Presentatie, Document en App). */
.ck-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:var(--gx-space-5);margin-bottom:var(--gx-space-5)}
.ck-two>.gx-app-card+.gx-app-card{margin-top:0}
.gx-app-head__eyebrow a,.gx-app-timeline a,.gx-app-table a{color:inherit;text-decoration:none}
.gx-app-head__eyebrow a:hover,.gx-app-timeline a:hover{text-decoration:underline}
.ck-agree>*+*{margin-top:var(--gx-space-5)}
.ck-art{border:0;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.ck-art legend{font-family:var(--gx-font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gx-fg-4);margin-bottom:6px}
.ck-art textarea{min-height:90px;line-height:1.55}
.ck-preview iframe{width:100%;height:78vh;border:0;border-radius:12px;background:var(--gx-bg-2)}
.ck-rows td{vertical-align:top;padding:8px 6px}
.ck-rows td:first-child{min-width:240px}
.ck-rows input,.ck-rows select{min-height:34px}
.ck-sub{margin-top:6px;font-size:var(--gx-size-xs)!important}
.ck-code{margin:14px 0;font-family:var(--gx-font-mono);font-size:40px;letter-spacing:.2em;text-align:center;user-select:all}
.ck-link code{display:block;padding:10px 12px;border-radius:10px;background:var(--gx-bg-2);font-family:var(--gx-font-mono);font-size:var(--gx-size-xs);word-break:break-all;user-select:all}
.ck-modal{border:1px solid var(--gx-line-2);border-radius:var(--gx-radius-inner);background:var(--gx-surface);color:var(--gx-fg);padding:0;width:min(560px,92vw)}
.ck-modal::backdrop{background:var(--gx-overlay,rgba(0,0,0,.6))}
.ck-modal__in{padding:24px;display:flex;flex-direction:column;gap:14px}
.ck-modal h2{margin:0;font-family:var(--gx-font-display);font-weight:400;font-size:var(--gx-size-xl)}
.gx-app__foot .gx-btn{align-self:flex-start;padding-left:0}
/* Pagina's om te bekijken en als PDF te bewaren */
.print-page{margin:0;background:var(--gx-bg-2)}
.print-bar{position:sticky;top:0;z-index:5;margin:0;padding:10px 16px;display:flex;justify-content:flex-end;background:color-mix(in srgb,var(--gx-bg-2) 85%,transparent)}
.gx-print .gx-pr-main{padding:0 clamp(16px,4vw,48px)}
.gx-print .gx-pr-section{padding-top:24px}
.ag-page>*+*{margin-top:clamp(20px,3vh,32px)}
.ag-articles{display:flex;flex-direction:column}
@media print{.print-bar{display:none}.print-page{background:none}}
.ck-file{position:relative;overflow:hidden;cursor:pointer}
.ck-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.gx-app-table select.gx-app-input{min-height:32px;max-width:260px;font-size:var(--gx-size-xs)}
.ck-savebar{position:sticky;bottom:12px;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px;padding:10px 14px;border-radius:14px;border:1px solid var(--gx-line-2);background:color-mix(in srgb,var(--gx-surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--gx-shadow-2)}
.ck-savebar .gx-app-note{margin-right:auto}
.ck-savebar .is-dirty{color:var(--gx-warning)}
.ck-prod{display:flex;align-items:center;gap:12px}
.ck-prod img{width:44px;height:44px;border-radius:10px;background:var(--gx-bg-3);flex:none}
.ck-prod small{display:block;color:var(--gx-fg-4);font-size:var(--gx-size-xs)}
.ck-fee{display:inline-flex;align-items:center;gap:6px}
.ck-fee input{width:78px}
.ck-products input[type=url]{width:100%;min-width:180px}
.ck-products tr[hidden]{display:none}
.ck-prod-add{margin-top:16px}
.ck-revlines{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.ck-revline{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:12px;font-size:var(--gx-size-sm)}
.ck-revline small{display:block;color:var(--gx-fg-4);font-size:var(--gx-size-xs)}