/* Portada inspirada en el nuevo centro de mando de MiniArchivum. */
body:has(.dashboard-reference){background:radial-gradient(circle at 56% -12%,#18303a 0,transparent 34%),#071016}
body:has(.dashboard-reference) .topbar{height:74px;padding:12px 22px;border-color:#273740;background:#09141bd9;backdrop-filter:blur(20px)}
body:has(.dashboard-reference) .topbar>div:first-child{display:none}
body:has(.dashboard-reference) .top-actions{width:100%;gap:15px}
body:has(.dashboard-reference) .search{flex:1;width:auto;max-width:none;height:44px;border-color:#354650;border-radius:10px;background:linear-gradient(135deg,#101c23d9,#0b151bca);box-shadow:inset 0 1px #ffffff0b}
body:has(.dashboard-reference) .search span{font-size:24px;color:#dbe4e7}
body:has(.dashboard-reference) .top-tool{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#dae0e1;cursor:pointer}
body:has(.dashboard-reference) .top-tool svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body:has(.dashboard-reference) .top-tool i{position:absolute;right:7px;top:6px;width:6px;height:6px;border-radius:50%;background:#efbd65;box-shadow:0 0 10px #efbd65}
body:has(.dashboard-reference) .profile{height:50px;padding:0 9px 0 14px;border:0;border-left:1px solid #32424b}
body:has(.dashboard-reference) #app{max-width:none;padding:14px 20px 34px}

.dashboard-reference{display:grid;gap:13px;color:#edf0ed}
.dashboard-reference .command-hero{position:relative;display:block;min-height:270px;aspect-ratio:auto;overflow:hidden;border:1px solid #3c4d55;border-radius:10px;background-image:linear-gradient(90deg,#071017fa 0%,#071017e8 29%,#07101772 53%,#07101714 75%),linear-gradient(0deg,#061017c9,transparent 57%),url("assets/generated/hero-miniarchivum-dashboard-v2.png");background-size:cover;background-position:center 47%;box-shadow:0 18px 44px #0007,inset 0 1px #ffffff0b}
.dashboard-reference .command-hero:before{display:block;content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff0 52%,#d493250a);pointer-events:none}
.dashboard-reference .command-hero:after{display:block;content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 80px #0005;pointer-events:none}
.dashboard-reference .command-copy{display:block;position:relative;z-index:2;max-width:700px;padding:36px 43px}
.dashboard-reference .dashboard-kicker{margin:0 0 14px;color:#d7aa59;font-size:9px;font-weight:900;letter-spacing:.42em}
.dashboard-reference .command-copy h2{margin:0;color:#f5f1e9;font:600 clamp(34px,3vw,52px)/1.02 Georgia,serif;letter-spacing:-.025em;text-shadow:0 5px 24px #000}
.dashboard-reference .command-copy h3{margin:16px 0 3px;color:#f4efe7;font:700 17px Georgia,serif}
.dashboard-reference .command-copy>p:not(.dashboard-kicker){margin:0;color:#a9b1b4;font:15px/1.4 "Segoe UI",sans-serif}
.dashboard-reference .hero-actions{display:flex;gap:11px;margin-top:25px}
.dashboard-reference .hero-actions .button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:196px;height:45px;padding:0 18px;border:1px solid #ecc775;border-radius:8px;background:linear-gradient(135deg,#f0cb7a,#bd7f30);color:#17110a;text-transform:none;letter-spacing:0;font-size:12px;box-shadow:inset 0 1px #fff8,0 10px 25px #0005}
.dashboard-reference .hero-actions .button.secondary{min-width:170px;border-color:#68747a;background:#111c23b8;color:#edf0ed;backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff10}
.dashboard-reference .command-hero>blockquote{position:absolute;z-index:2;right:11%;top:80px;margin:0;padding-right:36px;color:#c7c3b9;font:10px/1.55 Georgia,serif;letter-spacing:.32em;text-align:left;text-shadow:0 2px 10px #000}
.dashboard-reference .command-hero>blockquote:after{content:"";position:absolute;right:0;bottom:0;width:25px;height:1px;background:#b88b48}

.dashboard-reference .dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dashboard-reference .dashboard-stats button{position:relative;display:grid;grid-template-columns:58px 1fr 18px;align-items:center;min-height:105px;padding:14px 18px;overflow:hidden;border:1px solid #40515a;border-radius:9px;background:linear-gradient(100deg,#111d23f2,#0a141aeb);color:#f1eee8;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff0b,0 12px 30px #0004;transition:.2s}
.dashboard-reference .dashboard-stats button:before{content:"";position:absolute;inset:0;opacity:.15;background-size:cover;background-position:center;transition:.2s}
.dashboard-reference .dashboard-stats button:nth-child(1):before{background-image:url("assets/generated/card-catalog.png")}.dashboard-reference .dashboard-stats button:nth-child(2):before{background-image:url("assets/generated/card-current.png")}.dashboard-reference .dashboard-stats button:nth-child(3):before{background-image:url("assets/generated/card-paints.png")}.dashboard-reference .dashboard-stats button:nth-child(4):before{background-image:url("assets/generated/card-guides.png")}
.dashboard-reference .dashboard-stats button:hover{transform:translateY(-2px);border-color:#d4a24e99}.dashboard-reference .dashboard-stats button:hover:before{opacity:.23}
.dashboard-reference .dashboard-stats button>*{position:relative}.dashboard-reference .dashboard-stats button>span{display:grid;place-items:center;width:49px;height:49px;border:1px solid #c995495f;border-radius:50%;background:#121a1dd6;color:#e9bd68}.dashboard-reference .dashboard-stat-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.dashboard-reference .dashboard-stats small{display:block;color:#b1b6b6;font-size:8px;font-weight:800;letter-spacing:.2em}.dashboard-reference .dashboard-stats strong{display:block;margin-top:8px;font:700 24px/1 Georgia,serif}.dashboard-reference .dashboard-stats button>b{color:#e7b75e;font-size:23px;text-align:right}

.dashboard-workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,.9fr);gap:13px}
.dashboard-projects-panel,.dashboard-activity{min-width:0;padding:14px;border:1px solid #35464f;border-radius:9px;background:linear-gradient(145deg,#0e1920e8,#091319e8);box-shadow:inset 0 1px #ffffff09,0 15px 34px #0004}
.dashboard-projects-panel>header,.dashboard-activity>header{display:flex;align-items:center;justify-content:space-between;height:27px;margin-bottom:11px;padding:0 3px;border-bottom:1px solid #2a3a42}.dashboard-projects-panel>header h3,.dashboard-activity>header h3,.dashboard-quick>header h3{margin:0;color:#f1eee7;font:700 16px "Segoe UI",sans-serif}.dashboard-projects-panel>header button,.dashboard-activity>header button{border:0;background:transparent;color:#d9aa56;font-size:9px;cursor:pointer}
.dashboard-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dashboard-project{min-width:0;overflow:hidden;border:1px solid #40515a;border-radius:8px;background:linear-gradient(155deg,#111d23,#0b151a);box-shadow:0 8px 20px #0004}
.dashboard-project-media{height:100px;overflow:hidden}.dashboard-project-media .unit-media{width:100%;height:100%;margin:0;border:0;border-radius:0}.dashboard-project-media .unit-media img{width:100%;height:100%;object-fit:cover}.dashboard-project-media .generic-image-label{display:none}
.dashboard-project-copy{padding:10px 11px}.dashboard-project-copy h4{overflow:hidden;margin:0;color:#f1ede6;font:700 12px/1.25 "Segoe UI",sans-serif;text-overflow:ellipsis;white-space:nowrap}.dashboard-project-copy>small{display:block;margin-top:4px;overflow:hidden;color:#8f9a9f;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.dashboard-project-progress{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;margin-top:9px}.dashboard-project-progress>b{font-size:15px}.dashboard-project-progress>span{height:7px;overflow:hidden;border-radius:8px;background:#26353d}.dashboard-project-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bd8334,#f0c36c)}.dashboard-project-copy>p{margin:8px 0;color:#c2c5c3;font-size:9px}.dashboard-project-copy>p span{display:block;margin-bottom:2px;color:#737f85}.dashboard-project-copy>button,.dashboard-project-empty button{display:flex;align-items:center;gap:9px;width:100%;height:31px;padding:0 11px;border:1px solid #c89a51;border-radius:4px;background:transparent;color:#e4b764;font-size:9px;cursor:pointer}.dashboard-project-copy>button b,.dashboard-project-empty button b{font-weight:700}
.dashboard-project-empty{display:grid;place-items:center;min-height:240px;padding:20px;background-image:linear-gradient(#0a141bdc,#0a141bf2),url("assets/generated/card-current.png");background-size:cover;background-position:center;text-align:center}.dashboard-project-guide{background-image:linear-gradient(#0a141bdc,#0a141bf2),url("assets/generated/card-guides.png")}.dashboard-project-paint{background-image:linear-gradient(#0a141bdc,#0a141bf2),url("assets/generated/card-paints.png")}.dashboard-project-empty>div>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 11px;border:1px solid #c392495f;border-radius:50%;color:#e3b35d}.dashboard-empty-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.dashboard-project-empty h4{margin:0;color:#f1ede5;font:700 13px Georgia,serif}.dashboard-project-empty p{min-height:44px;margin:8px 0 14px;color:#929da1;font-size:9px;line-height:1.45}
.dashboard-activity{padding-bottom:11px}.activity-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:52px;padding:8px 2px;border-bottom:1px solid #273740}.activity-row>span{display:grid;place-items:center;width:40px;height:38px;border:1px solid #465760;border-radius:7px;background:#121d23;color:#dcb05d}.activity-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.activity-row p{margin:0;color:#919ca1;font-size:8px;line-height:1.35}.activity-row p b{display:block;color:#e8e6e0;font-size:9px}.activity-row>small{color:#8b969b;font-size:8px}.activity-empty{display:grid;place-items:center;min-height:218px;color:#77848a;text-align:center}.activity-empty-icon{width:30px;height:30px;margin-bottom:9px;fill:none;stroke:#b78843;stroke-width:1.5}.activity-empty b{color:#d3cec4;font:14px Georgia,serif}.activity-empty p{margin:5px 0 0;font-size:9px}

.dashboard-quick{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:10px}.dashboard-quick>header{grid-column:1/-1}.dashboard-quick>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-card{position:relative;display:grid;grid-template-columns:48px 1fr 28px;align-items:center;min-height:88px;padding:12px;overflow:hidden;border:1px solid #3b4c55;border-radius:8px;background:linear-gradient(100deg,#111c22ee,#0a1419e8);color:#ece9e2;text-align:left;cursor:pointer}.quick-card:before{content:"";position:absolute;inset:0;opacity:.13;background-size:cover;background-position:center}.quick-catalog:before{background-image:url("assets/generated/card-catalog.png")}.quick-army:before{background-image:url("assets/generated/card-collection.png")}.quick-paints:before{background-image:url("assets/generated/card-paints.png")}.quick-guides:before{background-image:url("assets/generated/card-guides.png")}.quick-card>*{position:relative}.quick-card>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c0904759;border-radius:50%;color:#e2b359}.quick-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.quick-card p{margin:0}.quick-card p b,.quick-card p small{display:block}.quick-card p b{font-size:10px}.quick-card p small{max-width:145px;margin-top:4px;color:#9aa3a6;font-size:8px;line-height:1.35}.quick-card>i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ecc16d;color:#17110a;font-style:normal}.dashboard-quick>blockquote{align-self:center;margin:0;color:#777e7e;font:italic 11px/1.7 Georgia,serif;text-align:center}.dashboard-quick>blockquote:after{content:"✦";display:block;margin-top:9px;color:#a77b3b;font-style:normal}

@media(max-width:1300px){.dashboard-reference .command-hero>blockquote{display:none}.dashboard-workspace{grid-template-columns:1fr}.dashboard-activity{display:none}.dashboard-quick{grid-template-columns:1fr}.dashboard-quick>blockquote{display:none}.dashboard-quick>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.dashboard-reference .dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-project-grid{grid-template-columns:1fr 1fr}.dashboard-project:nth-child(3){display:none}}
@media(max-width:900px){body:has(.dashboard-reference) .topbar{height:68px}.brand{padding:10px 7px}.brand-full{display:block;height:55px}.dashboard-reference .command-hero{min-height:330px;background-position:62% center}.dashboard-reference .command-copy{padding:42px 30px}.dashboard-reference .command-copy h2{font-size:40px}}
@media(max-width:650px){body:has(.dashboard-reference) #app{padding:10px 10px 84px}.dashboard-reference .command-hero{min-height:420px;background-position:68% center}.dashboard-reference .command-copy{position:absolute;left:0;right:0;bottom:0;padding:90px 22px 25px;background:linear-gradient(transparent,#061017f5 45%)}.dashboard-reference .command-copy h2{font-size:34px}.dashboard-reference .hero-actions{display:grid}.dashboard-reference .hero-actions .button{width:100%}.dashboard-reference .dashboard-stats{grid-template-columns:1fr 1fr;gap:8px}.dashboard-reference .dashboard-stats button{grid-template-columns:42px 1fr 10px;min-height:84px;padding:11px}.dashboard-reference .dashboard-stats button>span{width:37px;height:37px}.dashboard-reference .dashboard-stats strong{font-size:20px}.dashboard-reference .dashboard-stats small{font-size:7px}.dashboard-project-grid{grid-template-columns:1fr}.dashboard-project:nth-child(2),.dashboard-project:nth-child(3){display:none}.dashboard-quick>div{grid-template-columns:1fr}.dashboard-quick{gap:8px}.quick-card{min-height:78px}}
