.svc-view-toggle{border-radius:var(--radius-md);background:0 0;align-items:center;gap:2px;height:36px;padding:2px;display:inline-flex}.svc-view-toggle__btn{appearance:none;width:32px;height:32px;color:var(--ink-400);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.svc-view-toggle__btn:hover{color:var(--ink-700);background:var(--surface-alt)}.svc-view-toggle__btn.is-active,.svc-view-toggle__btn.is-active:hover{background:var(--accent-blue-soft);color:var(--accent-blue)}.svc-status-cell{align-items:center;gap:10px;display:inline-flex}.svc-lock-mark{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.svc-lock-mark.is-open{color:var(--ink-300)}.svc-lock-mark.is-locked{color:var(--accent-green)}.svc-label-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:inline-flex}.svc-label{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;align-items:center;height:20px;padding:0 8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.svc-label--removable{gap:6px;padding-right:4px}.svc-label__remove{color:currentColor;opacity:.55;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;transition:opacity .12s,background .12s;display:inline-flex}.svc-label__remove:hover{opacity:1;background:#0000000f}.svc-label-picker{z-index:50;min-width:180px;max-height:240px;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.acc--overflow-visible{overflow:visible}.svc-detail-status{align-items:center;gap:10px;display:inline-flex}.svc-detail-status__pill{cursor:pointer;height:30px}.svc-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.svc-lock-btn{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--ink-500);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s,transform .12s;display:inline-flex}.svc-lock-btn:hover{color:var(--ink-700);border-color:var(--ink-300);background:var(--surface-alt)}.svc-lock-btn:active{transform:scale(.97)}.svc-lock-btn.is-locked{background:var(--accent-green-soft);color:var(--accent-green);border-color:#009a8238}.svc-lock-btn.is-locked:hover{background:#d6efe9}.svc-lock-modal{text-align:center;padding:28px 28px 24px}.svc-lock-modal__icon{background:var(--accent-green-soft);width:56px;height:56px;color:var(--accent-green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:inline-flex}.svc-lock-modal__title{color:var(--ink-900);margin:0 0 8px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:600}.svc-lock-modal__body{color:var(--ink-500);margin:0 0 24px;font-size:13px;line-height:1.55}.svc-lock-modal__actions{justify-content:center;gap:10px;display:flex}.svc-melding-section{margin-top:32px}.svc-melding-section__label{margin-bottom:10px}.svc-melding-card{background:var(--surface);border:1px solid var(--border-line);border-radius:var(--radius-md);padding:18px 22px 14px;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.svc-melding-card.is-dragover{border-color:var(--accent-blue);background:var(--accent-blue-soft);border-style:dashed;box-shadow:0 0 0 4px #0d35a00f}.svc-melding-card.is-dragover *{pointer-events:none}.svc-melding-meta{color:var(--ink-400);margin-top:12px;font-size:11px}.svc-melding-empty{color:var(--ink-400);margin:0;font-size:13px;font-style:italic}.svc-melding-empty--title{padding:6px 0;font-size:17px;font-weight:500;line-height:1.35}.svc-items-empty{color:var(--ink-400);margin:18px 0 0;font-size:13px;font-style:italic}.svc-melding-onderwerp{margin-top:0;margin-bottom:14px}.svc-melding-onderwerp .editable-text{width:100%;min-height:36px;color:var(--ink-900);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;margin-left:-10px;margin-right:-10px;padding:6px 10px;font-size:18px;font-weight:600;line-height:1.35;transition:background-color .12s,border-color .12s,box-shadow .12s;display:block}.svc-melding-onderwerp .editable-text:hover{background:var(--surface-alt);border-color:#0000}.svc-melding-onderwerp .editable-text:focus{background:var(--surface);box-shadow:0 0 0 2px var(--accent-blue-soft);border-color:#0000;outline:none}.svc-melding-onderwerp .editable-text:empty:not(:focus):before{color:var(--ink-400);font-size:17px;font-style:normal;font-weight:500}.svc-melding-body{color:var(--ink-700);margin:0;font-size:14px;line-height:1.55}.svc-paper-multiline{width:100%;min-height:100px;color:var(--ink-700);border-radius:var(--radius-md);cursor:text;white-space:pre-wrap;background:0 0;border:1px solid #0000;outline:0;margin-left:-12px;margin-right:-12px;padding:10px 12px;font-size:14px;line-height:1.55;transition:background-color .12s,box-shadow .12s;display:block}.svc-paper-multiline:hover{background:var(--surface-alt);border-color:#0000}.svc-paper-multiline:focus{background:var(--surface);box-shadow:0 0 0 2px var(--accent-blue-soft);border-color:#0000}.svc-paper-multiline:empty:not(:focus):before{content:attr(data-placeholder);color:var(--ink-400);pointer-events:none;font-style:normal}.svc-melding-readonly{white-space:pre-wrap;margin:0 -12px;padding:10px 12px}.editable-text-multiline-wrap{width:100%;display:block}.editable-help{color:var(--ink-400);margin-top:6px;font-size:11px;font-style:italic;line-height:1.5;display:block}.editable-textarea{box-sizing:border-box;resize:none;width:100%;font:inherit;color:inherit;border-radius:var(--radius);white-space:pre-wrap;cursor:text;background:0 0;border:1px solid #0000;outline:none;min-height:1.6em;margin:0;padding:4px 6px;transition:border-color .12s,background .12s,box-shadow .12s;display:block;overflow:hidden}.editable-textarea:hover{border-color:var(--border);background:#fff}.editable-textarea:focus{border-color:var(--accent-blue);background:#fff;box-shadow:0 0 0 2px #0d35a01a}.editable-textarea::placeholder{color:var(--ink-300);font-style:italic}.editable-text--multiline.editable-text--readonly{white-space:pre-wrap;width:100%;margin:0;display:block}.editable-text:empty:not(:focus):before{content:attr(data-placeholder);color:var(--ink-300);pointer-events:none;font-style:italic}.inline-select-wrap--fluid{width:100%;display:block}.inline-select-wrap--fluid .inline-select{justify-content:space-between;width:100%}.inline-combo{border-radius:var(--radius);border:1px solid #0000;align-items:center;width:100%;margin:-2px -6px;padding:2px 6px;transition:border-color .12s,background .12s,box-shadow .12s;display:inline-flex;position:relative}.inline-combo:hover{border-color:var(--border);background:#fff}.inline-combo:focus-within{border-color:var(--accent-blue);background:#fff;box-shadow:0 0 0 2px #0d35a01a}.inline-combo__input{cursor:text;outline:none;flex:auto;min-height:1.4em}.inline-combo__input:empty:not(:focus):before{content:attr(data-placeholder);color:var(--ink-300);pointer-events:none;font-style:italic}.inline-combo__caret{width:22px;height:22px;color:var(--ink-400);cursor:pointer;border-radius:var(--radius);opacity:0;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0;transition:opacity .12s,color .12s,background .12s;display:inline-flex}.inline-combo:hover .inline-combo__caret,.inline-combo:focus-within .inline-combo__caret,.inline-combo__caret.is-open{opacity:1}.inline-combo__caret:hover{color:var(--ink-700);background:var(--surface-alt)}.inline-combo__menu{z-index:20;min-width:180px;top:calc(100% + 4px);left:0;right:0}.svc-orderref{color:inherit;border-radius:var(--radius);margin:-1px -6px;padding:1px 6px;font-weight:500;text-decoration:none;transition:background-color .12s}.svc-orderref:hover{background:var(--surface-alt)}.svc-bijlagen{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.svc-bijlage{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:12px;min-width:220px;padding:10px 14px 10px 10px;display:flex;position:relative}.svc-bijlage__thumb{border-radius:var(--radius-md);background:var(--surface-alt);width:48px;height:48px;color:var(--ink-300);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.svc-bijlage__meta{min-width:0}.svc-bijlage__name{color:var(--ink-700);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;font-weight:500;overflow:hidden}.svc-bijlage__sub{color:var(--ink-400);margin-top:2px;font-size:11px}.svc-bijlage__remove{border-radius:var(--radius);width:20px;height:20px;color:var(--ink-400);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .12s,color .12s,background .12s;display:inline-flex;position:absolute;top:6px;right:6px}.svc-bijlage:hover .svc-bijlage__remove,.svc-bijlage__remove:focus-visible{opacity:1}.svc-bijlage__remove:hover{color:var(--danger);background:var(--surface-alt)}.svc-bijlage-add{border-radius:var(--radius-md);width:28px;height:28px;color:var(--ink-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .12s,background .12s;display:inline-flex;position:absolute;top:12px;right:12px}.svc-bijlage-add:hover{color:var(--accent-blue);background:var(--surface-alt)}.svc-items{border-top:1px solid var(--border-line)}.svc-items-head{border-bottom:1px solid var(--border-line);color:var(--ink-500);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:minmax(140px,1fr) 160px;gap:12px;padding:14px 0;font-size:11px;font-weight:500;display:grid}.svc-items-head__locatie{text-align:right}.svc-items-row{border-bottom:1px solid var(--border-line);cursor:pointer;background:#fff;grid-template-columns:minmax(140px,1fr) 160px;align-items:start;gap:12px;padding:16px 0;transition:background .12s;display:grid;position:relative}.svc-items-row:before{content:"";pointer-events:none;z-index:0;background:0 0;border-radius:10px;transition:background .12s;position:absolute;inset:4px -10px}.svc-items-row>*{z-index:1;position:relative}.svc-items-row:hover:before{background:var(--surface-muted)}.svc-items-row:last-child{border-bottom:0}.svc-items-row__locatie{text-align:right;color:var(--ink-700);justify-content:flex-end;font-size:13px;display:flex}.svc-items-row__remove{width:20px;height:20px;color:var(--ink-400);border-radius:var(--radius);cursor:pointer;opacity:0;z-index:2;background:0 0;border:0;justify-content:center;align-items:center;transition:opacity .12s,background .12s,color .12s;display:flex;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.svc-items-row:hover .svc-items-row__remove,.svc-items-row__remove:focus-visible{opacity:1}.svc-items-row__remove:hover{color:var(--danger);background:#ec55551a}.svc-item-config{grid-template-columns:max-content 1fr;gap:3px 16px;margin:8px 0 0;font-size:12px;line-height:1.4;display:grid}.svc-item-config dt{color:var(--ink-400);font-weight:500}.svc-item-config dd{color:var(--ink-700);margin:0}.svc-veroorzaker .inline-select{width:100%}.svc-veroorzaker__hint{color:var(--ink-400);margin-top:8px;font-size:11px;font-style:italic}.svc-note{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-bottom:8px;padding:10px 12px}.svc-note__head{align-items:center;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.svc-note__head strong{color:var(--ink-700);font-weight:600}.svc-note__remove{appearance:none;color:var(--ink-300);cursor:pointer;border-radius:var(--radius);background:0 0;border:0;margin-left:auto;padding:2px}.svc-note__remove:hover{color:var(--accent-magenta);background:var(--surface-alt)}.svc-note__body{color:var(--ink-700);font-size:13px;line-height:1.5}.svc-bestand{color:var(--ink-700);border-radius:var(--radius);align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.svc-bestand:hover{background:var(--surface-alt)}.svc-bestand svg{color:var(--ink-400)}.card.svc-toolbar-only .toolbar{border-bottom:0}.card.svc-toolbar-only{margin-bottom:12px}.svc-board{grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;align-items:stretch;gap:16px;min-height:calc(100vh - 360px);padding:20px 16px 16px;display:grid;overflow-x:auto}.svc-board-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 1px #0f172a05,0 2px 6px #0f172a0d,0 8px 20px #0f172a0a}.svc-board-col:hover{border-color:var(--border);box-shadow:0 1px #0f172a08,0 4px 10px #0f172a12,0 14px 28px #0f172a0f}.svc-board-col.is-drop-target{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-soft)}.svc-board-card.is-dragging{opacity:.4;cursor:grabbing}.svc-board-card{cursor:grab}.svc-board-col__head{background:var(--surface-alt);border-bottom:1px solid var(--border-line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.svc-board-col__title{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-900);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.svc-board-col__dot{border-radius:999px;flex-shrink:0;width:8px;height:8px}.svc-board-col__count{background:var(--surface);border:1px solid var(--border-line);min-width:22px;height:22px;color:var(--ink-500);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.svc-board-col__body{flex-direction:column;display:flex}.svc-board-empty{color:var(--ink-400);padding:20px 18px;font-size:12px;font-style:italic}.svc-board-card{appearance:none;text-align:left;border:0;border-bottom:1px solid var(--border-line);cursor:pointer;font:inherit;color:inherit;background:0 0;flex-direction:column;gap:4px;padding:14px 18px;transition:background-color .12s;display:flex}.svc-board-card:last-child{border-bottom:0}.svc-board-card:hover,.svc-board-card:active{background:var(--surface-alt)}.svc-board-card__id{color:var(--accent-blue);margin-bottom:2px;font-size:12px;font-weight:600}.svc-board-card__klant{color:var(--ink-900);font-size:13px;font-weight:500}.svc-board-card__onderwerp{color:var(--ink-500);font-size:12px;line-height:1.5}.svc-board-card__labels{margin-top:8px}.detail-header__sub-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-blue);background:var(--accent-blue-soft);border-radius:var(--radius);vertical-align:2px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.klant-empty{margin-top:4px}.svc-order-search{min-width:240px}.svc-order-chosen{align-items:center;gap:6px;display:inline-flex}.svc-order-chosen__edit{appearance:none;border-radius:var(--radius);color:var(--ink-400);cursor:pointer;opacity:0;background:0 0;border:0;align-items:center;padding:2px;transition:opacity .12s,color .12s,background-color .12s;display:inline-flex}.svc-order-chosen:hover .svc-order-chosen__edit,.svc-order-chosen__edit:focus-visible{opacity:1}.svc-order-chosen__edit:hover{color:var(--accent-blue);background:var(--surface-alt)}.drawer--service .drawer__body{padding-bottom:0}.drawer--service .drawer__footer{z-index:2;background:var(--surface);position:absolute;bottom:0;left:0;right:0}.drawer--service .paper-quote{box-sizing:border-box;border-bottom-right-radius:0;border-bottom-left-radius:0;min-height:100%;padding-bottom:96px}.svc-drawer-items{flex-direction:column;margin-top:8px;display:flex}.svc-drawer-item{border-bottom:1px solid var(--border-line);grid-template-columns:1fr auto;row-gap:2px;padding:10px 0;display:grid}.svc-drawer-item:last-child{border-bottom:0}.svc-drawer-item__name{color:var(--ink-900);font-size:13px;font-weight:500}.svc-drawer-item__meta{color:var(--ink-400);grid-column:1/2;font-size:11px}.svc-drawer-item__locatie{color:var(--ink-500);grid-area:1/2/3/3;align-self:center;font-size:11px}.svc-drawer-terms{grid-template-columns:1fr 1fr;gap:32px;display:grid}.svc-drawer-notes{flex-direction:column;gap:14px;margin-top:6px;display:flex}.svc-drawer-note__head{color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.svc-order-search{position:relative}.svc-order-search__field{border-radius:var(--radius);background:0 0;border:1px solid #0000;align-items:center;margin:-1px -6px;padding:1px 6px;transition:background-color .12s,border-color .12s,box-shadow .12s;display:flex}.svc-order-search__field:hover{background:var(--surface-alt);border-color:var(--border-line)}.svc-order-search__field:focus-within{background:var(--surface);border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-soft)}.svc-order-search__field input{appearance:none;font:inherit;color:inherit;min-width:0;line-height:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.svc-order-search__field input::placeholder{color:var(--ink-400);font-weight:400}.svc-order-search__dropdown{z-index:30;background:var(--surface);border:1px solid var(--border-line);border-radius:var(--radius-md);min-width:440px;max-width:min(520px,90vw);max-height:320px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a1a}.svc-order-search__result{appearance:none;text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;grid-template-columns:110px 1fr auto;align-items:center;gap:14px;padding:10px 14px;transition:background-color .1s;display:grid}.svc-order-search__result:hover,.svc-order-search__result.is-focused{background:var(--surface-alt)}.svc-order-search__id{color:var(--accent-blue);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.svc-order-search__body{flex-direction:column;min-width:0;display:flex}.svc-order-search__klant{color:var(--ink-900);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.svc-order-search__meta{color:var(--ink-400);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.svc-order-search__price{color:var(--ink-700);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.svc-linked-orders{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.svc-linked-order{border:1px solid var(--border-line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.svc-linked-order:hover{border-color:var(--ink-300,#cfd4dc)}.svc-linked-order__main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.svc-linked-order__ref{color:var(--ink-900);letter-spacing:.01em;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none}.svc-linked-order__ref:hover{color:var(--accent-blue);text-decoration:underline}.svc-linked-order__meta{color:var(--ink-500);align-items:center;gap:6px;font-size:12px;display:flex}.svc-linked-order__total{color:var(--ink-700);font-weight:500}.svc-linked-order__remove{color:var(--ink-400);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;margin-left:auto;padding:4px;transition:opacity .12s,color .12s,background .12s;display:inline-flex}.svc-linked-order:hover .svc-linked-order__remove,.svc-linked-order__remove:focus-visible{opacity:1}.svc-linked-order__remove:hover{color:var(--danger);background:#ec55551a}.svc-linked-order__add,.term-row.term-row--stack{display:block}.term-row.term-row--stack dt{margin-bottom:6px;display:block}.term-row.term-row--stack dd{white-space:normal}.drawer--view{box-shadow:none}.drawer--view .paper-quote{box-shadow:none;border-radius:0;padding:28px 32px}.drawer--view .quick-actions-glass{background:var(--surface,#fff);-webkit-backdrop-filter:none;box-shadow:none}.drawer--view .quick-actions-panel{background:var(--surface,#fff);box-shadow:none;border:0;border-radius:0}.drawer--view .quick-actions-panel .a4-btn:focus-visible{border-radius:0}
