/* Post-reference usability pass: the decor lives ONLY in space left after navigation. */
:root{--report-rule:#EAE2D5;--report-gold:#A27B42}
html{scroll-padding-top:86px}
.sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.sidebar::after{display:none!important}
.sidebar-top{flex:0 0 auto}
.sidebar>.side-nav{flex:0 0 auto;position:relative;z-index:3;min-width:0}
.sidebar .side-nav button,.sidebar .side-nav a.nav-help-link{
 min-height:46px;padding:8px 16px;flex:0 0 auto
}
.sidebar>.nav-caption-second{flex:0 0 auto;margin:10px 0 6px;padding:15px 19px 0}
.sidebar>.nav-caption-second+.side-nav button,
.sidebar>.nav-caption-second+.side-nav a.nav-help-link{min-height:43px}
.sidebar-luxe-art{
 position:relative;inset:auto;left:auto;right:auto;bottom:auto;
 flex:1 1 0;min-height:0;max-height:none;
 display:block;width:calc(100% + 48px);height:auto;
 margin:0 -24px;overflow:hidden;
 pointer-events:none;z-index:1;background:transparent
}
.sidebar-luxe-art::before{
 content:"";position:absolute;inset:0;
 background-repeat:no-repeat;
 background-position:center,center,left bottom;
 background-size:100% 100%,100% 100%,auto 107%;
 opacity:.95;pointer-events:none
}
.sidebar-luxe-mark,.sidebar-luxe-caption{
 z-index:2;right:17px;
 text-shadow:0 2px 8px rgba(0,0,0,.56)
}
.sidebar-luxe-mark{bottom:80px}
.sidebar-luxe-caption{bottom:30px}
.sidebar-bottom{
 position:relative;flex:0 0 auto;z-index:5;
 margin:0;min-height:50px;
 padding:9px 0 0;background:#152319;
 border-top:1px solid rgba(220,188,135,.32);
 display:flex;flex-direction:column;align-items:stretch;justify-content:center
}
.sidebar-bottom button{
 align-self:stretch;min-height:34px;max-height:40px;
 font-size:11px;padding:7px 12px;display:flex;justify-content:space-between;
 color:#F3E5C9;border:1px solid rgba(215,182,119,.45);
 background:linear-gradient(120deg,rgba(237,204,150,.07),rgba(18,29,21,.33))
}
.sidebar>.workspace-chip{pointer-events:none}
@media (max-height:820px) and (min-width:931px){
 .sidebar{padding:13px 20px 10px}
 .sidebar-top{margin:0 0 10px 17px}
 .sidebar-brand{font-size:34px;letter-spacing:5px}
 .sidebar-caption{font-size:8px;margin-top:8px}
 .sidebar .side-nav button,.sidebar .side-nav a.nav-help-link{
  min-height:40px;padding:6px 15px;font-size:13px
 }
 .sidebar>.nav-caption-second{margin:7px 0 4px;padding:11px 17px 0;font-size:9px}
 .sidebar>.nav-caption-second+.side-nav button,
 .sidebar>.nav-caption-second+.side-nav a.nav-help-link{min-height:39px}
 .sidebar-luxe-art{width:calc(100% + 40px);margin-inline:-20px}
 .sidebar-luxe-art::before{opacity:.72;background-size:100% 100%,100% 100%,auto 150%}
 .sidebar-luxe-mark,.sidebar-luxe-caption{display:none}
 .sidebar-bottom{min-height:42px;padding-top:6px}
 .sidebar-bottom button{min-height:33px}
}
@media (max-height:620px) and (min-width:931px){
 .sidebar{overflow-y:auto;overscroll-behavior:contain}
 .sidebar-luxe-art{display:none}
 .sidebar-bottom{margin-top:12px}
}
@media (max-width:1250px) and (min-width:931px){
 .sidebar-luxe-art{width:calc(100% + 38px);margin-inline:-19px}
}
@media(max-width:930px){
 .sidebar{overflow-y:auto;overscroll-behavior:contain;max-height:100dvh}
 .sidebar-luxe-art{flex:0 0 160px;max-height:160px;min-height:0;
  width:calc(100% + 48px);margin:12px -24px 0}
 .sidebar-luxe-mark{font-size:19px;bottom:48px}
 .sidebar-luxe-caption{font-size:8px;bottom:14px}
 .sidebar-bottom{min-height:48px}
}
@media (max-width:930px) and (max-height:730px){
 .sidebar-luxe-art{display:none}
}
/* Information dashboard: dense but breathable and legible. Metrics are live, not demo values. */
#view-informes{min-height:calc(100vh - 130px);padding-top:27px;scroll-margin-top:85px}
#view-informes .list-head{
 position:sticky;top:70px;z-index:12;min-height:118px;
 display:flex;align-items:center;gap:24px;
 padding:12px 0 15px;margin:0 0 20px;
 background:linear-gradient(#FFFCF8 87%,rgba(255,252,248,.96));
 border-bottom:1px solid #ECE4D9
}
#view-informes .list-head>div{min-width:0;flex:1}
#view-informes .list-head .eyebrow{font-size:10px}
#view-informes .list-head h1{
 margin:5px 0 2px;
 font:600 clamp(39px,3.2vw,53px)/1.09 var(--serif);
 letter-spacing:-.5px
}
#view-informes .list-head p{margin:2px 0 0;line-height:1.4;font-size:12px}
#view-informes .list-head select{
 flex:0 0 clamp(195px,29%,320px);height:46px;
 background:#FFFEFC;border:1px solid #DCD2C0;border-radius:7px;
 padding:10px 14px;font:600 12px var(--font);cursor:pointer;
}
#view-informes .report-grid{
 display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
 gap:16px;margin:0
}
#view-informes .report-panel{
 min-width:0;margin:0;padding:22px 24px;
 border:1px solid #E5DCD0;border-radius:10px;background:#FFFEFC;
 box-shadow:0 5px 16px rgba(42,42,27,.039)
}
#view-informes .report-panel.report-kpi{grid-column:span 4;min-height:139px}
#view-informes .report-panel.report-kpi.report-primary{
 background:linear-gradient(117deg,#22392A,#15291D);
 border-color:#A99268;color:#FFFAF1
}
#view-informes .report-kpi .report-value-label{
 color:#886943;letter-spacing:1.7px;font:700 10px/1.5 var(--font)
}
#view-informes .report-primary .report-value-label{color:#E2C58C}
#view-informes .report-kpi .report-value{
 font:600 clamp(38px,3.5vw,54px)/1.05 var(--serif);
 margin-top:10px;letter-spacing:-.4px;color:#22372A
}
#view-informes .report-primary .report-value{color:#FFFAF1}
#view-informes .report-note{
 color:#7B806F;margin:7px 0 0;min-height:16px;
 font:400 11px/1.45 var(--font)
}
#view-informes .report-primary .report-note{color:#C3D0BB}
#view-informes .report-panel.report-range{
 grid-column:span 5;display:flex;flex-direction:column;justify-content:center;
 min-height:106px;background:#F8F4EB
}
#view-informes .report-range .report-value{
 font:500 clamp(23px,2.3vw,33px)/1.18 var(--serif);
 overflow-wrap:anywhere;margin-top:9px;letter-spacing:0
}
#view-informes .report-panel.report-money{grid-column:span 7;min-height:142px}
#view-informes .report-panel.report-status{grid-column:span 7}
#view-informes .report-panel.report-money.report-payments{grid-column:span 5}
#view-informes .report-panel h2{
 margin:0 0 11px;font:600 30px/1.13 var(--serif);
 letter-spacing:-.3px;color:#1F2F25
}
#view-informes .report-panel .service-line{
 display:flex;justify-content:space-between;align-items:baseline;gap:14px;
 margin:0;padding:12px 0;border-top:1px solid #EDE6DB;
 font:500 13px/1.5 var(--font)
}
#view-informes .report-panel .service-line strong{
 color:#2C4335;font-weight:700;white-space:nowrap;
 font-variant-numeric:tabular-nums
}
#view-informes .report-empty{padding:8px 0 0;font:400 12px/1.6 var(--font);color:#8E8272}
#view-informes .report-caption{font:400 11px/1.5 var(--font);color:#7C7468;margin:0 0 9px}
#view-informes .report-status-row{
 display:grid;grid-template-columns:120px minmax(0,1fr) 28px;
 align-items:center;gap:11px;margin:13px 0;
 font:500 12px/1.35 var(--font);color:#526054
}
#view-informes .report-status-row:last-child{margin-bottom:0}
#view-informes .report-status-row strong{
 font-variant-numeric:tabular-nums;text-align:right;color:#26392C;font-size:12px
}
#view-informes .report-track{
 width:100%;height:9px;background:#F1ECE2;border-radius:99px;overflow:hidden
}
#view-informes .report-fill{
 display:block;width:var(--status-width,0%);height:100%;
 border-radius:99px;background:#C5A263
}
#view-informes .report-fill.status-in-progress{background:#5883AA}
#view-informes .report-fill.status-ready{background:#6B946E}
#view-informes .report-fill.status-issued{background:#316746}
#view-informes .report-fill.status-cancelled{background:#B98576}
#view-informes .report-comparison{display:inline-flex;gap:6px;align-items:baseline;flex-wrap:wrap}
#view-informes .report-comparison strong{font-weight:700;color:inherit}
#view-informes .report-comparison .delta-up{color:#318045}
#view-informes .report-comparison .delta-down{color:#94604D}
@media(max-width:1090px){
 #view-informes .report-panel.report-kpi{grid-column:span 6}
 #view-informes .report-panel.report-kpi.report-last{grid-column:span 12}
 #view-informes .report-panel.report-range,#view-informes .report-panel.report-money,
 #view-informes .report-panel.report-status{grid-column:span 12}
 #view-informes .report-panel.report-money.report-payments{grid-column:span 12}
}
@media(max-width:650px){
 #view-informes{padding-top:14px}
 #view-informes .list-head{top:68px;display:grid;gap:9px;min-height:0;padding:9px 0}
 #view-informes .list-head h1{font-size:40px}
 #view-informes .list-head p{display:none}
 #view-informes .list-head select{width:100%;height:42px}
 #view-informes .report-grid{gap:11px}
 #view-informes .report-panel{padding:19px}
 #view-informes .report-panel.report-kpi{grid-column:span 6;min-height:137px}
 #view-informes .report-panel.report-kpi.report-last{grid-column:span 12}
 #view-informes .report-kpi .report-value{font-size:42px}
 #view-informes .report-panel.report-range,
 #view-informes .report-panel.report-money,
 #view-informes .report-panel.report-status{grid-column:span 12}
 #view-informes .report-panel.report-status .report-status-row{grid-template-columns:96px minmax(0,1fr) 27px}
}
@media(prefers-reduced-motion:reduce){
 .sidebar .side-nav button,#view-informes .report-panel{transition:none!important}
}