.demo-scope{--sidebar-width:56px;--app-body-height:540px}.connector-svg{pointer-events:none;z-index:10;position:absolute;inset:0}#row-actions-dropdown-inner.detached{box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #38bdf840,inset 0 0 0 1px #ffffff0d}#row-actions-dropdown-inner.glow-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--gradient-angle,0deg), #0ea5e9, #6366f1, #8b5cf6, #38bdf8, #0ea5e9);-webkit-mask-composite:xor;pointer-events:none;z-index:9;padding:2px;animation:4s linear infinite rotate-gradient;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.extracted.detached{box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #38bdf840,inset 0 0 0 1px #ffffff0d}.extracted.glow-border:before,.sheet-panel.glow-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--gradient-angle,0deg), #0ea5e9, #6366f1, #8b5cf6, #38bdf8, #0ea5e9);-webkit-mask-composite:xor;pointer-events:none;z-index:9;padding:2px;animation:4s linear infinite rotate-gradient;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sheet-right{background:var(--pb-sidebar);border:1px solid var(--pb-sidebar-border);opacity:0;z-index:8;will-change:transform, opacity, left, top;border-radius:12px;position:absolute;box-shadow:0 25px 60px -15px #0006,0 0 0 1px #38bdf826}.sheet-right.detached{box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #38bdf833,inset -4px 0 8px -4px #0000001a}@keyframes rotate-gradient{to{--gradient-angle:360deg}}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}#screen-mock-a,#screen-mock-b{transition:opacity .1s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#screen-mock-b{opacity:0;pointer-events:none}#claim-2,#claim-3{text-align:left;width:380px;max-width:380px;top:calc(50% + 150px);left:calc(8% - 50px);right:auto}#claim-final{top:78%}.btn-badge.error-badge{color:#fff;background:#ef4444}.row-action-dropdown{background:var(--pb-bg);border:1px solid var(--pb-border);border-radius:8px;flex-direction:column;gap:.125rem;padding:.25rem;display:flex;box-shadow:0 10px 30px #0003}.row-action-item{color:var(--pb-fg);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.4375rem .625rem;font-size:.75rem;transition:background .15s;display:flex}.row-action-item:hover{background:#94a3b81a}.row-action-item.highlighted{color:var(--pb-primary);background:#0ea5e926;border:1px solid #0ea5e94d;font-weight:600}.row-action-item.danger{color:var(--pb-destructive)}.row-action-item.danger:hover{background:#ef44441a}.sheet-header{border-bottom:1px solid var(--pb-sidebar-border);background:var(--pb-sidebar-accent);border-radius:12px 12px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.sheet-header-title{color:var(--pb-sidebar-fg);font-size:.8125rem;font-weight:600}.sheet-header-actions{align-items:center;gap:.25rem;display:flex}.sheet-header-btn{width:28px;height:28px;color:var(--pb-primary);cursor:pointer;background:#0284c71a;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.sheet-header-btn:hover{background:#0284c733}.sheet-header-btn.close{color:var(--pb-sidebar-muted);background:0 0}.sheet-header-btn.close:hover{background:var(--pb-sidebar-accent)}.sheet-header-btn svg{width:16px;height:16px}.sheet-body{border-radius:0 0 12px 12px;flex:1;padding:.5rem;overflow:auto}.timeline{flex-direction:column;display:flex;position:relative}.timeline:before{content:"";background:var(--pb-sidebar-border);width:1px;position:absolute;top:0;bottom:0;left:11.5px}.timeline-entry{align-items:flex-start;padding-bottom:1.5rem;display:flex}.timeline-entry:last-child{padding-bottom:0}.timeline-separator{z-index:10;border:1px solid var(--pb-sidebar-border);background:var(--pb-sidebar);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.timeline-content{flex-direction:column;flex:1;gap:.25rem;margin-left:1rem;padding-top:.125rem;display:flex}.timeline-badge-row{align-items:center;gap:.5rem;display:flex}.timeline-date{color:var(--pb-sidebar-muted);margin-bottom:.125rem;font-size:.6875rem}.timeline-title{letter-spacing:-.01em;font-size:.8125rem;font-weight:600;line-height:1}.timeline-title.create{color:#22c55e}.timeline-title.update{color:#0ea5e9}.timeline-title.delete{color:#ef4444}.timeline-title.restore{color:#f59e0b}.timeline-details-btn{height:24px;color:var(--pb-sidebar-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.25rem;margin-top:.25rem;padding:0 .5rem;font-size:.6875rem;transition:color .15s,background .15s;display:inline-flex}.timeline-details-btn:hover{color:var(--pb-sidebar-fg);background:var(--pb-sidebar-accent)}.timeline-details-btn .chevron{transition:transform .2s}.timeline-details-btn.expanded .chevron{transform:rotate(180deg)}.version-badge{white-space:nowrap;border:1px solid;border-radius:9999px;align-items:center;padding:.0625rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.diff-list{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.diff-row{border:1px solid var(--pb-sidebar-border);background:#94a3b814;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.diff-field{color:var(--pb-sidebar-fg);font-size:.6875rem;font-weight:700}.diff-op{color:var(--pb-primary);font-size:.6875rem}.diff-old{color:var(--pb-sidebar-muted);font-size:.6875rem;font-style:italic}.diff-new{color:var(--pb-sidebar-fg);font-size:.6875rem;font-style:italic}.action-icons-grid{background:var(--pb-bg);border:1px solid var(--pb-border);border-radius:12px;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;display:grid;box-shadow:0 25px 50px -12px #00000040}.action-icon-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.action-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.action-icon-circle.create{color:#22c55e;background:#22c55e26}.action-icon-circle.update{color:#3b82f6;background:#3b82f626}.action-icon-circle.delete{color:#ef4444;background:#ef444426}.action-icon-circle.restore{color:#f59e0b;background:#f59e0b26}.action-icon-label{color:var(--pb-fg);font-size:.75rem;font-weight:500}.field-diff-card{background:var(--pb-bg);border:1px solid var(--pb-border);border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.field-diff-header{border-bottom:1px solid var(--pb-border);background:#3b82f60d;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.field-diff-body{flex-direction:column;gap:.75rem;padding:.75rem 1rem;display:flex}.field-diff-row{flex-direction:column;gap:.25rem;display:flex}.field-diff-name{color:var(--pb-muted-fg);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.field-diff-change{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.field-diff-old{color:var(--pb-muted-fg);text-decoration:line-through}.field-diff-arrow{color:var(--pb-primary);font-weight:600}.field-diff-new{color:var(--pb-fg);font-weight:500}.error-cards{flex-direction:column;gap:.5rem;display:flex}.error-card{border:1px solid;border-radius:8px;display:flex;overflow:hidden}.error-card-indicator{flex-shrink:0;width:4px}.error-card-body{flex-direction:column;flex:1;gap:.125rem;padding:.625rem .75rem;display:flex}.error-card-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.error-card-scope{color:var(--pb-fg);font-size:.75rem;font-weight:600}.error-card-message{color:var(--pb-muted-fg);font-size:.6875rem}.error-card-time{color:var(--pb-muted-fg);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.625rem;display:flex}.error-card.critical{background:#ef44441a;border-color:#ef44444d}.error-card.critical .error-card-indicator{background:#dc2626}.error-card.critical .error-card-label{color:#dc2626}.error-card.high{background:#ef44440d;border-color:#ef444433}.error-card.high .error-card-indicator{background:#ef4444}.error-card.high .error-card-label{color:#ef4444}.error-card.medium{background:#f59e0b0d;border-color:#f59e0b33}.error-card.medium .error-card-indicator{background:#f59e0b}.error-card.medium .error-card-label{color:#f59e0b}.error-card.low{background:#0ea5e90d;border-color:#0ea5e933}.error-card.low .error-card-indicator{background:#0ea5e9}.error-card.low .error-card-label{color:#0ea5e9}.impact-cards-grid{background:var(--pb-bg);border:1px solid var(--pb-border);border-radius:12px;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid;box-shadow:0 25px 50px -12px #00000040}.impact-card{border:1px solid;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.impact-card-indicator{width:4px;position:absolute;top:0;bottom:0;left:0}.impact-card-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.impact-card-label{text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem;font-weight:700}.impact-card.critical{background:#ef44441a;border-color:#ef44444d}.impact-card.critical .impact-card-indicator{background:#dc2626}.impact-card.critical .impact-card-icon{color:#dc2626;background:#dc262626}.impact-card.critical .impact-card-label{color:#dc2626}.impact-card.high{background:#ef44440d;border-color:#ef444433}.impact-card.high .impact-card-indicator{background:#ef4444}.impact-card.high .impact-card-icon{color:#ef4444;background:#ef44441a}.impact-card.high .impact-card-label{color:#ef4444}.impact-card.medium{background:#f59e0b0d;border-color:#f59e0b33}.impact-card.medium .impact-card-indicator{background:#f59e0b}.impact-card.medium .impact-card-icon{color:#f59e0b;background:#f59e0b1a}.impact-card.medium .impact-card-label{color:#f59e0b}.impact-card.low{background:#0ea5e90d;border-color:#0ea5e933}.impact-card.low .impact-card-indicator{background:#0ea5e9}.impact-card.low .impact-card-icon{color:#0ea5e9;background:#0ea5e91a}.impact-card.low .impact-card-label{color:#0ea5e9}