/* SIGUE360 V6.9.22 · navegación coherente, bandeja con lectura, caja separada de finanzas */
.app .topline{
  box-sizing:border-box!important;
  width:100%!important;
  padding:14px 16px 12px clamp(255px,18vw,320px)!important;
  min-height:118px!important;
  height:auto!important;
  display:flex!important;align-items:flex-start!important;gap:12px!important;
  flex:0 0 auto!important;z-index:41!important;
}
.app .topline .titleblock{padding:4px 0 0!important;max-width:280px!important;min-width:0!important;flex:0 1 260px!important}
.app .topline .top-actions{margin-left:auto!important;display:flex!important;justify-content:flex-end!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;max-width:100%!important}
.app .topline .top-actions>*{max-width:100%}
.app .topline .titleblock h1{font-size:20px!important;line-height:1.1!important}
.app .topline .titleblock p{font-size:10px!important;line-height:1.4!important}
#s622Notify{min-width:86px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#d7f5ff;background:#0b3553;border:1px solid #389cc4;border-radius:12px;padding:11px 12px;cursor:pointer;position:relative;font-weight:800}
#s622Notify.s622HasUnread{border-color:#3bd5f6;box-shadow:0 0 0 2px rgba(18,175,220,.13)}
#s622Notify .s622Number{background:#20bce0;color:#002234;border-radius:999px;padding:2px 7px;min-width:14px;text-align:center;font-size:11px}
#s622Notify.s622HasUnread:before{content:"";position:absolute;right:7px;top:5px;width:7px;height:7px;background:#20e8c4;border-radius:50%;box-shadow:0 0 9px #20e8c4}
.s622PageBar{display:flex;gap:12px;align-items:center;min-height:45px;margin:0 0 12px!important;padding:3px 0 10px!important;border-bottom:1px solid rgba(51,140,180,.20);position:relative;z-index:2}
.s622Back{border:1px solid #39aedd!important;background:linear-gradient(180deg,#145d84,#0c4163)!important;color:#fff!important;border-radius:9px!important;padding:10px 17px!important;font-weight:850!important;cursor:pointer!important;font-size:13px!important;box-shadow:0 5px 12px #0003}
.s622Back:hover,.s622Back:focus-visible{background:#167baa!important;outline:2px solid #4bd9ff!important;outline-offset:2px}
.s622PageLabel{font-weight:800;font-size:17px;color:#f4faff;line-height:1.25}
/* Respetar el contenido de cada módulo, pero conservar UN solo botón Volver. */
.s622LegacyBack{display:none!important}
/* Mensajes claramente distinguibles según lectura por persona. */
#c619QueryRoot .c619QueryItem{position:relative;text-align:left;transition:background .12s,border .12s;min-height:76px}
#c619QueryRoot .c619QueryItem.s622Unread{border-left:4px solid #38d8fd!important;background:linear-gradient(90deg,rgba(14,113,157,.30),rgba(8,31,51,.8))!important}
#c619QueryRoot .c619QueryItem.s622Unread b{font-weight:900;color:#fff!important}
#c619QueryRoot .c619QueryItem.s622Read{opacity:.82}
#c619QueryRoot .c619QueryItem.active{opacity:1;border-color:#43caff!important;background:rgba(9,79,117,.5)!important}
.s622Dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#20dcf6;box-shadow:0 0 9px #2bd3e8;vertical-align:middle}
.s622UnreadBadge{position:absolute;top:7px;right:9px;border:1px solid #24d9fc;color:#bbfaff;background:#07466a;padding:2px 7px;border-radius:999px;font-size:10px}
.s622SeenTag{position:absolute;top:7px;right:9px;color:#789bad;font-size:9px}
.s622Receipt{display:block!important;margin-top:7px!important;color:#8fc9e2!important;text-align:right;font-size:10px!important}
.s622Unreads{border:1px solid rgba(53,201,225,.35);background:rgba(10,95,136,.24);color:#b7f3ff;font-weight:750;font-size:11px;margin:5px 0 12px;padding:10px 13px;border-radius:9px}
.s622Details{display:flex;flex-direction:column;gap:5px;margin-top:13px;border-top:1px solid rgba(74,142,173,.26);padding-top:8px}
.s622Details>b{font-size:11px;padding:7px 0 3px;color:#dcf5ff}.s622Details>div{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:6px 0;border-bottom:1px solid rgba(62,122,157,.18)}.s622Details span{color:#a9c7d9}.s622Details strong{white-space:nowrap;font-weight:700}
.s622Signal{border:1px solid rgba(130,170,193,.3);border-radius:10px;display:flex;gap:12px;align-items:center;padding:13px;margin-bottom:13px;background:rgba(14,45,65,.5)}
.s622Signal .s622Light{width:17px;height:17px;flex:none;border-radius:50%;background:#c7a24c;box-shadow:0 0 0 5px rgba(199,162,76,.13)}
.s622Signal.rojo .s622Light{background:#ff6767;box-shadow:0 0 0 5px #fa5d5d24}.s622Signal.verde .s622Light{background:#36dba2;box-shadow:0 0 0 5px #36dba224}
.s622Signal b{display:block;font-size:12px;color:#f1f8ff}.s622Signal small{display:block;margin-top:5px;color:#bad0df;font-size:10px;line-height:1.45}
.s622Profit{margin-top:14px;padding-top:12px;border-top:1px solid #2f5975;display:flex;flex-direction:column;gap:7px}
.s622Profit h4{font-size:12px;margin:0 0 3px}.s622Profit>div{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #20435f;gap:12px}
.s622Profit>div span{font-size:11px}.s622Profit>div span small{display:block;color:#8aafc7;font-size:9px;margin-top:3px}.s622Profit>div strong{font-size:11px;color:#efce97;white-space:nowrap}.s622Profit>small{color:#99bdcf;font-size:10px;line-height:1.5}
/* Porcentaje físico: dos líneas dentro del disco; aro completo y número visible. */
.ownerDonut5887,.cleanWorkDonut58912{width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;isolation:isolate;overflow:visible!important}
.ownerDonut5887{background:conic-gradient(from -90deg,#21caeb 0 calc(clamp(0,var(--pct),100) * 1%),rgba(69,119,149,.38) 0 100%)!important}
.ownerDonut5887::after{inset:11px!important;z-index:-1!important;background:#092743!important}
.ownerDonut5887 b,.ownerDonut5887 small,.cleanWorkDonutText58912{z-index:2!important;position:relative!important;text-align:center!important}
.ownerDonut5887 b{font-size:28px!important;line-height:1.05!important}.ownerDonut5887 small{font-size:9px!important;line-height:1.35!important;color:#b1d5e7!important}
.cleanWorkDonutText58912{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}
.cleanWorkDonutText58912 span{font-size:8px!important;color:#b2d6e5!important}
@media(max-width:1350px){.app .topline{padding-left:260px!important;flex-wrap:wrap!important;min-height:145px!important}.app .topline .titleblock{flex:0 1 220px!important}.app .topline .top-actions{flex:1 1 600px!important}}
@media(max-width:760px){.app .topline{padding:12px 10px 12px 165px!important;min-height:160px!important}.app .topline .titleblock{display:none!important}.app .topline .top-actions{flex:1 1 100%!important}.s622PageLabel{font-size:15px}}

#c619PlanRoot .c619Head h2,#c619QueryRoot .c619Head h2{display:none!important}

.s622DemoNotice{border:1px solid #b18b48;border-radius:9px;background:rgba(105,69,16,.22);color:#f6d7a0;padding:9px 12px;font-size:11px;margin:0 0 12px;line-height:1.5}