:root{--srt-primary:#0038a8;--srt-primary-dark:#002a80;--srt-accent:#0ea5e9;--srt-success:#16a34a;--srt-danger:#dc2626;--srt-warning:#d97706;--srt-bg:#f8fafc;--srt-surface:#fff;--srt-ink:#0f172a;--srt-text:#1e293b;--srt-muted:#64748b;--srt-subtle:#94a3b8;--srt-border:#e2e8f0;--srt-border-strong:#cbd5e1;--srt-radius:16px;--srt-radius-lg:20px;--srt-radius-xl:24px;--srt-shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--srt-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--srt-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--srt-shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}.srt-wrap{background:var(--srt-bg);flex-direction:column;height:calc(100vh - 120px);display:flex;overflow:hidden}.srt-panel-form-full{background:var(--srt-surface);box-shadow:var(--srt-shadow-sm);border-radius:0;flex-direction:column;flex:1;max-height:calc(100vh - 140px);display:flex;overflow:hidden}.srt-panel-form-header{background:linear-gradient(135deg, var(--srt-primary) 0%, var(--srt-primary-dark) 100%);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.srt-panel-form-header h2{align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:800;display:flex}.srt-panel-form-body{flex-direction:column;flex:1;gap:.75rem;padding:.875rem 1rem;display:flex;overflow-y:auto}.srt-panel-form-body.srt-published{pointer-events:none;opacity:.7}.srt-panel-form-body.srt-published input,.srt-panel-form-body.srt-published select,.srt-panel-form-body.srt-published textarea{cursor:not-allowed;background:#f0f0f0}.srt-published-banner{color:#16a34a;background:#16a34a1a;border:1px solid #16a34a4d;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;font-weight:700;display:flex}.srt-published-banner i{font-size:1rem}.srt-field{flex-direction:column;gap:.25rem;display:flex}.srt-label{text-transform:uppercase;letter-spacing:.05em;color:var(--srt-muted);align-items:center;gap:.25rem;font-size:.65rem;font-weight:700;display:flex}.srt-label .required{color:var(--srt-danger)}.srt-input,.srt-select,.srt-textarea{border:1.5px solid var(--srt-border);width:100%;color:var(--srt-text);background:var(--srt-surface);box-sizing:border-box;border-radius:4px;outline:none;height:38px;padding:.5rem .75rem;font-size:.8125rem;transition:all .2s}.srt-input:focus,.srt-select:focus,.srt-textarea:focus{border-color:var(--srt-primary);box-shadow:0 0 0 3px #0038a81a}.srt-input::placeholder{color:var(--srt-subtle)}.srt-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.516 5.516a.75.75 0 0 1 1.06 0L8 7.94l2.424-2.424a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}.srt-textarea{resize:vertical;min-height:80px;line-height:1.5}.srt-input-sm{padding:.5rem .75rem;font-size:.8125rem}.srt-grid-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.srt-grid-3{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.srt-form-row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.srt-form-row-3{grid-template-columns:2fr 1fr 1fr 1fr;align-items:end;gap:.75rem;display:grid}.srt-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.srt-btn-primary:hover{background:var(--srt-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0038a84d}.srt-btn-secondary:hover{border-color:var(--srt-primary);color:var(--srt-primary)}.srt-btn-success{color:#fff;background:#16a34a}.srt-btn-icon{border-radius:4px;width:32px;height:32px;padding:0}.srt-btn-icon i{font-size:.875rem}.srt-panel-preview{background:var(--srt-surface);box-shadow:none;border-radius:0;flex-direction:column;height:calc(100vh - 140px);display:flex;overflow:hidden}.srt-panel-preview-header{background:#2a2a2a;border-bottom:1px solid #444;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.srt-preview-header-left{align-items:center;gap:.75rem;display:flex}.srt-panel-preview-header h3{color:#ccc;align-items:center;gap:.375rem;margin:0;font-size:.75rem;font-weight:700;display:flex}.srt-zoom-controls{background:#2a2a2a;border:1px solid #444;border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .25rem;display:flex}.srt-zoom-level{color:#ccc;text-align:center;cursor:pointer;border-radius:3px;min-width:40px;padding:2px 4px;font-size:.65rem;font-weight:700;transition:background .2s,color .2s}.srt-zoom-level:hover{color:#fff;background:#4a4a4a}.srt-zoom-select{color:#ccc;cursor:pointer;text-align:center;background:#3a3a3a;border:1px solid #555;border-radius:4px;min-width:70px;padding:4px 8px;font-size:.7rem;font-weight:700;transition:all .2s}.srt-zoom-select:hover{background:#4a4a4a;border-color:#888}.srt-zoom-select:focus{border-color:#0038a8;outline:none;box-shadow:0 0 0 2px #0038a84d}.srt-zoom-select option{color:#ccc;background:#2a2a2a;font-weight:600}.srt-zoom-controls .srt-btn-secondary{color:#ccc;background:#3a3a3a;border-color:#444}.srt-zoom-controls .srt-btn-secondary:hover{color:#fff;background:#4a4a4a}.srt-preview-actions{gap:.375rem;display:flex}.srt-preview-actions .srt-btn-secondary{color:#ccc;background:#3a3a3a;border-color:#555}.srt-preview-actions .srt-btn-secondary:hover{color:#fff;border-color:var(--srt-primary);background:#4a4a4a}.srt-panel-preview-body{background:#333;flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.srt-letter{border:1px solid var(--srt-border);border-radius:var(--srt-radius);max-width:800px;box-shadow:var(--srt-shadow-md);color:#000;background:#fff;margin:0 auto;padding:3rem 2.5rem;font-family:Times New Roman,Georgia,serif;line-height:1.8}.srt-letter-header{text-align:center;border-bottom:2px solid #000;margin-bottom:2rem;padding-bottom:1.5rem}.srt-letter-logo{width:50px;height:50px;margin-bottom:.5rem}.srt-letter-inst{text-transform:uppercase;font-size:1.25rem;font-weight:700}.srt-letter-address{color:#555;margin-top:.25rem;font-size:.75rem}.srt-letter-title{text-transform:uppercase;margin-top:1.5rem;font-size:1.1rem;font-weight:700;text-decoration:underline}.srt-letter-number{margin-top:.5rem;font-size:.875rem}.srt-letter-meta{margin:1.5rem 0;font-size:.9rem}.srt-letter-meta-item{gap:.5rem;display:flex}.srt-letter-meta-label{min-width:100px;font-weight:700}.srt-letter-body{text-align:justify;font-size:.95rem}.srt-letter-paragraph{margin-bottom:1rem}.srt-letter-closing{margin-top:2rem}.srt-letter-signature{margin-top:3rem;margin-left:60%}.srt-signature-name{font-weight:700;text-decoration:underline}.srt-signature-nip{font-size:.85rem}.srt-pejabat-card{background:var(--srt-bg);border:1.5px solid var(--srt-border);cursor:pointer;border-radius:4px;align-items:center;gap:.75rem;padding:.875rem;transition:all .2s;display:flex}.srt-pejabat-card:hover{border-color:var(--srt-primary);background:#0038a80a}.srt-pejabat-card.selected{border-color:var(--srt-primary);background:#0038a814;box-shadow:0 0 0 3px #0038a81a}.srt-pejabat-avatar{background:var(--srt-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex}.srt-pejabat-info{flex:1}.srt-pejabat-name{color:var(--srt-text);font-size:.875rem;font-weight:700}.srt-pejabat-jabatan{color:var(--srt-muted);font-size:.75rem}.srt-pejabat-check{border:2px solid var(--srt-border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.srt-pejabat-card.selected .srt-pejabat-check{background:var(--srt-primary);border-color:var(--srt-primary);color:#fff}.srt-jenis-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.srt-jenis-card{background:var(--srt-bg);border:1.5px solid var(--srt-border);cursor:pointer;border-radius:4px;align-items:center;gap:.75rem;padding:.875rem;transition:all .2s;display:flex}.srt-jenis-card:hover{border-color:var(--srt-accent);box-shadow:var(--srt-shadow-md);transform:translateY(-2px)}.srt-jenis-card.selected{border-color:var(--srt-primary);background:#0038a80a}.srt-jenis-icon{width:36px;height:36px;color:var(--srt-primary);background:#0038a814;border-radius:4px;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.srt-jenis-label{color:var(--srt-text);font-size:.8125rem;font-weight:700}.srt-jenis-sub{color:var(--srt-muted);font-size:.7rem}.srt-tabs{background:var(--srt-bg);border-radius:var(--srt-radius);gap:.25rem;margin:0 0 1rem;padding:.25rem;display:flex}.srt-tab{border-radius:calc(var(--srt-radius) - 2px);color:var(--srt-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.srt-tab:hover{color:var(--srt-text);background:#0000000a}.srt-tab.is-active{background:var(--srt-surface);color:var(--srt-primary);box-shadow:var(--srt-shadow)}.srt-tab__count{min-width:1.5rem;height:1.25rem;color:inherit;background:#0000000f;border-radius:9999px;justify-content:center;align-items:center;padding:0 .375rem;font-size:.6875rem;font-weight:700;display:inline-flex}.srt-tab.is-active .srt-tab__count{color:var(--srt-primary);background:#0038a81f}.srt-klasifikasi{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.srt-klasifikasi-biasa{color:#475569;background:#64748b1a}.srt-klasifikasi-rahasia{color:#dc2626;background:#dc26261a}.srt-klasifikasi-sangat-rahasia{color:#fff;background:#dc2626}.srt-empty{text-align:center;color:var(--srt-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.srt-empty-icon{background:var(--srt-bg);width:80px;height:80px;color:var(--srt-subtle);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:2.5rem;display:flex}.srt-empty-desc{max-width:360px;font-size:.875rem;line-height:1.6}.srt-form-actions{background:var(--srt-bg);border-top:1px solid var(--srt-border);flex-shrink:0;gap:.5rem;padding:.75rem 1rem;display:flex}.srt-publish-progress{border-top:1px solid var(--srt-border);background:linear-gradient(135deg,#0038a80d 0%,#0038a805 100%);padding:.5rem 1rem}.srt-progress-info{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.srt-progress-status{color:var(--srt-muted);font-size:.65rem;font-weight:500}.srt-progress-percent{color:var(--srt-primary);font-family:Courier New,monospace;font-size:.65rem;font-weight:700}.srt-progress-bar{background:var(--srt-border);border-radius:2px;height:3px;overflow:hidden}.srt-progress-fill{background:linear-gradient(90deg, var(--srt-primary) 0%, var(--srt-accent) 100%);border-radius:2px;height:100%;transition:width .3s}.srt-info-box{color:var(--srt-text);background:#0ea5e914;border:1px solid #0ea5e933;border-radius:4px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.8125rem;display:flex}.srt-info-box-icon{color:var(--srt-accent);margin-top:.125rem;font-size:1.125rem}@keyframes srtFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes srtPulse{0%,to{opacity:1}50%{opacity:.5}}.animate-srt-fade-in{animation:.3s srtFadeIn}.srt-search-bar{border-bottom:1px solid var(--srt-border);gap:.5rem;margin-bottom:.5rem;padding-bottom:.75rem;display:flex}.srt-search-input-wrap{gap:.25rem;display:flex}.srt-search-input-wrap .srt-input{border-radius:4px;flex:1}.srt-btn-search{white-space:nowrap;padding:0 .75rem}.srt-nomor-grid{align-items:stretch;gap:.5rem;display:flex}.srt-nomor-input-wrap{flex:1;position:relative}.srt-nomor-display{letter-spacing:.02em;font-family:Courier New,monospace;font-size:.8125rem;font-weight:700;color:var(--srt-ink)!important;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important}.srt-nomor-badge{background:var(--srt-primary);color:#fff;border-radius:4px;padding:.2rem .4rem;font-size:.6rem;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.srt-btn-nomor{white-space:nowrap;min-width:100px}@keyframes srtSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite srtSpin}.srt-modal{background:var(--srt-surface);border-radius:var(--srt-radius-lg);box-shadow:var(--srt-shadow-xl);flex-direction:column;width:100%;max-width:480px;max-height:80vh;display:flex;overflow:hidden}.srt-modal-header{background:var(--srt-bg);border-bottom:1px solid var(--srt-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.srt-modal-header h3{color:var(--srt-text);margin:0;font-size:1rem;font-weight:800}.srt-modal-body{flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.5rem;display:flex;overflow-y:auto}.srt-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--srt-primary);border-bottom:1px solid var(--srt-border);align-items:center;gap:.375rem;margin-top:.25rem;padding:.375rem 0;font-size:.65rem;font-weight:800;display:flex}.srt-section-title i{font-size:1rem}.srt-kop-form{background:var(--srt-bg);border:1px solid var(--srt-border);border-radius:4px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.srt-kop-row{align-items:center;gap:.75rem;display:flex}.srt-kop-row label{min-width:80px;color:var(--srt-muted);font-size:.75rem;font-weight:700}.srt-kop-row .srt-input{flex:1}.srt-meeting-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.srt-ttd-info{background:var(--srt-bg);border:1px solid var(--srt-border);border-radius:4px;padding:1rem}.srt-ttd-row{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.srt-ttd-row label{min-width:80px;color:var(--srt-muted);font-size:.75rem;font-weight:700}.srt-ttd-row .srt-input{flex:1}.srt-preview-wrapper{scroll-behavior:smooth;background:#333;flex:1;justify-content:flex-start;min-height:0;padding:40px;display:flex;overflow:auto}.srt-preview-frame-container{flex-shrink:0;margin:0 auto;transition:width .25s ease-out,height .25s ease-out;display:block;position:relative}.srt-preview-frame{transform-origin:0 0;background:#fff;border:none;flex-shrink:0;width:210mm;transition:transform .25s ease-out;display:block;position:absolute;top:0;left:0;box-shadow:0 8px 32px #0006}.srt-preview-iframe{border:none;width:210mm;height:100%;display:block}@media (max-width:1200px){.srt-wrap,.srt-meeting-grid,.srt-grid-2,.srt-grid-3,.srt-form-row-2,.srt-form-row-3{grid-template-columns:1fr}}@media (max-width:768px){.srt-wrap{padding:1rem}.srt-grid-2,.srt-grid-3,.srt-jenis-grid{grid-template-columns:1fr}.srt-letter{padding:1.5rem 1rem}.srt-letter-signature{margin-left:30%}}.daftar-surat-wrap{max-width:1200px;margin:0 auto;padding:1.5rem}.daftar-surat-header{border-radius:var(--srt-radius);box-shadow:var(--srt-shadow);background:#fff;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.daftar-surat-title h1{color:var(--srt-text);margin:0;font-size:1.25rem;font-weight:800}.daftar-surat-title i{color:var(--srt-primary);font-size:1.5rem}.daftar-surat-search{border-radius:var(--srt-radius);box-shadow:var(--srt-shadow);background:#fff;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.daftar-surat-search i{color:var(--srt-muted);font-size:1.125rem}.daftar-surat-search .srt-input{background:0 0;border:none;flex:1}.daftar-surat-content{border-radius:var(--srt-radius);box-shadow:var(--srt-shadow);background:#fff;min-height:400px;padding:1rem}.verification-banner strong{font-size:1rem;display:block}.surat-card{background:var(--srt-bg);border:1px solid var(--srt-border);border-radius:var(--srt-radius);padding:1rem;transition:all .2s}.surat-card:hover{border-color:var(--srt-primary);box-shadow:var(--srt-shadow-md)}.surat-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.surat-badge{color:var(--srt-primary);background:#0038a81a;border-radius:4px;padding:.25rem .5rem;font-size:.65rem;font-weight:700}.surat-card-body{margin-bottom:.75rem}.surat-perihal{color:var(--srt-text);margin-bottom:.25rem;font-weight:700}.surat-kepada{color:var(--srt-muted);font-size:.8125rem}.surat-card-footer{gap:1rem;margin-bottom:.75rem;display:flex}.surat-card-actions{gap:.5rem;display:flex}.detail-row{border-bottom:1px solid var(--srt-border);justify-content:space-between;padding:.75rem 0;display:flex}.detail-row:last-of-type{border-bottom:none}.detail-row span{color:var(--srt-text);font-size:.875rem}.verify-id{font-family:Courier New,monospace;color:var(--srt-primary)!important;font-size:.75rem!important}.status-badge{border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.status-badge.status-draft{color:#475569;background:#64748b1a}.status-badge.status-final{color:#16a34a;background:#16a34a1a}.detail-qr-section h4{margin-bottom:.5rem;font-size:1rem}.detail-qr-wrapper{margin-bottom:1rem}.srt-btn-block{width:100%}.public-notice{border-radius:var(--srt-radius);color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.public-notice i{font-size:1rem}.surat-card .surat-perihal,.surat-card .surat-kepada,.surat-card .surat-tempat{margin-bottom:.375rem;font-size:.875rem}.surat-card .surat-perihal strong,.surat-card .surat-kepada strong,.surat-card .surat-tempat strong{color:var(--srt-muted);font-weight:600}.surat-card .surat-id{color:var(--srt-subtle);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.detail-row label{min-width:120px}.detail-value{color:var(--srt-text);text-align:right;flex:1;font-weight:600}.detail-link-box{border:1px solid var(--srt-border);background:#0000000d;border-radius:4px;margin-bottom:1rem;padding:.75rem;overflow-x:auto}.detail-link-box code{color:var(--srt-muted);word-break:break-all;font-size:.75rem}.detail-pdf-preview{margin-bottom:1.5rem}.detail-pdf-preview h4{color:var(--srt-text);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9375rem;display:flex}.detail-pdf-preview h4:before{content:"";background:var(--srt-primary);border-radius:2px;width:4px;height:16px;display:inline-block}.pdf-viewer-wrap{border:1px solid var(--srt-border);border-radius:var(--srt-radius);background:#f1f5f9;overflow:hidden}.pdf-viewer{border:none;width:100%;height:400px;display:block}@media (max-width:768px){.pdf-viewer{height:300px}.daftar-surat-wrap{padding:1rem}.surat-list{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:.25rem}.detail-value{text-align:left}}.verify-page{background:linear-gradient(135deg,#f0f4ff 0%,#e0e8ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.verify-container{width:100%;max-width:500px}.verify-header{text-align:center;margin-bottom:2rem}.verify-logo{width:80px;height:80px;margin:0 auto 1rem}.verify-logo img{object-fit:contain;width:100%;height:100%}.verify-header h1{color:var(--srt-primary);margin:0;font-size:1.75rem;font-weight:800}.verify-header p{color:var(--srt-muted);margin-top:.5rem}.verify-loading{text-align:center;padding:3rem}.spinner{border:4px solid var(--srt-border);border-top-color:var(--srt-primary);border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite srtSpin}.verify-result{border-radius:var(--srt-radius-lg);box-shadow:var(--srt-shadow-lg);background:#fff;overflow:hidden}.verify-valid{border-top:4px solid #16a34a}.verify-invalid{border-top:4px solid var(--srt-danger)}.verify-badge{color:#fff;background:#16a34a;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.verify-badge i{font-size:2rem}.verify-badge span{letter-spacing:.05em;font-size:1.25rem;font-weight:800}.verify-invalid .verify-badge{background:var(--srt-danger)}.verify-invalid .verify-badge i{font-size:2rem}.verify-icon{background:var(--srt-danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:2rem auto 1rem;display:flex}.verify-icon i{font-size:3rem}.verify-result h1{text-align:center;margin:0 0 .5rem;font-size:1.5rem}.verify-result p{text-align:center;color:var(--srt-muted);margin:0}.verify-help{border-radius:var(--srt-radius);text-align:center;background:#dc26260d;margin:1rem;padding:1rem}.verify-help p{font-size:.875rem}.verify-timestamp{text-align:center;color:var(--srt-muted);background:var(--srt-bg);padding:.75rem;font-size:.75rem}.verify-letter-info{padding:1.5rem}.info-row{border-bottom:1px solid var(--srt-border);justify-content:space-between;padding:.75rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-row label{color:var(--srt-muted);font-size:.8125rem;font-weight:700}.info-row span{color:var(--srt-text);text-align:right;max-width:60%;font-size:.875rem}.nomor-surat{font-family:Courier New,monospace;font-weight:700;color:var(--srt-primary)!important}.perihal{font-weight:700}.penandatangan{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.penandatangan small{color:var(--srt-muted);font-size:.75rem}.status-pill{border-radius:9999px;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-block}.status-pill.status-final{color:#16a34a;background:#16a34a1a}.status-pill.status-draft{color:#475569;background:#64748b1a}.verify-qr-section{text-align:center;background:var(--srt-bg);padding:1.5rem}.qr-label{color:var(--srt-muted);margin-bottom:1rem;font-size:.8125rem}.verify-qr-image{border:1px solid var(--srt-border);background:#fff;border-radius:4px;width:120px;height:120px;padding:.5rem}.qr-url{color:var(--srt-muted);margin-top:.5rem;font-family:Courier New,monospace;font-size:.65rem}.verify-id-display{text-align:center;background:var(--srt-bg);padding:1rem}.verify-id-display span{color:var(--srt-muted);font-family:Courier New,monospace;font-size:.75rem}.verify-footer{text-align:center;margin-top:2rem}.verify-footer p{color:var(--srt-muted);margin-bottom:1rem;font-size:.875rem}.verify-home-link{background:var(--srt-primary);color:#fff;border-radius:var(--srt-radius);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.verify-home-link:hover{background:var(--srt-primary-dark);transform:translateY(-2px)}@media (max-width:768px){.verify-page{padding:1rem}.verify-header h1{font-size:1.5rem}}.scan-page-wrap{background:var(--srt-bg);max-width:900px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem}.scan-page-wrap.animate-srt-fade-in{animation:.4s ease-out srtFadeIn}.scan-verification-header{text-align:center;margin-bottom:1.5rem}.scan-valid-badge{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #16a34a4d}.scan-valid-badge i{font-size:1.25rem}.scan-timestamp{color:var(--srt-muted);margin-top:.75rem;font-size:.75rem}.scan-letter-card{border-radius:var(--srt-radius-lg);box-shadow:var(--srt-shadow-lg);background:#fff;margin-bottom:1.5rem;overflow:hidden}.scan-letter-header{background:linear-gradient(135deg, var(--srt-primary) 0%, var(--srt-primary-dark) 100%);color:#fff;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.scan-letter-meta{align-items:center;gap:1rem;display:flex}.scan-nomor{background:#ffffff26;border-radius:4px;padding:.375rem .75rem;font-family:Courier New,monospace;font-size:1rem;font-weight:800}.scan-badge{background:#fff3;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.scan-status-badge{background:#ffffff26;border-radius:4px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:700;display:flex}.scan-status-badge i{color:#4ade80}.scan-letter-body{padding:1.5rem}.scan-info-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.scan-info-item{flex-direction:column;gap:.375rem;display:flex}.scan-info-item label{text-transform:uppercase;letter-spacing:.5px;color:var(--srt-muted);font-size:.7rem;font-weight:700}.scan-info-full{grid-column:1/-1}.scan-value{color:var(--srt-ink);font-size:.875rem;font-weight:500}.scan-value-lg{color:var(--srt-ink);font-size:1.1rem;font-weight:700}.scan-info-item strong{display:block}.scan-info-item small{color:var(--srt-muted);margin-top:.25rem;font-size:.8rem;display:block}.scan-pdf-section{border-radius:var(--srt-radius-lg);box-shadow:var(--srt-shadow-lg);background:#fff;margin-bottom:1.5rem;overflow:hidden}.scan-pdf-header{background:var(--srt-bg);border-bottom:1px solid var(--srt-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.scan-pdf-header h3{color:var(--srt-ink);align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:700;display:flex}.scan-pdf-header h3 i{color:var(--srt-danger)}.scan-pdf-viewer{background:#525659;padding:1rem}.scan-pdf-iframe{background:#fff;border:none;border-radius:4px;width:100%;height:600px}.scan-footer{text-align:center;padding:1.5rem}.scan-footer p{color:var(--srt-muted);margin-bottom:1rem;font-size:.875rem}.scan-home-link{background:var(--srt-primary);color:#fff;border-radius:var(--srt-radius);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.scan-home-link:hover{background:var(--srt-primary-dark);transform:translateY(-2px)}.scan-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.scan-spinner{border:4px solid var(--srt-border);border-top-color:var(--srt-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite scanSpin}@keyframes scanSpin{to{transform:rotate(360deg)}}.scan-loading p{color:var(--srt-muted);font-size:1rem;font-weight:600}.scan-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.scan-error-icon{color:var(--srt-danger);margin-bottom:1rem;font-size:4rem}.scan-error h1{color:var(--srt-ink);margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.scan-error p{color:var(--srt-muted);margin-bottom:1.5rem;font-size:.95rem}.scan-help{background:var(--srt-bg);border-radius:var(--srt-radius);max-width:400px;margin-bottom:1.5rem;padding:1rem}.scan-help p{color:var(--srt-muted);margin:0;font-size:.85rem}.scan-id-display{background:var(--srt-bg);border-radius:var(--srt-radius);padding:.75rem 1.25rem}.scan-id-display span{color:var(--srt-muted);font-family:Courier New,monospace;font-size:.8rem}.scan-btn{border-radius:var(--srt-radius);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.scan-btn-primary{background:var(--srt-primary);color:#fff}.scan-btn-primary:hover{background:var(--srt-primary-dark)}.scan-btn-secondary{background:var(--srt-bg);color:var(--srt-ink);border:1px solid var(--srt-border)}.scan-btn-secondary:hover{background:var(--srt-border)}@media (max-width:768px){.scan-page-wrap{padding:1rem}.scan-info-grid{grid-template-columns:1fr}.scan-letter-header{flex-direction:column;align-items:flex-start;gap:.75rem}.scan-pdf-iframe{height:400px}.scan-pdf-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.daftar-surat-wrap{background:var(--srt-bg);min-height:calc(100vh - 120px);padding:1.5rem}.daftar-surat-header{background:linear-gradient(135deg, var(--srt-primary) 0%, var(--srt-primary-dark) 100%);border-radius:var(--srt-radius-lg);color:#fff;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.daftar-surat-title{align-items:center;gap:.75rem;display:flex}.daftar-surat-title i{font-size:1.5rem}.daftar-surat-title h1{margin:0;font-size:1.25rem;font-weight:800}.daftar-surat-search{margin-bottom:1rem;position:relative}.daftar-surat-search i{color:var(--srt-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.daftar-surat-search input{border:2px solid var(--srt-border);border-radius:var(--srt-radius);width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:.875rem;transition:all .2s}.daftar-surat-search input:focus{border-color:var(--srt-primary);outline:none}.verification-banner{color:#fff;border-radius:var(--srt-radius);background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.verification-banner i{font-size:2rem}.verification-banner strong{font-size:1rem;font-weight:700;display:block}.verification-banner p{opacity:.9;margin:0;font-size:.8rem}.public-notice{color:var(--srt-primary);border-radius:var(--srt-radius);background:#0038a814;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;display:flex}.surat-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem;display:grid}.surat-card{border-radius:var(--srt-radius);box-shadow:var(--srt-shadow);background:#fff;transition:all .2s;overflow:hidden}.surat-card:hover{box-shadow:var(--srt-shadow-lg);transform:translateY(-2px)}.surat-card-header{background:var(--srt-bg);border-bottom:1px solid var(--srt-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.surat-nomor{color:var(--srt-primary);font-family:Courier New,monospace;font-size:.8rem;font-weight:800}.surat-badge{background:var(--srt-primary);color:#fff;border-radius:4px;padding:.25rem .625rem;font-size:.7rem;font-weight:700}.surat-card-body{padding:1rem 1.25rem}.surat-perihal{color:var(--srt-ink);margin-bottom:.5rem;font-size:.95rem}.surat-perihal strong{color:var(--srt-primary)}.surat-kepada{color:var(--srt-muted);margin-bottom:.375rem;font-size:.8rem}.surat-kepada strong{color:var(--srt-text)}.surat-tempat{color:var(--srt-muted);font-size:.8rem}.surat-card-footer{background:var(--srt-bg);border-top:1px solid var(--srt-border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.surat-meta{color:var(--srt-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.surat-id{color:var(--srt-subtle);align-items:center;gap:.375rem;font-family:Courier New,monospace;font-size:.7rem;display:flex}.surat-card-actions{border-top:1px solid var(--srt-border);gap:.5rem;padding:.75rem 1.25rem;display:flex}.srt-btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.srt-btn-primary{background:var(--srt-primary);color:#fff}.srt-btn-primary:hover{background:var(--srt-primary-dark)}.srt-btn-secondary{background:var(--srt-bg);color:var(--srt-ink);border:1px solid var(--srt-border)}.srt-btn-secondary:hover{background:var(--srt-border)}.srt-btn-success{background:var(--srt-success);color:#fff}.srt-btn-success:hover{background:#15803d}.srt-btn-danger{background:var(--srt-danger);color:#fff}.srt-btn-danger:hover{background:#b91c1c}.srt-btn-sm{padding:.375rem .625rem;font-size:.75rem}.srt-btn-icon{border:1px solid var(--srt-border);background:0 0;border-radius:4px;padding:.5rem}.srt-btn-icon:hover{background:var(--srt-bg)}.srt-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.srt-empty-icon{color:var(--srt-border-strong);margin-bottom:1rem;font-size:4rem}.srt-empty-title{color:var(--srt-ink);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.srt-empty-desc{color:var(--srt-muted);max-width:400px;font-size:.875rem}.srt-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.srt-modal{border-radius:var(--srt-radius-lg);background:#fff;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.srt-modal-header h3{margin:0;font-size:1rem;font-weight:700}.srt-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.detail-row{border-bottom:1px solid var(--srt-border);justify-content:space-between;align-items:flex-start;padding:.75rem 0;display:flex}.detail-row label{color:var(--srt-muted);font-size:.8rem;font-weight:600}.detail-value{color:var(--srt-ink);text-align:right;font-size:.875rem;font-weight:500}.verify-id{color:var(--srt-primary);background:var(--srt-bg);border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.8rem;font-weight:700}.status-badge{border-radius:4px;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.status-final{color:#16a34a;background:#16a34a1a}.status-draft{color:#d97706;background:#d977061a}.detail-qr-section{border-top:2px dashed var(--srt-border);text-align:center;margin-top:1.5rem;padding-top:1.5rem}.detail-qr-section h4{color:var(--srt-ink);margin-bottom:.5rem;font-size:.875rem;font-weight:700}.detail-qr-section p{color:var(--srt-muted);margin-bottom:1rem;font-size:.8rem}.detail-qr-wrapper{justify-content:center;margin-bottom:1rem;display:flex}.detail-qr-image{border:1px solid var(--srt-border);background:#fff;border-radius:4px;width:150px;height:150px;padding:.5rem}.detail-link-box{background:var(--srt-bg);border-radius:4px;margin-bottom:1rem;padding:.75rem}.detail-link-box code{color:var(--srt-muted);word-break:break-all;font-family:Courier New,monospace;font-size:.7rem}.detail-pdf-preview{margin-top:1.5rem}.detail-pdf-preview h4{color:var(--srt-ink);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:700;display:flex}.detail-pdf-preview h4 i{color:var(--srt-danger)}.pdf-viewer-wrap{border:1px solid var(--srt-border);background:#525659;border-radius:4px;overflow:hidden}.pdf-viewer{border:none;width:100%;height:400px}.detail-download-section{margin-top:1rem}.srt-btn-block{justify-content:center;width:100%}.srt-input{border:2px solid var(--srt-border);border-radius:4px;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.srt-input:focus{border-color:var(--srt-primary);outline:none}@media (max-width:768px){.surat-list{grid-template-columns:1fr}.surat-card-actions{flex-wrap:wrap}}.admin-stats{gap:1rem;margin-bottom:1.5rem;display:flex}.stat-item{border-radius:var(--srt-radius);box-shadow:var(--srt-shadow);background:#fff;flex-direction:column;align-items:center;min-width:120px;padding:1rem 1.5rem;display:flex}.stat-number{color:var(--srt-primary);font-size:1.5rem;font-weight:800}.stat-label{color:var(--srt-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.srt-modal-lg{max-width:800px}.srt-modal-header{background:linear-gradient(135deg, var(--srt-primary) 0%, var(--srt-primary-dark) 100%);color:#fff;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.srt-modal-header h3{align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;display:flex}.modal-header-actions{align-items:center;gap:.5rem;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.detail-row-full{grid-column:1/-1}.detail-value-highlight{color:var(--srt-primary);font-family:Courier New,monospace;font-size:.95rem;font-weight:800}.detail-value-lg{color:var(--srt-ink);font-size:1.1rem;font-weight:700}.detail-value small{color:var(--srt-muted);margin-top:.25rem;font-size:.8rem;font-weight:400;display:block}.pdf-preview-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pdf-preview-header h4{align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:700;display:flex}.pdf-preview-header h4 i{color:var(--srt-danger)}.pdf-badge{color:#16a34a;background:#16a34a1a;border-radius:4px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.pdf-badge i{font-size:.875rem}.pdf-actions{gap:.75rem;margin-top:1rem;display:flex}.surat-header-actions{align-items:center;gap:.5rem;display:flex}.pdf-indicator{color:#dc2626;background:#dc26261a;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;display:inline-flex}.daftar-surat-actions{gap:.5rem;display:flex}@media (max-width:768px){.srt-modal-lg{border-radius:0;max-width:100%;height:100vh;max-height:100vh;margin:0}.detail-grid{grid-template-columns:1fr}.pdf-actions,.admin-stats{flex-direction:column}.stat-item{flex-direction:row;justify-content:space-between;min-width:auto}}.multiselect-container{position:relative}.multiselect-display{background:var(--srt-surface);border:1.5px solid var(--srt-border-strong);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:8px 12px;transition:all .2s;display:flex}.multiselect-display:hover{border-color:var(--srt-primary)}.multiselect-display i{color:var(--srt-muted);flex-shrink:0;font-size:.75rem}.multiselect-placeholder{color:var(--srt-muted);font-size:.8125rem;font-style:italic}.multiselect-tags{flex-wrap:wrap;flex:1;gap:4px;display:flex}.multiselect-tag{color:var(--srt-primary);background:#0038a814;border-radius:4px;align-items:center;gap:3px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.multiselect-dropdown{background:var(--srt-surface);border:1.5px solid var(--srt-border-strong);box-shadow:var(--srt-shadow-lg);z-index:1000;border-radius:4px;max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.multiselect-option{cursor:pointer;border-radius:4px;align-items:flex-start;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.multiselect-option:hover{background:#0038a80d}.multiselect-option input[type=checkbox]{accent-color:var(--srt-primary);cursor:pointer;margin-top:3px}.multiselect-option-content{flex-direction:column;flex:1;gap:1px;display:flex}.multiselect-option-name{color:var(--srt-ink);font-size:.8125rem;font-weight:500}.multiselect-option-sub{color:var(--srt-muted);font-size:.75rem}.multiselect-clear{color:var(--srt-danger);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;font-size:.75rem;transition:background .15s;display:inline-flex}.multiselect-clear:hover{background:#dc262614}.lampiran-section{margin-top:20px}.lampiran-title{text-align:center;margin-bottom:8px;font-size:11pt;font-weight:700;text-decoration:underline}.lampiran-table{border-collapse:collapse;border:1px solid #000;width:100%;font-size:9pt}.lampiran-table thead tr{background:#f0f0f0;border-bottom:1px solid #000}.lampiran-table th{text-align:center;color:#1a1a2e;border:1px solid #000;padding:4px 8px;font-weight:700}.lampiran-table td{color:#1a1a2e;vertical-align:top;border:1px solid #000;padding:4px 8px}.lampiran-table tr.row-even{background:#fff}.lampiran-table tr.row-odd{background:#f9f9f9}.lampiran-table small{color:#555;font-size:8pt}.srt-preview-modal{background:var(--srt-surface);border-radius:var(--srt-radius-lg);box-shadow:var(--srt-shadow-xl);flex-direction:column;width:100%;max-width:90vw;max-height:90vh;display:flex;overflow:hidden}.srt-preview-modal-header{background:#2a2a2a;border-bottom:1px solid #444;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.srt-preview-modal-title{color:#ccc;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:flex}.srt-preview-modal-title i{font-size:1rem}.srt-page-badge{color:#93c5fd;background:#0038a84d;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.srt-preview-modal-actions{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.srt-preview-modal-actions .srt-zoom-controls{background:#3a3a3a;border:1px solid #444;border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .25rem;display:flex}.srt-preview-modal-actions .srt-btn-secondary{color:#ccc;background:#3a3a3a;border-color:#555}.srt-preview-modal-actions .srt-btn-secondary:hover{color:#fff;border-color:var(--srt-primary);background:#4a4a4a}.srt-preview-modal-actions .srt-zoom-select{color:#ccc;cursor:pointer;text-align:center;background:#3a3a3a;border:1px solid #555;border-radius:4px;min-width:75px;padding:4px 8px;font-size:.7rem;font-weight:700;transition:all .2s}.srt-preview-modal-actions .srt-zoom-select:hover{background:#4a4a4a;border-color:#888}.srt-preview-modal-actions .srt-zoom-select:focus{border-color:#0038a8;outline:none;box-shadow:0 0 0 2px #0038a84d}.srt-preview-modal-actions .srt-zoom-select option{color:#ccc;background:#2a2a2a;font-weight:600}.srt-preview-modal-body{background:#333;flex:1;justify-content:flex-start;min-height:0;padding:40px;display:flex;overflow:auto}