.ng-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:28px 0}.ng-heading h1{font-family:inherit;font-size:36px;letter-spacing:-.03em;margin:8px 0}.ng-heading p{color:var(--muted);font-size:15px}.ng-total{font-size:38px;font-weight:700;text-align:right}.ng-total small{display:block;font-weight:400;font-size:13px;color:var(--muted)}.ng-workspace{--ng-line:#91a69c;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.ng-toolbar{display:flex;align-items:end;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.ng-toolbar>label{display:grid;gap:8px;font-size:13px;flex:1}.ng-toolbar input[type=search],.ng-toolbar select{width:100%;min-width:0;min-height:44px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.ng-toolbar .ng-peer-toggle{display:flex;align-items:center;flex:.9;min-height:44px}.ng-peer-toggle input{width:18px;height:18px;accent-color:var(--accent)}.ng-status{display:flex;justify-content:space-between;align-items:center;padding:0 24px;font-size:13px;color:var(--muted)}.ng-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px}.ng-visual{min-width:0}.ng-scroll{overflow:auto;background:radial-gradient(circle,var(--line) 1px,transparent 1px);background-size:22px 22px}.ng-canvas{position:relative;width:760px;height:540px;margin:auto}.ng-canvas svg{position:absolute;inset:0;width:100%;height:100%}.ng-node,.ng-center{position:absolute;transform:translate(-50%,-50%);width:190px;min-height:112px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);padding:14px;text-decoration:none;display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px 10px;align-items:center;text-align:left;font-family:inherit;box-shadow:0 4px 18px #10261b08;cursor:pointer}.ng-node .avatar{width:36px;height:36px;font-size:12px;grid-row:1/3}.ng-node strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}.ng-node small{font-size:11px;color:var(--muted);line-height:1.4}.ng-node.selected{border:2px solid var(--accent);box-shadow:0 0 0 4px #e35c4f1a}.ng-node:hover{border-color:var(--accent)}.ng-center{width:174px;grid-template-columns:1fr;text-align:center;background:#213e32;color:#fff;border-color:#213e32;min-height:146px;z-index:1}.ng-center strong{font-size:15px;line-height:1.35}.ng-center small{font-size:11px;color:#e2eae5}.ng-center-mark{font-size:22px;font-weight:700}.ng-inspector{border-left:1px solid var(--line);padding:24px;background:var(--surface)}.ng-inspector h2{font:700 23px/1.25 'Source Sans 3',sans-serif;letter-spacing:-.02em;margin:12px 0;overflow-wrap:anywhere}.ng-inspector p{font-size:14px;line-height:1.6;color:var(--muted)}.ng-inspector h3{font-size:16px;margin:22px 0 12px}.ng-relationship{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:10px;font-size:12px;margin-top:20px}.ng-relationship b{color:var(--accent)}.ng-evidence{max-height:290px;overflow:auto}.ng-evidence a{display:grid;gap:7px;border-bottom:1px solid var(--line);padding:14px 0;text-decoration:none;color:var(--text)}.ng-evidence span,.ng-evidence small{font-size:11px;color:var(--muted)}.ng-evidence strong{font-size:13px;line-height:1.5}.ng-evidence small{color:var(--accent)}.ng-inspector-actions{display:grid;gap:14px;margin-top:22px;font-size:13px}.ng-legend{display:flex;flex-wrap:wrap;gap:14px;padding:18px 20px;font-size:11px;color:var(--muted)}.ng-legend span{display:flex;align-items:center;gap:8px}.ng-legend i{display:inline-block;width:22px;border-top:3px solid var(--ng-line)}.ng-legend .dashed{border-top:2px dashed var(--muted)}.ng-pages{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 20px 20px;font-size:13px}.ng-pages .btn{font-size:12px}.ng-note{font-size:12px;color:var(--muted);max-width:100ch;line-height:1.6;margin:18px 0}.ng-empty{padding:100px 40px;text-align:center}.ng-node:focus-visible,.ng-center:focus-visible,.ng-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1150px){.ng-layout{grid-template-columns:1fr}.ng-inspector{border-left:0;border-top:1px solid var(--line)}.ng-evidence{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.ng-toolbar{flex-wrap:wrap}.ng-inspector-actions{display:flex;align-items:center}.ng-scroll{max-width:100%}}
@media(max-width:750px){.ng-heading{align-items:flex-start}.ng-heading h1{font-size:26px}.ng-heading p{font-size:14px}.ng-total{font-size:27px}.ng-total small{max-width:80px;font-size:11px}.ng-toolbar{padding:16px;gap:14px;display:grid;grid-template-columns:1fr 1fr}.ng-toolbar>label:first-child{grid-column:1/-1}.ng-toolbar .ng-peer-toggle{font-size:12px}.ng-status{padding:0 16px;gap:10px}.ng-status p{max-width:70%}.ng-inspector{padding:20px}.ng-evidence{display:block}.ng-pages{padding:0 12px 16px}.ng-pages .btn{font-size:11px;padding:10px}.ng-inspector-actions{display:grid}.ng-scroll:before{content:'Prevucite graf lijevo / desno za sve firme';display:block;position:sticky;left:0;padding:10px 16px;color:var(--muted);background:var(--surface);font-size:11px}.ng-legend{padding:16px}.ng-node{min-height:120px}}

.ng-suggestions{padding:18px 22px;border:1px solid var(--line);border-radius:14px;margin-top:24px}.ng-suggestions summary{cursor:pointer;font-weight:600}.ng-suggestions>p{font-size:13px;color:var(--muted)}.ng-suggestions>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.ng-inspector{scroll-margin-top:85px}

/* Graph viewport controls and full-window workspace. */
.ng-navigation{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 24px 20px}.ng-zoom-buttons{display:flex;align-items:center;gap:6px}.ng-zoom-buttons .btn{min-width:44px;min-height:44px}.ng-zoom-buttons output{font-size:13px;min-width:48px;text-align:center}.ng-pan-hint{font-size:12px;color:var(--muted);flex:1}.ng-navigation>[data-graph-expand]{margin-left:auto}.ng-scroll.ng-navigable{position:relative;overflow:hidden;touch-action:none;height:560px;cursor:grab}.ng-navigable .ng-canvas{position:absolute;left:50%;top:50%;margin:0;transform-origin:center;will-change:transform}.ng-navigable:before{display:none!important}.ng-navigable.is-panning{cursor:grabbing}.ng-navigable .ng-node,.ng-navigable .ng-center{touch-action:manipulation}.ng-navigable svg{pointer-events:none}.ng-expanded{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;max-width:none;margin:0!important;border:0;border-radius:0;display:flex;flex-direction:column;overflow:auto}.ng-expanded .ng-toolbar{padding:14px 24px}.ng-expanded .ng-status p{margin:10px 0}.ng-expanded .ng-navigation{padding:0 24px 12px}.ng-expanded .ng-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 310px}.ng-expanded .ng-visual{display:flex;flex-direction:column;min-height:0}.ng-expanded .ng-scroll{height:auto;min-height:240px;flex:1}.ng-expanded .ng-inspector{overflow:auto;min-height:0;border-left:1px solid var(--line);border-top:0}.ng-expanded .ng-evidence{display:block}.ng-expanded .ng-inspector-actions{display:grid}.ng-expanded .ng-legend{padding:12px 20px}.ng-expanded .ng-pages{padding-bottom:12px}.ng-navigation .btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:750px){.ng-navigation{padding:12px 16px;gap:10px}.ng-pan-hint{order:3;flex-basis:100%}.ng-navigation>[data-graph-expand]{margin-left:0;font-size:12px}.ng-zoom-buttons .btn{font-size:12px;padding:9px}.ng-scroll.ng-navigable{height:440px}.ng-expanded{overflow:auto}.ng-expanded .ng-layout{display:block;flex:none;min-height:auto}.ng-expanded .ng-scroll{height:55dvh;min-height:300px}.ng-expanded .ng-inspector{border-top:1px solid var(--line);border-left:0;overflow:visible}.ng-expanded .ng-toolbar{padding:12px 16px}.ng-expanded .ng-navigation{padding:12px 16px;position:sticky;top:0;background:var(--surface);z-index:4}.ng-expanded .ng-toolbar .ng-peer-toggle{min-height:44px}.ng-expanded .ng-evidence{max-height:260px}}

.ng-navigable{user-select:none;-webkit-user-select:none}.ng-navigable img{-webkit-user-drag:none}

.ng-extra-tools{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line)}.ng-extra-tools label{display:grid;gap:7px;font-size:12px}.ng-extra-tools select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;min-height:42px;font:inherit}.ng-extra-tools .btn{font-size:12px;min-height:42px}.ng-extra-tools [role=status],.ng-extra-tools>a{font-size:12px}.ng-extra-tools input{max-width:100%;width:100%;padding:10px}.ng-extra-tools [hidden]{display:none}.ng-path-panel{border-top:1px solid var(--line);padding:16px 24px;background:var(--surface)}.ng-path-panel summary{cursor:pointer;font-weight:600;font-size:14px}.ng-path-panel p{font-size:12px;color:var(--muted)}.ng-path-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.ng-path-controls label{display:grid;gap:6px;font-size:13px}.ng-path-controls select{min-width:0;width:100%;padding:10px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px}.ng-path-chain{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ng-path-chain a{padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:13px}.ng-path-panel [data-path-result]>details{padding:12px 0;border-bottom:1px solid var(--line)}.ng-expanded .ng-path-panel{flex-shrink:0;max-height:45dvh;overflow:auto}.ng-minimap{position:absolute;right:12px;bottom:12px;z-index:3;width:150px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 4px 18px #0001;cursor:crosshair}.ng-minimap>span{display:block;font:11px 'Source Sans 3',sans-serif;margin-bottom:5px;text-align:left}.ng-minimap svg{width:132px;height:85px;display:block;pointer-events:none}.ng-minimap:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ng-expanded .ng-extra-tools{padding:10px 24px}.ng-expanded .ng-path-panel:not([open]){padding:12px 24px}
@media(max-width:750px){.ng-extra-tools{padding:12px 16px;gap:8px}.ng-extra-tools label{flex:1}.ng-extra-tools .btn{font-size:11px;padding:9px}.ng-path-controls{grid-template-columns:1fr}.ng-minimap{width:106px;right:8px;bottom:8px;padding:6px}.ng-minimap svg{width:92px;height:64px}.ng-expanded .ng-extra-tools{padding:10px 16px}.ng-path-panel{padding:16px}.ng-expanded .ng-path-panel{max-height:none;overflow:visible}}

@media(max-width:750px){.ng-extra-tools{display:grid;grid-template-columns:1fr 1fr}.ng-extra-tools label{min-width:0}.ng-extra-tools select{width:100%;min-width:0}.ng-extra-tools [role=status],.ng-extra-tools>a,.ng-extra-tools input{grid-column:1/-1}.ng-minimap{top:10px;bottom:auto}.ng-extra-tools .btn{white-space:normal}}
