#toplevel_page_hostpn .wp-menu-image img{
    padding:5px 0 0;
}

/* HostPN Features Two-Column Layout - Updated for existing HTML structure */
.hostpn-section-wrapper {
  margin-bottom: 30px;
}

/* Section headers */
.hostpn-section-start {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 16px;
  color: #495057;
  border-left: 4px solid #007cba;
}

.hostpn-section-end {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 15px;
  margin-top: 15px;
  font-weight: 600;
  font-size: 16px;
  color: #495057;
  border-left: 4px solid #28a745;
}

/* Content wrapper for two-column layout - ONLY for feature sections */
.hostpn-section-wrapper .hostpn-toggle-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Individual feature input wrappers - ONLY for feature sections */
.hostpn-section-wrapper .hostpn-toggle-content .hostpn-input-wrapper {
  flex: 1;
  min-width: 300px;
  max-width: calc(50% - 10px);
  margin-bottom: 15px !important;
}

/* Settings page: fields one per line */
.hostpn-options .hostpn-section-wrapper .hostpn-toggle-content {
  display: block;
}
.hostpn-options .hostpn-section-wrapper .hostpn-toggle-content .hostpn-input-wrapper {
  max-width: 100%;
}

/* Exclude additional features fields from two-column layout */
.hostpn-section-wrapper .hostpn-toggle-content .hostpn-input-wrapper.hostpn_kitchen_additional_features,
.hostpn-section-wrapper .hostpn-toggle-content .hostpn-input-wrapper.hostpn_room_additional_features,
.hostpn-section-wrapper .hostpn-toggle-content .hostpn-input-wrapper.hostpn_bathroom_additional_features,
.hostpn-section-wrapper .hostpn-toggle-content .hostpn-input-wrapper.hostpn_living_area_additional_features,
.hostpn-section-wrapper .hostpn-toggle-content .hostpn-input-wrapper.hostpn_audiovisual_additional_features {
  flex: none;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
}

/* Feature styling - ONLY for feature sections */
.hostpn-section-wrapper .hostpn-field {
  transition: all 0.2s ease;
}

.hostpn-section-wrapper .hostpn-field:hover {
  background: #f8f9fa;
}

/* Kitchen features */
.hostpn-kitchen-feature {
  border-left: 3px solid #ff6b6b;
}

.hostpn-kitchen-feature:hover {
  border-left-color: #ff5252;
}

/* Room features */
.hostpn-room-feature {
  border-left: 3px solid #4ecdc4;
}

.hostpn-room-feature:hover {
  border-left-color: #26a69a;
}

/* Bathroom features */
.hostpn-bathroom-feature {
  border-left: 3px solid #45b7d1;
}

.hostpn-bathroom-feature:hover {
  border-left-color: #2196f3;
}

/* Living area features */
.hostpn-living-area-feature {
  border-left: 3px solid #96ceb4;
}

.hostpn-living-area-feature:hover {
  border-left-color: #4caf50;
}

/* Audiovisual features */
.hostpn-audiovisual-feature {
  border-left: 3px solid #feca57;
}

.hostpn-audiovisual-feature:hover {
  border-left-color: #ff9800;
}

/* Additional features sections */
.hostpn-additional-features {
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 8px;
  padding: 15px;
  margin: 15px 0;
}

.hostpn-additional-features h4 {
  margin: 0 0 10px 0;
  color: #856404;
  font-size: 14px;
  font-weight: 600;
}

.hostpn-additional-features p {
  margin: 0 0 15px 0;
  color: #856404;
  font-size: 13px;
}

/* Responsive design - ONLY for feature sections */
@media (max-width: 768px) {
  .hostpn-section-wrapper .hostpn-toggle-content {
    flex-direction: column;
  }
  
  .hostpn-section-wrapper .hostpn-toggle-content .hostpn-input-wrapper {
    max-width: 100%;
  }
}

/* WordPress admin integration */
.postbox .hostpn-section-start,
.postbox .hostpn-section-end {
  margin: 15px 0;
}

.postbox .hostpn-section-wrapper .hostpn-input-wrapper {
  margin: 10px 0;
}

/* User Role Selector */
.hostpn-user-role-selector-wrapper {
    padding: 10px 0;
}
.hostpn-users-with-role-box {
    background: #f0f6fc;
    border: 1px solid #c3d9ed;
    border-radius: 6px;
}
.hostpn-users-with-role-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.hostpn-user-role-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 13px;
}
.hostpn-user-role-item i {
    font-size: 16px;
    color: #787c82;
}
.hostpn-role-badge {
    display: inline-block;
    background: #2271b1;
    color: #fff;
    border-radius: 10px;
    padding: 1px 8px;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
}
.hostpn-user-role-select {
    min-height: 200px;
    border: 1px solid #c3c4c7;
    border-radius: 4px;
    padding: 4px;
}
.hostpn-user-role-select option {
    padding: 4px 8px;
}
.hostpn-user-role-select option[data-has-role="true"] {
    background: #f0f6fc;
    font-weight: 600;
}
.hostpn-role-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.hostpn-alert-warning {
    background: #fcf9e8;
    border: 1px solid #dba617;
    border-radius: 6px;
    color: #6e4b00;
}
.hostpn-alert-warning i {
    color: #dba617;
}
.hostpn-color-success {
    color: #00a32a;
}
.hostpn-color-error {
    color: #d63638;
}
.hostpn-role-message p {
    padding: 10px 15px;
    border-radius: 4px;
    margin: 0;
}
.hostpn-role-message .hostpn-color-success {
    background: #edfaef;
    border: 1px solid #00a32a;
}
.hostpn-role-message .hostpn-color-error {
    background: #fcf0f1;
    border: 1px solid #d63638;
}
.hostpn-input-wrapper.hostpn-input-field-user_role_selector:has(input[type="hidden"]) {
    display: block !important;
}
/* Pages management section */
.hostpn-options-pages{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:0 0 20px}
.hostpn-options-pages .hostpn-section-start{margin-bottom:0;border-radius:8px 8px 0 0;border:none;border-bottom:1px solid #dee2e6}
.hostpn-pages-description{padding:10px 20px 0;color:#646970;font-size:13px;margin:0}
.hostpn-pages-table{width:100%;border-collapse:collapse;margin:10px 0 0}
.hostpn-pages-table th{text-align:left;padding:10px 20px;font-size:13px;font-weight:600;color:#1d2327;border-bottom:1px solid #f0f0f1}
.hostpn-pages-table td{padding:10px 20px;font-size:13px;color:#1d2327;border-bottom:1px solid #f0f0f1;vertical-align:middle}
.hostpn-pages-table tr:last-child td{border-bottom:none}
.hostpn-pages-table code{background:#f0f0f1;padding:2px 6px;border-radius:3px;font-size:12px}
.hostpn-page-status{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500}
.hostpn-page-status .material-icons-outlined{font-size:18px}
.hostpn-page-status-active{color:#00a32a}
.hostpn-page-status-missing{color:#d63638}
.hostpn-page-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #dcdcde;border-radius:6px;color:#787c82;text-decoration:none;margin-right:4px;transition:all .2s ease}
.hostpn-page-action-btn:hover{background:#f0f0f1;border-color:#8c8f94;color:#1d2327}
.hostpn-page-action-btn .material-icons-outlined{font-size:18px}

/* Settings sticky footer bar */
.hostpn-settings-pb-80{padding-bottom:80px}
.hostpn-settings-footer{position:fixed;bottom:0;left:160px;right:0;height:50px;background:#fff;z-index:99999;box-shadow:0 -2px 8px rgba(0,0,0,.08);border-top:1px solid #dcdcde;display:flex;align-items:center}
body.folded .hostpn-settings-footer{left:36px}
@media screen and (max-width:960px){body.auto-fold .hostpn-settings-footer{left:36px}}
@media screen and (max-width:782px){.hostpn-settings-footer{left:0;z-index:9989}.hostpn-settings-footer-plugin-name{display:none}}
.hostpn-settings-footer-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1000px;margin:0 auto;padding:0 20px}
.hostpn-settings-footer-left{display:flex;align-items:center;gap:10px}
.hostpn-settings-footer-plugin-name{color:#1d2327;font-size:12px;font-weight:600}
.hostpn-settings-footer-version{color:#787c82;font-size:12px;font-family:monospace}
.hostpn-settings-footer-right{display:flex;align-items:center;gap:8px}
.hostpn-settings-footer-icon-btn{background:none;border:1px solid #dcdcde;border-radius:6px;color:#787c82;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}
.hostpn-settings-footer-icon-btn:hover{background:#f0f0f1;border-color:#8c8f94;color:#1d2327}
.hostpn-settings-footer-icon-btn .material-icons-outlined{font-size:20px}
.hostpn-settings-footer .hostpn-btn{margin:0}
#hostpn_submit.hostpn-settings-hidden-submit,#hostpn-settings-import-file.hostpn-settings-hidden-input{display:none !important}