/* ========================================================================== */
/* ROTA · PAINEL PRINCIPAL                                                    */
/* Layout de três colunas baseado no mockup aprovado. A camada é visual:      */
/* campos, IDs, cálculos e interações continuam pertencendo ao sistema atual. */
/* ========================================================================== */

body.rota-dashboard-ui{
  min-height:100dvh;
  background-color:#050403;
  background-image:
    radial-gradient(circle at 12% 8%,rgba(154,61,24,.16),transparent 28%),
    radial-gradient(circle at 96% 100%,rgba(109,23,18,.18),transparent 31%),
    linear-gradient(rgba(5,4,3,.2),rgba(3,3,2,.7)),
    url("assets/ui/textures/background-charred.png");
  color:var(--rota-text);
}

body.rota-dashboard-ui::before{
  opacity:.88;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,180,92,.014) 0,rgba(255,180,92,.014) 1px,transparent 1px,transparent 5px),
    linear-gradient(90deg,rgba(115,39,16,.07),transparent 24%,transparent 76%,rgba(111,23,18,.08));
}

body.rota-dashboard-ui :where(button,input,select,textarea,summary,a,[role="tab"]){
  transition-property:color,border-color,background-color,box-shadow,opacity;
  transition-duration:.16s;
  transition-timing-function:ease;
}

body.rota-dashboard-ui .modal-overlay{ animation:rota-overlay-in .16s ease-out both; }
body.rota-dashboard-ui .modal-overlay > .modal{ animation:rota-modal-in .2s ease-out both; }
@keyframes rota-overlay-in{ from{ opacity:0; } to{ opacity:1; } }
@keyframes rota-modal-in{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:translateY(0); } }

body.rota-dashboard-ui .sheet{
  width:100%;
  max-width:none;
  min-height:100dvh;
  padding:8px 10px 55px;
}

/* Navegação horizontal --------------------------------------------------- */
body.rota-dashboard-ui .sheet-tabs{
  position:relative;
  inset:auto;
  z-index:25;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  width:100%;
  height:58px;
  margin:0 0 7px;
  padding:0;
  border:1px solid rgba(115,73,34,.56);
  background:
    linear-gradient(180deg,rgba(20,16,10,.96),rgba(7,7,5,.99)),
    url("assets/ui/textures/background-charred.png") center/cover;
  box-shadow:0 8px 22px rgba(0,0,0,.64),inset 0 0 0 1px rgba(205,139,69,.06),inset 0 -8px 20px rgba(67,18,10,.12);
  backdrop-filter:none;
}

body.rota-dashboard-ui .dossier-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:0;
  margin:0;
  padding:4px 10px;
  border-right:1px solid var(--rota-line-soft);
  color:#d7ad68;
}

body.rota-dashboard-ui .dossier-brand img{
  width:40px;
  height:40px;
  filter:drop-shadow(0 0 7px rgba(204,57,17,.38));
}

body.rota-dashboard-ui .dossier-brand span{
  font:600 13px var(--font-display);
  letter-spacing:2.4px;
}

body.rota-dashboard-ui .dossier-nav-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
}

body.rota-dashboard-ui .sheet-tab,
body.rota-dashboard-ui .sheet-anchor{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:56px;
  padding:7px 12px;
  border:0;
  border-right:1px solid rgba(125,83,40,.38);
  clip-path:none;
  background:linear-gradient(180deg,rgba(24,20,14,.55),rgba(7,7,5,.4));
  color:#bca681;
  box-shadow:inset 0 -1px 0 rgba(183,122,58,.14);
  font:500 15px var(--font-display);
  letter-spacing:1.2px;
  text-align:center;
  text-transform:uppercase;
}

body.rota-dashboard-ui .sheet-tab::before,
body.rota-dashboard-ui .sheet-anchor::before{ display:none; }

body.rota-dashboard-ui .sheet-tab::after{
  content:"";
  position:absolute;
  right:10%;
  bottom:0;
  left:10%;
  height:2px;
  opacity:0;
  background:linear-gradient(90deg,transparent,#d8782c,transparent);
  box-shadow:0 0 12px rgba(215,78,24,.55);
}

body.rota-dashboard-ui .sheet-tab:hover{
  color:#f0d5a5;
  background:linear-gradient(180deg,rgba(73,43,21,.42),rgba(15,10,7,.7));
}

body.rota-dashboard-ui .sheet-tab.active{
  border-color:transparent;
  background:linear-gradient(180deg,rgba(97,58,27,.4),rgba(17,11,7,.75));
  color:#f1d6a6;
  box-shadow:inset 0 -10px 24px rgba(124,40,15,.14);
}

body.rota-dashboard-ui .sheet-tab.active::after{ opacity:1; }
.dashboard-nav-icon{ color:#d39b55; font-size:18px; text-shadow:0 0 8px rgba(207,93,31,.36); }

/* Estrutura principal ---------------------------------------------------- */
body.rota-dashboard-ui #page-principal{
  height:calc(100dvh - 128px);
  min-height:590px;
  overflow:visible;
}

body.rota-dashboard-ui #page-principal.active{ display:block; }

body.rota-dashboard-ui .rota-dashboard{
  display:grid;
  grid-template-columns:minmax(310px,.94fr) minmax(355px,1.08fr) minmax(365px,1.13fr);
  grid-template-rows:minmax(0,1fr);
  gap:7px;
  width:100%;
  height:100%;
  min-height:0;
}

.rota-dashboard-column{
  display:flex;
  min-width:0;
  min-height:0;
  height:100%;
  flex-direction:column;
  gap:7px;
  overflow:hidden;
}

@media (min-width:1121px){
  .rota-dashboard-center{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    grid-template-rows:minmax(360px,1.15fr) minmax(218px,1fr);
  }
  .rota-dashboard-center > .rota-vitals-panel{ grid-column:1/-1; }
  body.rota-dashboard-ui #page-principal .rota-dashboard-center .needs-grid{ grid-template-columns:1fr; gap:5px; }
  body.rota-dashboard-ui #page-principal .rota-dashboard-center .health-rule-tools{ grid-template-columns:1fr; }
  .rota-dashboard-right{
    display:grid;
    grid-template-rows:minmax(150px,.9fr) minmax(0,2.1fr);
  }
  .rota-dashboard-right > *{ min-height:0; }
}

.rota-dashboard .section,
.rota-state-panel,
.rota-vitals-panel{
  position:relative;
  min-width:0;
  margin:0;
  border:1px solid var(--rota-line);
  background:
    linear-gradient(135deg,rgba(68,39,18,.08),transparent 28%,rgba(71,20,14,.06)),
    rgba(8,8,6,.94);
  color:var(--rota-text);
  box-shadow:
    inset 0 0 0 1px rgba(211,142,68,.035),
    inset 0 0 28px rgba(0,0,0,.6),
    0 5px 12px rgba(0,0,0,.38);
}

.rota-dashboard .section::after,
.rota-state-panel::after,
.rota-vitals-panel::after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:4px;
  border:1px solid rgba(166,99,42,.13);
}

.rota-panel-heading,
.rota-dashboard .section-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:31px;
  padding:5px 10px;
  border:0;
  color:#c8ab79;
  background:linear-gradient(90deg,transparent,rgba(83,44,20,.13),transparent);
  font:500 clamp(15px,1.05vw,17px) var(--font-display);
  letter-spacing:1.1px;
  text-transform:uppercase;
}

.rota-panel-heading > span,
.rota-dashboard .section-title > span:not(.tag){
  flex:1;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(192,132,66,.62));
}

.rota-panel-heading > span:last-child,
.rota-dashboard .section-title > span:last-child:not(.tag){
  background:linear-gradient(90deg,rgba(192,132,66,.62),transparent);
}

.rota-dashboard .section-title .tag{ display:none; }

/* Marca lateral ---------------------------------------------------------- */
.rota-brand-rail{
  position:relative;
  display:flex;
  align-items:center;
  min-height:0;
  flex-direction:column;
  padding:18px 8px 106px;
  overflow:hidden;
  border:1px solid rgba(115,75,37,.48);
  background:
    linear-gradient(180deg,rgba(10,9,7,.52),rgba(4,4,3,.92)),
    url("assets/ui/textures/background-charred.png") center/cover;
  box-shadow:inset 0 0 38px rgba(0,0,0,.72),0 5px 13px rgba(0,0,0,.45);
  text-align:center;
}

.rota-brand-rail::before,
.rota-brand-rail::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  height:1px;
  background:linear-gradient(90deg,transparent,#8d552b,transparent);
  box-shadow:0 0 10px rgba(167,57,24,.28);
}
.rota-brand-rail::before{ top:11px; }
.rota-brand-rail::after{ bottom:96px; }

.rota-brand-copy{ display:grid; color:#baa17b; text-transform:uppercase; }
.rota-brand-copy span{ font:9px var(--font-display); letter-spacing:1.1px; }
.rota-brand-copy strong{ font:500 23px var(--font-display); letter-spacing:1px; }
.rota-brand-copy b{ color:#9f3e25; font:500 12px var(--font-display); letter-spacing:3px; }
.rota-brand-rail img{
  width:118px;
  max-width:100%;
  margin:20px auto;
  filter:drop-shadow(0 5px 9px #000) drop-shadow(0 0 10px rgba(203,53,15,.24));
}
.rota-brand-motto{ display:grid; gap:7px; margin-top:auto; color:#755e43; font:8px var(--font-display); letter-spacing:1.4px; text-transform:uppercase; }
.rota-brand-motto i{ display:block; width:58px; height:1px; margin:auto; background:linear-gradient(90deg,transparent,#8a4825,transparent); }

body.rota-dashboard-ui .toolbar{
  right:10px;
  bottom:8px;
  left:10px;
  z-index:40;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  width:auto;
  gap:4px;
  padding:5px;
  border-color:rgba(120,78,37,.45);
  background:rgba(6,6,4,.92);
}
body.rota-dashboard-ui .toolbar button{
  min-width:0;
  min-height:36px;
  padding:6px 5px;
  font-size:clamp(11px,.75vw,13px);
  line-height:1.15;
  letter-spacing:.45px;
}

/* Identificação ---------------------------------------------------------- */
.rota-identity-panel{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  padding:5px 8px 7px;
  overflow:auto;
  border:1px solid rgba(76,50,30,.82);
  clip-path:none;
  color:#17100b;
  background-color:var(--rota-paper);
  background-image:
    linear-gradient(rgba(239,220,180,.16),rgba(70,42,23,.03)),
    url("assets/ui/textures/paper-aged.png");
  background-size:auto,640px;
  box-shadow:0 5px 13px rgba(0,0,0,.5),inset 0 0 28px rgba(50,29,15,.15);
}

.rota-paper-heading{ color:#2f2015; background:none; font-size:clamp(19px,1.25vw,22px); }
.rota-paper-heading > span{ background:linear-gradient(90deg,transparent,rgba(48,31,18,.65)); }
.rota-paper-heading > span:last-child{ background:linear-gradient(90deg,rgba(48,31,18,.65),transparent); }

body.rota-dashboard-ui #page-principal .doc-header{
  display:grid;
  grid-template-columns:124px minmax(0,1fr);
  align-items:center;
  gap:11px;
  min-height:0;
  padding:4px 2px 0;
  border:0;
  background:none;
  box-shadow:none;
  clip-path:none;
}
body.rota-dashboard-ui #page-principal .doc-header::before,
body.rota-dashboard-ui #page-principal .doc-header::after{ display:none; }

body.rota-dashboard-ui #page-principal .portrait-shell{
  width:124px;
  height:208px;
  align-self:start;
  margin:42px 0 0;
  padding:6px;
  border:1px solid rgba(42,28,18,.75);
  background:rgba(36,24,16,.07);
  transform:rotate(-.5deg);
}
body.rota-dashboard-ui #page-principal .portrait-shell::before{ display:none; }
body.rota-dashboard-ui #page-principal .portrait-shell::after{ display:none; }
body.rota-dashboard-ui #page-principal .portrait-frame{ min-height:100%; border-color:#3e2a1b; }
body.rota-dashboard-ui #page-principal .portrait-change-hint{ font-size:8px; }

body.rota-dashboard-ui #page-principal .title-block{ min-width:0; padding:0; }
body.rota-dashboard-ui #page-principal .eyebrow{ margin:0 0 3px; color:#39291b; }
body.rota-dashboard-ui #page-principal .eyebrow > span:first-child{ display:none; }
body.rota-dashboard-ui #page-principal .eyebrow .reg{ margin-left:auto; font-size:10px; }
body.rota-dashboard-ui #page-principal .eyebrow input{ width:96px; color:#6f281e; font-size:clamp(14px,1vw,17px); }
body.rota-dashboard-ui #page-principal .name-input{
  min-height:40px;
  margin:0 0 3px;
  padding:1px 2px;
  color:#150d08;
  border-color:rgba(46,29,18,.45);
  font-size:clamp(25px,2.05vw,36px) !important;
  line-height:1;
}

body.rota-dashboard-ui #page-principal .meta-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px 9px;
}
body.rota-dashboard-ui #page-principal .meta-field{ min-width:0; min-height:33px; padding:1px 0; border-bottom:1px solid rgba(47,31,19,.32); }
body.rota-dashboard-ui #page-principal .meta-field label{ color:#2b1b11; font-size:clamp(9px,.68vw,11px); font-weight:700; letter-spacing:.45px; }
body.rota-dashboard-ui #page-principal .meta-field input,
body.rota-dashboard-ui #page-principal .meta-field select{
  height:clamp(21px,1.35vw,24px);
  min-height:21px;
  padding:0 1px;
  color:#17100a !important;
  border:0;
  background:transparent;
  font-size:clamp(15px,1vw,17px) !important;
  font-weight:400;
  line-height:1 !important;
}
body.rota-dashboard-ui #page-principal .meta-field select option{ color:#1d130c; background:#b8a481; }
body.rota-dashboard-ui #page-principal .origin-hint,
body.rota-dashboard-ui #page-principal .paradigm-legend,
body.rota-dashboard-ui #page-principal .paradigm-summary{ display:none; }

.rota-growth-track{
  display:block !important;
  width:100% !important;
  min-height:42px !important;
  margin-top:5px !important;
  padding:4px 2px !important;
  border:0 !important;
  border-top:1px solid rgba(48,31,18,.55) !important;
  clip-path:none !important;
  color:#281a10 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
}
.rota-growth-track > span{ display:block; margin-bottom:5px; font:clamp(10px,.7vw,12px) var(--font-display); letter-spacing:.8px; text-transform:uppercase; }
.rota-growth-track > div{ display:flex; align-items:center; justify-content:center; gap:5px; }
.rota-growth-track i{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border:1px solid rgba(45,28,17,.55);
  border-radius:50%;
  color:#493526;
  font:normal 10px var(--font-display);
}
.rota-growth-track i.claimed{ color:#f0d59c; border-color:#783322; background:#63231a; }
.rota-growth-track i.current{ box-shadow:0 0 0 2px rgba(138,52,29,.2),0 0 9px rgba(136,38,21,.25); }

/* No painel fixo, o conteúdo do papel usa toda a altura disponível. */
@media (min-width:1121px){
  .rota-identity-panel{
    display:grid;
    grid-template-rows:32px minmax(285px,1.25fr) 58px minmax(160px,1fr);
  }
  body.rota-dashboard-ui #page-principal .doc-header{ height:100%; padding:5px 2px 4px; }
  body.rota-dashboard-ui #page-principal .title-block{
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr);
    align-self:stretch;
    height:auto;
  }
  body.rota-dashboard-ui #page-principal .meta-grid{
    min-height:0;
    align-content:space-between;
  }
  .rota-growth-track{
    box-sizing:border-box;
    align-self:end;
    height:58px;
    min-height:58px !important;
    margin-top:0 !important;
    padding:5px 2px !important;
  }
}

/* Características -------------------------------------------------------- */
body.rota-dashboard-ui #page-principal [data-section="characteristics"]{
  flex:0 0 auto;
  min-height:0;
  overflow:auto;
}
body.rota-dashboard-ui #page-principal .rota-identity-panel [data-section="characteristics"]{
  border:0;
  border-top:1px solid rgba(48,31,18,.4);
  background:transparent;
  box-shadow:none;
  color:#2f2015;
}
body.rota-dashboard-ui #page-principal .rota-identity-panel [data-section="characteristics"]::after{ display:none; }
body.rota-dashboard-ui #page-principal .rota-identity-panel [data-section="characteristics"] > .section-title{ color:#2f2015; background:transparent; }
body.rota-dashboard-ui #page-principal .rota-identity-panel .list-input-row input{ color:#281a10; }
body.rota-dashboard-ui #page-principal .rota-identity-panel .chars-col-title.vant{ color:#3c5829; }
body.rota-dashboard-ui #page-principal .rota-identity-panel .chars-col-title.desv{ color:#922d20; }
body.rota-dashboard-ui #page-principal .rota-identity-panel .chars-col-title.cicat{ color:#704219; }
body.rota-dashboard-ui #page-principal [data-section="characteristics"] .section-body{ padding:5px 9px 8px; overflow:hidden; }
body.rota-dashboard-ui #page-principal .character-status{ display:none; }
body.rota-dashboard-ui #page-principal .chars-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; min-width:0; }
body.rota-dashboard-ui #page-principal .chars-grid > div{ min-width:0; padding:0 7px; border-right:1px solid rgba(151,98,49,.25); }
body.rota-dashboard-ui #page-principal .chars-grid > div:last-child{ border-right:0; }
body.rota-dashboard-ui #page-principal .chars-col-title{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:27px;
  margin:0 0 7px;
  padding:3px 2px 5px;
  border-color:rgba(143,91,42,.4);
  background:linear-gradient(90deg,transparent,rgba(126,81,36,.08),transparent);
  font-size:clamp(11.5px,.78vw,13px);
  line-height:1;
  text-align:center;
}
body.rota-dashboard-ui #page-principal .chars-col-title.vant{ color:#8fa83d; }
body.rota-dashboard-ui #page-principal .chars-col-title.desv{ color:#c54a38; }
body.rota-dashboard-ui #page-principal .chars-col-title.cicat{ color:#d78b20; }
body.rota-dashboard-ui #page-principal .list-input-row{ min-width:0; margin-bottom:2px; }
body.rota-dashboard-ui #page-principal .list-row-actions{ min-width:0; }
body.rota-dashboard-ui #page-principal .list-num{ color:#765b3e; font-size:9px; }
body.rota-dashboard-ui #page-principal .list-input-row input{
  width:100%;
  min-width:0;
  min-height:28px;
  padding:0 2px;
  border-color:transparent;
  color:#c6b58f;
  background:transparent;
  font-size:clamp(13px,.9vw,15px) !important;
}
body.rota-dashboard-ui #page-principal .list-row-remove{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  padding:0;
  opacity:1;
  border:1px solid rgba(196,70,48,.78);
  color:#e26a50;
  background:linear-gradient(180deg,rgba(105,28,20,.42),rgba(31,12,9,.72));
  box-shadow:inset 0 0 7px rgba(0,0,0,.42),0 0 5px rgba(184,55,38,.12);
  font:700 17px/1 var(--font-mono);
}
body.rota-dashboard-ui #page-principal .list-row-remove:hover,
body.rota-dashboard-ui #page-principal .list-row-remove:focus-visible{
  border-color:#f08063;
  color:#ffe0d3;
  background:#6a2118;
  box-shadow:0 0 9px rgba(219,73,46,.4);
  outline:2px solid rgba(240,128,99,.55);
  outline-offset:1px;
}
body.rota-dashboard-ui #page-principal .add-char-btn{ width:100%; min-height:20px; margin-top:2px; padding:2px; color:#826c50; border-color:rgba(115,76,38,.24); background:transparent; font-size:clamp(8px,.55vw,9.5px); white-space:normal; }

/* Estado atual ----------------------------------------------------------- */
.rota-vitals-panel{ flex:0 0 50%; min-height:0; overflow:hidden; }
.rota-vitals-panel .section-body{ height:calc(100% - 31px); padding:7px 9px 9px !important; }
.rota-vitals-list{ display:grid !important; grid-template-rows:minmax(110px,1fr) minmax(110px,1fr) minmax(83px,.8fr); height:100%; gap:4px !important; }

body.rota-dashboard-ui #page-principal .rota-vitals-list .track-block{
  position:relative;
  display:grid;
  grid-template-rows:auto auto minmax(16px,1fr) auto;
  min-height:0;
  padding:4px 9px 5px;
  border:1px solid rgba(115,64,35,.7);
  border-left:2px solid #8c2d22;
  background:linear-gradient(90deg,rgba(83,22,17,.13),rgba(4,5,4,.22));
  box-shadow:inset 0 0 18px rgba(0,0,0,.36);
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .rota-vital-pe{
  border-color:rgba(46,99,129,.66);
  border-left-color:#347d9e;
  background:linear-gradient(90deg,rgba(25,65,91,.13),rgba(4,5,4,.22));
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .rota-vital-pc{
  padding-top:5px;
  padding-bottom:5px;
  border-color:rgba(150,83,24,.72);
  border-left-color:#d07819;
  background:linear-gradient(90deg,rgba(118,58,10,.16),rgba(4,5,4,.24));
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .track-header{ min-height:30px; margin:0; align-items:center; color:#d8c6a4; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .track-header > span:first-child{ display:flex; align-items:center; gap:6px; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .track-header b{
  color:#d4b995;
  font:500 clamp(14px,1vw,17px) var(--font-display);
  letter-spacing:.25px;
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .track-header img{
  width:28px;
  height:28px;
  object-fit:contain;
  filter:drop-shadow(0 0 5px rgba(190,44,30,.38));
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .rota-vital-pe .track-header img{ filter:drop-shadow(0 0 5px rgba(44,152,216,.42)); }
body.rota-dashboard-ui #page-principal .rota-vitals-list .rota-vital-pc .track-header img{
  width:42px;
  height:42px;
  margin:-4px;
  filter:drop-shadow(0 0 6px rgba(230,137,29,.48));
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .track-header small{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
body.rota-dashboard-ui #page-principal .rota-vitals-list .readout{ color:#d8c3a0; font:500 19px var(--font-display); }
body.rota-dashboard-ui #page-principal .rota-vitals-list .track-max{ color:#a99576; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .zone-strip{ height:2px; margin:1px 0 4px; opacity:.45; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .box-row{
  align-content:center;
  gap:clamp(3.25px,.22vw,4.25px);
  min-height:20px;
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .box-row .pip{
  position:relative;
  width:clamp(7.5px,.48vw,9.5px);
  min-width:clamp(7.5px,.48vw,9.5px);
  height:20px;
  border-color:rgba(151,113,73,.44);
  background:rgba(7,7,5,.55);
  box-shadow:inset 0 0 4px rgba(0,0,0,.72);
  touch-action:manipulation;
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .box-row .pip::after{
  content:"";
  position:absolute;
  inset:-2px -1.25px;
}

/* PF: machucado, ferido, crítico, morrendo e morte direta. */
body.rota-dashboard-ui #page-principal .rota-vital-pf .box-row .pip.stage-ok{ border-color:#d5a915; }
body.rota-dashboard-ui #page-principal .rota-vital-pf .box-row .pip.stage-warn{ border-color:#e26016; }
body.rota-dashboard-ui #page-principal .rota-vital-pf .box-row .pip.stage-crit{ border-color:#b82e32; }
body.rota-dashboard-ui #page-principal .rota-vital-pf .box-row .pip.filled.stage-ok{ background:linear-gradient(135deg,#d9aa22,#8f6410); }
body.rota-dashboard-ui #page-principal .rota-vital-pf .box-row .pip.filled.stage-warn{ background:linear-gradient(135deg,#df681e,#94320e); }
body.rota-dashboard-ui #page-principal .rota-vital-pf .box-row .pip.filled.stage-crit{ background:linear-gradient(135deg,#b83b38,#6e1d20); }
body.rota-dashboard-ui #page-principal .rota-vital-pf .box-row .pip.overflow{ border-color:#6e2fa8; }
body.rota-dashboard-ui #page-principal .rota-vital-pf .box-row .pip.filled.overflow{ background:linear-gradient(135deg,#7137a8,#3b185f); }
body.rota-dashboard-ui #page-principal .rota-vital-pf .box-row .pip.death-direct{ border-color:#a50f38; box-shadow:0 0 5px rgba(181,13,59,.58),inset 0 0 4px rgba(0,0,0,.72); }
body.rota-dashboard-ui #page-principal .rota-vital-pf .box-row .pip.filled.death-direct{ background:linear-gradient(135deg,#ae1640,#540d25); }

/* PE: estabilidade, instabilidade, desequilíbrio e ruptura mental. */
body.rota-dashboard-ui #page-principal .rota-vital-pe .box-row .pip.stage-ok{ border-color:#5dc6e7; }
body.rota-dashboard-ui #page-principal .rota-vital-pe .box-row .pip.stage-warn{ border-color:#287cc4; }
body.rota-dashboard-ui #page-principal .rota-vital-pe .box-row .pip.stage-crit{ border-color:#7139b0; }
body.rota-dashboard-ui #page-principal .rota-vital-pe .box-row .pip.filled.stage-ok{ background:linear-gradient(135deg,#5da6cc,#2e6688); }
body.rota-dashboard-ui #page-principal .rota-vital-pe .box-row .pip.filled.stage-warn{ background:linear-gradient(135deg,#347fc1,#1e477b); }
body.rota-dashboard-ui #page-principal .rota-vital-pe .box-row .pip.filled.stage-crit{ background:linear-gradient(135deg,#7144ad,#3b1f68); }
body.rota-dashboard-ui #page-principal .rota-vital-pe .box-row .pip.breaking-point{ border-color:#b31668; box-shadow:0 0 5px rgba(192,18,105,.6),inset 0 0 4px rgba(0,0,0,.72); }
body.rota-dashboard-ui #page-principal .rota-vital-pe .box-row .pip.filled.breaking-point{ background:linear-gradient(135deg,#bd1f71,#5f123d); }
body.rota-dashboard-ui #page-principal .rota-vitals-list .track-stage{ margin-top:2px; font-size:9px; }
/* Cada recurso comunica seus estágios com a própria progressão cromática. */
body.rota-dashboard-ui #page-principal .rota-vital-pf .track-stage.stage-ok{ color:#d9b82f; }
body.rota-dashboard-ui #page-principal .rota-vital-pf .track-stage.stage-warn{ color:#e26a1c; }
body.rota-dashboard-ui #page-principal .rota-vital-pf .track-stage.stage-crit{ color:#d53b36; }
body.rota-dashboard-ui #page-principal .rota-vital-pe .track-stage.stage-ok{ color:#68c68b; }
body.rota-dashboard-ui #page-principal .rota-vital-pe .track-stage.stage-warn{ color:#36a9cf; }
body.rota-dashboard-ui #page-principal .rota-vital-pe .track-stage.stage-crit{ color:#9658c2; }
body.rota-dashboard-ui #page-principal .rota-vital-pe .track-stage.stage-breaking{ color:#c348a4; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .zone-legend{ display:none; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .permanent-control{
  position:absolute;
  right:8px;
  bottom:3px;
  display:grid;
  grid-template-columns:auto 23px;
  align-items:center;
  gap:4px;
  height:16px;
  margin:0;
  color:#a68b66;
  font:8.5px/1 var(--font-mono);
  letter-spacing:.1px;
  white-space:nowrap;
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .permanent-control input{
  width:23px;
  min-width:23px;
  height:16px;
  min-height:16px;
  padding:0;
  border:1px solid rgba(135,96,51,.42);
  color:#d9bd91;
  background:#0d0b08;
  font:700 9px/16px var(--font-mono) !important;
  text-align:center;
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .rota-vital-pf,
body.rota-dashboard-ui #page-principal .rota-vitals-list .rota-vital-pe{ grid-template-rows:auto auto minmax(20px,1fr) auto auto; }
body.rota-dashboard-ui #page-principal .vital-status-row{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:2px 8px; }
body.rota-dashboard-ui #page-principal .vital-status-row .permanent-control{ position:static; flex:none; }
body.rota-dashboard-ui #page-principal .vital-status-row .track-stage{ margin:0; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .vital-rule-button{ display:flex; align-items:center; justify-content:center; min-height:22px; margin-top:3px; padding:2px 4px; border-color:rgba(142,98,54,.35); color:#b6a17e; background:rgba(7,6,4,.4); }
body.rota-dashboard-ui #page-principal .vital-rule-button > span{ display:none; }
body.rota-dashboard-ui #page-principal .vital-rule-button strong{ font:10px var(--font-display); }

body.rota-dashboard-ui #page-principal .rota-vital-pc .track-header{ min-height:34px; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-controls{ flex-shrink:0; gap:3px; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-readout{
  display:flex;
  align-items:baseline;
  margin-right:3px;
  color:#dfc7a0;
  font:500 17px var(--font-display);
}
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-readout b{ color:inherit; font:inherit; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-control-btn{
  width:18px;
  height:18px;
  padding:0;
  border-color:#82501e;
  color:#e29a28;
  background:rgba(31,17,8,.9);
  font-size:12px;
}
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-control-btn:hover,
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-control-btn:focus-visible{
  border-color:#d78522;
  color:#ffe0a1;
  background:#3a1d09;
  outline:none;
}
body.rota-dashboard-ui #page-principal .rota-vital-pc #pc-gain-input{
  width:26px;
  min-width:26px;
  height:18px;
  min-height:18px;
  padding:0;
  border:1px solid rgba(188,112,33,.62);
  color:#f1cf91;
  background:#120c06;
  font:700 10px/18px var(--font-mono) !important;
  text-align:center;
  appearance:textfield;
  -moz-appearance:textfield;
}
body.rota-dashboard-ui #page-principal .rota-vital-pc #pc-gain-input::-webkit-inner-spin-button,
body.rota-dashboard-ui #page-principal .rota-vital-pc #pc-gain-input::-webkit-outer-spin-button{
  margin:0;
  -webkit-appearance:none;
  appearance:none;
}
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-bar{
  height:10px;
  margin-top:2px;
  overflow:visible;
  border-color:rgba(173,103,33,.58);
  border-radius:1px;
  background:#080705;
  box-shadow:inset 0 0 5px rgba(0,0,0,.8),0 0 8px rgba(183,87,18,.08);
}
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-seg{ opacity:.94; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-seg-imaculada{ background:linear-gradient(180deg,#dfb62c,#a97712); }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-seg-incipiente{ background:linear-gradient(180deg,#d99121,#a95711); }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-seg-alarmante{ background:linear-gradient(180deg,#c96b1c,#913b10); }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-seg-severa{ background:linear-gradient(180deg,#ad4818,#74220f); }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-seg-critica{ background:linear-gradient(180deg,#8f2d21,#58131a); }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-seg-corrompido{ background:#d01439; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-marker{
  top:-3px;
  bottom:-3px;
  width:2px;
  background:#fff0c9;
  box-shadow:0 0 0 1px #2b1409,0 0 7px #ffb139;
}
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-labels{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr)) auto;
  gap:2px;
  margin-top:3px;
  color:#9d8260;
  font:clamp(9.5px,.68vw,11.5px)/1 var(--font-mono);
  letter-spacing:-.2px;
  text-align:center;
}
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-labels span:last-child{ color:#ba5261; text-align:right; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-stage{
  margin-top:2px;
  min-height:9px;
  color:#d99d2d;
  font:10px/1.15 var(--font-display);
  letter-spacing:.45px;
  text-transform:uppercase;
}
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-stage.stage-imaculada{ color:#dfbd32; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-stage.stage-incipiente{ color:#dd9726; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-stage.stage-alarmante{ color:#dc6c22; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-stage.stage-severa{ color:#d64a25; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-stage.stage-critica{ color:#ca3032; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-stage.stage-corrompido{ color:#e01844; }

/* Condições e dores ------------------------------------------------------ */
.rota-state-panel{ min-height:0; overflow:auto; }
.rota-state-content{ display:grid; grid-template-columns:minmax(0,1fr) 62px; gap:7px; padding:3px 9px 7px; }
.dashboard-condition-list{ display:flex; align-items:center; flex-wrap:wrap; min-width:0; gap:5px; }
.rota-condition-heading{ display:flex; justify-content:space-between; align-items:center; gap:8px; padding:3px 9px; font:11px var(--font-display); text-transform:uppercase; }
.rota-condition-heading button{ padding:3px 6px; border:1px solid rgba(64,40,23,.5); color:#4a291c; background:rgba(255,239,202,.2); font:11px var(--font-display); }
.dashboard-condition-chip,
.dashboard-condition-more,
.dashboard-condition-empty,
.dashboard-pain-link{
  position:relative;
  min-width:0;
  min-height:34px;
  padding:5px 8px;
  border:1px solid rgba(137,58,35,.62);
  color:#d15a43;
  background:linear-gradient(180deg,rgba(87,25,17,.16),rgba(8,7,5,.5));
  font:9px var(--font-display);
  letter-spacing:.35px;
  text-transform:uppercase;
}
.dashboard-condition-chip{ display:flex; align-items:center; gap:5px; flex:1 1 105px; }
.dashboard-condition-chip i{ color:#d45b3d; font-style:normal; }
.dashboard-condition-chip span{ overflow-wrap:anywhere; }
.dashboard-condition-chip b{ margin-left:auto; color:#8b3a2d; }
.dashboard-condition-more{ flex:0 0 auto; }
.dashboard-condition-empty{ display:grid; flex:1; align-content:center; text-align:left; }
.dashboard-condition-empty small{ color:#79684e; font:8.5px var(--font-mono); }
.dashboard-pain-link{
  display:flex !important;
  flex-direction:column;
  align-items:stretch !important;
  justify-content:center !important;
  width:100% !important;
  min-height:34px !important;
  padding:4px 8px !important;
  border-color:rgba(141,94,43,.4) !important;
  clip-path:none !important;
  color:#bca580 !important;
  text-align:left !important;
}
.dashboard-pain-link span{ font-size:10px; }
.dashboard-pain-link strong{ margin-left:auto; color:#d1b57e; font:12px var(--font-mono); }

/* Necessidades ----------------------------------------------------------- */
body.rota-dashboard-ui #page-principal .rota-needs-panel{ flex:1 1 34%; min-height:0; overflow:hidden; }
body.rota-dashboard-ui #page-principal .rota-needs-panel > .section-title{ min-height:30px; }
body.rota-dashboard-ui #page-principal .rota-needs-panel > .section-body{ height:calc(100% - 32px); padding:3px 9px 5px; overflow:auto; }
body.rota-dashboard-ui #page-principal .rota-needs-panel .resources-list{ display:flex; height:100%; min-height:0; flex-direction:column; gap:3px; }
body.rota-dashboard-ui #page-principal .needs-panel{ order:1; gap:3px; padding:0; border:0; background:transparent; }
body.rota-dashboard-ui #page-principal .needs-heading{ display:none; }
body.rota-dashboard-ui #page-principal .needs-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
body.rota-dashboard-ui #page-principal .need-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:5px;
  min-height:29px;
  padding:2px 5px;
  border:0;
  border-bottom:1px solid rgba(133,88,43,.24);
  background:transparent;
}
body.rota-dashboard-ui #page-principal .need-card-header{ display:grid; gap:0; }
body.rota-dashboard-ui #page-principal .need-card-header strong{ color:#c6922f; font:clamp(10.5px,.72vw,12px) var(--font-display); }
body.rota-dashboard-ui #page-principal .need-card-header span{ color:#806d50; font:clamp(8px,.55vw,9.5px) var(--font-mono); }
body.rota-dashboard-ui #page-principal .need-bar{ display:flex; grid-column:1/-1; grid-row:2; gap:2px; }
body.rota-dashboard-ui #page-principal .need-segment{ flex:1; width:auto; min-width:0; height:11px; border-color:rgba(130,91,51,.35); color:transparent; background:rgba(9,8,6,.7); }
body.rota-dashboard-ui #page-principal .need-hunger .need-segment.filled{ background:#9b6c20; }
body.rota-dashboard-ui #page-principal .need-thirst .need-segment.filled{ background:#3b738e; }
body.rota-dashboard-ui #page-principal .need-sleep .need-segment.filled{ background:#65407e; }
body.rota-dashboard-ui #page-principal .need-card p{ display:none; }
body.rota-dashboard-ui #page-principal .need-reset{ width:20px; min-height:20px; padding:0; overflow:hidden; color:transparent; border-color:rgba(132,87,44,.3); background:transparent; }
body.rota-dashboard-ui #page-principal .need-reset::before{ content:"↺"; color:#a78b61; font-size:11px; }
body.rota-dashboard-ui #page-principal .needs-cycle-alert{ order:2; min-height:20px; padding:3px 5px; color:#9e8969; border-color:rgba(127,82,40,.25); background:rgba(69,38,17,.08); font-size:clamp(8px,.55vw,9px); }
body.rota-dashboard-ui #page-principal .critical-state-alert{ order:0; margin:0; padding:4px 6px; font-size:9px; }
body.rota-dashboard-ui #page-principal .health-rule-tools{ order:4; display:grid; grid-template-columns:1fr 1fr; gap:3px; }
body.rota-dashboard-ui #page-principal .rule-tool-card{ min-height:30px; padding:2px 4px; color:#917b5c; border-color:rgba(124,79,38,.24); background:rgba(65,35,16,.06); }
body.rota-dashboard-ui #page-principal .rule-tool-card > span{ font-size:8px; }
body.rota-dashboard-ui #page-principal .rule-tool-card strong{ font-size:9px; }
body.rota-dashboard-ui #page-principal .rule-tool-card small{ display:none; }

/* Atributos -------------------------------------------------------------- */
body.rota-dashboard-ui #page-principal [data-ui-section="attributes"]{ flex:0 0 29%; min-height:0; overflow:hidden; }
body.rota-dashboard-ui #page-principal [data-ui-section="attributes"] .section-body{ height:calc(100% - 31px); padding:5px 8px 6px; }
body.rota-dashboard-ui #page-principal .attrs-list{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; height:calc(100% - 23px); }
body.rota-dashboard-ui #page-principal .attr-row{
  --attr-color:#a9793b;
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:minmax(0,1fr) auto;
  justify-items:center;
  min-width:0;
  min-height:0;
  padding:0 4px 5px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--attr-color) 68%,#17120c);
  color:var(--attr-color);
  background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--attr-color) 15%,transparent),transparent 48%),rgba(4,5,4,.35);
  box-shadow:inset 0 0 15px rgba(0,0,0,.48),0 0 8px color-mix(in srgb,var(--attr-color) 12%,transparent);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
body.rota-dashboard-ui #page-principal .attr-row[data-attribute-card="Destreza"]{ --attr-color:#d49808; }
body.rota-dashboard-ui #page-principal .attr-row[data-attribute-card="Instinto"]{ --attr-color:#7f9f35; }
body.rota-dashboard-ui #page-principal .attr-row[data-attribute-card="Intelecto"]{ --attr-color:#3d91bd; }
body.rota-dashboard-ui #page-principal .attr-row[data-attribute-card="Espírito"]{ --attr-color:#9254b3; }
body.rota-dashboard-ui #page-principal .attr-row[data-attribute-card="Físico"]{ --attr-color:#bb3a2c; }
body.rota-dashboard-ui #page-principal .attr-row:hover{
  border-color:color-mix(in srgb,var(--attr-color) 88%,#e7c48a);
  background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--attr-color) 23%,transparent),transparent 70%),rgba(5,6,4,.48);
  box-shadow:inset 0 0 18px rgba(0,0,0,.42),0 0 13px color-mix(in srgb,var(--attr-color) 28%,transparent);
}
body.rota-dashboard-ui #page-principal .attribute-select-button{
  display:grid;
  grid-template-rows:auto minmax(42px,1fr);
  place-items:center;
  align-self:stretch;
  width:100%;
  min-height:0;
  padding:6px 2px 3px;
  border:0;
  color:var(--attr-color);
  background:transparent;
  cursor:pointer;
  transition:background-color .18s ease,filter .18s ease,transform .12s ease;
}
body.rota-dashboard-ui #page-principal .attribute-select-button:hover{ background:transparent; filter:brightness(1.15); }
body.rota-dashboard-ui #page-principal .attribute-select-button:active{ transform:translateY(1px); }
body.rota-dashboard-ui #page-principal .attribute-select-button:focus-visible{
  outline:2px solid color-mix(in srgb,var(--attr-color) 88%,#fff);
  outline-offset:-3px;
}
body.rota-dashboard-ui #page-principal .attr-name{ color:var(--attr-color); font:clamp(9.5px,.68vw,11px) var(--font-display); letter-spacing:.25px; text-transform:uppercase; }
body.rota-dashboard-ui #page-principal .attr-name::before{ display:none; }
body.rota-dashboard-ui #page-principal .attribute-glyph{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  margin:auto;
  border:1px solid color-mix(in srgb,var(--attr-color) 52%,transparent);
  border-radius:50%;
  color:var(--attr-color);
  box-shadow:0 0 9px color-mix(in srgb,var(--attr-color) 30%,transparent),inset 0 0 10px color-mix(in srgb,var(--attr-color) 15%,transparent);
  font:24px var(--font-display);
  transition:box-shadow .18s ease,transform .18s ease;
}
body.rota-dashboard-ui #page-principal .skill-source-active{
  border-color:color-mix(in srgb,var(--attr-color) 88%,#e7c48a);
  background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--attr-color) 22%,transparent),transparent 55%),rgba(5,6,4,.48);
  box-shadow:inset 0 0 18px rgba(0,0,0,.42),0 0 13px color-mix(in srgb,var(--attr-color) 28%,transparent);
}
body.rota-dashboard-ui #page-principal .skill-source-active .attribute-glyph{
  transform:translateY(-1px);
  box-shadow:0 0 14px color-mix(in srgb,var(--attr-color) 46%,transparent),inset 0 0 12px color-mix(in srgb,var(--attr-color) 20%,transparent);
}
body.rota-dashboard-ui #page-principal .attr-row .attribute-model-pips{ display:none; }
body.rota-dashboard-ui #page-principal .attribute-stepper{
  display:grid;
  grid-template-columns:26px minmax(22px,1fr) 26px;
  align-items:center;
  width:100%;
  max-width:92px;
  min-height:27px;
  margin-top:2px;
  border:1px solid color-mix(in srgb,var(--attr-color) 38%,#2d2419);
  background:rgba(5,5,4,.72);
}
body.rota-dashboard-ui #page-principal .attribute-stepper .readout{
  color:var(--attr-color);
  font:18px/1 var(--font-display);
  text-align:center;
  transition:color .18s ease,transform .18s ease;
}
body.rota-dashboard-ui #page-principal .attribute-step-button{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  padding:0;
  border:0;
  color:color-mix(in srgb,var(--attr-color) 88%,#f3d7aa);
  background:color-mix(in srgb,var(--attr-color) 10%,transparent);
  cursor:pointer;
  font:18px/1 var(--font-body);
  transition:color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .12s ease;
}
body.rota-dashboard-ui #page-principal .attribute-step-button:first-child{ border-right:1px solid color-mix(in srgb,var(--attr-color) 30%,#2b241a); }
body.rota-dashboard-ui #page-principal .attribute-step-button:last-child{ border-left:1px solid color-mix(in srgb,var(--attr-color) 30%,#2b241a); }
body.rota-dashboard-ui #page-principal .attribute-step-button:hover:not(:disabled){ color:#fff0cb; background:color-mix(in srgb,var(--attr-color) 28%,transparent); }
body.rota-dashboard-ui #page-principal .attribute-step-button:active:not(:disabled){ transform:translateY(1px); }
body.rota-dashboard-ui #page-principal .attribute-step-button:focus-visible{ position:relative; z-index:2; outline:2px solid #f0d09a; outline-offset:1px; }
body.rota-dashboard-ui #page-principal .attribute-step-button:disabled{ opacity:.28; cursor:not-allowed; }
body.rota-dashboard-ui #page-principal [data-ui-section="attributes"] .pp-bar{
  display:grid;
  grid-template-columns:auto auto minmax(96px,1fr);
  align-items:center;
  gap:4px 10px;
  min-height:23px;
  margin-top:3px;
  padding:3px 1px 1px;
  overflow:visible;
  color:#9a8462;
  border-color:rgba(140,91,42,.25);
  font:clamp(8px,.55vw,9px)/14px var(--font-mono);
}
body.rota-dashboard-ui #page-principal [data-ui-section="attributes"] .pp-bar > span{
  display:inline-flex;
  align-items:center;
  min-width:0;
  gap:3px;
  white-space:nowrap;
}
body.rota-dashboard-ui #page-principal [data-ui-section="attributes"] .pp-bar b{ color:#c4ac83; }
body.rota-dashboard-ui #page-principal [data-ui-section="attributes"] .pp-bar > span:last-child{ justify-self:end; }
body.rota-dashboard-ui #page-principal [data-ui-section="attributes"] .mini-bonus-input{
  width:23px;
  min-width:23px;
  height:16px;
  min-height:16px;
  padding:0;
  border:1px solid rgba(135,96,51,.42);
  color:#d9bd91;
  background:#0d0b08;
  font:700 9px/16px var(--font-mono) !important;
  text-align:center;
}

/* Os steppers do navegador deformam campos compactos; os controles da ficha
   são intencionais e os demais valores continuam editáveis pelo teclado. */
body.rota-dashboard-ui input[type="number"]{
  appearance:textfield;
  -moz-appearance:textfield;
}
body.rota-dashboard-ui input[type="number"]::-webkit-inner-spin-button,
body.rota-dashboard-ui input[type="number"]::-webkit-outer-spin-button{
  margin:0;
  -webkit-appearance:none;
  appearance:none;
}

/* Perícias: cada família herda a cor de seu atributo -------------------- */
body.rota-dashboard-ui #page-principal [data-section="skills"]{ flex:1 1 43%; min-height:0; overflow:hidden; }
body.rota-dashboard-ui #page-principal [data-section="skills"] .section-body{ height:calc(100% - 31px); padding:4px 8px 7px; }
body.rota-dashboard-ui #page-principal [data-section="skills"] > .section-title{ color:#c9ae7c; background:transparent; }
body.rota-dashboard-ui #page-principal [data-section="skills"] .pp-bar{
  display:flex;
  justify-content:flex-end;
  min-height:18px;
  margin:0 0 4px;
  padding:2px 3px;
  border-color:rgba(137,91,47,.3);
  color:#927f61;
  font-size:clamp(8px,.55vw,9px);
}
body.rota-dashboard-ui #page-principal [data-section="skills"] .pp-bar > span{ display:none; }
body.rota-dashboard-ui #page-principal [data-section="skills"] .pp-bar > span:nth-child(5),
body.rota-dashboard-ui #page-principal [data-section="skills"] .pp-bar > span:nth-child(6){ display:inline-flex; align-items:center; gap:3px; }
body.rota-dashboard-ui #page-principal [data-section="skills"] .pp-bar b{ color:#d5c09c; }
body.rota-dashboard-ui #page-principal .skill-attribute-tabs{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; margin:0 0 4px; }
body.rota-dashboard-ui #page-principal .skill-attribute-tab{
  --skill-color:#a9793b;
  min-height:24px;
  padding:3px 2px;
  border:1px solid color-mix(in srgb,var(--skill-color) 35%,#4f402d);
  color:color-mix(in srgb,var(--skill-color) 60%,#b8a88d);
  background:rgba(7,8,6,.65);
  font:clamp(9px,.65vw,11px) var(--font-display);
  letter-spacing:.2px;
  cursor:pointer;
  transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .12s ease;
}
body.rota-dashboard-ui #page-principal .skill-attribute-tab[data-skill-attribute="Físico"]{ --skill-color:#cf4a3a; }
body.rota-dashboard-ui #page-principal .skill-attribute-tab[data-skill-attribute="Destreza"]{ --skill-color:#d49a0b; }
body.rota-dashboard-ui #page-principal .skill-attribute-tab[data-skill-attribute="Intelecto"]{ --skill-color:#3f9dcc; }
body.rota-dashboard-ui #page-principal .skill-attribute-tab[data-skill-attribute="Instinto"]{ --skill-color:#83a53b; }
body.rota-dashboard-ui #page-principal .skill-attribute-tab[data-skill-attribute="Espírito"]{ --skill-color:#9a59bf; }
body.rota-dashboard-ui #page-principal .skill-attribute-tab:hover{ color:color-mix(in srgb,var(--skill-color) 82%,#fff1cf); border-color:var(--skill-color); transform:translateY(-1px); }
body.rota-dashboard-ui #page-principal .skill-attribute-tab:focus-visible{ outline:2px solid color-mix(in srgb,var(--skill-color) 76%,#fff); outline-offset:1px; }
body.rota-dashboard-ui #page-principal .skill-attribute-tab.active{
  border-color:var(--skill-color);
  color:color-mix(in srgb,var(--skill-color) 72%,#fff1cf);
  background:linear-gradient(180deg,color-mix(in srgb,var(--skill-color) 28%,transparent),rgba(8,9,6,.76));
  box-shadow:inset 0 -2px 0 var(--skill-color),0 0 9px color-mix(in srgb,var(--skill-color) 24%,transparent);
}
body.rota-dashboard-ui #page-principal .skills-grid{ height:calc(100% - 50px); max-height:none; overflow:auto; scrollbar-width:thin; scrollbar-color:#624328 #0a0907; }
body.rota-dashboard-ui #page-principal .skill-attribute-panel{
  --skill-color:#a9793b;
}
body.rota-dashboard-ui #page-principal .skill-attribute-panel[data-skill-attribute-panel="Físico"]{ --skill-color:#cf4a3a; }
body.rota-dashboard-ui #page-principal .skill-attribute-panel[data-skill-attribute-panel="Destreza"]{ --skill-color:#d49a0b; }
body.rota-dashboard-ui #page-principal .skill-attribute-panel[data-skill-attribute-panel="Intelecto"]{ --skill-color:#3f9dcc; }
body.rota-dashboard-ui #page-principal .skill-attribute-panel[data-skill-attribute-panel="Instinto"]{ --skill-color:#83a53b; }
body.rota-dashboard-ui #page-principal .skill-attribute-panel[data-skill-attribute-panel="Espírito"]{ --skill-color:#9a59bf; }
body.rota-dashboard-ui #page-principal .skill-attribute-panel.active{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-content:start;
  gap:5px;
  animation:rota-skill-panel-in .2s ease-out both;
}
@keyframes rota-skill-panel-in{
  from{ opacity:0; transform:translateY(5px); }
  to{ opacity:1; transform:translateY(0); }
}
body.rota-dashboard-ui #page-principal .skill-col-title{ grid-column:1/-1; margin:0 0 1px; padding:2px 0 3px; color:var(--skill-color); border-color:color-mix(in srgb,var(--skill-color) 30%,transparent); font-size:10px; }
body.rota-dashboard-ui #page-principal .skill-row{
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  grid-template-rows:minmax(18px,auto) auto;
  grid-template-areas:"art name" "art pips";
  align-content:center;
  min-width:0;
  min-height:78px;
  padding:3px;
  border:1px solid color-mix(in srgb,var(--skill-color) 36%,#29231a);
  background:linear-gradient(90deg,color-mix(in srgb,var(--skill-color) 14%,transparent),rgba(5,7,4,.55) 40%);
  box-shadow:inset 0 0 12px rgba(0,0,0,.35);
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
body.rota-dashboard-ui #page-principal .skill-row:hover{ border-color:color-mix(in srgb,var(--skill-color) 62%,#5d4b33); box-shadow:inset 0 0 12px rgba(0,0,0,.3),0 0 8px color-mix(in srgb,var(--skill-color) 14%,transparent); }
body.rota-dashboard-ui #page-principal .skill-row::before{ display:none; content:none; }
body.rota-dashboard-ui #page-principal .skill-art{
  grid-area:art;
  display:grid;
  place-items:center;
  justify-self:center;
  width:48px;
  height:72px;
  padding:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--skill-color) 56%,#33281d);
  border-radius:2px;
  color:var(--skill-color);
  background:#080706;
  box-shadow:0 0 8px color-mix(in srgb,var(--skill-color) 20%,transparent),inset 0 0 8px rgba(0,0,0,.45);
}
body.rota-dashboard-ui #page-principal button.skill-art{ cursor:zoom-in; }
body.rota-dashboard-ui #page-principal button.skill-art:hover,
body.rota-dashboard-ui #page-principal button.skill-art:focus-visible{
  border-color:color-mix(in srgb,var(--skill-color) 86%,#ffe3af);
  box-shadow:0 0 12px color-mix(in srgb,var(--skill-color) 38%,transparent),inset 0 0 8px rgba(0,0,0,.38);
  outline:none;
}
body.rota-dashboard-ui #page-principal .skill-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.92) brightness(.92) contrast(1.08);
  transition:transform .2s ease,filter .2s ease;
}
body.rota-dashboard-ui #page-principal .skill-row:hover .skill-art img{
  transform:scale(1.06);
  filter:saturate(1.06) brightness(1.04) contrast(1.08);
}
body.rota-dashboard-ui #page-principal .skill-art-placeholder{
  width:48px;
  height:72px;
  border:0;
  background:radial-gradient(circle,color-mix(in srgb,var(--skill-color) 32%,transparent),transparent 65%);
  text-shadow:0 0 8px color-mix(in srgb,var(--skill-color) 75%,transparent);
  font-size:15px;
}
body.rota-dashboard-ui #page-principal .skill-name{
  grid-area:name;
  min-width:0;
  align-self:end;
  overflow:hidden;
  color:#d2c4a4;
  font-size:clamp(11.5px,.8vw,13.5px);
  font-weight:600;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.rota-dashboard-ui #page-principal .skill-pips{
  grid-area:pips;
  display:grid;
  grid-template-columns:repeat(5,12px);
  gap:3px;
  justify-content:start;
  align-self:start;
  width:auto;
  height:12px;
  margin-top:5px;
  border:0;
  background:transparent;
}
body.rota-dashboard-ui #page-principal .skill-pips::after{ display:none; content:none; }
body.rota-dashboard-ui #page-principal .skill-pips .pip{
  position:relative;
  inset:auto;
  width:12px;
  height:12px;
  padding:0;
  opacity:1;
  border:1px solid color-mix(in srgb,var(--skill-color) 66%,#7c6b50);
  border-radius:2px;
  background:rgba(8,8,6,.82);
  cursor:pointer;
  transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease,transform .12s ease;
}
body.rota-dashboard-ui #page-principal .skill-pips .pip:hover:not(:disabled){ border-color:color-mix(in srgb,var(--skill-color) 85%,#ffe7b3); background:color-mix(in srgb,var(--skill-color) 16%,#090806); transform:translateY(-1px); }
body.rota-dashboard-ui #page-principal .skill-pips .pip:focus-visible{ outline:2px solid color-mix(in srgb,var(--skill-color) 72%,#fff); outline-offset:2px; }
body.rota-dashboard-ui #page-principal .skill-pips .pip.filled{
  border-color:color-mix(in srgb,var(--skill-color) 86%,#ffe1a0);
  background:var(--skill-color);
  box-shadow:inset 0 0 0 1px rgba(255,226,166,.18),0 0 8px color-mix(in srgb,var(--skill-color) 42%,transparent);
}
body.rota-dashboard-ui #page-principal .skill-pips .pip.rank-reserved{
  opacity:.3;
  border-style:dashed;
  cursor:not-allowed;
}
body.rota-dashboard-ui #page-principal .skill-pips.origin-active .pip.filled{
  border-color:#e4c27e;
  background:var(--skill-color);
  box-shadow:inset 0 0 0 1px rgba(255,239,192,.42),0 0 8px color-mix(in srgb,var(--skill-color) 48%,transparent);
}
body.rota-dashboard-ui #page-principal .skill-row.locked{ opacity:.4; }

/* Visualizador ampliado das artes de perícia ---------------------------- */
body.rota-dashboard-ui .skill-art-overlay{
  --skill-color:#a9793b;
  z-index:1500;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--skill-color) 18%,transparent),transparent 48%),rgba(2,1,4,.94);
  backdrop-filter:blur(5px) saturate(.7);
}
body.rota-dashboard-ui .skill-art-dialog{
  position:relative;
  display:flex;
  flex-direction:column;
  width:min(720px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--skill-color) 68%,#6e5031);
  border-radius:2px;
  color:#ead8b5;
  background:linear-gradient(180deg,color-mix(in srgb,var(--skill-color) 8%,#0a0908),#060605 36%);
  box-shadow:0 28px 90px rgba(0,0,0,.9),0 0 32px color-mix(in srgb,var(--skill-color) 22%,transparent),inset 0 0 46px rgba(0,0,0,.58);
}
body.rota-dashboard-ui .skill-art-dialog::before{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  right:8%;
  left:8%;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--skill-color),transparent);
  box-shadow:0 0 12px color-mix(in srgb,var(--skill-color) 56%,transparent);
}
body.rota-dashboard-ui .skill-art-viewer-header{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:62px;
  padding:11px 13px 10px 16px;
  border-bottom:1px solid color-mix(in srgb,var(--skill-color) 45%,#422f20);
  background:rgba(7,6,6,.92);
}
body.rota-dashboard-ui .skill-art-viewer-header > div{ display:grid; gap:4px; }
body.rota-dashboard-ui .skill-art-viewer-header span{
  color:color-mix(in srgb,var(--skill-color) 74%,#c9b18a);
  font:7px var(--font-mono);
  letter-spacing:1.2px;
}
body.rota-dashboard-ui .skill-art-viewer-header strong{
  color:#f0ddba;
  font:600 20px/1 var(--font-display);
  letter-spacing:1px;
  text-shadow:0 1px #000,0 0 12px color-mix(in srgb,var(--skill-color) 25%,transparent);
}
body.rota-dashboard-ui .skill-art-viewer-content{
  display:grid;
  min-height:0;
  overflow:hidden;
  padding:12px;
  place-items:center;
}
body.rota-dashboard-ui .skill-art-viewer-content figure{
  display:grid;
  gap:8px;
  justify-items:center;
  margin:0;
}
body.rota-dashboard-ui #skill-art-expanded-image{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:calc(100dvh - 160px);
  object-fit:contain;
  border:1px solid color-mix(in srgb,var(--skill-color) 60%,#4b3522);
  background:#030303;
  box-shadow:0 18px 48px rgba(0,0,0,.72),0 0 22px color-mix(in srgb,var(--skill-color) 20%,transparent);
}
body.rota-dashboard-ui .skill-art-viewer-content figcaption{
  color:#9f8c6d;
  font:6.5px var(--font-mono);
  letter-spacing:.8px;
  text-align:center;
}

/* Somático --------------------------------------------------------------- */
body.rota-dashboard-ui #page-principal .diagram-section{ display:flex; flex-direction:column; flex:0 0 auto; min-height:0; overflow:auto; background-color:#b6a27e; background-image:url("assets/ui/textures/paper-aged.png"); background-size:600px; }
body.rota-dashboard-ui #page-principal .diagram-section > .section-title{ color:#2f2014; background:rgba(255,239,202,.08); }
body.rota-dashboard-ui #page-principal .diagram-section .somatic-summary-body{ flex:1 0 64px; min-height:64px; }
body.rota-dashboard-ui #page-principal .diagram-section .rota-state-panel{ flex:0 0 auto; margin:0 7px 5px; border:0; border-top:1px solid rgba(55,34,21,.3); background:transparent; box-shadow:none; color:#302016; }
body.rota-dashboard-ui #page-principal .diagram-section .rota-state-panel::after{ display:none; }
body.rota-dashboard-ui #page-principal .diagram-section .rota-state-content{ padding:2px 2px 0; }
body.rota-dashboard-ui #page-principal .diagram-section .rota-condition-heading{ padding:3px 2px; }
body.rota-dashboard-ui #page-principal .diagram-section .dashboard-condition-chip,
body.rota-dashboard-ui #page-principal .diagram-section .dashboard-condition-empty{ min-height:28px; color:#692c20; background:rgba(255,242,214,.18); border-color:rgba(109,53,28,.4); font-size:11px; }
body.rota-dashboard-ui #page-principal .diagram-section .dashboard-condition-empty small{ color:#57412e; }
body.rota-dashboard-ui #page-principal .diagram-section .dashboard-pain-link{ min-height:28px !important; flex-direction:row; align-items:center !important; gap:4px; padding:3px 4px !important; color:#48311f !important; background:transparent !important; }
body.rota-dashboard-ui #page-principal .diagram-section .dashboard-pain-link strong{ color:#48311f; margin:0; white-space:nowrap; font-size:10px; }
body.rota-dashboard-ui #page-principal .diagram-section .dashboard-pain-link span{ font-size:9px; }
body.rota-dashboard-ui #page-principal .somatic-summary-card{
  display:grid;
  grid-template-columns:minmax(65px,.6fr) minmax(120px,1.4fr);
  grid-template-rows:1fr auto;
  width:100%;
  height:100%;
  min-height:0;
  padding:5px 10px;
  border:0;
  color:#23170f;
  background:rgba(255,243,210,.05);
  box-shadow:none;
}
body.rota-dashboard-ui #page-principal .somatic-miniature{
  position:relative;
  grid-row:1/-1;
  align-self:stretch;
  min-height:0;
  height:auto;
  overflow:hidden;
}
body.rota-dashboard-ui #page-principal .somatic-miniature img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  opacity:1;
  mix-blend-mode:multiply;
  filter:contrast(2.25) sepia(.4) saturate(.72);
}

@media (min-width:1121px) and (max-height:850px){
  body.rota-dashboard-ui #page-principal .skill-row{
    grid-template-columns:40px minmax(0,1fr);
    min-height:59px;
  }
  body.rota-dashboard-ui #page-principal .skill-attribute-panel.active{ gap:4px; }
  body.rota-dashboard-ui #page-principal .skill-art,
  body.rota-dashboard-ui #page-principal .skill-art-placeholder{
    width:36px;
    height:54px;
  }
  body.rota-dashboard-ui #page-principal .skill-name{ font-size:clamp(11.5px,.8vw,13.5px); }
}
body.rota-dashboard-ui #page-principal .somatic-summary-status{ align-self:center; color:#342318; }
body.rota-dashboard-ui #page-principal .somatic-summary-status > strong{ color:#8e2f24; font-size:13px; }
body.rota-dashboard-ui #page-principal .somatic-severity-summary{ color:#342318; font-size:9px; }
body.rota-dashboard-ui #page-principal .somatic-inspect-label{ align-self:end; color:#4a3221; font-size:8.5px; }

/* Outras páginas --------------------------------------------------------- */
body.rota-dashboard-ui .sheet-page:not(#page-principal){ width:min(1480px,calc(100vw - 36px)); margin:14px auto 90px; }
body.rota-dashboard-ui .page-heading{ border-color:var(--rota-line); background:rgba(9,8,6,.88); }

/* Pop-ups ROTA ---------------------------------------------------------- */
body.rota-dashboard-ui #page-principal .dossier-utility-launchers{ display:none; }

body.rota-dashboard-ui .modal-overlay{
  padding:18px;
  background:
    radial-gradient(circle at 50% 38%,rgba(123,38,20,.18),transparent 45%),
    rgba(2,2,1,.86);
  backdrop-filter:blur(4px) saturate(.72);
}

body.rota-dashboard-ui .dossier-utility-dialog,
body.rota-dashboard-ui .somatic-inspector-dialog,
body.rota-dashboard-ui #wound-modal > .modal,
body.rota-dashboard-ui .rule-action-dialog{
  --panel:#0d0d0a;
  --panel-2:#14120e;
  --panel-3:#19150f;
  --line:rgba(145,96,48,.42);
  --line-strong:rgba(183,125,65,.72);
  --text:#ead8b5;
  --text-dim:#c0ab87;
  --text-faint:#958064;
  --green:#795325;
  --green-bright:#d18436;
  --yellow:#d8a444;
  --red:#6f2019;
  --red-bright:#d75035;
  position:relative;
  isolation:isolate;
  color:var(--text);
  background-color:#0c0c09;
  background-image:
    linear-gradient(135deg,rgba(119,66,28,.1),transparent 34%,rgba(94,22,16,.08)),
    linear-gradient(rgba(8,8,6,.89),rgba(12,10,7,.94)),
    url("assets/ui/textures/background-charred.png");
  background-position:center;
  background-size:auto,auto,cover;
  background-blend-mode:normal,normal,luminosity;
  border:1px solid #744825;
  border-radius:2px;
  outline:none;
  box-shadow:
    0 28px 86px rgba(0,0,0,.82),
    0 0 0 1px rgba(211,139,69,.08),
    inset 0 0 42px rgba(0,0,0,.56);
  font-family:var(--font-body);
}

body.rota-dashboard-ui .dossier-utility-dialog::before,
body.rota-dashboard-ui .somatic-inspector-dialog::before,
body.rota-dashboard-ui #wound-modal > .modal::before,
body.rota-dashboard-ui .rule-action-dialog::before{
  content:"";
  position:absolute;
  z-index:5;
  top:-1px;
  right:7%;
  left:7%;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,#8e3c22 25%,#d17a35 50%,#8e3c22 75%,transparent);
  box-shadow:0 0 12px rgba(201,75,29,.3);
}

body.rota-dashboard-ui #page-principal .dossier-utility-header,
body.rota-dashboard-ui #page-principal .somatic-inspector-header,
body.rota-dashboard-ui .rule-action-dialog > .modal-header,
body.rota-dashboard-ui #wound-modal > .modal > .modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
  margin:0;
  padding:12px 15px;
  color:#ead5ae;
  background:
    linear-gradient(90deg,rgba(91,28,17,.19),transparent 42%),
    rgba(7,7,5,.93);
  border-bottom:1px solid rgba(157,99,47,.58);
  box-shadow:inset 0 -1px rgba(0,0,0,.8);
  font:600 17px/1.1 var(--font-display);
  letter-spacing:1.35px;
  text-transform:uppercase;
}

body.rota-dashboard-ui #page-principal .dossier-utility-header > div,
body.rota-dashboard-ui #page-principal .somatic-inspector-header > div{
  display:grid;
  gap:4px;
}

body.rota-dashboard-ui #page-principal .dossier-utility-header span,
body.rota-dashboard-ui #page-principal .somatic-inspector-header span{
  color:#a98152;
  font:9px var(--font-mono);
  letter-spacing:1.4px;
  text-transform:uppercase;
}

body.rota-dashboard-ui #page-principal .dossier-utility-header strong,
body.rota-dashboard-ui #page-principal .somatic-inspector-header strong{
  color:#e6cba1;
  font:600 18px/1 var(--font-display);
  letter-spacing:1.4px;
  text-shadow:0 1px #000;
}

body.rota-dashboard-ui .modal-close{
  flex:0 0 auto;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid #705033;
  border-radius:1px;
  color:#d6bd94;
  background:#15120d;
  box-shadow:inset 0 0 10px rgba(0,0,0,.45);
  font:19px/1 var(--font-mono);
  transition:border-color .16s ease,color .16s ease,background .16s ease;
}

body.rota-dashboard-ui .modal-close:hover,
body.rota-dashboard-ui .modal-close:focus-visible{
  color:#fff0cc;
  border-color:#c24f31;
  background:#361613;
  outline:none;
}

body.rota-dashboard-ui #page-principal .dossier-utility-content,
body.rota-dashboard-ui #page-principal .somatic-inspector-content,
body.rota-dashboard-ui .rule-action-dialog > .modal-body,
body.rota-dashboard-ui #wound-modal > .modal > .modal-body{
  color:#dfcca8;
  background:rgba(10,10,7,.42);
  scrollbar-color:#82542d #0b0a08;
  scrollbar-width:thin;
}

body.rota-dashboard-ui #page-principal .dossier-utility-content,
body.rota-dashboard-ui #page-principal .somatic-inspector-content{
  padding:14px;
}

body.rota-dashboard-ui .rule-action-dialog > .modal-body{
  padding:16px;
}

body.rota-dashboard-ui #wound-modal > .modal > .modal-body{
  padding:14px 15px;
}

body.rota-dashboard-ui .rule-action-dialog > .modal-footer,
body.rota-dashboard-ui #wound-modal > .modal > .modal-footer{
  margin:0;
  padding:11px 15px;
  border-top:1px solid rgba(145,96,48,.45);
  background:rgba(7,7,5,.96);
}

body.rota-dashboard-ui .dossier-utility-dialog .section,
body.rota-dashboard-ui .somatic-inspector-dialog .section{
  border:1px solid rgba(130,84,42,.44);
  color:#ddc9a5;
  background:rgba(15,14,10,.74);
  box-shadow:inset 0 0 28px rgba(0,0,0,.28);
}

body.rota-dashboard-ui .dossier-utility-dialog .section-title,
body.rota-dashboard-ui .somatic-inspector-dialog .section-title{
  color:#df6a42;
  background:linear-gradient(90deg,rgba(92,28,18,.28),rgba(16,14,10,.4));
  border-color:rgba(155,92,43,.58);
  font-weight:600;
  text-shadow:0 1px #000;
}

body.rota-dashboard-ui .dossier-utility-dialog .section-title span,
body.rota-dashboard-ui .somatic-inspector-dialog .section-title span{
  color:#cdb083;
}

body.rota-dashboard-ui .dossier-utility-dialog label,
body.rota-dashboard-ui .somatic-inspector-dialog label,
body.rota-dashboard-ui #wound-modal label,
body.rota-dashboard-ui .rule-action-dialog label{
  color:#c9b38f;
  font-weight:500;
}

body.rota-dashboard-ui .dossier-utility-dialog input,
body.rota-dashboard-ui .dossier-utility-dialog select,
body.rota-dashboard-ui .dossier-utility-dialog textarea,
body.rota-dashboard-ui .somatic-inspector-dialog input,
body.rota-dashboard-ui .somatic-inspector-dialog select,
body.rota-dashboard-ui .somatic-inspector-dialog textarea,
body.rota-dashboard-ui #wound-modal input,
body.rota-dashboard-ui #wound-modal select,
body.rota-dashboard-ui #wound-modal textarea,
body.rota-dashboard-ui .rule-action-dialog input,
body.rota-dashboard-ui .rule-action-dialog select,
body.rota-dashboard-ui .rule-action-dialog textarea{
  color:#f1dfbc;
  background:#11110d;
  border:1px solid #61482f;
  border-radius:1px;
  caret-color:#e37535;
  font-family:var(--font-body);
  font-weight:500;
  opacity:1;
}

body.rota-dashboard-ui .dossier-utility-dialog input:focus,
body.rota-dashboard-ui .dossier-utility-dialog select:focus,
body.rota-dashboard-ui .dossier-utility-dialog textarea:focus,
body.rota-dashboard-ui .somatic-inspector-dialog input:focus,
body.rota-dashboard-ui .somatic-inspector-dialog select:focus,
body.rota-dashboard-ui .somatic-inspector-dialog textarea:focus,
body.rota-dashboard-ui #wound-modal input:focus,
body.rota-dashboard-ui #wound-modal select:focus,
body.rota-dashboard-ui #wound-modal textarea:focus,
body.rota-dashboard-ui .rule-action-dialog input:focus,
body.rota-dashboard-ui .rule-action-dialog select:focus,
body.rota-dashboard-ui .rule-action-dialog textarea:focus{
  border-color:#bf7037;
  outline:1px solid rgba(218,105,36,.24);
  box-shadow:0 0 0 3px rgba(173,65,28,.1);
}

body.rota-dashboard-ui .dossier-utility-dialog option,
body.rota-dashboard-ui .somatic-inspector-dialog option,
body.rota-dashboard-ui #wound-modal option,
body.rota-dashboard-ui .rule-action-dialog option{
  color:#ead7b4;
  background:#11110d;
}

body.rota-dashboard-ui .dossier-utility-dialog input[type="checkbox"],
body.rota-dashboard-ui .dossier-utility-dialog input[type="radio"],
body.rota-dashboard-ui .somatic-inspector-dialog input[type="checkbox"],
body.rota-dashboard-ui .somatic-inspector-dialog input[type="radio"],
body.rota-dashboard-ui #wound-modal input[type="checkbox"],
body.rota-dashboard-ui #wound-modal input[type="radio"],
body.rota-dashboard-ui .rule-action-dialog input[type="checkbox"],
body.rota-dashboard-ui .rule-action-dialog input[type="radio"]{
  accent-color:#c7542d;
}

body.rota-dashboard-ui .dossier-utility-dialog .dice-result,
body.rota-dashboard-ui .dossier-utility-dialog .condition-reference,
body.rota-dashboard-ui .dossier-utility-dialog .condition-guide,
body.rota-dashboard-ui .dossier-utility-dialog .condition-card,
body.rota-dashboard-ui #wound-modal .wound-summary-box,
body.rota-dashboard-ui #wound-modal .wound-existing-card,
body.rota-dashboard-ui .rule-action-dialog .rule-step,
body.rota-dashboard-ui .rule-action-dialog .rule-state-banner,
body.rota-dashboard-ui .rule-action-dialog .rule-result,
body.rota-dashboard-ui .rule-action-dialog .rule-tool-card,
body.rota-dashboard-ui .rule-action-dialog .paradigm-summary,
body.rota-dashboard-ui .rule-action-dialog .reputation-intro,
body.rota-dashboard-ui .rule-action-dialog .reputation-rule-card,
body.rota-dashboard-ui .rule-action-dialog .paradigm-path-heading,
body.rota-dashboard-ui .rule-action-dialog .paradigm-card,
body.rota-dashboard-ui .rule-action-dialog .catalog-search,
body.rota-dashboard-ui .rule-action-dialog .catalog-card,
body.rota-dashboard-ui .rule-action-dialog .growth-choice,
body.rota-dashboard-ui .rule-action-dialog .growth-ledger > span,
body.rota-dashboard-ui .rule-action-dialog .growth-stage-card,
body.rota-dashboard-ui .rule-action-dialog .death-test-log li,
body.rota-dashboard-ui .rule-action-dialog .crisis-log li,
body.rota-dashboard-ui .rule-action-dialog .growth-apply-list li{
  color:#ddc9a6;
  background:rgba(19,17,12,.9);
  border-color:rgba(137,91,47,.5);
}

body.rota-dashboard-ui .dossier-utility-dialog .condition-guide > summary,
body.rota-dashboard-ui .dossier-utility-dialog .condition-reference-header strong,
body.rota-dashboard-ui .dossier-utility-dialog .condition-card-header strong,
body.rota-dashboard-ui #wound-modal .wound-existing-header span,
body.rota-dashboard-ui .rule-action-dialog strong{
  color:#e7cfaa;
  text-shadow:none;
}

body.rota-dashboard-ui .dossier-utility-dialog .plague-help,
body.rota-dashboard-ui .dossier-utility-dialog .condition-guide > summary span,
body.rota-dashboard-ui .dossier-utility-dialog .condition-reference-header span,
body.rota-dashboard-ui .dossier-utility-dialog .condition-card-header span,
body.rota-dashboard-ui .rule-action-dialog p,
body.rota-dashboard-ui .rule-action-dialog li,
body.rota-dashboard-ui .rule-action-dialog small{
  color:#ae9978;
}

body.rota-dashboard-ui .dossier-utility-dialog .dice-result{
  border-left:3px solid #bc572e;
  font-weight:500;
}

body.rota-dashboard-ui .dossier-utility-dialog button,
body.rota-dashboard-ui .somatic-inspector-dialog button,
body.rota-dashboard-ui #wound-modal button,
body.rota-dashboard-ui .rule-action-dialog button{
  border:1px solid #67492f;
  border-radius:1px;
  color:#ddc5a0;
  background:linear-gradient(180deg,#201a12,#12100c);
  font-weight:600;
  text-shadow:0 1px #000;
  transition:border-color .16s ease,color .16s ease,filter .16s ease,transform .16s ease;
}

body.rota-dashboard-ui .dossier-utility-dialog button:hover,
body.rota-dashboard-ui .somatic-inspector-dialog button:hover,
body.rota-dashboard-ui #wound-modal button:hover,
body.rota-dashboard-ui .rule-action-dialog button:hover{
  color:#ffe7bc;
  border-color:#b86a35;
  filter:brightness(1.13);
}

body.rota-dashboard-ui .dossier-utility-dialog button:active,
body.rota-dashboard-ui .somatic-inspector-dialog button:active,
body.rota-dashboard-ui #wound-modal button:active,
body.rota-dashboard-ui .rule-action-dialog button:active{
  transform:translateY(1px);
}

body.rota-dashboard-ui .dossier-utility-dialog .primary-action,
body.rota-dashboard-ui .dossier-utility-dialog #roll-button,
body.rota-dashboard-ui #wound-modal #wound-save,
body.rota-dashboard-ui .rule-action-dialog .primary-action{
  color:#fff0cf;
  border-color:#b14a2d;
  background:linear-gradient(180deg,#8f321f,#541b16);
  box-shadow:inset 0 1px rgba(255,183,112,.16),0 3px 10px rgba(64,10,7,.3);
}

body.rota-dashboard-ui .dossier-utility-dialog .modifier-option.active,
body.rota-dashboard-ui .dossier-utility-dialog .notes-btn.active,
body.rota-dashboard-ui .rule-action-dialog .selected,
body.rota-dashboard-ui .rule-action-dialog button[aria-pressed="true"]{
  color:#ffe1ab;
  border-color:#c37536;
  background:#422316;
}

body.rota-dashboard-ui #wound-modal .wound-existing-card.editing{
  border-color:#c87338;
  box-shadow:inset 3px 0 #c87338;
}

body.rota-dashboard-ui #wound-modal .wound-summary-entry{
  color:#d9c4a0;
  background:#15130e;
  border-left-color:#9b6a34;
}

body.rota-dashboard-ui #wound-modal .wound-summary-entry.severity-2{ border-left-color:#d29a37; }
body.rota-dashboard-ui #wound-modal .wound-summary-entry.severity-3{ border-left-color:#cc4932; }

body.rota-dashboard-ui .somatic-inspector-dialog .body-map,
body.rota-dashboard-ui .somatic-inspector-dialog .body-diagram,
body.rota-dashboard-ui .somatic-inspector-dialog .wound-report{
  color:#d9c6a4;
  border-color:rgba(142,94,48,.45);
  background:rgba(14,13,9,.72);
}

body.rota-dashboard-ui .somatic-inspector-dialog .body-figure,
body.rota-dashboard-ui .somatic-inspector-dialog .body-map img,
body.rota-dashboard-ui .somatic-inspector-dialog .body-diagram img{
  filter:sepia(.28) brightness(1.22) contrast(.9);
}

/* A antiga pele de papel usa seletores com ID; estes mantêm o utilitário escuro. */
body.rota-dashboard-ui #page-principal .dossier-utility-dialog{
  color:#ead8b5;
  background-color:#0c0c09;
  background-image:
    linear-gradient(135deg,rgba(119,66,28,.1),transparent 38%,rgba(94,22,16,.08)),
    linear-gradient(rgba(8,8,6,.9),rgba(12,10,7,.95)),
    url("assets/ui/textures/background-charred.png");
  background-position:center;
  background-size:auto,auto,cover;
  background-blend-mode:normal,normal,luminosity;
  border-color:#744825;
  box-shadow:0 28px 86px rgba(0,0,0,.82),0 0 0 1px rgba(211,139,69,.08),inset 0 0 42px rgba(0,0,0,.56);
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .dossier-lower > .section{
  color:#dfcca8;
  background-color:#0f0e0a;
  background-image:
    linear-gradient(135deg,rgba(116,58,27,.1),transparent 46%),
    linear-gradient(rgba(10,10,7,.9),rgba(16,13,9,.94)),
    url("assets/ui/textures/background-charred.png");
  background-size:auto,auto,cover;
  background-blend-mode:normal,normal,luminosity;
  border-color:rgba(143,91,44,.55);
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .dossier-lower .section-title{
  color:#e16b43;
  background:linear-gradient(90deg,rgba(94,28,18,.3),rgba(13,12,8,.7));
  border-color:rgba(154,94,45,.58);
  -webkit-text-stroke:0;
  text-shadow:0 1px #000;
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .dossier-lower .section-title .tag{
  color:#ccb083;
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .dice-controls label,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .modifier-control,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .check-line,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-reference,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-guide,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-card{
  color:#cab491;
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .dice-controls select,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .dice-controls input,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-add select,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-add input,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .modifier-number,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .modifier-dots{
  color:#f0ddba !important;
  background:#12110d !important;
  border-color:#64472e !important;
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .dice-result{
  color:#dfcba8;
  background:#15130e;
  border-color:#785034;
  border-left:3px solid #c15831;
}

body.rota-dashboard-ui #page-principal .dossier-utility-header .modal-close,
body.rota-dashboard-ui #page-principal .somatic-inspector-header .modal-close{
  color:#d6bd94;
  border-color:#705033;
  background:#15120d;
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .primary-action,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog #roll-button{
  color:#fff0cf;
  border-color:#b14a2d;
  background:linear-gradient(180deg,#8f321f,#541b16);
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .notes-btn,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .modifier-option{
  color:#dcc49e;
  border-color:#67492f;
  background:#16130e;
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .modifier-option.filled{
  border-color:#e2a447;
  background:linear-gradient(135deg,#e2a447,#8e4b17);
  box-shadow:inset 0 0 0 1px rgba(255,224,157,.3),0 0 7px rgba(218,137,43,.48);
}
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .modifier-option.current{
  outline:1px solid #ffe0a1;
  outline-offset:2px;
}
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .plague-control .modifier-option.filled{
  border-color:#d95a45;
  background:linear-gradient(135deg,#c84b39,#6f1f1b);
  box-shadow:inset 0 0 0 1px rgba(255,177,146,.24),0 0 7px rgba(190,55,39,.48);
}
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .plague-control .modifier-option.current{
  outline-color:#ffad91;
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-reference{
  color:#c7b08c;
  background:#15130e;
  border-color:#a95630;
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-reference strong,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-guide > summary,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-category-heading strong{
  color:#d78a43;
  text-shadow:0 1px #000;
}

body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-guide > summary span,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-reference-header span,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-card-header span,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .condition-category-heading span,
body.rota-dashboard-ui #page-principal .dossier-utility-dialog .empty-state{
  color:#aa9574;
}

body.rota-dashboard-ui #page-principal #wound-modal > .modal{
  --panel:#0d0d0a;
  --panel-2:#14120e;
  --panel-3:#19150f;
  --line:rgba(145,96,48,.42);
  --line-strong:rgba(183,125,65,.72);
  --text:#ead8b5;
  --text-dim:#c0ab87;
  --text-faint:#958064;
  --green-bright:#d18436;
  --red-bright:#d75035;
  color:#ead8b5;
  background-color:#0c0c09;
  background-image:
    linear-gradient(135deg,rgba(119,66,28,.1),transparent 38%,rgba(94,22,16,.08)),
    linear-gradient(rgba(8,8,6,.9),rgba(12,10,7,.95)),
    url("assets/ui/textures/background-charred.png");
  background-position:center;
  background-size:auto,auto,cover;
  background-blend-mode:normal,normal,luminosity;
  border-color:#744825;
  box-shadow:0 28px 86px rgba(0,0,0,.82),0 0 0 1px rgba(211,139,69,.08),inset 0 0 42px rgba(0,0,0,.56);
}

body.rota-dashboard-ui #page-principal #wound-modal > .modal > .modal-body{
  color:#dfcca8;
  background:rgba(10,10,7,.46);
}

body.rota-dashboard-ui #page-principal #wound-modal > .modal > .modal-body > label,
body.rota-dashboard-ui #page-principal #wound-modal .wound-sev label,
body.rota-dashboard-ui #page-principal #wound-modal .wound-existing-card strong,
body.rota-dashboard-ui #page-principal #wound-modal .wound-summary-title{
  color:#d5c09c;
  font-weight:600;
}

body.rota-dashboard-ui #page-principal #wound-modal .wound-existing-card,
body.rota-dashboard-ui #page-principal #wound-modal .wound-summary-box,
body.rota-dashboard-ui #page-principal #wound-modal .rule-preview{
  color:#d8c4a1;
  background:#15130e;
  border-color:rgba(137,91,47,.54);
}

body.rota-dashboard-ui #page-principal #wound-modal input,
body.rota-dashboard-ui #page-principal #wound-modal select,
body.rota-dashboard-ui #page-principal #wound-modal textarea{
  color:#f1dfbc;
  background:#11110d;
  border-color:#61482f;
}

body.rota-dashboard-ui #page-principal #wound-modal #wound-save{
  color:#fff0cf;
  border-color:#b14a2d;
  background:linear-gradient(180deg,#8f321f,#541b16);
}

@media (max-width:1450px){
  body.rota-dashboard-ui #page-principal .portrait-shell{ width:105px; height:184px; }
  body.rota-dashboard-ui #page-principal .doc-header{ grid-template-columns:105px minmax(0,1fr); }
  body.rota-dashboard-ui #page-principal .attribute-glyph{ width:42px; height:42px; font-size:20px; }
  body.rota-dashboard-ui #page-principal .skill-pips{ grid-template-columns:repeat(5,12px); gap:2px; height:12px; }
  body.rota-dashboard-ui #page-principal .skill-pips .pip{ width:12px; height:12px; }
}

@media (max-width:1120px){
  body.rota-dashboard-ui{ overflow:auto; }
  body.rota-dashboard-ui .sheet{ padding:0 10px 90px; }
  body.rota-dashboard-ui .sheet-tabs{ position:sticky; top:0; grid-template-columns:1fr; height:auto; margin:0 -10px 8px; }
  body.rota-dashboard-ui .dossier-brand{ display:none; }
  body.rota-dashboard-ui .sheet-tab{ min-height:46px; font-size:10px; }
  body.rota-dashboard-ui #page-principal{ height:auto; min-height:0; overflow:visible; }
  body.rota-dashboard-ui .rota-dashboard{ grid-template-columns:1fr 1fr; grid-template-rows:auto; height:auto; }
  .rota-dashboard-column{ height:auto; overflow:visible; }
  .rota-brand-rail{ display:none; }
  .rota-dashboard-left{ grid-column:1; }
  .rota-dashboard-center{ grid-column:2; }
  .rota-dashboard-right{ grid-column:1/-1; display:grid; grid-template-columns:1fr; }
  body.rota-dashboard-ui #page-principal .rota-vitals-panel{ flex:none; min-height:330px; }
  body.rota-dashboard-ui #page-principal .rota-vitals-panel > .section-body{ height:auto; }
  body.rota-dashboard-ui #page-principal .rota-vitals-list{ height:auto; grid-template-rows:minmax(110px,auto) minmax(110px,auto) minmax(88px,auto); }
  body.rota-dashboard-ui #page-principal .rota-needs-panel{ flex:none; }
  body.rota-dashboard-ui #page-principal .rota-needs-panel > .section-body{ height:auto; overflow:visible; }
  body.rota-dashboard-ui #page-principal .rota-needs-panel .resources-list{ height:auto; }
  body.rota-dashboard-ui #page-principal .rota-identity-panel{ height:100%; }
  body.rota-dashboard-ui #page-principal .rota-identity-panel [data-section="characteristics"]{ margin-top:8px; }
  body.rota-dashboard-ui #page-principal [data-ui-section="attributes"],
  body.rota-dashboard-ui #page-principal [data-section="skills"],
  body.rota-dashboard-ui #page-principal .diagram-section{ min-height:250px; }
  body.rota-dashboard-ui #page-principal [data-section="skills"]{ grid-column:1/-1; }
  body.rota-dashboard-ui #page-principal .skill-pips{ grid-template-columns:repeat(5,12px); height:12px; }
  body.rota-dashboard-ui #page-principal .skill-pips .pip{ width:12px; height:12px; }
  body.rota-dashboard-ui .toolbar{ right:8px; bottom:8px; left:8px; width:auto; grid-template-columns:repeat(5,minmax(0,1fr)); }
}

@media (max-width:900px){
  body.rota-dashboard-ui #page-principal .skill-attribute-panel.active{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:720px){
  body.rota-dashboard-ui .dossier-nav-list{ display:flex; overflow-x:auto; }
  body.rota-dashboard-ui .sheet-tab{ flex:0 0 115px; }
  body.rota-dashboard-ui .sheet{ padding-bottom:112px; }
  body.rota-dashboard-ui .toolbar{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.rota-dashboard-ui .toolbar .dossier-utility-button{ grid-column:span 2; }
  body.rota-dashboard-ui .rota-dashboard{ display:flex; flex-direction:column; }
  .rota-dashboard-right{ display:flex; }
  .rota-identity-panel{ overflow:visible; }
  body.rota-dashboard-ui #page-principal .doc-header{ grid-template-columns:1fr; }
  body.rota-dashboard-ui #page-principal .portrait-shell{ width:150px; height:205px; margin:auto; }
  body.rota-dashboard-ui #page-principal .meta-grid{ grid-template-columns:1fr 1fr; }
  body.rota-dashboard-ui #page-principal .attrs-list{ min-height:130px; }
  body.rota-dashboard-ui #page-principal .skill-attribute-panel.active{ grid-template-columns:1fr; }
  body.rota-dashboard-ui #page-principal .skill-pips{ grid-template-columns:repeat(5,18px); height:18px; }
  body.rota-dashboard-ui #page-principal .skill-pips .pip{ width:18px; height:18px; }
  body.rota-dashboard-ui #page-principal .skill-name{ font-size:12px; }
  body.rota-dashboard-ui #page-principal .skill-row{ grid-template-columns:62px minmax(0,1fr); min-height:88px; }
  body.rota-dashboard-ui #page-principal .skill-art,
  body.rota-dashboard-ui #page-principal .skill-art-placeholder{ width:56px; height:84px; }
  body.rota-dashboard-ui #page-principal .chars-grid{ grid-template-columns:1fr; }
  body.rota-dashboard-ui #page-principal .somatic-summary-card{ min-height:200px; }
  body.rota-dashboard-ui .modal-overlay{ padding:8px; align-items:flex-start; }
  body.rota-dashboard-ui .dossier-utility-dialog,
  body.rota-dashboard-ui .somatic-inspector-dialog,
  body.rota-dashboard-ui #wound-modal > .modal,
  body.rota-dashboard-ui .rule-action-dialog{
    width:calc(100vw - 16px);
    max-height:calc(100dvh - 16px);
  }
  body.rota-dashboard-ui .skill-art-dialog{ width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  body.rota-dashboard-ui .skill-art-viewer-header{ min-height:54px; padding:9px 10px; }
  body.rota-dashboard-ui .skill-art-viewer-header strong{ font-size:17px; }
  body.rota-dashboard-ui .skill-art-viewer-content{ padding:8px; }
  body.rota-dashboard-ui #skill-art-expanded-image{ max-height:calc(100dvh - 142px); }
  body.rota-dashboard-ui #page-principal .dossier-utility-header,
  body.rota-dashboard-ui #page-principal .somatic-inspector-header,
  body.rota-dashboard-ui .rule-action-dialog > .modal-header,
  body.rota-dashboard-ui #wound-modal > .modal > .modal-header{
    min-height:52px;
    padding:10px 11px;
    font-size:15px;
  }
  body.rota-dashboard-ui .rule-action-dialog > .modal-body,
  body.rota-dashboard-ui #wound-modal > .modal > .modal-body,
  body.rota-dashboard-ui #page-principal .dossier-utility-content,
  body.rota-dashboard-ui #page-principal .somatic-inspector-content{ padding:10px; }
}

@media (prefers-reduced-motion:reduce){
  body.rota-dashboard-ui *,body.rota-dashboard-ui *::before,body.rota-dashboard-ui *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
  body.rota-dashboard-ui .modal-overlay,
  body.rota-dashboard-ui .modal-overlay > .modal,
  body.rota-dashboard-ui #page-principal .skill-attribute-panel.active{ animation:none; }
  body.rota-dashboard-ui :where(button,input,select,textarea,summary,a,[role="tab"]),
  body.rota-dashboard-ui #page-principal .attr-row,
  body.rota-dashboard-ui #page-principal .attribute-select-button,
  body.rota-dashboard-ui #page-principal .attribute-glyph,
  body.rota-dashboard-ui #page-principal .attribute-step-button,
  body.rota-dashboard-ui #page-principal .skill-attribute-tab,
  body.rota-dashboard-ui #page-principal .skill-row,
  body.rota-dashboard-ui #page-principal .skill-art img,
  body.rota-dashboard-ui #page-principal .skill-pips .pip{
    scroll-behavior:auto;
    transition:none;
  }
}

/* Identificação: foto quadrada, campos completos e escrita com quebra de linha. */
body.rota-dashboard-ui #page-principal .rota-identity-panel{
  display:flex;
  flex-direction:column;
  gap:4px;
  scrollbar-gutter:stable;
}
body.rota-dashboard-ui #page-principal .rota-identity-panel > *{ flex-shrink:0; }
body.rota-dashboard-ui #page-principal .rota-paper-heading{ min-height:30px; padding:2px 6px; }
body.rota-dashboard-ui #page-principal .doc-header{
  grid-template-columns:104px minmax(0,1fr);
  align-items:start;
  height:auto;
  gap:6px 10px;
  padding:2px;
}
body.rota-dashboard-ui #page-principal .portrait-shell{
  width:104px;
  height:116px;
  margin:0;
  padding:5px 5px 17px;
  transform:none;
  background:rgba(248,233,201,.3);
}
body.rota-dashboard-ui #page-principal .portrait-frame{
  width:92px;
  height:92px;
  min-height:0;
  padding:0;
}
body.rota-dashboard-ui #page-principal .portrait-image{ width:100%; height:100%; object-fit:cover; }
body.rota-dashboard-ui #page-principal .portrait-placeholder{ font-size:10px; }
body.rota-dashboard-ui #page-principal .title-block{
  display:flex;
  flex-direction:column;
  height:auto;
  align-self:center;
}
body.rota-dashboard-ui #page-principal .name-input{
  display:block;
  width:100%;
  min-height:58px;
  padding:3px 1px;
  font:400 23px/1.35 var(--font-hand) !important;
  letter-spacing:0;
  text-transform:none;
  resize:none;
  overflow:hidden;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
body.rota-dashboard-ui #page-principal .name-input::placeholder{ font-size:18px; opacity:.8; }
body.rota-dashboard-ui #page-principal .meta-grid{
  grid-column:1/-1;
  align-content:start;
  margin-top:0;
  gap:3px 12px;
}
body.rota-dashboard-ui #page-principal .meta-field,
body.rota-dashboard-ui #page-principal .paradigm-meta-field{
  grid-column:auto;
  min-height:0;
  gap:0;
}
body.rota-dashboard-ui #page-principal .meta-field label{ font-size:11px; line-height:1.4; }
body.rota-dashboard-ui #page-principal .meta-field input,
body.rota-dashboard-ui #page-principal .meta-field select,
body.rota-dashboard-ui #page-principal .meta-field textarea{
  width:100%;
  height:30px;
  min-height:30px;
  padding:1px 0 3px;
  border:0;
  background:transparent;
  color:#21170f !important;
  font:400 clamp(17px,.95vw,18px)/1.4 var(--font-hand) !important;
  letter-spacing:0;
  text-shadow:none;
}
body.rota-dashboard-ui #page-principal .meta-field textarea{ resize:none; overflow:hidden; overflow-wrap:anywhere; }
body.rota-dashboard-ui #page-principal .identity-field-heading{ display:flex; align-items:center; justify-content:space-between; min-height:18px; }
body.rota-dashboard-ui #page-principal .identity-detail-button{
  display:grid;
  place-items:center;
  min-width:24px;
  height:20px;
  padding:0;
  border:0;
  color:#623b25;
  background:transparent;
  font:16px/1 sans-serif;
  box-shadow:none;
}
body.rota-dashboard-ui #page-principal .identity-detail-button:hover{ color:#942b1c; background:rgba(89,45,24,.12); }
body.rota-dashboard-ui #page-principal .rota-growth-track{ height:auto; min-height:52px !important; margin:0 !important; }
body.rota-dashboard-ui #page-principal .rota-growth-track > div{ gap:4px; }
body.rota-dashboard-ui #page-principal .rota-growth-track i{ width:24px; height:24px; flex:0 1 24px; }
body.rota-dashboard-ui #page-principal .rota-identity-panel [data-section="characteristics"]{ overflow:visible; margin:0; flex:1 0 auto; }
body.rota-dashboard-ui #page-principal [data-section="characteristics"] .section-body{ overflow:visible; padding:4px 2px; }
body.rota-dashboard-ui #page-principal .chars-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 12px; }
body.rota-dashboard-ui #page-principal .chars-grid > div{ padding:0; border:0; }
body.rota-dashboard-ui #page-principal .chars-grid > div:last-child{ grid-column:1/-1; }
body.rota-dashboard-ui #page-principal .character-group-heading{ display:flex; align-items:center; justify-content:space-between; gap:4px; }
body.rota-dashboard-ui #page-principal .chars-col-title{
  justify-content:flex-start;
  min-height:20px;
  margin:0 0 2px;
  padding:2px 0;
  font-size:13px;
  line-height:1.3;
}
body.rota-dashboard-ui #page-principal .list-input-row{ align-items:start; }
body.rota-dashboard-ui #page-principal .list-row-actions{ align-items:start; gap:3px; }
body.rota-dashboard-ui #page-principal .list-input-row textarea{
  display:block;
  width:100%;
  min-width:0;
  min-height:30px;
  padding:2px 1px;
  border:0;
  border-bottom:1px solid rgba(58,39,25,.24);
  color:#281a10;
  background:transparent;
  font:400 clamp(17px,.95vw,18px)/1.4 var(--font-hand);
  resize:none;
  overflow:hidden;
  overflow-wrap:anywhere;
}
body.rota-dashboard-ui #page-principal .list-row-remove{
  flex:0 0 22px;
  width:22px;
  height:25px;
  color:#812f22;
  border-color:rgba(108,44,28,.4);
  background:rgba(127,55,30,.08);
  box-shadow:none;
}
body.rota-dashboard-ui #page-principal .add-char-btn{
  min-height:24px;
  margin-top:2px;
  padding:3px 4px;
  color:#523722;
  border-color:rgba(80,52,31,.35);
  font:11px/1.35 var(--font-display);
  letter-spacing:.2px;
  white-space:normal;
}
body.rota-dashboard-ui #page-principal .character-group-heading .add-char-btn{ width:24px; min-height:24px; margin:0 0 2px; padding:0; font:18px/1 sans-serif; }
body.rota-dashboard-ui .identity-reference{ font:15px/1.6 var(--font-body, sans-serif); }
body.rota-dashboard-ui .identity-reference h3{ font:20px/1.4 var(--font-display); margin:0 0 6px; }
body.rota-dashboard-ui .identity-reference-card{ padding:14px 0; border-top:1px solid var(--rota-line); }
body.rota-dashboard-ui .identity-reference-card p{ margin:6px 0; white-space:pre-line; }
body.rota-dashboard-ui .portrait-viewer{ display:grid; justify-items:center; gap:18px; }
body.rota-dashboard-ui .portrait-viewer > img{ display:block; width:min(100%,600px); max-height:65dvh; object-fit:contain; border:1px solid var(--rota-bronze); background:#080705; }
body.rota-dashboard-ui .portrait-viewer-actions{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
body.rota-dashboard-ui #rule-action-modal[data-modal-name="portrait-viewer"] .rule-action-dialog{ width:min(760px,calc(100vw - 24px)); }
@media (min-width:1121px) and (min-height:851px){
  body.rota-dashboard-ui #page-principal .rota-identity-panel .doc-header{ flex:1 0 auto; grid-template-rows:auto minmax(0,1fr); }
  body.rota-dashboard-ui #page-principal .rota-identity-panel .meta-grid{ align-self:stretch; align-content:space-evenly; }
  body.rota-dashboard-ui #page-principal .rota-identity-panel [data-section="characteristics"]{ display:flex; flex-direction:column; flex:1 0 auto; }
  body.rota-dashboard-ui #page-principal [data-section="characteristics"] .section-body{ flex:1; display:flex; flex-direction:column; }
  body.rota-dashboard-ui #page-principal .chars-grid{ flex:1; align-content:space-evenly; }
}
@media (max-width:1120px){
  body.rota-dashboard-ui #page-principal .rota-identity-panel{ height:auto; overflow:visible; }
}
@media (max-width:420px){
  body.rota-dashboard-ui #page-principal .chars-grid{ grid-template-columns:1fr; }
}

/* Estágios das barras: nomes, marcadores e avisos compartilham as cores. */
body.rota-dashboard-ui{
  --pf-intact:#68c68b; --pf-hurt:#d9b82f; --pf-wounded:#e26a1c;
  --pf-critical:#e44842; --pf-dying:#a66be0; --pf-dead:#d53b36;
  --pe-whole:#a0dca5; --pe-stable:#79d5f2; --pe-unstable:#398de3;
  --pe-unbalanced:#a66be0; --pe-breaking:#f066be;
}
body.rota-dashboard-ui #page-principal .pf-state-none{ color:var(--pf-intact); }
body.rota-dashboard-ui #page-principal .pf-state-hurt{ color:var(--pf-hurt); }
body.rota-dashboard-ui #page-principal .pf-state-wounded{ color:var(--pf-wounded); }
body.rota-dashboard-ui #page-principal .pf-state-critical{ color:var(--pf-critical); }
body.rota-dashboard-ui #page-principal .pf-state-dying{ color:var(--pf-dying); }
body.rota-dashboard-ui #page-principal .pf-state-dead{ color:var(--pf-dead); }
body.rota-dashboard-ui #page-principal .pe-state-none{ color:var(--pe-whole); }
body.rota-dashboard-ui #page-principal .pe-state-stable{ color:var(--pe-stable); }
body.rota-dashboard-ui #page-principal .pe-state-unstable{ color:var(--pe-unstable); }
body.rota-dashboard-ui #page-principal .pe-state-unbalanced{ color:var(--pe-unbalanced); }
body.rota-dashboard-ui #page-principal .pe-state-breaking{ color:var(--pe-breaking); }
body.rota-dashboard-ui #page-principal .rota-vital-pf .pip.stage-ok{ --vital-color:var(--pf-hurt); }
body.rota-dashboard-ui #page-principal .rota-vital-pf .pip.stage-warn{ --vital-color:var(--pf-wounded); }
body.rota-dashboard-ui #page-principal .rota-vital-pf .pip.stage-crit{ --vital-color:var(--pf-critical); }
body.rota-dashboard-ui #page-principal .rota-vital-pf .pip.overflow{ --vital-color:var(--pf-dying); }
body.rota-dashboard-ui #page-principal .rota-vital-pf .pip.death-direct{ --vital-color:var(--pf-dead); }
body.rota-dashboard-ui #page-principal .rota-vital-pe .pip.stage-ok{ --vital-color:var(--pe-stable); }
body.rota-dashboard-ui #page-principal .rota-vital-pe .pip.stage-warn{ --vital-color:var(--pe-unstable); }
body.rota-dashboard-ui #page-principal .rota-vital-pe .pip.stage-crit{ --vital-color:var(--pe-unbalanced); }
body.rota-dashboard-ui #page-principal .rota-vital-pe .pip.breaking-point{ --vital-color:var(--pe-breaking); }
body.rota-dashboard-ui #page-principal .rota-vitals-list .box-row{ display:flex; flex-wrap:nowrap; gap:3px; min-height:26px; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .box-row .pip[data-i]{
  flex:1 1 0; width:auto; min-width:0; max-width:28px; height:26px;
  border-color:var(--vital-color); border-radius:2px;
}
body.rota-dashboard-ui #page-principal .rota-vitals-list .box-row .pip[data-i].filled{ background:linear-gradient(135deg,var(--vital-color),color-mix(in srgb,var(--vital-color) 55%,#080705)); }
body.rota-dashboard-ui #page-principal .rota-vitals-list .box-row .pip.overflow-start{ margin-left:6px; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .box-row .pip:focus-visible{ outline:2px solid #f4e3be; outline-offset:2px; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .track-stage{ font-size:11px; line-height:1.35; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .permanent-control{ display:flex; position:static; height:auto; gap:4px; font-size:10px; }
body.rota-dashboard-ui #page-principal .permanent-control label{ color:inherit; font:inherit; }
body.rota-dashboard-ui #page-principal .rota-vitals-list .permanent-control input{ width:28px; min-width:28px; height:24px; min-height:24px; font:11px/24px var(--font-mono) !important; appearance:textfield; }
body.rota-dashboard-ui #page-principal .permanent-control input::-webkit-inner-spin-button,
body.rota-dashboard-ui #page-principal .permanent-control input::-webkit-outer-spin-button{ appearance:none; margin:0; }
body.rota-dashboard-ui #page-principal .permanent-control button{ width:24px; height:24px; padding:0; border:1px solid var(--rota-line); color:#e6c994; background:#15100b; font:16px/1 var(--font-mono); }
body.rota-dashboard-ui #page-principal .permanent-control button:disabled{ opacity:.35; cursor:default; }
body.rota-dashboard-ui #page-principal .critical-state-alert{ padding:4px 6px; margin:2px 0; font:11px/1.4 var(--font-body,sans-serif); border:1px solid currentColor; background:rgba(7,6,4,.5); }
body.rota-dashboard-ui #page-principal .rota-vitals-list .rota-vital-pf,
body.rota-dashboard-ui #page-principal .rota-vitals-list .rota-vital-pe{ grid-template-rows:auto auto minmax(26px,1fr) auto auto auto; }
body.rota-dashboard-ui #page-principal .rota-vital-pc .pc-bar{ height:24px; position:relative; }
body.rota-dashboard-ui #page-principal #pc-slider{ position:absolute; inset:0; z-index:2; width:100%; height:100%; min-height:0; margin:0; padding:0; opacity:0; cursor:pointer; }
body.rota-dashboard-ui #page-principal .pc-bar:focus-within{ outline:2px solid #f4e3be; outline-offset:3px; }
body.rota-dashboard-ui #page-principal .rota-vitals-list{ grid-template-rows:minmax(150px,1fr) minmax(150px,1fr) minmax(100px,.75fr); }
@media (min-width:1121px){
  body.rota-dashboard-ui #page-principal{ min-height:695px; }
  body.rota-dashboard-ui #page-principal .rota-dashboard-center{ grid-template-rows:minmax(460px,1.3fr) minmax(218px,1fr); }
}
@media (max-width:1120px){
  body.rota-dashboard-ui #page-principal .rota-vitals-panel{ min-height:0; }
  body.rota-dashboard-ui #page-principal .rota-vitals-list{ grid-template-rows:auto auto auto; }
  body.rota-dashboard-ui #page-principal .rota-vitals-list .track-block{ min-height:125px; }
}

/* Etapa 4: resumo consultável e busca de condições. */
body.rota-dashboard-ui #page-principal .dashboard-wound-list{ display:grid; gap:4px; padding:2px; }
body.rota-dashboard-ui #page-principal .dashboard-wound-entry{ display:grid; gap:2px; width:100%; padding:6px; text-align:left; border:1px solid rgba(85,49,29,.4); border-left:3px solid #705322; background:rgba(255,242,214,.22); color:#352218; white-space:normal; overflow-wrap:anywhere; }
body.rota-dashboard-ui #page-principal .dashboard-wound-entry.severity-2{ border-left-color:#91611d; }
body.rota-dashboard-ui #page-principal .dashboard-wound-entry.severity-3{ border-left-color:#a32c22; }
body.rota-dashboard-ui #page-principal .dashboard-wound-entry strong{ font:12px/1.35 var(--font-body,sans-serif); font-weight:700; }
body.rota-dashboard-ui #page-principal .dashboard-wound-entry span,
body.rota-dashboard-ui #page-principal .dashboard-wound-entry small,
body.rota-dashboard-ui #page-principal .dashboard-wound-empty{ font:11px/1.4 var(--font-body,sans-serif); }
body.rota-dashboard-ui #page-principal .dashboard-wound-entry:focus-visible{ outline:2px solid #782d1f; outline-offset:1px; }
body.rota-dashboard-ui #page-principal .diagram-section .somatic-summary-body{ flex:1 0 90px; min-height:90px; }
body.rota-dashboard-ui #page-principal .somatic-inspect-label{ font-size:10px; line-height:1.4; }
body.rota-dashboard-ui #page-principal .condition-search-row{ display:grid; gap:5px; margin-bottom:10px; }
body.rota-dashboard-ui #page-principal .condition-search-row input{ width:100%; min-height:36px; color:#ead8b5; background:#14120e; }
body.rota-dashboard-ui #page-principal .condition-search-row label{ font-size:13px; }
body.rota-dashboard-ui #page-principal #condition-search-status,
body.rota-dashboard-ui #page-principal .condition-feedback{ color:#d3b787; font:12px/1.45 var(--font-body,sans-serif); }
body.rota-dashboard-ui #page-principal .condition-feedback:empty{ display:none; }
body.rota-dashboard-ui #page-principal #wound-modal{ z-index:1600; }
body.rota-dashboard-ui #page-principal #wound-modal #wound-cancel{ color:#ead8b5; border-color:#8c633b; background:#21190f; }

/* Etapa 5: nomes completos, artes maiores e símbolos centrados. */
body.rota-dashboard-ui #page-principal [data-section="skills"]{ container-type:inline-size; }
body.rota-dashboard-ui #page-principal [data-section="skills"] > .section-body{ display:flex; flex-direction:column; min-height:0; }
body.rota-dashboard-ui #page-principal .skills-grid{ flex:1; min-height:0; height:auto; padding:2px 2px 5px; }
body.rota-dashboard-ui #page-principal .skill-attribute-panel.active{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
body.rota-dashboard-ui #page-principal .skill-col-title{ padding:3px 1px 5px; font:400 14px/1.4 var(--font-display); letter-spacing:.6px; text-transform:uppercase; }
body.rota-dashboard-ui #page-principal .skill-row{ grid-template-columns:60px minmax(0,1fr); grid-template-rows:auto auto; column-gap:7px; min-height:102px; padding:5px; }
body.rota-dashboard-ui #page-principal .skill-art,
body.rota-dashboard-ui #page-principal .skill-art-placeholder{ width:60px; height:90px; }
body.rota-dashboard-ui #page-principal .skill-art img{ object-fit:contain; filter:none; }
body.rota-dashboard-ui #page-principal .skill-row:hover .skill-art img{ transform:none; filter:brightness(1.08); }
body.rota-dashboard-ui #page-principal .skill-row .skill-name{ font:600 14px/1.4 "Segoe UI",Tahoma,Arial,sans-serif; color:#e1d4b9; padding:2px 0 4px; white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip; }
body.rota-dashboard-ui #page-principal .skill-pips{ margin-top:2px; }
body.rota-dashboard-ui #page-principal .skill-attribute-tab{ min-height:30px; font:400 12px/1.4 var(--font-display); }
body.rota-dashboard-ui #page-principal .attr-name{ padding:2px 0; font:400 12px/1.4 var(--font-display); }
body.rota-dashboard-ui #page-principal .attribute-glyph{
  width:clamp(42px,4.6vw,72px);
  max-width:100%;
  height:auto;
  aspect-ratio:1;
  border:0;
  border-radius:0;
  box-shadow:none;
  line-height:1;
}
body.rota-dashboard-ui #page-principal .attribute-glyph img{ display:block; width:100%; height:100%; object-fit:contain; }
body.rota-dashboard-ui #page-principal .skill-source-active .attribute-glyph{ transform:none; box-shadow:none; }
body.rota-dashboard-ui #page-principal [data-section="skills"] .pp-bar{ font-size:11px; line-height:1.4; }
body.rota-dashboard-ui #page-principal .need-card-header strong{ font:400 13px/1.4 var(--font-display); }
body.rota-dashboard-ui #page-principal .need-card-header span{ font:11px/1.4 var(--font-body,sans-serif); color:#b4a17d; }
body.rota-dashboard-ui #page-principal .needs-cycle-alert{ font:12px/1.4 var(--font-body,sans-serif); color:#c0ac88; }
@container (min-width:620px){
  body.rota-dashboard-ui #page-principal .skill-attribute-panel.active{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.rota-dashboard-ui #page-principal .skill-row{ grid-template-columns:68px minmax(0,1fr); min-height:114px; }
  body.rota-dashboard-ui #page-principal .skill-art,
  body.rota-dashboard-ui #page-principal .skill-art-placeholder{ width:68px; height:102px; }
  body.rota-dashboard-ui #page-principal .skill-row .skill-name{ font-size:15px; }
}
@container (max-width:379px){
  body.rota-dashboard-ui #page-principal .skill-attribute-panel.active{ grid-template-columns:1fr; }
  body.rota-dashboard-ui #page-principal .skill-row{ grid-template-columns:72px minmax(0,1fr); min-height:120px; }
  body.rota-dashboard-ui #page-principal .skill-art,
  body.rota-dashboard-ui #page-principal .skill-art-placeholder{ width:72px; height:108px; }
  body.rota-dashboard-ui #page-principal .skill-row .skill-name{ font-size:15px; }
}
@media (max-width:1120px){
  body.rota-dashboard-ui #page-principal [data-section="skills"] > .section-body{ height:auto; }
  body.rota-dashboard-ui #page-principal .skills-grid{ flex:none; overflow:visible; }
}

@media print{
  body.rota-dashboard-ui #page-principal{ height:auto; overflow:visible; }
  body.rota-dashboard-ui .rota-dashboard{ display:grid; grid-template-columns:minmax(0,1fr); height:auto; }
  body.rota-dashboard-ui .rota-dashboard-column,
  body.rota-dashboard-ui .rota-identity-panel{ display:block; height:auto; overflow:visible; }
  body.rota-dashboard-ui #page-principal .diagram-section{ overflow:visible; }
  body.rota-dashboard-ui .rota-brand-rail{ display:none; }
}