.nl{font-size:14px;line-height:1.5;color:#17212b}.nl p{margin:0 0 16px}.nl-intro{padding:18px}.nl-intro p{font-size:13px;color:#5f6c77}.nl-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nl-metrics>div{padding:14px 16px;background:#f3f5f7;border-radius:12px}.nl-metrics>div:first-child{background:#effbc8}.nl-metrics strong{display:block;font-size:28px;line-height:1.2}.nl-metrics span{font-size:12px;color:#4e5e6b}.nl-tabs{display:flex;gap:6px;padding:0 18px 16px;overflow:auto}.nl-tabs button{flex-shrink:0;border:1px solid #dfe4e8;background:#fff;color:#394752;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer;min-height:42px}.nl-tabs button.active{background:#17212b;color:#fff;border-color:#17212b}.nl section{border-top:1px solid #e5e9ec}.nl [hidden]{display:none!important}.nl-editor{padding:20px;max-width:900px}.nl h3{font-size:21px;margin:0 0 8px;line-height:1.3}.nl h4{font-size:16px;margin:22px 0 12px}.nl-editor>p{color:#566573}.nl-form{max-width:760px}.nl-form fieldset{border:0;padding:0;margin:0;min-width:0}.nl label{display:block;font-size:13px;font-weight:700;margin-bottom:14px}.nl input:not([type=checkbox]),.nl textarea,.nl select{display:block;width:100%;min-width:0;border:1px solid #ccd5dc;border-radius:9px;background:#fff;color:#17212b;padding:10px 12px;margin-top:5px;font:400 16px/1.45 system-ui}.nl textarea{resize:vertical;min-height:140px}.nl input:focus,.nl select:focus,.nl textarea:focus{outline:2px solid #819f16;outline-offset:2px}.nl .nl-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nl button{font-family:inherit}.nl-primary,.nl-secondary{border:1px solid transparent;border-radius:9px;padding:10px 14px;min-height:42px;font-size:13px;font-weight:750;cursor:pointer}.nl-primary{background:#c8ff00;color:#17212b}.nl-secondary{background:#f3f5f7;border-color:#dce3e8;color:#283844}.nl button:disabled,.nl fieldset:disabled{opacity:.5;cursor:default}.nl .nl-hint{font-size:12px;color:#657580;margin:10px 0 16px}.nl-filter{display:flex;align-items:end;gap:10px;padding:18px}.nl-filter label{margin:0;flex:1;min-width:0}.nl-editor .nl-filter{padding:0;margin:18px 0;max-width:420px}.nl-pager{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;font-size:12px}.nl .nl-table{min-width:0;table-layout:fixed}.nl-table caption{text-align:left;padding:0 18px 12px;font-size:12px;color:#5f6c77}.nl .nl-table th:first-child{width:34%}.nl .nl-table td{vertical-align:middle;overflow-wrap:anywhere}.nl-email{font-weight:650}.nl-status{display:inline-block;border-radius:6px;padding:4px 7px;background:#eef1f4;color:#4e5e6b;font-size:11px}.nl-active{background:#e2f5e9;color:#116342}.nl-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.nl-section-head h3{margin:0}.nl-preview{margin-top:16px}.nl-history{list-style:none;padding:0;margin:0}.nl-history li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #e5e9ec;overflow-wrap:anywhere}.nl-history li>div:first-child{min-width:0}.nl-history span{display:block;font-size:12px;color:#657580;margin-top:4px}.nl-history-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:end}.nl-feedback{margin:0 18px 16px!important;padding:12px;background:#fff0ef;color:#972d27;border:1px solid #f0cdca;border-radius:10px}.nl-check{display:flex!important;gap:9px;align-items:center}.nl-check input{width:18px;height:18px;accent-color:#82a400}
@media(max-width:650px){.nl-intro,.nl-editor{padding:14px}.nl-intro p{overflow-wrap:anywhere}.nl-metrics{gap:7px}.nl-metrics>div{padding:10px}.nl-metrics strong{font-size:25px}.nl-metrics span{font-size:11px}.nl-tabs{padding:0 14px 14px}.nl-filter{padding:14px;flex-wrap:wrap}.nl-filter label:first-child{flex-basis:100%}.nl .nl-fields{grid-template-columns:1fr;gap:0}.nl-table thead{display:none}.nl-table tr{display:grid;grid-template-columns:1fr auto;padding:12px 14px;border-top:1px solid #e5e9ec;gap:8px}.nl .nl-table td{padding:0;border:0;font-size:12px}.nl-table .nl-email{grid-column:1/-1;font-size:14px!important}.nl-table td[data-label=Potvrzeno]{grid-column:1;grid-row:3}.nl-table td[data-label=Potvrzeno]::before{content:'Potvrzeno: ';color:#657580}.nl-table td:last-child{grid-column:2;grid-row:2/4;align-self:center}.nl-table td[colspan]{grid-column:1/-1}.nl-pager{padding:14px;flex-wrap:wrap}.nl-pager button{padding:9px}.nl-history li{align-items:start;flex-direction:column}.nl-section-head{align-items:start}.nl-primary{width:100%}}

.nl-mail-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#f0f2f4;color:#17212b;overflow:hidden;box-sizing:border-box;font:14px/1.5 system-ui,sans-serif}.nl-mail-dialog[open]{display:flex;flex-direction:column}.nl-mail-dialog::backdrop{background:#f0f2f4}.nl-mail-header{flex:0 0 auto;background:#fff;border-bottom:1px solid #dce3e8;padding:10px 16px}.nl-mail-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.nl .nl-mail-title h4{margin:0;font-size:16px}.nl-mail-title button{flex-shrink:0}.nl-mail-metadata{font-size:12px;max-height:100px;overflow:auto}.nl .nl-mail-metadata p{margin:4px 0}.nl .nl-mail-metadata .nl-hint{font-size:11px;margin:4px 0}.nl-mail-modes{display:flex;gap:8px;margin-top:6px}.nl-mail-modes button{padding:7px 12px;min-height:36px}.nl-mail-modes button[aria-pressed=true]{background:#17212b;color:#fff;border-color:#17212b}.nl-mail-scroll{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}.nl-mail-surface{margin:0 auto;width:640px;max-width:none}.nl-mail-surface[data-mode=mobile]{width:390px;max-width:100%}.nl-mail-surface iframe{display:block;width:100%;max-width:none;min-width:0;height:1px;margin:0;padding:0;border:0;border-radius:0;background:#f0f2f4;box-sizing:content-box}.nl-mail-actions{flex:0 0 auto;padding:10px 16px;background:#fff;border-top:1px solid #dce3e8}.nl .nl-mail-actions .nl-hint{margin:5px 0 0;font-size:11px}@media(max-width:650px){.nl-mail-header{padding:8px 10px}.nl-mail-title{gap:8px}.nl .nl-mail-title h4{font-size:14px}.nl-mail-title button{padding:8px 10px;font-size:12px}.nl-mail-actions{padding:8px 10px}}
