/* Cloud Drive Admin styles (extracted from styles.css) */
.cloud-drive-admin {
    padding: 1rem;
    direction: rtl;
}
.admin-top {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}
.metrics-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
    flex: 1 1 60%;
}
.card.metric-card {
    background: var(--card-bg);
    color: var(--text);
    padding: 0.85rem;
    border-radius: 10px;
    box-shadow: 0 6px 18px -8px var(--shadow);
}
.card-title { font-size: 0.8rem; color: var(--text-secondary); }
.card-value { font-size: 1.25rem; font-weight: 700; margin-top: 6px; }
.card-sub { font-size: 0.75rem; color: var(--text-secondary); margin-top: 6px; }

.admin-actions { width: 320px; }
.admin-form { background: var(--surface); padding: 0.9rem; border-radius: 10px; box-shadow: 0 6px 18px -8px var(--shadow); }
.admin-form h3 { margin-bottom: 0.5rem; font-size: 1rem; }
.admin-form .form-row { margin-bottom: 0.6rem; display: flex; flex-direction: column; gap: 0.4rem; }
.admin-form label { font-size: 0.8rem; color: var(--text-secondary); }
.admin-form input, .admin-form select { padding: 0.5rem; border-radius: 6px; border: 1px solid var(--border); background: var(--card-bg); color: var(--text); }
.admin-form .form-actions { display: flex; justify-content: flex-end; }
.action-btn { background: var(--primary); color: white; padding: 0.5rem 0.75rem; border-radius: 8px; border: none; cursor: pointer; }

.admin-middle { display: flex; gap: 1rem; margin-top: 1rem; }
.buckets-panel { flex: 1 1 60%; background: var(--surface); padding: 0.75rem; border-radius: 10px; }
.panel-header { display:flex; justify-content: space-between; align-items:center; gap: 0.5rem; margin-bottom: 0.5rem; }
.panel-header input { padding: 0.4rem 0.6rem; border-radius: 6px; border: 1px solid var(--border); }
.buckets-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.buckets-table th, .buckets-table td { text-align: right; padding: 0.55rem; border-bottom: 1px solid rgba(255,255,255,0.03); font-size: 0.9rem; }
.buckets-table .actions-cell button { margin-left: 0.25rem; }
.bucket-detail-row { background: rgba(0,0,0,0.03); }
.bucket-detail { display:flex; gap: 0.5rem; align-items:center; padding: 0.5rem; }
.bucket-detail label { font-size: 0.85rem; color: var(--text-secondary); }
.bucket-detail .detail-save { background: var(--success); color: white; border: none; padding: 0.4rem 0.6rem; border-radius: 6px; cursor:pointer; }

.monitoring-panel { width: 360px; background: var(--surface); padding: 0.75rem; border-radius: 10px; }
.monitor-list { display:flex; flex-direction: column; gap: 0.5rem; }
.monitor-widget { background: var(--card-bg); color: var(--text); border-radius: 8px; padding: 0.6rem; box-shadow: 0 6px 12px -8px var(--shadow); }
.mw-head { font-weight: 700; display:flex; justify-content: space-between; align-items:center; }
.mw-body { margin-top: 0.5rem; display: grid; grid-template-columns: 1fr; gap: 0.25rem; font-size: 0.9rem; color: var(--text-secondary); }
.mw-status.critical { color: var(--danger); font-weight: 800; }
.mw-status.degraded { color: var(--warning); }

.admin-footer { margin-top: 1rem; color: var(--text-secondary); }

@media (max-width: 900px) {
    .admin-top { flex-direction: column; }
    .metrics-cards { grid-template-columns: repeat(2, 1fr); }
    .admin-middle { flex-direction: column; }
    .monitoring-panel { width: 100%; }
}