.widget-showcase--dashboard .catalog-visual,.widget-showcase--docs .catalog-visual{min-height:410px}

/* Dashboard */
.dashboard-showcase{position:relative;z-index:2;display:grid;gap:12px;color:#fff}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dashboard-metric{padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.05)}
.dashboard-metric small,.dashboard-metric span{display:block;color:#8894b0;font-size:7px;font-weight:750}.dashboard-metric small{text-transform:uppercase;letter-spacing:.08em}.dashboard-metric strong{display:block;margin:6px 0 3px;font-size:16px;line-height:1}.dashboard-metric--accent{border-color:rgba(255,138,72,.32);background:linear-gradient(145deg,rgba(255,138,72,.14),rgba(111,85,255,.08))}.dashboard-metric--accent strong{color:#ff9b61}
.dashboard-showcase__body{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:10px;min-height:250px}
.dashboard-chart,.dashboard-signal{border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.045)}
.dashboard-chart{padding:13px 14px 12px}.dashboard-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#8d99b5;font-size:8px}.dashboard-panel-head b{color:#d7deed;font-size:9px}
.dashboard-chart__plot{position:relative;height:186px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;margin-top:18px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.09);background:repeating-linear-gradient(to top,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 46px)}
.dashboard-target{position:absolute;z-index:2;left:0;right:0;top:24px;border-top:1px dashed rgba(255,138,72,.55)}.dashboard-target span{position:absolute;right:0;top:-13px;color:#ff9a60;font-size:7px;font-weight:800;text-transform:uppercase}
.dashboard-bar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.dashboard-bar i{display:block;width:100%;max-width:38px;height:var(--bar);min-height:35px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7567ff,#4d5fca);box-shadow:0 10px 22px rgba(54,47,150,.22)}.dashboard-bar small{position:absolute;bottom:7px;color:#7f8aa5;font-size:7px}.dashboard-bar--current i{background:linear-gradient(180deg,#ff9b61,#f06f38);box-shadow:0 10px 24px rgba(240,111,56,.2)}
.dashboard-signal{padding:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.dashboard-signal__ring{width:94px;height:94px;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle at center,#111a3b 58%,transparent 59%),conic-gradient(#ff8a48 0 88%,rgba(255,255,255,.09) 88% 100%);box-shadow:0 0 0 8px rgba(255,255,255,.025)}.dashboard-signal__ring strong{font-size:20px}.dashboard-signal__ring span{color:#8c98b4;font-size:7px}.dashboard-signal__copy{margin-top:15px}.dashboard-signal__copy small{display:block;color:#7f8ba8;font-size:7px;text-transform:uppercase;letter-spacing:.07em}.dashboard-signal__copy b{display:block;margin:5px 0;color:#ff9a60;font-size:12px}.dashboard-signal__copy p{margin:0;color:#a4aec5;font-size:8px;line-height:1.4}
.dashboard-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:4px;align-items:stretch;margin-top:24px}.dashboard-flow__step{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045)}.dashboard-flow__step>span{color:#ff8a48;font-size:9px;font-weight:900}.dashboard-flow__step b{display:block;margin-top:16px;font-size:13px}.dashboard-flow__step p{margin:7px 0 0;color:#98a3bd;font-size:9px;line-height:1.5}.dashboard-flow__step--accent{border-color:rgba(255,138,72,.34);background:linear-gradient(145deg,rgba(255,138,72,.13),rgba(111,85,255,.08))}.dashboard-flow__arrow{display:grid;place-items:center;color:#56637f;font-size:15px}.dashboard-source-tags{display:flex;gap:4px;margin-top:11px}.dashboard-source-tags i{font-style:normal;padding:4px 5px;border-radius:5px;background:rgba(255,255,255,.07);color:#b6c0d4;font-size:7px;font-weight:800}

/* Documents */
.docs-showcase{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) 42px minmax(0,1.08fr) 42px minmax(0,.8fr);gap:8px;align-items:stretch;color:#fff;min-height:330px}
.docs-source,.docs-output,.docs-template{border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.045)}.docs-source,.docs-output{padding:13px}.docs-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.docs-card-head span{color:#8b97b2;font-size:8px}.docs-card-head b{font-size:8px;color:#d7deed}
.docs-source dl{display:grid;gap:9px;margin:13px 0 0}.docs-source dl div{display:grid;gap:2px}.docs-source dt{color:#737f9b;font-size:7px}.docs-source dd{margin:0;color:#d8deeb;font-size:9px;font-weight:750;line-height:1.25}
.docs-arrow{display:grid;place-content:center;text-align:center;color:#ff8a48}.docs-arrow span{font-size:18px}.docs-arrow small{margin-top:3px;color:#69758e;font-size:6px;transform:rotate(-90deg)}
.docs-template{padding:12px;background:rgba(255,255,255,.025)}.docs-paper{height:100%;min-height:285px;padding:16px;border-radius:9px;background:#f7f8fb;color:#1c2637;box-shadow:0 18px 35px rgba(0,0,0,.2)}.docs-paper__brand{color:#9aa3b1;font-size:6px;font-weight:900;letter-spacing:.12em}.docs-paper>strong{display:block;margin-top:18px;font-size:12px}.docs-paper>p{margin:9px 0 14px;color:#667082;font-size:8px}.docs-paper mark{padding:1px 3px;border-radius:3px;background:#fff0e7;color:#c95820}.docs-paper__line{height:1px;background:#dfe3ea}.docs-paper__row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #e6e9ef;font-size:8px}.docs-paper__row span{color:#747d8b}.docs-paper__row b{font-size:8px}.docs-paper__sign{margin-top:17px;padding:7px;border-radius:5px;background:#edf0f6;color:#798391;font-size:6px;text-align:center}
.docs-output{display:flex;flex-direction:column}.docs-file{display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:center;margin-top:9px;padding:8px;border-radius:9px;background:rgba(255,255,255,.055)}.docs-file i{display:grid;place-items:center;height:28px;border-radius:7px;background:rgba(111,128,255,.16);color:#9faaff;font-size:6px;font-style:normal;font-weight:900}.docs-file--pdf i{background:rgba(255,92,76,.13);color:#ff8579}.docs-file span{min-width:0;color:#c6cede;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-status{display:flex;gap:7px;align-items:center;margin-top:auto;padding-top:12px;color:#9edacb;font-size:8px}.docs-status span{width:7px;height:7px;border-radius:50%;background:#20bfa4;box-shadow:0 0 0 4px rgba(32,191,164,.1)}
.docs-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:24px}.docs-flow__step{position:relative;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045)}.docs-flow__step:not(:last-child)::after{content:"";position:absolute;right:-10px;top:50%;width:10px;border-top:1px dashed #58647f}.docs-flow__step>span{color:#ff8a48;font-size:9px;font-weight:900}.docs-flow__step b{display:block;margin-top:16px;font-size:12px}.docs-flow__step p{margin:7px 0 0;color:#98a3bd;font-size:9px;line-height:1.5}.docs-flow__step--accent{border-color:rgba(255,138,72,.34);background:linear-gradient(145deg,rgba(255,138,72,.13),rgba(111,85,255,.08))}

@media(max-width:820px){
  .dashboard-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-showcase__body{grid-template-columns:minmax(0,1fr) 145px}.dashboard-flow{grid-template-columns:1fr 1fr;gap:9px}.dashboard-flow__arrow{display:none}
  .docs-showcase{grid-template-columns:1fr 32px 1.1fr 32px .85fr}.docs-flow{grid-template-columns:1fr 1fr}.docs-flow__step:not(:last-child)::after{display:none}
}
@media(max-width:640px){
  .widget-showcase--dashboard .catalog-visual{min-height:660px}.widget-showcase--docs .catalog-visual{min-height:700px}
  .dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-showcase__body{grid-template-columns:1fr}.dashboard-chart__plot{height:175px}.dashboard-signal{min-height:155px;display:grid;grid-template-columns:94px 1fr;gap:14px;text-align:left}.dashboard-signal__copy{margin-top:0}.dashboard-flow{grid-template-columns:1fr}
  .docs-showcase{grid-template-columns:1fr;min-height:0}.docs-arrow{display:none}.docs-source{padding:12px}.docs-source dl{grid-template-columns:1fr 1fr}.docs-template{padding:9px}.docs-paper{min-height:190px}.docs-output{min-height:155px}.docs-status{margin-top:10px}.docs-flow{grid-template-columns:1fr}
}