/* ============================================================
 * profile.css — Profile sheet, avatar, wallpaper, theme picker
 * ============================================================ */

/* PROFILE & PREFERENCES */
.profile-modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:800;align-items:flex-end;}
.profile-modal-bg.visible{display:flex;}
.ps-handle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 0;}
.ps-handle{width:40px;height:4px;background:#dddbd2;border-radius:2px;}
.ps-close{background:none;border:none;font-size:22px;color:#9e9b91;cursor:pointer;}
.ps-avatar-section{text-align:center;padding:20px 20px 16px;}
.ps-avatar-wrap{position:relative;display:inline-block;margin-bottom:10px;}
.ps-avatar{width:80px;height:80px;border-radius:50%;background:#1a1917;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;overflow:hidden;cursor:pointer;}
.ps-avatar img{width:100%;height:100%;object-fit:cover;}
.ps-avatar-edit{position:absolute;bottom:0;right:0;width:26px;height:26px;border-radius:50%;background:#1a1917;border:2px solid #f0efe9;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.ps-avatar-edit svg{color:#fff;}
.ps-name{font-size:18px;font-weight:700;color:#1a1917;margin-bottom:3px;}
.ps-email{font-size:13px;color:#9e9b91;}
.ps-section{padding:0 16px;margin-bottom:16px;}
.ps-section-title{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9e9b91;margin-bottom:10px;padding:0 4px;}
.ps-card{background:#fff;border-radius:14px;overflow:hidden;}
.ps-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:.5px solid #f0efe9;cursor:pointer;}
.ps-row:last-child{border-bottom:none;}
.ps-row-label{font-size:14px;font-weight:500;color:#1a1917;}
.ps-row-sub{font-size:11px;color:#9e9b91;margin-top:2px;}
.ps-row-right{display:flex;align-items:center;gap:8px;color:#9e9b91;}
.ps-row-val{font-size:13px;font-weight:500;}
.ps-toggle{width:44px;height:26px;border-radius:13px;background:#dddbd2;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0;border:none;}
.ps-toggle.on{background:#1a1917;}
.ps-toggle::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.ps-toggle.on::after{transform:translateX(18px);}
.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;background:#fff;border-radius:14px;}
.theme-opt{border:2px solid #e4e2db;border-radius:10px;padding:14px 10px;text-align:center;cursor:pointer;transition:all .2s;}
.theme-opt.selected{border-color:#1a1917;}
.theme-opt-preview{width:100%;height:36px;border-radius:6px;margin-bottom:8px;}
.theme-opt-name{font-size:12px;font-weight:600;color:#1a1917;}
.wallpaper-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;background:#fff;border-radius:14px;}
.wallpaper-item{aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;position:relative;}
.wallpaper-item.selected{border-color:#1a1917;}
.wallpaper-item img{width:100%;height:100%;object-fit:cover;}
.wallpaper-item.upload-slot{background:#f0efe9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #dddbd2;}
.wallpaper-item.upload-slot svg{color:#9e9b91;}
.wallpaper-item.upload-slot span{font-size:11px;font-weight:600;color:#9e9b91;}
.wallpaper-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;cursor:pointer;}
.ps-signout{width:calc(100% - 32px);margin:0 16px 16px;background:#fee2e2;color:#dc2626;border:none;border-radius:12px;padding:14px;font-family:'Inter',sans-serif;font-size:14px;font-weight:700;cursor:pointer;}
/* THEME VARIABLES */


/* WALLPAPER */
.app-wallpaper{position:fixed;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;}
.app-wallpaper img,.app-wallpaper video{width:100%;height:100%;object-fit:cover;}