.jo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;font-family:var(--font-jakarta),"Plus Jakarta Sans",sans-serif}.jo-kpi{display:grid;align-content:start;gap:6px;min-width:0;padding:18px 20px;border:1px solid var(--ws-line,#e6ecf0);border-radius:18px;background:#fff;box-shadow:0 1px 2px #071b2e08}html .dashboard-reference-shell .jo-kpi header{display:flex;align-items:center;gap:10px;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none}.jo-kpi header p{margin:0;color:var(--ws-ink,#071b2e);font-size:15px;font-weight:500}.jo-kpi-icon{display:inline-grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--ws-soft,#e2f8f7);color:var(--ws-primary,#0f7f81)}.jo-kpi>strong{margin-top:8px;color:var(--ws-ink,#071b2e);font-size:30px;font-weight:500;letter-spacing:-.02em;line-height:1.1}.jo-kpi small{color:var(--ws-muted,#5c6b7a);font-size:12.5px;line-height:1.45}.jo-kpi small.is-warning{color:#b4560d}.jo-kpi-fill{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.jo-kpi-fill>div{display:grid;gap:6px}.jo-ring{position:relative;display:grid;width:84px;height:84px;place-items:center;border-radius:50%}.jo-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.jo-ring>span{position:relative;color:var(--ws-ink,#071b2e);font-size:18px;font-weight:600}.jo-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.jo-tabs{display:inline-flex;gap:2px;padding:4px;border-radius:14px;background:#fff;box-shadow:0 1px 2px #071b2e0a}.jo-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--ws-ink,#071b2e);font-size:14px;font-weight:500;cursor:pointer}.jo-tabs button span{display:inline-grid;min-width:22px;height:20px;place-items:center;padding:0 6px;border-radius:999px;background:var(--ws-faint,#f4f8f8);color:var(--ws-muted,#5c6b7a);font-size:12px}.jo-tabs button:hover{color:var(--ws-primary,#0f7f81)}.jo-tabs button.active{background:var(--ws-primary,#0f7f81);color:#fff}.jo-tabs button.active span{background:#ffffff2e;color:#fff}.jo-tabs button:focus-visible{outline:2px solid var(--ws-primary,#0f7f81);outline-offset:2px}.jo-search{display:flex;align-items:center;gap:8px;flex:0 1 380px;min-width:220px;height:46px;padding:0 14px;border-radius:14px;background:#fff;box-shadow:0 1px 2px #071b2e0a;color:var(--ws-muted,#5c6b7a)}.jo-search:focus-within{outline:2px solid var(--ws-primary,#0f7f81);outline-offset:2px}html .dashboard-reference-shell .jo-search input{flex:1;min-width:0;height:auto;padding:0;border:0;background:transparent;box-shadow:none;color:var(--ws-ink,#071b2e);font-size:14px;outline:none}.jo-search button{display:inline-grid;width:26px;height:26px;place-items:center;border:0;border-radius:50%;background:var(--ws-faint,#f4f8f8);color:var(--ws-muted,#5c6b7a);cursor:pointer}html .dashboard-reference-shell .jo-grid.jo-grid-graphic{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}html .dashboard-reference-shell .jo-grid-graphic .jo-card{gap:12px;padding:10px 10px 16px;border:0;border-radius:20px;background:#fff}html .dashboard-reference-shell .jo-grid-graphic .jo-card:before{display:none}html .dashboard-reference-shell .jo-grid-graphic .jo-card:hover{transform:translateY(-3px)}.jo-grid-graphic .jo-card-open{gap:0}.jo-grid-graphic .jo-card-docs,.jo-grid-graphic .jo-card-files{margin-inline:8px}.jo-art{--art-glow:var(--ws-brand,#15c8bd);--art-from:var(--ws-primary-deep,#0b5f61);position:relative;display:block;height:138px;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--art-glow) 55%,transparent),transparent 48%),linear-gradient(150deg,var(--art-from),#071b2e 80%);color:#fff}.jo-art.tone-draft{--art-glow:#f2b84b;--art-from:#5c4413}.jo-art.tone-filled{--art-glow:#4fd18b;--art-from:#0f5a37}.jo-art.tone-closed{--art-glow:#9aa8b4;--art-from:#3b4855}.jo-art-globe{position:absolute;right:-46px;bottom:-70px;width:200px;height:200px;border:1px solid #ffffff33;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 22px,#ffffff1f 23px 24px),repeating-linear-gradient(90deg,transparent 0 30px,#ffffff1a 31px 32px)}.jo-art-place{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 110px);overflow:hidden;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.jo-art-status{top:12px;right:12px;padding:4px 10px;border-radius:999px;background:#ffffff26;color:#fff;font-weight:600;text-transform:capitalize}.jo-art-foot,.jo-art-status{position:absolute;font-size:12px;backdrop-filter:blur(6px)}.jo-art-foot{right:10px;bottom:10px;left:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:10px;background:#071b2e8c;font-weight:500}.jo-art-foot code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.02em}.jo-art-foot>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.jo-art-foot i{width:8px;height:8px;border-radius:50%;background:var(--art-glow);box-shadow:0 0 0 3px color-mix(in srgb,var(--art-glow) 35%,transparent)}.jo-card-body{display:grid;gap:10px;padding:14px 8px 0}html .dashboard-reference-shell .jo-grid-graphic .jo-card-title{margin:0;font-size:18px;font-weight:500;line-height:1.3}.jo-grid-graphic .jo-card-principal{margin-top:-4px}.jo-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jo-card-stats div{padding:9px 10px;border:1px solid var(--ws-line,#e6ecf0);border-radius:12px}.jo-card-stats strong{display:block;color:var(--ws-ink,#071b2e);font-size:16px;font-weight:500}.jo-card-stats small{color:var(--ws-muted,#5c6b7a);font-size:12px}.jo-fill{display:flex;align-items:center;gap:10px}.jo-fill-bar{display:flex;flex:1;height:12px;overflow:hidden;border-radius:999px}.jo-fill-bar .done{height:100%;border-radius:999px 0 0 999px;background:linear-gradient(90deg,var(--ws-brand,#15c8bd),var(--ws-primary,#0f7f81))}.jo-fill-bar .rest{flex:1;height:100%;background:repeating-linear-gradient(-45deg,#eef2f5 0 5px,#e1e8ed 5px 7px)}.jo-fill>span{flex:0 0 auto;color:var(--ws-ink,#071b2e);font-size:13px;font-weight:500}.jo-card-dates{display:flex;flex-wrap:wrap;gap:6px 14px}.jo-card-dates span{display:inline-flex;align-items:center;gap:6px;color:var(--ws-muted,#5c6b7a);font-size:12.5px}.jo-card-dates span.is-warning{padding:2px 8px;border-radius:999px;background:#fff1e3;color:#b4560d;font-weight:600}.jo-position-list{display:grid;gap:7px;margin:2px 0 0;padding:12px 0 0;border-top:1px solid var(--ws-line,#e6ecf0);list-style:none}.jo-position-list li{display:grid;grid-template-columns:minmax(0,1fr) 70px auto;align-items:center;gap:10px;color:var(--ws-ink,#071b2e);font-size:13px}.jo-position-list li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jo-position-list li>i{position:relative;height:6px;overflow:hidden;border-radius:999px;background:#e9eef2}.jo-position-list li>i:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill);border-radius:999px;background:var(--ws-primary,#0f7f81)}.jo-position-list li>small{min-width:42px;color:var(--ws-muted,#5c6b7a);font-size:12px;text-align:right}.jo-position-list li.more{display:block;color:var(--ws-muted,#5c6b7a);font-size:12.5px}.jo-filter-empty{padding:36px 20px;border-radius:18px;background:#fff;color:var(--ws-muted,#5c6b7a);text-align:center}.jo-filter-empty strong{display:block;margin-bottom:4px;color:var(--ws-ink,#071b2e);font-size:15px}@media (max-width:1180px){.jo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.jo-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jo-kpi{padding:14px}html .dashboard-reference-shell .jo-kpi header{gap:8px;padding-inline:0!important}.jo-kpi header p{font-size:13px;line-height:1.3}.jo-kpi-icon{width:30px;height:30px}.jo-kpi>strong{margin-top:4px;font-size:24px}.jo-kpi small{font-size:12px}.jo-kpi-fill{grid-template-columns:minmax(0,1fr);justify-items:start;gap:8px}.jo-kpi-fill small{display:none}.jo-ring{width:64px;height:64px}.jo-ring:before{inset:7px}.jo-ring>span{font-size:15px}.jo-toolbar{flex-direction:column;align-items:stretch}.jo-tabs{overflow-x:auto}.jo-tabs button{flex:1 0 auto;justify-content:center;padding:0 10px}.jo-search{flex-basis:auto;min-width:0}html .dashboard-reference-shell .jo-grid.jo-grid-graphic{grid-template-columns:minmax(0,1fr)}}