.aips-wp-board,
.aips-wp-modal {
    --wp-orange: #f26a21;
    --wp-orange-deep: #d95313;
    --wp-orange-soft: #fff5ed;
    --wp-ink: #20304a;
    --wp-muted: #68758a;
    --wp-line: #e7ebf1;
    --wp-panel: #ffffff;
    --wp-bg: #f7f8fb;
    color: var(--wp-ink);
    font-family: inherit;
}
.aips-wp-board [hidden],
.aips-wp-modal[hidden] { display: none !important; }
.aips-wp-board { margin-top: 16px; }
.aips-wp-board * { box-sizing: border-box; }

.aips-wp-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 28px 30px;
    border: 1px solid #f2ddcd;
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 15%, rgba(242,106,33,.14), transparent 33%),
        linear-gradient(135deg, #fff 0%, #fffaf6 58%, #fff4ea 100%);
    box-shadow: 0 8px 30px rgba(84, 65, 50, .06);
}
.aips-wp-hero::after {
    content: '';
    position: absolute;
    right: 130px;
    bottom: -55px;
    width: 150px;
    height: 150px;
    border: 25px solid rgba(242,106,33,.06);
    border-radius: 50%;
    pointer-events: none;
}
.aips-wp-eyebrow,
.aips-wp-section-kicker {
    color: var(--wp-orange-deep);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}
.aips-wp-hero h2 { margin: 5px 0 6px; color: var(--wp-ink); font-size: 25px; line-height: 1.25; }
.aips-wp-hero p { margin: 0; max-width: 650px; color: var(--wp-muted); font-size: 13.5px; line-height: 1.7; }

.aips-wp-primary,
.aips-wp-secondary {
    appearance: none;
    border-radius: 10px;
    padding: 10px 17px;
    border: 1px solid transparent;
    font: 700 13.5px/1.25 inherit;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.aips-wp-primary { color: #fff; background: linear-gradient(135deg, #f47a31, #e85b12); box-shadow: 0 7px 18px rgba(232,91,18,.22); }
.aips-wp-primary:hover { transform: translateY(-1px); box-shadow: 0 9px 22px rgba(232,91,18,.28); }
.aips-wp-primary:disabled { opacity: .58; cursor: wait; transform: none; }
.aips-wp-secondary { color: #56647a; background: #fff; border-color: #dfe4eb; }
.aips-wp-secondary:hover { background: #f7f8fa; }

.aips-wp-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 15px 0;
}
.aips-wp-metric {
    position: relative;
    min-height: 112px;
    padding: 17px 18px;
    overflow: hidden;
    border: 1px solid var(--wp-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(41,55,77,.035);
}
.aips-wp-metric::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: #7aa6d8; }
.aips-wp-metric.is-rate::before { background: var(--wp-orange); }
.aips-wp-metric.is-warning::before { background: #e8a226; }
.aips-wp-metric.is-danger::before { background: #dc6a64; }
.aips-wp-metric.is-team::before { background: #6e83c6; }
.aips-wp-metric > span { display: block; color: #6b778a; font-size: 12px; font-weight: 650; }
.aips-wp-metric > strong { display: block; margin-top: 6px; color: var(--wp-ink); font-size: 27px; line-height: 1.1; }
.aips-wp-metric > small { display: block; margin-top: 8px; color: #9aa4b3; font-size: 10.8px; line-height: 1.35; }

.aips-wp-focus,
.aips-wp-workload {
    margin: 15px 0;
    padding: 19px 20px;
    border: 1px solid var(--wp-line);
    border-radius: 15px;
    background: #fff;
}
.aips-wp-focus { border-color: #f1d8c4; background: linear-gradient(180deg, #fffdfa, #fff); }
.aips-wp-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; margin-bottom: 13px; }
.aips-wp-section-head h3 { margin: 3px 0 0; color: var(--wp-ink); font-size: 15px; }
.aips-wp-section-head > small { color: #8a96a7; font-size: 11.5px; }
.aips-wp-focus-count { padding: 4px 10px; color: #b74e16; border-radius: 999px; background: #fff1e7; font-size: 11px; font-weight: 800; }
.aips-wp-focus-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.aips-wp-focus-item { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 10px 12px; border: 1px solid #f0dfd2; border-radius: 11px; background: #fff; }
.aips-wp-focus-no { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; color: #fff; border-radius: 9px; background: var(--wp-orange); font-size: 12px; font-weight: 800; }
.aips-wp-focus-item strong { display: block; overflow: hidden; color: #334155; font-size: 12.8px; text-overflow: ellipsis; white-space: nowrap; }
.aips-wp-focus-item small { display: block; margin-top: 3px; color: #9aa4b3; font-size: 10.8px; }

.aips-wp-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 17px 0 13px;
    padding: 8px;
    border: 1px solid var(--wp-line);
    border-radius: 13px;
    background: #fff;
}
.aips-wp-tabs { display: flex; align-items: center; gap: 3px; overflow-x: auto; }
.aips-wp-tabs button,
.aips-wp-view-toggle button {
    appearance: none;
    border: 0;
    cursor: pointer;
    font-family: inherit;
}
.aips-wp-tabs button { flex: 0 0 auto; padding: 8px 13px; color: #68758a; border-radius: 8px; background: transparent; font-size: 12.5px; font-weight: 650; }
.aips-wp-tabs button:hover { color: #3b4960; background: #f7f8fa; }
.aips-wp-tabs button.is-active { color: #c95316; background: #fff1e8; font-weight: 800; }
.aips-wp-tools { display: flex; align-items: center; gap: 8px; }
.aips-wp-search { display: flex; align-items: center; gap: 6px; min-width: 240px; padding: 6px 10px; border: 1px solid #e2e6ec; border-radius: 9px; background: #fafbfc; }
.aips-wp-search span { color: #9aa4b3; font-size: 17px; }
.aips-wp-search input { width: 100%; padding: 0 !important; color: #3c4a60 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; font: 12.5px/1.5 inherit !important; }
.aips-wp-view-toggle { display: flex; padding: 3px; border-radius: 8px; background: #f2f4f7; }
.aips-wp-view-toggle button { width: 29px; height: 27px; padding: 0; color: #8a96a7; border-radius: 6px; background: transparent; }
.aips-wp-view-toggle button.is-active { color: #d45a19; background: #fff; box-shadow: 0 1px 4px rgba(30,41,59,.1); }

.aips-wp-workload-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.aips-wp-load-card { padding: 12px 13px; border: 1px solid #e7eaf0; border-radius: 11px; background: #fafbfc; }
.aips-wp-load-card-head { display: flex; justify-content: space-between; gap: 8px; color: #344258; font-size: 12px; font-weight: 750; }
.aips-wp-load-card-head span:last-child { color: #7e8a9c; font-size: 11px; font-weight: 650; }
.aips-wp-load-bar { height: 5px; margin: 9px 0 7px; overflow: hidden; border-radius: 99px; background: #e8ebf0; }
.aips-wp-load-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #f48a4c, #f0641b); }
.aips-wp-load-meta { display: flex; flex-wrap: wrap; gap: 7px; color: #8b96a6; font-size: 10.5px; }
.aips-wp-load-meta .has-alert { color: #c05645; font-weight: 700; }

.aips-wp-state { display: grid; min-height: 260px; place-items: center; border: 1px dashed #dfe4eb; border-radius: 15px; background: #fafbfc; }
.aips-wp-loading { text-align: center; color: #8a96a7; font-size: 12.5px; }
.aips-wp-loading span { display: inline-block; width: 26px; height: 26px; border: 3px solid #f4d8c7; border-top-color: var(--wp-orange); border-radius: 50%; animation: aips-wp-spin .8s linear infinite; }
.aips-wp-loading p { margin: 9px 0 0; }
@keyframes aips-wp-spin { to { transform: rotate(360deg); } }
.aips-wp-empty { max-width: 420px; padding: 35px; text-align: center; }
.aips-wp-empty i { display: grid; width: 54px; height: 54px; margin: 0 auto 12px; place-items: center; border-radius: 16px; background: #fff0e5; font-size: 25px; font-style: normal; }
.aips-wp-empty h3 { margin: 0 0 6px; color: #35445a; font-size: 15px; }
.aips-wp-empty p { margin: 0 0 15px; color: #8a96a7; font-size: 12px; line-height: 1.65; }

.aips-wp-list { display: flex; flex-direction: column; gap: 9px; }
.aips-wp-item {
    position: relative;
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: stretch;
    padding: 15px 16px 14px 12px;
    border: 1px solid var(--wp-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(41,55,77,.035);
    transition: border-color .15s, transform .15s, box-shadow .15s;
}
.aips-wp-item:hover { transform: translateY(-1px); border-color: #ead3c2; box-shadow: 0 7px 22px rgba(64,54,47,.07); }
.aips-wp-item.is-overdue { border-color: #efcbc8; }
.aips-wp-item-priority { width: 7px; border-radius: 99px; background: #97a5b8; }
.aips-wp-item[data-priority="urgent"] .aips-wp-item-priority { background: #d85f58; }
.aips-wp-item[data-priority="high"] .aips-wp-item-priority { background: #e99a31; }
.aips-wp-item[data-priority="normal"] .aips-wp-item-priority { background: #6f9fd0; }
.aips-wp-item[data-priority="low"] .aips-wp-item-priority { background: #8ab89a; }
.aips-wp-item-main { min-width: 0; }
.aips-wp-item-top { display: flex; align-items: center; gap: 7px; min-width: 0; }
.aips-wp-item-title { overflow: hidden; margin: 0; color: #2f3d53; font-size: 14px; font-weight: 760; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.aips-wp-chip { display: inline-flex; flex: 0 0 auto; align-items: center; padding: 2px 7px; border-radius: 999px; background: #f1f4f7; color: #68758a; font-size: 9.8px; font-weight: 750; }
.aips-wp-chip.is-team { color: #5d5daa; background: #eeeeff; }
.aips-wp-chip.is-overdue { color: #b44a44; background: #fff0ef; }
.aips-wp-chip.is-review { color: #936a18; background: #fff8df; }
.aips-wp-item-desc { display: -webkit-box; overflow: hidden; margin: 5px 0 0; color: #7b8798; font-size: 11.8px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.aips-wp-item-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 13px; margin-top: 9px; color: #8d98a8; font-size: 10.8px; }
.aips-wp-item-meta a { color: #d25b19; text-decoration: none; font-weight: 700; }
.aips-wp-progress { display: flex; align-items: center; gap: 7px; margin-top: 9px; }
.aips-wp-progress-track { flex: 1; max-width: 240px; height: 5px; overflow: hidden; border-radius: 99px; background: #edf0f4; }
.aips-wp-progress-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6e98c4, #f07a37); }
.aips-wp-progress span { color: #8390a2; font-size: 10px; font-weight: 700; }
.aips-wp-item-side { display: flex; align-items: flex-end; flex-direction: column; justify-content: space-between; gap: 10px; }
.aips-wp-status { padding: 4px 9px; border-radius: 999px; color: #617084; background: #eef1f5; font-size: 10.5px; font-weight: 800; white-space: nowrap; }
.aips-wp-status[data-status="doing"] { color: #326c9e; background: #e8f3fc; }
.aips-wp-status[data-status="blocked"] { color: #b24843; background: #fff0ef; }
.aips-wp-status[data-status="review"] { color: #956b15; background: #fff7dc; }
.aips-wp-status[data-status="done"] { color: #397853; background: #eaf7ef; }
.aips-wp-status[data-status="cancelled"] { color: #7b8490; background: #f0f1f3; }
.aips-wp-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; flex-wrap: wrap; max-width: 300px; }
.aips-wp-action { appearance: none; padding: 5px 8px; border: 1px solid #e0e5eb; border-radius: 7px; color: #657287; background: #fff; cursor: pointer; font: 650 10.5px/1.2 inherit; }
.aips-wp-action:hover { color: #c85215; border-color: #edc3a7; background: #fff8f3; }
.aips-wp-action.is-primary { color: #fff; border-color: #ed6b24; background: #ed6b24; }
.aips-wp-action.is-focus { color: #b9541d; border-color: #f0d2be; background: #fff5ee; }
.aips-wp-action.is-danger:hover { color: #b1433e; border-color: #ebc4c1; background: #fff4f3; }

.aips-wp-board-view { display: grid; grid-template-columns: repeat(4, minmax(210px, 1fr)); gap: 11px; overflow-x: auto; align-items: start; padding-bottom: 5px; }
.aips-wp-column { min-width: 210px; padding: 10px; border: 1px solid #e7ebf0; border-radius: 13px; background: #f7f8fa; }
.aips-wp-column-head { display: flex; justify-content: space-between; padding: 3px 3px 10px; color: #4d5a6e; font-size: 11.5px; font-weight: 800; }
.aips-wp-column-head span:last-child { display: grid; min-width: 21px; height: 21px; place-items: center; border-radius: 8px; color: #7c8798; background: #e8ebef; font-size: 10px; }
.aips-wp-column-list { display: flex; flex-direction: column; gap: 8px; }
.aips-wp-column .aips-wp-item { display: block; padding: 12px; }
.aips-wp-column .aips-wp-item-priority { width: 24px; height: 4px; margin-bottom: 9px; }
.aips-wp-column .aips-wp-item-side { align-items: flex-start; margin-top: 10px; }
.aips-wp-column .aips-wp-actions { justify-content: flex-start; max-width: none; }
.aips-wp-column .aips-wp-progress-track { max-width: none; }

.aips-wp-modal { position: fixed; z-index: 100020; inset: 0; display: grid; place-items: center; padding: 20px; }
.aips-wp-modal-mask { position: absolute; inset: 0; background: rgba(35,48,70,.52); backdrop-filter: blur(2px); }
.aips-wp-modal-card { position: relative; z-index: 1; width: min(760px, 100%); max-height: 90vh; overflow: auto; padding: 23px 25px; border-radius: 17px; background: #fff; box-shadow: 0 24px 70px rgba(25,36,54,.26); }
.aips-wp-modal-card.is-activity { width: min(620px, 100%); }
.aips-wp-modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.aips-wp-modal-head h3 { margin: 3px 0 0; color: #26364f; font-size: 19px; }
.aips-wp-icon-btn { appearance: none; display: grid; width: 33px; height: 33px; padding: 0; place-items: center; color: #788598; border: 1px solid #e4e8ee; border-radius: 10px; background: #fff; cursor: pointer; font-size: 22px; line-height: 1; }
.aips-wp-templates { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 15px; padding: 10px 12px; border-radius: 10px; background: #f8f9fb; }
.aips-wp-templates > span { margin-right: 3px; color: #7f8b9c; font-size: 11px; font-weight: 750; }
.aips-wp-templates button { appearance: none; padding: 5px 9px; color: #9a541f; border: 1px solid #f0d6c2; border-radius: 7px; background: #fff9f5; cursor: pointer; font: 650 10.8px/1.2 inherit; }
.aips-wp-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 14px; }
.aips-wp-form-grid label { display: block; }
.aips-wp-form-grid label.is-wide { grid-column: 1 / -1; }
.aips-wp-form-grid label > span { display: block; margin-bottom: 6px; color: #536176; font-size: 11.5px; font-weight: 700; }
.aips-wp-form-grid label > span b { color: #d85819; }
.aips-wp-form-grid label > span small { color: #a1aab8; font-weight: 500; }
.aips-wp-form-grid input,
.aips-wp-form-grid select,
.aips-wp-form-grid textarea { width: 100%; margin: 0 !important; padding: 9px 10px !important; color: #344258 !important; border: 1px solid #dfe4ea !important; border-radius: 9px !important; outline: 0 !important; background: #fff !important; box-shadow: none !important; font: 12.5px/1.45 inherit !important; }
.aips-wp-form-grid textarea { resize: vertical; }
.aips-wp-form-grid input:focus,
.aips-wp-form-grid select:focus,
.aips-wp-form-grid textarea:focus { border-color: #efa879 !important; box-shadow: 0 0 0 3px rgba(240,113,39,.1) !important; }
.aips-wp-form-grid select:disabled { color: #9aa4b3 !important; background: #f4f5f7 !important; }
.aips-wp-form-error { margin-top: 13px; padding: 9px 11px; color: #a6403c; border: 1px solid #f0c9c6; border-radius: 8px; background: #fff3f2; font-size: 11.5px; }
.aips-wp-modal-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; padding-top: 15px; border-top: 1px solid #edf0f3; }
body.aips-wp-modal-open { overflow: hidden; }

.aips-wp-activity-list { min-height: 150px; }
.aips-wp-activity-item { display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 11px; padding: 0 0 16px; }
.aips-wp-activity-item:last-child { padding-bottom: 0; }
.aips-wp-activity-dot { position: relative; width: 10px; height: 10px; margin-top: 5px; border: 2px solid #ef8a4f; border-radius: 50%; background: #fff; }
.aips-wp-activity-dot::after { content: ''; position: absolute; top: 10px; left: 2px; width: 2px; height: calc(100% + 20px); background: #edf0f3; }
.aips-wp-activity-item:last-child .aips-wp-activity-dot::after { display: none; }
.aips-wp-activity-body strong { color: #3d4b60; font-size: 12px; }
.aips-wp-activity-body p { margin: 3px 0 0; color: #798596; font-size: 11.5px; line-height: 1.55; white-space: pre-wrap; }
.aips-wp-activity-body time { display: block; margin-top: 4px; color: #a2abb8; font-size: 10px; }

@media (max-width: 1180px) {
    .aips-wp-metrics { grid-template-columns: repeat(3, 1fr); }
    .aips-wp-workload-grid { grid-template-columns: repeat(3, 1fr); }
    .aips-wp-toolbar { align-items: stretch; flex-direction: column; }
    .aips-wp-tools { justify-content: space-between; }
    .aips-wp-search { flex: 1; }
}

@media (max-width: 760px) {
    .aips-wp-hero { align-items: stretch; flex-direction: column; padding: 22px; }
    .aips-wp-hero h2 { font-size: 21px; }
    .aips-wp-hero .aips-wp-primary { width: 100%; }
    .aips-wp-metrics { grid-template-columns: repeat(2, 1fr); }
    .aips-wp-metric { min-height: 100px; }
    .aips-wp-focus-grid,
    .aips-wp-workload-grid { grid-template-columns: 1fr; }
    .aips-wp-tools { align-items: stretch; flex-direction: column; }
    .aips-wp-search { min-width: 0; }
    .aips-wp-item { grid-template-columns: 6px minmax(0, 1fr); }
    .aips-wp-item-side { grid-column: 2; align-items: flex-start; }
    .aips-wp-actions { justify-content: flex-start; max-width: none; }
    .aips-wp-form-grid { grid-template-columns: 1fr; }
    .aips-wp-form-grid label.is-wide { grid-column: auto; }
    .aips-wp-modal { padding: 10px; }
    .aips-wp-modal-card { max-height: 94vh; padding: 19px 17px; border-radius: 14px; }
}

/* Work plan professional completion UI v20260824 */
.aips-wp-board,
.aips-wp-modal {
    --wp-blue: #356fb3;
    --wp-blue-soft: #edf5ff;
    --wp-green: #238653;
    --wp-green-soft: #eefaf3;
}
.aips-wp-hero {
    gap: 22px;
    padding: 21px 24px;
    border-color: #e1e8f1;
    border-radius: 16px;
    background: radial-gradient(circle at 92% 15%, rgba(53,111,179,.09), transparent 33%), linear-gradient(135deg, #fff 0%, #f8fbff 64%, #f4f8fd 100%);
    box-shadow: 0 7px 24px rgba(41,55,77,.05);
}
.aips-wp-hero::after { border-color: rgba(53,111,179,.05); }
.aips-wp-hero h2 { margin: 4px 0 5px; font-size: 22px; }
.aips-wp-metric { min-height: 94px; padding: 14px 16px; }
.aips-wp-metric > strong { margin-top: 4px; font-size: 24px; }
.aips-wp-metric > small { margin-top: 6px; font-size: 10.5px; }

.aips-wp-item.is-completed {
    border-color: #cfe8d9;
    background: linear-gradient(90deg, #f7fcf9, #fff 38%);
    box-shadow: 0 4px 14px rgba(35,134,83,.045);
}
.aips-wp-item.is-completed:hover { border-color: #aed8c0; box-shadow: 0 7px 20px rgba(35,134,83,.08); }
.aips-wp-item.is-completed .aips-wp-item-title { color: #607169; text-decoration: line-through; text-decoration-color: #a8bcb0; }
.aips-wp-item.is-updating { opacity: .68; pointer-events: none; }
.aips-wp-complete-check {
    appearance: none;
    display: inline-grid;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    padding: 0 !important;
    place-items: center;
    color: transparent !important;
    border: 1.5px solid #bdc8d5 !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(31,45,65,.04) !important;
    cursor: pointer;
    transition: border-color .15s, background .15s, transform .15s, box-shadow .15s;
}
.aips-wp-complete-check span { font-size: 13px; font-weight: 900; line-height: 1; }
.aips-wp-complete-check:hover { transform: translateY(-1px); border-color: var(--wp-green) !important; box-shadow: 0 0 0 3px rgba(35,134,83,.1) !important; }
.aips-wp-complete-check.is-checked { color: #fff !important; border-color: var(--wp-green) !important; background: var(--wp-green) !important; }
.aips-wp-complete-check.is-review { color: transparent !important; border-color: #d7ae47 !important; background: #fffaf0 !important; }
.aips-wp-complete-check.is-review:hover { color: #9a6b0d !important; background: #fff3cf !important; box-shadow: 0 0 0 3px rgba(215,174,71,.12) !important; }
.aips-wp-complete-check:disabled { opacity: .42; cursor: not-allowed; transform: none; box-shadow: none !important; }
.aips-wp-item-meta .aips-wp-completed-at { color: var(--wp-green); font-weight: 800; }

.aips-wp-board button.aips-wp-action {
    appearance: none;
    padding: 5px 8px !important;
    color: #5f6f84 !important;
    border: 1px solid #dfe5ec !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: none !important;
    cursor: pointer;
    font: 650 10.5px/1.2 inherit !important;
}
.aips-wp-board button.aips-wp-action:hover { color: #2f639f !important; border-color: #b9cde5 !important; background: #f4f8fd !important; }
.aips-wp-board button.aips-wp-action.is-primary { color: #fff !important; border-color: var(--wp-blue) !important; background: var(--wp-blue) !important; }
.aips-wp-board button.aips-wp-action.is-focus { color: #a8531e !important; border-color: #edd0bc !important; background: #fff7f1 !important; }
.aips-wp-board button.aips-wp-action.is-danger:hover { color: #b1433e !important; border-color: #ebc4c1 !important; background: #fff4f3 !important; }

.aips-wp-form-layout { display: flex; flex-direction: column; gap: 12px; }
.aips-wp-form-section { padding: 15px 16px 16px; border: 1px solid #e4e9f0; border-radius: 12px; background: #fbfcfe; }
.aips-wp-form-section.is-primary { border-color: #dbe7f4; background: #f9fbfe; }
.aips-wp-form-section-head { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.aips-wp-form-section-head > div { min-width: 0; }
.aips-wp-form-section-head strong { display: block; color: #304158; font-size: 12.5px; }
.aips-wp-form-section-head small { display: block; margin-top: 2px; color: #8b97a7; font-size: 10.5px; }
.aips-wp-form-step { display: grid; flex: 0 0 25px; width: 25px; height: 25px; place-items: center; color: #fff; border-radius: 8px; background: var(--wp-blue); font-size: 11px; font-weight: 850; }
.aips-wp-advanced { overflow: hidden; border: 1px solid #e4e9f0; border-radius: 12px; background: #fff; }
.aips-wp-advanced summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 15px; color: #506078; background: #fafbfd; cursor: pointer; font-size: 12px; font-weight: 750; }
.aips-wp-advanced summary small { color: #98a3b2; font-size: 10.5px; font-weight: 500; }
.aips-wp-advanced[open] summary { color: #315f98; border-bottom: 1px solid #e8edf3; background: #f4f8fd; }
.aips-wp-advanced > .aips-wp-form-grid { padding: 15px 16px 16px; }

/* Account themes can otherwise repaint these scoped controls as solid black. */
.aips-wp-board button.aips-wp-primary,
.aips-wp-modal button.aips-wp-primary { color: #fff !important; border-color: var(--wp-orange) !important; background: linear-gradient(135deg, #f47a31, #e85b12) !important; }
.aips-wp-board button.aips-wp-secondary,
.aips-wp-modal button.aips-wp-secondary { color: #56647a !important; border-color: #dfe4eb !important; background: #fff !important; box-shadow: none !important; }
.aips-wp-modal button.aips-wp-icon-btn { color: #788598 !important; border-color: #e4e8ee !important; background: #fff !important; box-shadow: none !important; }
.aips-wp-modal .aips-wp-templates button { color: #496784 !important; border-color: #d9e3ed !important; background: #f8fbfe !important; box-shadow: none !important; }

@media (max-width: 760px) {
    .aips-wp-hero { padding: 18px; }
    .aips-wp-form-section { padding: 13px; }
    .aips-wp-advanced summary { align-items: flex-start; flex-direction: column; gap: 3px; }
}