:root{--g:#1F252B;--t:#0F7C80;--td:#0A666A;--p:#F3F5F6;--w:#fff;--b:#DDE3E6;--m:#74808A;--soft:#E8F4F4;--red:#D94A4A;--shadow:0 12px 34px rgba(31,37,43,.065)}*{box-sizing:border-box}body{margin:0;background:var(--p);color:var(--g);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit}.hidden{display:none!important}.shell{max-width:1500px;margin:auto;min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;padding:18px}.side{background:var(--w);border:1px solid var(--b);border-radius:18px;padding:18px;display:flex;flex-direction:column;position:sticky;top:18px;height:calc(100vh - 36px);box-shadow:var(--shadow)}.logo{width:86px;display:block}.logo svg,.catalog-logo svg,.auth-logo svg{width:100%;display:block}.side-title{font-size:12px;color:var(--m);font-weight:700;margin:9px 0 24px}.side nav{display:flex;flex-direction:column;gap:4px}.side nav a{padding:11px 12px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700}.side nav a:hover,.side nav a.on{background:var(--soft);color:var(--td)}.side-bottom{margin-top:auto;display:grid;gap:8px;border-top:1px solid var(--b);padding-top:15px}.side-bottom a,.linklike{font-size:12px;text-decoration:none;color:var(--m);background:none;border:0;text-align:left;padding:0;cursor:pointer}.main{min-width:0;display:flex;flex-direction:column;gap:13px}.top,.panel,.metric{background:var(--w);border:1px solid var(--b);border-radius:17px;box-shadow:var(--shadow)}.top{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;min-height:126px;background:linear-gradient(105deg,#fff 0 73%,#DCEEEE 100%)}.eyebrow,.label{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--t);font-weight:850}.top h1{font-size:31px;letter-spacing:-.035em;margin:7px 0 4px}.top p{margin:0;color:var(--m);font-size:12px}.top-actions,.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border-radius:10px;text-decoration:none;border:1px solid transparent;font-weight:800;font-size:12px;cursor:pointer}.btn.primary{background:var(--t);color:#fff}.btn.ghost{background:#fff;border-color:var(--b)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:15px 17px}.metric span{display:block;color:var(--m);font-size:11px}.metric strong{display:block;font-size:25px;margin-top:5px;letter-spacing:-.03em}.grid-two{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.lower{grid-template-columns:1fr 1fr}.panel{padding:17px 19px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px}.panel h2{font-size:18px;margin:4px 0 0}.small-link{font-size:11px;color:var(--t);font-weight:750;text-decoration:none}.pill,.beta{font-size:10px;font-weight:850;border-radius:999px;background:var(--soft);color:var(--t);padding:6px 8px}.beta{background:#F2F4F5;color:#66727A}.order-body{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.order-cell{background:#F8FAFA;border:1px solid #EDF0F1;border-radius:11px;padding:11px}.order-cell span{display:block;font-size:10px;color:var(--m)}.order-cell strong{display:block;font-size:14px;margin-top:4px}.actions{margin-top:12px}.stack{display:grid;gap:8px}.org-row{padding:10px 11px;border:1px solid var(--b);border-radius:11px;display:flex;justify-content:space-between;gap:9px}.org-row strong{font-size:12px}.org-row span{display:block;color:var(--m);font-size:10px;margin-top:3px}.verified{color:var(--t);font-size:10px;font-weight:800}.equipment-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.eq{border:1px solid var(--b);border-radius:11px;padding:9px;text-decoration:none;min-width:0}.eq img{height:64px;width:100%;object-fit:contain}.eq strong{display:block;font-size:10px;line-height:1.3;margin-top:5px}.eq span{font-size:9px;color:var(--m)}.smart{display:grid;gap:8px}.smart-item{border:1px solid #CDE3E3;background:linear-gradient(120deg,#F9FFFF,#ECF7F7);border-radius:12px;padding:12px;text-decoration:none}.smart-item strong{font-size:12px}.smart-item p{font-size:10px;color:#5E6B73;line-height:1.45;margin:4px 0 0}.empty{color:var(--m);font-size:11px;padding:12px 0}.products-mini{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.mini-product{border:1px solid var(--b);border-radius:11px;padding:8px;text-decoration:none;min-width:0}.mini-product img{width:100%;height:64px;object-fit:contain}.mini-product strong{display:block;font-size:9px;line-height:1.25;height:23px;overflow:hidden}.mini-product b{font-size:11px;display:block;margin-top:4px}.auth{position:fixed;z-index:50;inset:0;background:rgba(31,37,43,.90);display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.auth-logo{width:90px}.auth-card h1{margin:20px 0 5px}.auth-card p{color:var(--m);font-size:12px}.auth-card label{display:block;font-size:11px;font-weight:750;margin:15px 0}.auth-card input,.searchbar input,.filters select{width:100%;border:1px solid var(--b);border-radius:10px;padding:11px 12px;font:inherit;margin-top:6px;background:#fff}.auth-card .btn{width:100%}.muted{font-size:11px;color:var(--m);margin-top:9px}.catalog-shell,.product-shell{max-width:1400px;margin:auto;padding:20px}.catalog-top{display:flex;align-items:center;gap:18px;margin-bottom:16px}.catalog-logo{width:80px}.catalog-top h1{margin:0;font-size:26px}.catalog-top p{margin:3px 0 0;color:var(--m);font-size:11px}.catalog-top .btn{margin-left:auto}.searchbar{display:grid;grid-template-columns:1fr auto;gap:8px;background:#fff;border:1px solid var(--b);padding:10px;border-radius:14px}.searchbar input{margin:0}.filters{display:grid;grid-template-columns:190px 190px minmax(240px,1fr) auto;gap:8px;align-items:center;margin:10px 0}.filters select{margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.product-card{background:#fff;border:1px solid var(--b);border-radius:14px;padding:12px;text-decoration:none;min-width:0}.product-card:hover{border-color:#A9CFCF}.product-card img{width:100%;height:155px;object-fit:contain}.product-card .tags{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.tag{font-size:9px;padding:4px 6px;border-radius:999px;background:#F1F4F4;color:#68747C}.tag.platform{background:var(--soft);color:var(--t)}.product-card h3{font-size:12px;line-height:1.35;margin:7px 0;height:33px;overflow:hidden}.product-card .sku{font-size:9px;color:var(--m)}.product-card .price{font-size:18px;font-weight:850;margin-top:8px}.stock{font-size:9px;color:var(--t);margin-top:3px}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px}.product-page{background:#fff;border:1px solid var(--b);border-radius:18px;padding:22px}.product-hero{display:grid;grid-template-columns:420px 1fr;gap:28px}.product-main-img{width:100%;height:330px;object-fit:contain}.product-info h1{font-size:28px;margin:8px 0}.product-info .price{font-size:28px;font-weight:900}.product-info .desc{font-size:12px;color:#5F6B73;line-height:1.6;max-width:780px}.intel-banner{border:1px solid #BFDCDC;background:#ECF7F7;border-radius:12px;padding:12px;margin:13px 0;font-size:12px}.relation-section{margin-top:22px}.relation-section h2{font-size:17px}.relation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rel{border:1px solid var(--b);border-radius:11px;padding:9px;text-decoration:none}.rel img{width:100%;height:88px;object-fit:contain}.rel strong{display:block;font-size:10px;line-height:1.3}.rel span{font-size:9px;color:var(--m)}.analog-note{font-size:10px;color:#8A6A35;background:#FFF7E8;border:1px solid #F0D9AA;padding:8px;border-radius:9px}.bundle{border:1px solid var(--b);border-radius:11px;padding:11px;margin:7px 0}.bundle strong{font-size:12px}.bundle p{font-size:10px;color:var(--m);margin:3px 0}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.spec{padding:8px;border-bottom:1px solid #EEF0F1}.spec span{display:block;color:var(--m);font-size:9px}.spec strong{font-size:10px}.catalog-strip{padding-bottom:13px}@media(max-width:1000px){.shell{grid-template-columns:1fr}.side{position:relative;height:auto;top:0}.side nav{display:grid;grid-template-columns:repeat(4,1fr)}.side-bottom{display:none}.grid-two,.lower{grid-template-columns:1fr}.products-mini{grid-template-columns:repeat(3,1fr)}.catalog-grid{grid-template-columns:repeat(3,1fr)}.product-hero{grid-template-columns:1fr}.product-main-img{height:260px}}@media(max-width:650px){.shell,.catalog-shell,.product-shell{padding:8px}.top{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.side nav{grid-template-columns:repeat(2,1fr)}.order-body,.equipment-row,.specs{grid-template-columns:1fr}.products-mini{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.relation-grid{grid-template-columns:repeat(2,1fr)}.catalog-top p{display:none}.catalog-top h1{font-size:20px}.catalog-logo{width:62px}.product-info h1{font-size:22px}}
/* ORN Lifecycle v0.1 */
.lifecycle-block{margin-top:13px;padding-top:13px;border-top:1px solid var(--b)}
.lifecycle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}
.lifecycle-head h3{font-size:14px;margin:3px 0 0}
.lifecycle{display:grid;gap:8px}
.lifecycle-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #CDE3E3;background:linear-gradient(120deg,#fff,#F1F8F8);border-radius:12px;padding:12px;text-decoration:none}
.lifecycle-item>div{min-width:0}
.lifecycle-kicker{display:block;font-size:9px;font-weight:850;letter-spacing:.07em;color:var(--t);margin-bottom:4px}
.lifecycle-item strong{display:block;font-size:12px}
.lifecycle-item p{font-size:10px;color:#5E6B73;line-height:1.45;margin:4px 0}
.lifecycle-item small{display:block;font-size:9px;color:#879198;margin-top:5px}
.lifecycle-action{white-space:nowrap;color:var(--t);font-size:10px;font-weight:850}
.lifecycle-empty{font-size:10px;color:var(--m);background:#F8FAFA;border:1px solid #EDF0F1;border-radius:11px;padding:11px}
@media(max-width:650px){.lifecycle-item{align-items:flex-start;flex-direction:column}.lifecycle-action{white-space:normal}}
/* ORN Workspace + Park v1 */
.workspace-top{align-items:flex-start}.top-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.workspace-switcher{position:relative;z-index:20;min-width:300px}.workspace-current{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid var(--b);border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--g);box-shadow:0 5px 18px rgba(31,37,43,.05)}.workspace-current:hover{border-color:#B8D2D2}.workspace-current span:nth-child(2){min-width:0;flex:1}.workspace-current b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-current small{display:block;color:var(--m);font-size:9px;margin-top:3px}.workspace-icon{font-size:15px}.workspace-caret{font-size:16px;color:var(--t)}.workspace-menu{position:absolute;right:0;top:calc(100% + 7px);width:min(390px,90vw);background:#fff;border:1px solid var(--b);border-radius:14px;padding:8px;box-shadow:0 18px 55px rgba(31,37,43,.18)}.workspace-menu-title{padding:7px 8px;color:var(--m);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.workspace-option{width:100%;border:0;background:#fff;border-radius:10px;padding:10px;display:grid;grid-template-columns:24px 1fr auto;gap:8px;text-align:left;align-items:center;cursor:pointer}.workspace-option:hover{background:#F3F8F8}.workspace-option.active{background:var(--soft)}.workspace-option b{display:block;font-size:12px}.workspace-option small{display:block;color:var(--m);font-size:9px;margin-top:3px}.workspace-option i{color:var(--t);font-style:normal;font-weight:900}.workspace-manage{display:block;padding:10px;margin-top:4px;border-top:1px solid #EEF1F2;color:var(--t);font-size:10px;font-weight:800;text-decoration:none}.context-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.context-fact{padding:10px;border:1px solid #EDF0F1;border-radius:10px;background:#F9FBFB}.context-fact span{display:block;color:var(--m);font-size:9px}.context-fact strong{display:block;font-size:12px;margin-top:4px}.context-note{font-size:10px;line-height:1.45;color:var(--m);margin:11px 0 0}.lifecycle-block{margin-top:13px;padding-top:13px;border-top:1px solid var(--b)}.lifecycle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.lifecycle-head h3{font-size:14px;margin:3px 0 0}.lifecycle{display:grid;gap:8px}.lifecycle-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #CDE3E3;background:linear-gradient(120deg,#fff,#F1F8F8);border-radius:12px;padding:12px;text-decoration:none}.lifecycle-item>div{min-width:0}.lifecycle-kicker{display:block;font-size:9px;font-weight:850;letter-spacing:.07em;color:var(--t);margin-bottom:4px}.lifecycle-item strong{display:block;font-size:12px}.lifecycle-item p{font-size:10px;color:#5E6B73;line-height:1.45;margin:4px 0}.lifecycle-item small{display:block;font-size:9px;color:#879198;margin-top:5px}.lifecycle-action{white-space:nowrap;color:var(--t);font-size:10px;font-weight:850}.lifecycle-empty{font-size:10px;color:var(--m);background:#F8FAFA;border:1px solid #EDF0F1;border-radius:11px;padding:11px}
.catalog-top [data-workspace-switcher]{margin-left:auto}.catalog-top [data-workspace-switcher]+.btn{margin-left:0}.catalog-top .workspace-switcher{min-width:250px}.catalog-top .workspace-current{padding:8px 10px}.catalog-top .workspace-current b{font-size:11px}
.park-shell{max-width:1400px;margin:auto;padding:20px}.park-top{display:flex;align-items:center;gap:16px;margin-bottom:14px}.park-heading{min-width:0}.park-heading h1{margin:3px 0;font-size:26px}.park-heading p{margin:0;color:var(--m);font-size:11px}.park-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.park-top-actions .workspace-switcher{min-width:300px}.park-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(105deg,#fff 0 75%,#E2F1F1 100%)}.park-hero h2{font-size:20px}.park-hero p{font-size:11px;color:var(--m);margin:4px 0 0}.park-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.park-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 10px}.park-tabs{display:flex;gap:6px;flex-wrap:wrap}.park-tab{border:1px solid var(--b);background:#fff;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.park-tab:hover,.park-tab.on{background:var(--soft);color:var(--t);border-color:#C6DEDE}.park-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.park-card{background:#fff;border:1px solid var(--b);border-radius:15px;overflow:hidden;display:grid;grid-template-columns:150px 1fr;min-height:190px}.park-photo{background:#F8FAFA;display:grid;place-items:center}.park-photo img{width:100%;height:170px;object-fit:contain;padding:10px}.park-card-body{padding:14px;min-width:0}.park-card-tags{display:flex;gap:5px;flex-wrap:wrap}.park-card h3{font-size:13px;line-height:1.35;margin:7px 0 5px}.park-card-meta{display:flex;gap:10px;color:var(--m);font-size:9px}.park-source{font-size:9px;color:#76838B;line-height:1.5;margin-top:9px}.park-card-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px}.remove-link{background:transparent;border:0;padding:0;color:#9A6565;font-size:9px;cursor:pointer}.park-empty{grid-column:1/-1;text-align:center;padding:44px}.park-empty h2{font-size:20px}.park-empty p{max-width:680px;margin:8px auto 17px;color:var(--m);font-size:11px;line-height:1.55}.park-modal{position:fixed;z-index:80;inset:0;background:rgba(31,37,43,.62);display:grid;place-items:center;padding:18px}.park-modal-card{background:#fff;width:min(760px,100%);max-height:88vh;overflow:auto;border-radius:18px;padding:20px;box-shadow:0 28px 80px rgba(0,0,0,.25)}.park-modal-head{display:flex;justify-content:space-between;gap:10px}.park-modal-head h2{margin:4px 0 0;font-size:20px}.modal-x{border:0;background:#F1F3F4;border-radius:9px;width:34px;height:34px;font-size:20px;cursor:pointer}.modal-note{font-size:10px;color:var(--m);line-height:1.5;background:#F8FBFB;border:1px solid #E5EEEE;border-radius:10px;padding:10px}.park-search{display:grid;grid-template-columns:1fr auto;gap:8px}.park-search input,.park-form-grid input{border:1px solid var(--b);border-radius:10px;padding:10px 11px;font:inherit;width:100%}.park-results{display:grid;gap:6px;margin-top:10px}.park-result{border:1px solid var(--b);background:#fff;border-radius:11px;padding:8px;display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.park-result:hover{border-color:#A9CFCF;background:#FCFFFF}.park-result img{width:64px;height:54px;object-fit:contain}.park-result b{display:block;font-size:11px}.park-result small{display:block;color:var(--m);font-size:9px;margin-top:4px}.park-result i{font-style:normal;color:var(--t);font-size:9px;font-weight:850}.selected-product{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;border:1px solid #CDE3E3;background:#F6FCFC;border-radius:12px;padding:10px}.selected-product img{width:90px;height:75px;object-fit:contain}.selected-product strong{display:block;font-size:12px;margin-top:5px}.selected-product small{display:block;color:var(--m);font-size:9px;margin-top:5px}.park-form-grid{display:grid;grid-template-columns:1fr 1.5fr .6fr;gap:9px;margin-top:12px}.park-form-grid label{font-size:10px;font-weight:800}.park-form-grid label span{font-weight:500;color:var(--m)}.park-form-grid input{margin-top:6px}
@media(max-width:1000px){.workspace-top{flex-direction:column}.top-right{align-items:stretch;width:100%}.workspace-switcher{min-width:0}.park-grid{grid-template-columns:repeat(2,1fr)}.park-top{align-items:flex-start;flex-wrap:wrap}.park-top-actions{margin-left:0;width:100%}.park-top-actions .workspace-switcher{min-width:0;flex:1}}
@media(max-width:650px){.workspace-current small{white-space:normal}.context-meta,.park-metrics{grid-template-columns:repeat(2,1fr)}.park-grid{grid-template-columns:1fr}.park-card{grid-template-columns:110px 1fr}.park-photo img{height:150px}.park-top-actions{flex-direction:column;align-items:stretch}.park-toolbar{align-items:flex-start;flex-direction:column}.park-form-grid{grid-template-columns:1fr}.park-result{grid-template-columns:54px 1fr}.park-result i{display:none}.lifecycle-item{align-items:flex-start;flex-direction:column}.lifecycle-action{white-space:normal}}

/* ORN Mobile overflow fix v0.1 */
html,body{
  max-width:100%;
  overflow-x:hidden;
}

.shell,
.catalog-shell,
.product-shell,
.park-shell{
  width:100%;
  min-width:0;
}

.main,
.top,
.panel,
.catalog-top,
.product-page,
.park-top,
.park-top-actions{
  min-width:0;
}

@media(max-width:650px){

  .shell,
  .catalog-shell,
  .product-shell,
  .park-shell{
    width:100%;
    max-width:100%;
    min-width:0;
    padding-left:8px;
    padding-right:8px;
  }

  /* Catalog / Product header:
     row 1 = logo/title/back
     row 2 = workspace switcher */
  .catalog-top{
    width:100%;
    max-width:100%;
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
  }

  .catalog-top .catalog-logo{
    order:1;
    flex:0 0 62px;
  }

  .catalog-top > div:not([data-workspace-switcher]){
    order:1;
    flex:1 1 120px;
    min-width:0;
  }

  .catalog-top > .btn{
    order:2;
    flex:0 0 auto;
    margin-left:auto;
    max-width:42%;
    white-space:normal;
    text-align:center;
  }

  .catalog-top > [data-workspace-switcher]{
    order:3;
    flex:1 0 100%;
    width:100%;
    min-width:0;
    max-width:100%;
    margin-left:0;
  }

  /* Workspace always stays inside viewport */
  .workspace-switcher,
  .catalog-top .workspace-switcher,
  .park-top-actions .workspace-switcher{
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .workspace-current{
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .workspace-menu{
    left:0;
    right:auto;
    width:100%;
    max-width:calc(100vw - 16px);
    box-sizing:border-box;
  }

  .workspace-option{
    min-width:0;
  }

  .workspace-option span:nth-child(2){
    min-width:0;
  }

  .workspace-option b,
  .workspace-option small{
    overflow-wrap:anywhere;
  }

  /* Dashboard header */
  .top-right,
  .top-actions{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .top-actions .btn{
    flex:1 1 auto;
  }

  /* Park header */
  .park-top{
    width:100%;
    max-width:100%;
  }

  .park-top-actions{
    width:100%;
    max-width:100%;
  }

  .park-top-actions > .btn{
    width:100%;
  }

  .park-hero,
  .park-hero > div,
  .park-card,
  .park-card-body{
    min-width:0;
    max-width:100%;
  }

  /* Product */
  .product-page,
  .product-hero,
  .product-info,
  .relation-grid,
  .specs{
    min-width:0;
    max-width:100%;
  }

  .product-info h1,
  .product-info .desc,
  .intel-banner{
    overflow-wrap:anywhere;
  }

  /* Inputs/search must never widen viewport */
  .searchbar,
  .park-search,
  .park-modal-card,
  .park-form-grid{
    min-width:0;
    max-width:100%;
  }
}



/* =========================================================
   ORN DASHBOARD UI v2
   ========================================================= */

.dashboard-ui-v2{
  background:#F4F7F8;
}

.dashboard-ui-v2 .shell.dashboard-v2{
  max-width:none;
  width:100%;
  min-height:100vh;
  padding:0;
  gap:0;
  grid-template-columns:234px minmax(0,1fr);
}

/* SIDEBAR */

.dashboard-ui-v2 .side-v2{
  height:100vh;
  top:0;
  position:sticky;
  border:0;
  border-radius:0;
  padding:24px 14px 18px;
  background:
    radial-gradient(circle at 0 0,rgba(15,124,128,.20),transparent 28%),
    linear-gradient(180deg,#111922,#09121A);
  box-shadow:14px 0 45px rgba(15,22,29,.10);
  color:#EAF2F3;
  overflow:hidden;
}

.dashboard-ui-v2 .side-brand{
  padding:0 10px;
}

.dashboard-ui-v2 .side-v2 .logo{
  width:88px;
}

.dashboard-ui-v2 .side-v2 .logo svg [fill="#1F252B"]{
  fill:#F6FAFA!important;
}

.dashboard-ui-v2 .side-v2 .logo svg [fill="#0F7C80"]{
  fill:#27B8BC!important;
}

.dashboard-ui-v2 .side-v2 .side-title{
  color:#9BAAB2;
  font-size:10px;
  margin:8px 0 24px;
  letter-spacing:.02em;
}

.dashboard-ui-v2 .v2-nav{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.dashboard-ui-v2 .v2-nav a{
  color:#C9D4D8;
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 12px;
  border-radius:11px;
  font-size:12px;
  font-weight:700;
  transition:
    background .2s ease,
    color .2s ease,
    transform .2s ease;
}

.dashboard-ui-v2 .v2-nav a > span{
  width:19px;
  text-align:center;
  color:#91A4AC;
  font-size:16px;
}

.dashboard-ui-v2 .v2-nav a:hover{
  background:rgba(255,255,255,.055);
  color:#fff;
  transform:translateX(2px);
}

.dashboard-ui-v2 .v2-nav a.on{
  color:#fff;
  background:
    linear-gradient(90deg,rgba(15,124,128,.92),rgba(15,124,128,.34));
  box-shadow:
    inset 0 0 0 1px rgba(55,211,214,.15),
    0 8px 24px rgba(0,0,0,.13);
}

.dashboard-ui-v2 .v2-nav a.on > span{
  color:#CFFFFF;
}

.dashboard-ui-v2 .side-spacer{
  flex:1;
}

.dashboard-ui-v2 .side-help{
  margin:10px 0;
  padding:13px;
  border-radius:13px;
  border:1px solid rgba(93,200,203,.18);
  background:
    linear-gradient(135deg,rgba(15,124,128,.13),rgba(255,255,255,.025));
}

.dashboard-ui-v2 .side-help-icon{
  color:#4CD0D3;
  display:block;
  margin-bottom:5px;
}

.dashboard-ui-v2 .side-help strong{
  display:block;
  color:#F4FAFA;
  font-size:11px;
}

.dashboard-ui-v2 .side-help p{
  margin:5px 0 0;
  color:#8FA2AA;
  font-size:9px;
  line-height:1.45;
}

.dashboard-ui-v2 .side-account{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
  padding:10px;
  border-radius:12px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.055);
  margin-top:7px;
}

.dashboard-ui-v2 .side-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#0F7C80;
  color:#fff;
  font-weight:900;
  font-size:9px;
}

.dashboard-ui-v2 .side-account strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  color:#EEF5F6;
}

.dashboard-ui-v2 .side-account span{
  display:block;
  margin-top:3px;
  color:#84979F;
  font-size:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dashboard-ui-v2 .side-v2 .side-bottom{
  border-color:rgba(255,255,255,.07);
  padding:12px 8px 0;
}

.dashboard-ui-v2 .side-v2 .side-bottom a,
.dashboard-ui-v2 .side-v2 .linklike{
  color:#8FA1A8;
  font-size:9px;
}

/* MAIN */

.dashboard-ui-v2 .main-v2{
  gap:14px;
  padding:17px 20px 38px;
  overflow:hidden;
}

.dashboard-ui-v2 .v2-appbar{
  min-height:55px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}

.dashboard-ui-v2 .v2-appbar-actions{
  display:flex;
  align-items:center;
  gap:9px;
}

.dashboard-ui-v2 .v2-appbar .workspace-switcher{
  min-width:320px;
}

.dashboard-ui-v2 .v2-search{
  min-width:255px;
  min-height:39px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border-radius:11px;
  text-decoration:none;
  color:#95A1A8;
  font-size:10px;
  border:1px solid #DDE5E8;
  background:#fff;
}

.dashboard-ui-v2 .v2-search > span:first-child{
  font-size:17px;
  color:#75858D;
}

/* HERO */

.dashboard-ui-v2 .v2-hero{
  min-height:176px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:25px;
  align-items:center;
  overflow:hidden;
  position:relative;
  padding:27px 31px;
  border:1px solid #E0E7E9;
  border-radius:19px;
  background:
    radial-gradient(circle at 79% 40%,rgba(15,124,128,.11),transparent 25%),
    linear-gradient(105deg,#fff 0 57%,#F2FAFA 100%);
  box-shadow:0 13px 40px rgba(31,37,43,.055);
}

.dashboard-ui-v2 .v2-hero:after{
  content:"";
  position:absolute;
  right:80px;
  top:-110px;
  width:340px;
  height:340px;
  border-radius:50%;
  border:1px solid rgba(15,124,128,.08);
  pointer-events:none;
}

.dashboard-ui-v2 .v2-hero h1{
  margin:6px 0 7px;
  font-size:32px;
  letter-spacing:-.045em;
}

.dashboard-ui-v2 .v2-hero p{
  margin:0;
  color:#74808A;
  font-size:11px;
}

.dashboard-ui-v2 .hero-workspace{
  margin-top:18px;
  display:inline-flex;
  flex-direction:column;
  padding:9px 12px;
  min-width:190px;
  border-radius:11px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(15,124,128,.12);
  backdrop-filter:blur(6px);
}

.dashboard-ui-v2 .hero-workspace span{
  color:#829098;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.dashboard-ui-v2 .hero-workspace strong{
  margin-top:3px;
  font-size:11px;
}

.dashboard-ui-v2 .hero-visual{
  height:145px;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}

.dashboard-ui-v2 .hero-visual-product{
  position:absolute;
  display:grid;
  place-items:center;
  width:150px;
  height:130px;
  animation:ornHeroFloat 5s ease-in-out infinite;
  z-index:3;
}

.dashboard-ui-v2 .hero-visual-product img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 14px 15px rgba(31,37,43,.15));
}

.dashboard-ui-v2 .hero-visual-product:nth-child(1){
  left:20px;
  bottom:-3px;
  transform:scale(.82);
}

.dashboard-ui-v2 .hero-visual-product:nth-child(2){
  left:132px;
  top:0;
  animation-delay:-1.4s;
}

.dashboard-ui-v2 .hero-visual-product:nth-child(3){
  right:0;
  bottom:-3px;
  transform:scale(.9);
  animation-delay:-2.7s;
}

.dashboard-ui-v2 .hero-visual-logo{
  position:absolute;
  right:20px;
  bottom:2px;
  font-weight:950;
  letter-spacing:.25em;
  font-size:44px;
  opacity:.035;
  z-index:1;
}

.dashboard-ui-v2 .hero-orbit{
  position:absolute;
  border:1px solid rgba(15,124,128,.13);
  border-radius:50%;
}

.dashboard-ui-v2 .hero-orbit-one{
  width:250px;
  height:90px;
  transform:rotate(-9deg);
}

.dashboard-ui-v2 .hero-orbit-two{
  width:315px;
  height:120px;
  transform:rotate(8deg);
  opacity:.55;
}

/* LEAD + METRICS */

.dashboard-ui-v2 .dashboard-lead{
  display:grid;
  grid-template-columns:minmax(330px,1.35fr) minmax(580px,2fr);
  gap:13px;
}

.dashboard-ui-v2 .next-action-panel{
  position:relative;
  overflow:hidden;
  min-height:160px;
  background:
    radial-gradient(circle at 98% 2%,rgba(15,124,128,.14),transparent 32%),
    #fff;
}

.dashboard-ui-v2 .next-action-panel:after{
  content:"";
  position:absolute;
  right:-35px;
  bottom:-55px;
  width:145px;
  height:145px;
  border-radius:50%;
  border:18px solid rgba(15,124,128,.025);
  pointer-events:none;
}

.dashboard-ui-v2 .metrics-v2{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.dashboard-ui-v2 .metrics-v2 .metric{
  min-height:160px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:16px;
}

.dashboard-ui-v2 .metric-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#EAF6F6;
  color:#0F7C80;
  font-size:15px;
  margin-bottom:auto;
}

.dashboard-ui-v2 .metrics-v2 .metric span{
  margin-top:13px;
  font-size:9px;
  color:#63717A;
}

.dashboard-ui-v2 .metrics-v2 .metric strong{
  font-size:29px;
  margin:3px 0 10px;
}

.dashboard-ui-v2 .metrics-v2 .metric a{
  color:#0F7C80;
  font-size:8px;
  font-weight:800;
  text-decoration:none;
}

/* CARDS */

.dashboard-ui-v2 .panel,
.dashboard-ui-v2 .metric{
  border-color:#E0E6E8;
  box-shadow:0 10px 34px rgba(31,37,43,.045);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

.dashboard-ui-v2 .panel:hover,
.dashboard-ui-v2 .metric:hover{
  transform:translateY(-2px);
  border-color:#CFDBDE;
  box-shadow:0 16px 38px rgba(31,37,43,.07);
}

.dashboard-ui-v2 .v2-main-grid{
  grid-template-columns:1.2fr .8fr;
}

.dashboard-ui-v2 .order-panel-v2,
.dashboard-ui-v2 .context-panel{
  min-height:205px;
}

.dashboard-ui-v2 .equipment-row{
  grid-template-columns:repeat(3,1fr);
}

.dashboard-ui-v2 .eq{
  background:#FBFCFC;
  transition:
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

.dashboard-ui-v2 .eq:hover{
  transform:translateY(-2px);
  border-color:#BBD8D9;
  box-shadow:0 8px 20px rgba(31,37,43,.055);
}

.dashboard-ui-v2 .v2-lifecycle{
  margin:0;
  padding:0;
  border:0;
}

.dashboard-ui-v2 .lifecycle-panel-v2 .lifecycle-item{
  min-height:62px;
}

.dashboard-ui-v2 .catalog-strip-v2{
  padding-bottom:16px;
}

.dashboard-ui-v2 .products-mini{
  grid-template-columns:repeat(6,1fr);
}

.dashboard-ui-v2 .mini-product{
  background:#FCFDFD;
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.dashboard-ui-v2 .mini-product:hover{
  transform:translateY(-2px);
  border-color:#BDD7D8;
  box-shadow:0 8px 20px rgba(31,37,43,.055);
}

/* ENTRANCE MOTION */

.dashboard-ui-v2 .v2-hero,
.dashboard-ui-v2 .dashboard-lead,
.dashboard-ui-v2 .v2-main-grid,
.dashboard-ui-v2 .lower,
.dashboard-ui-v2 .catalog-strip-v2{
  animation:ornDashboardEnter .42s ease both;
}

.dashboard-ui-v2 .dashboard-lead{animation-delay:.05s}
.dashboard-ui-v2 .v2-main-grid{animation-delay:.10s}
.dashboard-ui-v2 .lower{animation-delay:.15s}
.dashboard-ui-v2 .catalog-strip-v2{animation-delay:.20s}

@keyframes ornDashboardEnter{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@keyframes ornHeroFloat{
  0%,100%{margin-top:0}
  50%{margin-top:-6px}
}

/* MOBILE */

@media(max-width:1180px){
  .dashboard-ui-v2 .dashboard-lead{
    grid-template-columns:1fr;
  }

  .dashboard-ui-v2 .v2-hero{
    grid-template-columns:1fr 330px;
  }
}

@media(max-width:1000px){

  .dashboard-ui-v2 .shell.dashboard-v2{
    grid-template-columns:1fr;
    padding:8px;
    gap:8px;
  }

  .dashboard-ui-v2 .side-v2{
    position:relative;
    height:auto;
    border-radius:16px;
    padding:14px;
  }

  .dashboard-ui-v2 .side-brand{
    display:flex;
    align-items:center;
    gap:12px;
  }

  .dashboard-ui-v2 .side-v2 .side-title{
    margin:0;
  }

  .dashboard-ui-v2 .v2-nav{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:12px;
  }

  .dashboard-ui-v2 .side-help,
  .dashboard-ui-v2 .side-account,
  .dashboard-ui-v2 .side-spacer{
    display:none;
  }

  .dashboard-ui-v2 .side-v2 .side-bottom{
    display:none;
  }

  .dashboard-ui-v2 .main-v2{
    padding:4px 2px 25px;
  }

  .dashboard-ui-v2 .v2-hero{
    grid-template-columns:1fr;
  }

  .dashboard-ui-v2 .hero-visual{
    display:none;
  }
}

@media(max-width:760px){

  .dashboard-ui-v2 .v2-appbar{
    align-items:stretch;
    flex-direction:column;
  }

  .dashboard-ui-v2 .v2-appbar .workspace-switcher{
    min-width:0;
    width:100%;
  }

  .dashboard-ui-v2 .v2-appbar-actions{
    width:100%;
  }

  .dashboard-ui-v2 .v2-search{
    flex:1;
    min-width:0;
  }

  .dashboard-ui-v2 .v2-hero{
    padding:21px 18px;
  }

  .dashboard-ui-v2 .v2-hero h1{
    font-size:27px;
  }

  .dashboard-ui-v2 .metrics-v2{
    grid-template-columns:repeat(2,1fr);
  }

  .dashboard-ui-v2 .v2-main-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){

  .dashboard-ui-v2 .v2-nav{
    grid-template-columns:repeat(2,1fr);
  }

  .dashboard-ui-v2 .v2-nav a{
    font-size:10px;
  }

  .dashboard-ui-v2 .metrics-v2 .metric{
    min-height:132px;
  }

  .dashboard-ui-v2 .equipment-row{
    grid-template-columns:1fr;
  }

  .dashboard-ui-v2 .products-mini{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(prefers-reduced-motion:reduce){
  .dashboard-ui-v2 *,
  .dashboard-ui-v2 *:before,
  .dashboard-ui-v2 *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}



/* =========================================================
   ORN DASHBOARD UI v2.1
   sidebar lock + hero image cleanup
   ========================================================= */

/* Desktop: sidebar always stays full-height */
@media(min-width:1001px){

  .dashboard-ui-v2 .shell.dashboard-v2{
    display:block;
    min-height:100vh;
  }

  .dashboard-ui-v2 .side-v2{
    position:fixed;
    z-index:40;
    left:0;
    top:0;
    bottom:0;
    width:234px;
    height:100vh;
    height:100dvh;
    border-radius:0;
    overflow:hidden;
  }

  .dashboard-ui-v2 .main-v2{
    margin-left:234px;
    width:calc(100% - 234px);
  }
}


/* HERO PRODUCTS
   White catalog backgrounds visually disappear into hero */
.dashboard-ui-v2 .hero-visual{
  isolation:isolate;
}

.dashboard-ui-v2 .hero-visual-product{
  background:transparent;
  border:0;
  overflow:visible;
}

.dashboard-ui-v2 .hero-visual-product img{
  display:block;
  background:transparent;

  /*
   * Catalog images may be JPEGs with a white background.
   * Multiply makes white behave like transparent over
   * the light ORN hero without touching source files.
   */
  mix-blend-mode:multiply;

  filter:
    drop-shadow(0 15px 16px rgba(31,37,43,.16));

  transition:
    transform .28s ease,
    filter .28s ease;
}

.dashboard-ui-v2 .hero-visual-product:hover img{
  transform:translateY(-3px) scale(1.025);
  filter:
    drop-shadow(0 18px 20px rgba(31,37,43,.21));
}


/* Softer background so white JPEG backgrounds vanish naturally */
.dashboard-ui-v2 .v2-hero{
  background:
    radial-gradient(circle at 80% 42%,rgba(15,124,128,.12),transparent 27%),
    radial-gradient(circle at 67% 70%,rgba(15,124,128,.045),transparent 32%),
    linear-gradient(105deg,#fff 0 57%,#F4FAFA 100%);
}


/* Hero composition refinement */
.dashboard-ui-v2 .hero-visual-product:nth-child(1){
  left:25px;
  bottom:1px;
  width:135px;
  height:118px;
}

.dashboard-ui-v2 .hero-visual-product:nth-child(2){
  left:135px;
  top:-1px;
  width:175px;
  height:145px;
  z-index:4;
}

.dashboard-ui-v2 .hero-visual-product:nth-child(3){
  right:4px;
  bottom:0;
  width:145px;
  height:125px;
}


/* Responsive: return sidebar to normal document flow */
@media(max-width:1000px){

  .dashboard-ui-v2 .shell.dashboard-v2{
    display:grid;
  }

  .dashboard-ui-v2 .side-v2{
    position:relative;
    left:auto;
    top:auto;
    bottom:auto;
    width:auto;
    height:auto;
  }

  .dashboard-ui-v2 .main-v2{
    margin-left:0;
    width:100%;
  }
}



/* ORN Hero transparent assets v0.1 */

.dashboard-ui-v2 .hero-visual-product img{
  mix-blend-mode:normal!important;
  background:transparent!important;
}

/* Drill */
.dashboard-ui-v2 .hero-visual-product:nth-child(1){
  left:18px;
  bottom:-2px;
  width:130px;
  height:125px;
  z-index:3;
}

/* 5008MG — main hero product */
.dashboard-ui-v2 .hero-visual-product:nth-child(2){
  left:120px;
  top:-4px;
  width:190px;
  height:155px;
  z-index:5;
}

/* HR2470 */
.dashboard-ui-v2 .hero-visual-product:nth-child(3){
  right:0;
  bottom:-1px;
  width:155px;
  height:135px;
  z-index:4;
}


/* ORN CORE HERO v2.0 BEGIN */


/* ---------------------------------------------------------
   HERO RIGHT AREA
--------------------------------------------------------- */

.dashboard-ui-v2 .hero-visual{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  height:260px!important;
  min-height:260px!important;

  overflow:visible!important;
  isolation:isolate;

  background:transparent!important;
}


/* ---------------------------------------------------------
   SCENE
--------------------------------------------------------- */

.dashboard-ui-v2 .orn-core-scene{
  position:relative;

  width:390px;
  height:260px;

  display:flex;
  align-items:center;
  justify-content:center;

  perspective:1000px;

  transform:translateX(6px);
}


/* ---------------------------------------------------------
   AMBIENT GLOW
--------------------------------------------------------- */

.dashboard-ui-v2 .orn-core-scene::before{
  content:"";

  position:absolute;
  left:50%;
  top:54%;

  width:250px;
  height:125px;

  transform:
    translate(-50%,-50%)
    rotate(-7deg);

  border-radius:50%;

  background:
    radial-gradient(
      ellipse at center,
      rgba(15,124,128,.17) 0%,
      rgba(15,124,128,.07) 42%,
      transparent 72%
    );

  filter:blur(9px);

  z-index:0;
}


.dashboard-ui-v2 .orn-core-aura{
  position:absolute;

  left:50%;
  top:50%;

  border-radius:50%;

  pointer-events:none;

  z-index:0;
}


.dashboard-ui-v2 .orn-core-aura-a{
  width:285px;
  height:285px;

  transform:translate(-50%,-50%);

  background:
    radial-gradient(
      circle,
      rgba(15,124,128,.08),
      transparent 65%
    );
}


.dashboard-ui-v2 .orn-core-aura-b{
  width:180px;
  height:180px;

  transform:translate(-50%,-50%);

  background:
    radial-gradient(
      circle,
      rgba(104,224,225,.10),
      transparent 70%
    );

  animation:
    ornCoreAura 4.5s ease-in-out infinite;
}


/* ---------------------------------------------------------
   ORBITS
--------------------------------------------------------- */

.dashboard-ui-v2 .orn-core-orbit{
  position:absolute;

  left:50%;
  top:50%;

  border:
    1px solid rgba(15,124,128,.13);

  border-radius:50%;

  pointer-events:none;

  z-index:1;
}


.dashboard-ui-v2 .orn-core-orbit-a{
  width:325px;
  height:105px;

  transform:
    translate(-50%,-50%)
    rotate(-11deg);

  animation:
    ornOrbitA 15s linear infinite;
}


.dashboard-ui-v2 .orn-core-orbit-b{
  width:260px;
  height:145px;

  transform:
    translate(-50%,-50%)
    rotate(18deg);

  opacity:.65;

  animation:
    ornOrbitB 19s linear infinite reverse;
}


/* ---------------------------------------------------------
   CUBE CONTAINER
--------------------------------------------------------- */

.dashboard-ui-v2 .orn-core-cube-wrap{
  position:relative;

  width:156px;
  height:156px;

  transform-style:preserve-3d;

  z-index:5;

  animation:
    ornCoreFloat 4s ease-in-out infinite;
}


.dashboard-ui-v2 .orn-core-cube{
  position:absolute;
  inset:0;

  width:156px;
  height:156px;

  transform-style:preserve-3d;

  transform:
    rotateX(-15deg)
    rotateY(0deg);

  animation:
    ornCoreTurn 16s cubic-bezier(.65,.05,.35,1) infinite;
}


/* ---------------------------------------------------------
   FACES
--------------------------------------------------------- */

.dashboard-ui-v2 .orn-core-face{
  position:absolute;

  width:156px;
  height:156px;

  box-sizing:border-box;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  padding:18px;

  overflow:hidden;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      rgba(22,55,64,.97),
      rgba(13,34,41,.97)
    );

  border:
    1px solid rgba(110,231,232,.78);

  box-shadow:
    inset 0 0 26px rgba(15,124,128,.20),
    inset 0 0 1px rgba(255,255,255,.85),
    0 0 14px rgba(15,124,128,.20);

  backface-visibility:hidden;
}


.dashboard-ui-v2 .orn-core-face::before{
  content:"";

  position:absolute;

  inset:7px;

  border:
    1px solid rgba(99,225,227,.22);

  border-radius:12px;

  pointer-events:none;
}


.dashboard-ui-v2 .orn-core-face::after{
  content:"";

  position:absolute;

  left:15px;
  right:15px;
  top:0;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(109,241,242,.88),
      transparent
    );
}


/* FRONT */

.dashboard-ui-v2 .orn-core-front{
  transform:
    rotateY(0deg)
    translateZ(78px);
}


/* RIGHT */

.dashboard-ui-v2 .orn-core-right{
  transform:
    rotateY(90deg)
    translateZ(78px);
}


/* BACK */

.dashboard-ui-v2 .orn-core-back{
  transform:
    rotateY(180deg)
    translateZ(78px);
}


/* LEFT */

.dashboard-ui-v2 .orn-core-left{
  transform:
    rotateY(-90deg)
    translateZ(78px);
}


/* TOP */

.dashboard-ui-v2 .orn-core-top{
  transform:
    rotateX(90deg)
    translateZ(78px);

  background:
    linear-gradient(
      145deg,
      rgba(238,253,253,.96),
      rgba(182,232,233,.92)
    );

  color:#1F252B;

  box-shadow:
    inset 0 0 25px rgba(15,124,128,.19),
    0 0 20px rgba(15,124,128,.20);
}


/* BOTTOM */

.dashboard-ui-v2 .orn-core-bottom{
  transform:
    rotateX(-90deg)
    translateZ(78px);

  background:#11252C;
}


/* ---------------------------------------------------------
   FACE CONTENT
--------------------------------------------------------- */

.dashboard-ui-v2 .orn-core-icon{
  width:36px;
  height:36px;

  margin-bottom:12px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:10px;

  font-size:22px;
  font-weight:700;

  color:#73EFF0;

  background:
    rgba(15,124,128,.18);

  border:
    1px solid rgba(115,239,240,.30);
}


.dashboard-ui-v2 .orn-core-face strong{
  position:relative;

  z-index:2;

  display:block;

  font-size:16px;
  line-height:1.15;

  letter-spacing:.04em;

  font-weight:850;

  text-align:center;
}


.dashboard-ui-v2 .orn-core-face span{
  position:relative;

  z-index:2;

  display:block;

  margin-top:8px;

  max-width:120px;

  font-size:10px;
  line-height:1.35;

  font-weight:500;

  text-align:center;

  color:
    rgba(224,244,245,.70);
}


.dashboard-ui-v2 .orn-core-brand{
  position:relative;

  z-index:2;

  font-size:38px;
  line-height:1;

  font-weight:950;

  letter-spacing:-.08em;

  color:#1F252B;

  text-shadow:
    0 1px 0 rgba(255,255,255,.9),
    0 5px 12px rgba(15,124,128,.12);
}


/* turquoise slash */

.dashboard-ui-v2 .orn-core-brand::after{
  content:"";

  position:absolute;

  right:-4px;
  bottom:-3px;

  width:23px;
  height:4px;

  border-radius:10px;

  transform:rotate(48deg);

  background:#0F7C80;
}


/* ---------------------------------------------------------
   BASE / SHADOW
--------------------------------------------------------- */

.dashboard-ui-v2 .orn-core-cube-wrap::before{
  content:"";

  position:absolute;

  left:50%;
  bottom:-46px;

  width:175px;
  height:42px;

  transform:
    translateX(-50%)
    rotateX(65deg);

  border-radius:50%;

  background:
    radial-gradient(
      ellipse,
      rgba(15,124,128,.20),
      rgba(31,37,43,.08) 45%,
      transparent 70%
    );

  filter:blur(7px);

  z-index:-1;
}


/* ---------------------------------------------------------
   CAPTION
--------------------------------------------------------- */

.dashboard-ui-v2 .orn-core-caption{
  position:absolute;

  left:50%;
  bottom:5px;

  transform:translateX(-50%);

  display:flex;
  align-items:center;

  gap:7px;

  white-space:nowrap;

  font-size:9px;
  line-height:1;

  font-weight:800;

  letter-spacing:.13em;

  color:
    rgba(31,37,43,.48);

  z-index:8;
}


.dashboard-ui-v2 .orn-core-status{
  display:block;

  width:6px;
  height:6px;

  flex:0 0 6px;

  border-radius:50%;

  background:#0F7C80;

  box-shadow:
    0 0 0 4px rgba(15,124,128,.09);
}


/* ---------------------------------------------------------
   ANIMATION
--------------------------------------------------------- */

@keyframes ornCoreTurn{

  0%,
  18%{
    transform:
      rotateX(-15deg)
      rotateY(0deg);
  }

  25%,
  43%{
    transform:
      rotateX(-15deg)
      rotateY(-90deg);
  }

  50%,
  68%{
    transform:
      rotateX(-15deg)
      rotateY(-180deg);
  }

  75%,
  93%{
    transform:
      rotateX(-15deg)
      rotateY(-270deg);
  }

  100%{
    transform:
      rotateX(-15deg)
      rotateY(-360deg);
  }
}


@keyframes ornCoreFloat{

  0%,
  100%{
    transform:
      translateY(2px);
  }

  50%{
    transform:
      translateY(-6px);
  }
}


@keyframes ornCoreAura{

  0%,
  100%{
    opacity:.45;
    transform:
      translate(-50%,-50%)
      scale(.94);
  }

  50%{
    opacity:.92;
    transform:
      translate(-50%,-50%)
      scale(1.08);
  }
}


@keyframes ornOrbitA{

  from{
    transform:
      translate(-50%,-50%)
      rotate(-11deg);
  }

  to{
    transform:
      translate(-50%,-50%)
      rotate(349deg);
  }
}


@keyframes ornOrbitB{

  from{
    transform:
      translate(-50%,-50%)
      rotate(18deg);
  }

  to{
    transform:
      translate(-50%,-50%)
      rotate(378deg);
  }
}


/* ---------------------------------------------------------
   HOVER
--------------------------------------------------------- */

.dashboard-ui-v2 .orn-core-scene:hover .orn-core-cube{
  animation-play-state:paused;
}


.dashboard-ui-v2 .orn-core-scene:hover .orn-core-cube-wrap{
  transform:translateY(-4px);
}


/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media(max-width:1180px){

  .dashboard-ui-v2 .orn-core-scene{
    width:330px;
    transform:none;
  }

}


@media(max-width:1000px){

  .dashboard-ui-v2 .hero-visual{
    display:flex!important;

    height:215px!important;
    min-height:215px!important;

    margin-top:5px;
  }


  .dashboard-ui-v2 .orn-core-scene{
    width:100%;
    max-width:330px;

    height:215px;
  }


  .dashboard-ui-v2 .orn-core-cube-wrap,
  .dashboard-ui-v2 .orn-core-cube,
  .dashboard-ui-v2 .orn-core-face{
    width:128px;
    height:128px;
  }


  .dashboard-ui-v2 .orn-core-front{
    transform:
      rotateY(0deg)
      translateZ(64px);
  }


  .dashboard-ui-v2 .orn-core-right{
    transform:
      rotateY(90deg)
      translateZ(64px);
  }


  .dashboard-ui-v2 .orn-core-back{
    transform:
      rotateY(180deg)
      translateZ(64px);
  }


  .dashboard-ui-v2 .orn-core-left{
    transform:
      rotateY(-90deg)
      translateZ(64px);
  }


  .dashboard-ui-v2 .orn-core-top{
    transform:
      rotateX(90deg)
      translateZ(64px);
  }


  .dashboard-ui-v2 .orn-core-bottom{
    transform:
      rotateX(-90deg)
      translateZ(64px);
  }


  .dashboard-ui-v2 .orn-core-face strong{
    font-size:13px;
  }


  .dashboard-ui-v2 .orn-core-face span{
    font-size:8px;
  }


  .dashboard-ui-v2 .orn-core-icon{
    width:30px;
    height:30px;

    margin-bottom:8px;

    font-size:17px;
  }


  .dashboard-ui-v2 .orn-core-orbit-a{
    width:250px;
    height:82px;
  }


  .dashboard-ui-v2 .orn-core-orbit-b{
    width:205px;
    height:112px;
  }

}


@media(max-width:760px){

  .dashboard-ui-v2 .hero-visual{
    height:195px!important;
    min-height:195px!important;
  }


  .dashboard-ui-v2 .orn-core-scene{
    height:195px;
  }


  .dashboard-ui-v2 .orn-core-caption{
    bottom:0;
  }

}


/* ---------------------------------------------------------
   REDUCED MOTION
--------------------------------------------------------- */

@media(prefers-reduced-motion:reduce){

  .dashboard-ui-v2 .orn-core-cube,
  .dashboard-ui-v2 .orn-core-cube-wrap,
  .dashboard-ui-v2 .orn-core-aura,
  .dashboard-ui-v2 .orn-core-orbit{
    animation:none!important;
  }


  .dashboard-ui-v2 .orn-core-cube{
    transform:
      rotateX(-15deg)
      rotateY(-18deg);
  }

}


/* ORN CORE HERO v2.0 END */



/* ORN DASHBOARD SUMMARY v2.3 BEGIN */

.dashboard-ui-v2 .dashboard-summary-v23{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,.9fr);
  gap:13px;
}

.dashboard-ui-v2 .summary-card-v23{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:220px;
  overflow:hidden;
}

.dashboard-ui-v2 .summary-card-v23::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(
    90deg,
    #0F7C80,
    rgba(15,124,128,.12) 55%,
    transparent
  );
}

.dashboard-ui-v2 .summary-card-v23 > .actions{
  margin-top:auto;
  padding-top:14px;
}


/* ORDER */

.dashboard-ui-v2 .summary-order-v23 .order-body{
  margin-top:14px;
}

.dashboard-ui-v2 .summary-order-v23 .order-body:not(.empty){
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.dashboard-ui-v2 .summary-order-v23 .order-cell{
  min-width:0;
  padding:11px 12px;
  border-radius:12px;
  background:#F7F9FA;
  border:1px solid rgba(31,37,43,.06);
}


/* DOCUMENT */

.dashboard-ui-v2 .summary-document-body-v23{
  margin-top:14px;
  display:grid;
  gap:8px;
}

.dashboard-ui-v2 .summary-document-body-v23.empty{
  display:block;
  color:rgba(31,37,43,.55);
  font-size:12px;
  line-height:1.5;
}

.dashboard-ui-v2 .summary-document-fact-v23{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  padding:11px 12px;

  border-radius:12px;
  background:#F7F9FA;
  border:1px solid rgba(31,37,43,.06);
}

.dashboard-ui-v2 .summary-document-fact-v23 span{
  color:rgba(31,37,43,.50);
  font-size:10px;
}

.dashboard-ui-v2 .summary-document-fact-v23 strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  color:#1F252B;
  font-size:12px;
}


/* ORGANIZATION */

.dashboard-ui-v2 .summary-context-meta-v23{
  margin-top:14px;

  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.dashboard-ui-v2 .summary-context-v23 .context-fact{
  min-width:0;

  padding:11px 12px;

  border-radius:12px;
  background:#F7F9FA;
  border:1px solid rgba(31,37,43,.06);
}


/* RESPONSIVE */

@media(max-width:1180px){

  .dashboard-ui-v2 .dashboard-summary-v23{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .dashboard-ui-v2 .summary-context-v23{
    grid-column:1 / -1;
  }

}

@media(max-width:760px){

  .dashboard-ui-v2 .dashboard-summary-v23{
    grid-template-columns:1fr;
  }

  .dashboard-ui-v2 .summary-context-v23{
    grid-column:auto;
  }

  .dashboard-ui-v2 .summary-card-v23{
    min-height:auto;
  }

  .dashboard-ui-v2 .summary-order-v23 .order-body:not(.empty){
    grid-template-columns:1fr;
  }

}

/* ORN DASHBOARD SUMMARY v2.3 END */



/* ORN AI WOW BADGE v0.1 */
.dashboard-ui-v2 .orn-ai-wow-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  background:linear-gradient(
    135deg,
    rgba(15,124,128,.14),
    rgba(15,124,128,.06)
  )!important;
  border:1px solid rgba(15,124,128,.16)!important;
  color:#0F6E74!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  box-shadow:0 8px 18px rgba(15,124,128,.08)!important;
}

.dashboard-ui-v2 .orn-ai-wow-pill::before{
  content:"✦";
  font-size:12px;
  line-height:1;
  opacity:.92;
}



/* =========================================================
   ORN AI FEATURE FINAL v1
========================================================= */

.dashboard-ui-v2 .orn-ai-feature{
  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;

  gap:7px!important;

  min-height:34px!important;

  padding:8px 14px!important;

  border-radius:999px!important;

  border:
    1px solid rgba(15,124,128,.24)!important;

  background:
    linear-gradient(
      135deg,
      rgba(15,124,128,.18),
      rgba(83,211,213,.08)
    )!important;

  color:#0B7176!important;

  font-size:15px!important;
  line-height:1!important;

  font-weight:950!important;

  letter-spacing:.055em!important;

  text-transform:uppercase!important;

  box-shadow:
    0 7px 20px rgba(15,124,128,.11)!important;
}


.dashboard-ui-v2 .orn-ai-feature::before{
  content:"✦";

  display:inline-block;

  color:#0F7C80;

  font-size:13px;

  line-height:1;
}


/* ORN AI section kicker itself */
.dashboard-ui-v2
.lifecycle-panel-v2
.label.orn-ai-feature{
  font-size:15px!important;
}


/* Slight WOW breathing — very restrained */
@keyframes ornAiGlowFinal{

  0%,100%{
    box-shadow:
      0 7px 20px rgba(15,124,128,.09);
  }

  50%{
    box-shadow:
      0 8px 25px rgba(15,124,128,.17);
  }

}

.dashboard-ui-v2 .orn-ai-feature{
  animation:
    ornAiGlowFinal 3.8s ease-in-out infinite;
}


@media(prefers-reduced-motion:reduce){

  .dashboard-ui-v2 .orn-ai-feature{
    animation:none!important;
  }

}



/* =========================================================
   ORN SIDEBAR BRAND CANONICAL FINAL v2
========================================================= */

/*
 Main dashboard brand.
 Internal pages use exactly the same visual dimensions.
*/

.dashboard-ui-v2 .side-v2 img[alt="ORN"],
.dashboard-ui-v2 .side-v2 .orn-logo,
.dashboard-ui-v2 .side-v2 .brand img{
  width:116px!important;
  height:auto!important;

  opacity:1!important;

  filter:none!important;

  transform:none!important;

  mix-blend-mode:normal!important;
}


/* shared subtitle */

.dashboard-ui-v2 .side-v2 .brand-subtitle,
.dashboard-ui-v2 .side-v2 .brand small{
  margin-top:7px!important;

  color:rgba(220,234,236,.62)!important;

  font-size:12px!important;

  font-weight:700!important;

  line-height:1.2!important;
}



/* ==========================================================
   ORN RELEASE 1 — CLIENT FEATURE FLAGS v1
   HIDE ONLY. FUNCTIONALITY / ROUTES / API ARE NOT REMOVED.
   ========================================================== */

/*
  Extended Operational Park / Lifecycle.
  Keep implementation for a possible paid next stage.
*/
.dashboard-ui-v2 a[href="/operational-park"],
.park-shell a[href="/operational-park"],
#operationalParkPark{
  display:none!important;
}


/*
  Organization management.
  Release 1 uses one client role: Owner.
  Keep /organizations and backend implementation intact.
*/
.dashboard-ui-v2 #contextManage{
  display:none!important;
}

/* ==========================================================
   END ORN RELEASE 1 FEATURE FLAGS v1
   ========================================================== */



/* ORN RELEASE 1 — DASHBOARD LIFECYCLE HIDE v1
   Hide only. Product Intelligence / compatibility stays for P1.
*/
.dashboard-ui-v2 .lifecycle-panel-v2{
  display:none!important;
}

.dashboard-ui-v2 .grid-two.lower{
  grid-template-columns:minmax(0,1fr)!important;
}

.dashboard-ui-v2 .park-preview-v2{
  grid-column:1/-1;
}


/* ORN RELEASE 1 — PARK FULL WIDTH COMPACT v1
   Lifecycle panel is hidden.
   Preserve approximately the old Park card proportions.
*/
@media(min-width:1001px){

  .dashboard-ui-v2
  .park-preview-v2
  .equipment-row{

    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;
  }

}


/* ORN DASHBOARD FINAL VISUAL v1 BEGIN */


/* =========================================================
   1. FINAL DASHBOARD TYPOGRAPHY

   Main page only.
   Closed internal pages are not affected.
========================================================= */

body.dashboard-ui-v2{
  font-size:16px;
}


/* ordinary secondary text */

.dashboard-ui-v2 .top p,
.dashboard-ui-v2 .hero p,
.dashboard-ui-v2 .muted{
  font-size:13px!important;
  line-height:1.5!important;
}


/* small section labels */

.dashboard-ui-v2 .eyebrow,
.dashboard-ui-v2 .label{
  font-size:11px!important;
  line-height:1.3!important;
}


/* links that were almost unreadable */

.dashboard-ui-v2 .small-link,
.dashboard-ui-v2 .metric a,
.dashboard-ui-v2 .metric-v2 a{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
}


/* dashboard buttons */

.dashboard-ui-v2 .btn{
  min-height:42px!important;
  padding:10px 15px!important;
  font-size:13px!important;
  line-height:1.2!important;
}


/* =========================================================
   2. HERO

   Remove the old local .90 / 111.111% compensation.
   This was one of the reasons the visual/cube drifted right.
========================================================= */

.dashboard-ui-v2 .orn-welcome-compact-v02{
  zoom:1!important;
  width:100%!important;
  max-width:100%!important;
  transform:none!important;
  transform-origin:center center!important;
  overflow:hidden!important;
}

.dashboard-ui-v2 .orn-welcome-compact-v02 img{
  max-width:100%!important;
}


/* Main hero readability */

.dashboard-ui-v2 .orn-welcome-compact-v02 h1,
.dashboard-ui-v2 .top h1{
  font-size:36px!important;
  line-height:1.08!important;
}

.dashboard-ui-v2 .orn-welcome-compact-v02 p{
  font-size:14px!important;
  line-height:1.5!important;
}


/* Current workspace chip */

.dashboard-ui-v2 .context-fact span{
  font-size:10px!important;
}

.dashboard-ui-v2 .context-fact strong{
  font-size:13px!important;
}


/* =========================================================
   3. SIDEBAR — DASHBOARD INSTANCE ONLY

   We do NOT modify orn-sidebar-component-v1.js.
   We do NOT touch already accepted internal pages.
========================================================= */

body.dashboard-ui-v2 .side-v2 nav a,
body.dashboard-ui-v2 .side nav a{
  font-size:14px!important;
  line-height:1.3!important;
}

body.dashboard-ui-v2 .side-v2 .side-title,
body.dashboard-ui-v2 .side .side-title{
  font-size:12px!important;
}

body.dashboard-ui-v2 .side-v2 .side-bottom a,
body.dashboard-ui-v2 .side-v2 .linklike,
body.dashboard-ui-v2 .side .side-bottom a,
body.dashboard-ui-v2 .side .linklike{
  font-size:12px!important;
  line-height:1.4!important;
}


/* =========================================================
   4. ORN BUSINESS STRIP ON DASHBOARD

   ORN Business PAGE itself is NOT affected.
========================================================= */

body.dashboard-ui-v2 #ornBusinessDashboardMount,
body.dashboard-ui-v2 .orn-business-strip{
  font-size:13px!important;
}

body.dashboard-ui-v2 .orn-business-strip p,
body.dashboard-ui-v2 .orn-business-strip small,
body.dashboard-ui-v2 .orn-business-strip span{
  line-height:1.4;
}

body.dashboard-ui-v2 .orn-business-strip small{
  font-size:11px!important;
}

body.dashboard-ui-v2 .orn-business-strip .btn,
body.dashboard-ui-v2 .orn-business-strip button,
body.dashboard-ui-v2 .orn-business-strip a{
  font-size:12px!important;
}


/* =========================================================
   5. KPI CARDS

   "Активные заказы", "Инструментов в Парке",
   "Документы", "Каталог ORN" must be readable.
========================================================= */

.dashboard-ui-v2 .metric span,
.dashboard-ui-v2 .metric-v2 span{
  font-size:12px!important;
  line-height:1.4!important;
}

.dashboard-ui-v2 .metric strong,
.dashboard-ui-v2 .metric-v2 strong{
  font-size:29px!important;
  line-height:1.05!important;
}

.dashboard-ui-v2 .metric,
.dashboard-ui-v2 .metric-v2{
  min-width:0!important;
}


/* =========================================================
   6. SUMMARY CARDS

   Last order / document / organization.
========================================================= */

.dashboard-ui-v2 .summary-card-v23{
  min-width:0!important;
}

.dashboard-ui-v2 .summary-card-v23 .muted,
.dashboard-ui-v2 .summary-card-v23 span,
.dashboard-ui-v2 .summary-card-v23 small{
  font-size:11px;
  line-height:1.4;
}

.dashboard-ui-v2 .summary-card-v23 strong{
  line-height:1.3;
}


/* =========================================================
   7. PARK PREVIEW

   Lifecycle panel is hidden for Release 1.
   Park uses the whole row, but cards stay COMPACT.

   notebook / medium desktop = 3 x 2
   large desktop             = 6 x 1
========================================================= */

.dashboard-ui-v2 .lifecycle-panel-v2{
  display:none!important;
}

.dashboard-ui-v2 .grid-two.lower{
  grid-template-columns:minmax(0,1fr)!important;
}

.dashboard-ui-v2 .park-preview-v2{
  grid-column:1/-1!important;
  padding:20px 22px!important;
}

.dashboard-ui-v2
.park-preview-v2
.equipment-row{
  display:grid!important;
  gap:12px!important;
  align-items:start!important;
  grid-auto-rows:auto!important;
}

.dashboard-ui-v2
.park-preview-v2
.eq{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;

  padding:12px!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;

  background:#FBFCFC!important;
}

.dashboard-ui-v2
.park-preview-v2
.eq img{
  width:100%!important;
  height:96px!important;
  object-fit:contain!important;
  margin:0 auto 8px!important;
}

.dashboard-ui-v2
.park-preview-v2
.eq strong{
  font-size:12px!important;
  line-height:1.3!important;
  margin-top:2px!important;
}

.dashboard-ui-v2
.park-preview-v2
.eq span{
  font-size:11px!important;
  line-height:1.3!important;
  margin-top:5px!important;
}


/* 14" / medium desktop */

@media
(min-width:1001px)
and (max-width:1279px){

  .dashboard-ui-v2
  .park-preview-v2
  .equipment-row{
    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;
  }

  .dashboard-ui-v2
  .park-preview-v2
  .eq img{
    height:96px!important;
  }

}


/* 21.5" / large desktop */

@media(min-width:1280px){

  .dashboard-ui-v2
  .park-preview-v2
  .equipment-row{
    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;
  }

}


/* =========================================================
   8. POPULAR CATALOG PREVIEW
========================================================= */

.dashboard-ui-v2 .mini-product strong{
  font-size:10px!important;
  line-height:1.3!important;
  height:auto!important;
  min-height:26px;
}

.dashboard-ui-v2 .mini-product b{
  font-size:12px!important;
}


/* =========================================================
   9. SMALL SCREENS
========================================================= */

@media(max-width:1000px){

  .dashboard-ui-v2
  .park-preview-v2
  .equipment-row{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

}

@media(max-width:650px){

  .dashboard-ui-v2
  .park-preview-v2
  .equipment-row{
    grid-template-columns:1fr!important;
  }

  .dashboard-ui-v2 .top h1,
  .dashboard-ui-v2 .orn-welcome-compact-v02 h1{
    font-size:28px!important;
  }

}


/* ORN DASHBOARD FINAL VISUAL v1 END */


/* ORN DASHBOARD PARK WHITE CARDS v1
   Product photos commonly use a white source canvas.
   White cards hide source-canvas edges and keep the preview clean.
   Dashboard preview only.
*/
.dashboard-ui-v2
.park-preview-v2
.eq{
  background:#FFFFFF!important;
  border-color:#DDE3E6!important;
}

.dashboard-ui-v2
.park-preview-v2
.eq:hover{
  background:#FFFFFF!important;
  border-color:#9FCBCC!important;
  box-shadow:0 8px 20px rgba(31,37,43,.055)!important;
}


/* ORN DASHBOARD POPULAR PRODUCTS FINAL v1 BEGIN
   Dashboard only.
   White product surface + neutral border.
   Images enlarged without cropping product geometry.
*/

.dashboard-ui-v2
.catalog-strip-v2
.mini-product{
  background:#FFFFFF!important;
  border:1px solid #DDE3E6!important;
  padding:10px!important;
  border-radius:12px!important;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.dashboard-ui-v2
.catalog-strip-v2
.mini-product:hover{
  background:#FFFFFF!important;
  border-color:#9FCBCC!important;
  box-shadow:0 8px 20px rgba(31,37,43,.055)!important;
  transform:translateY(-1px);
}

.dashboard-ui-v2
.catalog-strip-v2
.mini-product img{
  width:100%!important;
  height:82px!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:0 auto 8px!important;
}

.dashboard-ui-v2
.catalog-strip-v2
.mini-product strong{
  display:block!important;
  font-size:10.5px!important;
  line-height:1.32!important;
  height:auto!important;
  min-height:28px!important;
  overflow:hidden!important;
}

.dashboard-ui-v2
.catalog-strip-v2
.mini-product b{
  display:block!important;
  margin-top:7px!important;
  font-size:13px!important;
  line-height:1.2!important;
}


/* slightly more presence on large desktop */

@media(min-width:1600px){

  .dashboard-ui-v2
  .catalog-strip-v2
  .mini-product img{
    height:88px!important;
  }

  .dashboard-ui-v2
  .catalog-strip-v2
  .mini-product strong{
    font-size:11px!important;
  }

}

/* ORN DASHBOARD POPULAR PRODUCTS FINAL v1 END */


/* ORN HOME SIDEBAR UNIFY v1 BEGIN

   HOME keeps its own embedded sidebar,
   but its physical desktop geometry now matches
   the shared sidebar used on internal client pages.

   Dashboard content itself is NOT scaled.
*/


/* ---------------------------------------------------------
   Safety:
   if legacy ORN Business JS inserts a second identical link,
   it must never alter sidebar geometry.
--------------------------------------------------------- */

body.dashboard-ui-v2
.v2-nav
a[href="/orn-business"]
~
a[href="/orn-business"]{
  display:none!important;
}


/* ---------------------------------------------------------
   BASE DESKTOP
   Same base width as shared sidebar.
--------------------------------------------------------- */

@media
(min-width:901px)
and (max-width:1279px){

  body.dashboard-ui-v2
  > .shell.dashboard-v2{
    grid-template-columns:
      234px minmax(0,1fr)!important;
  }

  body.dashboard-ui-v2
  > .shell.dashboard-v2
  > .side-v2{
    width:234px!important;
    zoom:1!important;
    height:100dvh!important;
  }

  body.dashboard-ui-v2
  > .shell.dashboard-v2
  > .main-v2{
    margin-left:234px!important;
    width:calc(100% - 234px)!important;
  }

}


/* ---------------------------------------------------------
   14" / medium desktop
   Exactly same sidebar density as internal pages.
--------------------------------------------------------- */

@media
(min-width:1280px)
and (max-width:1699px)
and (min-height:700px){

  body.dashboard-ui-v2
  > .shell.dashboard-v2{
    grid-template-columns:
      269px minmax(0,1fr)!important;
  }

  body.dashboard-ui-v2
  > .shell.dashboard-v2
  > .side-v2{
    width:234px!important;

    zoom:1.15!important;

    height:86.9565dvh!important;

    left:0!important;
    top:0!important;
  }

  body.dashboard-ui-v2
  > .shell.dashboard-v2
  > .main-v2{
    margin-left:269px!important;
    width:calc(100% - 269px)!important;
  }

}


/* ---------------------------------------------------------
   21.5" / large desktop
   Exactly same sidebar density as internal pages.
--------------------------------------------------------- */

@media
(min-width:1700px)
and (min-height:800px){

  body.dashboard-ui-v2
  > .shell.dashboard-v2{
    grid-template-columns:
      293px minmax(0,1fr)!important;
  }

  body.dashboard-ui-v2
  > .shell.dashboard-v2
  > .side-v2{
    width:234px!important;

    zoom:1.25!important;

    height:80dvh!important;

    left:0!important;
    top:0!important;
  }

  body.dashboard-ui-v2
  > .shell.dashboard-v2
  > .main-v2{
    margin-left:293px!important;
    width:calc(100% - 293px)!important;
  }

}


/* Mobile remains untouched. */


/* ORN HOME SIDEBAR UNIFY v1 END */



/* ORN HOME BUSINESS DUPLICATE SAFETY v1
   Static ORN Business is the source of truth on HOME.
*/
body.dashboard-ui-v2
.v2-nav
a[href="/orn-business"]
~
a[href="/orn-business"]{
  display:none!important;
}


/* ORN SIDEBAR VERTICAL SCROLL v1 BEGIN
   P0 accessibility fix.
   Do not change sidebar width, zoom, typography or layout.
   If vertical content exceeds viewport, sidebar itself scrolls.
*/

@media(min-width:901px){

  body.dashboard-ui-v2
  > .shell.dashboard-v2
  > .side-v2,

  .orn-component-frame
  .side-v2{

    overflow-y:auto!important;
    overflow-x:hidden!important;

    min-height:0!important;

    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;

    scrollbar-width:thin;
    scrollbar-gutter:stable;
  }

  body.dashboard-ui-v2
  > .shell.dashboard-v2
  > .side-v2::after,

  .orn-component-frame
  .side-v2::after{

    content:"";
    display:block;
    height:14px;
    flex:0 0 14px;
  }

}

/* ORN SIDEBAR VERTICAL SCROLL v1 END */



/* ORN_SIDEBAR_RESPONSIVE_901_1000_V1
   Restore the normal vertical desktop sidebar in the overlap
   between legacy mobile <=1000 and sidebar desktop >=901.
   Do not alter page-content responsive rules.
*/
@media (min-width:901px) and (max-width:1000px){

  body.dashboard-ui-v2 > .shell.dashboard-v2{
    display:block!important;
    padding:0!important;
    gap:0!important;
  }

  .dashboard-ui-v2 .side-v2{
    position:fixed!important;
    z-index:40;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:234px!important;
    height:100vh!important;
    height:100dvh!important;
    border-radius:0!important;
    padding:24px 14px 18px!important;
  }

  .dashboard-ui-v2 .side-brand{
    display:block!important;
  }

  .dashboard-ui-v2 .side-v2 .side-title{
    margin:8px 0 24px!important;
  }

  .dashboard-ui-v2 .v2-nav{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:5px!important;
    margin-top:0!important;
  }

  .dashboard-ui-v2 .side-help{
    display:block!important;
  }

  .dashboard-ui-v2 .side-account{
    display:grid!important;
  }

  .dashboard-ui-v2 .side-spacer{
    display:block!important;
  }

  .dashboard-ui-v2 .side-v2 .side-bottom{
    display:grid!important;
  }

  body.dashboard-ui-v2
  > .shell.dashboard-v2
  > .main-v2{
    margin-left:234px!important;
    width:calc(100% - 234px)!important;
  }

}

/* ORN P0 DASHBOARD PARK — HARD FINAL 6 COL */
@media (min-width:901px){

  body.dashboard-ui-v2
  .park-preview-v2
  .equipment-row{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }

  body.dashboard-ui-v2
  .park-preview-v2
  .eq img{
    height:96px!important;
  }

}


/* ORN DASHBOARD REVOKED STATUS v1 */
.dashboard-ui-v2 #orderStatus.is-revoked{
  background:#FFF3E0!important;
  color:#A85B12!important;
  border:1px solid #F2C37D!important;
}

.dashboard-ui-v2 .summary-order-v23 .order-cell.is-revoked{
  background:#FFF9F0!important;
  border-color:#F2D3A2!important;
}

.dashboard-ui-v2 .summary-order-v23 .order-cell.is-revoked strong{
  color:#A85B12!important;
}


/* ORN DASHBOARD CANCELLED STATUS v1 */
.dashboard-ui-v2 #orderStatus.is-cancelled{
  background:#FDECEC!important;
  color:#B42318!important;
  border:1px solid #F3B4AE!important;
}

.dashboard-ui-v2 .summary-order-v23 .order-cell.is-cancelled{
  background:#FFF5F4!important;
  border-color:#F3C7C3!important;
}

.dashboard-ui-v2 .summary-order-v23 .order-cell.is-cancelled strong{
  color:#B42318!important;
}

/* ORN ACCOUNT SWITCH UX R3 BEGIN
   Account switch is cancelable.
   Laptop-height sidebar keeps account actions discoverable.
   Width / zoom / workspace layout are intentionally untouched.
*/

.auth-card{
  position:relative;
}

.auth-close{
  position:absolute;
  top:12px;
  right:12px;

  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  padding:0;
  border:0;
  border-radius:9px;

  background:#F1F3F4;
  color:#64727A;

  font-size:23px;
  line-height:1;

  cursor:pointer;
}

.auth-close:hover{
  background:#E7ECEE;
  color:#1F252B;
}

body.dashboard-ui-v2 #switchAccountBtn{
  font-weight:850!important;
  opacity:1!important;
}

@media(min-width:901px) and (max-height:900px){

  body.dashboard-ui-v2
  .side-v2
  .side-help{
    display:none!important;
  }

  body.dashboard-ui-v2
  .side-v2
  .side-account{
    margin-top:4px!important;
  }

  body.dashboard-ui-v2
  .side-v2
  .side-bottom{
    gap:6px!important;
    padding-top:9px!important;
  }

}

/* ORN ACCOUNT SWITCH UX R3 END */