.andplus-sb-admin-page { --andplus-sb-radius: 8px; --andplus-sb-shadow: 0 1px 3px rgba(0,0,0,.06); --andplus-sb-border: 1px solid #dcdcde; --andplus-sb-accent: #2271b1; --andplus-sb-bg: #f6f7f7; --andplus-sb-input-height: 40px; --andplus-sb-input-padding: 10px 14px; --andplus-sb-input-border: 1px solid #c3c4c7; --andplus-sb-input-bg: #fff; --andplus-sb-input-focus-ring: 0 0 0 2px rgba(34, 113, 177, 0.25); }
.andplus-sb-admin-page .andplus-sb-page-header { margin-bottom: 1.5rem; }
.andplus-sb-admin-page h1 { font-size: 1.75rem; font-weight: 600; color: #1d2327; margin-bottom: 0.25rem; letter-spacing: -0.02em; }
.andplus-sb-admin-page .andplus-sb-page-header .description { font-size: 0.9375rem; color: #646970; margin: 0; line-height: 1.5; }
.andplus-sb-admin-page .andplus-sb-structure-overview { border-radius: var(--andplus-sb-radius); border: var(--andplus-sb-border); box-shadow: var(--andplus-sb-shadow); margin-bottom: 1.5rem !important; padding: 1.25rem 1.5rem !important; background: #fff !important; }
.andplus-sb-admin-page .andplus-sb-structure-overview strong { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.04em; color: #646970; }
.andplus-sb-admin-page .andplus-sb-structure-flow { margin-top: 0.75rem; font-size: 0.9375rem; font-family: ui-monospace, "SF Mono", Menlo, monospace; color: #1d2327; line-height: 1.7; }
.andplus-sb-admin-page h2.title { font-size: 1rem; font-weight: 600; color: #1d2327; margin: 2rem 0 0.75rem 0; padding: 0.5rem 0; border-bottom: 2px solid var(--andplus-sb-accent); display: inline-block; }
.andplus-sb-admin-page h2.title:first-of-type { margin-top: 0; }
.andplus-sb-admin-page .form-table { border-radius: var(--andplus-sb-radius); box-shadow: var(--andplus-sb-shadow); border: var(--andplus-sb-border); background: #fff; overflow: hidden; margin-top: 0 !important; }
.andplus-sb-admin-page .form-table th { padding: 12px 16px; font-weight: 500; color: #1d2327; background: #f6f7f7; }
.andplus-sb-admin-page .form-table td { padding: 12px 16px; }
.andplus-sb-admin-page input[type="text"], .andplus-sb-admin-page input[type="url"], .andplus-sb-admin-page input[type="number"], .andplus-sb-admin-page select, .andplus-sb-admin-page textarea { min-height: var(--andplus-sb-input-height); padding: var(--andplus-sb-input-padding); font-size: 0.9375rem; line-height: 1.4; color: #1d2327; background: var(--andplus-sb-input-bg); border: var(--andplus-sb-input-border); border-radius: var(--andplus-sb-radius); box-shadow: 0 0 0 0 transparent; transition: border-color 0.15s ease, box-shadow 0.15s ease; outline: none; }
.andplus-sb-admin-page input[type="text"]:hover, .andplus-sb-admin-page input[type="url"]:hover, .andplus-sb-admin-page input[type="number"]:hover, .andplus-sb-admin-page select:hover, .andplus-sb-admin-page textarea:hover { border-color: #8c8f94; }
.andplus-sb-admin-page input[type="text"]:focus, .andplus-sb-admin-page input[type="url"]:focus, .andplus-sb-admin-page input[type="number"]:focus, .andplus-sb-admin-page select:focus, .andplus-sb-admin-page textarea:focus { border-color: var(--andplus-sb-accent); box-shadow: var(--andplus-sb-input-focus-ring); }
.andplus-sb-admin-page input[type="text"]::placeholder, .andplus-sb-admin-page input[type="url"]::placeholder, .andplus-sb-admin-page textarea::placeholder { color: #a7aaad; }
.andplus-sb-admin-page select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2350575e' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 36px; cursor: pointer; }
.andplus-sb-admin-page textarea { min-height: 88px; resize: vertical; }
.andplus-sb-admin-page .button { min-height: var(--andplus-sb-input-height); padding: 8px 18px; font-size: 0.9375rem; font-weight: 500; line-height: 1.4; color: #2c3338; background: #f6f7f7; border: var(--andplus-sb-input-border); border-radius: var(--andplus-sb-radius); cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; }
.andplus-sb-admin-page .button:hover { background: #f0f0f1; border-color: #8c8f94; }
.andplus-sb-admin-page .button:focus { border-color: var(--andplus-sb-accent); box-shadow: var(--andplus-sb-input-focus-ring); outline: none; }
.andplus-sb-admin-page .button-primary { background: var(--andplus-sb-accent); border-color: var(--andplus-sb-accent); color: #fff; }
.andplus-sb-admin-page .button-primary:hover { background: #135e96; border-color: #135e96; color: #fff; }
.andplus-sb-admin-page input[type="checkbox"] { width: 18px; height: 18px; margin: 0 8px 0 0; border-radius: 4px; border: var(--andplus-sb-input-border); cursor: pointer; accent-color: var(--andplus-sb-accent); vertical-align: middle; }
.andplus-sb-admin-page input[type="checkbox"]:focus { box-shadow: var(--andplus-sb-input-focus-ring); outline: none; }
.andplus-sb-admin-page label:has(input[type="checkbox"]) { display: inline-flex; align-items: center; cursor: pointer; }
.andplus-sb-admin-page .notice { border-radius: var(--andplus-sb-radius); border-left-width: 4px; }
.andplus-sb-admin-page .notice.notice-success { border-left-color: #00a32a; }
.andplus-sb-admin-page .notice.notice-info { border-left-color: var(--andplus-sb-accent); }
.andplus-sb-admin-page .form-table.widefat { box-sizing: border-box; max-width: 720px; }
.andplus-sb-admin-page .form-table.widefat.andplus-sb-mapping-table { max-width: none; width: 100%; }
.andplus-sb-admin-page .form-table.widefat thead th { padding: 10px 16px; font-size: 0.8125rem; font-weight: 600; color: #646970; text-transform: none; background: #f6f7f7; }
.andplus-sb-admin-page .form-table.widefat tbody td { padding: 10px 16px; }
.andplus-sb-admin-page .andplus-sb-mapping-table tbody .andplus-sb-mapping-row td:first-child { border-left-width: 3px; }
.andplus-sb-admin-page details { border-radius: var(--andplus-sb-radius); border: var(--andplus-sb-border); margin: 0.75rem 0; overflow: hidden; }
.andplus-sb-admin-page details summary { padding: 10px 16px; background: #f6f7f7; cursor: pointer; font-weight: 500; }
.andplus-sb-admin-page .andplus-sb-section { margin-top: 2rem; padding: 0; }
.andplus-sb-admin-page .andplus-sb-section .andplus-sb-section-inner { background: #fff; border: var(--andplus-sb-border); border-radius: var(--andplus-sb-radius); box-shadow: var(--andplus-sb-shadow); padding: 1.25rem 1.5rem; }
.andplus-sb-admin-page .andplus-sb-section h2.title { margin-top: 0; margin-bottom: 0.5rem; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-flow-details { margin: 0.75rem 0 1rem 0; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-flow-details summary { font-size: 0.9375rem; color: var(--andplus-sb-accent); }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-flow-details ol { margin: 0.75em 0 0 1.25em; padding: 0; color: #50575e; font-size: 0.9375rem; line-height: 1.6; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-flow-details p:last-child { margin: 0.75em 0 0 0; font-size: 0.875rem; color: #646970; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-table-wrap { margin-top: 1rem; overflow-x: auto; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-table { margin: 0; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-row .andplus-sb-col-pt,
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-row .andplus-sb-col-tax,
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-row .andplus-sb-col-page,
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-row .andplus-sb-col-list { display: none; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-row[data-kind="post_type_archive"] .andplus-sb-col-pt { display: table-cell; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-row[data-kind="taxonomy"] .andplus-sb-col-tax { display: table-cell; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-row[data-kind="page"] .andplus-sb-col-page { display: table-cell; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-row[data-kind="page"] .andplus-sb-col-list { display: table-cell; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-table tbody .andplus-sb-mapping-row td { padding: 14px 16px; vertical-align: top; border-bottom: 1px solid #e8eaed; background: #fff; line-height: 1.45; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-table tbody .andplus-sb-mapping-row td:first-child { border-left: 3px solid var(--andplus-sb-accent); }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-table tbody .andplus-sb-mapping-row:last-child td { border-bottom: none; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-table tbody .andplus-sb-mapping-row td select { display: block; width: 100%; max-width: 14rem; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-mapping-table tbody .andplus-sb-mapping-row td select + select { margin-top: 8px; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-col-list .andplus-sb-list-from-type { margin-bottom: 10px; display: block; width: 100%; max-width: 14rem; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-col-list .andplus-sb-list-from-panel { display: none; margin-top: 0.75rem; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-col-list[data-list-from="posts_of_type"] .andplus-sb-list-from-panel[data-list-from="posts_of_type"],
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-col-list[data-list-from="posts_in_term"] .andplus-sb-list-from-panel[data-list-from="posts_in_term"],
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-col-list[data-list-from="terms"] .andplus-sb-list-from-panel[data-list-from="terms"] { display: block; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-col-list .andplus-sb-list-from-label { display: block; margin: 0 0 4px 0; font-size: 0.8125rem; color: #50575e; font-weight: 500; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-col-list .andplus-sb-list-from-panel select { margin-bottom: 0.75rem; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-col-list .andplus-sb-list-from-panel select:last-child { margin-bottom: 0; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-add-row-bar { margin-top: 1rem; padding: 0.75rem 0; border-top: 1px solid #e2e4e7; display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.andplus-sb-admin-page .andplus-sb-list-structure .andplus-sb-add-row-bar .description { margin: 0; font-size: 0.875rem; color: #646970; }
.andplus-sb-admin-page .andplus-sb-plan-cards { display: flex; gap: 1rem; flex-wrap: wrap; margin: 1rem 0 0.5rem 0; }
.andplus-sb-admin-page .andplus-sb-plan-card { flex: 1; min-width: 160px; max-width: 220px; position: relative; border: 2px solid #dcdcde; border-radius: var(--andplus-sb-radius); padding: 1.25rem 1rem; background: #fff; cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.andplus-sb-admin-page .andplus-sb-plan-card:hover { border-color: #8c8f94; }
.andplus-sb-admin-page .andplus-sb-plan-card.andplus-sb-plan-current { border-color: var(--andplus-sb-accent); box-shadow: 0 0 0 1px var(--andplus-sb-accent); background: #f0f6fc; }
.andplus-sb-admin-page .andplus-sb-plan-card input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.andplus-sb-admin-page .andplus-sb-plan-card .andplus-sb-plan-name { font-size: 1.125rem; font-weight: 600; color: #1d2327; margin-bottom: 0.25rem; }
.andplus-sb-admin-page .andplus-sb-plan-card .andplus-sb-plan-desc { font-size: 0.8125rem; color: #646970; margin-bottom: 0.75rem; line-height: 1.4; }
.andplus-sb-admin-page .andplus-sb-plan-card .andplus-sb-plan-features { list-style: none; margin: 0; padding: 0; font-size: 0.8125rem; color: #50575e; line-height: 1.5; }
.andplus-sb-admin-page .andplus-sb-plan-card .andplus-sb-plan-features li { padding-left: 1.25em; position: relative; margin-bottom: 0.35em; }
.andplus-sb-admin-page .andplus-sb-plan-card .andplus-sb-plan-features li::before { content: ''; position: absolute; left: 0; top: 0.45em; width: 5px; height: 5px; border-radius: 50%; background: var(--andplus-sb-accent); }
.andplus-sb-admin-page .andplus-sb-plan-card.andplus-sb-plan-current .andplus-sb-plan-features li::before { background: var(--andplus-sb-accent); }
.andplus-sb-admin-page .andplus-sb-plan-card.andplus-sb-plan-readonly { pointer-events: none; opacity: 0.92; }
.andplus-sb-admin-page .andplus-sb-plan-note { margin-top: 0.75rem; font-size: 0.875rem; color: #646970; }
.andplus-sb-admin-page .andplus-sb-dev-note { margin-top: 0.5rem; font-size: 0.8125rem; color: #646970; }
.andplus-sb-admin-page .andplus-sb-dev-note summary { cursor: pointer; }
.andplus-sb-admin-page .andplus-sb-plan-notice { margin: 0.5rem 0 0.75rem 0; padding: 1rem 1.25rem; background: #f0f6fc; border: var(--andplus-sb-border); border-left: 4px solid var(--andplus-sb-accent); border-radius: var(--andplus-sb-radius); font-size: 0.9375rem; color: #1d2327; line-height: 1.5; }
.andplus-sb-admin-page .andplus-sb-plan-notice p { margin: 0 0 0.5rem 0; }
.andplus-sb-admin-page .andplus-sb-plan-notice p:last-child { margin-bottom: 0; }
.andplus-sb-admin-page .andplus-sb-summary { margin: 1rem 0 1.5rem 0; padding: 1rem 1.25rem; background: #f6f7f7; border: var(--andplus-sb-border); border-radius: var(--andplus-sb-radius); font-size: 0.875rem; }
.andplus-sb-admin-page .andplus-sb-summary-title { font-weight: 600; color: #1d2327; margin-bottom: 0.5rem; }
.andplus-sb-admin-page .andplus-sb-summary dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 0.25rem 1.5rem; }
.andplus-sb-admin-page .andplus-sb-summary dt { color: #646970; }
.andplus-sb-admin-page .andplus-sb-summary dd { margin: 0; color: #1d2327; }
.andplus-sb-admin-page .andplus-sb-lock-msg { padding: 1.25rem; background: #f0f0f1; border: var(--andplus-sb-border); border-radius: var(--andplus-sb-radius); color: #50575e; font-size: 0.9375rem; }
.andplus-sb-admin-page .andplus-sb-lock-msg strong { color: #1d2327; }
.andplus-sb-admin-page .andplus-sb-lb-cards { display: flex; flex-direction: column; gap: 1.25rem; max-width: 720px; margin-top: 0.5rem; }
.andplus-sb-admin-page .andplus-sb-lb-card { background: #fff; border: var(--andplus-sb-border); border-radius: var(--andplus-sb-radius); box-shadow: var(--andplus-sb-shadow); overflow: hidden; }
.andplus-sb-admin-page .andplus-sb-lb-card-header { padding: 1rem 1.25rem; background: #f6f7f7; border-bottom: var(--andplus-sb-border); }
.andplus-sb-admin-page .andplus-sb-lb-card-label { display: block; font-size: 0.8125rem; font-weight: 600; color: #50575e; margin-bottom: 0.35rem; }
.andplus-sb-admin-page .andplus-sb-lb-card .andplus-sb-lb-name { width: 100%; max-width: 100%; }
.andplus-sb-admin-page .andplus-sb-lb-card-body { padding: 1rem 1.25rem; }
.andplus-sb-admin-page .andplus-sb-lb-card-section-title { display: block; font-size: 0.8125rem; font-weight: 600; color: #646970; margin-bottom: 0.5rem; }
.andplus-sb-admin-page .andplus-sb-lb-fields { display: flex; flex-direction: column; gap: 0.5rem; }
.andplus-sb-admin-page .andplus-sb-lb-fields .regular-text { width: 100%; max-width: 100%; }
.andplus-sb-admin-page .andplus-sb-lb-fields .large-text { width: 100%; max-width: 100%; min-height: 60px; }
.andplus-sb-admin-page .andplus-sb-lb-address-row { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.andplus-sb-admin-page .andplus-sb-lb-address-row input:nth-child(1) { flex: 1; min-width: 10em; }
.andplus-sb-admin-page .andplus-sb-lb-address-row input:nth-child(2) { width: 8em; }
.andplus-sb-admin-page .andplus-sb-lb-address-row input:nth-child(3) { width: 8em; }
.andplus-sb-admin-page .andplus-sb-lb-address-row input:nth-child(4) { width: 6em; }
.andplus-sb-admin-page .andplus-sb-lb-add-hint { margin: 0.75rem 0 0.25rem 0; }
.andplus-sb-admin-page .andplus-sb-lb-add-bar { margin: 0 0 0.5rem 0; }