/* Common layout-only fix: preserves existing UI and styling. */
html, body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden !important;
}

.shell,
.app {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.main {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.content {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Sidebar stays full viewport height; only its navigation scrolls. */
.sidebar {
  min-height: 100vh !important;
  height: 100vh !important;
  max-height: 100vh !important;
  min-width: 0 !important;
  overflow: hidden !important;
  align-self: flex-start !important;
}

.side-scroll {
  min-height: 0 !important;
  min-width: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.side-foot {
  flex: 0 0 auto !important;
}

/* Prevent long page elements from widening the whole application. */
img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

/* Keep intentional inner horizontal scrolling (tables/workflow) inside its own area. */
.table-wrap,
.flow-canvas {
  max-width: 100%;
}

/* Final sidebar isolation fix: sidebar never follows the page scroll. */
@media (min-width: 821px) {
  .shell,
  .app {
    position: relative !important;
  }

  .sidebar {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
  }

  .main {
    margin-left: var(--sidebar-w) !important;
    width: calc(100% - var(--sidebar-w)) !important;
    max-width: calc(100% - var(--sidebar-w)) !important;
  }

  body.collapsed .main,
  body.sidebar-collapsed .main {
    margin-left: var(--sidebar-w-collapsed) !important;
    width: calc(100% - var(--sidebar-w-collapsed)) !important;
    max-width: calc(100% - var(--sidebar-w-collapsed)) !important;
  }

  .side-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

/* Centralized common layout corrections */
html,body{overflow-x:hidden}
.main{min-width:0}
.side-scroll{min-height:0;overflow-y:auto;overflow-x:hidden}
.select2-container{max-width:100%}
.select2-dropdown{max-width:100vw}
.select2-results__options{max-height:260px;overflow-y:auto;overflow-x:hidden}
.select2-results__option{overflow-wrap:anywhere}

/* Division is available from the Admin User dropdown; remove standalone header switcher. */
.division-switcher{display:none !important;}

/* Moved inline style from division-create.html: margin-top:17px */
.pc-inline-f6745a61{margin-top:17px}


/* Moved inline style from division-create.html: margin-top:17px */
.pc-inline-f6745a61{margin-top:17px}


/* Moved inline style from division-create.html: margin-top:17px */
.pc-inline-f6745a61{margin-top:17px}


/* Moved inline style from division-create.html: margin-top:17px */
.pc-inline-f6745a61{margin-top:17px}


/* Moved inline style from settings.html: margin-bottom:14px */
.pc-inline-6179637e{margin-bottom:14px}


/* Moved inline style from settings.html: margin-bottom:14px */
.pc-inline-6179637e{margin-bottom:14px}


/* Moved inline style from settings.html: display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border) */
.pc-inline-f8295432{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}


/* Moved inline style from settings.html: display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border) */
.pc-inline-f8295432{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}


/* Moved inline style from settings.html: display:flex;justify-content:space-between;padding:12px 0 */
.pc-inline-e6c95e4f{display:flex;justify-content:space-between;padding:12px 0}


/* Moved inline style from pricing.html: font-size:30px;color:var(--heading) */
.pc-inline-5ce6d71f{font-size:30px;color:var(--heading)}


/* Moved inline style from pricing.html: margin-top:16px */
.pc-inline-b0043ef4{margin-top:16px}


/* Moved inline style from pricing.html: border:2px solid var(--primary) */
.pc-inline-3dbb1902{border:2px solid var(--primary)}


/* Moved inline style from pricing.html: margin-top:10px */
.pc-inline-5371db16{margin-top:10px}


/* Moved inline style from pricing.html: font-size:30px;color:var(--heading) */
.pc-inline-5ce6d71f{font-size:30px;color:var(--heading)}


/* Moved inline style from pricing.html: margin-top:16px */
.pc-inline-b0043ef4{margin-top:16px}


/* Moved inline style from pricing.html: font-size:30px;color:var(--heading) */
.pc-inline-5ce6d71f{font-size:30px;color:var(--heading)}


/* Moved inline style from pricing.html: margin-top:16px */
.pc-inline-b0043ef4{margin-top:16px}


/* Moved inline style from otp.html: width:100%; justify-content:center; padding:12px; */
.pc-inline-bf7440c1{width:100%; justify-content:center; padding:12px;}


/* Moved inline style from otp.html: margin-top: 20px; font-size: 12.5px; color: var(--text-3); */
.pc-inline-623812c0{margin-top: 20px; font-size: 12.5px; color: var(--text-3);}


/* Moved inline style from otp.html: color: var(--primary); font-weight: 600; */
.pc-inline-dc23820b{color: var(--primary); font-weight: 600;}


/* Moved inline style from plan-usage.html: font-size:28px;color:var(--heading) */
.pc-inline-bc3a4f69{font-size:28px;color:var(--heading)}


/* Moved inline style from plan-usage.html: height:8px;background:#e2e8f0;border-radius:10px;margin-top:12px */
.pc-inline-313406ea{height:8px;background:#e2e8f0;border-radius:10px;margin-top:12px}


/* Moved inline style from plan-usage.html: height:100%;width:82%;background:var(--primary2);border-radius:10px */
.pc-inline-fac38c3b{height:100%;width:82%;background:var(--primary2);border-radius:10px}


/* Moved inline style from plan-usage.html: font-size:28px;color:var(--heading) */
.pc-inline-bc3a4f69{font-size:28px;color:var(--heading)}


/* Moved inline style from plan-usage.html: height:8px;background:#e2e8f0;border-radius:10px;margin-top:12px */
.pc-inline-313406ea{height:8px;background:#e2e8f0;border-radius:10px;margin-top:12px}


/* Moved inline style from plan-usage.html: height:100%;width:86%;background:var(--primary2);border-radius:10px */
.pc-inline-638032d6{height:100%;width:86%;background:var(--primary2);border-radius:10px}


/* Moved inline style from plan-usage.html: font-size:28px;color:var(--heading) */
.pc-inline-bc3a4f69{font-size:28px;color:var(--heading)}


/* Moved inline style from plan-usage.html: height:8px;background:#e2e8f0;border-radius:10px;margin-top:12px */
.pc-inline-313406ea{height:8px;background:#e2e8f0;border-radius:10px;margin-top:12px}


/* Moved inline style from plan-usage.html: height:100%;width:50%;background:var(--primary2);border-radius:10px */
.pc-inline-6d01ab17{height:100%;width:50%;background:var(--primary2);border-radius:10px}


/* Moved inline style from inbox.html: padding:0 */
.pc-inline-57ce1f1b{padding:0}


/* Moved inline style from inbox.html: min-height:260px;background:#f8fafc;border-radius:10px;padding:16px */
.pc-inline-27dd7053{min-height:260px;background:#f8fafc;border-radius:10px;padding:16px}


/* Moved inline style from inbox.html: background:#e6f5ed;padding:10px 12px;border-radius:10px;width:max-content;max-width:80%;margin-bottom:10px */
.pc-inline-b366663a{background:#e6f5ed;padding:10px 12px;border-radius:10px;width:max-content;max-width:80%;margin-bottom:10px}


/* Moved inline style from inbox.html: background:#fff;border:1px solid var(--border);padding:10px 12px;border-radius:10px;width:max-content;max-width:80%;margin-left:auto */
.pc-inline-dd13d67e{background:#fff;border:1px solid var(--border);padding:10px 12px;border-radius:10px;width:max-content;max-width:80%;margin-left:auto}


/* Moved inline style from inbox.html: display:flex;gap:8px;margin-top:12px */
.pc-inline-1d73260a{display:flex;gap:8px;margin-top:12px}


/* Moved inline style from inbox.html: flex:1;border:1px solid var(--border);border-radius:9px;padding:10px */
.pc-inline-25656813{flex:1;border:1px solid var(--border);border-radius:9px;padding:10px}


/* Moved inline style from user-create.html: display:none */
.pc-inline-cb458930{display:none}


/* Moved inline style from user-create.html: display:none */
.pc-inline-cb458930{display:none}


/* Moved inline style from dashboard.html: background:var(--primary-light) */
.pc-inline-1c5da36c{background:var(--primary-light)}


/* Moved inline style from dashboard.html: background:var(--primary-dark) */
.pc-inline-55bef7a7{background:var(--primary-dark)}


/* Moved inline style from send-content.html: margin-top:18px;text-align:right */
.pc-inline-2daa180c{margin-top:18px;text-align:right}


/* Moved from contact-group.html */

        .theme-search {
            position: relative;
            display: flex;
            align-items: center
        }

        .theme-search>i {
            position: absolute;
            left: 11px;
            color: #91a09b;
            font-size: 12px;
            z-index: 1
        }

        .theme-search input {
            padding-left: 32px !important;
            height: 36px;
            border: 1px solid #dfe8e4;
            border-radius: 8px;
            background: #fff;
            box-shadow: none
        }

        .theme-search input:focus {
            border-color: #12a66a;
            box-shadow: 0 0 0 3px rgba(18, 166, 106, .08);
            outline: none
        }

        .detail-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px
        }

        .detail-actions {
            display: flex;
            gap: 7px
        }

        .detail-toolbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 14px;
            gap: 10px
        }

        .pagination-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 14px;
            color: var(--muted);
            font-size: 11px
        }

        .page-controls {
            display: flex;
            gap: 5px
        }

        .page-btn {
            min-width: 30px;
            height: 30px;
            border: 1px solid #dfe8e4;
            background: #fff;
            border-radius: 7px;
            font-size: 11px;
            cursor: pointer
        }

        .page-btn.active {
            background: var(--primary);
            color: #fff;
            border-color: var(--primary)
        }

        .modal-back {
            position: fixed;
            inset: 0;
            background: rgba(10, 30, 25, .35);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 1000
        }

        .modal-back.show {
            display: flex
        }

        .modal-box {
            background: #fff;
            width: min(600px, 94vw);
            border-radius: 14px;
            padding: 22px
        }

        .method-tabs {
            display: flex;
            gap: 20px;
            border-bottom: 1px solid #e7ecea;
            margin: 15px 0
        }

        .method-tab {
            border: 0;
            background: none;
            padding: 9px 2px;
            font-size: 11px;
            font-weight: 700;
            color: #69757b;
            border-bottom: 2px solid transparent;
            cursor: pointer
        }

        .method-tab.active {
            color: var(--primary);
            border-bottom-color: var(--primary)
        }

        .upload-zone {
            border: 1px dashed #b9ded0;
            border-radius: 12px;
            padding: 28px;
            text-align: center;
            background: #fbfefd
        }

        .upload-zone i {
            font-size: 36px;
            color: var(--primary)
        }

        @media(max-width:700px) {

            .detail-head,
            .detail-toolbar {
                flex-direction: column;
                align-items: stretch
            }
        }
    


/* Moved inline style from contact-group.html: color:inherit */
.pc-inline-b5df2325{color:inherit}


/* Moved inline style from contact-group.html: max-width:300px;width:100% */
.pc-inline-85a5a0dc{max-width:300px;width:100%}


/* Moved inline style from contact-group.html: font-size:11px;color:var(--muted) */
.pc-inline-9e841a3b{font-size:11px;color:var(--muted)}


/* Moved inline style from contact-group.html: display:flex;justify-content:space-between;align-items:center */
.pc-inline-510ea680{display:flex;justify-content:space-between;align-items:center}


/* Moved inline style from contact-group.html: margin:0;font-size:17px;color:var(--heading) */
.pc-inline-1fbf229a{margin:0;font-size:17px;color:var(--heading)}


/* Moved inline style from contact-group.html: margin:4px 0 0;color:var(--muted);font-size:11px */
.pc-inline-da1e1268{margin:4px 0 0;color:var(--muted);font-size:11px}


/* Moved inline style from contact-group.html: display:none */
.pc-inline-cb458930{display:none}


/* Moved inline style from contact-group.html: margin:8px 0 3px;font-size:13px */
.pc-inline-4f9d7699{margin:8px 0 3px;font-size:13px}


/* Moved inline style from contact-group.html: margin:0 0 12px;color:var(--muted);font-size:10px */
.pc-inline-f7a4183d{margin:0 0 12px;color:var(--muted);font-size:10px}


/* Moved inline style from contact-group.html: margin-top:10px;font-size:11px;color:var(--muted) */
.pc-inline-96508434{margin-top:10px;font-size:11px;color:var(--muted)}


/* Moved inline style from contact-group.html: margin-top:12px */
.pc-inline-002535c2{margin-top:12px}


/* Moved from upload-contacts.html */

    .contact-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px
    }

    .contact-search {
      width: 270px
    }

    .theme-search {
      position: relative;
      display: flex;
      align-items: center
    }

    .theme-search>i {
      position: absolute;
      left: 11px;
      color: #91a09b;
      font-size: 12px;
      z-index: 1
    }

    .theme-search input {
      padding-left: 32px !important;
      height: 36px;
      border: 1px solid #dfe8e4;
      border-radius: 8px;
      background: #fff;
      box-shadow: none
    }

    .theme-search input:focus {
      border-color: #12a66a;
      box-shadow: 0 0 0 3px rgba(18, 166, 106, .08);
      outline: none
    }

    .pagination-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 14px;
      color: var(--muted);
      font-size: 11px
    }

    .page-controls {
      display: flex;
      gap: 5px
    }

    .page-btn {
      min-width: 30px;
      height: 30px;
      border: 1px solid #dfe8e4;
      background: #fff;
      border-radius: 7px;
      font-size: 11px;
      cursor: pointer
    }

    .page-btn.active {
      background: var(--primary);
      color: #fff;
      border-color: var(--primary)
    }

    .modal-back {
      position: fixed;
      inset: 0;
      background: rgba(10, 30, 25, .35);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 1000
    }

    .modal-back.show {
      display: flex
    }

    .modal-box {
      background: #fff;
      width: min(680px, 94vw);
      max-height: 88vh;
      overflow: auto;
      border-radius: 14px;
      padding: 22px;
      box-shadow: 0 20px 60px rgba(0, 0, 0, .2)
    }

    .method-tabs {
      display: flex;
      gap: 20px;
      border-bottom: 1px solid #e7ecea;
      margin: 15px 0
    }

    .method-tab {
      border: 0;
      background: none;
      padding: 9px 2px;
      font-size: 11px;
      font-weight: 700;
      color: #69757b;
      border-bottom: 2px solid transparent;
      cursor: pointer
    }

    .method-tab.active {
      color: var(--primary);
      border-bottom-color: var(--primary)
    }

    .upload-zone {
      border: 1px dashed #b9ded0;
      border-radius: 12px;
      padding: 28px;
      text-align: center;
      background: #fbfefd
    }

    .upload-zone i {
      font-size: 36px;
      color: var(--primary)
    }

    .contact-form {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px
    }

    .contact-form .full {
      grid-column: 1/-1
    }

    .contact-picker {
      max-height: 230px;
      overflow: auto;
      border: 1px solid #e2eae7;
      border-radius: 9px;
      padding: 7px
    }

    .contact-option {
      display: flex;
      align-items: center;
      gap: 9px;
      padding: 8px;
      border-radius: 7px;
      font-size: 11px
    }

    .contact-option:hover {
      background: #f5faf8
    }

    .contact-option input {
      accent-color: var(--primary)
    }

    .contact-option small {
      color: var(--muted)
    }

    .section-gap {
      margin-top: 18px
    }

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

      .contact-search {
        width: 100%
      }

      .contact-form {
        grid-template-columns: 1fr
      }

      .contact-form .full {
        grid-column: auto
      }
    }

    /* Contact-group picker refinement: same Admin Console language, no page-wide UI changes. */
    .group-selection-field {
      width: 100%
    }

    .group-picker-toolbar {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 7px
    }

    .group-picker-search {
      flex: 1;
      min-width: 0
    }

    .group-picker-search input {
      width: 100%;
      height: 36px
    }

    .group-picker-actions {
      display: flex;
      gap: 6px;
      flex: 0 0 auto
    }

    .group-picker-actions .btn-sm {
      height: 34px;
      padding: 0 9px
    }

    .group-selection-summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-top: 9px;
      padding: 9px 11px;
      border: 1px solid #e4ece9;
      border-radius: 8px;
      background: #f7fbf9;
      color: var(--muted);
      font-size: 10.5px
    }

    .group-selection-summary span {
      display: inline-flex;
      align-items: center;
      gap: 5px
    }

    .group-selection-summary i {
      color: var(--primary)
    }

    .selected-contact-count {
      color: var(--primary) !important
    }

    .selected-contact-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin: 8px 0 6px
    }

    .selected-contact-chip {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      max-width: 210px;
      padding: 5px 8px;
      border: 1px solid #cfe7de;
      border-radius: 15px;
      background: #edf9f4;
      color: #126b53;
      font-size: 9.5px
    }

    .selected-contact-chip span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .selected-contact-chip button {
      width: 17px;
      height: 17px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: transparent;
      color: #4f766b;
      cursor: pointer
    }

    .selected-contact-chip button:hover {
      background: #d8eee6;
      color: #b42318
    }

    .contact-picker {
      max-height: 270px;
      overflow: auto;
      border: 1px solid #dfe8e4;
      border-radius: 9px;
      padding: 5px;
      background: #fff
    }

    .contact-option {
      display: flex;
      align-items: center;
      gap: 9px;
      padding: 9px 10px;
      border-radius: 7px;
      font-size: 11px;
      border: 1px solid transparent;
      cursor: pointer
    }

    .contact-option:hover {
      background: #f5faf8;
      border-color: #e4eee9
    }

    .contact-option:has(input:checked) {
      background: #edf9f4;
      border-color: #cde8dc
    }

    .contact-option input {
      width: 15px;
      height: 15px;
      accent-color: var(--primary);
      flex: 0 0 auto
    }

    .contact-option-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      width: 100%;
      min-width: 0
    }

    .contact-option-name {
      font-weight: 700;
      color: var(--heading);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .contact-option-number {
      color: var(--muted);
      font-size: 10px;
      white-space: nowrap
    }

    .contact-empty {
      padding: 22px;
      text-align: center;
      color: var(--muted);
      font-size: 10.5px
    }


    /* Tabular contact selection: checkbox first, then name and number. */
    .group-contact-table {
      width: 100%;
      border: 1px solid #dfe8e4;
      border-radius: 9px;
      overflow: hidden;
      background: #fff
    }

    .group-contact-table-head {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr) 170px;
      align-items: center;
      min-height: 39px;
      background: #f5f9f7;
      border-bottom: 1px solid #dfe8e4;
      color: #61716c;
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .02em
    }

    .group-contact-table-head > div {
      padding: 9px 10px
    }

    .group-contact-check-head {
      text-align: center
    }

    .group-contact-check-head input {
      width: 15px;
      height: 15px;
      margin: 0;
      accent-color: var(--primary);
      cursor: pointer
    }

    .group-contact-table-body {
      max-height: 270px;
      overflow-y: auto;
      border: 0;
      border-radius: 0;
      padding: 4px
    }

    .group-contact-table-body .contact-option {
      display: grid;
      grid-template-columns: 39px minmax(0, 1fr) 170px;
      align-items: center;
      gap: 0;
      min-height: 43px;
      margin: 0;
      padding: 8px 6px;
      border: 1px solid transparent;
      border-radius: 7px;
      cursor: pointer
    }

    .group-contact-table-body .contact-option:hover {
      background: #f5faf8;
      border-color: #e4eee9
    }

    .group-contact-table-body .contact-option:has(input:checked) {
      background: #edf9f4;
      border-color: #cde8dc
    }

    .group-contact-table-body .contact-option input {
      width: 15px;
      height: 15px;
      margin: 0 auto;
      accent-color: var(--primary);
      cursor: pointer
    }

    .group-contact-table-body .contact-option-content {
      display: contents
    }

    .group-contact-table-body .contact-option-name {
      min-width: 0;
      padding: 0 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: var(--heading);
      font-size: 11px;
      font-weight: 700
    }

    .group-contact-table-body .contact-option-number {
      min-width: 0;
      padding: 0 10px;
      color: var(--muted);
      font-size: 10px;
      white-space: nowrap
    }

    .group-contact-table-body .contact-empty {
      padding: 22px 12px;
      text-align: center;
      color: var(--muted);
      font-size: 10.5px
    }

    @media(max-width:700px) {
      .group-contact-table-head {
        grid-template-columns: 42px minmax(0, 1fr) 125px
      }

      .group-contact-table-body .contact-option {
        grid-template-columns: 34px minmax(0, 1fr) 125px
      }

      .group-contact-table-head > div {
        padding: 8px 7px
      }

      .group-contact-table-body .contact-option-name,
      .group-contact-table-body .contact-option-number {
        padding: 0 7px
      }
    }

    @media(max-width:700px) {
      .group-picker-toolbar {
        align-items: stretch;
        flex-direction: column
      }

      .group-picker-actions {
        justify-content: flex-end
      }

      .group-selection-summary {
        align-items: flex-start;
        flex-direction: column
      }
    }
  


/* Moved inline style from upload-contacts.html: display:flex;gap:8px;flex-wrap:wrap */
.pc-inline-e0e9ec07{display:flex;gap:8px;flex-wrap:wrap}


/* Moved inline style from upload-contacts.html: font-size:11px;color:var(--muted) */
.pc-inline-9e841a3b{font-size:11px;color:var(--muted)}


/* Moved inline style from upload-contacts.html: font-size:11px;color:var(--muted) */
.pc-inline-9e841a3b{font-size:11px;color:var(--muted)}


/* Moved inline style from upload-contacts.html: display:flex;justify-content:space-between;align-items:center */
.pc-inline-510ea680{display:flex;justify-content:space-between;align-items:center}


/* Moved inline style from upload-contacts.html: margin:0;color:var(--heading);font-size:17px */
.pc-inline-371230d3{margin:0;color:var(--heading);font-size:17px}


/* Moved inline style from upload-contacts.html: margin:4px 0 0;color:var(--muted);font-size:11px */
.pc-inline-da1e1268{margin:4px 0 0;color:var(--muted);font-size:11px}


/* Moved inline style from upload-contacts.html: margin-top:16px */
.pc-inline-b0043ef4{margin-top:16px}


/* Moved inline style from upload-contacts.html: display:flex;justify-content:flex-end;margin-top:18px */
.pc-inline-e6270fdf{display:flex;justify-content:flex-end;margin-top:18px}


/* Moved inline style from upload-contacts.html: display:none */
.pc-inline-cb458930{display:none}


/* Moved inline style from upload-contacts.html: margin:8px 0 3px;font-size:13px */
.pc-inline-4f9d7699{margin:8px 0 3px;font-size:13px}


/* Moved inline style from upload-contacts.html: margin:0 0 12px;color:var(--muted);font-size:10px */
.pc-inline-f7a4183d{margin:0 0 12px;color:var(--muted);font-size:10px}


/* Moved inline style from upload-contacts.html: margin-top:10px;font-size:11px;color:var(--muted) */
.pc-inline-96508434{margin-top:10px;font-size:11px;color:var(--muted)}


/* Moved inline style from upload-contacts.html: display:flex;justify-content:flex-end;margin-top:12px */
.pc-inline-7cf42b2a{display:flex;justify-content:flex-end;margin-top:12px}


/* Moved inline style from upload-contacts.html: display:flex;justify-content:space-between;align-items:center */
.pc-inline-510ea680{display:flex;justify-content:space-between;align-items:center}


/* Moved inline style from upload-contacts.html: margin:0;color:var(--heading);font-size:17px */
.pc-inline-371230d3{margin:0;color:var(--heading);font-size:17px}


/* Moved inline style from upload-contacts.html: margin:4px 0 0;color:var(--muted);font-size:11px */
.pc-inline-da1e1268{margin:4px 0 0;color:var(--muted);font-size:11px}


/* Moved inline style from upload-contacts.html: margin-top:16px */
.pc-inline-b0043ef4{margin-top:16px}


/* Moved inline style from upload-contacts.html: margin-top:12px */
.pc-inline-002535c2{margin-top:12px}


/* Moved inline style from upload-contacts.html: color:#008f67 */
.pc-inline-d7e9e23e{color:#008f67}


/* Moved inline style from upload-contacts.html: display:block;margin-top:7px;color:var(--muted) */
.pc-inline-cac855e6{display:block;margin-top:7px;color:var(--muted)}


/* Moved inline style from upload-contacts.html: display:flex;justify-content:flex-end;gap:8px;margin-top:18px */
.pc-inline-0178a8a2{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}


/* Moved from campaign-list.html */

        .campaign-tabs {
            display: flex;
            gap: 24px;
            border-bottom: 1px solid #e6ece9;
            margin-bottom: 18px;
            overflow: auto
        }

        .campaign-tab {
            border: 0;
            background: none;
            padding: 11px 2px;
            color: #68757d;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            white-space: nowrap;
            border-bottom: 2px solid transparent
        }

        .campaign-tab.active {
            color: var(--primary);
            border-bottom-color: var(--primary)
        }

        .campaign-toolbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px
        }

        .campaign-search {
            display: flex;
            gap: 8px;
            align-items: center
        }

        .campaign-search input {
            width: 250px
        }

        .pagination-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 14px;
            color: var(--muted);
            font-size: 11px
        }

        .page-controls {
            display: flex;
            gap: 5px
        }

        .page-btn {
            min-width: 30px;
            height: 30px;
            border: 1px solid #dfe8e4;
            background: #fff;
            border-radius: 7px;
            font-size: 11px;
            cursor: pointer
        }

        .page-btn.active {
            background: var(--primary);
            color: #fff;
            border-color: var(--primary)
        }

        .modal-back {
            position: fixed !important;
            inset: 0 !important;
            width: 100vw !important;
            height: 100vh !important;
            display: none !important;
            align-items: center !important;
            justify-content: center !important;
            background: rgba(15, 35, 31, .42) !important;
            padding: 20px !important;
            box-sizing: border-box !important;
            z-index: 99999 !important
        }

        .modal-back.show {
            display: flex !important
        }

        .modal-box {
            position: relative !important;
            box-sizing: border-box !important
        }

        .campaign-detail-modal {
            width: min(760px, 94vw) !important;
            max-width: 760px !important;
            max-height: 86vh !important;
            overflow: auto !important;
            margin: 0 auto !important;
            background: #fff !important;
            border-radius: 14px !important;
            padding: 20px !important;
            box-shadow: 0 20px 60px rgba(0, 0, 0, .18) !important
        }

        .campaign-detail-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px
        }

        .campaign-detail-item {
            border: 1px solid #e7ecea;
            border-radius: 10px;
            padding: 11px;
            background: #fbfdfc
        }

        .campaign-detail-item span {
            display: block;
            font-size: 10px;
            color: var(--muted);
            margin-bottom: 4px
        }

        .campaign-detail-item b {
            font-size: 12px;
            color: var(--heading);
            word-break: break-word
        }

        @media(max-width:700px) {
            .campaign-detail-grid {
                grid-template-columns: 1fr
            }
        }

        .theme-search {
            position: relative;
            display: flex;
            align-items: center
        }

        .theme-search>i {
            position: absolute;
            left: 11px;
            color: #91a09b;
            font-size: 12px;
            z-index: 1
        }

        .theme-search input {
            padding-left: 32px !important;
            height: 36px;
            border: 1px solid #dfe8e4;
            border-radius: 8px;
            background: #fff;
            box-shadow: none
        }

        .theme-search input:focus {
            border-color: #12a66a;
            box-shadow: 0 0 0 3px rgba(18, 166, 106, .08);
            outline: none
        }
    


/* Moved inline style from campaign-list.html: font-size:11px;color:var(--muted) */
.pc-inline-9e841a3b{font-size:11px;color:var(--muted)}


/* Moved inline style from campaign-list.html: display:flex;justify-content:space-between;align-items:center;gap:12px */
.pc-inline-f390bf9a{display:flex;justify-content:space-between;align-items:center;gap:12px}


/* Moved inline style from campaign-list.html: margin:0;color:var(--heading);font-size:18px */
.pc-inline-17d369c9{margin:0;color:var(--heading);font-size:18px}


/* Moved inline style from campaign-list.html: margin:4px 0 0;color:var(--muted);font-size:11px */
.pc-inline-da1e1268{margin:4px 0 0;color:var(--muted);font-size:11px}


/* Moved inline style from campaign-list.html: margin-top:16px */
.pc-inline-b0043ef4{margin-top:16px}


/* Moved inline style from user-hierarchy.html: margin-top:14px;padding-left:14px;border-left:2px solid #dceee6 */
.pc-inline-2175d690{margin-top:14px;padding-left:14px;border-left:2px solid #dceee6}


/* Moved inline style from user-hierarchy.html: margin-top:14px */
.pc-inline-553a645f{margin-top:14px}


/* Moved inline style from user-hierarchy.html: margin-top:14px */
.pc-inline-553a645f{margin-top:14px}


/* Moved inline style from brand-create.html: margin-top:17px */
.pc-inline-f6745a61{margin-top:17px}


/* Moved inline style from brand-create.html: background:#f5f8f7;cursor:not-allowed; */
.pc-inline-6b43d87f{background:#f5f8f7;cursor:not-allowed;}


/* Moved inline style from brand-create.html: margin-top:17px */
.pc-inline-f6745a61{margin-top:17px}


/* Moved inline style from report-dashboard.html: background:var(--primary-light) */
.pc-inline-1c5da36c{background:var(--primary-light)}


/* Moved inline style from report-dashboard.html: background:var(--primary-dark) */
.pc-inline-55bef7a7{background:var(--primary-dark)}


/* Moved inline style from report-dashboard.html: margin-top:4px */
.pc-inline-a18ac805{margin-top:4px}


/* Moved inline style from meta-approval.html: margin-top:18px */
.pc-inline-4a909ea7{margin-top:18px}


/* Moved inline style from content-library.html: display:flex;gap:8px;align-items:center */
.pc-inline-faaa794c{display:flex;gap:8px;align-items:center}


/* Moved inline style from workflow-builder.html: display:flex;gap:8px */
.pc-inline-9c68691e{display:flex;gap:8px}


/* Moved inline style from workflow-builder.html: font-size:11px;color:var(--muted);margin:6px 0 0 */
.pc-inline-0901c5f9{font-size:11px;color:var(--muted);margin:6px 0 0}


/* Moved inline style from workflow-builder.html: margin-top:20px */
.pc-inline-3ae1f62a{margin-top:20px}


/* Moved inline style from workflow-builder.html: margin-top:18px */
.pc-inline-4a909ea7{margin-top:18px}


/* Moved inline style from workflow-builder.html: position:sticky;top:96px */
.pc-inline-4a73c68e{position:sticky;top:96px}


/* Moved inline style from workflow-builder.html: opacity:.75;font-size:10px */
.pc-inline-d18be5ff{opacity:.75;font-size:10px}


/* Moved inline style from support.html: margin-top:18px */
.pc-inline-4a909ea7{margin-top:18px}


/* Moved inline style from approval-workflow.html: margin-top:18px */
.pc-inline-4a909ea7{margin-top:18px}


/* Moved inline style from login.html: margin-bottom: 16px; */
.pc-inline-d3277930{margin-bottom: 16px;}


/* Moved inline style from login.html: margin-bottom: 16px; */
.pc-inline-d3277930{margin-bottom: 16px;}


/* Moved inline style from login.html: display:flex; justify-content:space-between; align-items:center; margin: 12px 0 24px; font-size: 12.5px; */
.pc-inline-e86e946c{display:flex; justify-content:space-between; align-items:center; margin: 12px 0 24px; font-size: 12.5px;}


/* Moved inline style from login.html: display:flex; align-items:center; gap:6px; cursor:pointer; color: var(--text-2); */
.pc-inline-4f516c47{display:flex; align-items:center; gap:6px; cursor:pointer; color: var(--text-2);}


/* Moved inline style from login.html: accent-color: var(--primary); */
.pc-inline-4337824a{accent-color: var(--primary);}


/* Moved inline style from login.html: color: var(--primary); font-weight: 600; */
.pc-inline-dc23820b{color: var(--primary); font-weight: 600;}


/* Moved inline style from login.html: width:100%; justify-content:center; padding:12px; */
.pc-inline-bf7440c1{width:100%; justify-content:center; padding:12px;}


/* Moved inline style from third-party-system.html: display:flex;gap:8px;align-items:center */
.pc-inline-faaa794c{display:flex;gap:8px;align-items:center}


/* Moved inline style from user-edit.html: display:none */
.pc-inline-cb458930{display:none}


/* Moved inline style from user-edit.html: display:none */
.pc-inline-cb458930{display:none}


/* Moved inline style from system-integration.html: margin-top:14px */
.pc-inline-553a645f{margin-top:14px}


/* Moved inline style from system-integration.html: margin-top:14px */
.pc-inline-553a645f{margin-top:14px}


/* Moved inline style from system-integration.html: margin-top:14px */
.pc-inline-553a645f{margin-top:14px}


/* Moved from create-campaign.html */

.content-type-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.content-type-btn{border:1px solid #dce7e2;background:#fff;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:700;color:#66737a;cursor:pointer}.content-type-btn.selected{border-color:var(--primary);color:var(--primary);background:#f1fbf7}.upload-box{border:1px dashed #b9ded0;border-radius:12px;padding:18px;background:#fbfefd;display:flex;align-items:center;gap:15px}.upload-box input{max-width:100%;font-size:11px}.upload-help{display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:11px}.upload-help i{font-size:24px;color:var(--primary)}.upload-help small{font-size:10px}.preview-body img,.preview-body video{max-width:100%;max-height:300px;border-radius:10px;display:block;margin:10px auto}.preview-body iframe{width:100%;height:300px;border:0;border-radius:10px}.preview-file{margin-top:10px;padding:9px;background:#f5f8f7;border-radius:8px;font-size:11px}.preview-message{white-space:pre-wrap;line-height:1.6;font-size:12px}.preview-empty{color:var(--muted);font-size:11px;text-align:center;padding:40px 15px}


/* Moved from create-campaign.html */

/* Submission confirmation is a modal only; it must never appear inside the wizard before Submit is clicked. */
#submitConfirmModal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;background:rgba(15,23,42,.45);padding:20px;}
#submitConfirmModal.show{display:flex;}
#submitConfirmModal .modal-box{width:100%;max-width:520px;}



/* Moved inline style from create-campaign.html: color:var(--muted);display:block;margin-top:6px */
.pc-inline-77ee869c{color:var(--muted);display:block;margin-top:6px}


/* Moved inline style from create-campaign.html: display:none;margin-top:8px;padding:10px 12px;border-radius:8px;background:#f1fbf7;color:var(--primary);font-size:11px;font-weight:700 */
.pc-inline-9cd0bf0d{display:none;margin-top:8px;padding:10px 12px;border-radius:8px;background:#f1fbf7;color:var(--primary);font-size:11px;font-weight:700}


/* Moved inline style from create-campaign.html: margin-top:18px;box-shadow:none;border-style:dashed */
.pc-inline-2593852e{margin-top:18px;box-shadow:none;border-style:dashed}


/* Moved inline style from create-campaign.html: display:flex;justify-content:space-between;align-items:center */
.pc-inline-510ea680{display:flex;justify-content:space-between;align-items:center}


/* Moved inline style from create-campaign.html: color:var(--heading);font-size:12px */
.pc-inline-89659496{color:var(--heading);font-size:12px}


/* Moved inline style from create-campaign.html: margin:2px 0 0;font-size:11px;color:var(--muted) */
.pc-inline-df118e25{margin:2px 0 0;font-size:11px;color:var(--muted)}


/* Moved inline style from create-campaign.html: font-size:15px;font-weight:700;color:var(--primary) */
.pc-inline-15cbf7b0{font-size:15px;font-weight:700;color:var(--primary)}


/* Moved inline style from create-campaign.html: display:block;color:#374151;font-weight:600;font-size:12px;margin-bottom:9px */
.pc-inline-de4a3170{display:block;color:#374151;font-weight:600;font-size:12px;margin-bottom:9px}


/* Moved inline style from create-campaign.html: display:none */
.pc-inline-cb458930{display:none}


/* Moved inline style from create-campaign.html: display:none;color:#dc3545;font-size:11px;margin-top:6px */
.pc-inline-1e6ba6f1{display:none;color:#dc3545;font-size:11px;margin-top:6px}


/* Moved inline style from create-campaign.html: display:block;font-size:12px;color:var(--heading) */
.pc-inline-a87fbefc{display:block;font-size:12px;color:var(--heading)}


/* Moved inline style from create-campaign.html: font-size:11px;color:var(--muted) */
.pc-inline-9e841a3b{font-size:11px;color:var(--muted)}


/* Moved inline style from create-campaign.html: visibility:hidden */
.pc-inline-bc02ea3e{visibility:hidden}


/* Moved inline style from create-campaign.html: display:none */
.pc-inline-cb458930{display:none}


/* Moved inline style from create-campaign.html: max-width:520px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.2) */
.pc-inline-72e99622{max-width:520px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.2)}


/* Moved inline style from create-campaign.html: display:flex;gap:12px;align-items:flex-start */
.pc-inline-e940eaa6{display:flex;gap:12px;align-items:flex-start}


/* Moved inline style from create-campaign.html: width:42px;height:42px;border-radius:10px;background:#eaf8f1;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px */
.pc-inline-0cfc1e69{width:42px;height:42px;border-radius:10px;background:#eaf8f1;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px}


/* Moved inline style from create-campaign.html: margin:0;color:var(--heading);font-size:17px */
.pc-inline-371230d3{margin:0;color:var(--heading);font-size:17px}


/* Moved inline style from create-campaign.html: margin:5px 0 0;color:var(--muted);font-size:11px */
.pc-inline-6df68c5c{margin:5px 0 0;color:var(--muted);font-size:11px}


/* Moved inline style from create-campaign.html: margin-top:15px;padding:12px;background:#f7faf9;border-radius:9px;font-size:11px;line-height:1.7 */
.pc-inline-36b12a74{margin-top:15px;padding:12px;background:#f7faf9;border-radius:9px;font-size:11px;line-height:1.7}


/* Moved inline style from create-campaign.html: display:flex;justify-content:flex-end;gap:8px;margin-top:18px */
.pc-inline-0178a8a2{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}


/* Moved inline style from bulk-message.html: margin-top:18px;text-align:right */
.pc-inline-2daa180c{margin-top:18px;text-align:right}


/* Moved inline style from doctor-list.html: display:flex;gap:8px;align-items:center */
.pc-inline-faaa794c{display:flex;gap:8px;align-items:center}


/* Moved inline style from approval.html: display:flex;gap:8px;align-items:center */
.pc-inline-faaa794c{display:flex;gap:8px;align-items:center}


/* Moved inline style from content-preview.html: margin-top:14px */
.pc-inline-553a645f{margin-top:14px}


/* Moved inline style from content-preview.html: margin-top:14px */
.pc-inline-553a645f{margin-top:14px}


/* Moved inline style from doctor-profile.html: display:flex;gap:15px;align-items:center */
.pc-inline-553a321b{display:flex;gap:15px;align-items:center}


/* Moved inline style from doctor-profile.html: width:70px;height:70px;font-size:20px */
.pc-inline-7af70191{width:70px;height:70px;font-size:20px}


/* Moved inline style from doctor-profile.html: margin:0;color:var(--heading);font-size:20px */
.pc-inline-6376dd69{margin:0;color:var(--heading);font-size:20px}


/* Moved inline style from doctor-profile.html: margin:5px 0;color:var(--muted) */
.pc-inline-33bc1a0f{margin:5px 0;color:var(--muted)}


/* Moved inline style from doctor-profile.html: border:0;border-top:1px solid var(--border);margin:20px 0 */
.pc-inline-cca85cef{border:0;border-top:1px solid var(--border);margin:20px 0}


/* Moved inline style from report-details.html: margin-bottom:22px */
.pc-inline-9fc544e4{margin-bottom:22px}


/* Moved inline style from report-details.html: background:var(--primary-light) */
.pc-inline-1c5da36c{background:var(--primary-light)}


/* Moved inline style from report-details.html: background:var(--primary-dark) */
.pc-inline-55bef7a7{background:var(--primary-dark)}


/* Moved inline style from report-details.html: display:flex;gap:8px;align-items:center */
.pc-inline-faaa794c{display:flex;gap:8px;align-items:center}

/* Campaign detail modal */
.campaign-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border,#e5ece9)}
.campaign-detail-title{display:flex;align-items:center;gap:10px}
.campaign-detail-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary,#008f67),#16b886);color:#fff;box-shadow:0 7px 16px rgba(0,143,103,.18)}
.campaign-detail-section{margin-top:16px}
.campaign-detail-section h3{margin:0 0 9px;font-size:12px;color:var(--heading,#10231f)}
.campaign-detail-content{padding:12px;border:1px solid #e7eeeb;border-radius:10px;background:#f8fbfa;font-size:12px;line-height:1.55;color:#41514d}
.campaign-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.campaign-stat{padding:10px;border:1px solid #e7eeeb;border-radius:10px;background:#fff}
.campaign-stat span{display:block;font-size:9px;color:var(--muted,#71807c);margin-bottom:4px}.campaign-stat b{font-size:14px;color:var(--heading,#10231f)}
@media(max-width:700px){.campaign-detail-stats{grid-template-columns:repeat(2,1fr)}}

/* Icon-only table/action controls */
.btn-sm .bi{font-size:14px;line-height:1}.btn-icon-only{width:32px;height:32px;padding:0;display:inline-grid;place-items:center}.btn-icon-only .bi{font-size:14px}

.campaign-empty{text-align:center;padding:35px;color:var(--muted)}