.amrp-wrap { max-width: 1100px; }
.amrp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin-top: 18px; }
.amrp-card { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; padding: 14px 14px 14px 12px; background: #fff; border: 1px solid #c3c4c7; border-radius: 6px; text-decoration: none; color: #1d2327; box-shadow: 0 1px 1px rgba(0,0,0,.04); margin-bottom: 20px; }
.amrp-card.amrp-card-accent { border-left: 4px solid #72aee6; }
.amrp-card__icon img { width: 42px; height: 42px; display: block; }
.amrp-card__title { margin: 0 0 4px 0; font-size: 15px; }
.amrp-card__desc { margin: 0; color: #646970; font-size: 13px; line-height: 1.4; }
.amrp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; max-width: 1100px; margin-top: 16px; }
.amrp-card-link { display: flex; flex-direction: column; text-decoration: none; background: #fff; border: 1px solid #dcdcde; border-radius: 10px; padding: 14px 14px 12px; }
.amrp-card-link:hover, .amrp-card-link:focus { border-color: #2271b1; box-shadow: 0 1px 3px rgba(0,0,0,.1); }

/* Flyout Global CSS */
#adminmenu .amrp-child-inline { display: none; margin: 8px 0 6px 10px; padding: 8px 8px 8px 10px; border-left: 3px solid #2271b1; background: rgba(0,0,0,.03); border-radius: 4px; }
#adminmenu li.amrp-inline-open > .amrp-child-inline { display: block; }
#adminmenu .amrp-child-link { display: block; padding: 4px 4px 4px 0; text-decoration: none; }
#adminmenu .amrp-child-link:hover { text-decoration: underline; }
#adminmenu .wp-submenu li.amrp-has-flyout > a { padding-right: 26px; }
#adminmenu .wp-submenu li.amrp-has-flyout > a::after { content: '\203A'; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #646970; }
#adminmenu .wp-submenu a { padding-left: 40px !important; position: relative; }

/* Catalog Hub Icons */
#adminmenu .wp-submenu a[href*='page=wc-catalog-hub']::before { content: ''; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url('icon-catalog.png'); }

/* Lite Settings UI Rule Builder */
.amrl-rule-builder { background: #f6f7f7; border: 1px solid #dcdcde; padding: 15px; margin-top: 15px; border-radius: 4px; width: 100%; box-sizing: border-box; }
.amrl-rule-row { display: flex; gap: 10px; margin-bottom: 10px; align-items: flex-start; width: 100%; position: relative; }
.amrl-rule-row input[type="text"], .amrl-rule-row input[type="url"], .amrl-rule-row select { padding: 6px; flex: 1; min-width: 0; }
.amrl-rule-row .amrl-remove-rule { flex: 0 0 auto; white-space: nowrap; margin-top: 6px; }
.amrl-source-field { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.amrl-source-select-wrap, .amrl-source-manual-wrap { width: 100%; }
.amrl-source-select, .amrl-source-manual-input { width: 100% !important; margin: 0; }
.amrl-source-manual-input::-webkit-calendar-picker-indicator { display: none !important; }
.amrl-toggle-manual-source { font-size: 11px; line-height: 1.4; color: #2271b1; text-decoration: underline; background: none; border: none; padding: 2px 0 0 0; margin: 0; cursor: pointer; text-align: left; align-self: flex-start; }
.amrl-toggle-manual-source:hover, .amrl-toggle-manual-source:focus { color: #135e96; text-decoration: none; }
.amrl-source-catalog { width: 100%; margin: 10px 0; }
.amrl-source-catalog summary { cursor: pointer; font-weight: 600; }
.amrl-source-catalog table { margin-top: 8px; }
.amrl-technical-catalog { margin-top: 12px; padding-top: 8px; border-top: 1px dashed #dcdcde; }
.amrl-technical-catalog summary { cursor: pointer; color: #50575e; font-size: 13px; font-weight: normal; }
.amrl-technical-catalog table { margin-top: 8px; }
.amrl-disabled-row { opacity: 0.6; pointer-events: none; filter: grayscale(100%); padding: 10px 0 50px 0; }
.amrl-pro-upsell-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: flex-start; z-index: 10; }

/* Dummy Icon Button for Upsells */
.amrl-dummy-icon-wrap {
    display: flex;
    cursor: help;
    flex: 0 0 115px; /* Forces every button to be exactly the same width */
}
.amrl-dummy-icon-btn {
    display: flex !important;
    align-items: center;
    justify-content: center; /* Centers the icon and text */
    gap: 4px;
    opacity: 0.6;
    pointer-events: none;
    width: 100%; /* Makes the button fill the uniform wrapper */
}
.amrl-dummy-icon-btn .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}