:root{--muted:#7d708e}
.page-head h1{letter-spacing:-1px}.content{max-width:1600px;margin:auto}.btn{min-height:38px}.muted,.sub,.page-head p{color:#81738f}.table .title{font-size:13px}.table td{padding:20px 19px}.table svg{width:18px;height:18px}
.tpl-intro,.work-priority{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 32px;background:linear-gradient(120deg,#eee7f8,#f4effb 65%,#eaf1f7);border:1px solid #e5dcee;border-radius:20px;margin-bottom:26px}
.tpl-intro h2,.work-priority h2{font-size:24px;letter-spacing:-.6px;margin:8px 0 10px}.tpl-intro p,.work-priority p{color:#85738f;line-height:1.7;max-width:650px;font-size:13px}.tpl-summary{text-align:center;min-width:140px}.tpl-summary strong{font-size:40px;display:block;font-weight:500;color:#9478b3}.tpl-summary span{color:#82728f;font-size:12px}
.tpl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0}.tpl-filters{display:flex;gap:2px;flex-wrap:wrap}.tpl-filters .tab{padding:10px 13px;border-radius:9px}.tpl-filters .active{background:#eae2f4;border:0;color:#6f4f95}.tpl-toolbar input{max-width:230px;margin:0}
.tpl-card{padding:24px;display:flex;flex-direction:column;gap:12px}.tpl-card .icon-tile{margin:0}.tpl-card h3{font-size:16px;margin:4px 0 0}.tpl-card p{font-size:12px;line-height:1.7;color:#81738f;min-height:42px;margin:0}.tpl-meta{font-size:11px;color:#9788a5;margin-bottom:8px}.tpl-card>.between:last-child{margin-top:auto}.tpl-card .pill{font-size:10px}
.tpl-editor-head{display:flex;justify-content:space-between;margin-bottom:18px;font-size:12px;color:#8c7d99}.tpl-builder{display:grid;grid-template-columns:minmax(400px,1.15fr) minmax(330px,.85fr);gap:26px;align-items:start}.tpl-settings{display:grid;gap:20px}.tpl-builder label{font-size:12px;line-height:1.5;color:#786987;display:block;margin:0 0 16px}.tpl-builder input:not([type=checkbox]),.tpl-builder textarea,.tpl-builder select{display:block;width:100%;margin:7px 0 0;font-size:13px;color:#4f435c;padding:12px;border:1px solid #e5ddeb;border-radius:9px;background:#fff}.tpl-builder textarea{resize:vertical;min-height:74px}.tpl-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tpl-section{border:1px solid #e9e2ef;border-radius:14px;padding:18px;background:#fdfcfe;margin-bottom:15px}.tpl-section:last-child{margin-bottom:0}.tpl-section>.between:first-child{margin-bottom:12px}.tpl-number{font-size:12px;color:#a291b1}.tpl-section .row{gap:4px}.tpl-section .btn{padding:5px 10px;font-size:11px;min-height:30px}.tpl-required{display:flex!important;align-items:center;gap:8px;margin:0!important;font-size:11px!important}.tpl-required input{accent-color:#987ab5;width:16px;height:16px}.tpl-format{display:flex!important;align-items:center;gap:8px;margin:0!important}.tpl-format select{width:110px!important;margin:0!important;padding:8px!important;font-size:11px!important}.tpl-preview-wrap{position:sticky;top:22px;display:grid;gap:18px}.tpl-preview{overflow:hidden}.tpl-paper{padding:28px 30px;background:white}.tpl-paper .eyebrow{font-size:8px;letter-spacing:1.1px}.tpl-paper h2{font-size:21px;line-height:1.3;letter-spacing:-.6px;margin:15px 0}.tpl-paper-meta{font-size:10px;color:#a093ab;line-height:1.9;padding:14px 0;border-top:1px solid #eee7f3;border-bottom:1px solid #eee7f3}.tpl-paper section{margin:23px 0}.tpl-paper h3{font-size:12px;font-weight:650}.tpl-paper p,.tpl-paper li{font-size:11px;color:#85758f;line-height:1.9}.tpl-paper ul{padding-left:18px}.tpl-paper small{font-size:9px;color:#a898b3}.tpl-required-tag{font-size:8px;color:#a78960;background:#fbf4e8;border-radius:4px;padding:3px 6px}.tpl-preview-wrap>.info-box{font-size:11px;line-height:1.7}.approval-success{margin:20px auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e7f5ed;color:#608d72}.approval-success svg{width:32px;height:32px}
@media(max-width:1100px){.tpl-builder{grid-template-columns:1fr}.tpl-preview-wrap{position:static}.tpl-toolbar{align-items:stretch;flex-direction:column}.tpl-toolbar input{max-width:none}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.template-grid{grid-template-columns:1fr}.tpl-intro,.work-priority{align-items:start;flex-direction:column}.tpl-summary{display:none}.tpl-two{grid-template-columns:1fr}.tpl-builder{display:block}.tpl-preview-wrap{margin-top:20px}}