/**
 * AdPermit Rules stylesheet.
 *
 * This is the original, human-readable source file distributed with the plugin.
 * No build or minification step is required.
 */
.adpermitrules-wrap {
    max-width:1120px;
    margin-top:24px
}

.adpermitrules-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:20px
}

.adpermitrules-title h1 {
    margin:0 0 5px;
    font-size:29px
}

.adpermitrules-title p {
    margin:0;
    color:#646970
}

.adpermitrules-pill {
    padding:7px 12px;
    border-radius:999px;
    background:#edfaef;
    color:#176b28;
    font-weight:600
}

.adpermitrules-card {
    background:#fff;
    border:1px solid #dcdcde;
    border-radius:12px;
    box-shadow:0 1px 3px rgba(0,0,0,.05);
    margin-bottom:18px;
    overflow:hidden
}

.adpermitrules-card-head {
    padding:18px 20px;
    border-bottom:1px solid #e8e8e8
}

.adpermitrules-card-head h2 {
    margin:0 0 4px;
    font-size:18px
}

.adpermitrules-card-head p {
    margin:0;
    color:#646970
}

.adpermitrules-body {
    padding:20px
}

.adpermitrules-actions-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px
}

.adpermitrules-action {
    display:flex;
    flex-direction:column;
    min-height:250px;
    padding:24px;
    border:1px solid #dcdcde;
    border-radius:14px;
    background:#fff;
    text-decoration:none;
    color:#1d2327;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
    transition:.15s
}

.adpermitrules-action:hover {
    border-color:#2271b1;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
    transform:translateY(-1px);
    color:#1d2327
}

.adpermitrules-action .dashicons {
    font-size:42px;
    width:42px;
    height:42px;
    color:#2271b1;
    margin-bottom:18px
}

.adpermitrules-action h2 {
    font-size:22px;
    margin:0 0 8px
}

.adpermitrules-action p {
    font-size:14px;
    line-height:1.55;
    color:#646970;
    margin:0 0 18px
}

.adpermitrules-action .button {
    margin-top:auto;
    align-self:flex-start
}

.adpermitrules-stats {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:18px
}

.adpermitrules-stat {
    position:relative;
    overflow:hidden;
    border:1px solid #dcdcde;
    border-radius:12px;
    padding:18px 18px 17px 66px;
    min-height:62px;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.04)
}

.adpermitrules-stat:before {
    font-family:dashicons;
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:9px;
    font-size:20px
}

.adpermitrules-stat:nth-child(1) {
    border-left:4px solid #2271b1;
    background:linear-gradient(135deg,#f4f9ff 0%,#fff 70%)
}

.adpermitrules-stat:nth-child(1):before {
    content:"\f332";
    background:#dceeff;
    color:#135e96
}

.adpermitrules-stat:nth-child(2) {
    border-left:4px solid #8c5bd6;
    background:linear-gradient(135deg,#faf7ff 0%,#fff 70%)
}

.adpermitrules-stat:nth-child(2):before {
    content:"\f502";
    background:#eee5fb;
    color:#674399
}

.adpermitrules-stat:nth-child(3) {
    border-left:4px solid #00a32a;
    background:linear-gradient(135deg,#f2fbf4 0%,#fff 70%)
}

.adpermitrules-stat:nth-child(3):before {
    content:"\f147";
    background:#dff3e4;
    color:#007a20
}

.adpermitrules-stat strong {
    display:block;
    font-size:28px;
    line-height:1;
    margin:0 0 7px
}

.adpermitrules-stat span {
    color:#50575e;
    font-weight:600
}

.adpermitrules-grid2 {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px
}

.adpermitrules-box {
    border:1px solid #dcdcde;
    border-radius:9px;
    padding:16px;
    background:#fcfcfc
}

.adpermitrules-row {
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start
}

.adpermitrules-switch {
    position:relative;
    width:46px;
    height:25px;
    display:inline-block;
    flex:none
}

.adpermitrules-switch input {
    opacity:0;
    width:0;
    height:0
}

.adpermitrules-slider {
    position:absolute;
    inset:0;
    background:#8c8f94;
    border-radius:20px;
    cursor:pointer
}

.adpermitrules-slider:before {
    content:"";
    position:absolute;
    width:19px;
    height:19px;
    left:3px;
    top:3px;
    background:#fff;
    border-radius:50%;
    transition:.2s
}

.adpermitrules-switch input:checked+.adpermitrules-slider {
    background:#2271b1
}

.adpermitrules-switch input:checked+.adpermitrules-slider:before {
    transform:translateX(21px)
}

.adpermitrules-rules {
    border:1px solid #dcdcde;
    border-radius:9px;
    overflow:hidden
}

.adpermitrules-rule {
    display:grid;
    grid-template-columns:220px 1fr 44px;
    gap:12px;
    padding:12px;
    border-top:1px solid #eee
}

.adpermitrules-rule:first-child {
    border-top:0
}

.adpermitrules-rule select,.adpermitrules-rule input,.adpermitrules-field input:not([type="checkbox"]):not([type="radio"]),.adpermitrules-field select,.adpermitrules-field textarea {
    width:100%
}

.adpermitrules-remove {
    border:0;
    background:transparent;
    color:#b32d2e;
    font-size:22px;
    cursor:pointer
}

.adpermitrules-inline {
    display:flex;
    gap:20px;
    flex-wrap:wrap
}

.adpermitrules-inline label {
    display:flex;
    gap:7px;
    align-items:center
}

.adpermitrules-note {
    padding:13px 15px;
    background:#f0f6fc;
    border-left:4px solid #72aee6;
    margin-top:15px
}

.adpermitrules-note-neutral {
    background:#f6f7f7;
    border-left-color:#8c8f94
}

.adpermitrules-status-control {
    display:flex;
    align-items:center;
    gap:10px;
    min-height:30px
}

.adpermitrules-status-text {
    font-size:13px
}

.adpermitrules-block {
    border:1px solid #dcdcde;
    border-radius:11px;
    margin-bottom:14px;
    background:#fff;
    overflow:hidden
}

.adpermitrules-block-head {
    display:flex;
    justify-content:space-between;
    gap:15px;
    align-items:center;
    padding:14px 16px;
    background:#f6f7f7;
    border-bottom:1px solid #ddd
}

.adpermitrules-block-title {
    font-weight:700
}

.adpermitrules-block-body {
    padding:16px
}

.adpermitrules-fields {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px
}

.adpermitrules-field.full {
    grid-column:1/-1
}

.adpermitrules-field label {
    display:block;
    font-weight:600;
    margin-bottom:6px
}

.adpermitrules-field textarea {
    min-height:170px;
    font-family:Consolas,Monaco,monospace
}

.adpermitrules-subtle {
    color:#646970;
    font-size:12px
}

.adpermitrules-footer {
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:16px
}

.adpermitrules-empty {
    padding:26px;
    text-align:center;
    background:#fcfcfc;
    color:#646970;
    border:1px dashed #c3c4c7;
    border-radius:9px
}

.adpermitrules-secondary {
    display:flex;
    gap:10px;
    flex-wrap:wrap
}

.adpermitrules-danger {
    color:#b32d2e
}

.adpermitrules-count {
    display:inline-block;
    padding:2px 8px;
    background:#e7f3ff;
    color:#135e96;
    border-radius:999px;
    font-size:12px;
    font-weight:600
}

.adpermitrules-provider-head {
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    padding:16px 18px;
    border:1px solid #b6d7f2;
    background:#f0f7fc;
    border-radius:10px;
    margin-bottom:18px
}

.adpermitrules-provider-head strong {
    font-size:17px
}

.adpermitrules-provider-head p {
    margin:4px 0 0
}

.adpermitrules-google-summary {
    display:inline-block;
    margin-top:9px;
    padding:4px 9px;
    border-radius:999px;
    background:#fff;
    border:1px solid #b6d7f2;
    color:#135e96;
    font-size:12px;
    font-weight:600
}

.adpermitrules-choice-state {
    display:inline-block;
    margin-top:8px;
    font-size:12px;
    font-weight:700
}

.adpermitrules-choice-state.is-blocked {
    color:#135e96
}

.adpermitrules-choice-state.is-allowed {
    color:#646970
}

.adpermitrules-provider-intro {
    margin:-2px 0 12px
}

.adpermitrules-custom-domains.is-disabled {
    opacity:.58
}

.adpermitrules-section-label {
    margin:6px 0 10px;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#50575e
}

.adpermitrules-section-gap {
    margin-top:24px
}

.adpermitrules-custom-domains {
    margin-top:14px;
    padding:16px;
    border:1px solid #dcdcde;
    border-radius:9px;
    background:#fcfcfc
}

.adpermitrules-custom-domains textarea {
    width:100%;
    margin-top:8px;
    font-family:Consolas,Monaco,monospace
}

@media(max-width:782px) {
    .adpermitrules-actions-grid,.adpermitrules-grid2,.adpermitrules-fields,.adpermitrules-stats {
        grid-template-columns:1fr
    }

    .adpermitrules-rule {
        grid-template-columns:1fr 44px
    }

    .adpermitrules-rule select,.adpermitrules-rule input {
        grid-column:1
    }

    .adpermitrules-top,.adpermitrules-row {
        align-items:flex-start;
        flex-direction:column
    }

}