/* Top Prime Media newsroom — a calm, modern editorial workspace. */
:root{--tpm-admin-ink:#0b172a;--tpm-admin-navy:#07192c;--tpm-admin-red:#e31b23;--tpm-admin-green:#147d4c;--tpm-admin-mist:#f3f6f8;--tpm-admin-line:#dfe5ea;--tpm-admin-muted:#697789;--tpm-admin-radius:12px;--tpm-admin-shadow:0 14px 38px rgba(7,25,44,.08)}
body{font-family:"DM Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--tpm-admin-ink);background:#f3f6f8!important;-webkit-font-smoothing:antialiased}
.navbar-vertical,.navbar.navbar-vertical{background:var(--tpm-admin-navy)!important;border-right:0!important;box-shadow:10px 0 35px rgba(7,25,44,.08)}
.navbar-vertical .navbar-brand{min-height:82px!important;padding:16px 22px!important;border-bottom:1px solid rgba(255,255,255,.1)}
.navbar-vertical .navbar-brand:after{content:"NEWSROOM";display:inline-flex;margin-left:11px;padding:4px 7px;border:1px solid rgba(255,255,255,.25);border-radius:3px;color:#cbd6df;font-size:8px;font-weight:800;letter-spacing:.12em}
.navbar-vertical .nav-link,.navbar-vertical .nav-link-title,.navbar-vertical .dropdown-item{color:#aebdca!important;font-size:12px!important;font-weight:650!important}
.navbar-vertical .nav-link{min-height:44px;margin:2px 10px;padding:10px 13px!important;border-radius:7px!important}
.navbar-vertical .nav-link:hover,.navbar-vertical .nav-item.active>.nav-link,.navbar-vertical .nav-link.active{background:rgba(255,255,255,.09)!important;color:#fff!important}
.navbar-vertical .nav-item.active>.nav-link:before,.navbar-vertical .nav-link.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--tpm-admin-red)}
.navbar-vertical .nav-link-icon{color:#6f879a!important}.navbar-vertical .active .nav-link-icon,.navbar-vertical .nav-link:hover .nav-link-icon{color:#ff666c!important}
.page-wrapper{background:#f3f6f8!important}.page-header{margin:0!important;padding:27px 32px 21px!important;border-bottom:1px solid var(--tpm-admin-line);background:#fff}.page-header h1,.page-header .page-title{color:var(--tpm-admin-ink)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:32px!important;font-weight:700!important;letter-spacing:-.035em!important}.page-body{margin-top:0!important;padding:28px 32px 50px!important}.page-body>.container-xl,.page-header>.container-xl{max-width:1540px!important}
.card{border:1px solid var(--tpm-admin-line)!important;border-radius:var(--tpm-admin-radius)!important;background:#fff!important;box-shadow:none!important}.card:hover{border-color:#d3dce3!important}.card-header{min-height:59px!important;padding:17px 20px!important;border-bottom:1px solid var(--tpm-admin-line)!important;background:#fff!important}.card-title{color:var(--tpm-admin-ink)!important;font-size:13px!important;font-weight:800!important;letter-spacing:.025em}.card-body{padding:22px!important}.card-footer{border-top:1px solid var(--tpm-admin-line)!important;background:#fafbfc!important}
.btn{min-height:39px;padding:9px 15px!important;border-radius:7px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.02em!important}.btn-primary{border-color:var(--tpm-admin-red)!important;background:var(--tpm-admin-red)!important;box-shadow:0 6px 16px rgba(227,27,35,.16)!important}.btn-primary:hover{border-color:#bd1219!important;background:#bd1219!important;transform:translateY(-1px)}.btn-outline-primary{border-color:#ccd5dc!important;color:var(--tpm-admin-ink)!important}.btn-outline-primary:hover{border-color:var(--tpm-admin-ink)!important;background:var(--tpm-admin-ink)!important;color:#fff!important}
.form-control,.form-select,.select2-selection{min-height:44px!important;border-color:#d6dee5!important;border-radius:7px!important;background:#fff!important;font-size:12px!important;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:var(--tpm-admin-red)!important;box-shadow:0 0 0 3px rgba(227,27,35,.1)!important}.form-label{margin-bottom:7px!important;color:#3f5062!important;font-size:10px!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase}.form-hint,.text-secondary{color:#7c8996!important}
.table{--tblr-table-border-color:var(--tpm-admin-line);font-size:12px}.table thead th{padding:12px 14px!important;background:#f7f9fa!important;color:#637181!important;font-size:9px!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase}.table tbody td{padding:14px!important;vertical-align:middle!important}.table tbody tr:hover{background:#fafbfc!important}.table .text-truncate a,.table a.fw-bold{color:var(--tpm-admin-ink)!important;font-size:13px;font-weight:750!important}.badge{padding:5px 8px!important;border-radius:99px!important;font-size:8px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase}
.nav-tabs{gap:7px;border-bottom:1px solid var(--tpm-admin-line)!important}.nav-tabs .nav-link{padding:11px 13px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:#748190!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase}.nav-tabs .nav-link.active{border-bottom-color:var(--tpm-admin-red)!important;background:transparent!important;color:var(--tpm-admin-ink)!important}
.dropdown-menu{padding:7px!important;border:1px solid var(--tpm-admin-line)!important;border-radius:9px!important;box-shadow:var(--tpm-admin-shadow)!important}.dropdown-item{padding:9px 11px!important;border-radius:6px!important;font-size:11px!important}.dropdown-item:hover{background:var(--tpm-admin-mist)!important}.modal-content{overflow:hidden;border:0!important;border-radius:14px!important;box-shadow:0 28px 80px rgba(7,25,44,.2)!important}.modal-header{border-bottom:1px solid var(--tpm-admin-line)!important}.modal-footer{border-top:1px solid var(--tpm-admin-line)!important;background:#fafbfc!important}
.dashboard-widget-item .card,.widget-card{overflow:hidden}.dashboard-widget-item .card:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--tpm-admin-red),#ff6970)}.dashboard-widget-item:nth-child(2n) .card:before{background:linear-gradient(90deg,var(--tpm-admin-green),#48ad7c)}.dashboard-widget-item .card-title{font-family:Georgia,"Times New Roman",serif!important;font-size:26px!important;letter-spacing:-.03em!important}.ck-editor__editable,.editor-content{font-family:Georgia,"Times New Roman",serif!important;font-size:17px!important;line-height:1.75!important}.media-modal .modal-dialog{max-width:1500px!important}
@media(max-width:991px){.page-header{padding:20px 18px 16px!important}.page-body{padding:20px 18px 90px!important}.page-header h1,.page-header .page-title{font-size:27px!important}.navbar-vertical .navbar-brand{min-height:62px!important}.card-body{padding:17px!important}}

/* Branded newsroom sign-in. */
body #app>.row>.col-xl-4{position:relative;border-top:0!important;background:#fff!important;box-shadow:14px 0 50px rgba(7,25,44,.12);z-index:3}body #app>.row>.col-xl-4:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--tpm-admin-red) 0 34%,var(--tpm-admin-navy) 34% 100%)}body #app .container-tight{width:100%;max-width:500px!important;padding-left:42px!important;padding-right:42px!important}body #app .container-tight>.text-center{margin-bottom:42px!important;text-align:left!important}body #app .container-tight>.text-center img{width:300px!important;max-width:100%!important;max-height:78px!important}body #app form .form-body>h2{margin:0 0 34px!important;color:var(--tpm-admin-ink)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:0!important;text-align:left!important;letter-spacing:-.035em}body #app form .form-body>h2:before{content:"TPM NEWSROOM";display:block;margin-bottom:9px;color:var(--tpm-admin-red);font:800 10px/1 "DM Sans",Inter,sans-serif;letter-spacing:.13em}body #app form .form-body>h2:after{content:"Welcome back";display:block;font-size:38px;line-height:1}body #app form .form-footer{margin-top:28px}body #app form .btn-primary{height:48px!important;font-size:11px!important}body #app .login-options:not(:has(li)){display:none}body #app>.row>.position-relative.col-xl-8{overflow:hidden;background:var(--tpm-admin-navy)}body #app>.row>.position-relative.col-xl-8:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,44,.35),rgba(7,25,44,.05) 45%,rgba(7,25,44,.65)),linear-gradient(0deg,rgba(7,25,44,.88),transparent 48%);pointer-events:none}body #app>.row>.position-relative.col-xl-8>.bg-cover{filter:saturate(.75) contrast(1.04)}body #app>.row>.position-relative.col-xl-8>.position-absolute{z-index:2;left:0!important;right:0!important;padding:0 5vw 3.5vw}body #app>.row>.position-relative.col-xl-8 h1{color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-size:43px!important;letter-spacing:-.035em}body #app>.row>.position-relative.col-xl-8 h1:after{content:"Kenya's modern publishing desk";display:block;margin-top:8px;color:#fff;font:600 14px/1.5 "DM Sans",Inter,sans-serif;letter-spacing:0}body #app>.row>.position-relative.col-xl-8 p{color:#b9c8d4!important;font-size:10px!important}
@media(max-width:991px){body #app>.row>.col-xl-4{width:100%!important}body #app .container-tight{max-width:540px!important;padding-left:26px!important;padding-right:26px!important}body #app .container-tight>.text-center img{width:260px!important}body #app form .form-body>h2:after{font-size:34px}}

/* Monetization command centre. */
.tpm-money{max-width:1540px;margin:auto}.tpm-money__hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px;padding:28px 30px;border-radius:14px;background:linear-gradient(125deg,#07192c,#0d2f50);color:#fff;box-shadow:0 18px 44px rgba(7,25,44,.14)}.tpm-admin-kicker{display:block;margin-bottom:8px;color:#ff767c;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.tpm-money__hero h1{margin:0 0 7px;color:#fff;font:700 34px/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.tpm-money__hero p{max-width:690px;margin:0;color:#b9c8d4;font-size:12px;line-height:1.6}.tpm-money__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.tpm-money__actions form{margin:0}.tpm-money__actions .btn-outline-primary{border-color:rgba(255,255,255,.24)!important;color:#fff!important;background:rgba(255,255,255,.05)!important}.tpm-money__actions .btn-outline-primary:hover{background:#fff!important;color:var(--tpm-admin-ink)!important}.tpm-money__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.tpm-money__stats article{display:flex;min-height:126px;flex-direction:column;padding:20px;border:1px solid var(--tpm-admin-line);border-radius:12px;background:#fff}.tpm-money__stats small{color:var(--tpm-admin-muted);font-size:9px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.tpm-money__stats strong{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 6px;color:var(--tpm-admin-ink);font:700 25px/1.05 Georgia,"Times New Roman",serif}.tpm-money__stats strong span+span:before{content:"·";margin-right:8px;color:#b2bdc6}.tpm-money__stats strong.is-date{font-family:"DM Sans",Inter,sans-serif;font-size:20px}.tpm-money__stats em{margin-top:auto;color:#82909e;font-size:9px;font-style:normal}.tpm-money__grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(290px,.8fr);gap:20px}.tpm-money__side{display:flex;flex-direction:column;gap:20px}.tpm-money__panel{overflow:hidden}.tpm-money__panel>.card-header,.tpm-money__panel .card-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.tpm-money__panel .card-header>div{display:flex;align-items:center;gap:12px}.tpm-money__panel .card-header>div>i{font-size:22px;color:var(--tpm-admin-red)}.tpm-money__panel h2{margin:0;color:var(--tpm-admin-ink);font-size:13px;font-weight:850}.tpm-money__panel .card-header p{margin:2px 0 0;color:#7b8996;font-size:9px}.tpm-provider-logo{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:9px;color:#fff;font-weight:850}.tpm-provider-logo.is-google{background:linear-gradient(135deg,#4285f4,#34a853 47%,#fbbc05 48%,#ea4335)}.tpm-provider-logo.is-network{background:var(--tpm-admin-navy)}.tpm-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;background:#eef2f5;color:#778695;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.tpm-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#94a1ac}.tpm-status.is-live{background:#e8f6ef;color:#147d4c}.tpm-status.is-live:before{background:#21a366;box-shadow:0 0 0 3px rgba(33,163,102,.12)}.tpm-money__subhead{border-top:1px solid var(--tpm-admin-line)!important}.tpm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}.tpm-form-grid label{display:block;margin:0}.tpm-form-grid label.is-wide{grid-column:1/-1}.tpm-form-grid label>span{display:block;margin-bottom:7px;color:#3f5062;font-size:9px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.tpm-form-grid label>small{display:block;margin-top:6px;color:#85919d;font-size:9px;line-height:1.4}.tpm-form-grid textarea.form-control{min-height:110px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:10px!important}.tpm-switch{display:flex!important;align-items:center;gap:10px;margin:0!important;cursor:pointer}.tpm-switch input{position:absolute;opacity:0}.tpm-switch>span{position:relative;width:39px;height:22px;border-radius:22px;background:#ccd5dc;transition:.2s}.tpm-switch>span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.tpm-switch input:checked+span{background:var(--tpm-admin-green)}.tpm-switch input:checked+span:after{transform:translateX(17px)}.tpm-switch b{font-size:11px}.tpm-connector{border-color:var(--tpm-admin-line)!important}.tpm-connector+.tpm-connector{margin-top:10px}.tpm-connector .accordion-button{display:grid;grid-template-columns:105px 1fr auto;gap:12px;min-height:55px;padding:13px 16px;background:#fafbfc;color:var(--tpm-admin-ink);box-shadow:none!important;font-size:10px}.tpm-connector .accordion-button span{color:#748392;font-size:8px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.tpm-connector .accordion-button b{font-size:11px}.tpm-connector .accordion-button em{padding:4px 7px;border-radius:99px;background:#e8f6ef;color:var(--tpm-admin-green);font-size:7px;font-style:normal;font-weight:850;text-transform:uppercase}.tpm-connector .accordion-body{padding:18px}.tpm-provider-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--tpm-admin-line)}.tpm-provider-list article:first-child{padding-top:0}.tpm-provider-list article:last-child{padding-bottom:0;border-bottom:0}.tpm-provider-list article div{display:flex;flex-direction:column}.tpm-provider-list article strong{font-size:11px}.tpm-provider-list article span{margin-top:4px;color:#85929e;font-size:8px}.tpm-provider-list article>b{white-space:nowrap;color:var(--tpm-admin-green);font-size:12px}.tpm-empty{text-align:center;color:#798895}.tpm-empty>i{display:block;margin-bottom:12px;font-size:30px;color:#a6b2bd}.tpm-empty strong{display:block;color:var(--tpm-admin-ink);font-size:12px}.tpm-empty p{margin:6px auto 0;max-width:270px;font-size:9px;line-height:1.55}.tpm-money__guide{background:linear-gradient(145deg,#fff,#f6f9fa)!important}.tpm-money__guide ol{margin:15px 0 14px;padding-left:18px}.tpm-money__guide li{padding:4px 0;color:#4c5d6c;font-size:10px}.tpm-money__guide p{margin:0;color:#7d8b97;font-size:9px;line-height:1.55}
@media(max-width:1199px){.tpm-money__stats{grid-template-columns:1fr 1fr}.tpm-money__grid{grid-template-columns:1fr}.tpm-money__side{display:grid;grid-template-columns:1fr 1fr}.tpm-money__side .tpm-money__guide{grid-column:1/-1}}
@media(max-width:767px){.tpm-money__hero{display:block;padding:22px 20px}.tpm-money__hero h1{font-size:29px}.tpm-money__actions{justify-content:flex-start;margin-top:18px}.tpm-money__stats{grid-template-columns:1fr}.tpm-money__stats article{min-height:105px}.tpm-form-grid{grid-template-columns:1fr}.tpm-form-grid label.is-wide{grid-column:auto}.tpm-money__side{display:flex}.tpm-connector .accordion-button{grid-template-columns:85px 1fr}.tpm-connector .accordion-button em{display:none}}

/* TPM Newsroom Control Desk v3 — application shell and operational workspaces. */
:root {
    --tpm-admin-ink: #0a1728;
    --tpm-admin-navy: #06182b;
    --tpm-admin-navy-2: #0b2540;
    --tpm-admin-red: #e51b23;
    --tpm-admin-red-dark: #bd1017;
    --tpm-admin-green: #16834f;
    --tpm-admin-amber: #b66a0b;
    --tpm-admin-blue: #2166d1;
    --tpm-admin-mist: #f4f6f8;
    --tpm-admin-line: #dbe2e8;
    --tpm-admin-muted: #687789;
    --tpm-admin-radius: 12px;
    --tpm-admin-shadow: 0 18px 50px rgba(6, 24, 43, .1);
    --tpm-sidebar-width: 268px;
}

html, body.tpm-admin-v3 {
    min-height: 100%;
    background: var(--tpm-admin-mist) !important;
}

body.tpm-admin-v3,
body.tpm-admin-v3 button,
body.tpm-admin-v3 input,
body.tpm-admin-v3 select,
body.tpm-admin-v3 textarea {
    font-family: var(--primary-font), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px;
}

body.tpm-admin-v3 { color: var(--tpm-admin-ink); letter-spacing: -.006em; }
body.tpm-admin-v3 .d-block.d-lg-flex { min-height: calc(100vh - 68px); }

body.tpm-admin-v3 > #app > header.navbar {
    min-height: 68px;
    padding: 0 24px;
    border: 0;
    border-bottom: 1px solid var(--tpm-admin-line);
    background: #fff !important;
    color: var(--tpm-admin-ink) !important;
    box-shadow: none;
}

body.tpm-admin-v3 > #app > header.navbar > .container-xl { max-width: none !important; }
body.tpm-admin-v3 > #app > header.navbar .form-control { min-width: 420px; height: 42px; background: #f7f9fa !important; }
body.tpm-admin-v3 > #app > header.navbar .btn { min-height: 40px; background: #fff; color: var(--tpm-admin-ink); }
body.tpm-admin-v3 > #app > header.navbar .nav-link { color: var(--tpm-admin-ink) !important; }
body.tpm-admin-v3 header.navbar.d-lg-flex {
    min-height: 72px;
    padding: 0 22px;
    border: 0;
    border-bottom: 1px solid var(--tpm-admin-line);
    background: #fff !important;
    color: var(--tpm-admin-ink) !important;
}
body.tpm-admin-v3 header.navbar.d-lg-flex > .container-fluid { max-width: none; }
body.tpm-admin-v3 header.navbar.d-lg-flex .navbar-toggler { color: var(--tpm-admin-ink); }
body.tpm-admin-v3 header.navbar.d-lg-flex .navbar-brand { display: flex; width: 205px; min-height: 58px; align-items: center; margin-right: 30px !important; }
body.tpm-admin-v3 header.navbar.d-lg-flex .navbar-brand-image { width: 224px; max-height: 58px !important; object-fit: contain; object-position: left center; }
body.tpm-admin-v3 header.navbar.d-lg-flex .navbar-nav { margin-left: auto; }
body.tpm-admin-v3 header.navbar.d-lg-flex .form-control { min-width: min(360px, 28vw); background: #f6f8fa !important; }
body.tpm-admin-v3 header.navbar.d-lg-flex .btn { border-color: #d3dce3; background: #fff; color: var(--tpm-admin-ink); }
body.tpm-admin-v3 header.navbar.d-lg-flex .nav-link { color: var(--tpm-admin-ink) !important; }

body.tpm-admin-v3 .navbar-vertical {
    position: sticky;
    top: 0;
    flex: 0 0 var(--tpm-sidebar-width) !important;
    width: var(--tpm-sidebar-width) !important;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    border: 0 !important;
    background: var(--tpm-admin-navy) !important;
    box-shadow: none !important;
    z-index: 1028;
}

body.tpm-admin-v3 .navbar-vertical > .container-xl {
    display: flex;
    width: 100%;
    height: 100%;
    max-width: none !important;
    flex-direction: column;
    padding: 0 !important;
}

body.tpm-admin-v3 .navbar-vertical .navbar-brand {
    display: flex !important;
    min-height: 92px !important;
    margin: 0;
    padding: 16px 22px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    background: #fff;
}

body.tpm-admin-v3 .navbar-vertical .navbar-brand:after { display: none; }
body.tpm-admin-v3 .navbar-vertical .navbar-brand-image { width: 196px; max-width: 100%; max-height: 60px; object-fit: contain; object-position: left center; }
body.tpm-admin-v3 #sidebar-menu { flex: 1; overflow: hidden auto; padding: 14px 0 34px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) transparent; }
body.tpm-admin-v3 #sidebar-menu .navbar-nav { gap: 1px; }

@media (min-width: 992px) {
    body.tpm-admin-v3 { --tpm-admin-sidebar-top: 72px; }
    body.tpm-admin-v3 .d-block.d-lg-flex { display: block !important; min-height: calc(100vh - 72px); }
    body.tpm-admin-v3 .navbar-vertical {
        position: fixed !important;
        top: var(--tpm-admin-sidebar-top) !important;
        left: 0;
        bottom: auto;
        height: calc(100dvh - var(--tpm-admin-sidebar-top)) !important;
        min-height: 0 !important;
        max-height: calc(100dvh - var(--tpm-admin-sidebar-top));
    }
    body.tpm-admin-v3 .navbar-vertical > .container-xl {
        display: flex !important;
        height: 100% !important;
        min-height: 0;
        flex-direction: column;
        overflow: hidden;
    }
    body.tpm-admin-v3 #sidebar-menu {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column;
        width: 100%;
        height: 100% !important;
        min-height: 0;
        max-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }
    body.tpm-admin-v3 #sidebar-menu > .navbar-nav { min-height: min-content; padding-bottom: 110px; }
    body.tpm-admin-v3 #sidebar-menu::-webkit-scrollbar { width: 7px; }
    body.tpm-admin-v3 #sidebar-menu::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(255,255,255,.22); }
    body.tpm-admin-v3 .d-block.d-lg-flex > .page-wrapper,
    body.tpm-admin-v3 .page-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-left: var(--tpm-sidebar-width) !important;
        box-sizing: border-box;
    }
    body.tpm-admin-v3 .navbar-vertical.navbar-minimal + .page-wrapper,
    body.tpm-admin-v3 .d-block.d-lg-flex:has(.navbar-vertical.navbar-minimal) .page-wrapper {
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 76px !important;
    }
}

body.tpm-admin-v3 .tpm-nav-section {
    padding: 18px 18px 5px;
    color: #6f8599;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .095em;
}

body.tpm-admin-v3 .navbar-vertical .nav-link {
    position: relative;
    min-height: 46px;
    margin: 1px 10px;
    padding: 11px 13px !important;
    border-radius: 8px !important;
    color: #c3ced8 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

body.tpm-admin-v3 .navbar-vertical .nav-link-title,
body.tpm-admin-v3 .navbar-vertical .dropdown-item { font-size: 13.5px !important; font-weight: 600 !important; }
body.tpm-admin-v3 .navbar-vertical .nav-link-icon { width: 25px; color: #8295a7 !important; }
body.tpm-admin-v3 .navbar-vertical .nav-link-icon svg,
body.tpm-admin-v3 .navbar-vertical .nav-link-icon i { width: 20px; height: 20px; font-size: 20px; stroke-width: 1.7; }
body.tpm-admin-v3 .navbar-vertical .nav-link:hover { background: rgba(255,255,255,.075) !important; color: #fff !important; transform: translateX(2px); }
body.tpm-admin-v3 .navbar-vertical .nav-item.active > .nav-link,
body.tpm-admin-v3 .navbar-vertical .nav-link.active { background: rgba(255,255,255,.105) !important; color: #fff !important; }
body.tpm-admin-v3 .navbar-vertical .nav-item.active > .nav-link:before,
body.tpm-admin-v3 .navbar-vertical .nav-link.active:before { left: -10px; top: 7px; bottom: 7px; width: 4px; background: var(--tpm-admin-red); box-shadow: 0 0 18px rgba(229,27,35,.55); }
body.tpm-admin-v3 .navbar-vertical .active .nav-link-icon { color: #ff6067 !important; }
body.tpm-admin-v3 .navbar-vertical .dropdown-menu { margin: 2px 10px 7px; padding: 4px 0 5px 39px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.tpm-admin-v3 .navbar-vertical .dropdown-item { min-height: 40px; padding: 9px 12px !important; border-radius: 7px; color: #98a9b8 !important; }
body.tpm-admin-v3 .navbar-vertical .dropdown-item:hover,
body.tpm-admin-v3 .navbar-vertical .dropdown-item.active { background: rgba(255,255,255,.07) !important; color: #fff !important; }
@media (min-width: 992px) {
    body.tpm-admin-v3 .navbar-vertical .navbar-brand { display: none !important; }
}

body.tpm-admin-v3 .page-wrapper { min-width: 0; background: var(--tpm-admin-mist) !important; }
body.tpm-admin-v3 .page-header { padding: 22px 28px 18px !important; border-bottom: 1px solid var(--tpm-admin-line); background: #fff; }
body.tpm-admin-v3 .page-header > .container-xl,
body.tpm-admin-v3 .page-body > .container-xl { width: 100%; max-width: 1600px !important; }
body.tpm-admin-v3 .page-pretitle { color: var(--tpm-admin-muted); font-size: 13px; font-weight: 600; }
body.tpm-admin-v3 .page-body { margin: 0 !important; padding: 28px !important; }
body.tpm-route-dashboard-index .page-header,
body.tpm-route-ads-index .page-header,
body.tpm-route-tpm-monetization-index .page-header { display: none; }
body.tpm-admin-v3 .tpm-nav-help { margin-top: 18px; border-top: 1px solid rgba(255,255,255,.09); padding-top: 12px; }
body.tpm-admin-v3 .tpm-nav-help kbd { margin-left: auto; padding: 4px 6px; border: 1px solid rgba(255,255,255,.15); border-radius: 5px; background: rgba(255,255,255,.08); color: #aebdca; font: 700 9px/1 var(--primary-font), sans-serif; }

body.tpm-admin-v3 h1, body.tpm-admin-v3 h2, body.tpm-admin-v3 h3,
body.tpm-admin-v3 .page-title, body.tpm-admin-v3 .card-title {
    font-family: var(--primary-font), Inter, sans-serif !important;
    color: var(--tpm-admin-ink) !important;
    letter-spacing: -.025em !important;
}

body.tpm-admin-v3 .card { border: 1px solid var(--tpm-admin-line) !important; border-radius: var(--tpm-admin-radius) !important; background: #fff !important; box-shadow: none !important; }
body.tpm-admin-v3 .card:hover { border-color: #ccd6de !important; }
body.tpm-admin-v3 .card-header { min-height: 64px !important; padding: 17px 20px !important; border-color: var(--tpm-admin-line) !important; }
body.tpm-admin-v3 .card-header h2, body.tpm-admin-v3 .card-title { margin: 0; font-size: 16px !important; font-weight: 750 !important; }
body.tpm-admin-v3 .card-header p { margin: 3px 0 0; color: var(--tpm-admin-muted); font-size: 12px; }
body.tpm-admin-v3 .card-body { padding: 20px !important; }

body.tpm-admin-v3 .btn { min-height: 42px; padding: 10px 16px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 750 !important; letter-spacing: -.005em !important; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
body.tpm-admin-v3 .btn i { margin-right: 5px; font-size: 18px; vertical-align: -2px; }
body.tpm-admin-v3 .btn-primary { border-color: var(--tpm-admin-red) !important; background: var(--tpm-admin-red) !important; box-shadow: 0 8px 20px rgba(229,27,35,.17) !important; }
body.tpm-admin-v3 .btn-primary:hover { border-color: var(--tpm-admin-red-dark) !important; background: var(--tpm-admin-red-dark) !important; }
body.tpm-admin-v3 .btn-outline-primary { border-color: #c9d2da !important; background: #fff !important; color: var(--tpm-admin-ink) !important; }
body.tpm-admin-v3 .btn-outline-primary:hover { border-color: var(--tpm-admin-navy) !important; background: var(--tpm-admin-navy) !important; color: #fff !important; }
body.tpm-admin-v3 .btn:focus-visible, body.tpm-admin-v3 a:focus-visible, body.tpm-admin-v3 input:focus-visible { outline: 3px solid rgba(33,102,209,.25) !important; outline-offset: 2px; }

body.tpm-admin-v3 .form-control,
body.tpm-admin-v3 .form-select,
body.tpm-admin-v3 .select2-selection { min-height: 46px !important; border-color: #cfd8df !important; border-radius: 8px !important; font-size: 14px !important; }
body.tpm-admin-v3 .form-label { margin-bottom: 8px !important; color: #34485c !important; font-size: 12px !important; font-weight: 750 !important; letter-spacing: .01em !important; text-transform: none; }
body.tpm-admin-v3 .form-hint, body.tpm-admin-v3 .help-block, body.tpm-admin-v3 .text-secondary { color: var(--tpm-admin-muted) !important; font-size: 12.5px; }
body.tpm-admin-v3 .form-control:focus, body.tpm-admin-v3 .form-select:focus { border-color: var(--tpm-admin-blue) !important; box-shadow: 0 0 0 3px rgba(33,102,209,.12) !important; }

body.tpm-admin-v3 .table { font-size: 13.5px; }
body.tpm-admin-v3 .table thead th { padding: 13px 15px !important; background: #f7f9fa !important; color: #526375 !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .04em !important; }
body.tpm-admin-v3 .table tbody td { padding: 15px !important; }
body.tpm-admin-v3 .table .text-truncate a, body.tpm-admin-v3 .table a.fw-bold { font-size: 14px; }
body.tpm-admin-v3 .badge { padding: 6px 9px !important; border-radius: 6px !important; font-size: 10px !important; }

/* Dashboard workspace */
.tpm-workspace { max-width: 1540px; margin: 0 auto; }
.tpm-workspace__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 22px; }
.tpm-workspace__header h1 { margin: 0; font-size: clamp(30px, 3vw, 42px); font-weight: 760; line-height: 1.05; }
.tpm-workspace__header p { margin: 7px 0 0; color: var(--tpm-admin-muted); font-size: 15px; }
.tpm-workspace__header .tpm-workspace__date { margin: 0 0 7px; color: var(--tpm-admin-red); font-size: 11px; font-weight: 850; letter-spacing: .075em; text-transform: uppercase; }
.tpm-workspace__header-actions { display: flex; gap: 9px; flex-wrap: wrap; }

.tpm-action-rail { display: grid; grid-template-columns: repeat(5, 1fr); margin-bottom: 24px; border: 1px solid var(--tpm-admin-line); border-radius: 12px; background: #fff; }
.tpm-action-rail a { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 11px; min-height: 82px; padding: 14px 17px; border-right: 1px solid var(--tpm-admin-line); color: var(--tpm-admin-ink); text-decoration: none; }
.tpm-action-rail a:first-child { border-radius: 12px 0 0 12px; }
.tpm-action-rail a:last-child { border-right: 0; border-radius: 0 12px 12px 0; }
.tpm-action-rail a:hover { background: #f8fafb; }
.tpm-action-rail__icon { display: grid !important; place-items: center; width: 42px; height: 42px; border: 1px solid #cfd8df; border-radius: 9px; color: var(--tpm-admin-red); }
.tpm-action-rail__icon svg { width: 22px; height: 22px; }
.tpm-action-rail a span { display: flex; min-width: 0; flex-direction: column; }
.tpm-action-rail a strong { font-size: 13.5px; }
.tpm-action-rail a small { margin-top: 3px; overflow: hidden; color: var(--tpm-admin-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.tpm-action-rail kbd { padding: 3px 6px; border: 1px solid #d6dee5; border-radius: 5px; background: #f4f6f8; color: #617183; font: 700 10px/1 var(--primary-font), sans-serif; }

.tpm-pipeline { position: relative; display: grid; grid-template-columns: 190px repeat(4, 1fr); align-items: center; min-height: 106px; margin-bottom: 22px; padding: 9px 0 0; border-top: 2px solid #f13d44; }
.tpm-pipeline:before { content: ""; position: absolute; left: 13%; right: 3%; top: -6px; height: 10px; background: radial-gradient(circle at 12.5% 50%, #fff 0 4px, var(--tpm-admin-red) 4px 6px, transparent 6px), radial-gradient(circle at 37.5% 50%, #fff 0 4px, var(--tpm-admin-red) 4px 6px, transparent 6px), radial-gradient(circle at 62.5% 50%, #fff 0 4px, var(--tpm-admin-red) 4px 6px, transparent 6px), radial-gradient(circle at 87.5% 50%, #fff 0 4px, var(--tpm-admin-green) 4px 6px, transparent 6px); pointer-events: none; }
.tpm-pipeline__label { display: flex; align-items: center; gap: 10px; color: var(--tpm-admin-red); font-size: 11px; letter-spacing: .055em; text-transform: uppercase; }
.tpm-pipeline__label span { width: 20px; height: 3px; background: var(--tpm-admin-red); }
.tpm-pipeline__stage { display: flex; align-items: center; justify-content: center; flex-direction: column; min-width: 0; text-align: center; }
.tpm-pipeline__stage span { color: #495c70; font-size: 12px; font-weight: 700; }
.tpm-pipeline__stage strong { margin: 5px 0 2px; font-size: 28px; line-height: 1; }
.tpm-pipeline__stage small { color: var(--tpm-admin-muted); font-size: 11px; }

.tpm-workspace__grid { display: grid; grid-template-columns: minmax(0, 2.15fr) minmax(300px, .85fr); gap: 20px; margin-bottom: 20px; }
.tpm-queue { overflow: hidden; }
.tpm-queue .card-header { display: flex; align-items: center; justify-content: space-between; }
.tpm-queue .card-header a, .tpm-ad-ops__section-title a { color: var(--tpm-admin-blue); font-size: 12px; font-weight: 750; text-decoration: none; }
.tpm-queue__head, .tpm-queue__row { display: grid; grid-template-columns: minmax(260px, 2.2fr) minmax(90px, .8fr) minmax(100px, .8fr) 90px 105px; align-items: center; gap: 14px; padding: 0 20px; }
.tpm-queue__head { min-height: 42px; border-bottom: 1px solid var(--tpm-admin-line); background: #f7f9fa; color: #667689; font-size: 10px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.tpm-queue__row { min-height: 65px; border-bottom: 1px solid var(--tpm-admin-line); color: #4d5f70; font-size: 12.5px; text-decoration: none; }
.tpm-queue__row:last-child { border-bottom: 0; }
.tpm-queue__row:hover { background: #fafcfd; color: #26384a; }
.tpm-queue__title { display: flex; min-width: 0; align-items: center; gap: 9px; }
.tpm-queue__title strong { overflow: hidden; color: var(--tpm-admin-ink); font-size: 13.5px; text-overflow: ellipsis; white-space: nowrap; }
.tpm-queue__title small { color: #98a5b1; font-size: 10px; }
.tpm-state { display: inline-flex; align-items: center; justify-content: center; min-width: 75px; padding: 5px 8px; border-radius: 6px; background: #edf2f6; color: #526477; font-size: 10px; font-style: normal; font-weight: 800; }
.tpm-state.is-draft { background: #e9f2ff; color: #1f61b7; }
.tpm-state.is-pending { background: #fff1de; color: #9d5c08; }
.tpm-state.is-published { background: #e7f6ee; color: #147648; }
.tpm-empty-state { padding: 52px 20px; color: var(--tpm-admin-muted); text-align: center; }
.tpm-empty-state i { display: block; margin-bottom: 8px; color: var(--tpm-admin-green); font-size: 36px; }
.tpm-empty-state strong { display: block; color: var(--tpm-admin-ink); font-size: 15px; }
.tpm-empty-state p { margin: 4px 0 0; }

.tpm-workspace__side { display: flex; flex-direction: column; gap: 20px; }
.tpm-pulse-list { padding: 7px 20px 12px; }
.tpm-pulse-list > div { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 10px; min-height: 45px; border-bottom: 1px solid var(--tpm-admin-line); }
.tpm-pulse-list > div:last-child { border: 0; }
.tpm-pulse-list span { width: 8px; height: 8px; border-radius: 50%; }
.tpm-pulse-list .is-good { background: var(--tpm-admin-green); box-shadow: 0 0 0 4px rgba(22,131,79,.1); }
.tpm-pulse-list .is-watch { background: #e38a1a; box-shadow: 0 0 0 4px rgba(227,138,26,.1); }
.tpm-pulse-list strong { font-size: 12.5px; }
.tpm-pulse-list em { color: var(--tpm-admin-muted); font-size: 11.5px; font-style: normal; }
.tpm-desk-tools__list { padding: 5px 14px 12px; }
.tpm-desk-tools__list a { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 11px; min-height: 57px; padding: 8px; border-bottom: 1px solid var(--tpm-admin-line); color: var(--tpm-admin-ink); text-decoration: none; }
.tpm-desk-tools__list a:last-child { border: 0; }
.tpm-desk-tool__icon { display: grid !important; place-items: center; width: 38px; height: 38px; border-radius: 8px; background: #edf2f5; color: var(--tpm-admin-navy); }
.tpm-desk-tool__icon svg { width: 19px; height: 19px; }
.tpm-desk-tools__list span { display: flex; min-width: 0; flex-direction: column; }
.tpm-desk-tools__list strong { font-size: 12.5px; }
.tpm-desk-tools__list small { color: var(--tpm-admin-muted); font-size: 10.5px; }
.tpm-desk-tools__list b { padding: 4px 6px; border-radius: 4px; background: var(--tpm-admin-red); color: #fff; font-size: 8px; }

.tpm-commerce-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 26px; border: 1px solid var(--tpm-admin-line); border-radius: 12px; background: #fff; }
.tpm-commerce-strip > div { display: flex; min-height: 112px; flex-direction: column; justify-content: center; padding: 18px 21px; border-right: 1px solid var(--tpm-admin-line); }
.tpm-commerce-strip > div:last-child { border: 0; }
.tpm-commerce-strip span { color: var(--tpm-admin-muted); font-size: 10px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.tpm-commerce-strip strong { margin: 7px 0 4px; font-size: 23px; line-height: 1.15; }
.tpm-commerce-strip small { color: var(--tpm-admin-muted); font-size: 11px; }
.tpm-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 8px 0 16px; }
.tpm-section-heading h2 { margin: 0; font-size: 22px; }
.tpm-section-heading p { margin: 4px 0 0; color: var(--tpm-admin-muted); font-size: 13px; }
.tpm-stat-widgets .card:before, body.tpm-admin-v3 .dashboard-widget-item .card:before { height: 3px; background: var(--tpm-admin-navy); }
.tpm-stat-widgets > div:first-child .card:before { background: var(--tpm-admin-red); }
body.tpm-admin-v3 .dashboard-widget-item .card-title { font-family: var(--primary-font), Inter, sans-serif !important; font-size: 26px !important; }

/* Advertising operations */
.tpm-ad-ops { margin: 0 0 22px; }
.tpm-ad-ops__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.tpm-ad-ops__header p { margin: 0 0 6px; color: var(--tpm-admin-red); font-size: 10px; font-weight: 850; letter-spacing: .085em; text-transform: uppercase; }
.tpm-ad-ops__header h1 { margin: 0; font-size: 38px; font-weight: 770; line-height: 1.05; }
.tpm-ad-ops__header span { display: block; margin-top: 7px; color: var(--tpm-admin-muted); font-size: 14px; }
.tpm-ad-ops__actions { display: flex; gap: 9px; }
.tpm-ad-ops__metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 18px; border: 1px solid var(--tpm-admin-line); border-radius: 12px; background: #fff; }
.tpm-ad-ops__metrics article { display: grid; grid-template-columns: 44px 1fr; grid-template-rows: auto auto auto; min-height: 116px; padding: 19px; border-right: 1px solid var(--tpm-admin-line); }
.tpm-ad-ops__metrics article:last-child { border: 0; }
.tpm-ad-ops__metrics article > :is(i,svg) { grid-row: 1 / 4; display: grid; place-items: center; align-self: center; width: 36px; height: 36px; padding: 8px; border: 1px solid rgba(229,27,35,.25); border-radius: 50%; color: var(--tpm-admin-red); font-size: 19px; }
.tpm-ad-ops__metrics span { color: var(--tpm-admin-muted); font-size: 11px; font-weight: 700; }
.tpm-ad-ops__metrics strong { margin-top: 3px; overflow: hidden; font-size: 22px; text-overflow: ellipsis; white-space: nowrap; }
.tpm-ad-ops__metrics small { color: var(--tpm-admin-muted); font-size: 10.5px; }
.tpm-ad-ops__overview { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(290px, .8fr); gap: 18px; margin-bottom: 18px; }
.tpm-inventory-map, .tpm-platform-status, .tpm-creative-strip { border: 1px solid var(--tpm-admin-line); border-radius: 12px; background: #fff; }
.tpm-ad-ops__section-title { display: flex; align-items: center; justify-content: space-between; min-height: 61px; gap: 16px; padding: 14px 18px; border-bottom: 1px solid var(--tpm-admin-line); }
.tpm-ad-ops__section-title h2 { margin: 0; font-size: 15px; }
.tpm-ad-ops__section-title p { margin: 3px 0 0; color: var(--tpm-admin-muted); font-size: 11px; }
.tpm-inventory-map__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 14px; }
.tpm-inventory-map__grid > div { display: flex; min-height: 70px; align-items: center; gap: 10px; padding: 11px; border: 1px solid #dce3e8; border-radius: 9px; }
.tpm-inventory-map__grid > div > :is(i,svg) { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; padding: 8px; border-radius: 7px; background: #edf2f5; color: #6b7b8b; font-size: 18px; }
.tpm-inventory-map__grid > div.is-filled { border-color: #bcd9c9; background: #f5fbf7; }
.tpm-inventory-map__grid > div.is-filled > :is(i,svg) { background: #dcf2e6; color: var(--tpm-admin-green); }
.tpm-inventory-map__grid span { display: flex; min-width: 0; flex-direction: column; }
.tpm-inventory-map__grid strong { overflow: hidden; font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.tpm-inventory-map__grid small { margin-top: 3px; color: var(--tpm-admin-muted); font-size: 10px; }
.tpm-platform-status { padding-bottom: 10px; }
.tpm-platform-status > div:not(.tpm-ad-ops__section-title) { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 11px; min-height: 61px; margin: 0 15px; border-bottom: 1px solid var(--tpm-admin-line); }
.tpm-platform-status > div > p { display: flex; margin: 0; flex-direction: column; }
.tpm-platform-status > div strong { font-size: 12px; }
.tpm-platform-status > div small { color: var(--tpm-admin-muted); font-size: 10.5px; }
.tpm-platform-status > a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 7px 15px 0; color: var(--tpm-admin-red); font-size: 11.5px; font-weight: 750; text-decoration: none; }
.tpm-platform-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; background: #edf2f5; color: var(--tpm-admin-navy); font-weight: 850; }
.tpm-platform-mark.is-google { background: #fff; border: 1px solid #dbe2e8; color: #3579df; }
.tpm-platform-status .is-good { color: var(--tpm-admin-green); }
.tpm-platform-status .is-watch { color: var(--tpm-admin-amber); }
.tpm-platform-status .ti-circle-dashed { color: #9aa7b3; }
.tpm-creative-strip { margin-bottom: 18px; }
.tpm-creative-strip > div:last-child { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; padding: 14px; }
.tpm-creative-strip a { display: grid; grid-template-columns: 88px 1fr; align-items: center; gap: 10px; min-width: 0; padding: 8px; border: 1px solid #e0e6eb; border-radius: 9px; color: var(--tpm-admin-ink); text-decoration: none; }
.tpm-creative-strip img { width: 88px; height: 56px; border-radius: 6px; object-fit: cover; background: #eef2f4; }
.tpm-creative-strip span { display: flex; min-width: 0; flex-direction: column; }
.tpm-creative-strip strong, .tpm-creative-strip small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tpm-creative-strip strong { font-size: 11.5px; }
.tpm-creative-strip small { margin-top: 4px; color: var(--tpm-admin-muted); font-size: 9.5px; }
body.tpm-route-ads-index .table-wrapper, body.tpm-route-ads-index .card { scroll-margin-top: 20px; }
.tpm-ad-form-guide { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 16px; padding: 20px 22px; border: 1px solid var(--tpm-admin-line); border-left: 4px solid var(--tpm-admin-red); border-radius: 11px; background: #fff; }
.tpm-ad-form-guide > div > span { color: var(--tpm-admin-red); font-size: 10px; font-weight: 850; letter-spacing: .075em; text-transform: uppercase; }
.tpm-ad-form-guide h2 { margin: 4px 0; font-size: 20px; }
.tpm-ad-form-guide p { max-width: 680px; margin: 0; color: var(--tpm-admin-muted); font-size: 12.5px; }
.tpm-ad-form-guide ol { display: flex; margin: 0; padding: 0; list-style: none; }
.tpm-ad-form-guide li { position: relative; display: flex; min-width: 140px; align-items: center; gap: 9px; }
.tpm-ad-form-guide li:not(:last-child):after { content: ""; width: 28px; height: 1px; margin: 0 10px; background: #cfd8df; }
.tpm-ad-form-guide li b { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; background: var(--tpm-admin-navy); color: #fff; font-size: 11px; }
.tpm-ad-form-guide li span { display: flex; flex-direction: column; }
.tpm-ad-form-guide li strong { font-size: 11.5px; }
.tpm-ad-form-guide li small { color: var(--tpm-admin-muted); font-size: 9.5px; }
.tpm-adblock-note { font-size: 12px; }
.tpm-table-placement { display: inline-block; max-width: 230px; overflow: hidden; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.tpm-table-delivery, .tpm-table-readiness { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 6px; font-size: 10px; font-weight: 800; }
.tpm-table-delivery:before, .tpm-table-readiness:before { content: ""; width: 6px; height: 6px; border-radius: 50%; }
.tpm-table-delivery.is-programmatic { background: #edf3ff; color: #235eae; }
.tpm-table-delivery.is-programmatic:before { background: #2d75d5; }
.tpm-table-delivery.is-direct { background: #eef3f6; color: #536576; }
.tpm-table-delivery.is-direct:before { background: #738596; }
.tpm-table-readiness.is-ready { background: #e7f6ee; color: #147648; }
.tpm-table-readiness.is-ready:before { background: var(--tpm-admin-green); }
.tpm-table-readiness.is-fallback { background: #fff3e3; color: #9a5b0a; }
.tpm-table-readiness.is-fallback:before { background: #d28119; }
.tpm-table-readiness.is-missing { background: #ffebec; color: #b51c23; }
.tpm-table-readiness.is-missing:before { background: var(--tpm-admin-red); }

/* Monetization workspace refreshed to match the command-centre shell. */
body.tpm-admin-v3 .tpm-money { max-width: 1540px; }
body.tpm-admin-v3 .tpm-money__hero { padding: 0 0 22px; border-radius: 0; background: transparent; color: var(--tpm-admin-ink); box-shadow: none; }
body.tpm-admin-v3 .tpm-money__hero h1 { color: var(--tpm-admin-ink) !important; font-family: var(--primary-font), Inter, sans-serif; font-size: 38px; font-weight: 770; }
body.tpm-admin-v3 .tpm-money__hero p { color: var(--tpm-admin-muted); font-size: 14px; }
body.tpm-admin-v3 .tpm-admin-kicker { color: var(--tpm-admin-red); font-size: 10px; }
body.tpm-admin-v3 .tpm-money__actions .btn-outline-primary { border-color: #c9d2da !important; background: #fff !important; color: var(--tpm-admin-ink) !important; }
body.tpm-admin-v3 .tpm-money__stats { gap: 0; overflow: hidden; border: 1px solid var(--tpm-admin-line); border-radius: 12px; background: #fff; }
body.tpm-admin-v3 .tpm-money__stats article { min-height: 116px; border: 0; border-right: 1px solid var(--tpm-admin-line); border-radius: 0; }
body.tpm-admin-v3 .tpm-money__stats article:last-child { border-right: 0; }
body.tpm-admin-v3 .tpm-money__stats small { font-size: 10px; }
body.tpm-admin-v3 .tpm-money__stats strong { font-family: var(--primary-font), Inter, sans-serif; font-size: 22px; }
body.tpm-admin-v3 .tpm-money__stats em { font-size: 11px; }
body.tpm-admin-v3 .tpm-money__panel h2 { font-size: 14px; }
body.tpm-admin-v3 .tpm-money__panel .card-header p { font-size: 11px; }
body.tpm-admin-v3 .tpm-provider-list article strong, body.tpm-admin-v3 .tpm-connector .accordion-button b { font-size: 12.5px; }

/* Command centre overlay */
.tpm-command[hidden], .tpm-mobile-sheet[hidden] { display: none !important; }
.tpm-command { position: fixed; inset: 0; display: grid; place-items: start center; padding: min(12vh, 110px) 20px 20px; z-index: 11000; }
.tpm-command__backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(4,16,29,.68); backdrop-filter: blur(4px); }
.tpm-command__dialog { position: relative; width: min(720px, 100%); overflow: hidden; border: 1px solid #d5dde4; border-radius: 15px; background: #fff; box-shadow: 0 32px 100px rgba(0,0,0,.28); animation: tpm-command-in .16s ease-out; }
@keyframes tpm-command-in { from { opacity: 0; transform: translateY(-8px) scale(.985); } }
.tpm-command__search { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 10px; min-height: 68px; padding: 0 18px; border-bottom: 1px solid var(--tpm-admin-line); }
.tpm-command__search > i { color: #708091; font-size: 23px; }
.tpm-command__search input { width: 100%; height: 58px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--tpm-admin-ink); font-size: 17px !important; }
.tpm-command kbd { padding: 4px 7px; border: 1px solid #d4dce3; border-radius: 5px; background: #f4f6f8; color: #68788a; font: 750 10px/1 var(--primary-font), sans-serif; }
.tpm-command__meta { display: flex; align-items: center; justify-content: space-between; padding: 13px 18px 8px; }
.tpm-command__meta strong { font-size: 11px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.tpm-command__meta span { color: var(--tpm-admin-muted); font-size: 10.5px; }
.tpm-command__results { max-height: 440px; overflow: auto; padding: 4px 9px 10px; }
.tpm-command__results a { display: grid; grid-template-columns: 38px 1fr 24px; align-items: center; gap: 11px; min-height: 58px; padding: 8px 10px; border-radius: 9px; color: var(--tpm-admin-ink); text-decoration: none; }
.tpm-command__results a.is-active, .tpm-command__results a:hover { background: #eef3f7; }
.tpm-command__result-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; background: var(--tpm-admin-navy); color: #fff; font-size: 18px; }
.tpm-command__result-icon svg { width: 18px; height: 18px; }
.tpm-command__results a > span { display: flex; flex-direction: column; }
.tpm-command__results strong { font-size: 13px; }
.tpm-command__results small { color: var(--tpm-admin-muted); font-size: 10.5px; }
.tpm-command__result-arrow { color: #8d9aa6; font-size: 17px; }
.tpm-command__empty { display: flex; align-items: center; flex-direction: column; padding: 38px; color: var(--tpm-admin-muted); }
.tpm-command__empty i { margin-bottom: 8px; font-size: 30px; }
.tpm-command__empty strong { color: var(--tpm-admin-ink); }
.tpm-command__dialog footer { display: flex; gap: 20px; min-height: 45px; align-items: center; padding: 0 18px; border-top: 1px solid var(--tpm-admin-line); background: #f7f9fa; color: var(--tpm-admin-muted); font-size: 10.5px; }
.tpm-command__dialog footer span { display: flex; align-items: center; gap: 4px; }
body.tpm-command-open { overflow: hidden; }

.tpm-mobile-nav, .tpm-mobile-sheet, .tpm-mobile-status { display: none; }

@media (max-width: 1199px) {
    .tpm-action-rail { grid-template-columns: repeat(3, 1fr); }
    .tpm-action-rail a:nth-child(3) { border-right: 0; }
    .tpm-action-rail a:nth-child(n+4) { border-top: 1px solid var(--tpm-admin-line); }
    .tpm-pipeline { grid-template-columns: 150px repeat(4, 1fr); }
    .tpm-workspace__grid, .tpm-ad-ops__overview { grid-template-columns: 1fr; }
    .tpm-workspace__side { display: grid; grid-template-columns: 1fr 1fr; }
    .tpm-inventory-map__grid { grid-template-columns: repeat(3, 1fr); }
    .tpm-creative-strip > div:last-child { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 991px) {
    body.tpm-admin-v3 { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
    body.tpm-admin-v3 .d-block.d-lg-flex { min-height: auto; }
    body.tpm-admin-v3 .navbar-vertical { position: sticky; top: 0; width: 100% !important; height: 66px; min-height: 66px; flex-basis: 66px !important; overflow: visible; border-bottom: 1px solid rgba(255,255,255,.14) !important; }
    body.tpm-admin-v3 .navbar-vertical > .container-xl { display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; padding: 0 14px !important; }
    body.tpm-admin-v3 .navbar-vertical .navbar-toggler { display: grid; place-items: center; width: 44px; height: 44px; margin: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; color: #fff; }
    body.tpm-admin-v3 .navbar-vertical .navbar-brand { display: flex !important; min-height: 52px !important; justify-content: center; padding: 5px 10px !important; border: 0; background: transparent; }
    body.tpm-admin-v3 .navbar-vertical .navbar-brand-image { width: 174px; height: 52px; object-fit: contain; filter: brightness(0) invert(1); }
    body.tpm-admin-v3 .navbar-vertical .navbar-nav.flex-row { justify-self: end; }
    body.tpm-admin-v3 #sidebar-menu { position: fixed; left: 0; right: 0; top: 66px; bottom: 76px; display: none; padding: 10px 0 30px; background: var(--tpm-admin-navy); z-index: 1031; }
    body.tpm-admin-v3 #sidebar-menu.show { display: block; }
    body.tpm-admin-v3 .page-body { padding: 20px 16px 34px !important; }
    body.tpm-admin-v3 .page-header { padding: 18px 16px 14px !important; }
    .tpm-mobile-status { display: flex; min-height: 34px; align-items: center; justify-content: center; gap: 18px; border-bottom: 1px solid #dbe2e8; background: #fff; color: #526477; font-size: 10.5px; }
    .tpm-mobile-status span { display: flex; align-items: center; gap: 6px; }
    .tpm-mobile-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--tpm-admin-green); box-shadow: 0 0 0 3px rgba(22,131,79,.1); }
    .tpm-mobile-nav { position: fixed; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(5, 1fr); height: calc(72px + env(safe-area-inset-bottom)); padding: 6px 8px env(safe-area-inset-bottom); border-top: 1px solid #cfd8df; background: rgba(255,255,255,.98); box-shadow: 0 -10px 30px rgba(6,24,43,.1); z-index: 1050; }
    .tpm-mobile-nav a, .tpm-mobile-nav button { display: flex; min-width: 0; min-height: 56px; align-items: center; justify-content: center; flex-direction: column; gap: 3px; border: 0; background: transparent; color: #6b7b8c; font-size: 10px; text-decoration: none; }
    .tpm-mobile-nav :is(i,svg) { width: 22px; height: 22px; font-size: 22px; }
    .tpm-mobile-nav .is-active { color: var(--tpm-admin-red); }
    .tpm-mobile-nav__create { position: relative; color: var(--tpm-admin-red) !important; }
    .tpm-mobile-nav__create :is(i,svg) { display: grid; place-items: center; width: 48px; height: 48px; padding: 8px; margin-top: -25px; border: 5px solid #fff; border-radius: 50%; background: var(--tpm-admin-red); color: #fff; box-shadow: 0 7px 18px rgba(229,27,35,.25); font-size: 25px; }
    .tpm-mobile-sheet { position: fixed; inset: 0; display: flex; align-items: flex-end; z-index: 1080; }
    .tpm-mobile-sheet__backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(6,24,43,.58); }
    .tpm-mobile-sheet > section { position: relative; width: 100%; padding: 7px 18px calc(20px + env(safe-area-inset-bottom)); border-radius: 20px 20px 0 0; background: #fff; box-shadow: 0 -25px 60px rgba(0,0,0,.2); }
    .tpm-mobile-sheet header { display: flex; min-height: 67px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--tpm-admin-line); }
    .tpm-mobile-sheet header div { display: flex; flex-direction: column; }
    .tpm-mobile-sheet header strong { font-size: 17px; }
    .tpm-mobile-sheet header span { color: var(--tpm-admin-muted); font-size: 11px; }
    .tpm-mobile-sheet header button { display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: #eef2f5; font-size: 20px; }
    .tpm-mobile-sheet section > a { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 12px; min-height: 72px; border-bottom: 1px solid var(--tpm-admin-line); color: var(--tpm-admin-ink); text-decoration: none; }
    .tpm-mobile-sheet section > a > :is(i,svg):first-child { display: grid; place-items: center; width: 43px; height: 43px; padding: 10px; border-radius: 10px; background: #edf2f5; color: var(--tpm-admin-red); font-size: 22px; }
    .tpm-mobile-sheet section > a span { display: flex; flex-direction: column; }
    .tpm-mobile-sheet section > a strong { font-size: 14px; }
    .tpm-mobile-sheet section > a small { color: var(--tpm-admin-muted); font-size: 11px; }
    .tpm-mobile-sheet__command { width: 100%; min-height: 48px; margin-top: 14px; border: 1px solid #cbd5dd; border-radius: 9px; background: #fff; color: var(--tpm-admin-ink); font-weight: 750; }
    .tpm-workspace__header, .tpm-ad-ops__header, body.tpm-admin-v3 .tpm-money__hero { align-items: stretch; flex-direction: column; }
    .tpm-ad-form-guide { align-items: stretch; flex-direction: column; }
    .tpm-ad-form-guide ol { overflow-x: auto; }
    .tpm-workspace__header h1, .tpm-ad-ops__header h1, body.tpm-admin-v3 .tpm-money__hero h1 { font-size: 31px; }
    .tpm-workspace__header-actions, .tpm-ad-ops__actions { display: grid; grid-template-columns: 1fr 1fr; }
    .tpm-workspace__header-actions .btn, .tpm-ad-ops__actions .btn { justify-content: center; }
    .tpm-pipeline { grid-template-columns: 1fr 1fr; gap: 9px; padding-top: 31px; }
    .tpm-pipeline:before { display: none; }
    .tpm-pipeline__label { position: absolute; top: 8px; left: 0; }
    .tpm-pipeline__stage { min-height: 90px; align-items: flex-start; padding: 14px; border: 1px solid var(--tpm-admin-line); border-radius: 9px; background: #fff; text-align: left; }
    .tpm-queue__head { display: none; }
    .tpm-queue__row { grid-template-columns: 1fr auto; grid-template-areas: "title state" "meta meta"; min-height: 88px; gap: 7px 12px; padding: 14px 16px; }
    .tpm-queue__title { grid-area: title; }
    .tpm-queue__row > span:nth-child(2) { grid-area: meta; }
    .tpm-queue__row > span:nth-child(2):after { content: " · " attr(data-owner); }
    .tpm-queue__row > span:nth-child(3), .tpm-queue__row > span:nth-child(4) { display: none; }
    .tpm-queue__row > span:last-child { grid-area: state; }
    .tpm-workspace__side { display: flex; }
    .tpm-commerce-strip, .tpm-ad-ops__metrics { grid-template-columns: 1fr 1fr; }
    .tpm-commerce-strip > div:nth-child(2), .tpm-ad-ops__metrics article:nth-child(2) { border-right: 0; }
    .tpm-commerce-strip > div:nth-child(n+3), .tpm-ad-ops__metrics article:nth-child(n+3) { border-top: 1px solid var(--tpm-admin-line); }
    .tpm-inventory-map__grid { grid-template-columns: 1fr 1fr; }
    .tpm-creative-strip > div:last-child { grid-template-columns: 1fr 1fr; }
    body.tpm-admin-v3 .tpm-money__stats { grid-template-columns: 1fr 1fr; }
    body.tpm-admin-v3 .tpm-money__stats article:nth-child(2) { border-right: 0; }
    body.tpm-admin-v3 .tpm-money__stats article:nth-child(n+3) { border-top: 1px solid var(--tpm-admin-line); }
}

@media (max-width: 620px) {
    .tpm-action-rail { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .tpm-action-rail::-webkit-scrollbar { display: none; }
    .tpm-action-rail a { flex: 0 0 78%; border-right: 1px solid var(--tpm-admin-line) !important; border-top: 0 !important; scroll-snap-align: start; }
    .tpm-workspace__header-actions, .tpm-ad-ops__actions { grid-template-columns: 1fr; }
    .tpm-workspace__header-actions .btn-primary { order: -1; }
    .tpm-commerce-strip, .tpm-ad-ops__metrics, body.tpm-admin-v3 .tpm-money__stats { grid-template-columns: 1fr; }
    .tpm-commerce-strip > div, .tpm-ad-ops__metrics article, body.tpm-admin-v3 .tpm-money__stats article { min-height: 98px; border-right: 0 !important; border-top: 1px solid var(--tpm-admin-line); }
    .tpm-commerce-strip > div:first-child, .tpm-ad-ops__metrics article:first-child, body.tpm-admin-v3 .tpm-money__stats article:first-child { border-top: 0; }
    .tpm-inventory-map__grid, .tpm-creative-strip > div:last-child { grid-template-columns: 1fr; }
    .tpm-command { padding: 18px 10px 86px; align-items: start; }
    .tpm-command__dialog { max-height: calc(100vh - 110px); }
    .tpm-command__meta span, .tpm-command__dialog footer span:last-child { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    *, *:before, *:after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}