/* VRAKNOS 10.6 — large-project responsiveness and compact-screen corrections */
.tree-load-more{
  display:block;width:calc(100% - 18px);height:29px;margin:4px 9px 7px;border:1px solid #244f31;border-radius:3px;
  background:#111b15;color:#7eea98;font:600 10px var(--ui-font,Segoe UI,sans-serif);cursor:pointer
}

/* VRAKNOS 10.8.1 — pacote DTC, saldo imediato e navegação estável. */
html,body,#app,#desktop,.doc-window,.doc-title,.doc-toolbar,.doc-body,.doc-footer,
.hex-shell,.hex-scroll,.hex-rows,.hex-row,.hex-overview-rail,.tree-row,.chart-wrap,
.canvas2d,.canvas3d,.map-window,.modal,.floating-window,.top-actions{
  -webkit-user-select:none;
  user-select:none;
}
input:not([type="range"]),textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
input[type="range"],.hex-overview-rail,.hex-overview-window,.canvas2d,.canvas3d{touch-action:none;-webkit-user-drag:none}
.canvas2d,.canvas3d{contain:layout paint;display:block;width:100%;height:100%;min-height:180px}
.view2d.active,.view3d.active{min-height:0;overflow:hidden}
.view2d.active .chart-wrap,.view3d.active .chart-wrap{min-height:0}
.vrk-charge-confirm-layer{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:rgba(0,5,2,.78);backdrop-filter:blur(3px)}
.vrk-charge-confirm{width:min(560px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;color:#eaf7ee;background:#0b130f;border:1px solid #31633e;border-radius:9px;box-shadow:0 22px 70px rgba(0,0,0,.72),0 0 0 1px rgba(44,239,88,.08)}
.vrk-charge-confirm header,.vrk-charge-confirm footer{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#111b16}
.vrk-charge-confirm header{justify-content:space-between;border-bottom:1px solid #263e2e;letter-spacing:.08em}
.vrk-charge-confirm footer{justify-content:flex-end;border-top:1px solid #263e2e}
.vrk-charge-confirm button{min-height:34px;padding:0 15px;color:#dce9e0;background:#16221b;border:1px solid #395044;border-radius:3px;cursor:pointer}
.vrk-charge-confirm header button{min-width:34px;padding:0;font-size:20px}
.vrk-charge-confirm button.primary{color:#fff;background:#148938;border-color:#25c653;font-weight:700}
.vrk-charge-confirm button:focus-visible{outline:2px solid #4bff7b;outline-offset:2px}
.vrk-charge-body{overflow:auto;padding:18px 18px 16px}
.vrk-charge-body>p{margin:0 0 14px;font-size:15px}
.vrk-charge-body ul{display:grid;gap:6px;max-height:290px;margin:0;padding:0;overflow:auto;list-style:none}
.vrk-charge-body li{display:flex;justify-content:space-between;gap:20px;padding:9px 11px;background:#0f1a14;border:1px solid #263e2e}
.vrk-charge-body li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vrk-charge-body li b{flex:none;color:#73ff98}
.vrk-charge-total{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding:14px;background:#091b10;border:1px solid #27a84c}
.vrk-charge-total span{font-size:11px;letter-spacing:.09em;color:#a9beb0}
.vrk-charge-total strong{font-size:20px;color:#55ff83;white-space:nowrap}
.vrk-charge-body small{display:block;margin-top:9px;color:#92a99a}
@media (max-width:620px){.vrk-charge-confirm-layer{padding:8px}.vrk-charge-confirm{width:100%;max-height:calc(100vh - 16px)}.vrk-charge-body li{display:grid;gap:4px}.vrk-charge-total{align-items:flex-start;flex-direction:column}}
.tree-load-more:hover,.tree-load-more:focus-visible{border-color:#39dd68;background:#17271d;color:#d9ffe2;outline:0}

/* X and Y remain inside the table flow while scrolling horizontally. */
.map-table-scroll{position:relative;overscroll-behavior:contain;scrollbar-gutter:stable;isolation:isolate}
.map-value-table tbody th{position:static!important;left:auto!important;z-index:auto!important}
.map-value-table .map-corner{left:auto!important;z-index:3!important}
.map-text-layout,.map-table-host{min-width:0;min-height:0;overflow:hidden}

.vrk-network-error small{display:block;max-width:100%;margin-top:8px;color:#7f9587;overflow-wrap:anywhere}

/* Prevent browser image actions such as drag/search overlays. The interactive wrapper remains clickable. */
.login-visual img,.start-screen img,.about-logo img,.vrk-other-media img,.vrk-other-media-zoom img{
  pointer-events:none!important;-webkit-user-drag:none!important;-webkit-touch-callout:none!important;user-select:none!important
}
.vrk-other-media figure[role="button"]{cursor:zoom-in;outline:0}
.vrk-other-media figure[role="button"]:focus-visible{box-shadow:0 0 0 2px #2ee862 inset}

.vrk-legal-layer{position:fixed;inset:0;z-index:200000;display:grid;place-items:center;padding:18px;background:rgba(1,5,3,.88);backdrop-filter:blur(5px)}
.vrk-legal-card{width:min(760px,96vw);max-height:min(820px,94vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #425149;border-radius:7px;background:#1d2420;color:#dbe5de;box-shadow:0 30px 120px #000}
.vrk-legal-card>header{display:flex;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid #39443d;background:linear-gradient(90deg,#253029,#1a211d)}
.vrk-legal-card>header small{color:#63e984;font:700 9px/1.3 var(--ui-font,Segoe UI,sans-serif);letter-spacing:1.2px}
.vrk-legal-card h2{margin:4px 0 0;color:#f4faf6;font:650 16px/1.25 var(--ui-font,Segoe UI,sans-serif)}
.vrk-legal-shield{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid #34dc61;border-radius:50%;background:#0c1710;color:#4eff79;font:900 22px/1 var(--ui-font,Segoe UI,sans-serif);box-shadow:0 0 24px #21d95720}
.vrk-legal-body{min-height:0;overflow:auto;padding:18px 22px 20px;font:400 12px/1.55 var(--ui-font,Segoe UI,sans-serif);scrollbar-width:thin}
.vrk-legal-body>p{margin:0 0 13px;color:#c9d6ce}
.vrk-legal-body ul{display:grid;gap:8px;margin:0 0 17px;padding-inline-start:21px;color:#abbcb1}
.vrk-legal-body li::marker{color:#3ce868}
.vrk-legal-body strong{display:block;padding:11px 12px;border-left:3px solid #32db5f;background:#111a14;color:#e5eee8;font-weight:600}
.vrk-legal-card>footer{display:flex;justify-content:flex-end;gap:9px;padding:12px 16px;border-top:1px solid #39443d;background:#19201c}
.vrk-legal-card>footer button{min-height:34px;padding:0 16px;border:1px solid #526059;border-radius:3px;background:#252d28;color:#dae4de;font:650 10px var(--ui-font,Segoe UI,sans-serif);cursor:pointer}
.vrk-legal-card>footer button.primary{border-color:#27db5b;background:#12983d;color:#fff}
.vrk-legal-card>footer button:hover{filter:brightness(1.13)}

@media(max-width:760px),(max-height:620px){
  .vrk-legal-layer{padding:7px}.vrk-legal-card{width:100%;max-height:98vh}.vrk-legal-card>header{padding:10px 12px}.vrk-legal-shield{width:34px;height:34px;font-size:17px}.vrk-legal-card h2{font-size:13px}.vrk-legal-body{padding:12px 14px;font-size:11px}.vrk-legal-card>footer{padding:9px;flex-wrap:wrap}.vrk-legal-card>footer button{flex:1 1 190px}
  .map-text-layout{grid-template-columns:minmax(0,1fr) minmax(112px,25%)!important}
}

/* Mantém as abas Text / 2D / 3D visíveis ao reduzir a janela principal. */
.doc-window{
  grid-template-rows:31px 34px minmax(0,1fr) 29px!important;
}
.doc-window>.doc-footer{
  display:flex!important;
  min-height:29px!important;
  height:29px!important;
  visibility:visible!important;
  overflow:hidden;
  position:relative;
  z-index:8;
}
.doc-window>.doc-footer>.view-tabs{
  display:flex!important;
  flex:0 0 auto;
}

/* VRAKNOS 10.6.6 — unsupported-file notice, compact database folders and service groups */
.vrk-unsupported-file{display:grid;gap:12px}
.vrk-unsupported-summary{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid #675b18;border-radius:4px;background:#12150e}
.vrk-unsupported-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #e5bd00;border-radius:50%;color:#ffd822;font:800 23px/1 var(--ui-font,Segoe UI,sans-serif)}
.vrk-unsupported-summary h3{margin:0 0 5px;color:#fff;font:650 13px/1.3 var(--ui-font,Segoe UI,sans-serif)}
.vrk-unsupported-summary p{margin:0;color:#c4cec8;font:400 11px/1.5 var(--ui-font,Segoe UI,sans-serif)}
.vrk-unsupported-summary small{display:block;margin-top:7px;color:#819188;overflow-wrap:anywhere}
.vrk-original-files-notice{margin-top:10px!important;padding:10px 12px;border-left:3px solid #3ee66b;background:#18231b;color:#dffff0!important;font-weight:650!important;letter-spacing:.15px}

.vrk-db-toolbar.vrk-db-toolbar-live{grid-template-columns:minmax(250px,1.4fr) repeat(3,minmax(135px,.7fr))}
.vrk-db-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;padding:2px}
.vrk-db-brand-folder,.vrk-other-group-head{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;border:1px solid #35483c;border-radius:3px;background:#0c1510;color:#e8f2ec;text-align:left;cursor:pointer}
.vrk-db-brand-folder:hover,.vrk-db-brand-folder:focus-visible,.vrk-other-group-head:hover,.vrk-other-group-head:focus-visible{border-color:#36dc65;background:#132019;outline:0}
.vrk-db-brand-folder strong,.vrk-other-group-head strong{display:block;color:#eff9f2;font:650 12px/1.25 var(--ui-font,Segoe UI,sans-serif);overflow-wrap:anywhere}
.vrk-db-brand-folder small,.vrk-other-group-head small{display:block;margin-top:4px;color:#78e994;font:500 9px/1.25 var(--ui-font,Segoe UI,sans-serif)}
.vrk-folder-icon{color:#4bea76;font-size:18px;text-align:center}
.vrk-folder-icon::before{content:"📁"}
.vrk-db-brand-folder em,.vrk-other-group-head em{color:#66c77d;font:700 15px/1 sans-serif;text-align:center;transition:transform .18s ease}
.vrk-db-open-title{display:flex;align-items:center;gap:9px;margin:1px 0 10px;padding:0 2px;color:#eef8f1;font:650 12px/1.3 var(--ui-font,Segoe UI,sans-serif)}
.vrk-db-open-title small{color:#6fe98d;font-size:9px}
.vrk-db-back{min-height:29px;padding:0 11px;border:1px solid #385543;border-radius:3px;background:#111b15;color:#dce9e0;font:600 10px var(--ui-font,Segoe UI,sans-serif);cursor:pointer}
.vrk-db-back:hover,.vrk-db-back:focus-visible{border-color:#39dc67;color:#5cf181;outline:0}

.vrk-other-toolbar.vrk-other-toolbar-live{grid-template-columns:minmax(260px,1.3fr) minmax(170px,.55fr) minmax(170px,.55fr)}
.vrk-other-groups{display:grid;gap:7px}
.vrk-other-group{border:1px solid #263b2e;border-radius:3px;background:#09110c;overflow:hidden}
.vrk-other-group-head{border:0;border-radius:0;background:#101a14}
.vrk-other-group.open>.vrk-other-group-head{border-bottom:1px solid #2d4735;background:#142119}
.vrk-other-group.open>.vrk-other-group-head em{transform:rotate(90deg)}
.vrk-other-group-items{display:none;padding:7px;background:#08100b}
.vrk-other-group.open>.vrk-other-group-items{display:block}
.vrk-other-group-items .vrk-other-card{margin-bottom:7px}
.vrk-other-group-items .vrk-other-card:last-child{margin-bottom:0}

@media(max-width:900px){
  .vrk-db-toolbar.vrk-db-toolbar-live,.vrk-other-toolbar.vrk-other-toolbar-live{grid-template-columns:1fr 1fr}
  .vrk-db-toolbar.vrk-db-toolbar-live input,.vrk-other-toolbar.vrk-other-toolbar-live input{grid-column:1/-1}
}
@media(max-width:560px){
  .vrk-db-toolbar.vrk-db-toolbar-live,.vrk-other-toolbar.vrk-other-toolbar-live{grid-template-columns:1fr}
  .vrk-db-brand-grid{grid-template-columns:1fr}
  .vrk-unsupported-summary{grid-template-columns:42px minmax(0,1fr);padding:9px}
  .vrk-unsupported-icon{width:34px;height:34px;font-size:18px}
}

/* VRAKNOS 10.7.7 — saldo mensal/token sem estouro no cabeçalho. */
.vrk-license-strip{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}
.top-actions>#accountSummary{min-width:0}
.top-actions>#accountSummary>.vrk-summary-box{min-width:0;overflow:hidden}
.top-actions>#accountSummary>.vrk-summary-box em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-actions>#accountSummary>.vrk-summary-box strong{flex:0 0 auto;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}
@media (min-width:1551px){
  .top-actions>#accountSummary{width:360px!important;min-width:360px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .top-actions>#accountSummary>.vrk-summary-box{padding:0 10px!important;gap:7px!important}
  .top-actions>#accountSummary>.vrk-summary-box em{font-size:9px!important}
}
@media (max-width:1550px){
  .top-actions>#accountSummary>.vrk-summary-box strong{max-width:48%;font-size:12px!important}
  .top-actions>#accountSummary>.vrk-summary-box em{font-size:8px!important}
}
@media (max-width:1180px){
  .top-actions>#accountSummary>.vrk-summary-box{padding:0 7px!important;gap:5px!important}
  .top-actions>#accountSummary>.vrk-summary-box strong{font-size:11px!important}
}