body.ukgpm-private{background:#f4f7fb!important}body.ukgpm-private #masthead,body.ukgpm-private .site-header,body.ukgpm-private .wp-site-blocks>header,body.ukgpm-private .elementor-location-header,body.ukgpm-private footer{display:none!important}.ukgpm-wrap{padding:35px 18px 60px}.ukgpm-shell{max-width:1180px;margin:auto;font-family:Arial,sans-serif;color:#24344f}.ukgpm-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.ukgpm-head span{font-size:11px;font-weight:800;color:#315fa7;background:#eaf2ff;padding:7px 10px;border-radius:20px}.ukgpm-head h1{font-size:40px;margin:12px 0 7px}.ukgpm-head p,.ukgpm-card p{color:#748096}.ukgpm-head aside{min-width:150px;padding:16px;border:1px solid #dbe6f5;border-radius:16px;background:#f5f7ff;text-align:center}.ukgpm-head aside b{display:block;font-size:26px}.ukgpm-head aside small{color:#6d7890}.ukgpm-card{background:#fff;border:1px solid #dfe7f1;border-radius:20px;padding:24px;margin-bottom:22px;box-shadow:0 14px 35px rgba(30,49,82,.06)}.ukgpm-card h2{margin:0 0 5px}.ukgpm-card textarea,.ukgpm-card input{width:100%;box-sizing:border-box;border:1px solid #d9e2ee;border-radius:11px;padding:12px;margin:12px 0;font:inherit}.ukgpm-card button{border:1px solid #d7e0ec;background:#fff;border-radius:9px;padding:9px 13px;font-weight:700;cursor:pointer}.ukgpm-card button.primary{border:0;background:#5a55e8;color:#fff}.ukgpm-card button:disabled{opacity:.4}.row{display:flex;justify-content:space-between;gap:20px;align-items:center}.row input{max-width:260px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid #edf1f6}th{font-size:12px;color:#657086}.status{font-size:11px;font-weight:800;text-transform:uppercase;border-radius:20px;padding:5px 9px}.status.active{background:#eaf8f0;color:#177344}.status.paused{background:#f0f2f5;color:#667085}.muted{color:#7a8597;font-size:13px}.ukgpm-msg,.note{padding:14px 16px;border-radius:12px;margin-bottom:18px}.ok{background:#f1fbf5;color:#17663d}.error{background:#fff3f3;color:#a62b2b}.note{background:#f4f2ff}.empty{padding:30px;text-align:center;background:#fafcff;border-radius:12px}.ukgpm-placeholder{max-width:520px;margin:80px auto;padding:35px;background:#fff;border-radius:20px;text-align:center}@media(max-width:700px){.ukgpm-head,.row{flex-direction:column}.ukgpm-head aside,.row input{max-width:none;width:100%}}

/* v0.2 Site Setup */
.manage-btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:8px 12px;
 border:1px solid #b8caf0;
 border-radius:9px;
 background:#f7f9ff;
 color:#2d59a7;
 font-size:13px;
 font-weight:800;
 text-decoration:none;
}
.manage-btn:hover{background:#edf3ff}

.ukgpm-setup-summary{display:flex;gap:7px;flex-wrap:wrap}
.ukgpm-setup-summary span{
 display:inline-flex;
 padding:5px 8px;
 border-radius:999px;
 background:#f1f3f7;
 color:#657086;
 font-size:11px;
 font-weight:700;
}
.ukgpm-setup-summary .ready{background:#eaf8f0;color:#177344}
.ukgpm-setup-summary .needs{background:#fff5e8;color:#995b13}

.ukgpm-manage-shell{max-width:1050px}
.ukgpm-manage-top{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:16px;
 margin-bottom:20px;
}
.back-link{
 color:#3d5f9a;
 font-weight:800;
 font-size:13px;
 text-decoration:none;
}
.back-link:hover{text-decoration:underline}
.ukgpm-manage-head{margin-bottom:22px}
.ukgpm-card-title-row{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:20px;
 margin-bottom:20px;
}
.ukgpm-step-pill{
 display:inline-flex;
 margin-bottom:9px;
 padding:6px 9px;
 border-radius:999px;
 background:#eaf2ff;
 color:#285da7;
 font-size:10px;
 font-weight:900;
 text-transform:uppercase;
 letter-spacing:.05em;
}
.ukgpm-step-pill.purple{background:#f0edff;color:#684ac9}
.ukgpm-label{
 display:block;
 margin:16px 0 6px;
 color:#34425a;
 font-size:13px;
 font-weight:800;
}
.ukgpm-help{
 display:block;
 margin-top:-4px;
 color:#8490a3;
 font-size:12px;
}
.ukgpm-form-actions{margin-top:16px}
.ukgpm-two-col{
 display:grid;
 grid-template-columns:1fr 180px;
 gap:16px;
 align-items:end;
}
.ukgpm-card select{
 width:100%;
 box-sizing:border-box;
 border:1px solid #d9e2ee;
 border-radius:11px;
 padding:12px;
 margin:12px 0;
 background:#fbfcff;
 font:inherit;
}
.ukgpm-new-page{
 margin-top:10px;
 padding:20px;
 border:1px solid #e2e7f0;
 border-radius:14px;
 background:#fafcff;
}
.ukgpm-new-page h3{margin:0 0 4px;font-size:17px}

.ukgpm-page-count{
 min-width:105px;
 padding:12px 14px;
 border:1px solid #e0e5f2;
 border-radius:13px;
 background:#f8f9ff;
 text-align:center;
}
.ukgpm-page-count strong{display:block;font-size:22px}
.ukgpm-page-count span{color:#748096;font-size:11px}

.ukgpm-target-list{margin-top:24px}
.ukgpm-list-heading{margin-bottom:13px}
.ukgpm-list-heading h2{margin:0 0 4px}
.ukgpm-list-heading p{margin:0;color:#748096}
.ukgpm-target-card{
 position:relative;
 margin-bottom:16px;
 padding:22px 22px 20px 66px;
 border:1px solid #e0e6f0;
 border-radius:16px;
 background:#fff;
 box-shadow:0 10px 26px rgba(30,49,82,.045);
}
.ukgpm-target-number{
 position:absolute;
 left:20px;
 top:22px;
 width:30px;
 height:30px;
 display:grid;
 place-items:center;
 border-radius:9px;
 background:#eeeaff;
 color:#684ac9;
 font-size:12px;
 font-weight:900;
}
.ukgpm-target-actions{
 display:flex;
 gap:10px;
 align-items:center;
 margin-top:14px;
}
.ukgpm-target-actions form{margin:0}
.ukgpm-card button.danger,
.ukgpm-target-actions button.danger{
 border:1px solid #efcccc;
 background:#fff6f6;
 color:#b42318;
}
.ukgpm-empty-pages{
 margin-top:22px;
 padding:28px;
 border:1px dashed #d7e0ec;
 border-radius:14px;
 background:#fafcff;
 text-align:center;
}
.ukgpm-empty-pages p{margin:5px 0 0;color:#748096}

@media(max-width:700px){
 .ukgpm-two-col{grid-template-columns:1fr}
 .ukgpm-card-title-row{flex-direction:column}
 .ukgpm-target-card{padding-left:20px;padding-top:64px}
 .ukgpm-target-number{top:18px}
}


/* v0.2.1 — shared UKMagz navigation + theme cleanup + button fixes */

body.ukgpm-private {
    background: #f4f7fb !important;
}

body.ukgpm-private #masthead,
body.ukgpm-private .site-header,
body.ukgpm-private header.site-header,
body.ukgpm-private .wp-site-blocks > header,
body.ukgpm-private .elementor-location-header,
body.ukgpm-private .site-footer,
body.ukgpm-private footer.site-footer,
body.ukgpm-private .wp-site-blocks > footer,
body.ukgpm-private .entry-header,
body.ukgpm-private .page-header,
body.ukgpm-private .page-title,
body.ukgpm-private .entry-title,
body.ukgpm-private .wp-block-post-title,
body.ukgpm-private .hero-section,
body.ukgpm-private .page-hero,
body.ukgpm-private .page-banner,
body.ukgpm-private main > article > header {
    display: none !important;
}

body.ukgpm-private .content-area,
body.ukgpm-private .site-main,
body.ukgpm-private .container,
body.ukgpm-private .content-container,
body.ukgpm-private .entry-content,
body.ukgpm-private article,
body.ukgpm-private .page,
body.ukgpm-private .wp-site-blocks,
body.ukgpm-private main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.ukgpm-private .ukgpm-appbar,
body.ukgpm-private .ukgpm-wrap {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.ukgpm-appbar {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid #e5ebf4;
}

.admin-bar .ukgpm-appbar {
    top: 32px;
}

.ukgpm-appbar-inner {
    width: min(1180px, calc(100% - 36px));
    min-height: 78px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 30px;
}

.ukgpm-brand {
    display: grid;
    min-width: 210px;
    color: #0b1733;
    text-decoration: none;
}

.ukgpm-brand-main {
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -.04em;
    line-height: 1;
}

.ukgpm-brand-main span {
    color: #1769ff;
}

.ukgpm-brand-sub {
    margin-top: 5px;
    color: #34435d;
    font-size: 12px;
}

.ukgpm-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex: 1;
}

.ukgpm-nav a {
    position: relative;
    padding: 29px 0 24px;
    color: #1f2b43;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.ukgpm-nav a:hover,
.ukgpm-nav a.is-active {
    color: #1769ff;
}

.ukgpm-nav a.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    height: 2px;
    border-radius: 999px;
    background: #1769ff;
}

.ukgpm-home-link {
    padding: 10px 15px;
    border: 1px solid #b7cef8;
    border-radius: 10px;
    background: #fff;
    color: #1558d6;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.ukgpm-wrap {
    padding-top: 34px;
}

/* Explicit action styles so theme CSS cannot wash out text */
.ukgpm-card button,
.ukgpm-target-actions button {
    opacity: 1 !important;
}

.ukgpm-card button.primary,
.ukgpm-target-actions button.primary {
    background: linear-gradient(135deg,#5a55e8,#6d48e8) !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
}

.ukgpm-card button.primary:hover,
.ukgpm-target-actions button.primary:hover {
    background: linear-gradient(135deg,#4d49d5,#5f3fd5) !important;
    color: #ffffff !important;
}

.ukgpm-card button:not(.primary):not(.danger),
.ukgpm-target-actions button:not(.primary):not(.danger) {
    background: #eef3fb !important;
    color: #31517f !important;
    border: 1px solid #cbd9ec !important;
    box-shadow: none !important;
}

.ukgpm-card button:not(.primary):not(.danger):hover,
.ukgpm-target-actions button:not(.primary):not(.danger):hover {
    background: #e4edf9 !important;
    color: #24456f !important;
}

.ukgpm-card button:disabled {
    opacity: .45 !important;
    color: #ffffff !important;
}

@media (max-width: 980px) {
    .ukgpm-nav {
        display: none;
    }
}

@media (max-width: 620px) {
    .ukgpm-appbar-inner {
        min-height: 68px;
    }

    .ukgpm-brand {
        min-width: auto;
    }

    .ukgpm-brand-sub,
    .ukgpm-home-link {
        display: none;
    }

    .admin-bar .ukgpm-appbar {
        top: 46px;
    }
}


/* v0.2.2 — compact site pool + Add Sites modal */

.ukgpm-pool-card {
    margin-top: 22px;
}

.ukgpm-pool-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.ukgpm-pool-toolbar h2 {
    margin: 0 0 5px;
}

.ukgpm-pool-toolbar p {
    margin: 0;
}

.ukgpm-pool-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.ukgpm-pool-actions #ukgpm-search {
    width: 270px;
    margin: 0 !important;
}

.ukgpm-pool-actions .ukgpm-add-sites-open {
    width: auto !important;
    white-space: nowrap;
    margin: 0 !important;
    padding: 12px 17px !important;
}

.ukgpm-pause-btn {
    min-width: 82px;
    background: #eef3fb !important;
    color: #31517f !important;
    border: 1px solid #cbd9ec !important;
}

body.ukgpm-modal-open {
    overflow: hidden;
}

.ukgpm-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.ukgpm-modal.is-open {
    display: flex;
}

.ukgpm-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 24, 43, .48);
    backdrop-filter: blur(4px);
}

.ukgpm-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(620px, 100%);
    padding: 30px;
    border: 1px solid #e1e7f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 28px 80px rgba(18, 31, 54, .22);
}

.ukgpm-modal-dialog h2 {
    margin: 0 0 7px;
    color: #182238;
    font-size: 28px;
}

.ukgpm-modal-dialog > p {
    margin: 0 0 20px;
    color: #6f7b90;
    line-height: 1.55;
}

.ukgpm-modal-dialog textarea {
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
}

.ukgpm-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 38px !important;
    height: 38px;
    padding: 0 !important;
    border: 1px solid #e0e6ef !important;
    border-radius: 10px !important;
    background: #f7f9fc !important;
    color: #56637a !important;
    font-size: 25px !important;
    line-height: 1 !important;
}

.ukgpm-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.ukgpm-modal-actions button {
    width: auto !important;
    margin: 0 !important;
}

.ukgpm-cancel-btn {
    background: #f3f6fa !important;
    color: #44536c !important;
    border: 1px solid #dbe3ee !important;
}

@media (max-width: 760px) {
    .ukgpm-pool-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .ukgpm-pool-actions {
        justify-content: stretch;
    }

    .ukgpm-pool-actions #ukgpm-search {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .ukgpm-pool-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ukgpm-pool-actions .ukgpm-add-sites-open {
        width: 100% !important;
    }

    .ukgpm-modal-dialog {
        padding: 24px 18px;
    }
}