/* PSM Scoped Styles - Only for plugin pages */
.psm-page .psm-dashboard { max-width: 900px; padding: 12px; background: #fff; margin: 0 auto; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.psm-page .psm-summary { margin-bottom: 12px; display: flex; justify-content: space-around; flex-wrap: wrap; }
.psm-page .psm-ad { border: 1px dashed #ccc; padding: 12px; margin: 12px 0; text-align: center; background: #f9f9f9; border-radius: 4px; }
/* Layers responsive - Scoped */
.psm-page main, .psm-page article { max-width: 600px; margin: 0 auto; padding: 20px; font-family: Arial, sans-serif; text-align: center; }
.psm-page button { padding: 10px 20px; background: #007cba; color: white; border: none; border-radius: 4px; cursor: pointer; margin: 5px; width: 100%; max-width: 200px; }
.psm-page button:hover { background: #005a87; }
.psm-page input[type="url"], .psm-page input#psm-input { width: 100%; padding: 8px; margin: 5px 0; box-sizing: border-box; }
.psm-page table.widefat { width: 100%; border-collapse: collapse; margin-top: 10px; }
.psm-page table.widefat th, .psm-page table.widefat td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; }
.psm-page #psm-timer { font-weight: bold; color: #007cba; }
/* Mobile responsive - Only for PSM */
@media (max-width: 768px) { 
    .psm-page .psm-summary { flex-direction: column; align-items: center; } 
    .psm-page table.widefat { font-size: 14px; overflow-x: auto; display: block; white-space: nowrap; } 
    .psm-page main, .psm-page article { padding: 10px; } 
}