/* TERROR OS 0.8: Dock personalizable, fondos, pantalla Sistema */
.dock-custom{max-width:calc(100vw - 24px)!important;}
.dock-custom .dock-body{max-width:calc(100vw - 32px);overflow-x:auto;overflow-y:hidden;gap:10px;scrollbar-width:thin;align-items:center;}
.dock-custom .system-dock{width:58px;min-width:58px;flex:0 0 58px;}
.dock-nav-glyph{display:grid;place-items:center;width:51px;height:51px;border-radius:14px;background:linear-gradient(150deg,#26232b,#121218);border:1px solid #6d5d65;color:#f2e9eb;box-shadow:inset 0 1px rgba(255,255,255,.12),0 6px 13px #0008;font-size:27px;font-family:system-ui,sans-serif;}
.system-dock:hover .dock-nav-glyph{background:#342630;border-color:#9c6972;}
.dock-group{display:flex;align-items:center;gap:5px;padding:6px 8px 3px;position:relative;border-left:1px solid #75626966;background:#ffffff06;border-radius:12px;}
.dock-group-label{position:absolute;left:8px;top:-4px;transform:translateY(-80%);font-size:9px;letter-spacing:.06em;color:#dbc3ca;text-shadow:0 2px 4px black;white-space:nowrap;}
.dock-group .dock-item{width:57px!important;flex:0 0 57px;}
.dock-custom .dock-sep{flex:0 0 1px;}
.personal-screen{padding:22px 26px 42px;background:#0f1014;min-height:100%;color:#ede7e8;}
.personal-heading{border-bottom:1px solid #ffffff16;padding-bottom:18px;margin-bottom:20px;}
.personal-overline{font-size:11px;letter-spacing:.19em;color:#a78e96;font-family:ui-monospace,monospace;}
.personal-heading h2{font-size:clamp(26px,4vw,39px);letter-spacing:-.045em;margin:9px 0;}
.personal-heading p,.personal-muted{color:#b5a9ad;font-size:13px;line-height:1.7;}
.personal-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 20px;}
#personal-notes-form{display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.notes-label,.dock-available label,.dock-group-create label{font-size:12px;color:#cec0c4;display:flex;gap:6px;flex-direction:column;}
#local-note{display:block;width:100%;min-height:240px;background:#16171d;color:#f4edf0;border:1px solid #4a4148;border-radius:12px;padding:16px;font:15px/1.6 system-ui,sans-serif;resize:vertical;}
.dock-groups-editor{display:grid;gap:15px;}
.dock-group-card{border:1px solid #37333b;border-radius:14px;background:#16151a;padding:16px;}
.dock-group-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px;}
.dock-group-head h3{font-size:17px;margin:0;color:#f1e8ec;}
.dock-pins{display:flex;flex-direction:column;gap:6px;}
.dock-pin-row{display:flex;align-items:center;gap:12px;background:#0b0b0f;border:1px solid #28252a;border-radius:10px;padding:6px 9px;}
.dock-pin-row>.os-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;}
.dock-pin-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px;}
.dock-pin-actions{display:flex;gap:4px;}
.dock-pin-actions button{background:#242027;color:#f7eff1;border:1px solid #494048;border-radius:6px;padding:5px 10px;cursor:pointer;}
.dock-available{display:flex;align-items:end;gap:12px;margin-top:14px;}
.dock-available label{flex:1;}
.dock-available select,.dock-group-create input{min-height:39px;width:100%;background:#0b0b10;border:1px solid #51424b;color:#f0e6e9;border-radius:8px;padding:6px 9px;}
.dock-group-create{display:flex;gap:10px;align-items:end;padding:18px 0;}
.wallpaper-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;}
.wallpaper-choice{padding:0;overflow:hidden;text-align:left;border:1px solid #4e414a;border-radius:14px;background:#1b1b20;color:#efe8eb;cursor:pointer;}
.wallpaper-choice.is-selected{border-color:#e44b62;box-shadow:0 0 0 1px #e44b624a;}
.wallpaper-choice:hover{border-color:#bd7583;}
.wallpaper-swatch{display:block;height:106px;background-size:cover;background-position:center;}
.wallpaper-caption{display:flex;justify-content:space-between;flex-direction:column;gap:4px;padding:12px;min-height:58px;font-size:13px;}
.wallpaper-caption small{color:#bdacb2;font-size:10px;}
.wallpaper-preview-carmesi .wallpaper-swatch{background-image:linear-gradient(#10050955,#10040877),url('./assets/wallpaper-craneos-rojo.png');}
.wallpaper-preview-negro .wallpaper-swatch{background:radial-gradient(circle at 50% 45%,#22232a,#060607 73%);}
.wallpaper-preview-grafito .wallpaper-swatch{background:linear-gradient(140deg,#313239,#0a0a10);}
.wallpaper-preview-ceniza .wallpaper-swatch{background:linear-gradient(140deg,#5d4640,#111015);filter:grayscale(.7)}
.wallpaper-preview-eclipse .wallpaper-swatch{background:radial-gradient(circle at 55% 45%,#822b36,#0d0508 55%,#030202);}
.desktop.wallpaper-negro:not(.legacy){background:#070709!important;background-image:radial-gradient(ellipse at 45% 50%,#202126 0%,#050506 73%)!important;}
.desktop.wallpaper-grafito:not(.legacy){background:#0d0f13!important;background-image:radial-gradient(ellipse at 65% 20%,#313038 0%,#0c0e11 70%),linear-gradient(140deg,#24252b,#090a0d)!important;}
@media(max-width:740px){.dock-custom .dock-body{gap:5px;max-width:calc(100vw - 16px);padding:8px 9px;}.dock-custom .system-dock{min-width:44px;width:44px;flex-basis:44px;}.dock-nav-glyph{width:39px;height:39px;border-radius:11px;font-size:23px;}.dock-group{padding:3px 4px 1px;gap:0;}.dock-group .dock-item{width:45px!important;flex-basis:45px;}.dock-group-label{display:none;}.personal-screen{padding:17px 14px 28px;}.dock-available{flex-wrap:wrap;}.wallpaper-picker{grid-template-columns:repeat(2,minmax(0,1fr));}}