/* C03b3 — same bleedless shell, dedicated configuration rather than another drawer. */
.tk-main{display:flex;flex-direction:column;min-height:0}.tk-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none}.tk-scroll::-webkit-scrollbar{display:none}.tk-page{max-width:1200px}.tk-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:36px}.tk-intro>.cn-badge{flex-shrink:0}.tk-intro .cn-lead{max-width:620px}.tk-eyebrow{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:0 0 16px}.tk-eyebrow>svg{width:20px;height:20px}.tk-editor{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px}.tk-editor>*{min-width:0}.tk-section{border-top:1px solid var(--line);padding:24px 0}.tk-section h2,.tk-aside h2{font-size:15px;font-weight:600;margin:0 0 20px}.tk-section-title{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.tk-section-title h2{margin:0}.tk-section .cn-field{margin-bottom:16px}.tk-secret{display:flex;gap:12px;align-items:flex-start;padding:16px 0;font-size:13px;line-height:1.5;cursor:pointer}.tk-secret input{width:16px;height:16px;accent-color:var(--ink);flex-shrink:0;margin:2px 0 0}.tk-secret strong{font-weight:500}.tk-secret small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.tk-webhook{margin-top:24px}.tk-webhook>div{display:flex;gap:8px;align-items:center;min-width:0}.tk-webhook input{min-width:0;flex:1;font-size:12px;font-family:ui-monospace,monospace}.tk-webhook .btn{flex-shrink:0}.tk-draft{border-top:1px solid var(--line);padding:20px 0}.tk-draft p+.btn-ghost{padding-left:0}.tk-aside{border-left:1px solid var(--line);padding-left:24px}.tk-aside .cn-kv>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.tk-aside .cn-kv dd{margin:0;text-align:left}.tk-actions{display:grid;gap:8px;margin:24px 0}.tk-actions .btn{justify-content:flex-start}.tk-workspace{border-top:1px solid var(--line);padding-top:24px}.tk-workspace>svg{width:20px;height:20px;color:var(--muted)}.tk-workspace h3{font-size:14px;margin:12px 0 8px}.tk-workspace p{font-size:13px;line-height:1.65;color:var(--muted)}.tk-workspace .btn{padding-left:0;font-size:12px}.tk-related{border-top:1px solid var(--line);padding:20px 0;display:flex;flex-wrap:wrap;gap:12px}.tk-related .btn{font-size:12px}.tk-main :is(p,dd){overflow-wrap:anywhere}.tk-main :is(button,input,a):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.tk-main button:disabled{opacity:.45;cursor:default}.tk-dialog p{font-size:14px;line-height:1.65}.tk-dialog header>.icon-btn{flex-shrink:0}.tk-dialog .cn-code{max-height:40vh}.tk-dialog .cn-inline{justify-content:flex-end;flex-wrap:wrap;margin-top:24px}
@media(max-width:1100px){.tk-editor{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.tk-intro{gap:16px}}
@media(max-width:760px){.tk-intro{display:block;margin-bottom:24px}.tk-intro>.cn-badge{margin-top:16px}.tk-editor{display:flex;flex-direction:column;gap:24px}.tk-aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.tk-section{padding:20px 0}.tk-main .btn,.tk-secret{min-height:44px}.tk-main input,.tk-main .tk-webhook input{font-size:16px}.tk-webhook>div{flex-wrap:wrap}.tk-webhook input{flex-basis:100%;min-height:44px}.tk-dialog .icon-btn{min-width:44px;min-height:44px}.tk-related{gap:4px 12px}.tk-section-title>.cn-badge{white-space:normal}}
/* #332 étape 2 — saisie au coffre (QloaSecretField) à la place de la case de présence ; titre unique, libellé du champ gardé pour les lecteurs d’écran (.sr-only). */
.tk-vault{padding:16px 0;font-size:13px}.tk-vault>strong{display:block;font-weight:500;margin-bottom:12px}.tk-vault label.field>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
