/* =====================================================================
   Utility classes replacing inline style="" attributes removed for CSP
   ('unsafe-inline' style-src) compliance.

   .u-hidden intentionally omits !important so jQuery .show()/.hide()
   (which set the inline display property) can still override it.
   ===================================================================== */

.u-hidden { display: none; }

/* Developer menu (Views/Shared/Components/DeveloperMenu) */
.dev-menu-btn {
    border: none;
    background: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.sync-details-link {
    text-decoration: underline;
    font-size: 0.9em;
}

.sync-details-box {
    max-height: 150px;
    overflow-y: auto;
    background: #f8f9fa;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: monospace;
    white-space: pre-wrap;
}

/* Generic width/size utilities */
.u-w-80px { width: 80px; }
.u-w-140px { width: 140px; }
.u-max-h-200px { max-height: 200px; }
.u-spinner-3rem { width: 3rem; height: 3rem; }