body{background:#eef3f9;color:#1f314d}.tnl-wrap{max-width:980px;margin:24px auto;padding:0 12px 24px;color:#1f314d}.tnl-box{background:#dfe9f7;border:1px solid #c3d4ec;border-radius:6px;padding:14px;margin-bottom:12px}.tnl-box h1,.tnl-box h2,.tnl-box h3,.tnl-box h4{margin:0 0 10px;color:#1a3359;font-weight:700;line-height:1.2}.tnl-form{display:flex;flex-wrap:wrap;margin:10px -6px 8px}.tnl-form>*{flex:1 1 220px;min-width:180px;margin:0 6px 10px}.tnl-form input,.tnl-form select,.tnl-form textarea{width:100%;box-sizing:border-box;border:1px solid #b7cbe7;border-radius:3px;background:#fff;color:#253b5a;height:40px;padding:0 10px}.tnl-form textarea{min-height:92px;height:auto;padding:10px}.tnl-form input:focus,.tnl-form select:focus,.tnl-form textarea:focus{outline:none;border-color:#0b62b3;box-shadow:0 0 0 2px rgba(11,98,179,.12)}.tnl-btn{height:40px;padding:0 14px;border:1px solid #0b62b3;border-radius:3px;background:#0b62b3;color:#fff;font-weight:700;cursor:pointer}.tnl-btn:hover{background:#094a87;border-color:#094a87}.tnl-btn--soft{background:#f0f6ff;border-color:#bfd2ee;color:#214173}.tnl-btn--danger{background:#cf4040;border-color:#cf4040;color:#fff}.tnl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}.tnl-tab,.tnl-subtab{height:36px;min-width:92px;padding:0 12px;border:1px solid #bfd2ee;border-radius:3px;background:#f7fbff;color:#2f4f78;font-weight:700;cursor:pointer}.tnl-tab.is-active,.tnl-subtab.is-active{background:#0b62b3;border-color:#0b62b3;color:#fff}.tnl-card,.tramite-card{border:1px solid #c3d4ec;border-radius:6px;padding:12px;background:#dfe9f7;box-sizing:border-box}.tnl-table{width:100%;border-collapse:collapse;background:#fff}.tnl-table th,.tnl-table td{border:1px solid #c7d7ec;padding:9px 10px;text-align:left}.tnl-table th{background:#d7e4f5;color:#29466e;font-weight:700}.planner-toast{position:fixed;left:16px;bottom:16px;z-index:99999;background:#eef5ff;border:1px solid #bad0ef;color:#153a66;padding:10px 12px;border-radius:4px;display:flex;align-items:center;gap:8px}@media (max-width:768px){.tnl-wrap{padding:0 10px 16px}.tnl-form>*{flex:1 1 100%;min-width:100%}}