/* Admin Panel — Upload & Manage Presentations */

body {
    background: var(--color-bg);
    min-height: 100vh;
}

#header {
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);
    color: white;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: var(--shadow-lg);
}

.header-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-title { font-size: 22px; font-weight: 700; margin-bottom: 2px; }
.header-subtitle { font-size: 13px; opacity: 0.7; font-weight: 400; }
.header-right .status-badge { font-size: 12px; }

.main-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 16px 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-title { font-size: 17px; font-weight: 600; color: var(--color-text); }

/* Status Card */
.status-card-header { padding: 18px 20px 0; }
.status-card-body { padding: 16px 20px 20px; display: flex; flex-direction: column; gap: 12px; }
.status-row {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0; border-bottom: 1px solid var(--color-border);
}
.status-row:last-child { border-bottom: none; padding-bottom: 0; }
.status-label { font-size: 14px; color: var(--color-text-secondary); }
.status-value { font-size: 14px; font-weight: 600; color: var(--color-text); }

/* Upload */
.upload-header { padding: 18px 20px 0; }
.upload-body { padding: 16px 20px 20px; }

.upload-dropzone {
    border: 2px dashed var(--color-border);
    border-radius: var(--radius-lg);
    padding: 40px 20px;
    text-align: center;
    cursor: pointer;
    transition: all var(--transition-normal);
    background: var(--color-bg);
}
.upload-dropzone:hover, .upload-dropzone.dragover {
    border-color: var(--color-primary);
    background: var(--color-primary-soft);
}
.dropzone-icon { font-size: 48px; margin-bottom: 12px; }
.dropzone-text { font-size: 16px; font-weight: 600; color: var(--color-text); margin-bottom: 6px; }
.dropzone-sub { font-size: 13px; color: var(--color-text-muted); }

.upload-progress { margin-top: 16px; padding: 16px; background: var(--color-bg); border-radius: var(--radius-md); }
.upload-progress.hidden { display: none; }
.upload-progress-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.upload-filename { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; flex: 1; margin-right: 10px; }
.upload-status-text { font-size: 13px; color: var(--color-primary); font-weight: 500; flex-shrink: 0; }

/* Presentations List */
.presentations-header {
    padding: 18px 20px; display: flex; align-items: center;
    justify-content: space-between; border-bottom: 1px solid var(--color-border);
}
.pres-count { font-size: 13px; color: var(--color-text-muted); font-weight: 500; }
.presentations-list { padding: 8px; }

.pres-item {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 16px; border-radius: var(--radius-md);
    transition: background var(--transition-fast);
}
.pres-item:hover { background: var(--color-bg); }
.pres-item + .pres-item { border-top: 1px solid var(--color-border); }

.pres-thumb {
    width: 48px; height: 64px; border-radius: 6px;
    object-fit: cover; background: var(--color-bg);
    border: 1px solid var(--color-border); flex-shrink: 0;
}
.pres-info { flex: 1; min-width: 0; }
.pres-name { font-size: 15px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pres-meta { font-size: 12px; color: var(--color-text-muted); margin-top: 3px; }
.pres-actions { display: flex; gap: 6px; flex-shrink: 0; }

/* Links */
.links-card { padding: 20px; }
.links-card .section-title { margin-bottom: 16px; }
.links-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.link-item { background: var(--color-bg); padding: 14px 16px; border-radius: var(--radius-md); }
.link-label { font-size: 13px; color: var(--color-text-secondary); margin-bottom: 4px; }
.link-url { font-size: 14px; font-weight: 600; color: var(--color-primary); text-decoration: none; }
.link-url:hover { text-decoration: underline; }

/* Rename Input */
.rename-input {
    width: 100%; padding: 12px 16px; font-family: var(--font); font-size: 15px;
    border: 1.5px solid var(--color-border); border-radius: var(--radius-md); outline: none;
}
.rename-input:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px var(--color-primary-light); }

@media (max-width: 600px) {
    .header-content { padding: 16px; }
    .header-title { font-size: 18px; }
    .links-grid { grid-template-columns: 1fr; }
    .pres-actions .btn-sm { padding: 6px 10px; font-size: 12px; }
}