:root{
  --bg:#050b18;
  --panel:#0b1427;
  --panel2:#101c34;
  --line:#1d3155;
  --text:#f8fbff;
  --muted:#98a8c3;
  --blue:#1677ff;
  --cyan:#22c8ff;
  --green:#21d07a;
  --red:#ff5c6c;
}

*{box-sizing:border-box}
html{color-scheme:dark}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:radial-gradient(circle at 80% 10%,#112d57 0,transparent 30%),var(--bg);
  color:var(--text);
}
button,input{font:inherit}
a{text-decoration:none;color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #22c8ff66;outline-offset:2px}

.logo{font-size:24px;font-weight:800;letter-spacing:.4px;display:flex;gap:10px;align-items:center}
.logo span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#1fd7ff,#315bff 55%,#8a39ff);box-shadow:0 0 28px #176cff66}
.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--cyan);font-weight:800}
.muted{color:var(--muted)}

.install-page,.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px}
.install-shell{width:min(1180px,100%);display:grid;grid-template-columns:330px 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#07101fdd;box-shadow:0 30px 90px #0009}
.brand-panel{position:relative;padding:42px;background:linear-gradient(160deg,#0a1730,#06101e);overflow:hidden}
.brand-panel h2{margin-top:80px;font-size:32px}
.brand-panel p{line-height:1.7;color:var(--muted)}
.brand-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:#1677ff33;filter:blur(20px);bottom:-80px;right:-80px}
.install-card{padding:42px}
.install-card h1,.auth-card h1,.dashboard h1{font-size:38px;margin:8px 0}

.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}
.step{display:flex;align-items:center;gap:10px;color:#687992}
.step b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #33476d;flex:0 0 auto}
.step.active,.step.done{color:#fff}
.step.active b{background:var(--blue);box-shadow:0 0 22px #1677ff99}
.step.done b{background:#134c3a;color:#75ffb8}

.panel{background:linear-gradient(180deg,#0b162b,#091326);border:1px solid var(--line);border-radius:18px;padding:24px}
.panel h3,.panel h2{margin-top:0}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:20px}
.check-row{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid #1a2d4d;border-radius:12px;background:#081226}
.ok{color:var(--green)}
.bad{color:var(--red)}
.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}

.btn{border:0;border-radius:11px;padding:13px 20px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:46px}
.btn.primary{color:#fff;background:linear-gradient(90deg,#2952ff,#108cff);box-shadow:0 10px 35px #176cff44}
.btn.secondary{background:#14213a;color:#dbe8ff}
.btn:disabled,.btn.disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.full-btn{width:100%;margin-top:4px}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-grid .full{grid-column:1/-1}
label{display:grid;gap:8px;color:#dbe8ff;font-size:14px}
input:not([type="checkbox"]):not([type="radio"]){width:100%;padding:14px;border-radius:10px;border:1px solid #294268;background:#07101f;color:#fff;outline:none;min-height:48px}
input:not([type="checkbox"]):not([type="radio"]):focus{border-color:var(--blue);box-shadow:0 0 0 3px #1677ff22}
input[type="checkbox"]{width:18px;height:18px;accent-color:var(--blue);margin:0;flex:0 0 auto}
.field-help{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.55}

.alert{padding:14px 16px;border-radius:12px;margin:16px 0;line-height:1.5}
.alert.error{background:#4b1520;border:1px solid #8a2638}
.alert.success{background:#0e3f2d;border:1px solid #1f7b56}
.alert.warning{background:#49330d;border:1px solid #8a6420;color:#ffe2a5}
.summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:#07101f;border-radius:12px}
.summary span{color:var(--muted)}

.auth-card{width:min(470px,100%);padding:36px;border:1px solid var(--line);border-radius:24px;background:#091326ed;box-shadow:0 30px 90px #0009}
.auth-card-wide{width:min(560px,100%)}
.auth-card .logo{margin-bottom:28px}
.auth-card form{display:grid;gap:18px;margin-top:26px}
.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:0 0 30px;background:#07101f}
.auth-tabs a{padding:13px 10px;text-align:center;color:#8fa4c5;font-size:13px;border-right:1px solid var(--line)}
.auth-tabs a:last-child{border-right:0}
.auth-tabs a.active{color:#fff;background:#12366d;box-shadow:inset 0 -2px 0 var(--cyan)}
.password-field{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #294268;background:#07101f;border-radius:10px;overflow:hidden}
.password-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1677ff22}
.password-field input:not([type="checkbox"]){border:0;border-radius:0;background:transparent;box-shadow:none!important}
.password-toggle{height:100%;border:0;border-left:1px solid #294268;background:#101c34;color:#bcd1ef;padding:0 14px;cursor:pointer}
.auth-options{display:flex;justify-content:space-between;align-items:center;gap:16px}
.checkbox-label{display:flex;grid-template-columns:none;align-items:center;gap:9px;color:#aebdd2;line-height:1.4}
.text-link{color:#56b8ff;font-weight:700}
.text-link:hover{text-decoration:underline}
.auth-switch{text-align:center;margin:24px 0 0;color:var(--muted)}
.auth-foot{text-align:center;color:#7184a2;font-size:13px;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line)}

.app-page{min-height:100vh;display:grid;grid-template-columns:240px 1fr}
.sidebar{padding:28px 20px;border-right:1px solid var(--line);background:#07101f;display:flex;flex-direction:column;min-height:100vh}
.sidebar nav{display:grid;gap:8px;margin-top:48px}
.sidebar nav a{padding:13px 15px;border-radius:10px;color:#a9b8cf}
.sidebar nav a.active{background:#12366d;color:#fff}
.logout-form{margin-top:auto}
.logout{width:100%;border:0;background:transparent;text-align:left;padding:13px 15px;color:#ff9ba6;cursor:pointer;border-radius:10px}
.logout:hover{background:#4b152033}
.dashboard{padding:36px;min-width:0}
.dashboard header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.status-pill{padding:9px 14px;border:1px solid #1f7b56;background:#0e3f2d;border-radius:999px;color:#7cf4b5;white-space:nowrap}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.cards article{display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0c1730,#091326);min-width:0}
.cards article b{color:#8fa4c5}
.cards article strong{font-size:26px}
.cards article span{color:var(--muted);line-height:1.5}
.account-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.account-summary div{display:grid;gap:8px;padding:16px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f;min-width:0}
.account-summary span{color:var(--muted);font-size:13px}
.account-summary strong{overflow-wrap:anywhere}

@media(max-width:850px){
  .install-shell{grid-template-columns:1fr}
  .brand-panel{display:none}
  .check-grid,.form-grid,.cards,.account-summary{grid-template-columns:1fr}
  .app-page{grid-template-columns:1fr}
  .sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding:18px 20px;display:grid;grid-template-columns:1fr auto;align-items:center}
  .sidebar nav{margin:0;display:none}
  .logout-form{margin:0}
  .logout{width:auto}
  .dashboard{padding:24px}
  .dashboard header{display:block}
  .status-pill{display:inline-block;margin-top:12px}
  .install-card{padding:24px}
  .step span{display:none}
}

@media(max-width:560px){
  .install-page,.auth-page{padding:14px}
  .auth-card{padding:24px 20px;border-radius:18px}
  .auth-card h1,.install-card h1,.dashboard h1{font-size:30px}
  .auth-tabs{grid-template-columns:1fr}
  .auth-tabs a{border-right:0;border-bottom:1px solid var(--line)}
  .auth-tabs a:last-child{border-bottom:0}
  .auth-options{align-items:flex-start;flex-direction:column}
  .actions{flex-direction:column-reverse}
  .actions .btn{width:100%}
  .summary{grid-template-columns:1fr}
  .dashboard{padding:20px 16px}
}

/* Bloque 3: usuarios, perfiles y seguridad. Conserva la identidad visual existente. */
.app-content{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.topbar{min-height:74px;padding:14px 32px;border-bottom:1px solid var(--line);background:#081225e8;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.menu-toggle,.sidebar-close{display:none;border:1px solid var(--line);background:#101c34;color:#fff;border-radius:10px;min-width:42px;min-height:42px;cursor:pointer}
.topbar-title{display:grid;gap:2px}.topbar-title span{font-size:11px;color:var(--cyan);font-weight:800;letter-spacing:.12em}.topbar-title strong{font-size:16px}
.topbar-profile{margin-left:auto;display:flex;align-items:center;gap:10px;color:#dbe8ff;font-weight:700}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sidebar-user{margin-top:auto;padding:14px 8px;display:flex;align-items:center;gap:11px;border-top:1px solid var(--line)}
.sidebar-user div{display:grid;min-width:0}.sidebar-user strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user span{font-size:12px;color:var(--muted)}
.logout-form{margin-top:0}
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}
.page-header h1{margin:6px 0 5px}.header-actions{display:flex;gap:10px;flex-wrap:wrap}
.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.section-heading h2{margin:0 0 4px}.section-heading p{margin:0}
.content-grid{display:grid;gap:20px;margin:20px 0}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}
.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-actions a{display:grid;gap:6px;padding:18px;border:1px solid #1a2d4d;border-radius:13px;background:#07101f;color:#fff}.quick-actions a:hover{border-color:#2767c5;background:#0b1a34}.quick-actions span{color:var(--muted);font-size:13px;line-height:1.45}
.profile-summary{display:flex;align-items:center;gap:18px}.profile-summary h2,.profile-summary h3{margin:0 0 5px}.profile-summary p{margin:0 0 10px;color:var(--muted);overflow-wrap:anywhere}
.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid #31568c;background:linear-gradient(135deg,#2952ff,#7c3cff);box-shadow:0 6px 22px #176cff33;display:grid;place-items:center;color:#fff;font-weight:850;flex:0 0 auto}
.avatar-small{width:38px;height:38px;font-size:12px}.avatar-large{width:82px;height:82px;font-size:22px}.avatar-xlarge{width:118px;height:118px;font-size:30px;margin:0 auto 18px}
.profile-card{text-align:center;align-self:start}.profile-card h2{margin:0 0 6px}.profile-card>p{color:var(--muted);overflow-wrap:anywhere}.profile-meta{display:grid;gap:6px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.profile-meta span{color:var(--muted);font-size:13px}
.badge-row{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.badge-blue{background:#12366d;color:#8dccff;border:1px solid #1d559e}.status-active{background:#0e3f2d;color:#7cf4b5;border:1px solid #1f7b56}.status-inactive{background:#293142;color:#c2ccdc;border:1px solid #45516a}.status-blocked{background:#4b1520;color:#ff9ba6;border:1px solid #8a2638}
.btn.danger{color:#ff9ba6;background:#4b1520;border:1px solid #8a2638}.btn.small{min-height:36px;padding:8px 13px;font-size:12px}
select,textarea,input[type="search"],input[type="file"]{width:100%;padding:14px;border-radius:10px;border:1px solid #294268;background:#07101f;color:#fff;outline:none;min-height:48px}select:focus,textarea:focus,input[type="search"]:focus,input[type="file"]:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1677ff22}select option{background:#07101f;color:#fff}
.form-panel form,.panel>form{display:grid;gap:18px}.form-panel .actions{margin-top:4px}
.filter-bar{display:grid!important;grid-template-columns:minmax(240px,1fr) 190px 190px auto;align-items:end;gap:14px;margin-bottom:22px}.filter-grow{min-width:0}.filter-actions{display:flex;gap:8px}
.table-wrap{overflow:auto;border:1px solid #1a2d4d;border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th,.data-table td{padding:15px 16px;text-align:left;border-bottom:1px solid #162846;vertical-align:middle}.data-table th{font-size:12px;color:#8fa4c5;text-transform:uppercase;letter-spacing:.05em;background:#081225}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#0d1a32}.user-cell{display:flex;align-items:center;gap:11px;min-width:220px}.user-cell div{display:grid;gap:3px}.user-cell span{font-size:12px;color:var(--muted)}.row-actions{display:flex;gap:12px}.row-actions a{color:#56b8ff;font-weight:700}
.pagination-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;color:var(--muted)}.pagination-bar nav{display:flex;align-items:center;gap:14px}.pagination-bar a{color:#56b8ff;font-weight:700}.pagination-bar strong{color:#dbe8ff}
.empty-state{text-align:center;color:var(--muted);padding:30px 16px}
.detail-list{display:grid;gap:0;margin:24px 0 0}.detail-list div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:13px 0;border-top:1px solid var(--line)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere}
.status-actions{display:flex;gap:10px;flex-wrap:wrap}.status-actions form{display:block}
.session-list{display:grid;gap:10px}.session-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.session-item>div:first-child{display:grid;gap:5px}.session-item span:not(.badge){font-size:12px;color:var(--muted)}.session-controls{display:flex;align-items:center;gap:10px}.session-controls form{display:block}
.activity-list{display:grid}.activity-list>div{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-list>div:last-child{border-bottom:0}.activity-list p{margin:0;display:grid;gap:5px}.activity-list small{color:var(--muted);line-height:1.45}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px #1677ffaa;margin-top:5px}
.narrow-panel{width:min(720px,100%);margin:0 auto}.setup-steps{display:grid;gap:14px;margin:22px 0}.setup-steps>div{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:15px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.setup-steps b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#12366d;color:#fff}.setup-steps p{margin:0;display:grid;gap:6px}.setup-steps span{color:var(--muted)}.secret-code{display:block!important;padding:12px;border:1px dashed #31568c;border-radius:9px;color:#fff!important;letter-spacing:.12em;overflow-wrap:anywhere}.uri-details{margin:16px 0 24px}.uri-details summary{cursor:pointer;color:#56b8ff;font-weight:700}.uri-details code{display:block;margin-top:10px;padding:12px;border-radius:9px;background:#050c18;color:#a9c8ef;overflow-wrap:anywhere}
.sidebar-backdrop{display:none}

@media(max-width:1080px){.filter-bar{grid-template-columns:1fr 1fr}.filter-grow{grid-column:1/-1}.filter-actions{justify-content:flex-end}.two-columns{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr}.profile-card{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;text-align:left;align-items:center}.profile-card .avatar-xlarge{grid-row:1/5;margin:0}.profile-meta{grid-column:1/-1;text-align:center}}
@media(max-width:850px){
  .app-page{display:block}.app-content{min-height:100vh}.topbar{padding:12px 18px}.menu-toggle{display:inline-grid;place-items:center}.topbar-profile span{display:none}
  .sidebar{position:fixed!important;inset:0 auto 0 0;width:min(310px,88vw);height:100vh;min-height:0!important;padding:22px!important;display:flex!important;grid-template-columns:none!important;align-items:stretch!important;transform:translateX(-105%);transition:transform .22s ease;z-index:60;border-bottom:0!important;border-right:1px solid var(--line)!important;overflow-y:auto}
  .sidebar.is-open{transform:translateX(0)}.sidebar-close{display:inline-grid;place-items:center}.sidebar nav{display:grid!important;margin-top:34px!important}.sidebar-user{margin-top:auto}.logout-form{margin-top:0!important}.logout{width:100%!important}
  .sidebar-backdrop{position:fixed;inset:0;background:#0009;z-index:50}.sidebar-backdrop.is-open{display:block}
  body.sidebar-open{overflow:hidden}.dashboard{padding:24px 18px!important}.page-header{display:flex!important}.cards{grid-template-columns:1fr!important}
}
@media(max-width:640px){.page-header{flex-direction:column}.page-header .btn,.header-actions{width:100%}.header-actions .btn{flex:1}.filter-bar{grid-template-columns:1fr}.filter-grow{grid-column:auto}.filter-actions{justify-content:stretch}.filter-actions .btn{flex:1}.quick-actions{grid-template-columns:1fr}.session-item{align-items:flex-start;flex-direction:column}.session-controls{width:100%;justify-content:space-between}.pagination-bar{align-items:flex-start;flex-direction:column}.detail-list div{grid-template-columns:1fr;gap:5px}.detail-list dd{text-align:left}.profile-card{display:block;text-align:center}.profile-card .avatar-xlarge{margin:0 auto 18px}.topbar-title strong{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* Bloque 4: escritorio general. Amplía la interfaz existente sin alterar su identidad. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dashboard-heading{align-items:center}.dashboard-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.period-form{display:flex!important;align-items:center;gap:8px}.period-form label{min-width:180px}.period-form select{min-height:46px;padding:11px 38px 11px 13px}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:0 0 20px}.metric-card{position:relative;overflow:hidden;display:grid;gap:10px;min-height:158px;padding:21px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0c1730,#091326)}.metric-card:after{content:"";position:absolute;width:115px;height:115px;border-radius:50%;right:-45px;top:-48px;opacity:.18;filter:blur(4px)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-top span{color:#a7b9d5;font-size:13px;font-weight:800}.metric-top i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 17px currentColor}.metric-card>strong{font-size:30px;line-height:1}.metric-card>p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.tone-blue .metric-top i,.tone-blue{--metric:#2089ff}.tone-cyan .metric-top i,.tone-cyan{--metric:#22c8ff}.tone-purple .metric-top i,.tone-purple{--metric:#8d68ff}.tone-green .metric-top i,.tone-green{--metric:#21d07a}.tone-red .metric-top i,.tone-red{--metric:#ff5c6c}.metric-card .metric-top i{background:var(--metric);color:var(--metric)}.metric-card:after{background:var(--metric)}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:20px;margin:20px 0}.dashboard-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-panel{min-width:0}.chart-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend span:before{content:"";width:9px;height:9px;border-radius:50%}.legend-activity:before{background:#1677ff}.legend-logins:before{background:#21d07a}.legend-alerts:before{background:#ff5c6c}.chart-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.chart-summary div{display:grid;gap:5px;padding:13px 15px;border:1px solid #1a2d4d;border-radius:11px;background:#07101f}.chart-summary span{font-size:11px;color:var(--muted)}.chart-summary strong{font-size:19px}.line-chart{min-width:0;border:1px solid #172b4c;border-radius:14px;background:linear-gradient(180deg,#08152a,#07101f);padding:14px 12px 10px;overflow:hidden}.line-chart svg{display:block;width:100%;height:240px}.chart-grid-line{stroke:#1a3157;stroke-width:1}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line-activity{stroke:#1677ff}.chart-line-logins{stroke:#21d07a}.chart-line-alerts{stroke:#ff5c6c}.chart-labels{display:flex;justify-content:space-between;gap:8px;color:#7184a2;font-size:10px;padding:0 6px}.chart-labels span{white-space:nowrap}
.account-health-panel{display:flex;flex-direction:column}.completion-ring{width:150px;height:150px;border-radius:50%;margin:6px auto 22px;display:grid;place-items:center;align-content:center;gap:4px;background:radial-gradient(circle at center,#0a1427 58%,transparent 59%),conic-gradient(#1677ff 0 78%,#1d3155 78% 100%);border:1px solid #28518b;box-shadow:0 0 30px #1677ff22}.completion-ring strong{font-size:28px}.completion-ring span{font-size:11px;color:var(--muted)}.health-checks{display:grid;gap:10px}.health-checks a{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.health-checks a:hover{border-color:#2d65ad}.health-checks div{display:grid;gap:4px}.health-checks small{color:var(--muted);line-height:1.4}.health-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2d3546;color:#9eacc2;font-weight:900;flex:0 0 auto}.health-icon.complete{background:#0e3f2d;color:#7cf4b5;border:1px solid #1f7b56}
.dashboard-activity-list,.security-alert-list{display:grid}.dashboard-activity-list>div,.security-alert-list>div{display:grid;grid-template-columns:16px 1fr;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}.dashboard-activity-list>div:last-child,.security-alert-list>div:last-child{border-bottom:0}.dashboard-activity-list p,.security-alert-list p{margin:0;display:grid;gap:5px}.dashboard-activity-list small,.security-alert-list small{color:#b7c5da;line-height:1.4}.dashboard-activity-list em,.security-alert-list em{font-style:normal;font-size:11px;color:#7184a2}.event-mark{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#708099;box-shadow:0 0 12px #70809966}.event-success{background:#21d07a;box-shadow:0 0 12px #21d07a88}.event-danger{background:#ff5c6c;box-shadow:0 0 12px #ff5c6c88}.event-info{background:#22c8ff;box-shadow:0 0 12px #22c8ff88}.security-alert-list>div{grid-template-columns:32px 1fr}.security-alert-list>div>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#4b1520;color:#ff9ba6;border:1px solid #8a2638;font-weight:900}.security-clear{display:flex;align-items:center;gap:14px;padding:21px;border:1px solid #1f7b56;border-radius:13px;background:#0e3f2d55}.security-clear>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0e3f2d;color:#7cf4b5;border:1px solid #1f7b56;font-weight:900}.security-clear p{margin:5px 0 0;color:#9cccb5;line-height:1.45}
.quick-actions-panel{margin:20px 0}.dashboard-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-quick-actions a{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #1a2d4d;border-radius:13px;background:#07101f;min-width:0}.dashboard-quick-actions a:hover{border-color:#2767c5;background:#0b1a34}.dashboard-quick-actions>a>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#12366d;color:#8dccff;font-size:19px;font-weight:900;flex:0 0 auto}.dashboard-quick-actions div{display:grid;gap:4px;min-width:0}.dashboard-quick-actions small{color:var(--muted);line-height:1.4}
.dashboard-preferences fieldset{margin:0;padding:0;border:0}.dashboard-preferences legend{font-weight:800;margin-bottom:12px}.preference-options{display:grid;gap:10px}.preference-row{display:flex;grid-template-columns:none;align-items:flex-start;gap:12px;padding:16px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f;cursor:pointer}.preference-row input{margin-top:3px}.preference-row span{display:grid;gap:5px}.preference-row small{color:var(--muted);line-height:1.45}
.activity-filters{display:grid!important;grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) 190px auto;gap:14px;align-items:end;margin-bottom:20px}.activity-table-wrap{margin-top:6px}.activity-table{min-width:920px}.event-cell{display:flex;align-items:flex-start;gap:11px;min-width:290px}.event-cell>div{display:grid;gap:5px}.event-cell small{color:var(--muted);line-height:1.4}.event-cell .event-mark{flex:0 0 auto}

@media(max-width:1180px){.dashboard-layout{grid-template-columns:1fr}.dashboard-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-filters{grid-template-columns:1fr 1fr}.activity-filters .filter-actions{grid-column:1/-1}}
@media(max-width:850px){.dashboard-controls{width:100%;justify-content:flex-start}.dashboard-heading{align-items:flex-start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-secondary{grid-template-columns:1fr}.line-chart svg{height:210px}}
@media(max-width:640px){.dashboard-controls,.period-form{width:100%}.period-form{display:grid!important;grid-template-columns:1fr auto}.period-form label{min-width:0}.dashboard-controls>.btn{flex:1}.metric-grid{grid-template-columns:1fr}.chart-summary{grid-template-columns:1fr}.chart-legend{width:100%}.line-chart{overflow-x:auto}.line-chart svg{min-width:600px}.chart-labels{min-width:600px}.dashboard-quick-actions{grid-template-columns:1fr}.activity-filters{grid-template-columns:1fr}.activity-filters .filter-actions{grid-column:auto}.completion-ring{width:132px;height:132px}}
.completion-ring.score-0{background:radial-gradient(circle at center,#0a1427 58%,transparent 59%),conic-gradient(#1677ff 0 0%,#1d3155 0 100%)}
.completion-ring.score-17{background:radial-gradient(circle at center,#0a1427 58%,transparent 59%),conic-gradient(#1677ff 0 17%,#1d3155 17% 100%)}
.completion-ring.score-33{background:radial-gradient(circle at center,#0a1427 58%,transparent 59%),conic-gradient(#1677ff 0 33%,#1d3155 33% 100%)}
.completion-ring.score-50{background:radial-gradient(circle at center,#0a1427 58%,transparent 59%),conic-gradient(#1677ff 0 50%,#1d3155 50% 100%)}
.completion-ring.score-67{background:radial-gradient(circle at center,#0a1427 58%,transparent 59%),conic-gradient(#1677ff 0 67%,#1d3155 67% 100%)}
.completion-ring.score-83{background:radial-gradient(circle at center,#0a1427 58%,transparent 59%),conic-gradient(#1677ff 0 83%,#1d3155 83% 100%)}
.completion-ring.score-100{background:radial-gradient(circle at center,#0a1427 58%,transparent 59%),conic-gradient(#21d07a 0 100%,#1d3155 100% 100%)}

/* Bloque 5: roles y permisos. Mantiene la identidad visual aprobada. */
.badge-purple{background:#2d205a;color:#c9b8ff;border:1px solid #5b43a3}
.role-filter-bar{grid-template-columns:minmax(260px,1fr) 180px 180px auto}
.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-card{position:relative;overflow:hidden;display:grid;gap:17px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0c1730,#091326)}.role-card:before,.role-identity:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--role-color,#1677ff);box-shadow:0 0 18px var(--role-color,#1677ff)}.role-card.is-inactive{opacity:.7}.role-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px}.role-card-head h2,.role-identity h2{margin:0 0 4px;font-size:19px}.role-card code,.role-identity code{color:#7f96b9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.role-card>p{margin:0;color:#aebdd2;line-height:1.55;min-height:48px}.role-symbol{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--role-color,#1677ff) 25%,#081225);border:1px solid color-mix(in srgb,var(--role-color,#1677ff) 55%,#1d3155);color:#fff;font-weight:900;box-shadow:0 0 22px color-mix(in srgb,var(--role-color,#1677ff) 25%,transparent);flex:0 0 auto}.role-symbol-large{width:64px;height:64px;border-radius:17px;font-size:24px}.role-color-blue{--role-color:#1677ff}.role-color-cyan{--role-color:#22c8ff}.role-color-green{--role-color:#21d07a}.role-color-purple{--role-color:#8d68ff}.role-color-orange{--role-color:#ff9f43}.role-color-slate{--role-color:#7b8da8}.role-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.role-stats div{display:grid;gap:4px;padding:11px;border:1px solid #1a2d4d;border-radius:11px;background:#07101f}.role-stats strong{font-size:18px}.role-stats span{font-size:11px;color:var(--muted)}.role-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #172846;padding-top:15px}.role-card-foot .row-actions{flex-wrap:wrap;justify-content:flex-end}.role-form-panel small{color:var(--muted);font-size:11px;line-height:1.45}.role-form-panel textarea{resize:vertical;min-height:100px}
.role-overview-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:20px;margin-bottom:20px}.role-identity{position:relative;overflow:hidden}.role-identity-top{display:flex;align-items:center;gap:15px;margin-bottom:18px}.role-identity .badge-row{margin-bottom:10px}.permission-summary{display:grid}.permission-summary>div{display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(100px,180px);align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.permission-summary>div:last-child{border-bottom:0}.permission-summary p{display:grid;gap:4px;margin:0}.permission-summary small{color:var(--muted)}.permission-module-mark{width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 13px #1677ffaa}.permission-progress{width:100%;height:7px;border:0;border-radius:99px;background:#172846;overflow:hidden;appearance:none}.permission-progress::-webkit-progress-bar{background:#172846;border-radius:99px}.permission-progress::-webkit-progress-value{background:linear-gradient(90deg,#2952ff,#22c8ff);border-radius:99px}.permission-progress::-moz-progress-bar{background:linear-gradient(90deg,#2952ff,#22c8ff);border-radius:99px}.role-users-panel{margin-bottom:20px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#6d2632;background:linear-gradient(180deg,#26101a,#160b13)}.danger-zone h2{margin:0 0 5px}
.permission-form{display:grid;gap:18px}.permission-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:88px;z-index:10;box-shadow:0 14px 45px #0007}.permission-toolbar>div:first-child{display:grid;gap:5px}.permission-toolbar span{color:var(--muted);font-size:12px}.permission-toolbar-actions{display:flex;gap:9px;flex-wrap:wrap}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.permission-group{padding:0;overflow:hidden}.permission-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 20px;background:#0c1930;border-bottom:1px solid var(--line)}.permission-group-head h2{margin:0 0 3px;font-size:18px}.module-check{display:flex;grid-template-columns:none;align-items:center;gap:8px;font-size:12px;cursor:pointer;white-space:nowrap}.permission-list{display:grid}.permission-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px 20px;border-bottom:1px solid #172846;cursor:pointer}.permission-row:last-child{border-bottom:0}.permission-row:hover{background:#0d1a32}.permission-row>span{display:grid;gap:5px}.permission-row small{color:var(--muted);line-height:1.4}.permission-row code{color:#6faeff;font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right}.permission-row em{font-style:normal;color:#8492a7;font-size:11px}.permission-row.is-locked{opacity:.62;cursor:not-allowed}.permission-save-bar{display:flex;justify-content:flex-end;gap:10px;padding:16px 0 5px}.access-denied-card{max-width:680px;margin:8vh auto;text-align:center;padding:42px}.access-denied-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#4b1520;color:#ff9ba6;border:1px solid #8a2638;font-size:32px;font-weight:900;box-shadow:0 0 30px #ff5c6c33}.access-denied-card h1{font-size:32px}.access-denied-actions{justify-content:center}

@media(max-width:1100px){.role-grid,.permission-groups{grid-template-columns:1fr}.role-overview-grid{grid-template-columns:1fr}.role-filter-bar{grid-template-columns:1fr 1fr}.role-filter-bar .filter-grow{grid-column:1/-1}.permission-toolbar{position:static}}
@media(max-width:700px){.role-filter-bar{grid-template-columns:1fr}.role-filter-bar .filter-grow{grid-column:auto}.role-card-head{grid-template-columns:auto minmax(0,1fr)}.role-card-head>.badge{grid-column:1/-1;justify-self:start}.role-stats{grid-template-columns:1fr}.role-card-foot{align-items:flex-start;flex-direction:column}.role-card-foot .row-actions{justify-content:flex-start}.permission-summary>div{grid-template-columns:auto 1fr}.permission-progress{grid-column:1/-1}.danger-zone,.permission-toolbar{align-items:stretch;flex-direction:column}.permission-toolbar-actions{display:grid;grid-template-columns:1fr}.permission-row{grid-template-columns:auto 1fr}.permission-row code,.permission-row em{grid-column:2;text-align:left}.permission-group-head{align-items:flex-start;flex-direction:column}.permission-save-bar{display:grid;grid-template-columns:1fr}.access-denied-card{padding:28px 20px}.access-denied-card h1{font-size:27px}}
.health-checks .health-item-static{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(148,163,184,.15);border-radius:14px;background:rgba(15,23,42,.44)}
.health-checks .health-item-static strong,.health-checks .health-item-static small{display:block}
.role-count-only{display:grid;justify-items:center;gap:5px;padding:28px;border:1px solid rgba(148,163,184,.15);border-radius:16px;background:rgba(15,23,42,.4);text-align:center}.role-count-only strong{font-size:2rem;color:#fff}.role-count-only span{font-weight:700;color:#cbd5e1}.role-count-only p{margin:6px 0 0;color:#94a3b8}

/* Bloque 6: control general. Conserva la identidad visual aprobada. */
.badge-green{background:#0e3f2d;color:#7cf4b5;border:1px solid #1f7b56}.badge-orange{background:#4a2b11;color:#ffd09a;border:1px solid #8b5420}.badge-slate{background:#293142;color:#c2ccdc;border:1px solid #45516a}.badge-red{background:#4b1520;color:#ff9ba6;border:1px solid #8a2638}.badge-cyan{background:#0c3a49;color:#8ae8ff;border:1px solid #176b83}
.platform-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:20px;margin-bottom:20px}.platform-side-stack{display:grid;gap:20px;align-content:start}.platform-accounts-panel{min-width:0}.workspace-compact-list{display:grid}.workspace-compact-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.workspace-compact-row:last-child{border-bottom:0}.workspace-compact-row:hover strong{color:#70baff}.workspace-compact-row>span:nth-child(2){display:grid;gap:4px;min-width:0}.workspace-compact-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-compact-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#173e83,#5c3bce);border:1px solid #31568c;color:#fff;font-weight:900;box-shadow:0 8px 24px #176cff2e;flex:0 0 auto}.workspace-mark-large{width:66px;height:66px;border-radius:18px;font-size:24px}.plan-distribution{display:grid;gap:17px}.plan-distribution>div{display:grid;gap:8px}.plan-distribution span{display:flex;justify-content:space-between;gap:12px}.plan-distribution small{color:var(--muted)}.plan-distribution progress,.capacity-stat progress{width:100%;height:8px;border:0;border-radius:99px;background:#172846;overflow:hidden;appearance:none}.plan-distribution progress::-webkit-progress-bar,.capacity-stat progress::-webkit-progress-bar{background:#172846;border-radius:99px}.plan-distribution progress::-webkit-progress-value,.capacity-stat progress::-webkit-progress-value{background:linear-gradient(90deg,#2952ff,#22c8ff);border-radius:99px}.plan-distribution progress::-moz-progress-bar,.capacity-stat progress::-moz-progress-bar{background:linear-gradient(90deg,#2952ff,#22c8ff);border-radius:99px}.health-score{display:flex;align-items:baseline;gap:10px;margin:8px 0 20px}.health-score strong{font-size:34px}.health-score span{color:var(--muted)}.health-mini-list{display:grid;margin-bottom:18px}.health-mini-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.health-mini-list>div:last-child{border-bottom:0}.health-mini-list small{color:var(--muted);text-align:right}.ok-dot,.warn-dot{width:9px;height:9px;border-radius:50%;display:block}.ok-dot{background:var(--green);box-shadow:0 0 12px #21d07a99}.warn-dot{background:#ff9f43;box-shadow:0 0 12px #ff9f4399}.platform-activity-panel,.quick-control-panel{margin-top:20px}.platform-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
.workspace-filter-bar{grid-template-columns:minmax(260px,1fr) 180px 180px auto}.list-summary{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;margin:0 0 18px}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workspace-card{display:grid;gap:17px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0c1730,#091326)}.workspace-card.is-muted{opacity:.72}.workspace-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px}.workspace-card-head h2{margin:0 0 4px;font-size:19px;overflow-wrap:anywhere}.workspace-card-head code{color:#7f96b9;font-size:11px;overflow-wrap:anywhere}.workspace-owner{display:grid;gap:4px;padding:13px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.workspace-owner span,.workspace-owner small{color:var(--muted);font-size:12px}.workspace-owner strong,.workspace-owner small{overflow-wrap:anywhere}.workspace-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.workspace-stats div{display:grid;gap:4px;padding:11px;border:1px solid #1a2d4d;border-radius:11px;background:#07101f}.workspace-stats strong{font-size:16px;overflow-wrap:anywhere}.workspace-stats span{font-size:11px;color:var(--muted)}.workspace-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #172846;padding-top:15px}.workspace-card-foot>small{color:var(--muted)}.workspace-card-foot .row-actions{flex-wrap:wrap}.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}.pagination a{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:#a9b8cf}.pagination a:hover,.pagination a.active{background:#12366d;color:#fff;border-color:#2767c5}.workspace-form-panel small{color:var(--muted);font-size:11px;line-height:1.45}.workspace-form-panel textarea{resize:vertical;min-height:120px}
.workspace-detail-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:20px;margin-bottom:20px}.workspace-identity-card .workspace-card-head{grid-template-columns:auto minmax(0,1fr);margin-bottom:18px}.workspace-identity-card .badge-row{margin-bottom:6px}.workspace-notes{margin-top:18px;padding:15px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.workspace-notes>span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.workspace-notes p{margin:0;line-height:1.6;overflow-wrap:anywhere}.workspace-capacity-card{align-self:start}.capacity-stat{display:grid;gap:9px;padding:16px 0;border-bottom:1px solid var(--line)}.capacity-stat span{color:var(--muted)}.capacity-stat strong{font-size:20px}.workspace-status-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.workspace-status-actions form{display:block}.workspace-members-panel{margin-bottom:20px}.member-add-form{display:grid!important;grid-template-columns:minmax(260px,1fr) 200px auto;align-items:end;gap:12px;margin-bottom:20px;padding:16px;border:1px solid #1a2d4d;border-radius:14px;background:#07101f}.member-add-form .btn{min-width:120px}.data-table .row-actions form{display:block}.data-table .row-actions{align-items:center;flex-wrap:wrap}
.platform-settings-form .setting-toggle-card{padding:15px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f;align-content:start}.setting-toggle-card>span:first-child{font-weight:700}.setting-toggle-card>small{color:var(--muted);line-height:1.45}.setting-toggle-card .checkbox-label{margin-top:5px}.health-overview{text-align:center;margin-bottom:20px}.health-score-large{justify-content:center;margin-bottom:8px}.health-score-large strong{font-size:48px}.health-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.health-check-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px}.health-check-card h2{margin:0 0 5px;font-size:18px}.health-check-card p{margin:0;color:var(--muted);overflow-wrap:anywhere}.health-check-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900}.health-check-card.is-ok .health-check-icon{background:#0e3f2d;color:#7cf4b5;border:1px solid #1f7b56}.health-check-card.needs-attention .health-check-icon{background:#4a2b11;color:#ffd09a;border:1px solid #8b5420}.guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guidance-grid div{display:grid;gap:6px;padding:15px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.guidance-grid span{color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:1180px){.platform-layout{grid-template-columns:1fr}.platform-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}.workspace-detail-grid{grid-template-columns:1fr}}
@media(max-width:900px){.platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-filter-bar{grid-template-columns:1fr 1fr}.workspace-filter-bar .filter-grow{grid-column:1/-1}.member-add-form{grid-template-columns:1fr 1fr}.member-add-form .btn{grid-column:1/-1}}
@media(max-width:700px){.platform-metrics,.platform-side-stack,.health-check-grid,.guidance-grid{grid-template-columns:1fr}.platform-actions{grid-template-columns:1fr}.workspace-filter-bar{grid-template-columns:1fr}.workspace-filter-bar .filter-grow{grid-column:auto}.workspace-compact-row{grid-template-columns:auto minmax(0,1fr)}.workspace-compact-row>.badge{grid-column:2;justify-self:start}.workspace-card-head{grid-template-columns:auto minmax(0,1fr)}.workspace-card-head>.badge{grid-column:1/-1;justify-self:start}.workspace-stats{grid-template-columns:1fr}.workspace-card-foot{align-items:flex-start;flex-direction:column}.workspace-card-foot .row-actions{justify-content:flex-start}.member-add-form{grid-template-columns:1fr}.member-add-form .btn{grid-column:auto}.health-check-card{grid-template-columns:auto 1fr}.health-check-card>.badge{grid-column:2;justify-self:start}.list-summary{align-items:flex-start;flex-direction:column}}
.user-cell small{font-size:12px;color:var(--muted)}

/* Bloque 7: proyectos y carpetas. Conserva la identidad visual aprobada. */
.badge-blue{background:#102f69;color:#9bc8ff;border:1px solid #2659a9}
.project-page-header{margin-bottom:18px}.project-page-header p{max-width:720px}
.project-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 20px}.project-summary-card{display:grid;gap:7px;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#0c1730,#091326);color:#dce9ff}.project-summary-card:hover,.project-summary-card.is-active{border-color:#2b6ec7;background:#0d2247;box-shadow:0 10px 34px #176cff21}.project-summary-card span{font-size:12px;color:var(--muted)}.project-summary-card strong{font-size:24px}
.project-workspace-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.project-folder-panel{position:sticky;top:94px}.folder-filter-list{display:grid;gap:7px}.folder-filter-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:10px;color:#aebdd2}.folder-filter-list a:hover,.folder-filter-list a.active{background:#102951;border-color:#285da3;color:#fff}.folder-filter-list a:before{content:"";width:8px;height:8px;border-radius:50%;background:#6380a9;grid-row:1;grid-column:1;margin-right:9px;display:inline-block}.folder-filter-list a span{grid-row:1;grid-column:1;padding-left:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-filter-list a strong{grid-row:1;grid-column:2;font-size:12px;color:#8fa4c5}.folder-filter-list a.folder-tone-blue:before{background:#1677ff}.folder-filter-list a.folder-tone-cyan:before{background:#22c8ff}.folder-filter-list a.folder-tone-green:before{background:#21d07a}.folder-filter-list a.folder-tone-purple:before{background:#8d68ff}.folder-filter-list a.folder-tone-orange:before{background:#ff9f43}.folder-filter-list a.folder-tone-slate:before{background:#7b8da8}.folder-manage-link{display:inline-block;margin-top:16px}.workspace-context{display:grid;gap:5px;margin-top:22px;padding:14px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.workspace-context span,.workspace-context small{font-size:11px;color:var(--muted)}.workspace-context strong{overflow-wrap:anywhere}
.project-main-column{min-width:0}.project-filter-bar{display:grid;grid-template-columns:minmax(250px,1fr) 160px 170px 170px auto auto;gap:10px;align-items:end;margin:0 0 16px;padding:16px}.project-filter-bar label{min-width:0}.project-filter-bar .btn{min-height:44px;padding-inline:16px}
.project-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.project-card{display:grid;grid-template-rows:auto 1fr auto;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#0c1730,#091326);box-shadow:0 14px 40px #0002}.project-card:hover{border-color:#2b5b9d;transform:translateY(-1px)}.project-card.is-archived{opacity:.76}.project-card-preview{position:relative;min-height:150px;padding:18px;display:grid;align-content:space-between;overflow:hidden;background:radial-gradient(circle at 78% 20%,#1c5dba66,transparent 33%),linear-gradient(145deg,#102046,#091226)}.project-card-preview:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-65px;bottom:-85px;background:#147cff24;filter:blur(1px)}.project-card-preview.tone-green{background:radial-gradient(circle at 78% 20%,#137d5866,transparent 33%),linear-gradient(145deg,#0d352b,#091b22)}.project-card-preview.tone-orange{background:radial-gradient(circle at 78% 20%,#8f4b1866,transparent 33%),linear-gradient(145deg,#342010,#171220)}.project-card-preview.tone-slate{background:radial-gradient(circle at 78% 20%,#50607466,transparent 33%),linear-gradient(145deg,#202836,#111725)}.project-card-preview .badge{justify-self:start;position:relative;z-index:1}.project-preview-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid #ffffff2b;border-radius:19px;background:#ffffff12;color:#fff;font-size:30px;font-weight:900;box-shadow:0 14px 36px #0005;position:relative;z-index:1}.project-card-preview small{color:#b7cae4;position:relative;z-index:1}.project-card-body{display:grid;gap:13px;padding:18px}.project-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-card-title>div{min-width:0}.project-card-title h2{margin:0 0 4px;font-size:18px;overflow-wrap:anywhere}.project-card-title code{display:block;color:#7187a7;font-size:11px;overflow-wrap:anywhere}.project-card-title>span{flex:0 0 auto;padding:5px 8px;border:1px solid #273d60;border-radius:999px;color:#8fa4c5;font-size:10px}.project-card-body>p{margin:0;color:#aebdd2;line-height:1.5;min-height:44px}.project-chip-row{display:flex;gap:7px;flex-wrap:wrap}.project-chip{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border:1px solid #294268;border-radius:999px;background:#101c34;color:#aecdff;font-size:10px}.project-chip.folder-tone-blue{border-color:#285da3}.project-chip.folder-tone-cyan{border-color:#176b83;color:#8ae8ff}.project-chip.folder-tone-green{border-color:#1f7b56;color:#7cf4b5}.project-chip.folder-tone-purple{border-color:#5b43a3;color:#c9b8ff}.project-chip.folder-tone-orange{border-color:#8b5420;color:#ffd09a}.project-chip.folder-tone-slate{border-color:#45516a;color:#c2ccdc}.project-meta-row{display:flex;justify-content:space-between;gap:12px;color:#7588a6;font-size:11px}.project-meta-row span,.project-meta-row time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #172846;background:#081225}.project-card-actions form{display:block}.project-empty-state{display:grid;justify-items:center;gap:12px;padding:55px 20px;text-align:center}.project-empty-state strong{font-size:22px}.project-empty-state p{margin:0;color:var(--muted)}
.project-form-panel small{color:var(--muted);font-size:11px;line-height:1.5}.project-form-panel textarea{resize:vertical;min-height:130px}
.project-detail-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:20px}.project-detail-stack{display:grid;gap:20px;align-content:start}.project-detail-preview{min-height:220px;padding:20px;border-radius:15px;display:grid;align-content:space-between;background:radial-gradient(circle at 75% 18%,#2d7ee466,transparent 34%),linear-gradient(145deg,#102046,#091226)}.project-detail-preview.tone-green{background:radial-gradient(circle at 75% 18%,#137d5866,transparent 34%),linear-gradient(145deg,#0d352b,#091b22)}.project-detail-preview.tone-orange{background:radial-gradient(circle at 75% 18%,#8f4b1866,transparent 34%),linear-gradient(145deg,#342010,#171220)}.project-detail-preview.tone-slate{background:radial-gradient(circle at 75% 18%,#50607466,transparent 34%),linear-gradient(145deg,#202836,#111725)}.project-detail-preview .badge{justify-self:start}.project-detail-preview>div{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff2b;font-size:36px;font-weight:900}.project-detail-preview small{color:#b7cae4}.project-detail-title{margin:18px 0}.project-detail-title h2{margin:0 0 5px;font-size:24px}.project-detail-title code{color:#7187a7;font-size:12px}.project-detail-list{display:grid;margin:20px 0 0}.project-detail-list>div{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.project-detail-list dt{color:var(--muted)}.project-detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.project-reference{display:grid;gap:7px;margin-top:18px;padding:14px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.project-reference span{color:var(--muted);font-size:11px}.project-reference a{overflow-wrap:anywhere}.project-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.project-action-grid>a,.project-action-grid form button{width:100%;height:100%;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 12px;text-align:left;padding:16px;border:1px solid #1a2d4d;border-radius:13px;background:#07101f;color:#fff;cursor:pointer}.project-action-grid>a:hover,.project-action-grid form button:hover{border-color:#2b6ec7;background:#0b1a34}.project-action-grid span{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#12366d;color:#fff;font-size:18px}.project-action-grid strong{font-size:13px}.project-action-grid small{color:var(--muted);line-height:1.4}.project-action-grid .danger-action{border-color:#6d2632;background:#25111a}.project-action-grid .danger-action span{background:#4b1520;color:#ff9ba6}.project-move-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end}.project-next-step{display:flex;align-items:center;justify-content:space-between;gap:20px}.project-next-step>div{display:flex;align-items:center;gap:15px}.project-next-step>div>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0c3a49;color:#8ae8ff;border:1px solid #176b83}.project-next-step h2{margin:0 0 5px;font-size:18px}.project-next-step p{margin:0;color:var(--muted);line-height:1.5}
.folder-admin-layout{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:20px;align-items:start}.folder-form-panel{position:sticky;top:94px}.folder-admin-list{display:grid}.folder-admin-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.folder-admin-list>div:last-child{border-bottom:0}.folder-admin-list>div>div{display:grid;gap:4px;min-width:0}.folder-admin-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-admin-list small{color:var(--muted)}.folder-admin-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#102951;color:#1677ff;border:1px solid #285da3}.folder-admin-mark.folder-tone-cyan{color:#22c8ff;border-color:#176b83}.folder-admin-mark.folder-tone-green{color:#21d07a;border-color:#1f7b56}.folder-admin-mark.folder-tone-purple{color:#8d68ff;border-color:#5b43a3}.folder-admin-mark.folder-tone-orange{color:#ff9f43;border-color:#8b5420}.folder-admin-mark.folder-tone-slate{color:#7b8da8;border-color:#45516a}
@media(max-width:1280px){.project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-filter-bar{grid-template-columns:minmax(230px,1fr) 150px 150px}.project-filter-bar .filter-grow{grid-column:1/-1}.project-filter-bar .btn{width:100%}}
@media(max-width:1050px){.project-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-workspace-layout{grid-template-columns:1fr}.project-folder-panel,.folder-form-panel{position:static}.folder-filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-context{display:none}.project-detail-grid,.folder-admin-layout{grid-template-columns:1fr}}
@media(max-width:760px){.project-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card-grid{grid-template-columns:1fr}.project-filter-bar{grid-template-columns:1fr}.project-filter-bar .filter-grow{grid-column:auto}.folder-filter-list{grid-template-columns:1fr}.project-action-grid{grid-template-columns:1fr}.project-move-form{grid-template-columns:1fr}.project-next-step{align-items:flex-start;flex-direction:column}.folder-admin-list>div{grid-template-columns:auto minmax(0,1fr)}.folder-admin-list>div>.btn{grid-column:2;justify-self:start}.project-card-actions{align-items:stretch}.project-card-actions .btn,.project-card-actions form,.project-card-actions form button{flex:1 1 auto}.project-detail-list>div{grid-template-columns:1fr}.project-detail-list dd{text-align:left}.project-meta-row{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.project-summary-grid{grid-template-columns:1fr}.project-card-title{align-items:flex-start;flex-direction:column}.project-card-actions{display:grid;grid-template-columns:1fr 1fr}.project-card-actions form,.project-card-actions .btn{width:100%}.folder-admin-list>div>.btn{width:100%}}
@media(max-width:1600px) and (min-width:1281px){.project-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.project-filter-bar .filter-grow{grid-column:1/-1}.project-filter-bar .btn{width:100%}}

/* Bloque 8: importación desde URL. Mantiene la identidad visual aprobada. */
.import-page-header{align-items:center}.import-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.import-stepper>div{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:#081225}.import-stepper b{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:1px solid #33476d;color:#7f91ad}.import-stepper span{display:grid;gap:3px;min-width:0}.import-stepper strong{font-size:13px}.import-stepper small{color:var(--muted);font-size:11px}.import-stepper>div.active{border-color:#285da3;background:linear-gradient(145deg,#0c2144,#09162b);box-shadow:0 10px 30px #081c3d66}.import-stepper>div.active b{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 20px #1677ff88}
.import-create-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:20px;align-items:start}.import-form-panel{display:grid;gap:22px}.import-primary-fields{display:grid;gap:17px}.import-primary-fields select,.import-history-filters select{width:100%;min-height:48px;padding:12px 38px 12px 13px;border:1px solid #294268;border-radius:10px;background:#07101f;color:#fff}.import-primary-fields small,label small{color:var(--muted);font-size:11px;line-height:1.5}.import-url-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.import-url-field .btn{white-space:nowrap}.import-mode-fieldset,.import-assets-fieldset{margin:0;padding:0;border:0}.import-mode-fieldset legend,.import-assets-fieldset legend{margin:0 0 12px;color:#dbe8ff;font-size:14px;font-weight:700}.import-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.import-mode-card{position:relative;display:block;cursor:pointer}.import-mode-card input{position:absolute;opacity:0;pointer-events:none}.import-mode-card span{height:100%;display:grid;gap:7px;padding:16px;border:1px solid #1a2d4d;border-radius:13px;background:#07101f}.import-mode-card strong{font-size:13px}.import-mode-card small{color:var(--muted);line-height:1.45}.import-mode-card input:checked+span{border-color:#2d75d6;background:#0c2144;box-shadow:inset 0 0 0 1px #1677ff55}.import-mode-card input:focus-visible+span{outline:3px solid #22c8ff66;outline-offset:2px}.import-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.import-assets-grid>label{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;padding:13px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f;cursor:pointer}.import-assets-grid>label:has(input:checked){border-color:#285da3;background:#0a1a35}.import-assets-grid span{display:grid;gap:3px}.import-assets-grid strong{font-size:12px}.import-assets-grid small{color:var(--muted);font-size:10px;line-height:1.4}.import-authorization{padding:14px;border:1px solid #285da3;border-radius:12px;background:#0a1a35;color:#cfe1fa}.import-safety-note{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #1f7b56;border-radius:12px;background:#0c2c23}.import-safety-note>span{width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#145a40;color:#8dffc4}.import-safety-note strong{font-size:13px}.import-safety-note p{margin:4px 0 0;color:#9cc7b4;font-size:11px;line-height:1.5}.import-no-project{display:grid;justify-items:start;gap:12px;padding:20px;border:1px dashed #345482;border-radius:14px;background:#07101f}.import-no-project p{margin:0;color:var(--muted)}
.import-side-stack{display:grid;gap:20px;position:sticky;top:94px}.import-account-card{display:grid;gap:6px}.import-account-card>span,.import-account-card small{color:var(--muted);font-size:11px}.import-account-card>strong{font-size:20px}.import-account-card>div{display:grid;gap:5px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}.import-account-card>div span{color:var(--muted);font-size:11px}.import-account-card>div strong{font-size:12px}.import-guidance-card{overflow:hidden;position:relative}.import-guidance-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#1454b5,#1b8dff);font-size:23px;box-shadow:0 12px 30px #1677ff55}.import-guidance-card h2{margin:16px 0 8px}.import-guidance-card p,.import-guidance-card li{color:var(--muted);line-height:1.55}.import-guidance-card ul{margin:14px 0 0;padding-left:18px;font-size:12px}.import-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.import-summary-grid article{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#0c1730,#091326)}.import-summary-grid span,.import-summary-grid small{color:var(--muted);font-size:11px}.import-summary-grid strong{font-size:24px}
.import-history-panel{margin-top:0}.import-history-filters{display:grid;grid-template-columns:minmax(240px,1fr) 170px minmax(190px,.7fr) auto auto;gap:10px;align-items:end;margin-bottom:16px}.import-history-filters .filter-grow{min-width:0}.import-history-list{display:grid}.import-history-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.import-history-list article:last-child{border-bottom:0}.import-history-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#102951;border:1px solid #285da3;color:#8ac2ff;font-size:20px;font-weight:900}.import-history-mark.tone-green{background:#0e3f2d;border-color:#1f7b56;color:#7cf4b5}.import-history-mark.tone-red{background:#4b1520;border-color:#8a2638;color:#ff9ba6}.import-history-mark.tone-cyan{background:#0c3a49;border-color:#176b83;color:#8ae8ff}.import-history-mark.tone-slate{background:#293142;border-color:#45516a;color:#c2ccdc}.import-history-main{display:grid;gap:5px;min-width:0}.import-history-main>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.import-history-main>a{color:#78bfff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-history-main small{color:var(--muted)}.import-history-stats{display:flex;gap:16px}.import-history-stats span{display:grid;gap:3px;color:var(--muted);font-size:10px;text-align:center}.import-history-stats strong{color:#fff;font-size:12px}.import-empty{padding:42px 20px;text-align:center}
.import-result-overview{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:20px}.import-result-identity{align-self:start}.import-result-hero{min-height:205px;padding:18px;border-radius:15px;display:grid;align-content:space-between;background:radial-gradient(circle at 76% 18%,#2d7ee466,transparent 34%),linear-gradient(145deg,#102046,#091226)}.import-result-hero.tone-green{background:radial-gradient(circle at 76% 18%,#137d5866,transparent 34%),linear-gradient(145deg,#0d352b,#091b22)}.import-result-hero.tone-red{background:radial-gradient(circle at 76% 18%,#9b263866,transparent 34%),linear-gradient(145deg,#35131d,#171220)}.import-result-hero.tone-cyan{background:radial-gradient(circle at 76% 18%,#1a799066,transparent 34%),linear-gradient(145deg,#0c2f3a,#091922)}.import-result-hero.tone-slate{background:radial-gradient(circle at 76% 18%,#50607466,transparent 34%),linear-gradient(145deg,#202836,#111725)}.import-result-hero .badge{justify-self:start}.import-result-hero>div{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff2b;font-size:35px;font-weight:900}.import-result-hero small{color:#c1d2e7}.import-result-identity>h2{margin:18px 0 7px}.import-result-identity>p{line-height:1.55}.import-confirmed-note{display:flex;align-items:flex-start;gap:10px;margin-top:17px;padding:12px;border:1px solid #1f7b56;border-radius:11px;background:#0c2c23}.import-confirmed-note>span{color:#7cf4b5}.import-confirmed-note p{margin:0;color:#9cc7b4;font-size:11px;line-height:1.45}.import-result-main{display:grid;gap:16px;align-content:start}.import-result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.import-result-stats article{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#0c1730,#091326)}.import-result-stats span{color:var(--muted);font-size:11px}.import-result-stats strong{font-size:23px}.import-detected-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.import-detected-grid>div{display:grid;gap:5px;padding:13px;border:1px solid #1a2d4d;border-radius:11px;background:#07101f}.import-detected-grid span{color:var(--muted);font-size:10px}.import-detected-grid strong{font-size:18px}.import-file-actions{display:flex;justify-content:space-between;align-items:center;gap:18px}.import-file-actions h2{margin:0 0 5px}.import-file-actions p{margin:0}.import-file-actions>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.import-failure-panel,.import-progress-panel{display:flex;align-items:center;gap:16px}.import-failure-panel>div:nth-child(2),.import-progress-panel>div{min-width:0;flex:1}.import-failure-panel h2,.import-progress-panel h2{margin:0 0 6px}.import-failure-panel p,.import-progress-panel p{margin:0;color:var(--muted);line-height:1.55}.import-failure-icon{width:48px;height:48px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#4b1520;border:1px solid #8a2638;color:#ff9ba6;font-size:24px;font-weight:900}.import-spinner{width:42px;height:42px;flex:0 0 auto;border-radius:50%;border:4px solid #294268;border-top-color:var(--cyan);animation:import-spin 1s linear infinite}@keyframes import-spin{to{transform:rotate(360deg)}}
.import-resources-panel{margin-top:20px}.import-resources-panel .section-heading>span{color:var(--muted);font-size:12px}.import-resource-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.import-resource-tabs a{padding:8px 11px;border:1px solid #294268;border-radius:999px;background:#07101f;color:#aebdd2;font-size:11px}.import-resource-tabs a.active{border-color:#2d75d6;background:#12366d;color:#fff}.import-resource-list{display:grid}.import-resource-list article{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.import-resource-list article:last-child{border-bottom:0}.import-resource-type{color:#8fa4c5;font-size:11px}.import-resource-list article>div{display:grid;gap:4px;min-width:0}.import-resource-list a{color:#78bfff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.import-resource-list small{color:var(--muted);font-size:10px}.import-result-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.import-result-actions h2{margin:0 0 5px}.import-result-actions p{margin:0}.import-result-actions>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.import-result-actions form{display:block}
@media(max-width:1250px){.import-create-layout{grid-template-columns:minmax(0,1fr) 280px}.import-history-filters{grid-template-columns:minmax(220px,1fr) 160px minmax(180px,.7fr)}.import-history-filters .btn{width:100%}.import-history-list article{grid-template-columns:auto minmax(0,1fr) auto}.import-history-stats{grid-column:2}.import-history-list article>.btn{grid-column:3;grid-row:1/3}}
@media(max-width:1050px){.import-create-layout,.import-result-overview{grid-template-columns:1fr}.import-side-stack{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.import-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-mode-grid,.import-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-history-filters{grid-template-columns:1fr 1fr}.import-history-filters .filter-grow{grid-column:1/-1}.import-result-stats,.import-detected-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.import-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.import-url-field{grid-template-columns:1fr}.import-url-field .btn{width:100%}.import-side-stack,.import-mode-grid,.import-assets-grid,.import-summary-grid,.import-history-filters,.import-result-stats,.import-detected-grid{grid-template-columns:1fr}.import-history-filters .filter-grow{grid-column:auto}.import-history-list article{grid-template-columns:auto minmax(0,1fr)}.import-history-stats{grid-column:2;flex-wrap:wrap;justify-content:flex-start}.import-history-list article>.btn{grid-column:2;grid-row:auto;justify-self:start}.import-file-actions,.import-result-actions{align-items:flex-start;flex-direction:column}.import-resource-list article{grid-template-columns:1fr}.import-resource-list a{white-space:normal;overflow-wrap:anywhere}.import-failure-panel,.import-progress-panel{align-items:flex-start;flex-wrap:wrap}.import-failure-panel form,.import-progress-panel .btn{margin-left:64px}}
@media(max-width:430px){.import-stepper{grid-template-columns:1fr}.import-history-list article{grid-template-columns:1fr}.import-history-mark{width:42px;height:42px}.import-history-stats,.import-history-list article>.btn{grid-column:auto}.import-history-stats{justify-content:space-between}.import-failure-panel form,.import-progress-panel .btn{margin-left:0;width:100%}.import-result-actions>div:last-child,.import-result-actions form,.import-result-actions button,.import-file-actions>div:last-child,.import-file-actions .btn{width:100%}}

/* Bloque 9: procesamiento y limpieza. Extensión funcional sin alterar la identidad visual. */
.processing-page-header,.processing-result-header{margin-bottom:20px}
.processing-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.processing-stepper>div{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#081326;color:#7487a6}.processing-stepper b{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:1px solid #34517c}.processing-stepper span{display:grid;gap:2px}.processing-stepper strong{font-size:12px}.processing-stepper small{font-size:10px;color:var(--muted)}.processing-stepper .done{color:#c8d9ef;border-color:#1f5e4c}.processing-stepper .done b{background:#0e3f2d;border-color:#1f7b56;color:#7cf4b5}.processing-stepper .active{color:#fff;border-color:#285da3;background:#102951;box-shadow:0 10px 35px #176cff22}.processing-stepper .active b{background:var(--blue);border-color:#4f9eff;box-shadow:0 0 20px #1677ff77}
.processing-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.processing-form-panel{min-width:0}.processing-import-select select{width:100%}.processing-import-select small{color:var(--muted);line-height:1.5}.processing-options-fieldset{border:0;padding:0;margin:24px 0 0}.processing-options-fieldset legend{font-weight:800;margin-bottom:12px}.processing-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.processing-options-grid label{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #1a2d4d;border-radius:13px;background:#07101f;cursor:pointer}.processing-options-grid label:has(input:checked){border-color:#2d75d6;background:#0d2447;box-shadow:inset 0 0 0 1px #1f66bd55}.processing-options-grid span{display:grid;gap:4px}.processing-options-grid strong{font-size:12px}.processing-options-grid small{color:var(--muted);font-size:10px;line-height:1.45}.processing-protection-note{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding:14px;border:1px solid #1f7b56;border-radius:12px;background:#0c2c23}.processing-protection-note>span{color:#7cf4b5;font-weight:900}.processing-protection-note strong{font-size:12px}.processing-protection-note p{margin:4px 0 0;color:#9cc7b4;font-size:11px;line-height:1.5}.processing-no-import{display:grid;gap:10px;padding:22px;border:1px dashed #345482;border-radius:14px;background:#07101f}.processing-no-import p{margin:0;color:var(--muted)}
.processing-side-stack{display:grid;gap:20px;position:sticky;top:94px}.processing-account-card{display:grid;gap:6px}.processing-account-card>span,.processing-account-card small{color:var(--muted);font-size:11px}.processing-account-card>strong{font-size:20px}.processing-account-card>div{display:grid;gap:5px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}.processing-account-card>div span{color:var(--muted);font-size:11px}.processing-account-card>div strong{font-size:12px}.processing-guidance-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#1454b5,#1b8dff);font-size:23px;box-shadow:0 12px 30px #1677ff55}.processing-guidance-card h2{margin:16px 0 8px}.processing-guidance-card p,.processing-guidance-card li{color:var(--muted);line-height:1.55}.processing-guidance-card ul{margin:14px 0 0;padding-left:18px;font-size:12px}
.processing-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.processing-summary-grid article{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#0c1730,#091326)}.processing-summary-grid span,.processing-summary-grid small{color:var(--muted);font-size:11px}.processing-summary-grid strong{font-size:24px}.processing-history-filters{display:grid;grid-template-columns:minmax(240px,1fr) 170px minmax(190px,.7fr) auto auto;gap:10px;align-items:end;margin-bottom:16px}.processing-history-list{display:grid}.processing-history-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.processing-history-list article:last-child{border-bottom:0}.processing-history-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#102951;border:1px solid #285da3;color:#8ac2ff;font-size:20px;font-weight:900}.processing-history-mark.tone-green{background:#0e3f2d;border-color:#1f7b56;color:#7cf4b5}.processing-history-mark.tone-red{background:#4b1520;border-color:#8a2638;color:#ff9ba6}.processing-history-mark.tone-cyan{background:#0c3a49;border-color:#176b83;color:#8ae8ff}.processing-history-mark.tone-slate{background:#293142;border-color:#45516a;color:#c2ccdc}.processing-history-main{display:grid;gap:5px;min-width:0}.processing-history-main>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.processing-history-main>a{color:#78bfff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.processing-history-main small{color:var(--muted)}.processing-history-stats{display:flex;gap:16px}.processing-history-stats span{display:grid;gap:3px;color:var(--muted);font-size:10px;text-align:center}.processing-history-stats strong{color:#fff;font-size:12px}.processing-empty{padding:42px 20px;text-align:center}
.processing-result-overview{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:20px}.processing-result-identity{align-self:start}.processing-result-hero{min-height:205px;padding:18px;border-radius:15px;display:grid;align-content:space-between;background:radial-gradient(circle at 76% 18%,#2d7ee466,transparent 34%),linear-gradient(145deg,#102046,#091226)}.processing-result-hero.tone-green{background:radial-gradient(circle at 76% 18%,#137d5866,transparent 34%),linear-gradient(145deg,#0d352b,#091b22)}.processing-result-hero.tone-red{background:radial-gradient(circle at 76% 18%,#9b263866,transparent 34%),linear-gradient(145deg,#35131d,#171220)}.processing-result-hero.tone-cyan{background:radial-gradient(circle at 76% 18%,#1a799066,transparent 34%),linear-gradient(145deg,#0c2f3a,#091922)}.processing-result-hero.tone-slate{background:radial-gradient(circle at 76% 18%,#50607466,transparent 34%),linear-gradient(145deg,#202836,#111725)}.processing-result-hero .badge{justify-self:start}.processing-result-hero>div{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff2b;font-size:35px;font-weight:900}.processing-result-hero small{color:#c1d2e7}.processing-result-identity>h2{margin:18px 0 7px}.processing-meta-list{display:grid;gap:9px;margin-top:17px}.processing-meta-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.processing-meta-list span{color:var(--muted);font-size:11px}.processing-meta-list strong{font-size:11px;text-align:right}.processing-result-main{display:grid;gap:16px;align-content:start}.processing-result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.processing-result-stats article{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#0c1730,#091326)}.processing-result-stats span{color:var(--muted);font-size:11px}.processing-result-stats strong{font-size:22px}.processing-corrections-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.processing-corrections-grid>div{display:grid;gap:5px;padding:13px;border:1px solid #1a2d4d;border-radius:11px;background:#07101f}.processing-corrections-grid span{color:var(--muted);font-size:10px}.processing-corrections-grid strong{font-size:18px}.processing-file-actions{display:flex;justify-content:space-between;align-items:center;gap:18px}.processing-file-actions h2{margin:0 0 5px}.processing-file-actions p{margin:0}.processing-file-actions>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.processing-failure-panel,.processing-progress-panel{display:flex;align-items:center;gap:16px}.processing-failure-panel>div:nth-child(2),.processing-progress-panel>div{min-width:0;flex:1}.processing-failure-panel h2,.processing-progress-panel h2{margin:0 0 6px}.processing-failure-panel p,.processing-progress-panel p{margin:0;color:var(--muted);line-height:1.55}.processing-failure-icon{width:48px;height:48px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#4b1520;border:1px solid #8a2638;color:#ff9ba6;font-size:24px;font-weight:900}.processing-spinner{width:42px;height:42px;flex:0 0 auto;border-radius:50%;border:4px solid #294268;border-top-color:var(--cyan);animation:processing-spin 1s linear infinite}@keyframes processing-spin{to{transform:rotate(360deg)}}
.processing-preview-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;margin-top:20px}.processing-preview-panel iframe{width:100%;height:460px;border:1px solid #294268;border-radius:13px;background:#fff}.processing-options-summary>div:last-child{display:grid;gap:8px}.processing-options-summary>div:last-child>span{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #26354e;border-radius:10px;background:#0a1220;color:#7487a6}.processing-options-summary>div:last-child>span.enabled{border-color:#1f5e4c;background:#0c2c23;color:#d7fbe8}.processing-options-summary b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ffffff0d}.processing-options-summary em{display:grid;gap:2px;font-style:normal}.processing-options-summary strong{font-size:11px}.processing-options-summary small{font-size:9px;color:var(--muted)}
.processing-findings-panel,.processing-comparison-panel{margin-top:20px}.processing-findings-panel .section-heading>span{color:var(--muted);font-size:12px}.processing-finding-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.processing-finding-tabs a{padding:8px 11px;border:1px solid #294268;border-radius:999px;background:#07101f;color:#aebdd2;font-size:11px}.processing-finding-tabs a.active{border-color:#2d75d6;background:#12366d;color:#fff}.processing-finding-list{display:grid}.processing-finding-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.processing-finding-list article:last-child{border-bottom:0}.processing-finding-tone{width:10px;height:10px;border-radius:50%;background:#4f9eff;box-shadow:0 0 14px #1677ff88}.processing-finding-tone.tone-warning{background:#ffb347;box-shadow:0 0 14px #ff9d3188}.processing-finding-tone.tone-critical{background:#ff5c6c;box-shadow:0 0 14px #ff5c6c88}.processing-finding-list article>div{display:grid;gap:4px}.processing-finding-list strong{font-size:12px}.processing-finding-list small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.processing-size-compare{display:flex;gap:12px}.processing-size-compare span{display:grid;gap:3px;color:var(--muted);font-size:10px}.processing-size-compare strong{color:#fff;font-size:12px}.processing-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.processing-code-grid article{min-width:0;border:1px solid #1a2d4d;border-radius:13px;overflow:hidden;background:#050b14}.processing-code-grid header{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:#0e1a30;border-bottom:1px solid #1a2d4d}.processing-code-grid header strong{font-size:12px}.processing-code-grid header span{color:var(--muted);font-size:10px}.processing-code-grid pre{margin:0;max-height:430px;overflow:auto;padding:16px;color:#b9d6ff;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.processing-result-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.processing-result-actions h2{margin:0 0 5px}.processing-result-actions p{margin:0}.processing-result-actions>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.processing-result-actions form{display:block}
.import-processing-history,.import-processing-empty{margin-top:20px}.import-processing-list{display:grid}.import-processing-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.import-processing-list a:last-child{border-bottom:0}.import-processing-list a>div{display:grid;gap:4px}.import-processing-list small{color:var(--muted)}.import-processing-list em{color:var(--muted);font-size:10px;font-style:normal}.import-processing-empty{display:flex;align-items:center;justify-content:space-between;gap:18px}.import-processing-empty h2{margin:0 0 6px}.import-processing-empty p{margin:0}
@media(max-width:1250px){.processing-create-layout{grid-template-columns:minmax(0,1fr) 280px}.processing-history-filters{grid-template-columns:minmax(220px,1fr) 160px minmax(180px,.7fr)}.processing-history-filters .btn{width:100%}.processing-history-list article{grid-template-columns:auto minmax(0,1fr) auto}.processing-history-stats{grid-column:2}.processing-history-list article>.btn{grid-column:3;grid-row:1/3}.processing-corrections-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.processing-create-layout,.processing-result-overview,.processing-preview-layout{grid-template-columns:1fr}.processing-side-stack{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.processing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.processing-history-filters{grid-template-columns:1fr 1fr}.processing-history-filters .filter-grow{grid-column:1/-1}.processing-result-stats,.processing-corrections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.processing-options-summary>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.processing-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.processing-side-stack,.processing-options-grid,.processing-summary-grid,.processing-history-filters,.processing-result-stats,.processing-corrections-grid,.processing-code-grid{grid-template-columns:1fr}.processing-history-filters .filter-grow{grid-column:auto}.processing-history-list article{grid-template-columns:auto minmax(0,1fr)}.processing-history-stats{grid-column:2;flex-wrap:wrap;justify-content:flex-start}.processing-history-list article>.btn{grid-column:2;grid-row:auto;justify-self:start}.processing-file-actions,.processing-result-actions,.import-processing-empty{align-items:flex-start;flex-direction:column}.processing-finding-list article{grid-template-columns:auto minmax(0,1fr)}.processing-finding-list .badge{grid-column:2;justify-self:start}.processing-failure-panel,.processing-progress-panel{align-items:flex-start;flex-wrap:wrap}.processing-failure-panel form,.processing-progress-panel .btn{margin-left:64px}.processing-preview-panel iframe{height:360px}.processing-options-summary>div:last-child{grid-template-columns:1fr}.processing-size-compare{width:100%;justify-content:space-between}.import-processing-list a{grid-template-columns:auto minmax(0,1fr)}.import-processing-list em{grid-column:2}}
@media(max-width:430px){.processing-stepper{grid-template-columns:1fr}.processing-history-list article{grid-template-columns:1fr}.processing-history-mark{width:42px;height:42px}.processing-history-stats,.processing-history-list article>.btn{grid-column:auto}.processing-history-stats{justify-content:space-between}.processing-failure-panel form,.processing-progress-panel .btn{margin-left:0;width:100%}.processing-result-actions>div:last-child,.processing-result-actions form,.processing-result-actions button,.processing-file-actions>div:last-child,.processing-file-actions .btn{width:100%}.processing-preview-panel iframe{height:300px}.processing-finding-list article{grid-template-columns:1fr}.processing-finding-list .badge{grid-column:auto}.import-processing-list a{grid-template-columns:1fr}.import-processing-list em{grid-column:auto}}

/* Bloque 10: recursos */
.asset-page-header{align-items:center}.asset-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.asset-summary-grid article{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#0c1730,#091326)}.asset-summary-grid span,.asset-summary-grid small{color:var(--muted);font-size:11px}.asset-summary-grid strong{font-size:24px}.asset-workspace-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}.asset-sidebar-stack,.asset-main-stack,.asset-detail-stack{display:grid;gap:20px;align-content:start}.asset-sidebar-stack{position:sticky;top:94px}.asset-category-nav,.asset-folder-nav{display:grid;gap:7px}.asset-category-nav a,.asset-folder-nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 11px;border:1px solid transparent;border-radius:10px;color:#aebdd2}.asset-category-nav a:hover,.asset-category-nav a.active,.asset-folder-nav a:hover,.asset-folder-nav a.active{background:#102951;border-color:#285da3;color:#fff}.asset-category-nav a>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#132846;color:#8fc6ff;font-size:11px;font-weight:900}.asset-category-nav strong{font-size:12px;flex:1}.asset-category-nav em,.asset-folder-nav em{color:#7d91af;font-size:10px;font-style:normal}.asset-folder-nav a{justify-content:space-between}.asset-folder-nav a>span{display:flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.asset-folder-nav i,.asset-folder-management i{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto;margin-right:9px;background:#1677ff}.asset-folder-nav i.folder-tone-cyan,.asset-folder-management i.folder-tone-cyan{background:#22c8ff}.asset-folder-nav i.folder-tone-green,.asset-folder-management i.folder-tone-green{background:#21d07a}.asset-folder-nav i.folder-tone-purple,.asset-folder-management i.folder-tone-purple{background:#8d68ff}.asset-folder-nav i.folder-tone-orange,.asset-folder-management i.folder-tone-orange{background:#ff9f43}.asset-folder-nav i.folder-tone-slate,.asset-folder-management i.folder-tone-slate{background:#7b8da8}.asset-folder-create{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.asset-folder-create select,.asset-filters select,.asset-upload-fields select,.asset-import-select-form select,.asset-candidate-toolbar select,.asset-detail-form select{width:100%;min-height:45px;padding:10px 36px 10px 12px;border:1px solid #294268;border-radius:10px;background:#07101f;color:#fff}.asset-folder-create label{font-size:11px}.asset-folder-create .btn{width:100%}.asset-folder-management{display:grid;gap:7px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.asset-folder-management>strong{font-size:11px;color:#b8cae3}.asset-folder-management>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #1a2d4d;border-radius:9px;background:#07101f}.asset-folder-management span{display:flex;align-items:center;min-width:0}.asset-folder-management em{font-style:normal;font-size:9px;color:#8fa4c5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-folder-management form{display:block}.asset-folder-management button{width:26px;height:26px;border:1px solid #6d2632;border-radius:8px;background:#25111a;color:#ff9ba6;cursor:pointer}.asset-view-hint{color:var(--muted);font-size:11px}.asset-filters{display:grid;grid-template-columns:minmax(230px,1fr) minmax(180px,.55fr) 150px auto auto;gap:10px;align-items:end;margin-bottom:18px}.asset-filters .filter-grow{min-width:0}.asset-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.asset-card{display:grid;grid-template-rows:auto 1fr auto;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#0c1730,#091326);box-shadow:0 14px 38px #0002}.asset-card:hover{border-color:#2b5b9d;transform:translateY(-1px)}.asset-card-preview{position:relative;min-height:165px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 74% 18%,#2b76d366,transparent 34%),linear-gradient(145deg,#102046,#091226)}.asset-card-preview.tone-green{background:radial-gradient(circle at 74% 18%,#137d5866,transparent 34%),linear-gradient(145deg,#0d352b,#091b22)}.asset-card-preview.tone-cyan{background:radial-gradient(circle at 74% 18%,#1a799066,transparent 34%),linear-gradient(145deg,#0c2f3a,#091922)}.asset-card-preview.tone-purple{background:radial-gradient(circle at 74% 18%,#6745b866,transparent 34%),linear-gradient(145deg,#241945,#111225)}.asset-card-preview.tone-orange{background:radial-gradient(circle at 74% 18%,#8f4b1866,transparent 34%),linear-gradient(145deg,#342010,#171220)}.asset-card-preview.tone-red{background:radial-gradient(circle at 74% 18%,#9b263866,transparent 34%),linear-gradient(145deg,#35131d,#171220)}.asset-card-preview.tone-slate{background:radial-gradient(circle at 74% 18%,#50607466,transparent 34%),linear-gradient(145deg,#202836,#111725)}.asset-card-preview>span{width:66px;height:66px;border-radius:19px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff2b;color:#fff;font-size:27px;font-weight:900;box-shadow:0 14px 34px #0005}.asset-card-preview img{width:100%;height:165px;object-fit:cover;display:block}.asset-card-preview .badge{position:absolute;top:12px;left:12px}.asset-card-body{display:grid;gap:9px;padding:16px}.asset-card-body>div:first-child{display:grid;gap:4px}.asset-card-body>div:first-child span{color:#7f94b3;font-size:10px}.asset-card-body>div:first-child a{font-size:15px;font-weight:800;overflow-wrap:anywhere}.asset-card-body>small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card-meta{display:flex;gap:8px;flex-wrap:wrap}.asset-card-meta span{padding:4px 7px;border:1px solid #263b5e;border-radius:999px;background:#0a1426;color:#91a8c8;font-size:9px}.asset-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-top:1px solid #172846;background:#081225}.asset-card-actions .btn{min-height:36px;padding:8px 13px;font-size:11px}.asset-download-link{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#12366d;color:#b9ddff;font-size:18px}.asset-empty{display:grid;justify-items:center;gap:11px;padding:55px 20px;text-align:center}.asset-empty strong{font-size:21px}.asset-empty p{margin:0;color:var(--muted);max-width:560px}.asset-upload-panel{scroll-margin-top:100px}.asset-upload-panel .section-heading>span{color:var(--muted);font-size:11px}.asset-upload-form{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:18px}.asset-upload-drop{position:relative;min-height:210px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;border:1px dashed #3b6199;border-radius:15px;background:#07101f;text-align:center;overflow:hidden}.asset-upload-drop>span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#12366d;color:#8fd4ff;font-size:27px}.asset-upload-drop strong{font-size:15px}.asset-upload-drop small{color:var(--muted)}.asset-upload-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.asset-upload-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.asset-upload-fields .full{grid-column:1/-1}.asset-upload-fields .btn{grid-column:1/-1;justify-self:end}.asset-no-project{display:grid;justify-items:start;gap:10px;padding:23px;border:1px dashed #345482;border-radius:14px;background:#07101f}.asset-no-project p{margin:0;color:var(--muted)}
.asset-import-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start;margin-bottom:20px}.asset-import-select-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.asset-import-context{display:grid;gap:7px}.asset-import-context>span,.asset-import-context>small{color:var(--muted);font-size:11px}.asset-import-context>strong{font-size:18px}.asset-import-context>a{margin-top:8px}.asset-candidate-panel .section-heading>span{color:var(--muted);font-size:11px}.asset-candidate-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.asset-candidate-tabs a{padding:8px 11px;border:1px solid #294268;border-radius:999px;background:#07101f;color:#aebdd2;font-size:11px}.asset-candidate-tabs a.active{border-color:#2d75d6;background:#12366d;color:#fff}.asset-candidate-form{display:grid;gap:14px}.asset-candidate-toolbar{display:grid;grid-template-columns:auto minmax(180px,.4fr) minmax(250px,1fr);gap:13px;align-items:end;padding:13px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.asset-candidate-toolbar>div{display:flex;align-items:center;justify-content:flex-end;gap:12px}.asset-candidate-toolbar>div strong{color:#8fa4c5;font-size:11px}.asset-candidate-list{display:grid}.asset-candidate-list>label{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);cursor:pointer}.asset-candidate-list>label:last-child{border-bottom:0}.asset-candidate-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#102951;border:1px solid #285da3;color:#8ac2ff;font-weight:900}.asset-candidate-icon.tone-green{background:#0e3f2d;border-color:#1f7b56;color:#7cf4b5}.asset-candidate-icon.tone-cyan{background:#0c3a49;border-color:#176b83;color:#8ae8ff}.asset-candidate-icon.tone-purple{background:#2d205a;border-color:#5b43a3;color:#c9b8ff}.asset-candidate-icon.tone-orange{background:#4a2d14;border-color:#8b5420;color:#ffd09a}.asset-candidate-icon.tone-red{background:#4b1520;border-color:#8a2638;color:#ff9ba6}.asset-candidate-info{display:grid;gap:4px;min-width:0}.asset-candidate-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-candidate-info small{color:#78bfff;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-candidate-info em{color:var(--muted);font-size:9px;font-style:normal}.asset-detail-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:20px}.asset-detail-preview{position:relative;min-height:300px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 75% 18%,#2d7ee466,transparent 34%),linear-gradient(145deg,#102046,#091226)}.asset-detail-preview.tone-green{background:radial-gradient(circle at 75% 18%,#137d5866,transparent 34%),linear-gradient(145deg,#0d352b,#091b22)}.asset-detail-preview.tone-cyan{background:radial-gradient(circle at 75% 18%,#1a799066,transparent 34%),linear-gradient(145deg,#0c2f3a,#091922)}.asset-detail-preview.tone-purple{background:radial-gradient(circle at 75% 18%,#6745b866,transparent 34%),linear-gradient(145deg,#241945,#111225)}.asset-detail-preview.tone-orange{background:radial-gradient(circle at 75% 18%,#8f4b1866,transparent 34%),linear-gradient(145deg,#342010,#171220)}.asset-detail-preview.tone-red{background:radial-gradient(circle at 75% 18%,#9b263866,transparent 34%),linear-gradient(145deg,#35131d,#171220)}.asset-detail-preview.tone-slate{background:radial-gradient(circle at 75% 18%,#50607466,transparent 34%),linear-gradient(145deg,#202836,#111725)}.asset-detail-preview img{width:100%;height:300px;object-fit:contain;background:#050a12}.asset-detail-preview>span{width:90px;height:90px;border-radius:25px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff2b;font-size:36px;font-weight:900}.asset-detail-preview .badge{position:absolute;top:15px;left:15px}.asset-detail-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.asset-detail-title h2{margin:0;font-size:24px;overflow-wrap:anywhere}.asset-detail-title>span{padding:6px 9px;border:1px solid #294268;border-radius:999px;color:#9eb7d8;font-size:10px}.asset-detail-list{display:grid;margin:0}.asset-detail-list>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.asset-detail-list dt{color:var(--muted);font-size:11px}.asset-detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere;font-size:11px}.asset-source-note{display:grid;gap:7px;margin-top:18px;padding:14px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.asset-source-note span{color:var(--muted);font-size:10px}.asset-source-note a{overflow-wrap:anywhere;font-size:10px}.asset-error-note{display:flex;align-items:flex-start;gap:11px;margin-top:18px;padding:13px;border:1px solid #8a2638;border-radius:12px;background:#4b1520}.asset-error-note>span{width:28px;height:28px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#7f2636;color:#fff}.asset-error-note strong{font-size:12px}.asset-error-note p{margin:4px 0 0;color:#ffc0c7;font-size:10px;line-height:1.5}.asset-detail-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr) auto;gap:12px;align-items:end}.asset-replace-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.asset-replace-form input[type=file]{width:100%;min-height:48px;padding:10px;border:1px solid #294268;border-radius:10px;background:#07101f;color:#cfe1fa}.asset-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.asset-action-grid>a,.asset-action-grid form button{width:100%;height:100%;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 12px;text-align:left;padding:16px;border:1px solid #1a2d4d;border-radius:13px;background:#07101f;color:#fff;cursor:pointer}.asset-action-grid>a:hover,.asset-action-grid form button:hover{border-color:#2b6ec7;background:#0b1a34}.asset-action-grid>a>span,.asset-action-grid button>span{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#12366d;color:#fff;font-size:18px}.asset-action-grid strong{font-size:13px}.asset-action-grid small{color:var(--muted);line-height:1.4}.asset-action-grid .danger-action{border-color:#6d2632;background:#25111a}.asset-action-grid .danger-action span{background:#4b1520;color:#ff9ba6}
@media(max-width:1260px){.asset-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-filters{grid-template-columns:minmax(220px,1fr) minmax(170px,.55fr) 145px}.asset-filters .btn{width:100%}.asset-filters .filter-grow{grid-column:1/-1}}
@media(max-width:1050px){.asset-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-workspace-layout{grid-template-columns:1fr}.asset-sidebar-stack{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.asset-upload-form,.asset-detail-layout,.asset-import-layout{grid-template-columns:1fr}.asset-import-context{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.asset-import-context>a{margin:0;justify-self:end}.asset-candidate-toolbar{grid-template-columns:auto minmax(180px,.6fr) minmax(230px,1fr)}}
@media(max-width:760px){.asset-summary-grid,.asset-sidebar-stack,.asset-card-grid,.asset-upload-fields{grid-template-columns:1fr}.asset-filters{grid-template-columns:1fr 1fr}.asset-filters .filter-grow{grid-column:1/-1}.asset-upload-form{grid-template-columns:1fr}.asset-upload-fields .full,.asset-upload-fields .btn{grid-column:auto}.asset-upload-fields .btn{width:100%}.asset-import-select-form{grid-template-columns:1fr}.asset-import-select-form .btn{width:100%}.asset-import-context{grid-template-columns:1fr}.asset-import-context>a{justify-self:start}.asset-candidate-toolbar{grid-template-columns:1fr}.asset-candidate-toolbar>div{justify-content:space-between}.asset-candidate-list>label{grid-template-columns:auto auto minmax(0,1fr)}.asset-candidate-list>label>.badge{grid-column:3;justify-self:start}.asset-detail-form,.asset-replace-form{grid-template-columns:1fr}.asset-detail-form .btn,.asset-replace-form .btn{width:100%}.asset-action-grid{grid-template-columns:1fr}.asset-detail-preview,.asset-detail-preview img{min-height:240px;height:240px}}
@media(max-width:430px){.asset-summary-grid,.asset-filters{grid-template-columns:1fr}.asset-filters .filter-grow{grid-column:auto}.asset-card-preview,.asset-card-preview img{height:145px;min-height:145px}.asset-candidate-list>label{grid-template-columns:auto minmax(0,1fr)}.asset-candidate-list>label>input{grid-row:1/3}.asset-candidate-icon{grid-column:2}.asset-candidate-info{grid-column:2}.asset-candidate-list>label>.badge{grid-column:2}.asset-candidate-toolbar>div{align-items:stretch;flex-direction:column}.asset-candidate-toolbar .btn{width:100%}.asset-detail-header .header-actions,.asset-page-header .header-actions{width:100%}.asset-detail-header .header-actions .btn,.asset-page-header .header-actions .btn{width:100%}}

/* Bloque 11: editor visual por bloques. Se amplía la interfaz aprobada sin alterar los módulos anteriores. */
.editor-page-header,.editor-workspace-header{align-items:center}.editor-filter-bar{margin-bottom:18px}.editor-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.editor-page-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#0b162b,#091326);box-shadow:0 18px 45px #0003}.editor-page-card.is-archived{opacity:.72}.editor-page-thumb{position:relative;height:190px;padding:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.editor-page-thumb>.badge{position:absolute;top:14px;left:14px}.editor-page-thumb>small{position:absolute;right:14px;bottom:12px;padding:5px 8px;border-radius:999px;background:#030914b8;color:#dbe8ff;font-size:10px}.editor-thumb-window{width:75%;height:116px;border:1px solid #ffffff2b;border-radius:13px;padding:12px;background:#07101fcc;box-shadow:0 16px 45px #0007;transform:perspective(700px) rotateX(3deg) rotateY(-5deg)}.editor-thumb-window>span{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#4a6388}.editor-thumb-window>div{height:20px;margin-top:12px;border-radius:7px;background:linear-gradient(90deg,#197dff88,#22c8ff33)}.editor-thumb-window>div:last-child{width:64%;height:9px;background:#ffffff25}.editor-page-card-body{display:grid;gap:14px;padding:18px;flex:1}.editor-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.editor-card-heading h2{font-size:17px;margin:0 0 5px;overflow-wrap:anywhere}.editor-card-heading code{color:#67bfff;font-size:10px;overflow-wrap:anywhere}.editor-card-heading>strong{padding:6px 8px;border:1px solid #294268;border-radius:999px;color:#b8c9e2;font-size:10px;white-space:nowrap}.editor-page-card-body>p{margin:0;color:var(--muted);font-size:11px}.editor-page-card-body>p span{color:#dbe8ff}.editor-empty-state{margin-top:18px}.visual-theme-midnight.editor-page-thumb{background:radial-gradient(circle at 78% 20%,#1d70df88,transparent 35%),linear-gradient(145deg,#0c1d3b,#07101f)}.visual-theme-light.editor-page-thumb{background:radial-gradient(circle at 78% 20%,#85bdff99,transparent 35%),linear-gradient(145deg,#edf5ff,#b8cbe3)}.visual-theme-brand.editor-page-thumb{background:radial-gradient(circle at 75% 25%,#35d8ff99,transparent 35%),linear-gradient(145deg,#07367e,#10205f)}
.editor-create-form{display:grid;gap:26px}.form-section-heading{padding-bottom:14px;border-bottom:1px solid var(--line)}.form-section-heading h2{margin:0 0 5px}.form-section-heading p{margin:0}.editor-create-form label small{color:var(--muted);font-size:10px;line-height:1.5}.editor-page-settings{margin-bottom:18px}.editor-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-height:480px;overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.editor-settings-grid.is-collapsed{max-height:0;opacity:0}.editor-json-source{display:none!important}.visual-editor-form{min-width:0}.visual-editor-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 310px;gap:18px;align-items:start}.editor-block-library,.editor-inspector{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto}.editor-library-list{display:grid;gap:9px}.editor-library-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:3px 10px;width:100%;padding:11px;border:1px solid #1d3155;border-radius:12px;background:#07101f;color:#fff;text-align:left;cursor:pointer}.editor-library-item:hover{border-color:#2f74c9;background:#0c1a33}.editor-library-item>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#12366d;color:#8fd4ff;font-weight:900}.editor-library-item>strong{font-size:12px}.editor-library-item>small{color:var(--muted);font-size:9px;line-height:1.35}.editor-library-note{display:grid;gap:4px;margin-top:14px;padding:12px;border:1px solid #1a2d4d;border-radius:11px;background:#07101f}.editor-library-note strong{font-size:12px}.editor-library-note span{color:var(--muted);font-size:9px}.editor-canvas-column{min-width:0}.editor-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;padding:12px 14px}.editor-canvas-toolbar>div{display:flex;gap:6px}.editor-canvas-toolbar button,.visual-preview-toolbar nav a{padding:8px 10px;border:1px solid #294268;border-radius:9px;background:#07101f;color:#aebdd2;cursor:pointer;font-size:10px}.editor-canvas-toolbar button.active,.visual-preview-toolbar nav a.active{background:#12366d;border-color:#2f75ce;color:#fff}.editor-canvas-toolbar>span{color:var(--muted);font-size:10px;text-align:right}.editor-canvas-stage{width:100%;min-height:670px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#030712;overflow:auto;transition:padding .2s ease}.editor-canvas{width:100%;margin:auto;transition:max-width .2s ease}.editor-device-tablet .editor-canvas{max-width:760px}.editor-device-mobile .editor-canvas{max-width:390px}.editor-device-mobile .visual-hero,.editor-device-tablet .visual-hero{grid-template-columns:1fr}.editor-device-mobile .visual-feature-grid{grid-template-columns:1fr}.editor-block-shell{position:relative;border:2px solid transparent;transition:border-color .15s ease,opacity .15s ease}.editor-block-shell:hover{border-color:#2b5d9b}.editor-block-shell.is-selected{border-color:var(--cyan);box-shadow:0 0 0 3px #22c8ff22}.editor-block-shell.is-hidden-block{opacity:.42}.editor-block-controls{position:absolute;z-index:6;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #315281;border-radius:10px;background:#061020ed;box-shadow:0 9px 28px #0008;opacity:0;transform:translateY(-4px);transition:.15s}.editor-block-shell:hover .editor-block-controls,.editor-block-shell.is-selected .editor-block-controls,.editor-block-shell:focus .editor-block-controls{opacity:1;transform:none}.editor-block-controls strong{padding:0 7px;color:#8ec9ff;font-size:9px;text-transform:uppercase}.editor-block-controls button{min-height:28px;padding:5px 7px;border:1px solid #294268;border-radius:7px;background:#101c34;color:#dbe8ff;cursor:pointer;font-size:9px}.editor-block-controls button:hover{background:#173761}.editor-inspector-empty{display:grid;justify-items:center;gap:8px;padding:28px 12px;text-align:center;color:var(--muted)}.editor-inspector-empty>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#12366d;color:#8fd4ff;font-size:22px}.editor-inspector-fields{display:grid;gap:14px}.editor-inspector-group{display:grid;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.editor-inspector-group:last-child{border-bottom:0}.editor-inspector-group h3{margin:0;color:#8fd4ff;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.editor-inspector-group label{gap:6px;font-size:11px}.editor-inspector-group input:not([type=checkbox]),.editor-inspector-group textarea,.editor-inspector-group select{min-height:40px;padding:10px;font-size:11px}.editor-inspector-group textarea{resize:vertical}.editor-toggle-field{display:flex!important;align-items:center;justify-content:space-between;grid-template-columns:none!important;padding:9px 10px;border:1px solid #1a2d4d;border-radius:10px;background:#07101f}.editor-bottom-actions{position:sticky;bottom:12px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:12px 15px;border:1px solid #315281;border-radius:14px;background:#07101ff2;box-shadow:0 18px 45px #0009;backdrop-filter:blur(14px)}.editor-bottom-actions>span{color:var(--muted);font-size:10px}.editor-bottom-actions>div{display:flex;gap:9px}.editor-page-actions-panel{display:flex;align-items:center;justify-content:space-between;gap:18px}.editor-page-actions-panel h2{margin:0 0 5px}.editor-page-actions-panel p{margin:0}.editor-page-actions-panel form{display:inline-flex}
.visual-page{margin:0 auto;min-height:100%;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.visual-page.visual-width-narrow{--visual-width:760px}.visual-page.visual-width-standard{--visual-width:1040px}.visual-page.visual-width-wide{--visual-width:1280px}.visual-theme-midnight{background:radial-gradient(circle at 80% 8%,#183d79 0,transparent 26%),#050b18;color:#f8fbff}.visual-theme-brand{background:radial-gradient(circle at 82% 8%,#26ccff55 0,transparent 27%),linear-gradient(155deg,#06275c,#071126 65%);color:#f8fbff}.visual-theme-light{background:linear-gradient(180deg,#f8fbff,#e8f1fb);color:#13213a}.visual-section{width:min(var(--visual-width),calc(100% - 42px));margin:0 auto}.visual-spacing-compact{padding-top:28px;padding-bottom:28px}.visual-spacing-normal{padding-top:54px;padding-bottom:54px}.visual-spacing-large{padding-top:84px;padding-bottom:84px}.visual-align-center{text-align:center}.visual-align-right{text-align:right}.visual-eyebrow{color:#22c8ff;font-size:11px;font-weight:900;letter-spacing:.15em}.visual-theme-light .visual-eyebrow{color:#0c69d8}.visual-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:44px;align-items:center;min-height:430px}.visual-hero.visual-align-center{grid-template-columns:1fr;justify-items:center}.visual-hero-copy{min-width:0}.visual-hero h1{max-width:850px;margin:10px 0 18px;font-size:clamp(34px,5vw,68px);line-height:1.02;letter-spacing:-.045em}.visual-hero p,.visual-text .visual-copy,.visual-price-card>p{color:#aebdd2;line-height:1.75;font-size:clamp(14px,1.5vw,18px)}.visual-theme-light .visual-hero p,.visual-theme-light .visual-text .visual-copy,.visual-theme-light .visual-price-card>p,.visual-theme-light .visual-feature-grid p,.visual-theme-light .visual-testimonial span{color:#526780}.visual-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.visual-align-center .visual-actions{justify-content:center}.visual-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;border-radius:11px;font-weight:800}.visual-btn-primary{background:linear-gradient(90deg,#2952ff,#108cff);color:#fff;box-shadow:0 12px 36px #176cff44}.visual-btn-secondary{background:#14213a;color:#dbe8ff;border:1px solid #294268}.visual-theme-light .visual-btn-secondary{background:#fff;color:#19345c;border-color:#a9bdd7}.visual-btn-outline{background:transparent;color:#56b8ff;border:1px solid #2e70bd}.visual-hero-media{margin:0;border:1px solid #ffffff26;border-radius:22px;overflow:hidden;background:#ffffff0c;box-shadow:0 28px 75px #0007}.visual-hero-media img{display:block;width:100%;min-height:280px;max-height:470px;object-fit:cover}.visual-text{max-width:min(var(--visual-width),900px)}.visual-text h2,.visual-features>h2,.visual-testimonial>h2,.visual-faq>h2{margin:0 0 18px;font-size:clamp(28px,4vw,46px);line-height:1.12}.visual-copy{white-space:pre-wrap}.visual-image figure{margin:0 auto}.visual-image-narrow figure{max-width:620px}.visual-image-standard figure{max-width:920px}.visual-image-wide figure{max-width:var(--visual-width)}.visual-image img{display:block;width:100%;max-height:720px;object-fit:cover;border-radius:20px;box-shadow:0 24px 65px #0006}.visual-image figcaption{padding:11px 4px;color:#8fa4c5;font-size:12px;text-align:center}.visual-image-placeholder{min-height:250px;display:grid;place-items:center;border:1px dashed #3b6199;border-radius:18px;background:#ffffff08;color:#8fa4c5}.visual-button-wrap{display:flex}.visual-button-wrap.visual-align-left{justify-content:flex-start}.visual-button-wrap.visual-align-center{justify-content:center}.visual-button-wrap.visual-align-right{justify-content:flex-end}.visual-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.visual-feature-grid article{padding:24px;border:1px solid #ffffff1c;border-radius:17px;background:#ffffff09}.visual-theme-light .visual-feature-grid article{background:#fff;border-color:#c7d6e8;box-shadow:0 12px 35px #16345b12}.visual-feature-grid article>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#0e3f2d;color:#7cf4b5;font-weight:900}.visual-feature-grid h3{margin:16px 0 8px}.visual-feature-grid p{margin:0;color:#98a8c3;line-height:1.6}.visual-testimonial{text-align:center}.visual-testimonial blockquote{max-width:880px;margin:20px auto;padding:28px;border:1px solid #ffffff1f;border-radius:20px;background:#ffffff0a;font-size:clamp(20px,3vw,34px);line-height:1.45}.visual-theme-light .visual-testimonial blockquote{background:#fff;border-color:#c7d6e8}.visual-testimonial>div{display:grid;gap:4px}.visual-testimonial span{color:#98a8c3}.visual-pricing{display:grid;place-items:center}.visual-price-card{width:min(520px,100%);padding:34px;border:1px solid #2e67ae;border-radius:22px;background:linear-gradient(180deg,#0d2348,#091326);box-shadow:0 26px 70px #0007}.visual-theme-light .visual-price-card{background:#fff;border-color:#a8c2e3;box-shadow:0 22px 55px #16345b1f}.visual-price{display:flex;align-items:flex-end;gap:8px;margin:12px 0}.visual-price strong{font-size:50px;line-height:1}.visual-price span{color:#98a8c3}.visual-price-card ul{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}.visual-price-card li:before{content:"✓";margin-right:9px;color:#21d07a}.visual-faq>div{display:grid;gap:10px}.visual-faq details{padding:17px;border:1px solid #ffffff1d;border-radius:13px;background:#ffffff08}.visual-theme-light .visual-faq details{background:#fff;border-color:#c7d6e8}.visual-faq summary{cursor:pointer;font-weight:800}.visual-faq p{margin:12px 0 0;color:#98a8c3;line-height:1.65}.visual-divider{width:min(var(--visual-width),calc(100% - 42px));margin-left:auto;margin-right:auto;border-top:1px solid #ffffff25}.visual-divider-soft{border-top-style:dashed;opacity:.7}.visual-divider-accent{border-top:2px solid #22c8ff;box-shadow:0 0 18px #22c8ff66}.visual-theme-light .visual-divider{border-color:#b8c9dd}.visual-spacer-small{height:28px}.visual-spacer-medium{height:56px}.visual-spacer-large{height:92px}.editor-block-shell .visual-spacer{display:grid;place-items:center;border:1px dashed #345482;color:#8fa4c5;font-size:10px}.visual-custom{overflow-wrap:anywhere}.visual-custom img{max-width:100%;height:auto}.visual-custom a{color:#56b8ff;text-decoration:underline}.visual-custom p{line-height:1.65}.visual-preview-page{min-height:100vh;background:#020610}.visual-preview-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;border-bottom:1px solid var(--line);background:#07101ff2;backdrop-filter:blur(14px)}.visual-preview-toolbar>div{display:flex;align-items:center;gap:12px;min-width:0}.visual-preview-toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-preview-toolbar span{color:var(--muted);font-size:11px;white-space:nowrap}.visual-preview-toolbar nav{display:flex;gap:5px}.visual-preview-stage{padding:24px;min-height:calc(100vh - 67px);overflow:auto}.visual-preview-frame{margin:auto;overflow:hidden;border-radius:18px;box-shadow:0 28px 80px #000a;transition:max-width .2s ease}.visual-device-desktop .visual-preview-frame{max-width:1440px}.visual-device-tablet .visual-preview-frame{max-width:768px}.visual-device-mobile .visual-preview-frame{max-width:390px}.visual-device-mobile .visual-hero,.visual-device-tablet .visual-hero{grid-template-columns:1fr}.visual-device-mobile .visual-feature-grid{grid-template-columns:1fr}
@media(max-width:1320px){.editor-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-editor-layout{grid-template-columns:220px minmax(0,1fr)}.editor-inspector{position:static;grid-column:1/-1;max-height:none}.editor-inspector-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-inspector-group{border-bottom:0;border-right:1px solid var(--line);padding-right:15px}.editor-inspector-group:last-child{border-right:0}}
@media(max-width:1050px){.editor-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-editor-layout{grid-template-columns:1fr}.editor-block-library,.editor-inspector{position:static;max-height:none}.editor-library-list{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-canvas-stage{min-height:520px}.editor-inspector-fields{grid-template-columns:1fr}.editor-inspector-group{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.editor-page-actions-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.editor-page-grid,.editor-settings-grid{grid-template-columns:1fr}.editor-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-canvas-toolbar,.editor-bottom-actions,.visual-preview-toolbar{align-items:stretch;flex-direction:column}.editor-canvas-toolbar>span{text-align:left}.editor-bottom-actions>div,.visual-preview-toolbar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.visual-preview-toolbar>div{flex-wrap:wrap}.visual-preview-toolbar span{white-space:normal}.visual-preview-stage{padding:10px}.visual-section{width:min(var(--visual-width),calc(100% - 28px))}.visual-spacing-compact{padding-top:20px;padding-bottom:20px}.visual-spacing-normal{padding-top:36px;padding-bottom:36px}.visual-spacing-large{padding-top:55px;padding-bottom:55px}.visual-hero{grid-template-columns:1fr;gap:24px;min-height:auto}.visual-feature-grid{grid-template-columns:1fr}.visual-hero h1{font-size:clamp(34px,11vw,52px)}.editor-block-controls{position:relative;top:auto;right:auto;opacity:1;transform:none;border:0;border-bottom:1px solid #315281;border-radius:0;overflow:auto}.editor-block-controls strong{margin-right:auto}.editor-page-actions-panel .header-actions{display:grid;width:100%}.editor-page-actions-panel form,.editor-page-actions-panel button{width:100%}}
@media(max-width:430px){.editor-library-list{grid-template-columns:1fr}.editor-page-thumb{height:155px}.editor-thumb-window{height:96px}.editor-workspace-header .header-actions,.editor-page-header .header-actions{width:100%}.editor-workspace-header .btn,.editor-page-header .btn{width:100%}.editor-bottom-actions>div{grid-template-columns:1fr}.editor-canvas-stage{padding:6px;border-radius:13px}.editor-canvas-toolbar>div{display:grid;grid-template-columns:repeat(3,1fr)}.visual-actions{display:grid}.visual-btn{width:100%}.visual-section{width:calc(100% - 22px)}.visual-price-card{padding:24px}.visual-preview-toolbar nav{grid-template-columns:1fr}.visual-preview-toolbar nav a{text-align:center}}

/* Bloque 12: editor avanzado */
.code-page-header{align-items:flex-end}.code-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.code-document-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0b1528,#07101f);box-shadow:0 18px 48px #0004}.code-document-card.is-archived{opacity:.74}.code-card-preview{position:relative;min-height:164px;padding:22px;background:radial-gradient(circle at 86% 12%,#1a5fa955,transparent 38%),linear-gradient(145deg,#0b1f42,#060b15)}.code-card-preview>.badge{position:absolute;right:14px;top:14px}.code-card-window{height:120px;overflow:hidden;border:1px solid #ffffff22;border-radius:13px;background:#050a13;box-shadow:0 17px 40px #0008}.code-card-window>span{display:inline-block;width:7px;height:7px;margin:10px 0 0 7px;border-radius:50%;background:#37628d}.code-card-window>span:first-child{margin-left:12px;background:#ff6b77}.code-card-window>span:nth-child(2){background:#ffc658}.code-card-window>span:nth-child(3){background:#5dd69a}.code-card-window pre{margin:7px 0 0;padding:11px 14px;border-top:1px solid #ffffff10;color:#85baff;font-size:10px;line-height:1.6;white-space:pre-wrap}.code-document-body{display:grid;gap:11px;padding:18px 18px 14px}.code-document-body h2{margin:0;font-size:18px}.code-document-body p{margin:0;color:var(--muted);font-size:12px}.code-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.code-card-stats span{display:grid;gap:2px;padding:9px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff05;color:var(--muted);font-size:10px}.code-card-stats strong{color:var(--text);font-size:13px}.code-card-validation{padding:9px 11px;border-radius:10px;font-size:11px;font-weight:800}.code-card-validation.is-clean{background:#0d3b2c;color:#82efb5}.code-card-validation.has-warnings{background:#432f0c;color:#ffd77c}.code-card-validation.has-errors{background:#461621;color:#ff9eaa}.code-card-help{min-height:50px}.code-card-actions{margin-top:auto}.code-card-actions form{display:inline-flex}.code-workspace-header{align-items:flex-end}.code-editor-meta-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.code-editor-meta-copy{display:flex;align-items:center;gap:13px;min-width:0}.code-editor-meta-copy>div{display:grid;gap:4px}.code-editor-meta-copy span:not(.badge){color:var(--muted);font-size:11px}.code-editor-meta-panel label{min-width:210px}.advanced-code-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:16px;align-items:start}.code-editor-column{position:relative;min-width:0;padding:0;overflow:hidden}.code-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line);background:#081426}.code-editor-tabs{display:flex;gap:4px}.code-editor-tabs button,.code-preview-toolbar>div button{min-height:35px;padding:7px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-weight:800}.code-editor-tabs button.active,.code-preview-toolbar>div button.active{border-color:#2b66ad;background:#102d57;color:#eaf5ff}.code-editor-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.code-find-panel{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) auto auto auto;gap:8px;align-items:end;padding:11px 13px;border-bottom:1px solid var(--line);background:#0a1729}.code-find-panel label{display:grid;gap:5px;color:var(--muted);font-size:10px}.code-find-panel input{min-height:35px}.code-snippet-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 13px;border-bottom:1px solid var(--line);background:#06101e}.code-snippet-bar span{margin-right:4px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.code-snippet-bar button{min-height:29px;padding:5px 9px;border:1px solid #27466e;border-radius:8px;background:#0c1e38;color:#bdd7fa;font-size:10px}.code-pane{min-height:650px;background:#040912}.code-pane textarea{display:block;width:100%;height:650px;min-height:650px;resize:vertical;border:0;border-radius:0;background:#040912;color:#d9e8fb;font:12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;tab-size:2;white-space:pre;overflow:auto;padding:18px 20px;caret-color:#5ab8ff}.code-pane textarea:focus{outline:0;box-shadow:inset 3px 0 #168bff}.code-editor-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 13px;border-top:1px solid var(--line);background:#07111f;color:var(--muted);font-size:10px}.code-editor-statusbar .is-dirty{color:#ffd477}.code-editor-column.is-fullscreen{position:fixed;z-index:9999;inset:12px;padding:0;border:1px solid #2a5a96;box-shadow:0 40px 120px #000e}.code-editor-column.is-fullscreen .code-pane,.code-editor-column.is-fullscreen .code-pane textarea{height:calc(100vh - 168px);min-height:0}.code-preview-column{display:grid;gap:16px;min-width:0}.code-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.code-preview-toolbar>div{display:flex;gap:4px}.code-preview-stage{min-height:525px;padding:16px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 50% 0,#14315a55,transparent 38%),#02060d}.code-preview-stage iframe{display:block;width:100%;height:492px;margin:0 auto;border:0;border-radius:12px;background:#fff;box-shadow:0 22px 55px #0009;transition:max-width .2s ease}.code-preview-stage.code-device-desktop iframe{max-width:100%}.code-preview-stage.code-device-tablet iframe{max-width:768px}.code-preview-stage.code-device-mobile iframe{max-width:390px}.code-validation-panel{padding:17px}.code-validation-state{display:inline-flex;align-items:center;min-height:29px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900}.code-validation-state.is-clean{background:#0c3b2b;color:#7af0b0}.code-validation-state.has-warnings{background:#47320b;color:#ffda83}.code-validation-state.has-errors{background:#491620;color:#ff9aa6}.code-validation-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.code-validation-stats>div{display:grid;gap:3px;padding:10px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff05}.code-validation-stats strong{font-size:17px}.code-validation-stats span{color:var(--muted);font-size:9px}.code-validation-messages{display:grid;gap:8px;max-height:245px;overflow:auto}.validation-message{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start;padding:10px;border-radius:11px}.validation-message>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;font-weight:900}.validation-message p{margin:3px 0 0;color:inherit;font-size:11px;line-height:1.5}.validation-message.success{background:#0b3125;color:#91edb9}.validation-message.success>span{background:#15583e}.validation-message.warning{background:#3c2d0e;color:#f3d28e}.validation-message.warning>span{background:#6b4b0d}.validation-message.error{background:#3d141d;color:#ffabb4}.validation-message.error>span{background:#6a1c2a}.code-bottom-actions{margin-top:16px}.code-document-actions{margin-top:16px}.code-public-preview .visual-preview-frame{width:100%;height:calc(100vh - 116px)}.code-public-preview iframe{display:block;width:100%;height:100%;border:0;background:#fff}.code-preview-page .visual-preview-frame{background:#fff}.badge-slate{background:#253247;color:#c5d0df}

@media (max-width:1280px){.code-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-code-layout{grid-template-columns:1fr}.code-preview-column{grid-template-columns:minmax(0,1fr) minmax(340px,.55fr);align-items:start}.code-preview-toolbar,.code-preview-stage{grid-column:1}.code-validation-panel{grid-column:2;grid-row:1 / span 2}.code-pane,.code-pane textarea{min-height:560px;height:560px}}
@media (max-width:980px){.code-document-grid{grid-template-columns:1fr}.code-preview-column{grid-template-columns:1fr}.code-preview-toolbar,.code-preview-stage,.code-validation-panel{grid-column:1;grid-row:auto}.code-editor-toolbar{align-items:flex-start;flex-direction:column}.code-editor-toolbar-actions{justify-content:flex-start}.code-find-panel{grid-template-columns:1fr 1fr auto}.code-find-panel button:nth-of-type(2),.code-find-panel button:nth-of-type(3){grid-column:auto}.code-validation-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.code-editor-meta-panel{align-items:stretch;flex-direction:column}.code-editor-meta-panel label{min-width:0}.code-card-stats{grid-template-columns:1fr}.code-editor-toolbar-actions{width:100%}.code-editor-toolbar-actions .btn{flex:1}.code-find-panel{grid-template-columns:1fr 1fr}.code-find-panel button{width:100%}.code-snippet-bar{align-items:stretch}.code-snippet-bar span{width:100%}.code-snippet-bar button{flex:1}.code-pane,.code-pane textarea{height:480px;min-height:480px}.code-pane textarea{padding:15px 13px;font-size:11.5px}.code-editor-statusbar{align-items:flex-start;flex-direction:column}.code-preview-toolbar{align-items:stretch;flex-direction:column}.code-preview-toolbar>div{display:grid;grid-template-columns:repeat(3,1fr)}.code-preview-stage{min-height:430px;padding:9px}.code-preview-stage iframe{height:410px}.code-validation-stats{grid-template-columns:1fr 1fr}.code-public-preview .visual-preview-frame{height:calc(100vh - 156px)}}
@media (max-width:420px){.code-card-preview{min-height:145px;padding:15px}.code-card-window{height:108px}.code-find-panel{grid-template-columns:1fr}.code-validation-stats{grid-template-columns:1fr}.code-editor-meta-copy{align-items:flex-start;flex-direction:column}.code-pane,.code-pane textarea{height:420px;min-height:420px}.code-editor-toolbar-actions .btn{min-width:calc(50% - 4px)}.code-preview-stage.code-device-mobile iframe{max-width:100%}}

/* Bloque 13: adaptación por dispositivo */
.responsive-page-header,.responsive-workspace-header{align-items:flex-end}.responsive-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.responsive-document-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0b1528,#07101f);box-shadow:0 18px 48px #0004}.responsive-document-card.is-archived{opacity:.74}.responsive-card-preview{position:relative;min-height:170px;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 10%,#1b7cc966,transparent 36%),linear-gradient(145deg,#0b2348,#060b15)}.responsive-card-preview>.badge{position:absolute;right:14px;top:14px}.responsive-device-stack{position:relative;width:225px;height:126px}.responsive-device-stack .screen{position:absolute;display:block;border:1px solid #6fb8ff66;background:#07101f;box-shadow:0 16px 36px #0009;overflow:hidden}.responsive-device-stack .screen:before{content:"";display:block;height:9px;background:#142844;border-bottom:1px solid #335984}.responsive-device-stack .screen i{display:block;margin:9px;background:linear-gradient(180deg,#1c69c8 0 15%,#102343 15% 42%,#15395d 42% 58%,#0a182e 58%);border-radius:5px}.responsive-device-stack .desktop{left:0;top:0;width:170px;height:108px;border-radius:9px}.responsive-device-stack .desktop i{height:78px}.responsive-device-stack .tablet{right:18px;bottom:0;width:72px;height:96px;border-radius:9px}.responsive-device-stack .tablet i{height:67px;margin:7px}.responsive-device-stack .mobile{right:0;bottom:0;width:42px;height:78px;border-radius:10px}.responsive-device-stack .mobile:before{height:7px}.responsive-device-stack .mobile i{height:57px;margin:5px}.responsive-document-body{display:grid;gap:11px;padding:18px 18px 14px}.responsive-document-body h2{margin:0;font-size:18px}.responsive-document-body p{margin:0;color:var(--muted);font-size:12px}.responsive-card-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.responsive-card-sizes span{display:grid;gap:2px;padding:9px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff05;color:var(--muted);font-size:9px}.responsive-card-sizes strong{color:var(--text);font-size:13px}.responsive-card-help{min-height:50px}.responsive-card-actions{margin-top:auto}.responsive-card-actions form{display:inline-flex}.responsive-meta-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.responsive-meta-fields{display:flex;align-items:end;gap:12px}.responsive-meta-fields label{min-width:190px}.responsive-workspace-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:16px;align-items:start}.responsive-settings-panel,.responsive-block-panel{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:hidden;padding:0}.responsive-device-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:11px;border-bottom:1px solid var(--line);background:#081426}.responsive-device-tabs button,.responsive-preview-toolbar button[data-responsive-preview-device]{min-height:36px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.responsive-device-tabs button.active,.responsive-preview-toolbar button[data-responsive-preview-device].active{border-color:#2b66ad;background:#102d57;color:#eaf5ff}.responsive-setting-scroll{max-height:calc(100vh - 172px);overflow:auto;padding:15px}.responsive-global-group,.responsive-device-settings{display:grid;gap:13px}.responsive-global-group{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.responsive-global-group h2,.responsive-device-settings h2{margin:0;color:#8fd4ff;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.responsive-global-group label,.responsive-device-settings label,.responsive-block-controls label{gap:6px;font-size:10px}.responsive-global-group small,.responsive-device-settings small,.responsive-block-controls small{color:var(--muted);font-size:9px;line-height:1.45}.responsive-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.responsive-settings-grid input,.responsive-settings-grid select,.responsive-global-group input,.responsive-css-field textarea,.responsive-block-controls input,.responsive-block-controls select{min-height:38px;padding:9px;font-size:10px}.responsive-switch-list{display:grid;gap:8px}.responsive-switch-list label,.responsive-toggle-field{display:flex!important;align-items:center;justify-content:space-between;grid-template-columns:none!important;padding:9px 10px;border:1px solid #1a2d4d;border-radius:10px;background:#07101f}.responsive-switch-list input,.responsive-toggle-field input{width:auto;min-height:0}.responsive-css-field textarea{min-height:150px;resize:vertical;background:#040912;color:#d9e8fb;font:10.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.responsive-preview-column{display:grid;gap:16px;min-width:0}.responsive-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.responsive-preview-toolbar>div{display:flex;align-items:center;gap:5px}.responsive-preview-toolbar span{color:#8fd4ff;font-size:10px;font-weight:800}.responsive-preview-stage{min-height:650px;padding:18px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 50% 0,#14315a55,transparent 38%),#02060d}.responsive-preview-stage iframe{display:block;width:100%;height:615px;margin:0 auto;border:0;border-radius:12px;background:#fff;box-shadow:0 22px 55px #0009;transition:max-width .2s ease}.responsive-review-panel{padding:17px}.responsive-block-panel>.section-heading{padding:15px;border-bottom:1px solid var(--line)}.responsive-block-panel>.section-heading h2{font-size:15px}.responsive-block-panel>.section-heading p{font-size:10px}.responsive-block-list{display:grid;gap:5px;max-height:290px;overflow:auto;padding:11px;border-bottom:1px solid var(--line)}.responsive-block-list button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:8px;border:1px solid #1c3152;border-radius:10px;background:#07101f;color:var(--text);text-align:left;cursor:pointer}.responsive-block-list button.active{border-color:#2f75ce;background:#102d57}.responsive-block-list button>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#12366d;color:#91d7ff;font-size:10px;font-weight:900}.responsive-block-list button>div{display:grid;gap:2px;min-width:0}.responsive-block-list strong{font-size:10px}.responsive-block-list small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.responsive-block-controls{display:grid;gap:11px;max-height:calc(100vh - 520px);overflow:auto;padding:13px}.responsive-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.responsive-bottom-actions{margin-top:16px}.responsive-document-actions{margin-top:16px}.responsive-public-stage{min-height:calc(100vh - 74px);padding:18px;background:#02060d}.responsive-public-frame{width:100%;height:calc(100vh - 110px);display:grid;place-items:start center;overflow:auto}.responsive-public-frame iframe{display:block;width:100%;height:100%;border:0;border-radius:12px;background:#fff;box-shadow:0 25px 70px #000b}.responsive-public{margin:0;min-height:100vh}.responsive-advanced-root{min-height:100vh}.responsive-block{min-width:0}.empty-state.compact{padding:20px 14px}

@media (max-width:1360px){.responsive-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-workspace-layout{grid-template-columns:280px minmax(0,1fr)}.responsive-block-panel{position:static;grid-column:1 / -1;display:grid;grid-template-columns:260px minmax(0,1fr);max-height:none}.responsive-block-panel>.section-heading{grid-column:1 / -1}.responsive-block-list{max-height:320px;border-right:1px solid var(--line);border-bottom:0}.responsive-block-controls{max-height:320px}.responsive-preview-stage{min-height:590px}.responsive-preview-stage iframe{height:555px}}
@media (max-width:980px){.responsive-document-grid{grid-template-columns:1fr}.responsive-meta-panel{align-items:stretch;flex-direction:column}.responsive-meta-fields{display:grid;grid-template-columns:1fr 1fr}.responsive-meta-fields label{min-width:0}.responsive-workspace-layout{grid-template-columns:1fr}.responsive-settings-panel,.responsive-block-panel{position:static;max-height:none}.responsive-setting-scroll{max-height:none}.responsive-block-panel{grid-template-columns:1fr}.responsive-block-panel>.section-heading{grid-column:auto}.responsive-block-list{max-height:280px;border-right:0;border-bottom:1px solid var(--line)}.responsive-block-controls{max-height:none}.responsive-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.responsive-preview-stage{min-height:520px}.responsive-preview-stage iframe{height:485px}}
@media (max-width:700px){.responsive-card-sizes{grid-template-columns:1fr}.responsive-meta-fields{grid-template-columns:1fr}.responsive-device-tabs,.responsive-preview-toolbar>div:first-child{grid-template-columns:repeat(3,1fr);display:grid;width:100%}.responsive-settings-grid{grid-template-columns:1fr 1fr}.responsive-preview-toolbar{align-items:stretch;flex-direction:column}.responsive-preview-toolbar>div:last-child{justify-content:space-between}.responsive-preview-stage{min-height:455px;padding:9px}.responsive-preview-stage iframe{height:435px}.responsive-rule-grid{grid-template-columns:1fr}.responsive-public-stage{padding:8px}.responsive-public-frame{height:calc(100vh - 102px)}.responsive-document-actions{align-items:stretch;flex-direction:column}.responsive-document-actions .header-actions{width:100%}}
@media (max-width:420px){.responsive-card-preview{min-height:150px}.responsive-device-stack{transform:scale(.84)}.responsive-settings-grid{grid-template-columns:1fr}.responsive-device-tabs button,.responsive-preview-toolbar button[data-responsive-preview-device]{padding:6px 3px;font-size:9px}.responsive-preview-stage iframe{height:400px}.responsive-preview-stage{min-height:418px}.responsive-meta-fields{display:grid}.responsive-switch-list label,.responsive-toggle-field{font-size:9px}}

/* Bloque 14: historial de cambios y restauración. */
.history-page-header{align-items:center}
.history-checkpoint-panel{margin-bottom:18px}
.history-checkpoint-form{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(160px,.75fr) minmax(210px,1fr) minmax(220px,1.25fr) auto auto;gap:12px;align-items:end}
.history-checkpoint-form select,.history-filter-bar select,.history-edit-form input{width:100%;min-height:46px;padding:11px 12px;border:1px solid #294268;border-radius:10px;background:#07101f;color:#fff}
.history-label-grow,.history-note-grow{min-width:0}
.history-protect-option{display:flex;grid-template-columns:none;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 13px;border:1px solid #294268;border-radius:10px;background:#07101f;white-space:nowrap}
.history-filter-bar{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(145px,.75fr)) auto auto}
.history-timeline{position:relative;display:grid;gap:14px;padding-left:34px}
.history-timeline:before{content:"";position:absolute;left:14px;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,#22c8ff88,#315bff55,#1d3155)}
.history-revision-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 20px 20px 24px}
.history-revision-marker{position:absolute;left:-34px;top:24px;width:58px;height:34px;display:grid;place-items:center;border:1px solid #3c76bc;border-radius:999px;background:#0c2244;box-shadow:0 0 22px #1677ff55;color:#a8dcff;font-size:11px;font-weight:900}
.history-revision-main{display:grid;gap:11px;min-width:0}
.history-revision-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.history-revision-heading h2{margin:8px 0 3px;font-size:18px}
.history-revision-heading p,.history-revision-meta,.history-revision-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.history-revision-heading time{color:#91a8c6;font-size:11px;white-space:nowrap}
.history-revision-badges{display:flex;flex-wrap:wrap;gap:7px}
.history-revision-stats{display:flex;flex-wrap:wrap;gap:8px}
.history-revision-stats span{display:flex;gap:5px;align-items:center;padding:8px 10px;border:1px solid #1a2d4d;border-radius:10px;background:#07101f;color:var(--muted);font-size:10px}
.history-revision-stats strong{color:#e8f4ff;font-size:11px}
.history-revision-meta{display:flex;flex-wrap:wrap;gap:14px}
.history-revision-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.history-detail-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;margin-bottom:18px}
.history-version-summary,.history-content-summary{min-width:0}
.history-definition-list{display:grid;gap:0;margin:0}
.history-definition-list div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:18px;padding:12px 0;border-bottom:1px solid #1a2d4d}
.history-definition-list div:last-child{border-bottom:0}
.history-definition-list dt{color:var(--muted);font-size:12px}.history-definition-list dd{margin:0;color:#e9f4ff;font-size:13px;overflow-wrap:anywhere}
.history-detail-note{margin-top:15px;padding:13px;border:1px solid #2c4770;border-radius:12px;background:#0b1c36}.history-detail-note p{margin:6px 0 0;color:#b6c8df;line-height:1.55}
.history-summary-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.history-source-list{display:grid;gap:9px;margin-top:16px}
.history-source-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #1a2d4d;border-radius:11px;background:#07101f;opacity:.55}
.history-source-item.is-included{opacity:1;border-color:#285686;background:#0a1b33}
.history-source-item>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#13233d;color:#8fa4c5;font-weight:900}
.history-source-item.is-included>span{background:#123f32;color:#80f4ba}
.history-source-item div{display:grid;gap:2px}.history-source-item strong{font-size:12px}.history-source-item small{color:var(--muted);font-size:10px}
.history-comparison-panel,.history-edit-panel,.history-restore-panel{margin-top:18px}
.history-comparison-table{overflow:hidden;border:1px solid #1a2d4d;border-radius:13px}
.history-comparison-row{display:grid;grid-template-columns:150px 150px minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid #1a2d4d}
.history-comparison-row:last-child{border-bottom:0}.history-comparison-row>span{min-width:0;padding:11px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8d6e9;font-size:11px;border-right:1px solid #1a2d4d}.history-comparison-row>span:last-child{border-right:0}.history-comparison-head{background:#10213d}.history-comparison-head>span{color:#8fd4ff;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:9px}
.history-edit-form{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,1.5fr) auto auto;gap:12px;align-items:end}
.history-restore-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.history-restore-panel h2{margin:0 0 5px}.history-restore-panel p{margin:0}.history-restore-panel form{display:inline-flex}
.badge-cyan{background:#0d3548;color:#7ee5ff;border-color:#227191}

@media(max-width:1250px){
  .history-checkpoint-form{grid-template-columns:repeat(2,minmax(0,1fr))}.history-checkpoint-form .btn{width:100%}
  .history-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.history-filter-bar .filter-grow{grid-column:1/-1}
}
@media(max-width:900px){
  .history-detail-grid{grid-template-columns:1fr}.history-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .history-comparison-table{overflow:auto}.history-comparison-row{min-width:760px}
  .history-edit-form{grid-template-columns:1fr 1fr}.history-restore-panel{align-items:stretch;flex-direction:column}.history-restore-panel .header-actions{width:100%}
}
@media(max-width:680px){
  .history-checkpoint-form,.history-filter-bar,.history-edit-form{grid-template-columns:1fr}.history-filter-bar .filter-grow{grid-column:auto}
  .history-timeline{padding-left:20px}.history-timeline:before{left:5px}.history-revision-marker{left:-20px;width:46px;height:30px;top:20px}
  .history-revision-card{grid-template-columns:1fr;padding:18px 14px 18px 32px}.history-revision-heading{flex-direction:column;gap:7px}.history-revision-actions{justify-content:flex-start}.history-revision-actions .btn{flex:1}
  .history-definition-list div{grid-template-columns:1fr;gap:4px}.history-summary-stats{grid-template-columns:1fr 1fr}
  .history-restore-panel .header-actions{display:grid}.history-restore-panel .header-actions form,.history-restore-panel .header-actions .btn{width:100%}
}
@media(max-width:390px){.history-summary-stats{grid-template-columns:1fr}.history-revision-stats{display:grid;grid-template-columns:1fr}.history-revision-actions{display:grid}.history-revision-actions .btn{width:100%}}

/* Bloque 15: vista en tiempo real. */
.live-preview-header{align-items:center}.live-preview-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.live-preview-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 26px}
.live-preview-page-card{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0b162b,#091326);overflow:hidden;min-width:0}
.live-preview-card-screen{position:relative;min-height:250px;background:radial-gradient(circle at 30% 20%,#1d65bf55,transparent 32%),linear-gradient(145deg,#07101f,#0e1e38);border-right:1px solid var(--line);display:grid;place-items:center;padding:22px}
.live-preview-card-screen:before{content:"";display:block;width:145px;height:92px;border:5px solid #32557f;border-radius:9px;background:linear-gradient(180deg,#16335d 0 16px,#09152a 16px);box-shadow:0 18px 45px #0008,0 0 36px #168dff33}
.live-preview-card-screen:after{content:"";position:absolute;width:48px;height:7px;border-radius:7px;background:#31547d;bottom:67px;box-shadow:0 7px 0 -2px #1b365b}
.live-preview-card-screen span,.live-preview-card-screen i,.live-preview-card-screen b,.live-preview-card-screen em{position:absolute;display:block;border-radius:4px;background:#1f8cff}
.live-preview-card-screen span{width:72px;height:5px;top:101px;left:59px}.live-preview-card-screen i{width:48px;height:4px;top:115px;left:59px;opacity:.65}.live-preview-card-screen b{width:32px;height:20px;top:132px;left:59px;background:#203a60}.live-preview-card-screen em{width:32px;height:20px;top:132px;left:97px;background:#173153}
.live-preview-card-body{padding:21px;display:grid;align-content:start;gap:14px;min-width:0}.live-preview-card-body h2{font-size:19px;margin:0}.live-preview-card-body p{margin:0;color:var(--muted);line-height:1.5}.live-preview-card-body code{display:block;margin-top:4px;color:#70c9ff;overflow-wrap:anywhere}
.live-preview-source-pills{display:flex;gap:7px;flex-wrap:wrap}.live-preview-source-pills span{padding:5px 9px;border-radius:999px;border:1px solid #263a58;color:#6f829f;background:#08111f;font-size:11px;font-weight:800}.live-preview-source-pills span.is-ready{border-color:#216a57;background:#0e392c;color:#75e8b0}
.live-preview-quick-form{display:grid!important;grid-template-columns:minmax(130px,1fr) minmax(125px,.85fr) auto;gap:10px;align-items:end}.live-preview-quick-form label{gap:5px}.live-preview-quick-form label>span{font-size:11px;color:#8fa4c5}.live-preview-quick-form select{min-height:40px;padding:9px 30px 9px 10px}.live-preview-quick-form .btn{min-height:40px;padding:9px 14px}
.live-preview-card-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding:13px 18px;border-top:1px solid var(--line);background:#07101f}.live-preview-card-actions .btn{flex:0 0 auto}
.live-preview-sessions-panel{margin-top:24px}.live-preview-session-list{display:grid;gap:10px}.live-preview-session-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:16px;border:1px solid #1a2d4d;border-radius:13px;background:#07101f}.live-preview-session-list h3{margin:7px 0 3px;font-size:16px}.live-preview-session-list p{margin:0;color:var(--muted);font-size:13px}.live-preview-session-meta{display:grid;gap:5px;text-align:right;color:#8fa4c5;font-size:12px}.live-preview-session-list .header-actions{justify-content:flex-end}.live-preview-session-list form{display:block}
.live-preview-studio{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.live-preview-controls{position:sticky;top:82px;display:grid;gap:18px}.live-preview-controls form{display:grid;gap:14px}.live-preview-controls label small{color:var(--muted);line-height:1.4}.live-preview-controls .btn.full{width:100%}
.live-preview-switches{display:grid;gap:9px;padding:12px;border:1px solid #1a2d4d;border-radius:12px;background:#07101f}.live-preview-switches label{display:flex;align-items:center;justify-content:space-between;grid-template-columns:none;gap:14px;color:#c9d7eb}
.live-preview-status-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #205a48;border-radius:13px;background:#0b2e25}.live-preview-status-card>div{display:grid;gap:3px}.live-preview-status-card strong{font-size:13px}.live-preview-status-card strong[data-tone="error"]{color:#ff9ba6}.live-preview-status-card small{color:#83caae}.live-preview-pulse{width:12px;height:12px;border-radius:50%;background:#28d987;box-shadow:0 0 0 6px #28d9871c,0 0 20px #28d987aa;animation:live-preview-pulse 1.8s ease-in-out infinite}@keyframes live-preview-pulse{50%{box-shadow:0 0 0 10px #28d98708,0 0 10px #28d98766}}
.live-preview-details{display:grid;margin:0}.live-preview-details div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.live-preview-details dt{color:var(--muted);font-size:12px}.live-preview-details dd{margin:0;text-align:right;font-size:12px;font-weight:750;overflow-wrap:anywhere}
.live-preview-workspace{min-width:0}.live-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin-bottom:12px}.live-preview-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.live-preview-device-buttons{padding:4px;border:1px solid #1d3155;border-radius:11px;background:#07101f}.live-preview-device-buttons button{border:0;border-radius:8px;padding:9px 12px;background:transparent;color:#90a4c4;cursor:pointer;font-weight:750}.live-preview-device-buttons button.active{background:#12366d;color:#fff;box-shadow:0 5px 20px #1677ff33}.live-preview-toolbar [data-live-preview-width-label]{color:#8fd4ff;font-size:12px;font-weight:800;min-width:64px;text-align:right}
.live-preview-stage{min-height:720px;padding:28px;border:1px solid #1a2d4d;border-radius:18px;background:radial-gradient(circle at 50% 0,#17345d55,transparent 40%),#030814;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.live-preview-frame{width:100%;height:680px;border-radius:14px;overflow:hidden;border:1px solid #315078;background:#fff;box-shadow:0 30px 70px #000b;transition:max-width .2s ease}.live-preview-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.live-preview-stage[data-device="mobile"] .live-preview-frame{border-radius:24px;border-width:7px;border-color:#18263a}.live-preview-stage[data-device="tablet"] .live-preview-frame{border-radius:18px;border-width:6px;border-color:#18263a}
.live-preview-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding:18px 20px}.live-preview-help strong{display:block;margin-bottom:4px}.live-preview-help p{margin:0}.live-preview-sync-steps{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.live-preview-sync-steps span{padding:8px 10px;border-radius:9px;background:#0d1c34;border:1px solid #1c385f;color:#a8c3e8;font-size:11px;font-weight:750}
[data-preview-sync="syncing"]{color:#8fd4ff!important}[data-preview-sync="synced"]{color:#74e8af!important}[data-preview-sync="error"]{color:#ff9ba6!important}

@media(max-width:1280px){.live-preview-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.live-preview-page-grid{grid-template-columns:1fr}.live-preview-studio{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:980px){.live-preview-studio{grid-template-columns:1fr}.live-preview-controls{position:static}.live-preview-controls form{grid-template-columns:repeat(2,minmax(0,1fr))}.live-preview-controls form>button,.live-preview-switches,.live-preview-status-card,.live-preview-details,.live-preview-controls form+.live-preview-status-card{grid-column:1/-1}.live-preview-stage{min-height:620px}.live-preview-frame{height:580px}.live-preview-session-list article{grid-template-columns:1fr auto}.live-preview-session-meta{grid-column:1/2;text-align:left;display:flex}.live-preview-session-list .header-actions{grid-column:2/3;grid-row:1/3}}
@media(max-width:720px){.live-preview-summary{grid-template-columns:1fr 1fr}.live-preview-page-card{grid-template-columns:1fr}.live-preview-card-screen{min-height:170px;border-right:0;border-bottom:1px solid var(--line)}.live-preview-card-screen:after{bottom:26px}.live-preview-card-screen span{top:62px}.live-preview-card-screen i{top:76px}.live-preview-card-screen b,.live-preview-card-screen em{top:93px}.live-preview-quick-form{grid-template-columns:1fr 1fr}.live-preview-quick-form .btn{grid-column:1/-1}.live-preview-toolbar{align-items:stretch;flex-direction:column}.live-preview-toolbar>div{justify-content:space-between}.live-preview-stage{padding:12px;min-height:530px}.live-preview-frame{height:500px}.live-preview-help{align-items:flex-start;flex-direction:column}.live-preview-sync-steps{justify-content:flex-start}.live-preview-controls form{grid-template-columns:1fr}.live-preview-switches,.live-preview-status-card,.live-preview-details,.live-preview-controls form>button{grid-column:auto}.live-preview-session-list article{grid-template-columns:1fr}.live-preview-session-meta,.live-preview-session-list .header-actions{grid-column:auto;grid-row:auto;text-align:left}.live-preview-session-list .header-actions{justify-content:flex-start}}
@media(max-width:430px){.live-preview-summary{grid-template-columns:1fr}.live-preview-card-body{padding:16px}.live-preview-quick-form{grid-template-columns:1fr}.live-preview-card-actions{display:grid}.live-preview-card-actions .btn{width:100%}.live-preview-device-buttons{width:100%;display:grid!important;grid-template-columns:repeat(3,1fr)}.live-preview-device-buttons button{padding:9px 5px;font-size:11px}.live-preview-stage{padding:7px}.live-preview-frame{height:470px}.live-preview-session-meta{display:grid}}

/* Bloque 16: biblioteca de plantillas. */
.template-page-header{align-items:center}.template-category-strip{display:flex;gap:9px;overflow:auto;padding:2px 0 10px;margin-bottom:12px;scrollbar-width:thin}.template-category-chip{flex:0 0 auto;padding:9px 13px;border:1px solid #203657;border-radius:999px;background:#081326;color:#9bb0ce;font-size:12px;font-weight:800;text-decoration:none}.template-category-chip:hover,.template-category-chip.active{border-color:#2a78ce;background:#103466;color:#eef8ff;box-shadow:0 0 22px #1677ff22}.template-filter-bar{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(145px,.55fr)) auto auto}.template-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 26px}.template-card{display:grid;grid-template-rows:auto 1fr auto;min-width:0;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0b162b,#081224);overflow:hidden;box-shadow:0 18px 44px #0003}.template-card.is-archived{opacity:.66}.template-card-preview{position:relative;display:block;min-height:230px;padding:18px;background:#07101f;text-decoration:none;overflow:hidden}.template-card-preview.visual-theme-midnight{background:radial-gradient(circle at 80% 10%,#164b8e88,transparent 34%),linear-gradient(145deg,#050b17,#0c1d37)}.template-card-preview.visual-theme-brand{background:radial-gradient(circle at 10% 0,#1b8ff075,transparent 35%),linear-gradient(145deg,#071329,#102e5d)}.template-card-preview.visual-theme-light{background:linear-gradient(150deg,#eaf4ff,#f9fbff)}.template-browser-bar{height:23px;padding:8px 9px;display:flex;gap:5px;border:1px solid #2f4d73;border-bottom:0;border-radius:10px 10px 0 0;background:#13233a}.visual-theme-light .template-browser-bar{background:#dfe9f5;border-color:#bdcddd}.template-browser-bar span{width:6px;height:6px;border-radius:50%;background:#527095}.template-browser-bar span:first-child{background:#ff7b83}.template-browser-bar span:nth-child(2){background:#f6c45c}.template-browser-bar span:nth-child(3){background:#64d79a}.template-mini-layout{height:160px;border:1px solid #2f4d73;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#0c1c34,#091426);padding:23px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:22px 8px 8px 38px;gap:10px 13px;box-shadow:0 20px 48px #0007}.visual-theme-light .template-mini-layout{background:#fff;border-color:#bdcddd;box-shadow:0 20px 42px #526b8a22}.template-mini-layout i,.template-mini-layout b,.template-mini-layout em,.template-mini-layout small{display:block;border-radius:5px}.template-mini-layout i{grid-column:1/2;width:85%;height:20px;background:#e7f2ff}.visual-theme-light .template-mini-layout i{background:#1b3658}.template-mini-layout b{grid-column:1/2;width:68%;height:7px;background:#6884a8}.template-mini-layout em{grid-column:1/2;width:48%;height:7px;background:#466383}.template-mini-layout small{grid-column:2/3;grid-row:1/5;background:linear-gradient(145deg,#1677ff,#6d5dfc);min-height:90px}.template-mini-layout:after{content:"";grid-column:1/2;width:72px;height:28px;border-radius:7px;background:#1677ff;box-shadow:0 8px 20px #1677ff55}.template-mini-services small{background:linear-gradient(145deg,#15b9e8,#1f6dd5)}.template-mini-courses small{background:linear-gradient(145deg,#7d4dff,#1b6fff)}.template-mini-events small{background:linear-gradient(145deg,#f77b3f,#a441ff)}.template-mini-commerce small{background:linear-gradient(145deg,#19c98a,#1c87e8)}.template-mini-thanks small{background:linear-gradient(145deg,#55b6ff,#94d5ff)}.template-card-preview>.badge{position:absolute;top:52px;right:28px;z-index:2}.template-card-body{display:grid;gap:12px;padding:18px;min-width:0}.template-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.template-card-heading h2{margin:4px 0 0;font-size:18px}.template-card-heading h2 a{color:#f1f7ff;text-decoration:none}.template-card-heading strong{flex:0 0 auto;color:#83cfff;font-size:11px}.template-category-label{color:#60bfff;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.template-card-body>p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}.template-tags{display:flex;gap:7px;flex-wrap:wrap}.template-tags span{padding:5px 8px;border:1px solid #263d5f;border-radius:999px;background:#081326;color:#9db4d3;font-size:10px;font-weight:750}.template-card-actions{padding:13px 16px}.template-card-actions form{display:inline-flex}.template-empty-state{margin-top:18px}.template-detail-header .header-actions{flex-wrap:wrap}.template-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.template-preview-panel{min-width:0}.template-preview-stage{height:720px;padding:22px;border:1px solid #233d62;border-radius:15px;background:radial-gradient(circle at 50% 0,#193b6750,transparent 38%),#030814;overflow:auto}.template-preview-stage>.visual-page{transform-origin:top center;box-shadow:0 28px 70px #0009;border-radius:12px;overflow:hidden;min-height:680px}.template-detail-sidebar{display:grid;gap:18px;position:sticky;top:82px}.template-detail-sidebar .panel{margin:0}.template-info-card h2,.template-apply-card h2,.template-edit-sidebar h2{margin:0 0 12px}.detail-list{display:grid;margin:0 0 15px}.detail-list div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{margin:0;text-align:right;color:#e8f4ff;font-size:12px;font-weight:800}.template-detail-sidebar .field{margin:12px 0}.template-detail-sidebar .btn.full,.template-edit-sidebar .btn.full{width:100%}.template-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.template-edit-sidebar{display:grid;gap:18px;position:sticky;top:82px}.template-edit-sidebar .panel{margin:0}.stack-actions{display:grid;gap:9px}.template-preview-page{margin:0;background:#030814;color:#eef7ff}.template-preview-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border-bottom:1px solid #203a5d;background:#071225eF;backdrop-filter:blur(14px)}.template-preview-toolbar>div:first-child{display:grid;gap:2px}.template-preview-toolbar strong{font-size:14px}.template-preview-toolbar span{color:#8ea4c3;font-size:11px}.template-preview-document{max-width:1500px;margin:0 auto;padding:26px}.template-preview-document>.visual-page{border-radius:14px;overflow:hidden;box-shadow:0 30px 90px #000c}.template-form .field small{color:var(--muted);line-height:1.45}.template-form textarea{resize:vertical}.template-info-card form{margin-top:15px}
@media(max-width:1280px){.template-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-filter-bar{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(145px,.55fr))}.template-filter-bar label:nth-of-type(4){grid-column:auto}.template-detail-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:980px){.template-detail-grid,.template-edit-layout{grid-template-columns:1fr}.template-detail-sidebar,.template-edit-sidebar{position:static}.template-preview-stage{height:620px}.template-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.template-filter-bar .filter-grow{grid-column:1/-1}}
@media(max-width:720px){.template-library-grid{grid-template-columns:1fr}.template-card-preview{min-height:205px}.template-mini-layout{height:140px}.template-filter-bar{grid-template-columns:1fr}.template-filter-bar .filter-grow{grid-column:auto}.template-detail-header .header-actions{display:grid;width:100%}.template-detail-header .header-actions .btn{width:100%}.template-preview-stage{height:530px;padding:10px}.template-preview-document{padding:10px}.template-preview-toolbar{align-items:flex-start;flex-direction:column}.template-preview-toolbar .btn{width:100%}}
@media(max-width:430px){.template-category-strip{margin-right:-12px}.template-card-body{padding:15px}.template-card-actions{display:grid}.template-card-actions .btn,.template-card-actions form,.template-card-actions button{width:100%}.template-card-heading{display:grid}.template-card-heading strong{justify-self:start}.template-preview-stage{height:470px}}

/* Bloque 17: exportaciones descargables. */
.export-page-header{align-items:center}.export-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.export-filter-bar{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(150px,.55fr)) auto auto}.export-list{display:grid;gap:13px;margin:18px 0 26px}.export-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0b162b,#081224);box-shadow:0 16px 36px #0002}.export-card.is-archived{opacity:.65}.export-file-icon{position:relative;width:70px;height:82px;border:1px solid #315681;border-radius:11px;background:linear-gradient(155deg,#123762,#09172c);display:grid;place-items:center;box-shadow:0 14px 34px #0006,0 0 28px #1677ff22}.export-file-icon:before{content:"";position:absolute;right:-1px;top:-1px;width:22px;height:22px;background:#1e4f83;clip-path:polygon(0 0,100% 100%,0 100%)}.export-file-icon span{font-size:13px;font-weight:950;letter-spacing:.08em;color:#8ed8ff}.export-file-icon i{position:absolute;left:13px;right:13px;bottom:16px;height:5px;border-radius:5px;background:#1c86e8;box-shadow:0 -10px 0 #235884,0 -20px 0 #1b4369}.export-file-icon.large{width:110px;height:132px;border-radius:17px}.export-file-icon.large span{font-size:20px}.export-file-icon.large i{left:20px;right:20px;bottom:25px;height:7px;box-shadow:0 -15px 0 #235884,0 -30px 0 #1b4369}.export-card-main{display:grid;gap:8px;min-width:0}.export-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.export-card-heading>div{display:grid;gap:7px}.export-card-heading h2{margin:0;font-size:18px}.export-card-heading h2 a{color:#f0f7ff;text-decoration:none}.export-card-heading>strong{color:#7fd3ff;font-size:12px;white-space:nowrap}.export-card-main>p{margin:0;color:var(--muted);font-size:13px}.export-card-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#8fa4c4;font-size:11px}.export-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:360px}.export-card-actions form{display:inline-flex}.export-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.export-create-main,.export-create-sidebar{margin:0}.export-create-main{display:grid;gap:18px}.export-create-sidebar{display:grid;gap:15px;position:sticky;top:82px}.export-create-sidebar h2{margin:0}.export-create-sidebar .btn.full{width:100%}.export-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.export-option-card{display:flex!important;align-items:flex-start;gap:11px;padding:15px;border:1px solid #233b5d;border-radius:13px;background:#07101f;cursor:pointer}.export-option-card:has(input:checked){border-color:#2379ce;background:#0c2850;box-shadow:0 0 22px #1677ff1f}.export-option-card input{flex:0 0 auto;width:18px;height:18px;margin-top:2px}.export-option-card>span{display:grid;gap:5px}.export-option-card strong{font-size:13px}.export-option-card small{color:var(--muted);line-height:1.45}.export-note{padding:14px;border:1px solid #25405f;border-radius:13px;background:#081529}.export-note strong{font-size:13px}.export-note ul{margin:10px 0 0;padding-left:19px;color:#9eb1ca;font-size:12px;line-height:1.75}.export-detail-header{align-items:center}.export-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.export-package-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:center;min-height:250px}.export-package-visual{display:grid;place-items:center;gap:15px}.export-package-info{display:grid;gap:13px}.export-package-info h2{margin:0;font-size:23px;overflow-wrap:anywhere}.export-package-info>p{margin:0;color:var(--muted);line-height:1.55}.export-package-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.export-package-stats span{display:grid;gap:4px;padding:13px;border:1px solid #203656;border-radius:11px;background:#07101f;color:#8fa3c0;font-size:10px}.export-package-stats strong{color:#eaf5ff;font-size:16px}.export-detail-sidebar{margin:0;position:sticky;top:82px}.export-detail-sidebar h2{margin:0 0 12px}.export-checksum{display:grid;gap:6px;padding:12px;border:1px solid #20395b;border-radius:12px;background:#07101f}.export-checksum span{color:var(--muted);font-size:11px}.export-checksum code{font-size:9px;color:#79ccff;overflow-wrap:anywhere;line-height:1.5}.export-assets-panel{margin-top:18px}.export-asset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.export-asset-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid #1d3352;border-radius:12px;background:#07101f}.export-asset-list article>div{display:grid;gap:3px;min-width:0}.export-asset-list strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-asset-list small{color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-asset-list b{color:#8acfff;font-size:10px}.export-actions-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.export-actions-panel h2{margin:0 0 5px}.export-actions-panel p{margin:0}.export-actions-panel form{display:inline-flex}
@media(max-width:1180px){.export-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.export-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.export-filter-bar .filter-grow{grid-column:1/-1}.export-card{grid-template-columns:82px minmax(0,1fr)}.export-card-actions{grid-column:1/-1;justify-content:flex-start;max-width:none;padding-top:4px}.export-option-grid{grid-template-columns:1fr}}
@media(max-width:900px){.export-create-layout,.export-detail-grid{grid-template-columns:1fr}.export-create-sidebar,.export-detail-sidebar{position:static}.export-package-card{grid-template-columns:135px minmax(0,1fr)}.export-asset-list{grid-template-columns:1fr}.export-actions-panel{align-items:stretch;flex-direction:column}.export-actions-panel .header-actions{justify-content:flex-start}}
@media(max-width:680px){.export-summary-grid{grid-template-columns:1fr 1fr}.export-filter-bar{grid-template-columns:1fr}.export-filter-bar .filter-grow{grid-column:auto}.export-card{grid-template-columns:64px minmax(0,1fr);padding:14px;gap:12px}.export-file-icon{width:58px;height:70px}.export-card-heading{display:grid}.export-card-heading>strong{justify-self:start}.export-card-actions{display:grid}.export-card-actions .btn,.export-card-actions form,.export-card-actions button{width:100%}.export-package-card{grid-template-columns:1fr;text-align:center}.export-package-stats{grid-template-columns:1fr 1fr 1fr}.export-detail-header .header-actions{display:grid;width:100%}.export-detail-header .btn{width:100%}.export-actions-panel .header-actions{display:grid;width:100%}.export-actions-panel .header-actions form,.export-actions-panel .header-actions .btn{width:100%}}
@media(max-width:430px){.export-summary-grid{grid-template-columns:1fr}.export-card{grid-template-columns:1fr}.export-file-icon{margin:0 auto}.export-package-stats{grid-template-columns:1fr}.export-asset-list article{grid-template-columns:auto minmax(0,1fr)}.export-asset-list b{grid-column:2/3}}

/* Module 18: Publications */
.page-header-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.publication-page-header{align-items:flex-start}.publication-domain-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;background:linear-gradient(135deg,rgba(20,92,180,.18),rgba(90,53,190,.12));border-color:rgba(74,148,255,.28)}.publication-domain-callout h2{margin:10px 0 4px}.publication-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.publication-list{display:grid;gap:14px}.publication-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(12,28,48,.98),rgba(8,20,36,.98));box-shadow:0 15px 40px rgba(0,0,0,.14)}.publication-card.is-archived{opacity:.68}.publication-globe,.publication-hero-icon{display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(48,136,255,.26),rgba(109,64,224,.24));color:#8fc4ff;border:1px solid rgba(96,159,255,.32);font-size:30px;width:58px;height:58px}.publication-card-main{min-width:0}.publication-card-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.publication-card-heading h2{margin:8px 0 2px;font-size:18px}.publication-card-heading h2 a{color:inherit;text-decoration:none}.publication-host{margin:4px 0;color:#8fc4ff;word-break:break-all}.publication-card-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:10px}.publication-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.publication-card-actions form{margin:0}.publication-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.publication-create-main{display:grid;gap:22px}.publication-create-summary{position:sticky;top:18px}.publication-create-summary h2{margin:14px 0}.section-heading{display:flex;align-items:flex-start;gap:12px}.section-heading>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(43,126,245,.22);border:1px solid rgba(71,147,255,.38);color:#9bc8ff;font-weight:800}.section-heading h2{margin:0 0 4px;font-size:19px}.publication-address-builder{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0}.publication-subdomain-field input{border-radius:12px 0 0 12px}.publication-domain-suffix{height:46px;padding:0 16px;display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-left:0;border-radius:0 12px 12px 0;background:rgba(5,15,28,.62);color:#b8c8dc;white-space:nowrap}.publication-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.publication-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(6,18,32,.45)}.toggle-row span{display:grid;gap:4px}.toggle-row small{color:var(--muted);line-height:1.4}.toggle-row input{width:20px;height:20px;accent-color:#3287ff}.detail-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}.detail-list li{display:flex;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid rgba(116,148,183,.13)}.detail-list span{color:var(--muted)}.publication-hero{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:20px}.publication-hero-icon{width:70px;height:70px;font-size:36px}.publication-hero-main h2{margin:10px 0 2px;word-break:break-all}.publication-hero-stats{display:flex;gap:26px}.publication-hero-stats div{display:grid;gap:5px;text-align:right}.publication-hero-stats span{color:var(--muted);font-size:13px}.publication-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-bottom:20px}.detail-definition-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0}.detail-definition-list>div{padding:13px 0;border-bottom:1px solid rgba(116,148,183,.13)}.detail-definition-list dt{color:var(--muted);font-size:13px}.detail-definition-list dd{margin:5px 0 0;font-weight:700}.publication-actions-panel{display:grid;gap:10px;align-content:start}.publication-actions-panel h2{margin:0 0 6px}.publication-actions-panel form{margin:0}.publication-release-panel{margin-bottom:20px}.publication-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start;margin-bottom:20px}.publication-settings-form{display:grid;gap:18px}.publication-domain-status{display:grid;gap:15px}.publication-domain-status h2{margin:0}.publication-check-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:14px}.publication-check-row>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,164,53,.14);color:#ffbd70;font-weight:800}.publication-check-row.is-ok>span{background:rgba(47,194,129,.15);color:#6ee7ad}.publication-check-row div{display:grid;gap:4px}.publication-check-row small{color:var(--muted)}.publication-dns-panel{margin-bottom:20px}.publication-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.publication-record-grid article{padding:18px;border:1px solid var(--border);border-radius:16px;background:rgba(6,18,32,.42)}.publication-record-grid h3{margin:12px 0}.publication-record-grid dl{margin:0;display:grid;gap:12px}.publication-record-grid dl div{display:grid;gap:4px}.publication-record-grid dt{color:var(--muted);font-size:13px}.publication-record-grid dd{margin:0;word-break:break-all}.code-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:9px;border-radius:10px;background:#06101e;border:1px solid rgba(87,135,187,.24)}.publication-record-note{margin-top:16px;padding:14px;border-radius:14px;background:rgba(52,128,232,.1);border:1px solid rgba(75,145,240,.2)}.publication-record-note p{margin:5px 0 0;color:var(--muted)}.field-hint{margin:-5px 0 0;color:var(--muted);font-size:13px}.field-hint strong{color:#9ccaff}.empty-state.compact{padding:24px}.btn:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:1100px){.publication-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.publication-create-layout,.publication-settings-grid,.publication-detail-grid{grid-template-columns:1fr}.publication-create-summary{position:static}.publication-source-grid{grid-template-columns:1fr}.publication-actions-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.publication-actions-panel h2{grid-column:1/-1}}
@media(max-width:760px){.publication-domain-callout,.publication-card,.publication-hero{grid-template-columns:1fr;align-items:start}.publication-domain-callout{display:grid}.publication-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publication-card-actions{justify-content:flex-start}.publication-card-heading{display:grid}.publication-address-builder{grid-template-columns:1fr}.publication-subdomain-field input{border-radius:12px}.publication-domain-suffix{border-left:1px solid var(--border);border-radius:12px;margin-top:8px;justify-content:center}.publication-option-grid,.publication-record-grid,.detail-definition-list{grid-template-columns:1fr}.publication-hero-stats{justify-content:flex-start}.publication-hero-stats div{text-align:left}.publication-actions-panel{grid-template-columns:1fr}.publication-actions-panel h2{grid-column:auto}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}.publication-card-actions .btn,.publication-card-actions form{width:100%}.publication-card-actions form .btn{width:100%}}
@media(max-width:420px){.publication-summary-grid{grid-template-columns:1fr}.publication-hero-stats{display:grid;grid-template-columns:1fr 1fr;width:100%}.publication-domain-suffix{font-size:13px;white-space:normal;word-break:break-all}}

/* Módulo 19: dominios personalizados */
.domain-page-header{align-items:flex-start}.domain-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.domain-list{display:grid;gap:14px}.domain-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(12,28,48,.98),rgba(8,20,36,.98));box-shadow:0 15px 40px rgba(0,0,0,.14)}.domain-card.is-archived{opacity:.68}.domain-card-icon,.domain-hero-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(114,93,255,.34);border-radius:16px;background:linear-gradient(145deg,rgba(58,121,255,.24),rgba(125,62,224,.24));color:#a9b9ff;font-size:28px}.domain-card-main{min-width:0}.domain-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.domain-card-heading h2{margin:8px 0 2px;font-size:18px;word-break:break-word}.domain-card-heading h2 a{color:inherit;text-decoration:none}.domain-card-heading>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.domain-card-heading h2{flex-basis:100%}.domain-ssl{padding:6px 9px;border:1px solid rgba(255,180,80,.28);border-radius:999px;background:rgba(255,165,59,.1);color:#ffc27d;font-size:11px;font-weight:800;white-space:nowrap}.domain-ssl.is-ready{border-color:rgba(64,210,145,.28);background:rgba(47,194,129,.1);color:#76e9b4}.domain-card-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:13px}.domain-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.domain-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.domain-create-main{display:grid;gap:22px}.domain-step-list{display:grid;gap:12px;margin:0 0 20px;padding-left:22px;color:var(--muted)}.domain-step-list li::marker{color:#72aaff;font-weight:800}.domain-hero{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:20px}.domain-hero-icon{width:70px;height:70px;font-size:34px}.domain-hero-main{min-width:0}.domain-hero-main>div{display:flex;gap:8px;flex-wrap:wrap}.domain-hero-main h2{margin:10px 0 3px;word-break:break-all}.domain-hero-stats{display:flex;gap:26px}.domain-hero-stats div{display:grid;gap:5px;text-align:right}.domain-hero-stats span{color:var(--muted);font-size:13px}.domain-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-bottom:20px}.domain-dns-panel{display:grid;gap:16px}.domain-record-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto);gap:18px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:15px;background:rgba(6,18,32,.45)}.domain-record-card>div{display:grid;gap:5px;min-width:0}.domain-record-card span{color:var(--muted);font-size:13px}.domain-record-card strong{word-break:break-all}.domain-record-card code{display:block;max-width:460px;padding:10px 12px;overflow:auto;border:1px solid rgba(95,137,191,.24);border-radius:10px;background:#06101e;color:#acd1ff;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}.domain-check-list{margin-top:2px}.domain-option-form{display:grid;gap:10px;padding-bottom:4px}.domain-event-panel{margin-bottom:20px}.domain-event-list{display:grid}.domain-event-list article{display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px;padding:13px 0;border-bottom:1px solid rgba(116,148,183,.13)}.domain-event-list article:last-child{border-bottom:0}.domain-event-list p{margin:4px 0 0}.domain-event-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:#6c83a1;box-shadow:0 0 0 5px rgba(108,131,161,.12)}.domain-event-dot.is-success{background:#45d695;box-shadow:0 0 0 5px rgba(69,214,149,.12)}.domain-event-dot.is-failed{background:#ff6c76;box-shadow:0 0 0 5px rgba(255,108,118,.12)}
@media(max-width:1100px){.domain-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-create-layout,.domain-detail-grid{grid-template-columns:1fr}.domain-hero-stats{justify-content:flex-start}.domain-hero-stats div{text-align:left}}
@media(max-width:760px){.domain-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-card,.domain-hero{grid-template-columns:1fr;align-items:start}.domain-card-actions{justify-content:flex-start}.domain-card-heading{display:grid}.domain-record-card{grid-template-columns:1fr}.domain-record-card code{max-width:100%}.domain-card-actions .btn{width:100%}.domain-hero-stats{display:grid;grid-template-columns:1fr 1fr;width:100%}}
@media(max-width:420px){.domain-summary-grid{grid-template-columns:1fr}.domain-hero-stats{grid-template-columns:1fr}.domain-card-meta{display:grid;gap:7px}}

/* Módulo 20: formularios y contactos */
.form-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-metrics{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0;color:var(--muted);font-size:13px}.mini-metrics strong{display:block;color:var(--text);font-size:18px}.form-builder-layout{display:grid;gap:20px}.lead-builder-panel{overflow:hidden}.lead-field-builder{display:grid;gap:14px}.lead-builder-field{border:1px solid var(--border);border-radius:16px;background:rgba(6,18,32,.46);padding:16px}.lead-builder-field-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.lead-builder-field-head>div{display:flex;gap:7px;flex-wrap:wrap}.lead-builder-field-head button{border:1px solid var(--border);border-radius:8px;background:#0a1a2f;color:#bcd0e8;padding:7px 9px;cursor:pointer}.lead-builder-field-head .danger-link{color:#ff9ca6;border-color:rgba(255,100,115,.28)}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-options-field{grid-column:1/-1}.check-row{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;align-items:center;gap:9px}.check-row input{width:auto!important;min-height:0!important}.lead-preview-frame{border:1px solid var(--border);border-radius:18px;background:#07111f;padding:18px;overflow:hidden}.lead-preview-frame .lead-public-form,.visual-form-section .lead-public-form{background:linear-gradient(145deg,#0c1a2d,#091625);border:1px solid #203b59;border-radius:20px;padding:24px}.lead-preview-frame .lead-fields,.visual-form-section .lead-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lead-preview-frame .lead-field,.visual-form-section .lead-field{display:grid;gap:7px}.lead-preview-frame .lead-field-full,.visual-form-section .lead-field-full{grid-column:1/-1}.lead-preview-frame .lead-field label,.visual-form-section .lead-field label{font-weight:750}.lead-preview-frame input,.lead-preview-frame textarea,.lead-preview-frame select,.visual-form-section input,.visual-form-section textarea,.visual-form-section select{width:100%;box-sizing:border-box;border:1px solid #294664;border-radius:11px;background:#071321;color:#edf5ff;padding:12px 13px;font:inherit}.lead-preview-frame textarea,.visual-form-section textarea{min-height:110px;resize:vertical}.lead-preview-frame .lead-help,.visual-form-section .lead-help{font-size:12px;color:#8299b4}.lead-preview-frame .lead-consent,.visual-form-section .lead-consent{grid-column:1/-1;display:flex;gap:9px;align-items:flex-start;color:#a8bad0;font-size:13px}.lead-preview-frame .lead-consent input,.visual-form-section .lead-consent input{width:auto;margin-top:3px}.lead-preview-frame .lead-submit,.visual-form-section .lead-submit{grid-column:1/-1;border:0;border-radius:11px;background:linear-gradient(135deg,#1288ff,#6b5cff);color:#fff;padding:13px 18px;font-weight:800;cursor:pointer}.lead-preview-frame .lead-hidden,.visual-form-section .lead-hidden{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.visual-form-section>h2{margin-bottom:7px}.visual-form-section>p{color:var(--muted);margin-top:0}.visual-form-placeholder{padding:24px;border:1px dashed #315579;border-radius:14px;background:#09182a;color:#91a9c5;text-align:center}.response-list{display:grid;margin:0 0 24px}.response-list>div{display:grid;grid-template-columns:minmax(120px,.55fr) minmax(0,1.45fr);gap:18px;padding:15px 0;border-bottom:1px solid rgba(116,148,183,.13)}.response-list dt{color:var(--muted);font-size:13px}.response-list dd{margin:0;overflow-wrap:anywhere}.compact-timeline article{padding:12px 0}.compact-timeline article>span,.compact-timeline article>small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.compact-timeline article p{margin:8px 0 0;color:#c5d5e8}.stat-text{font-size:14px!important;line-height:1.25}.danger-zone{margin-top:20px;border-color:rgba(255,98,111,.28)}
@media(max-width:1100px){.form-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.form-card-grid,.compact-grid{grid-template-columns:1fr}.lead-builder-field-head{align-items:flex-start;flex-direction:column}.lead-preview-frame .lead-fields,.visual-form-section .lead-fields{grid-template-columns:1fr}.lead-preview-frame .lead-field,.visual-form-section .lead-field{grid-column:1/-1}.response-list>div{grid-template-columns:1fr;gap:5px}}

/* Módulo 22: estadísticas y rendimiento */
.performance-heading{align-items:flex-start}.performance-filters{display:grid;grid-template-columns:minmax(160px,.55fr) minmax(190px,.75fr) minmax(250px,1.25fr) auto;gap:14px;align-items:end;margin-bottom:20px}.performance-filters .filter-actions{display:flex;gap:8px;flex-wrap:wrap}.performance-metrics{grid-template-columns:repeat(5,minmax(150px,1fr))}.tone-orange .metric-top i,.tone-orange{--metric:#ff9f43}.performance-main-layout{grid-template-columns:minmax(0,1.7fr) minmax(270px,.6fr)}.performance-chart svg{height:260px}.performance-breakdown{display:grid;gap:18px}.performance-breakdown>div{display:grid;gap:9px}.performance-breakdown>div>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.performance-breakdown span{color:var(--muted);font-size:12px}.performance-breakdown progress{width:100%;height:9px;border:0;border-radius:999px;overflow:hidden;background:#091428}.performance-breakdown progress::-webkit-progress-bar{background:#091428;border-radius:999px}.performance-breakdown progress::-webkit-progress-value{background:linear-gradient(90deg,#1677ff,#7c5cff);border-radius:999px}.performance-breakdown progress::-moz-progress-bar{background:linear-gradient(90deg,#1677ff,#7c5cff);border-radius:999px}.table-subtitle{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:500}.performance-list{display:grid}.performance-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:13px 0;border-bottom:1px solid var(--line)}.performance-list>div:last-child{border-bottom:0}.performance-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-list strong{color:#dceaff}.performance-list small{grid-column:1/-1;color:var(--muted);font-size:11px}.vital-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.vital-card{display:grid;gap:7px;padding:15px;border:1px solid #284164;border-radius:13px;background:#07101f}.vital-card span{color:#9bb0ce;font-size:12px;font-weight:750}.vital-card strong{font-size:21px}.vital-card small{color:var(--muted)}.vital-good{border-color:#205a48;background:#0b2e25}.vital-good strong{color:#75e8b0}.vital-needs_improvement{border-color:#71511d;background:#30220d}.vital-needs_improvement strong{color:#ffd28a}.vital-poor{border-color:#6d2632;background:#25111a}.vital-poor strong{color:#ff9ba6}.performance-period{display:flex;justify-content:flex-end;gap:9px;margin:-8px 0 18px}.performance-period label{min-width:220px}.header-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:1280px){.performance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-filters .filter-actions{grid-column:1/-1}.performance-main-layout{grid-template-columns:1fr}}
@media(max-width:760px){.performance-metrics,.performance-filters{grid-template-columns:1fr}.performance-filters .filter-actions{grid-column:auto}.performance-filters .btn{flex:1}.performance-period{justify-content:stretch}.performance-period label{min-width:0;flex:1}.performance-heading .btn,.header-actions .btn{flex:1}.performance-chart{overflow-x:auto}.performance-chart svg,.performance-chart .chart-labels{min-width:620px}.vital-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.performance-metrics,.vital-grid{grid-template-columns:1fr}.performance-period{display:grid;grid-template-columns:1fr auto}.header-actions{width:100%}}

/* Módulo 23: planes y facturación */
.billing-heading{align-items:flex-end}.billing-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(124,58,237,.08))}.billing-hero h2{font-size:2rem;margin:.75rem 0 .35rem}.billing-plan-price{text-align:right;display:grid;gap:5px}.billing-plan-price strong{font-size:1.8rem;color:#dbeafe}.billing-plan-price span,.billing-plan-price small{color:var(--muted)}.billing-pending{display:flex;justify-content:space-between;align-items:center;gap:20px;border-color:rgba(245,158,11,.35)}.billing-usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.billing-usage-grid article{padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(15,23,42,.55)}.billing-usage-grid article>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.billing-usage-grid span{color:var(--muted);font-size:.86rem}.billing-usage-grid progress{width:100%;height:8px}.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.billing-plan-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.65))}.billing-plan-card.featured{border-color:rgba(59,130,246,.65);box-shadow:0 0 28px rgba(37,99,235,.13)}.billing-plan-card h3{font-size:1.25rem;margin:0}.billing-plan-card>strong{font-size:1.55rem;color:#dbeafe}.billing-plan-card p,.billing-plan-card small{color:var(--muted)}.billing-plan-card ul{margin:0;padding-left:20px;display:grid;gap:7px}.billing-plan-card.selectable{cursor:pointer}.billing-plan-card.selectable input{position:absolute;top:18px;right:18px}.billing-plan-card.selectable.selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.14)}.billing-list{display:grid}.billing-list>a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.billing-list>a:last-child{border-bottom:0}.billing-list span{display:grid;gap:4px}.billing-list a>span:last-child{text-align:right}.billing-change-layout,.billing-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:20px;align-items:start}.billing-instructions,.billing-note{padding:14px;border-radius:14px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.18);margin:14px 0}.invoice-sheet{max-width:980px;margin-inline:auto}.invoice-head,.invoice-parties{display:flex;justify-content:space-between;gap:24px}.invoice-head{padding-bottom:26px;border-bottom:1px solid var(--border)}.invoice-head>div:last-child{text-align:right;display:grid;gap:10px}.invoice-parties{padding:26px 0}.invoice-parties>div{display:grid;gap:5px}.invoice-parties span{color:var(--muted);font-size:.84rem}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th,.invoice-table td{padding:15px;border-bottom:1px solid var(--border);text-align:left}.invoice-totals{width:min(380px,100%);margin:26px 0 0 auto;display:grid;gap:10px}.invoice-totals>div{display:flex;justify-content:space-between;gap:15px}.invoice-totals .total{font-size:1.2rem;padding-top:12px;border-top:1px solid var(--border)}.btn.disabled{pointer-events:none;opacity:.65}
@media(max-width:1000px){.billing-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-plan-grid{grid-template-columns:1fr 1fr}.billing-change-layout,.billing-detail-grid{grid-template-columns:1fr}}
@media(max-width:640px){.billing-hero,.billing-pending,.invoice-head,.invoice-parties{align-items:flex-start;flex-direction:column}.billing-plan-price{text-align:left}.billing-usage-grid,.billing-plan-grid{grid-template-columns:1fr}.billing-list>a{align-items:flex-start}.invoice-table{font-size:.86rem}}
@media print{.sidebar,.topbar,.page-header,.sidebar-backdrop{display:none!important}.app-content{margin:0!important}.dashboard{padding:0!important}.invoice-sheet{border:0!important;box-shadow:none!important;background:#fff!important;color:#111!important}.invoice-sheet *{color:#111!important}}



/* Módulo 24: identidad, soporte, auditoría y actualizaciones */
.brand-logo img{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff;padding:3px}.app-footer{padding:18px 6px 4px;text-align:center;color:var(--muted);font-size:13px}.branding-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:20px}.branding-preview{align-self:start;position:sticky;top:18px}.branding-form input[type=color]{width:100%;height:48px;border:1px solid var(--line);background:#07101f;border-radius:10px;padding:5px}.brand-preview-card{border:1px solid #294268;border-radius:18px;padding:24px;background:linear-gradient(145deg,#07101f,#0d1b34);display:grid;gap:20px}.brand-preview-logo{display:flex;align-items:center;gap:12px;font-size:22px}.brand-preview-logo img{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;padding:4px}.brand-preview-logo span{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand-preview-accent),var(--brand-preview-primary))}.brand-preview-line{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--brand-preview-primary),var(--brand-preview-accent));width:72%}.brand-preview-card button{border:0;border-radius:11px;padding:13px 18px;background:linear-gradient(90deg,var(--brand-preview-primary),var(--brand-preview-accent));color:#fff;font-weight:800}.support-list,.update-admin-list{display:grid;gap:10px}.support-list>a,.update-admin-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #1a2d4d;border-radius:14px;padding:16px;background:#07101f}.support-list>a:hover,.update-admin-list>a:hover{border-color:var(--blue)}.support-list>a>span:last-child,.update-admin-list>a>span:last-child{display:flex;gap:8px;align-items:flex-end;flex-direction:column}.support-list small,.update-admin-list small{display:block;color:var(--muted);margin-top:5px}.support-ticket-id{font-weight:900;color:var(--cyan)}.support-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.support-thread{display:grid;gap:14px}.support-message{max-width:84%;border:1px solid #1a2d4d;background:#07101f;border-radius:16px;padding:16px}.support-message.mine{margin-left:auto;border-color:#285da3;background:#0b1c38}.support-message.internal{border-color:#7254a5;background:#171220}.support-message>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.support-message small{color:var(--muted);margin-left:auto}.support-message p{line-height:1.65;margin-bottom:0;overflow-wrap:anywhere}.support-reply{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;display:grid;gap:14px}.support-sidebar{align-self:start;position:sticky;top:18px}.support-sidebar dl{display:grid;grid-template-columns:110px 1fr;gap:13px}.support-sidebar dt{color:var(--muted)}.support-sidebar dd{margin:0}.support-sidebar form{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.audit-table-wrap{overflow:auto}.audit-filters{grid-template-columns:repeat(5,minmax(130px,1fr)) auto auto}.data-table code{white-space:nowrap;color:#8fd4ff}.update-timeline{display:grid;gap:16px}.update-card{display:flex;justify-content:space-between;gap:20px;align-items:center}.update-card h2{margin:12px 0 7px}.update-card p{color:var(--muted)}.update-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);margin-bottom:24px}.rich-text-safe{line-height:1.75;white-space:normal}.update-edit-form textarea{min-height:auto}.update-install-panel{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:center;margin-top:20px}.update-install-panel form{display:grid;gap:12px}.update-install-panel code{display:block;overflow-wrap:anywhere;color:#8fd4ff}.update-admin-list>a{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:900px){.branding-layout,.support-thread-layout,.update-install-panel{grid-template-columns:1fr}.branding-preview,.support-sidebar{position:static}.audit-filters{grid-template-columns:1fr 1fr}.update-card{align-items:flex-start;flex-direction:column}.support-list>a{grid-template-columns:auto 1fr}.support-list>a>span:last-child{grid-column:2;align-items:flex-start;flex-direction:row}.support-message{max-width:100%}}
@media(max-width:560px){.audit-filters{grid-template-columns:1fr}.support-list>a{grid-template-columns:1fr}.support-list>a>span:last-child{grid-column:auto}.support-message>div{align-items:flex-start;flex-direction:column}.support-message small{margin-left:0}}