:root{--editorial:#d8274b}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.app-sidebar{--bs-body-bg:#172237!important;background:#172237!important}.sidebar-brand{border-bottom:1px solid #ffffff18!important}.sidebar-brand .brand-link{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;text-decoration:none}.brand-symbol{width:35px;height:35px;background:#ee4564;color:white;border-radius:.75rem;display:inline-grid;place-items:center;font-weight:900}.sidebar-menu .nav-link{border-radius:.6rem;margin:.08rem .45rem;color:#d3deeb}.sidebar-menu .nav-link.active,.sidebar-menu .nav-link:hover{background:#ffffff21;color:white}.sidebar-menu .nav-header{color:#8ca0b7;text-transform:uppercase;letter-spacing:.09em;font-weight:700;font-size:.72rem;padding-top:1.3rem}.app-header{border-bottom:1px solid #e5eaf0}.app-content{padding-bottom:2rem}.editorial-kpi{border:1px solid #e5eaf0;border-radius:1rem;background:#fff;box-shadow:0 5px 28px #15203309;padding:1.2rem;height:100%;position:relative;overflow:hidden}.editorial-kpi .kpi-value{font-size:2rem;font-weight:800;line-height:1.2}.editorial-kpi .kpi-icon{font-size:2.1rem;color:var(--editorial);background:#ffe8ef;border-radius:1rem;width:56px;height:56px;display:grid;place-items:center}.editorial-kpi .kpi-label{color:#69798c;font-size:.9rem}.editorial-card{border:1px solid #e7ebf1;border-radius:1rem;box-shadow:0 6px 24px #0b203008}.editorial-preview{max-width:190px;max-height:120px;object-fit:contain;border:1px solid #ddd;border-radius:.6rem}.editorial-form{max-width:990px}.editorial-table td{vertical-align:middle}.editorial-table td:nth-child(2){max-width:380px;overflow-wrap:anywhere}.editorial-table .btn{white-space:nowrap}.dt-container{max-width:100%}.dt-container .dt-layout-row{flex-wrap:wrap;gap:.8rem}.dt-container .dt-layout-cell{min-width:0}.editorial-actions{display:flex;gap:.4rem;justify-content:flex-end;flex-wrap:wrap}.editorial-actions form{display:inline-flex}.editorial-actions .btn{white-space:nowrap}.quick-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid #e7ebf1;border-radius:.75rem;text-decoration:none;color:#243549;background:#fff}.quick-link:hover{border-color:#f3a2b2;color:#b21b3b;background:#fff6f8}.media-state{font-size:.82rem}.app-main{min-width:0}@media(max-width:575px){.app-content-header h1{font-size:1.35rem}.editorial-kpi{padding:.9rem}.editorial-kpi .kpi-value{font-size:1.55rem}.editorial-kpi .kpi-icon{width:38px;height:38px;font-size:1.5rem}.editorial-actions{justify-content:flex-start}}
/* Native-feeling bottom navigation on phones. The full sidebar remains available via More. */
.mobile-bottom-nav{display:none}.editorial-editor{min-height:270px;background:#fff}.editorial-editor .ql-editor{min-height:260px;font-size:1rem;line-height:1.65}.ql-toolbar.ql-snow{border-radius:.6rem .6rem 0 0;border-color:#c8d0dc}.ql-container.ql-snow{border-radius:0 0 .6rem .6rem;border-color:#c8d0dc}.prose h1,.prose h2,.prose h3,.prose h4{line-height:1.25;margin:1.2rem 0 .65rem}.prose p{margin-bottom:1rem}.prose ul,.prose ol{padding-left:1.5rem}.prose blockquote{border-left:4px solid #bf2c45;padding:.5rem 1rem;background:#f8f9fb}
@media(max-width:767.98px){.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:1036;background:#fff;border-top:1px solid #e0e5eb;box-shadow:0 -4px 20px #192b361a;padding:5px 4px calc(5px + env(safe-area-inset-bottom))}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:57px;text-decoration:none;color:#66758a;font-size:.68rem;gap:0}.mobile-bottom-nav a i{font-size:1.25rem;line-height:1.4}.mobile-bottom-nav a.active{color:#c32244;font-weight:700}.app-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.app-main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}
.brand-logo{width:34px;height:34px;object-fit:contain;background:white;border-radius:.45rem;padding:2px}.login-logo{max-width:175px;max-height:70px;object-fit:contain}.app-main{font-size:.91rem}.app-main .form-control,.app-main .form-select,.app-main .btn,.app-main .table{font-size:.9rem}.app-content-header h1{font-size:1.5rem}.editorial-form .form-label{font-size:.86rem}.editorial-form .form-text{font-size:.75rem}.editorial-form .card-header{font-size:.96rem}