.sdu-shell{border:1px solid #d7dde5;border-radius:16px;padding:16px;background:#fff}
.sdu-shell__header{margin-bottom:12px}
.sdu-shell__title{font:700 24px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#17324d}
.sdu-shell__version{margin-top:4px;font:13px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#5f7287}
.sdu-shell__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.sdu-shell__tab{border:1px solid #b5c3d1;background:#eef4f8;color:#17324d;border-radius:999px;padding:8px 14px;cursor:pointer}
.sdu-shell__tab.is-active{background:#5f9197;color:#fff;border-color:#5f9197}
.sdu-shell__panel{display:none}
.sdu-shell__panel.is-active{display:block}
.sdu-shell__placeholder{border:1px solid #d7dde5;border-radius:14px;padding:16px;background:#fbfdff}
.sdu-shell__placeholder h3{margin:0 0 10px 0}
.sdu-shell__placeholder p{margin:0;color:#5f7287}



/* 0.3.132: mobile viewport fit improvements */
@media (max-width: 768px){
  html,
  body{
    overflow-x:hidden !important;
  }

  .entry-content,
  .site-content,
  .content-area,
  .wp-site-blocks,
  .elitag-tabs-shell,
  .sdu-shell,
  #mbr-root,
  #asb-shell-wrapper,
  .asb-root,
  .mbr-root{
    max-width:100% !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  .entry-content > *,
  .site-main > *,
  .elitag-tabs-shell *,
  .sdu-shell *,
  #mbr-root *,
  #asb-shell-wrapper *{
    box-sizing:border-box !important;
  }

  .elitag-tabs-shell,
  .sdu-shell{
    padding:12px !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }

  .sdu-shell__title{
    font-size:30px !important;
    line-height:1.12 !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

  .sdu-shell__version{
    font-size:14px !important;
    line-height:1.35 !important;
  }

  .sdu-shell__tabs{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .sdu-shell__tab,
  .mbr-actions .button,
  .mbr-actions button,
  .mbr-card-nav-btn,
  #mbr-root .button,
  #mbr-root button,
  .asb-root .button,
  .asb-root button{
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
  }

  .sdu-shell__tab{
    width:100% !important;
    min-height:42px !important;
    padding:10px 14px !important;
    text-align:center !important;
  }

  .mbr-card-grid,
  .mbr-row,
  .mbr-system-grid,
  .mbr-montage-card-flow,
  .mbr-native-system-fields,
  .mbr-native-system-fields-clean,
  .mbr-native-system-strategy .mbr-system-mode-row,
  .mbr-system-strategy-selector .mbr-system-mode-row,
  .asb-main,
  .asb-fields,
  .asb-fields-2,
  .asb-fields-4{
    grid-template-columns:1fr !important;
  }

  .mbr-card,
  .mbr-unified-card,
  .mbr-summary-card,
  .mbr-roof-graphics,
  .mbr-bom-static,
  .mbr-system-material-card,
  .asb-card,
  .asb-side-card,
  .asb-banner,
  .asb-topbar{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:14px !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }

  .mbr-card-title-row{
    align-items:flex-start !important;
    gap:8px !important;
  }

  .mbr-card-title-row h2,
  .mbr-card-title-row h3,
  .mbr-summary-card h3,
  .mbr-bom-drawer-title,
  .asb-title,
  .asb-card-title{
    font-size:clamp(22px, 7vw, 32px) !important;
    line-height:1.15 !important;
    overflow-wrap:break-word !important;
  }

  .mbr-card-nav-btn{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    padding:8px 10px !important;
    font-size:12px !important;
  }

  .mbr-actions,
  .asb-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .mbr-actions .button,
  .mbr-actions button,
  .asb-actions .button,
  .asb-actions button{
    width:100% !important;
    min-height:42px !important;
  }

  #mbr-root input,
  #mbr-root select,
  #asb-shell-wrapper input,
  #asb-shell-wrapper select,
  .mbr-root input,
  .mbr-root select,
  .asb-root input,
  .asb-root select{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:14px !important;
  }

  .mbr-roof-graphics .mbr-roof-area-card,
  .mbr-roof-graphics .mbr-roof-card,
  .mbr-roof-graphics .mbr-card{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
  }

  .mbr-roof-graphics .mbr-roof-panels-grid,
  .mbr-area-table-wrap,
  .mbr-table-wrap,
  .asb-area-grid-wrap{
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .mbr-table{
    min-width:520px;
  }

  .mbr-global-sidebar{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    top:auto !important;
    width:auto !important;
    max-width:none !important;
    max-height:46vh !important;
    border-radius:16px !important;
    z-index:9999 !important;
  }

  .mbr-global-sidebar.is-collapsed{
    max-height:72px !important;
  }

  .mbr-global-sidebar-body{
    max-height:calc(46vh - 58px) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .mbr-global-sidebar-title,
  .mbr-bom-drawer-title{
    white-space:normal !important;
    overflow-wrap:break-word !important;
  }

  .mbr-bom-item-top{
    grid-template-columns:minmax(0, 1fr) minmax(54px, auto) auto !important;
    gap:6px !important;
  }

  .mbr-bom-sku-select{
    min-width:0 !important;
  }

  .mbr-system-roof-line{
    grid-template-columns:1fr !important;
  }

  .asb-topbar,
  .asb-card-head{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .asb-side{
    position:static !important;
  }
}

@media (max-width: 480px){
  .elitag-tabs-shell,
  .sdu-shell{
    padding:10px !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .sdu-shell__title{
    font-size:28px !important;
  }

  .mbr-card,
  .mbr-unified-card,
  .mbr-summary-card,
  .mbr-roof-graphics,
  .mbr-bom-static,
  .asb-card,
  .asb-side-card,
  .asb-banner{
    padding:12px !important;
    border-radius:14px !important;
  }

  .mbr-table{
    min-width:460px;
  }

  .mbr-global-sidebar{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    max-height:42vh !important;
  }

  .mbr-global-sidebar-body{
    max-height:calc(42vh - 56px) !important;
  }
}



/* 0.3.135: compact header version + built-in guide box */
.sdu-shell__version-inline{
  font-size:0.52em;
  font-weight:500;
  line-height:1;
  color:#5f7287;
  margin-left:6px;
  vertical-align:baseline;
  white-space:nowrap;
}

.sdu-shell__guide{
  display:block;
  max-width:980px;
  margin:8px 0 12px 0;
  padding:10px 12px;
  border:1px solid #d0d7de;
  border-left:4px solid #5f9197;
  border-radius:8px;
  background:#f5f7f9;
  color:#17324d;
  font:12px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

.sdu-shell__guide strong{
  display:block;
  margin-bottom:4px;
  font-size:12px;
}

@media (max-width:768px){
  .sdu-shell__version-inline{
    font-size:0.45em;
    margin-left:4px;
  }

  .sdu-shell__guide{
    font-size:11.5px;
    line-height:1.4;
    padding:9px 10px;
    margin:8px 0 10px 0;
  }
}

/* 0.3.136: mobile full-screen width + compact readable typography */
@media (max-width: 768px){
  html, body{
    overflow-x:hidden !important;
  }

  /* Break the plugin out of the narrow WordPress content column on phones */
  .entry-content > .elitag-tabs-shell,
  .wp-block-post-content > .elitag-tabs-shell,
  .site-main .elitag-tabs-shell,
  .content .elitag-tabs-shell,
  .elitag-tabs-shell{
    position:relative !important;
    left:50% !important;
    right:50% !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin-left:-50vw !important;
    margin-right:-50vw !important;
    padding:8px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .elitag-tabs-shell *,
  .sdu-shell *,
  #mbr-root *,
  #asb-shell-wrapper *{
    box-sizing:border-box !important;
  }

  /* Compact mobile type scale */
  .sdu-shell,
  .elitag-tabs-shell,
  .mbr-root,
  .mbr-app,
  .mbr-native,
  .asb-root{
    font-size:14px !important;
    line-height:1.35 !important;
  }

  .sdu-shell__title{
    font-size:20px !important;
    line-height:1.15 !important;
  }

  .sdu-shell__version-inline{
    font-size:0.55em !important;
  }

  .sdu-shell__guide{
    font-size:11px !important;
    line-height:1.35 !important;
    padding:8px 9px !important;
    margin:6px 0 9px 0 !important;
  }

  .sdu-shell__tabs{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  .sdu-shell__tab{
    width:100% !important;
    min-height:36px !important;
    padding:7px 8px !important;
    font-size:12px !important;
    line-height:1.1 !important;
  }

  .mbr-card,
  .mbr-native-card,
  .mbr-section,
  .mbr-unified-card,
  .mbr-summary-card,
  .mbr-roof-graphics,
  .mbr-bom-static,
  .mbr-system-material-card,
  .asb-card,
  .asb-side-card,
  .asb-banner,
  .asb-topbar{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:10px !important;
    border-radius:12px !important;
  }

  .mbr-app h1,
  .mbr-native h1,
  .asb-root h1{
    font-size:24px !important;
    line-height:1.12 !important;
  }

  .mbr-app h2,
  .mbr-native h2,
  .asb-root h2,
  .mbr-card-title-row h2,
  .asb-title{
    font-size:24px !important;
    line-height:1.12 !important;
  }

  .mbr-app h3,
  .mbr-native h3,
  .asb-root h3,
  .mbr-card-title-row h3,
  .mbr-summary-card h3,
  .asb-card-title{
    font-size:18px !important;
    line-height:1.18 !important;
  }

  .mbr-row label,
  .mbr-app label,
  .mbr-native label,
  .asb-root label,
  .mbr-section p,
  .mbr-section span,
  .mbr-section div,
  .asb-root p,
  .asb-root span,
  .asb-root div{
    font-size:13px !important;
    line-height:1.35 !important;
  }

  #mbr-root input,
  #mbr-root select,
  #mbr-root textarea,
  #asb-shell-wrapper input,
  #asb-shell-wrapper select,
  #asb-shell-wrapper textarea,
  .mbr-root input,
  .mbr-root select,
  .mbr-root textarea,
  .asb-root input,
  .asb-root select,
  .asb-root textarea{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:42px !important;
    padding:8px 10px !important;
    font-size:14px !important; /* keep 16px to prevent mobile browser zoom */
    line-height:1.2 !important;
  }

  .mbr-app button,
  .mbr-app .button,
  .mbr-native button,
  .mbr-native .button,
  .asb-root button,
  .asb-root .button{
    min-height:38px !important;
    padding:8px 10px !important;
    font-size:12px !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }
}

@media (max-width: 420px){
  .elitag-tabs-shell{
    padding:6px !important;
  }

  .sdu-shell__tabs{
    grid-template-columns:1fr !important;
  }

  .mbr-app h2,
  .mbr-native h2,
  .asb-root h2,
  .mbr-card-title-row h2,
  .asb-title{
    font-size:22px !important;
  }
}


/* 0.3.137: desktop guide larger, mobile dropdown polish, out-of-stock visibility */
@media (min-width: 769px){
  .sdu-shell__guide{
    font-size:14px !important;
    line-height:1.5 !important;
    padding:12px 14px !important;
  }
  .sdu-shell__guide strong{
    font-size:14px !important;
  }
}

@media (max-width: 768px){
  /* Cleaner native dropdowns on phones */
  #mbr-root select,
  #asb-shell-wrapper select,
  .mbr-root select,
  .asb-root select{
    -webkit-appearance:none !important;
    appearance:none !important;
    min-height:44px !important;
    padding:9px 42px 9px 12px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:12px !important;
    background-color:#fff !important;
    background-image:linear-gradient(45deg, transparent 50%, #64748b 50%), linear-gradient(135deg, #64748b 50%, transparent 50%) !important;
    background-position:calc(100% - 20px) 50%, calc(100% - 14px) 50% !important;
    background-size:6px 6px, 6px 6px !important;
    background-repeat:no-repeat !important;
    box-shadow:0 1px 2px rgba(15, 23, 42, .06) !important;
    color:#0f172a !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #mbr-root select:focus,
  #asb-shell-wrapper select:focus,
  .mbr-root select:focus,
  .asb-root select:focus{
    outline:none !important;
    border-color:#5f9197 !important;
    box-shadow:0 0 0 3px rgba(95,145,151,.18) !important;
  }

  /* Keep not-on-stock products visually de-emphasized on mobile lists/dropdowns */
  select option.mbr-panel-option-muted,
  option.mbr-panel-option-muted,
  .mbr-panel-option-muted,
  [data-stock-status="outofstock"],
  [data-stock="outofstock"],
  .outofstock,
  .out-of-stock,
  .is-outofstock{
    color:#9ca3af !important;
    background:#f3f4f6 !important;
    opacity:.72 !important;
  }
}

/* 0.3.138: Android mobile select normalization */
@media (max-width: 768px){
  .sdu-shell select,
  .elitag-tabs-shell select,
  #mbr-root select,
  #asb-shell-wrapper select,
  .mbr-root select,
  .mbr-app select,
  .mbr-native select,
  .asb-root select{
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance:none !important;
    box-sizing:border-box !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    padding:8px 40px 8px 12px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:12px !important;
    background-color:#ffffff !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 13px center !important;
    background-size:18px 18px !important;
    box-shadow:0 1px 2px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.75) !important;
    color:#0f172a !important;
    color-scheme:light !important;
    font-size:14px !important;
    line-height:1.25 !important;
    text-transform:none !important;
    letter-spacing:normal !important;
    font-weight:500 !important;
    text-transform:none !important;
    letter-spacing:normal !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .sdu-shell select:focus,
  .elitag-tabs-shell select:focus,
  #mbr-root select:focus,
  #asb-shell-wrapper select:focus,
  .mbr-root select:focus,
  .mbr-app select:focus,
  .mbr-native select:focus,
  .asb-root select:focus{
    outline:none !important;
    border-color:#5f9ea6 !important;
    box-shadow:0 0 0 3px rgba(95,158,166,.2), 0 1px 2px rgba(15,23,42,.08) !important;
  }

  .sdu-shell select[data-selected-stock="muted"],
  .elitag-tabs-shell select[data-selected-stock="muted"],
  #mbr-root select[data-selected-stock="muted"],
  .mbr-root select[data-selected-stock="muted"],
  .mbr-app select[data-selected-stock="muted"],
  .mbr-native select[data-selected-stock="muted"]{
    color:#94a3b8 !important;
    background-color:#f3f4f6 !important;
    border-color:#d1d5db !important;
  }
}

/* 0.3.145: compact Android custom dropdowns; body-level fixed overlay stays above lower fields. */
@media (max-width: 768px){
  select.sdu-native-select-hidden-android{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    min-height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  .sdu-android-select{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    z-index:1000;
  }
  .sdu-android-select__button{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:100% !important;
    min-height:42px !important;
    padding:8px 40px 8px 12px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:500 !important;
    text-transform:none !important;
    letter-spacing:normal !important;
    line-height:1.25 !important;
    text-transform:none !important;
    letter-spacing:normal !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    box-shadow:0 1px 2px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.75) !important;
  }
  .sdu-android-select__button:after{
    content:"";
    position:absolute;
    right:13px;
    top:50%;
    width:9px;
    height:9px;
    border-right:2px solid #64748b;
    border-bottom:2px solid #64748b;
    transform:translateY(-65%) rotate(45deg);
    pointer-events:none;
  }
  .sdu-android-select.is-open .sdu-android-select__button{
    border-color:#5f9ea6 !important;
    box-shadow:0 0 0 3px rgba(95,158,166,.20), 0 1px 2px rgba(15,23,42,.08) !important;
  }
  .sdu-android-select__button.is-muted{
    color:#94a3b8 !important;
    background:#f3f4f6 !important;
    border-color:#d1d5db !important;
  }
  .sdu-android-select__list{
    display:none;
    position:fixed !important;
    left:0;
    right:auto;
    top:auto;
    max-height:220px;
    overflow:auto;
    background:#fff;
    border:1px solid #cbd5e1;
    border-radius:14px;
    box-shadow:0 12px 30px rgba(15,23,42,.18);
    padding:5px;
    z-index:2147483647;
  }
  body > .sdu-android-select__list.is-open{ display:block !important; }
  .sdu-android-select__option{
    display:block !important;
    width:100% !important;
    padding:8px 9px !important;
    border:0 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:13px !important;
    line-height:1.25 !important;
    text-transform:none !important;
    letter-spacing:normal !important;
    text-align:left !important;
  }
  .sdu-android-select__option.is-selected{
    background:#e8f3f5 !important;
    color:#0f3f49 !important;
    font-weight:700 !important;
  }
  .sdu-android-select__option.is-muted{
    color:#9ca3af !important;
    background:#f3f4f6 !important;
  }
  .sdu-android-select__option:disabled{
    opacity:.45 !important;
  }
}

/* v0.3.169 clean project rebuild */
.asb-project-compact,.mbr-project-compact{display:inline-flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;margin:0 0 12px auto!important;vertical-align:top!important;float:right!important}
.asb-project-compact-current,.mbr-project-compact-current{display:inline-flex;flex-direction:column;gap:2px;min-width:220px;max-width:min(360px,42vw);padding:7px 12px;border:1px solid #d1dce7;border-radius:10px;background:#fff}
.asb-project-compact-label,.mbr-project-compact-label{font-size:11px;color:#64748b;font-weight:700}.asb-project-compact-current strong,.mbr-project-compact-current strong{font-size:13px;color:#102a43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asb-project-open-btn,.mbr-project-open-btn{white-space:nowrap!important;min-height:38px!important;line-height:38px!important;padding-top:0!important;padding-bottom:0!important}
.asb-project-manager-modal{width:min(92vw,560px)!important;max-width:560px!important}.asb-project-modal-active,.mbr-project-modal-active{padding:12px;border:1px solid #dbe5ee;border-radius:12px;background:#f8fafc;margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.asb-project-modal-active span,.mbr-project-modal-active span,.asb-project-modal-field span,.mbr-project-modal-field span{color:#64748b;font-size:12px;font-weight:700}.asb-project-modal-field,.mbr-project-modal-field{display:flex;flex-direction:column;gap:6px}.asb-project-modal-select,.mbr-project-modal-select{width:100%}.asb-project-modal-actions,.mbr-project-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.asb-project-modal-actions .button,.mbr-project-modal-actions .button{width:100%;text-align:center}.asb-danger,.mbr-danger{background:#f8e9e9!important;color:#9f1d1d!important}.mbr-project-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);display:flex;align-items:center;justify-content:center;z-index:9999}.mbr-project-manager-modal{background:#fff;border-radius:16px;padding:20px;width:min(92vw,560px);max-width:560px;box-shadow:0 24px 80px rgba(15,23,42,.22)}.mbr-project-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.mbr-project-modal-body{display:flex;flex-direction:column;gap:12px}@media(max-width:760px){.asb-project-compact,.mbr-project-compact{float:none!important;display:flex!important;width:100%!important;margin-left:0!important}.asb-project-compact-current,.mbr-project-compact-current{flex:1 1 auto;min-width:0;max-width:none}.asb-project-modal-actions,.mbr-project-modal-actions{grid-template-columns:1fr}}


/* v0.3.169 Grafer tab */
.elitag-graphs-host {
  width: 100%;
}
.elitag-graphs-card {
  background: #fff;
  border: 1px solid #dbe5ee;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}
.elitag-graphs-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.elitag-graphs-head h3 {
  margin: 0;
}
.elitag-graphs-status {
  font-size: 13px;
  color: #64748b;
  margin: 8px 0 12px;
}
.elitag-graphs-table-wrap {
  width: 100%;
  overflow: auto;
}
.elitag-graphs-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.elitag-graphs-table th,
.elitag-graphs-table td {
  border: 1px solid #dbe5ee;
  padding: 7px 9px;
  text-align: right;
  white-space: nowrap;
}
.elitag-graphs-table tr:first-child th {
  background: #0f766e;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.elitag-graphs-table .elitag-graphs-row-head {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #f8fafc;
  color: #102a43;
  text-align: left;
  font-weight: 700;
  min-width: 210px;
}
.elitag-graphs-table tr:first-child .elitag-graphs-row-head {
  background: #0f766e;
  color: #fff;
  z-index: 2;
}
.elitag-graphs-meta,
.elitag-graphs-empty {
  font-size: 12px;
  color: #64748b;
  margin-top: 10px;
}
@media (max-width: 760px) {
  .elitag-graphs-card {
    padding: 12px;
    border-radius: 12px;
  }
  .elitag-graphs-head {
    align-items: stretch;
    flex-direction: column;
  }
  .elitag-graphs-table {
    font-size: 11px;
  }
  .elitag-graphs-table th,
  .elitag-graphs-table td {
    padding: 6px 7px;
  }
  .elitag-graphs-table .elitag-graphs-row-head {
    min-width: 160px;
  }
}


/* v0.3.169 Grafer tab - data from Beregn rentabilitet */
.elitag-graphs-host { width: 100%; }
.elitag-graphs-card {
  background: #fff;
  border: 1px solid #dbe5ee;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}
.elitag-graphs-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.elitag-graphs-head h3 { margin: 0; }
.elitag-graphs-status {
  font-size: 13px;
  color: #64748b;
  margin: 8px 0 12px;
}
.elitag-graphs-table-wrap {
  width: 100%;
  overflow: auto;
}
.elitag-graphs-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.elitag-graphs-table th,
.elitag-graphs-table td {
  border: 1px solid #dbe5ee;
  padding: 7px 9px;
  text-align: right;
  white-space: nowrap;
}
.elitag-graphs-table tr:first-child th {
  background: #0f766e;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.elitag-graphs-table .elitag-graphs-row-head {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #f8fafc;
  color: #102a43;
  text-align: left;
  font-weight: 700;
  min-width: 210px;
}
.elitag-graphs-table tr:first-child .elitag-graphs-row-head {
  background: #0f766e;
  color: #fff;
  z-index: 2;
}
.elitag-graphs-meta,
.elitag-graphs-empty {
  font-size: 12px;
  color: #64748b;
  margin-top: 10px;
}
@media (max-width: 760px) {
  .elitag-graphs-card {
    padding: 12px;
    border-radius: 12px;
  }
  .elitag-graphs-head {
    align-items: stretch;
    flex-direction: column;
  }
  .elitag-graphs-table { font-size: 11px; }
  .elitag-graphs-table th,
  .elitag-graphs-table td { padding: 6px 7px; }
  .elitag-graphs-table .elitag-graphs-row-head { min-width: 160px; }
}


/* v0.3.169 financial/consumption layout admin cleanup */
.asb-json-debug-hidden{
  display:none !important;
}

/* Consumption tab: show overview + monthly consumption chart side-by-side, then consumption overview full width if needed */
.sdu-shell__panel[data-panel="consumption"] .asb-consumption-only,
.elitag-tabs-shell .sdu-shell__panel[data-panel="consumption"] .asb-consumption-only{
  display:block !important;
}
.sdu-shell__panel[data-panel="consumption"] .asb-card-financial-consumption-chart{
  display:block !important;
}

/* Financial tab cleanup: remove consumption graphs and monthly consumption graph */
.sdu-shell__panel[data-panel="financial"] .asb-card-consumption-graphs,
.sdu-shell__panel[data-panel="financial"] .asb-card-financial-consumption-chart{
  display:none !important;
}

/* Financial tab ordering in 2-column grid */
.sdu-shell__panel[data-panel="financial"] .asb-card-area-production{
  order:1;
}
.sdu-shell__panel[data-panel="financial"] .asb-financial-profitability-wrap{
  order:2;
}
.sdu-shell__panel[data-panel="financial"] .asb-financial-investment-wrap{
  order:3;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-sheet-summary{
  order:4;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-json-debug{
  order:50;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-financial-overview{
  order:60;
}

/* Keep admin JSON full width only when visible */
.sdu-shell__panel[data-panel="financial"] .asb-card-json-debug:not(.asb-json-debug-hidden){
  grid-column:1 / -1;
}

@media(min-width:901px){
  .sdu-shell__panel[data-panel="consumption"] .asb-side{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
  .sdu-shell__panel[data-panel="consumption"] .asb-card-consumption-assumptions{
    grid-column:1 / -1;
  }
  .sdu-shell__panel[data-panel="consumption"] .asb-card-consumption-overview{
    order:1;
  }
  .sdu-shell__panel[data-panel="consumption"] .asb-card-consumption-graphs{
    order:2;
  }
  .sdu-shell__panel[data-panel="consumption"] .asb-card-financial-consumption-chart{
    order:3;
  }
}


/* v0.3.169 cleanup and graph suggestions */
.sdu-shell__panel[data-panel="financial"] .asb-card-sheet-summary{
  display:none !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-compact-production{
  align-self:start !important;
  min-height:0 !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-compact-production .asb-table{
  margin-bottom:0 !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-compact-production .asb-table td,
.sdu-shell__panel[data-panel="financial"] .asb-card-compact-production .asb-table th{
  padding-top:6px !important;
  padding-bottom:6px !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-financial-investment-wrap{
  order:2 !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-financial-profitability-wrap{
  order:3 !important;
}

.elitag-graphs-suggestions{
  background:#f8fafc;
  border:1px solid #dbe5ee;
  border-radius:14px;
  padding:14px 16px;
  margin:0 0 16px;
}
.elitag-graphs-suggestions h3,
.elitag-graphs-raw-title{
  margin:0 0 10px;
  color:#0f766e;
}
.elitag-graphs-suggestions ol{
  margin:0 0 0 18px;
  padding:0;
}
.elitag-graphs-suggestions li{
  margin:5px 0;
}
.elitag-graphs-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}
.elitag-graph-card{
  border:1px solid #dbe5ee;
  border-radius:14px;
  padding:14px;
  background:#fff;
}
.elitag-graph-card-title{
  font-weight:800;
  color:#0f766e;
  margin-bottom:4px;
}
.elitag-graph-card-note{
  font-size:12px;
  color:#64748b;
  margin-bottom:12px;
}
.elitag-graph-plot{
  display:flex;
  align-items:end;
  gap:6px;
  height:150px;
  padding:8px 4px 0;
  border-top:1px solid #eef3f7;
}
.elitag-graph-col{
  flex:1 1 0;
  min-width:16px;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
}
.elitag-graph-bars{
  width:100%;
  height:122px;
  display:flex;
  align-items:end;
  justify-content:center;
  gap:2px;
}
.elitag-graph-bar{
  display:block;
  width:100%;
  max-width:12px;
  min-height:3px;
  background:#6aa3aa;
  border-radius:4px 4px 0 0;
  opacity:.85;
}
.elitag-graph-bars .elitag-graph-bar:nth-child(2){background:#f0b45b;}
.elitag-graph-bars .elitag-graph-bar:nth-child(3){background:#94a3b8;}
.elitag-graph-bars .elitag-graph-bar:nth-child(4){background:#0f766e;}
.elitag-graph-col em{
  font-style:normal;
  font-size:10px;
  color:#64748b;
  margin-top:4px;
  transform:rotate(-35deg);
}
.elitag-graph-plot.is-line .elitag-graph-bar{
  border-radius:999px;
  max-width:8px;
}
@media(max-width:900px){
  .elitag-graphs-grid{
    grid-template-columns:1fr;
  }
}


/* v0.3.169 deterministic financial grid */
.sdu-shell__panel[data-panel="financial"] .asb-side{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:16px !important;
  align-items:start !important;
}

/* Remove old order-based behavior on financial tab */
.sdu-shell__panel[data-panel="financial"] .asb-side > *{
  order:initial !important;
}

/* Row 1 */
.sdu-shell__panel[data-panel="financial"] .asb-card-consumption-assumptions{
  grid-column:1 !important;
  grid-row:1 !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-anlaegsoversigt,
.sdu-shell__panel[data-panel="financial"] .asb-card-consumption-overview{
  grid-column:2 !important;
  grid-row:1 !important;
}

/* Row 2 */
.sdu-shell__panel[data-panel="financial"] .asb-card-area-production{
  grid-column:1 !important;
  grid-row:2 !important;
  align-self:start !important;
  min-height:0 !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-financial-profitability-wrap{
  grid-column:2 !important;
  grid-row:2 !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-profitability{
  height:auto !important;
}

/* Row 3 */
.sdu-shell__panel[data-panel="financial"] .asb-financial-investment-wrap{
  grid-column:1 !important;
  grid-row:3 !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-sheet-summary{
  display:block !important;
  grid-column:2 !important;
  grid-row:3 !important;
}

/* Hide duplicate / obsolete financial mini-card */
.sdu-shell__panel[data-panel="financial"] .asb-card-financial-overview{
  display:none !important;
}

/* Keep JSON admin debug at bottom only when visible */
.sdu-shell__panel[data-panel="financial"] .asb-card-json-debug:not(.asb-json-debug-hidden){
  grid-column:1 / -1 !important;
  grid-row:99 !important;
}

/* Compact production card to content height */
.sdu-shell__panel[data-panel="financial"] .asb-card-compact-production .asb-card-head{
  align-items:flex-start !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-compact-production .asb-table{
  margin-bottom:0 !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-compact-production .asb-table td,
.sdu-shell__panel[data-panel="financial"] .asb-card-compact-production .asb-table th{
  padding-top:6px !important;
  padding-bottom:6px !important;
}

/* On mobile keep natural single column */
@media(max-width:900px){
  .sdu-shell__panel[data-panel="financial"] .asb-side{
    grid-template-columns:1fr !important;
  }
  .sdu-shell__panel[data-panel="financial"] .asb-side > *{
    grid-column:1 !important;
    grid-row:auto !important;
  }
}


/* v0.3.169 layout/graph cleanup */

/* Montage: keep global project control in normal header position, not as a full extra column */
.sdu-shell[data-active-tab="montage"] .sdu-shell__header,
.elitag-tabs-shell[data-active-tab="montage"] .sdu-shell__header{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "title project"
    "guide guide" !important;
  align-items:start !important;
}
.sdu-shell[data-active-tab="montage"] .elitag-shell-project-control,
.elitag-tabs-shell[data-active-tab="montage"] .elitag-shell-project-control{
  grid-area:project !important;
  justify-self:end !important;
  align-self:start !important;
  width:auto !important;
  max-width:360px !important;
  margin-left:12px !important;
}
.sdu-shell[data-active-tab="montage"] .elitag-shell-project-current,
.elitag-tabs-shell[data-active-tab="montage"] .elitag-shell-project-current{
  min-width:210px !important;
  max-width:250px !important;
}

/* Montage tag type pictures: use full card width */
.mbr-roof-type-card img,
.mbr-roof-card img,
.mbr-card img,
[data-roof-type] img{
  width:100% !important;
  max-width:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* Financial tab: remove wasted grid holes and keep compact content */
.sdu-shell__panel[data-panel="financial"] .asb-side{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-consumption-assumptions{grid-column:1 !important; grid-row:1 !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-anlaegsoversigt,
.sdu-shell__panel[data-panel="financial"] .asb-card-consumption-overview{grid-column:2 !important; grid-row:1 !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-area-production{grid-column:1 !important; grid-row:2 !important; align-self:start !important;}
.sdu-shell__panel[data-panel="financial"] .asb-financial-profitability-wrap{grid-column:2 !important; grid-row:2 !important;}
.sdu-shell__panel[data-panel="financial"] .asb-financial-investment-wrap{grid-column:1 !important; grid-row:3 !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-sheet-summary{display:none !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-financial-overview{display:none !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-json-debug:not(.asb-json-debug-hidden){grid-column:1 / -1 !important; grid-row:90 !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-compact-production{min-height:0 !important; height:auto !important;}
.sdu-shell__panel[data-panel="financial"] .asb-side-card{align-self:start !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-profitability .asb-muted:empty{
  display:none !important;
}

/* Grafer cleanup */
.elitag-graphs-suggestions,
.elitag-graphs-meta{
  display:none !important;
}
.elitag-graphs-status:empty{
  display:none !important;
}
.elitag-graph-bar{
  position:relative !important;
}
.elitag-graph-value{
  position:absolute;
  left:50%;
  bottom:calc(100% + 2px);
  transform:translateX(-50%) rotate(-45deg);
  transform-origin:center bottom;
  font-size:9px;
  line-height:1;
  font-weight:700;
  color:#334155;
  white-space:nowrap;
  pointer-events:none;
}
.elitag-graph-plot{
  padding-top:26px !important;
}
.elitag-graph-card{
  overflow:visible !important;
}

@media(max-width:900px){
  .sdu-shell__panel[data-panel="financial"] .asb-side{
    grid-template-columns:1fr !important;
  }
  .sdu-shell__panel[data-panel="financial"] .asb-side > *{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .sdu-shell[data-active-tab="montage"] .sdu-shell__header,
  .elitag-tabs-shell[data-active-tab="montage"] .sdu-shell__header{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "title"
      "project"
      "guide" !important;
  }
  .sdu-shell[data-active-tab="montage"] .elitag-shell-project-control,
  .elitag-tabs-shell[data-active-tab="montage"] .elitag-shell-project-control{
    justify-self:stretch !important;
    max-width:none !important;
    width:100% !important;
    margin-left:0 !important;
  }
}


/* v0.3.169 alignment + graph colors */

/* Make Montage header use the same simple top row behavior as other tabs.
   Project controls stay top-right, guide stays below title and no extra empty column is reserved in the content row. */
.sdu-shell__header{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "title project"
    "guide guide" !important;
  column-gap:14px !important;
  row-gap:8px !important;
  align-items:start !important;
}
.sdu-shell__title{grid-area:title !important;}
.sdu-shell__guide{grid-area:guide !important; width:100% !important; max-width:none !important; justify-self:stretch !important;}
.elitag-shell-project-control{
  grid-area:project !important;
  justify-self:end !important;
  align-self:start !important;
  width:auto !important;
  max-width:360px !important;
  margin-left:12px !important;
}
.elitag-shell-project-current{
  min-width:210px !important;
  max-width:250px !important;
}
.sdu-shell[data-active-tab="montage"] .sdu-shell__panel[data-panel="montage"],
.elitag-tabs-shell[data-active-tab="montage"] .sdu-shell__panel[data-panel="montage"]{
  width:100% !important;
}

/* Roof-type pictures full card width on Montage */
.mbr-roof-type-card img,
.mbr-roof-card img,
.mbr-card img,
[data-roof-type] img{
  width:100% !important;
  max-width:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* Financial tab: make left and right columns independent so expanding Rentabilitet does not push Investment down */
.sdu-shell__panel[data-panel="financial"] .asb-side{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-areas:
    "assumptions overview"
    "production profitability"
    "investment profitability"
    "json json" !important;
  gap:14px !important;
  align-items:start !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-consumption-assumptions{grid-area:assumptions !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-anlaegsoversigt,
.sdu-shell__panel[data-panel="financial"] .asb-card-consumption-overview{grid-area:overview !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-area-production{grid-area:production !important; align-self:start !important;}
.sdu-shell__panel[data-panel="financial"] .asb-financial-profitability-wrap{grid-area:profitability !important; align-self:start !important;}
.sdu-shell__panel[data-panel="financial"] .asb-financial-investment-wrap{grid-area:investment !important; align-self:start !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-sheet-summary,
.sdu-shell__panel[data-panel="financial"] .asb-card-financial-overview{display:none !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-json-debug:not(.asb-json-debug-hidden){grid-area:json !important;}
.sdu-shell__panel[data-panel="financial"] .asb-side > *{order:initial !important;}

/* Graphs: full-width graph cards */
.elitag-graphs-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
}
.elitag-graph-card{
  width:100% !important;
}
.elitag-graph-plot{
  height:190px !important;
  padding-top:34px !important;
}
.elitag-graph-bars{
  height:154px !important;
}

/* Meaning colors: green good, yellow bad/cost/consumption, grey neutral */
.elitag-graph-bar{
  background:#94a3b8 !important;
  position:relative !important;
}
.elitag-graph-bar.is-good{
  background:#0f766e !important;
}
.elitag-graph-bar.is-bad{
  background:#f0b45b !important;
}
.elitag-graph-bar.is-neutral{
  background:#94a3b8 !important;
}
.elitag-graph-bar .elitag-graph-value{
  color:#64748b !important;
}
.elitag-graph-bar.is-good .elitag-graph-value{
  color:#0f766e !important;
}
.elitag-graph-bar.is-bad .elitag-graph-value{
  color:#b45309 !important;
}
.elitag-graph-value{
  font-size:10px !important;
  font-weight:800 !important;
}

/* Remove older nth-child graph colors */
.elitag-graph-bars .elitag-graph-bar:nth-child(2),
.elitag-graph-bars .elitag-graph-bar:nth-child(3),
.elitag-graph-bars .elitag-graph-bar:nth-child(4){
  background:inherit;
}

@media(max-width:900px){
  .sdu-shell__header{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "title"
      "project"
      "guide" !important;
  }
  .elitag-shell-project-control{
    justify-self:stretch !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
  }
  .sdu-shell__panel[data-panel="financial"] .asb-side{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "assumptions"
      "overview"
      "production"
      "profitability"
      "investment"
      "json" !important;
  }
}


/* v0.3.169 montage header + graph legend sizing */

/* Header: project control above guide, title left / project right */
.sdu-shell__header{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "title project"
    "guide guide" !important;
  align-items:start !important;
  column-gap:14px !important;
  row-gap:8px !important;
}
.sdu-shell__title{
  grid-area:title !important;
}
.elitag-shell-project-control{
  grid-area:project !important;
  justify-self:end !important;
  align-self:start !important;
  width:auto !important;
  max-width:380px !important;
  margin:0 !important;
  z-index:3 !important;
}
.sdu-shell__guide{
  grid-area:guide !important;
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  margin-top:0 !important;
}
.elitag-shell-project-current{
  min-width:220px !important;
  max-width:260px !important;
}

/* Montage should not reserve an empty right column in the content */
.sdu-shell[data-active-tab="montage"] .sdu-shell__panel[data-panel="montage"],
.elitag-tabs-shell[data-active-tab="montage"] .sdu-shell__panel[data-panel="montage"]{
  width:100% !important;
  max-width:none !important;
}

/* Graph legends replace long note text */
.elitag-graph-card-note{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
  min-height:22px !important;
  margin-bottom:14px !important;
}
.elitag-graph-legend-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  font-size:13px !important;
  font-weight:800 !important;
  color:#64748b !important;
}
.elitag-graph-legend-item::before{
  content:"" !important;
  width:13px !important;
  height:13px !important;
  border-radius:4px !important;
  background:#94a3b8 !important;
  display:inline-block !important;
}
.elitag-graph-legend-item.is-good{
  color:#0f766e !important;
}
.elitag-graph-legend-item.is-good::before{
  background:#0f766e !important;
}
.elitag-graph-legend-item.is-bad{
  color:#b45309 !important;
}
.elitag-graph-legend-item.is-bad::before{
  background:#f0b45b !important;
}
.elitag-graph-legend-item.is-neutral{
  color:#64748b !important;
}
.elitag-graph-legend-item.is-neutral::before{
  background:#94a3b8 !important;
}

/* Larger graph bars and readable values */
.elitag-graph-plot{
  height:250px !important;
  padding-top:48px !important;
  gap:10px !important;
}
.elitag-graph-bars{
  height:200px !important;
  gap:5px !important;
}
.elitag-graph-bar{
  max-width:22px !important;
  min-width:8px !important;
  border-radius:6px 6px 0 0 !important;
}
.elitag-graph-value{
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  bottom:calc(100% + 4px) !important;
}
.elitag-graph-col em{
  font-size:11px !important;
  font-weight:700 !important;
  margin-top:7px !important;
}

/* Full-width cards with more vertical room */
.elitag-graphs-grid{
  grid-template-columns:1fr !important;
}
.elitag-graph-card{
  padding:18px !important;
}

/* Preserve green/yellow meaning even if older nth-child rules exist */
.elitag-graph-bar.is-good{ background:#0f766e !important; }
.elitag-graph-bar.is-bad{ background:#f0b45b !important; }
.elitag-graph-bar.is-neutral{ background:#94a3b8 !important; }
.elitag-graph-bar.is-good .elitag-graph-value{ color:#0f766e !important; }
.elitag-graph-bar.is-bad .elitag-graph-value{ color:#b45309 !important; }
.elitag-graph-bar.is-neutral .elitag-graph-value{ color:#64748b !important; }

@media(max-width:900px){
  .sdu-shell__header{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "title"
      "project"
      "guide" !important;
  }
  .elitag-shell-project-control{
    justify-self:stretch !important;
    width:100% !important;
    max-width:none !important;
  }
  .elitag-graph-plot{
    height:220px !important;
  }
  .elitag-graph-bars{
    height:170px !important;
  }
  .elitag-graph-value{
    font-size:10px !important;
  }
}


/* v0.3.169 clean layout lock */

/* Header is simple: title + guide only. Project controls live in the tab topbar, not in a phantom header column. */
.sdu-shell__header{
  display:block !important;
}
.sdu-shell__title{
  display:block !important;
  margin-bottom:8px !important;
}
.sdu-shell__guide{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 0 12px 0 !important;
}

/* Locked shared topbar */
.elitag-topbar{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
  margin:12px 0 16px 0 !important;
  clear:both !important;
}
.elitag-language,
.mbr-lang.elitag-language{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
.elitag-project{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin-left:auto !important;
  flex:0 1 auto !important;
}
.elitag-project .mbr-project-compact,
.elitag-project .asb-project-compact{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
}
.elitag-project .mbr-project-compact-current,
.elitag-project .asb-project-compact-current{
  min-width:220px !important;
  max-width:280px !important;
}
.elitag-project .mbr-project-open-btn,
.elitag-project .asb-project-open-btn{
  white-space:nowrap !important;
}

/* Prevent older header/global project positioning from reappearing */
.sdu-shell__header > .elitag-shell-project-control,
.elitag-shell-project-control{
  position:static !important;
  grid-area:auto !important;
  justify-self:auto !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
}

/* Montage content is full width and does not reserve phantom right column */
.sdu-shell__panel[data-panel="montage"],
.elitag-tabs-shell .sdu-shell__panel[data-panel="montage"],
#mbr-root,
.mbr-root{
  width:100% !important;
  max-width:none !important;
}
.mbr-card-grid{
  width:100% !important;
}
.mbr-card img,
.mbr-roof-type-card img,
.mbr-roof-card img,
[data-roof-type] img{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  object-fit:cover !important;
}

/* Keep ASB standalone project topbar right-aligned without creating empty content columns */
.asb-topbar .asb-lang-spacer{
  min-width:0 !important;
}

/* Locked financial grid: independent columns and no PV-summary duplicate. */
.sdu-shell__panel[data-panel="financial"] .asb-side{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-areas:
    "assumptions overview"
    "production profitability"
    "investment profitability"
    "json json" !important;
  gap:14px !important;
  align-items:start !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-card-consumption-assumptions{grid-area:assumptions !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-anlaegsoversigt,
.sdu-shell__panel[data-panel="financial"] .asb-card-consumption-overview{grid-area:overview !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-area-production{grid-area:production !important;}
.sdu-shell__panel[data-panel="financial"] .asb-financial-profitability-wrap{grid-area:profitability !important;}
.sdu-shell__panel[data-panel="financial"] .asb-financial-investment-wrap{grid-area:investment !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-sheet-summary,
.sdu-shell__panel[data-panel="financial"] .asb-card-financial-overview{display:none !important;}
.sdu-shell__panel[data-panel="financial"] .asb-card-json-debug:not(.asb-json-debug-hidden){grid-area:json !important;}

/* Graph system locked: full-width cards, legends, semantic colors */
.elitag-graphs-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
}
.elitag-graph-card{
  width:100% !important;
  padding:18px !important;
}
.elitag-graph-card-note{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-bottom:14px !important;
}
.elitag-graph-legend-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.elitag-graph-legend-item::before{
  content:"" !important;
  display:inline-block !important;
  width:13px !important;
  height:13px !important;
  border-radius:4px !important;
  background:#94a3b8 !important;
}
.elitag-graph-legend-item.is-good{color:#0f766e !important;}
.elitag-graph-legend-item.is-good::before{background:#0f766e !important;}
.elitag-graph-legend-item.is-bad{color:#b45309 !important;}
.elitag-graph-legend-item.is-bad::before{background:#f0b45b !important;}
.elitag-graph-legend-item.is-neutral{color:#64748b !important;}
.elitag-graph-legend-item.is-neutral::before{background:#94a3b8 !important;}

.elitag-graph-plot{
  height:250px !important;
  padding-top:48px !important;
}
.elitag-graph-bars{
  height:200px !important;
  gap:5px !important;
}
.elitag-graph-bar{
  max-width:22px !important;
  min-width:8px !important;
  border-radius:6px 6px 0 0 !important;
  position:relative !important;
}
.elitag-graph-bar.is-good{background:#0f766e !important;}
.elitag-graph-bar.is-bad{background:#f0b45b !important;}
.elitag-graph-bar.is-neutral{background:#94a3b8 !important;}
.elitag-graph-value{
  position:absolute !important;
  left:50% !important;
  bottom:calc(100% + 4px) !important;
  transform:translateX(-50%) rotate(-45deg) !important;
  font-size:12px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
.elitag-graph-bar.is-good .elitag-graph-value{color:#0f766e !important;}
.elitag-graph-bar.is-bad .elitag-graph-value{color:#b45309 !important;}
.elitag-graph-bar.is-neutral .elitag-graph-value{color:#64748b !important;}
.elitag-graphs-suggestions,
.elitag-graphs-meta,
.elitag-graphs-status:empty{
  display:none !important;
}

@media(max-width:900px){
  .elitag-topbar{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .elitag-project{
    justify-content:stretch !important;
    margin-left:0 !important;
  }
  .elitag-project .mbr-project-compact,
  .elitag-project .asb-project-compact{
    width:100% !important;
  }
  .elitag-project .mbr-project-compact-current,
  .elitag-project .asb-project-compact-current{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  .sdu-shell__panel[data-panel="financial"] .asb-side{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "assumptions"
      "overview"
      "production"
      "profitability"
      "investment"
      "json" !important;
  }
  .elitag-graph-plot{height:220px !important;}
  .elitag-graph-bars{height:170px !important;}
  .elitag-graph-value{font-size:10px !important;}
}

/* 0.3.171: desktop-only compact roof row controls so pitched tilt fits without changing mobile CSS */
@media (min-width: 981px){
  .mbr-row{grid-template-columns:.52fr .52fr .52fr 1.85fr .9fr 1.75fr .9fr 1fr .75fr .72fr;gap:8px}
  .mbr-row label{font-size:11px}
  .mbr-row input,.mbr-row select{font-size:12px;padding:6px 7px;min-height:34px}
}


/* 0.3.172: fixed roof-area number + keep remove button right on desktop rows */
.mbr-row-no-field input[readonly]{
  background:#fff;
  color:#111827;
  cursor:default;
}
@media (min-width: 981px){
  .mbr-row{
    grid-template-columns:.46fr .46fr .46fr 1.58fr .78fr 1.55fr .78fr .78fr .72fr .62fr .72fr;
    gap:7px;
  }
  .mbr-row > div{min-width:0;}
  .mbr-row input,.mbr-row select{height:34px;box-sizing:border-box;}
  .mbr-row-no-field,.mbr-row-no-field input{min-width:64px;}
  .mbr-remove-field{grid-column:-2 / -1;justify-self:stretch;}
}


/* 0.3.173: desktop-only ground mount H/I row layout tweaks. Mobile CSS above remains unchanged. */
@media (min-width: 981px){
  .mbr-ground-panel-field{min-width:210px;}
  .mbr-ground-systems-field{max-width:96px;}
  .mbr-ground-systems-field input{max-width:96px;}
}

/* 0.3.178: highlight roof area when returning from Tag-design modal */
.mbr-roof-card.mbr-roof-card-return-focus{
  outline:3px solid rgba(31,79,88,.35);
  box-shadow:0 0 0 5px rgba(31,79,88,.12), 0 8px 22px rgba(15,23,42,.10);
}

/* v0.7.06: keep Montage popups above full-browser plugin shell. */
body.elitag-solar-designer-active .mbr-modal-overlay,
body.elitag-solar-designer-active .mbr-cart-choice-overlay,
body.elitag-solar-designer-active .mbr-project-modal-backdrop{
  z-index:2147483647 !important;
}
body.elitag-solar-designer-active .mbr-modal,
body.elitag-solar-designer-active .mbr-modal-box,
body.elitag-solar-designer-active .mbr-project-manager-modal{
  position:relative !important;
  z-index:2147483647 !important;
}


/* v0.7.06: Forbrug action rows and financial cleanup */
.sdu-shell__panel[data-panel="consumption"] .asb-card-consumption-assumptions .asb-consumption-assumptions-grid{
  grid-template-columns:minmax(280px, 50%) minmax(280px, 1fr) !important;
  align-items:start !important;
}
.sdu-shell__panel[data-panel="consumption"] .asb-card-consumption-assumptions .asb-consumption-assumptions-fields{
  max-width:100% !important;
}
.sdu-shell__panel[data-panel="consumption"] .asb-card-consumption-assumptions .asb-consumption-assumptions-actions{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  padding-top:34px !important;
  align-items:stretch !important;
}
.sdu-shell__panel[data-panel="consumption"] .asb-action-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  width:100% !important;
}
.sdu-shell__panel[data-panel="consumption"] .asb-action-help{
  flex:1 1 auto !important;
  max-width:none !important;
  margin:0 !important;
}
.sdu-shell__panel[data-panel="consumption"] .asb-action-row .button{
  flex:0 0 auto !important;
  min-width:230px !important;
  max-width:320px !important;
  white-space:nowrap !important;
}
.sdu-shell__panel[data-panel="financial"] .asb-eloverblik-action-row,
.sdu-shell__panel[data-panel="financial"] .asb-eloverblik-card,
.sdu-shell__panel[data-panel="financial"] .asb-eloverblik-button{
  display:none !important;
}
@media(max-width:900px){
  .sdu-shell__panel[data-panel="consumption"] .asb-card-consumption-assumptions .asb-consumption-assumptions-grid{
    grid-template-columns:1fr !important;
  }
  .sdu-shell__panel[data-panel="consumption"] .asb-card-consumption-assumptions .asb-consumption-assumptions-actions{
    padding-top:0 !important;
  }
  .sdu-shell__panel[data-panel="consumption"] .asb-action-row{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .sdu-shell__panel[data-panel="consumption"] .asb-action-row .button{
    width:100% !important;
    max-width:none !important;
  }
}