/* Montageberegner basic styles */
.mbr-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.mbr-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.mbr-card{border:1px solid #ddd;border-radius:12px;padding:12px;background:#fff;cursor:pointer}
.mbr-card.selected{outline:3px solid #2271b1}
/* Row layout: keep spacing + color on the same line on desktop, compact the first 3 fields */
.mbr-row{display:grid;grid-template-columns:.6fr .6fr .6fr 2.2fr 1fr 2fr 1.2fr 1fr .8fr;gap:10px;align-items:end;margin:10px 0}
.mbr-row label{display:block;font-size:12px;color:#444;margin-bottom:4px}
.mbr-row input,.mbr-row select{width:100%;padding:8px;border:1px solid #ccc;border-radius:8px}
.mbr-remove{width:100%}
.mbr-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.mbr-table{width:100%;border-collapse:collapse;margin-top:10px}
.mbr-table th,.mbr-table td{border-bottom:1px solid #eee;padding:8px;text-align:left;font-size:14px}
.mbr-lang{display:flex;gap:8px;align-items:center;margin-bottom:12px}

/* Roof type info section */
.mbr-roof-info{margin:14px 0 6px;padding:12px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}
.mbr-roof-info-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.mbr-roof-info-title{font-weight:700}
.mbr-roof-info-close{font-size:18px;line-height:18px;padding:0 10px;min-width:0}
.mbr-roof-explain{margin-top:10px;color:#333;font-size:14px;line-height:1.45}

/* WooCommerce-like product image list (works even if WC styles aren't loaded)
   Desktop: columns-4, Mobile: 2 columns */
.mbr-products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:0;padding:0}
.mbr-products .product{width:auto}
.mbr-products .product img{width:100%;height:auto;border-radius:10px;border:1px solid #eee;display:block}

@media (max-width: 860px){
  .mbr-products{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 480px){
  .mbr-products{grid-template-columns:repeat(2,1fr)}
}

/* Responsive row wrapping */
@media (max-width: 980px){
  .mbr-row{grid-template-columns:repeat(3,minmax(160px,1fr))}
}

@media (max-width: 720px){
  .mbr-row{grid-template-columns:repeat(2,minmax(160px,1fr))}
}

@media (max-width: 560px){
  .mbr-row{grid-template-columns:1fr}
}


/* Section 2 background */
.mbr-section-rows{background:#f5f5f5;padding:14px;border-radius:12px;margin-top:12px}


.mbr-system-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:8px}
.mbr-system-label{font-weight:600}
.mbr-radio{display:inline-flex;align-items:center;gap:8px;border:1px solid #ccd0d4;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}
.mbr-radio.selected{border-color:#2271b1;box-shadow:inset 0 0 0 1px #2271b1}
.mbr-radio-circle{width:14px;height:14px;border:2px solid #777;border-radius:50%;display:inline-block;position:relative}
.mbr-radio.selected .mbr-radio-circle{border-color:#2271b1}
.mbr-radio.selected .mbr-radio-circle:after{content:'';position:absolute;left:2px;top:2px;width:6px;height:6px;border-radius:50%;background:#2271b1}
.mbr-table select,.mbr-table input[type=number]{width:100%;min-width:140px}

.mbr-radio{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;}
.mbr-radio-text{display:inline-block;}

/* Ensure system choice text is visible on light backgrounds */
.mbr-radio,.mbr-radio *{color:#000 !important;}
.mbr-radio{background:#fff !important;}


/* Ensure system choice text is visible */
.mbr-system-choice,
.mbr-system-choice label,
.mbr-system-choice span,
.mbr-system-card,
.mbr-system-card label,
.mbr-system-card span {
  color: #000 !important;
}


/* Align roof-type images consistently to the bottom of cards */
.mbr-card{display:flex;flex-direction:column;height:100%}
.mbr-card > div:first-child{min-height:3.8em}
.mbr-card img{
  margin-top:auto;
  width:100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display:block;
}
.mbr-card > div:last-child{margin-top:6px}


/* Roof-type change modal */
.mbr-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  z-index:99999;
}
.mbr-modal{
  width:min(420px, 100%);
  background:#fff;
  border-radius:18px;
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  padding:22px;
}
.mbr-modal-title{
  font-size:20px;
  font-weight:700;
  color:#111;
  margin-bottom:16px;
}
.mbr-modal-actions{
  display:grid;
  gap:12px;
}
.mbr-modal-btn{
  width:100%;
  min-height:48px;
  border-radius:12px !important;
  font-size:15px;
  justify-content:center;
}
@media (max-width: 560px){
  .mbr-modal{padding:18px;border-radius:16px;}
  .mbr-modal-title{font-size:18px;}
}

.mbr-qty-mismatch{border-color:#c62828 !important;color:#c62828 !important;font-weight:700;}
.mbr-qty-note{margin-top:4px;color:#c62828;font-size:12px;line-height:1.35;}


.mbr-modal-actions{grid-template-columns:1fr;}



/* Mobile-first BOM cards for mounting and complete-system BOM */
@media (max-width: 768px){
  .mbr-bom-table thead{display:none;}
  .mbr-bom-table,
  .mbr-bom-table tbody,
  .mbr-bom-table tr,
  .mbr-bom-table td{display:block;width:100%;}
  .mbr-bom-table{border-collapse:separate;margin-top:8px;}
  .mbr-bom-table tr{
    margin-bottom:14px;
    border:1px solid #ddd;
    border-radius:12px;
    padding:12px;
    background:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
  }
  .mbr-bom-table td{
    border:none;
    padding:6px 0;
    white-space:normal;
  }
  .mbr-bom-table td[data-label]::before{
    content: attr(data-label);
    display:block;
    font-weight:600;
    color:#555;
    margin-bottom:3px;
    font-size:12px;
    text-transform:none;
  }
  .mbr-bom-table td[data-label=""]::before{display:none;content:'';}
  .mbr-bom-table input[type=number],
  .mbr-bom-table select,
  .mbr-bom-table button{
    width:100%;
    min-width:0;
  }
}


.mbr-summary-card{margin-top:16px;margin-bottom:16px;padding:16px;border:1px solid #d7dde5;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.mbr-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.mbr-summary-item{padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
.mbr-summary-label{font-size:12px;color:#64748b;margin-bottom:4px}
.mbr-summary-value{font-size:20px;font-weight:700;color:#0f172a}
.mbr-dcac-wrap{margin-top:14px;padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}
.mbr-dcac-label{font-size:14px;font-weight:600;color:#334155;margin-bottom:10px}
.mbr-dcac-track{position:relative;height:12px;border-radius:999px;background:#dbe2ea;overflow:hidden}
.mbr-dcac-good{position:absolute;left:55.5%;width:27.8%;top:0;bottom:0;background:#86efac}
.mbr-dcac-marker{position:absolute;top:50%;width:3px;height:22px;background:#0f172a;border-radius:999px;transform:translate(-50%,-50%)}
.mbr-dcac-ticks{display:flex;justify-content:space-between;font-size:11px;color:#64748b;margin-top:8px}
.mbr-summary-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
@media (max-width: 768px){
  .mbr-summary-grid{grid-template-columns:1fr}
  .mbr-summary-actions{flex-direction:column}
  .mbr-summary-actions .button{width:100%}
}


.mbr-roof-graphics{margin-top:16px;margin-bottom:16px}
.mbr-roof-graphics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mbr-roof-card{padding:14px;border:1px solid #d7dde5;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.mbr-roof-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.mbr-roof-card-title{font-weight:700;color:#0f172a}
.mbr-roof-card-panels{font-size:12px;color:#475569}
.mbr-roof-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}

.mbr-ground-visual{display:grid;align-items:start;margin-bottom:10px}
.mbr-ground-board{padding:4px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;width:max-content}
.mbr-ground-board-grid{display:grid;grid-template-columns:repeat(6,16px);grid-auto-rows:8px;column-gap:2px;row-gap:2px}
.mbr-ground-panel{border:1px solid #cbd5e1;border-radius:2px;background:#e2e8f0}


.mbr-roof-panels-grid{display:grid;gap:4px;margin-bottom:10px;justify-items:start;align-items:start}
.mbr-roof-panel-block{box-sizing:border-box;display:block;flex:none;border:1px solid #cbd5e1;border-radius:5px;background:#e2e8f0;justify-self:start;align-self:start}
.mbr-roof-panel-block.portrait{width:28px;height:64px}
.mbr-roof-panel-block.landscape{width:64px;height:28px}


.mbr-roof-stat span{display:block !important;margin-bottom:4px !important}
.mbr-roof-stat strong{display:block !important;line-height:1.35 !important}

.mbr-roof-graphics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,max-content));gap:14px;align-items:start}
.mbr-roof-card{width:max-content;max-width:none;min-width:320px}
@media (max-width: 768px){
  .mbr-roof-graphics-grid{grid-template-columns:1fr}
  .mbr-roof-card{width:auto;max-width:100%;min-width:0}
}


.mbr-complete-add-row{grid-template-columns:minmax(220px,1.2fr) minmax(320px,2fr) minmax(220px,1fr)}
.mbr-complete-add-row > div{min-width:0}
.mbr-complete-add-row select,.mbr-complete-add-row button{min-height:42px}
.mbr-cta-wrap{display:flex;justify-content:center;margin-top:24px;padding-top:8px}
.mbr-next-step{position:relative;display:inline-flex !important;align-items:center;justify-content:center;gap:12px;width:80%;max-width:420px;min-width:0;padding:14px 62px 14px 26px !important;font-size:16px !important;line-height:1.2 !important;font-weight:800 !important;letter-spacing:.01em;text-align:center;border-radius:999px !important;border:1px solid #edc18c !important;color:#b96a1a !important;background:#f7ddb8 !important;box-shadow:none !important;text-shadow:none !important;margin:0 auto}
.mbr-next-step:hover,.mbr-next-step:focus{color:#a75e15 !important;border-color:#e2b67d !important;background:#fae5c7 !important}
.mbr-next-step::after{content:'';position:absolute;right:14px;top:50%;width:38px;height:38px;transform:translateY(-50%);border-radius:50%;background:#f3e1c9;border:1px solid #e3c49a;box-shadow:none}
.mbr-next-step::before{content:'';position:absolute;right:27px;top:50%;width:0;height:0;transform:translateY(-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:12px solid #bf6d17;z-index:1}
.mbr-advanced-cta-before-area{margin-top:18px;margin-bottom:12px}
.mbr-advanced-cta{padding-top:14px;padding-bottom:4px}
.mbr-complete-add-row{grid-template-columns:minmax(260px,1.3fr) minmax(420px,2.2fr) minmax(280px,1.1fr)}
.mbr-complete-add-row > div{min-width:0}
.mbr-complete-add-row select,.mbr-complete-add-row button{min-height:48px}
@media (max-width: 782px){
  .mbr-complete-add-row{grid-template-columns:1fr}
  .mbr-next-step{min-width:0;width:100%}
}
.mbr-roof-panel-block.removed{background:#fde68a !important;border-color:#f59e0b !important;box-shadow:inset 0 0 0 1px rgba(245,158,11,.28);opacity:.92}
.mbr-roof-panel-block.removed::after{content:'x';display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:12px;font-weight:700;color:#92400e;line-height:1}

/* Floating Materialeliste drawer above Montage UI */
.mbr-tab-block--montage{position:relative;display:block;min-height:120px;}
.mbr-bom-drawer{position:fixed;right:24px;top:120px;width:340px;max-width:min(340px,42vw);max-height:calc(100vh - 150px);z-index:9999;background:#fff;border:1px solid #d7dde5;border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.18);overflow:hidden;margin:0;transition:width .18s ease, max-width .18s ease, opacity .18s ease, transform .18s ease;}
.mbr-bom-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 10px 14px;border-bottom:1px solid #e5e7eb;background:#f8fafc}
.mbr-bom-drawer-title{font-weight:800;color:#0f172a;font-size:14px;white-space:nowrap}
.mbr-bom-drawer-toggle{min-width:44px !important;height:34px;border-radius:999px !important;padding:0 10px !important;font-size:12px !important;line-height:1 !important;display:inline-flex !important;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-weight:700 !important;}
.mbr-bom-drawer-body{padding:12px;overflow:auto;max-height:calc(100vh - 210px)}
.mbr-bom-drawer .mbr-table{font-size:12px;margin-top:0}
.mbr-bom-drawer .mbr-table th,.mbr-bom-drawer .mbr-table td{font-size:12px;padding:6px 5px}
.mbr-bom-drawer .mbr-table h3,.mbr-bom-drawer h3{margin-top:0;font-size:15px}
.mbr-bom-drawer .mbr-bom-actions{display:grid;grid-template-columns:1fr;gap:8px}
.mbr-bom-drawer .mbr-bom-actions .button{width:100%;text-align:center;justify-content:center}
.mbr-bom-drawer.is-collapsed{width:166px;max-width:166px;max-height:54px;overflow:hidden;}
.mbr-bom-drawer.is-collapsed .mbr-bom-drawer-head{padding:9px;border-bottom:none;background:#fff;justify-content:center;}
.mbr-bom-drawer.is-collapsed .mbr-bom-drawer-title,.mbr-bom-drawer.is-collapsed .mbr-bom-drawer-body{display:none}
.mbr-area-calc-card{margin-top:16px;padding:14px;border:1px solid #d7dde5;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.mbr-area-calc-card h3{margin-top:0;margin-bottom:10px}
@media (max-width: 960px){.mbr-bom-drawer{position:sticky;top:10px;right:auto;width:100%;max-width:none;max-height:none;margin:14px 0}.mbr-bom-drawer-body{max-height:none}.mbr-bom-drawer.is-collapsed{width:166px;max-width:166px}}

/* Global material list drawer shown across all tabs */
.elitag-tabs-shell > .mbr-bom-drawer{position:fixed;right:24px;top:118px;width:360px;max-width:min(360px,42vw);max-height:calc(100vh - 148px);z-index:10050;background:#fff;border:1px solid #d7dde5;border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.18);overflow:hidden;margin:0;transition:width .18s ease, max-width .18s ease, opacity .18s ease, transform .18s ease;}
.elitag-tabs-shell > .mbr-bom-drawer .mbr-bom-section{margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb;}
.elitag-tabs-shell > .mbr-bom-drawer .mbr-bom-section:first-child{margin-top:0;padding-top:0;border-top:none;}
.elitag-tabs-shell > .mbr-bom-drawer .mbr-bom-muted{font-size:12px;color:#64748b;line-height:1.35;padding:4px 0 8px;}
.elitag-tabs-shell > .mbr-bom-drawer .mbr-bom-installation .mbr-table td:last-child{text-align:right;font-weight:700;}
@media (max-width: 960px){.elitag-tabs-shell > .mbr-bom-drawer{position:sticky;top:10px;right:auto;width:100%;max-width:none;max-height:none;margin:14px 0}.elitag-tabs-shell > .mbr-bom-drawer .mbr-bom-drawer-body{max-height:none}.elitag-tabs-shell > .mbr-bom-drawer.is-collapsed{width:166px;max-width:166px}}

/* 0.3.129 stable compact Materialeliste */
.mbr-bom-drawer{
  position:fixed !important;
  right:18px !important;
  top:96px !important;
  width:320px !important;
  max-width:calc(100vw - 36px) !important;
  max-height:calc(100vh - 116px) !important;
  z-index:2147483000 !important;
  transform:none !important;
  will-change:auto !important;
  contain:layout paint;
}
.mbr-bom-drawer.is-collapsed{
  width:auto !important;
  max-width:150px !important;
  max-height:42px !important;
}
.mbr-bom-drawer-head{
  min-height:40px !important;
  padding:6px 8px 6px 10px !important;
}
.mbr-bom-drawer-title{font-size:13px !important;line-height:1.1 !important;}
.mbr-bom-drawer-toggle{
  min-width:34px !important;
  height:28px !important;
  padding:0 8px !important;
  font-size:12px !important;
  line-height:1 !important;
  box-shadow:none !important;
}
.mbr-bom-drawer.is-collapsed .mbr-bom-drawer-toggle{
  min-width:118px !important;
  height:30px !important;
  padding:0 10px !important;
  font-size:12px !important;
}
.mbr-bom-drawer-body{padding:9px !important;max-height:calc(100vh - 164px) !important;}
.mbr-bom-drawer .mbr-bom-section{margin-top:10px !important;padding-top:9px !important;}
.mbr-bom-drawer .mbr-table{table-layout:auto !important;width:100% !important;font-size:11px !important;}
.mbr-bom-drawer .mbr-table th,
.mbr-bom-drawer .mbr-table td{font-size:11px !important;padding:4px 4px !important;vertical-align:top !important;}
.mbr-bom-drawer .mbr-table th:first-child,
.mbr-bom-drawer .mbr-table td:first-child{width:48px !important;max-width:56px !important;word-break:break-word !important;}
.mbr-bom-drawer .mbr-table th:nth-child(3),
.mbr-bom-drawer .mbr-table td:nth-child(3){width:54px !important;max-width:60px !important;text-align:right !important;}
.mbr-bom-drawer .mbr-table input[type=number]{width:52px !important;max-width:52px !important;padding:2px 4px !important;text-align:right !important;}
.mbr-bom-drawer h3{font-size:13px !important;margin:0 0 6px !important;}
.mbr-bom-drawer .mbr-complete-price,
.mbr-bom-drawer .mbr-mounting-price{font-size:12px !important;}
@media (max-width: 780px){
  .mbr-bom-drawer{
    right:10px !important;
    top:auto !important;
    bottom:10px !important;
    width:min(320px, calc(100vw - 20px)) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:65vh !important;
  }
  .mbr-bom-drawer-body{max-height:calc(65vh - 48px) !important;}
  .mbr-bom-drawer.is-collapsed{width:auto !important;max-width:148px !important;max-height:42px !important;}
  .mbr-bom-drawer .mbr-table thead{display:table-header-group !important;}
  .mbr-bom-drawer .mbr-table,
  .mbr-bom-drawer .mbr-table tbody,
  .mbr-bom-drawer .mbr-table tr,
  .mbr-bom-drawer .mbr-table td{display:table-row-group;}
  .mbr-bom-drawer .mbr-table tr{display:table-row !important;box-shadow:none !important;border-radius:0 !important;margin:0 !important;padding:0 !important;background:transparent !important;}
  .mbr-bom-drawer .mbr-table td{display:table-cell !important;width:auto !important;border-top:1px solid #e5e7eb !important;}
  .mbr-bom-drawer .mbr-table td[data-label]::before{display:none !important;content:'' !important;}
}
@media (max-width: 780px){
  .mbr-bom-drawer .mbr-table{display:table !important;border-collapse:collapse !important;}
  .mbr-bom-drawer .mbr-table tbody{display:table-row-group !important;}
}

/* 0.3.129 material list page-contained stable layout */
.elitag-tabs-shell{position:relative;}
.elitag-tabs-shell > .mbr-bom-drawer,.mbr-bom-drawer{position:sticky !important;top:12px !important;right:auto !important;float:right !important;clear:right !important;width:430px !important;max-width:min(430px,48vw) !important;max-height:calc(100vh - 28px) !important;margin:0 0 18px 18px !important;z-index:50 !important;background:#fff !important;border:1px solid #d9e2e8 !important;border-radius:18px !important;box-shadow:0 14px 30px rgba(15,23,42,.14) !important;overflow:hidden !important;}
.mbr-bom-drawer.is-collapsed{width:auto !important;max-width:none !important;max-height:44px !important;border:none !important;box-shadow:none !important;background:transparent !important;}
.mbr-bom-drawer.is-collapsed .mbr-bom-drawer-head{padding:0 !important;background:transparent !important;border:0 !important;}
.mbr-bom-drawer.is-collapsed .mbr-bom-drawer-toggle,.mbr-bom-drawer-toggle{background:#6f9fa7 !important;color:#fff !important;border:0 !important;box-shadow:none !important;border-radius:999px !important;min-width:0 !important;height:34px !important;padding:0 14px !important;font-size:12px !important;font-weight:800 !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;text-transform:uppercase !important;}
.mbr-bom-drawer:not(.is-collapsed) .mbr-bom-drawer-toggle{width:34px !important;min-width:34px !important;padding:0 !important;text-transform:none !important;}
.mbr-bom-drawer-head{padding:12px 12px 10px 14px !important;background:#f8fafc !important;border-bottom:1px solid #e5e7eb !important;}
.mbr-bom-drawer-title{font-size:16px !important;font-weight:800 !important;color:#0f172a !important;}
.mbr-bom-drawer-body{padding:14px !important;max-height:calc(100vh - 96px) !important;overflow:auto !important;}
.mbr-bom-drawer .mbr-bom-section{margin-top:16px !important;padding-top:14px !important;border-top:1px solid #e5e7eb !important;}
.mbr-bom-drawer .mbr-bom-section:first-child{margin-top:0 !important;padding-top:0 !important;border-top:none !important;}
.mbr-bom-drawer h3{font-size:15px !important;margin:0 0 8px !important;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table,.mbr-bom-drawer .mbr-bom-system .mbr-bom-table tbody,.mbr-bom-drawer .mbr-bom-system .mbr-bom-table tr,.mbr-bom-drawer .mbr-bom-system .mbr-bom-table td{display:block !important;width:auto !important;max-width:none !important;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table thead{display:none !important;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table tr{display:grid !important;grid-template-columns:82px minmax(0,1fr) 72px !important;gap:6px 8px !important;padding:9px 0 !important;border-top:1px solid #e5e7eb !important;align-items:start !important;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table tr:first-child{border-top:none !important;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table td{border:0 !important;padding:0 !important;font-size:12px !important;line-height:1.25 !important;word-break:normal !important;overflow-wrap:anywhere !important;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table td:nth-child(1){grid-column:1;color:#475569;font-weight:700;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table td:nth-child(2){grid-column:2;color:#334155;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table td:nth-child(3){grid-column:3;text-align:right;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table td:nth-child(4){grid-column:1 / -1;text-align:right;padding-top:2px !important;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table input[type=number]{width:64px !important;max-width:64px !important;height:30px !important;padding:2px 6px !important;text-align:right !important;}
.mbr-bom-drawer .mbr-bom-system .mbr-bom-table select{max-width:82px !important;width:82px !important;height:30px !important;font-size:11px !important;padding:2px 18px 2px 5px !important;}
.mbr-bom-drawer .mbr-bom-system .button-link-delete{display:inline-flex !important;width:auto !important;min-width:0 !important;height:28px !important;padding:0 11px !important;border-radius:8px !important;font-size:11px !important;line-height:1 !important;align-items:center !important;justify-content:center !important;}
.mbr-bom-drawer .mbr-bom-montage .mbr-table{font-size:12px !important;}
.mbr-bom-drawer .mbr-bom-montage .mbr-table th,.mbr-bom-drawer .mbr-bom-montage .mbr-table td{font-size:12px !important;padding:5px 6px !important;}
.mbr-bom-drawer .mbr-complete-price,.mbr-bom-drawer .mbr-mounting-price{font-size:13px !important;}
@media (max-width:960px){.elitag-tabs-shell > .mbr-bom-drawer,.mbr-bom-drawer{float:none !important;position:sticky !important;top:8px !important;width:100% !important;max-width:none !important;margin:0 0 14px 0 !important;max-height:none !important;}.mbr-bom-drawer-body{max-height:none !important;}.mbr-bom-drawer.is-collapsed{width:max-content !important;max-width:100% !important;}}

/* 0.3.129 stable in-page Materialeliste slot */
.elitag-material-list-slot{display:flex !important;justify-content:flex-end !important;align-items:flex-start !important;width:100% !important;margin:8px 0 14px !important;min-height:38px !important;position:sticky !important;top:10px !important;z-index:90 !important;pointer-events:none !important;}
.elitag-material-list-slot .mbr-bom-drawer{pointer-events:auto !important;position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;float:none !important;clear:none !important;width:460px !important;max-width:min(460px,100%) !important;max-height:calc(100vh - 90px) !important;margin:0 !important;z-index:91 !important;background:#fff !important;border:1px solid #d9e2e8 !important;border-radius:18px !important;box-shadow:0 12px 28px rgba(15,23,42,.14) !important;overflow:hidden !important;}
.elitag-material-list-slot .mbr-bom-drawer.is-collapsed{width:auto !important;max-width:100% !important;max-height:38px !important;border:0 !important;box-shadow:none !important;background:transparent !important;}
.elitag-material-list-slot .mbr-bom-drawer.is-collapsed .mbr-bom-drawer-head{padding:0 !important;border:0 !important;background:transparent !important;}
.elitag-material-list-slot .mbr-bom-drawer-toggle,.elitag-material-list-slot .mbr-bom-drawer.is-collapsed .mbr-bom-drawer-toggle{background:#6f9fa7 !important;color:#fff !important;border:0 !important;box-shadow:none !important;border-radius:999px !important;height:34px !important;min-width:34px !important;padding:0 13px !important;font-size:12px !important;font-weight:800 !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;text-transform:uppercase !important;}
.elitag-material-list-slot .mbr-bom-drawer:not(.is-collapsed) .mbr-bom-drawer-toggle{width:34px !important;padding:0 !important;text-transform:none !important;}
.elitag-material-list-slot .mbr-bom-drawer-head{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;min-height:42px !important;padding:9px 10px 9px 14px !important;background:#f8fafc !important;border-bottom:1px solid #e5e7eb !important;}
.elitag-material-list-slot .mbr-bom-drawer-title{font-size:16px !important;font-weight:800 !important;color:#0f172a !important;}
.elitag-material-list-slot .mbr-bom-drawer-body{display:block !important;padding:13px !important;max-height:calc(100vh - 140px) !important;overflow:auto !important;}
.elitag-material-list-slot .mbr-bom-drawer.is-collapsed .mbr-bom-drawer-title,.elitag-material-list-slot .mbr-bom-drawer.is-collapsed .mbr-bom-drawer-body{display:none !important;}
.elitag-material-list-slot .mbr-bom-system .mbr-bom-table tr{grid-template-columns:86px minmax(0,1fr) 68px !important;}
.elitag-material-list-slot .mbr-bom-system .mbr-bom-table td{overflow-wrap:anywhere !important;}
.elitag-material-list-slot .mbr-bom-system .mbr-bom-table input[type=number]{width:62px !important;max-width:62px !important;}
.elitag-material-list-slot .mbr-bom-system .button-link-delete{margin-top:4px !important;}
@media (max-width:960px){.elitag-material-list-slot{position:sticky !important;top:6px !important;justify-content:flex-end !important;margin:8px 0 12px !important;}.elitag-material-list-slot .mbr-bom-drawer{width:min(420px,100%) !important;max-width:100% !important;max-height:70vh !important;}.elitag-material-list-slot .mbr-bom-drawer-body{max-height:calc(70vh - 52px) !important;}}

/* 0.3.129: keep Materialeliste visible without consuming page height */
.elitag-material-list-slot{
  display:block !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  position:static !important;
  pointer-events:none !important;
  z-index:9998 !important;
}
.elitag-material-list-slot .mbr-bom-drawer{
  pointer-events:auto !important;
  position:fixed !important;
  top:128px !important;
  right:18px !important;
  width:440px !important;
  max-width:calc(100vw - 36px) !important;
  max-height:calc(100vh - 148px) !important;
  z-index:9999 !important;
  margin:0 !important;
  background:#fff !important;
  border:1px solid #d9e2e8 !important;
  border-radius:16px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.16) !important;
  overflow:hidden !important;
}
.elitag-material-list-slot .mbr-bom-drawer.is-collapsed{
  width:auto !important;
  max-width:100% !important;
  max-height:36px !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.elitag-material-list-slot .mbr-bom-drawer-body{
  max-height:calc(100vh - 198px) !important;
  overflow:auto !important;
  padding:12px !important;
}
.elitag-material-list-slot .mbr-bom-drawer-toggle,
.elitag-material-list-slot .mbr-bom-drawer.is-collapsed .mbr-bom-drawer-toggle{
  background:#6f9fa7 !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  border-radius:999px !important;
  min-height:32px !important;
  height:32px !important;
  min-width:32px !important;
  padding:0 11px !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  text-transform:uppercase !important;
}
.elitag-material-list-slot .mbr-bom-drawer:not(.is-collapsed) .mbr-bom-drawer-toggle{
  width:32px !important;
  padding:0 !important;
  text-transform:none !important;
}
.elitag-material-list-slot .mbr-bom-drawer-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  min-height:40px !important;
  padding:8px 10px 8px 13px !important;
  background:#f8fafc !important;
  border-bottom:1px solid #e5e7eb !important;
}
.elitag-material-list-slot .mbr-bom-drawer-title{
  font-size:15px !important;
  font-weight:800 !important;
  color:#0f172a !important;
}
.elitag-material-list-slot .mbr-bom-drawer.is-collapsed .mbr-bom-drawer-title,
.elitag-material-list-slot .mbr-bom-drawer.is-collapsed .mbr-bom-drawer-body{
  display:none !important;
}
.elitag-material-list-slot .mbr-bom-table th,
.elitag-material-list-slot .mbr-bom-table td{
  font-size:12px !important;
  line-height:1.25 !important;
}
.elitag-material-list-slot .mbr-bom-system .mbr-bom-table tr,
.elitag-material-list-slot .mbr-bom-montage .mbr-bom-table tr{
  grid-template-columns:74px minmax(0,1fr) 62px !important;
}
.elitag-material-list-slot .mbr-bom-table input[type=number]{
  width:58px !important;
  max-width:58px !important;
  min-width:58px !important;
}
.elitag-material-list-slot .mbr-bom-system .button-link-delete{
  display:block !important;
  width:100% !important;
  min-height:28px !important;
  height:28px !important;
  padding:0 8px !important;
  margin-top:6px !important;
  font-size:11px !important;
}
select option.mbr-panel-option-muted{color:#8a94a6 !important;background:#f8fafc !important;}
@media (max-width:782px){
  .elitag-material-list-slot .mbr-bom-drawer{
    top:auto !important;
    right:10px !important;
    bottom:12px !important;
    width:min(430px, calc(100vw - 20px)) !important;
    max-height:72vh !important;
  }
  .elitag-material-list-slot .mbr-bom-drawer-body{max-height:calc(72vh - 52px) !important;}
}
@media (min-width:783px) and (max-width:1200px){
  .elitag-material-list-slot .mbr-bom-drawer{top:112px !important;right:14px !important;width:410px !important;}
}

/* 0.3.129: Materialeliste SKU sizing polish
   Static SKU labels get a little more width; editable selector boxes stay compact. */
.elitag-material-list-slot .mbr-bom-system .mbr-bom-table tr,
.elitag-material-list-slot .mbr-bom-montage .mbr-bom-table tr{
  grid-template-columns:86px minmax(0,1fr) 58px !important;
  gap:6px 8px !important;
}
.elitag-material-list-slot .mbr-bom-table td:nth-child(1){
  width:86px !important;
  max-width:86px !important;
  min-width:0 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  white-space:normal !important;
}
.elitag-material-list-slot .mbr-bom-table td:nth-child(2){
  min-width:0 !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}
.elitag-material-list-slot .mbr-bom-table td:nth-child(3){
  width:58px !important;
  max-width:58px !important;
  text-align:right !important;
}
.elitag-material-list-slot .mbr-bom-table select{
  width:64px !important;
  max-width:64px !important;
  min-width:64px !important;
  height:30px !important;
  padding:2px 16px 2px 4px !important;
  font-size:11px !important;
  box-sizing:border-box !important;
}
.elitag-material-list-slot .mbr-bom-table input[type=number]{
  width:54px !important;
  max-width:54px !important;
  min-width:54px !important;
}
.elitag-material-list-slot .mbr-bom-system .button-link-delete{
  margin-top:5px !important;
}
@media (max-width:782px){
  .elitag-material-list-slot .mbr-bom-system .mbr-bom-table tr,
  .elitag-material-list-slot .mbr-bom-montage .mbr-bom-table tr{
    grid-template-columns:82px minmax(0,1fr) 56px !important;
  }
  .elitag-material-list-slot .mbr-bom-table td:nth-child(1){width:82px !important;max-width:82px !important;}
  .elitag-material-list-slot .mbr-bom-table select{width:62px !important;max-width:62px !important;min-width:62px !important;}
}

/* 0.3.129: boxed area calculation card */
.mbr-area-card{background:#fff;border:1px solid #d8e2e4;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:14px 16px;margin-top:16px;}
.mbr-area-card .mbr-area-card-total{font-weight:700;font-size:15px;margin-bottom:10px;color:#1f4f58;}
.mbr-area-card h3{margin:0 0 10px 0;color:#3d6870;font-size:16px;}
.mbr-area-card .mbr-area-table-wrap{overflow-x:auto;}
.mbr-hidden-compat{display:none!important;}


/* 0.3.129: clearer System tab strategy card */
.mbr-system-strategy-card{
  border:1px solid #b8d5d9;
  background:linear-gradient(180deg,#f7fcfc 0%,#fff 100%);
  box-shadow:0 8px 24px rgba(54,91,99,.10);
  margin:14px 0;
}
.mbr-system-strategy-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:12px;
}
.mbr-system-strategy-head h3{margin:0 0 4px;color:#0f5f64}
.mbr-system-strategy-head p{margin:0;color:#64748b;font-size:13px;line-height:1.35}
.mbr-system-strategy-mode{
  flex:0 0 auto;
  background:#6ca0a6;
  color:#fff;
  font-weight:700;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
}
.mbr-system-picker-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0 14px;
}
.mbr-system-choice{
  text-align:left;
  border:1px solid #cbd5e1;
  background:#fff;
  border-radius:12px;
  padding:12px;
  cursor:pointer;
  min-height:78px;
  transition:.15s ease;
}
.mbr-system-choice strong{display:block;color:#183b56;margin-bottom:5px}
.mbr-system-choice span{display:block;color:#64748b;font-size:12px;line-height:1.25}
.mbr-system-choice.selected{
  border-color:#6ca0a6;
  background:#e9f5f6;
  box-shadow:inset 0 0 0 2px rgba(108,160,166,.18);
}
.mbr-system-strategy-summary{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:10px;
  padding:10px 12px;
  display:grid;
  gap:6px;
  font-size:13px;
  line-height:1.35;
  margin-bottom:12px;
}
.mbr-system-strategy-picked{
  background:#f0f9ff;
  border-left:4px solid #6ca0a6;
  padding:9px 12px;
  border-radius:8px;
  font-size:13px;
  margin-bottom:12px;
}
.mbr-pnom-box{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:10px;
  padding:10px 12px;
  margin-bottom:10px;
}
.mbr-pnom-label{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:8px}
.mbr-pnom-track{position:relative;height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.mbr-pnom-good{position:absolute;left:22.2%;width:44.4%;top:0;bottom:0;background:#7fb7a6}
.mbr-pnom-marker{position:absolute;top:-4px;width:4px;height:20px;background:#0f5f64;border-radius:4px;transform:translateX(-2px)}
.mbr-pnom-ticks{display:flex;justify-content:space-between;color:#64748b;font-size:11px;margin-top:5px}
.mbr-pnom-note{font-size:12px;color:#475569;margin-top:7px}
.mbr-pnom-box.high .mbr-pnom-marker{background:#b45309}
.mbr-pnom-box.low .mbr-pnom-marker{background:#2563eb}
.mbr-system-strategy-rules{
  color:#475569;
  font-size:12px;
  display:grid;
  gap:4px;
}
.mbr-system-add-wrap{margin-top:14px}
.mbr-complete-add{
  margin-top:12px;
  padding:12px;
  border:1px solid #ddd;
  border-radius:10px;
  background:#fff;
}
.mbr-complete-add h3{margin:0 0 10px}
@media (max-width:782px){
  .mbr-system-strategy-head{display:block}
  .mbr-system-strategy-mode{display:inline-block;margin-top:8px}
  .mbr-system-picker-cards{grid-template-columns:1fr}
}


/* 0.3.129: Montage tab static half-width boxes */
.mbr-half-card{
  width:50%;
  max-width:620px;
  min-width:360px;
  box-sizing:border-box;
}
.mbr-bom-static{
  position:static !important;
  right:auto !important;
  top:auto !important;
  width:50% !important;
  max-width:620px !important;
  min-width:360px;
  max-height:none !important;
  z-index:auto !important;
  background:#fff;
  border:1px solid #d6e2e8;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(15,54,64,.08);
  margin:18px 0;
  overflow:hidden;
}
.mbr-bom-static .mbr-bom-drawer-head{
  position:static;
  padding:12px 14px;
  border-bottom:1px solid #e2e8f0;
  background:#f8fbfc;
}
.mbr-bom-static .mbr-bom-drawer-title{
  font-size:16px;
  font-weight:700;
}
.mbr-bom-static .mbr-bom-drawer-body{
  max-height:none !important;
  overflow:visible !important;
  padding:12px 14px;
}
.mbr-bom-static .mbr-bom-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.mbr-bom-static .mbr-bom-actions .button{
  width:100%;
  min-height:38px;
}
.mbr-summary-card.mbr-half-card,
.mbr-area-card.mbr-half-card{
  width:50%;
  max-width:620px;
  min-width:360px;
  margin-left:0;
  margin-right:0;
}
.mbr-area-card .mbr-area-table-wrap{
  overflow-x:auto;
}
@media (max-width: 900px){
  .mbr-half-card,
  .mbr-bom-static,
  .mbr-summary-card.mbr-half-card,
  .mbr-area-card.mbr-half-card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
}


/* 0.3.129: Montage cards flow: Tagområder, Materialeliste, Arealberegning, Anlægsoversigt */
.mbr-montage-card-flow{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:flex-start;
  margin-top:18px;
}
.mbr-montage-card-flow > .mbr-roof-graphics,
.mbr-montage-card-flow > .mbr-bom-static,
.mbr-montage-card-flow > .mbr-area-card,
.mbr-montage-card-flow > .mbr-summary-card{
  margin:0 !important;
}
.mbr-flow-card,
.mbr-montage-card-flow > .mbr-roof-graphics{
  flex:0 1 auto;
  width:auto !important;
  min-width:280px;
  max-width:100%;
  box-sizing:border-box;
}
.mbr-montage-card-flow > .mbr-roof-graphics{
  max-width:min(620px, 100%);
}
.mbr-material-fit{
  width:fit-content !important;
  min-width:300px !important;
  max-width:min(520px, 100%) !important;
}
.mbr-material-fit .mbr-bom-drawer-body{
  padding:10px 12px;
}
.mbr-material-fit .mbr-table{
  width:auto;
  min-width:0;
}
.mbr-material-fit .mbr-table th,
.mbr-material-fit .mbr-table td{
  padding:5px 7px;
  white-space:nowrap;
}
.mbr-material-fit .mbr-table td:nth-child(2),
.mbr-material-fit .mbr-table th:nth-child(2){
  white-space:normal;
  min-width:150px;
  max-width:260px;
}
.mbr-material-fit input[type="number"],
.mbr-material-fit .mbr-qty-input{
  width:56px !important;
  min-width:56px !important;
  max-width:56px !important;
}
.mbr-material-fit .mbr-bom-actions{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:6px;
}
.mbr-material-fit .mbr-bom-actions .button{
  width:auto;
  min-height:34px;
  padding:6px 8px;
  font-size:12px;
}
.mbr-area-card.mbr-flow-card,
.mbr-summary-card.mbr-flow-card{
  width:fit-content !important;
  min-width:300px !important;
  max-width:min(520px, 100%) !important;
}
.mbr-area-card.mbr-flow-card .mbr-table{
  width:auto;
}
@media (max-width: 782px){
  .mbr-montage-card-flow{
    display:block;
  }
  .mbr-montage-card-flow > *{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:14px 0 !important;
  }
  .mbr-material-fit .mbr-bom-actions{
    grid-template-columns:1fr;
  }
}


/* 0.3.129: unify Montage cards and restore global totals sidebar */
.mbr-montage-card-flow{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:16px;
  align-items:start;
}
.mbr-unified-card,
.mbr-montage-card-flow > .mbr-roof-graphics,
.mbr-montage-card-flow > .mbr-bom-static,
.mbr-montage-card-flow > .mbr-area-card,
.mbr-montage-card-flow > .mbr-summary-card{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box;
  border:1px solid #d6e2e8;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,54,64,.06);
  padding:14px;
  margin:0 !important;
}
.mbr-bom-static{
  position:static !important;
  overflow:hidden;
}
.mbr-bom-static .mbr-bom-drawer-head{
  margin:-14px -14px 12px;
  padding:12px 14px;
  border-bottom:1px solid #e2e8f0;
  background:#f8fbfc;
}
.mbr-bom-static .mbr-bom-drawer-body{
  padding:0 !important;
}
.mbr-bom-static .mbr-bom-system,
.mbr-bom-static .mbr-bom-installation{
  display:none !important;
}
.mbr-material-fit .mbr-table{
  width:100%;
}
.mbr-material-fit input[type="number"],
.mbr-material-fit .mbr-qty-input{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  text-align:center;
}
.mbr-bom-actions{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:8px;
  margin-top:12px !important;
}
.mbr-bom-actions .button{
  width:100%;
  min-height:36px;
  padding:7px 8px;
  font-size:12px;
}
.mbr-mounting-price,
.mbr-complete-price{
  margin-top:10px;
  font-weight:700;
  font-size:14px;
}
.mbr-global-sidebar{
  position:fixed;
  right:18px;
  top:120px;
  width:360px;
  max-width:min(360px, calc(100vw - 36px));
  max-height:calc(100vh - 145px);
  z-index:9999;
  background:#fff;
  border:1px solid #d6e2e8;
  border-radius:14px;
  box-shadow:0 14px 36px rgba(15,54,64,.18);
  overflow:hidden;
}
.mbr-global-sidebar.is-collapsed{
  width:auto;
}
.mbr-global-sidebar-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-bottom:1px solid #e2e8f0;
  background:#f8fbfc;
}
.mbr-global-sidebar-title{
  font-weight:700;
}
.mbr-global-sidebar-toggle{
  border-radius:999px !important;
  min-width:30px !important;
  width:30px;
  height:30px;
  padding:0 !important;
}
.mbr-global-sidebar-body{
  padding:12px;
  overflow:auto;
  max-height:calc(100vh - 200px);
}
.mbr-global-sidebar .mbr-table{
  width:100%;
}
.mbr-global-sidebar input[type="number"],
.mbr-global-sidebar .mbr-qty-input{
  width:56px !important;
  min-width:56px !important;
  max-width:56px !important;
}
@media (max-width: 900px){
  .mbr-montage-card-flow{
    grid-template-columns:1fr !important;
  }
  .mbr-global-sidebar{
    left:12px;
    right:12px;
    top:auto;
    bottom:12px;
    width:auto;
    max-width:none;
    max-height:55vh;
  }
  .mbr-global-sidebar-body{
    max-height:calc(55vh - 52px);
  }
}


/* 0.3.129: priority layout and merged overview */
.mbr-montage-card-flow{
  grid-template-columns:minmax(360px, 1.25fr) minmax(320px, 1fr) minmax(360px, 1.1fr) !important;
}
.mbr-montage-card-flow > .mbr-roof-graphics{
  grid-column:auto;
}
.mbr-bom-drawer-title{
  white-space:nowrap;
}
.mbr-bom-static .mbr-bom-section > h3{
  display:none;
}
.mbr-summary-card .mbr-area-card-embedded{
  border-top:1px solid #e2e8f0;
  margin-top:14px;
  padding-top:12px;
  box-shadow:none;
  border-left:0;
  border-right:0;
  border-bottom:0;
  border-radius:0;
}
.mbr-summary-card .mbr-area-card-embedded h3{
  margin-top:4px;
}
.mbr-summary-card .mbr-area-card-embedded .mbr-area-table-wrap{
  overflow-x:auto;
}
.mbr-global-sidebar-title{
  white-space:nowrap;
}
.mbr-global-sidebar .mbr-bom-section{
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid #e2e8f0;
}
.mbr-global-sidebar .mbr-bom-section:last-child{
  border-bottom:0;
}
.mbr-global-sidebar .mbr-bom-section h3{
  margin:0 0 8px;
  font-size:17px;
}
@media (min-width: 1000px){
  .mbr-montage-card-flow > .mbr-roof-graphics{
    min-width:360px !important;
  }
}
@media (max-width: 1180px){
  .mbr-montage-card-flow{
    grid-template-columns:minmax(340px, 1fr) minmax(320px, 1fr) !important;
  }
}


/* 0.3.129: improve Montage first-row layout */
.mbr-montage-card-flow{
  grid-template-columns:minmax(430px, 1.45fr) minmax(300px, .85fr) minmax(320px, .95fr) !important;
  align-items:start;
}
.mbr-montage-card-flow > .mbr-roof-graphics{
  min-width:430px !important;
}
.mbr-montage-card-flow > .mbr-bom-static{
  min-width:300px !important;
}
.mbr-montage-card-flow > .mbr-summary-card{
  min-width:320px !important;
}

/* Materialeliste montage should visually match other card titles */
.mbr-bom-static .mbr-bom-static-head{
  margin:0 0 12px 0 !important;
  padding:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
}
.mbr-bom-static .mbr-bom-drawer-title{
  font-size:26px !important;
  line-height:1.2;
  color:#5f6b7a;
  font-weight:800;
  margin:0 0 12px 0;
}

/* remove inner table title when it is empty / duplicate */
.mbr-bom-static .mbr-bom-section > h3:first-child,
.mbr-bom-static .mbr-table-title,
.mbr-bom-static h3:empty{
  display:none !important;
}

/* use same outer card padding as Tagområder */
.mbr-bom-static.mbr-unified-card{
  padding:14px !important;
}
.mbr-bom-static .mbr-bom-drawer-body{
  padding:0 !important;
}

/* let Tagområder cards use the available width instead of leaving a large blank gutter */
.mbr-roof-graphics .mbr-roof-card-grid,
.mbr-roof-graphics .mbr-roof-areas-grid,
.mbr-roof-graphics .mbr-card-grid{
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)) !important;
}
.mbr-roof-graphics .mbr-roof-card,
.mbr-roof-graphics .mbr-card{
  max-width:none !important;
}
@media (max-width:1280px){
  .mbr-montage-card-flow{
    grid-template-columns:minmax(430px, 1.3fr) minmax(300px, .9fr) !important;
  }
}
@media (max-width:900px){
  .mbr-montage-card-flow{
    grid-template-columns:1fr !important;
  }
  .mbr-montage-card-flow > .mbr-roof-graphics,
  .mbr-montage-card-flow > .mbr-bom-static,
  .mbr-montage-card-flow > .mbr-summary-card{
    min-width:0 !important;
  }
}


/* 0.3.129: tighter Tagområder, wider Materialeliste, safe wide panel rows */
.mbr-montage-card-flow{
  grid-template-columns:minmax(360px, 1.05fr) minmax(360px, 1fr) minmax(320px, .85fr) !important;
  gap:14px !important;
}

/* reduce unused white space around Tagområde cards */
.mbr-montage-card-flow > .mbr-roof-graphics{
  min-width:360px !important;
  padding:12px !important;
}
.mbr-roof-graphics .mbr-roof-areas,
.mbr-roof-graphics .mbr-roof-card-grid,
.mbr-roof-graphics .mbr-roof-areas-grid,
.mbr-roof-graphics .mbr-card-grid{
  gap:12px !important;
  align-items:start !important;
}
.mbr-roof-graphics .mbr-roof-area-card,
.mbr-roof-graphics .mbr-roof-card,
.mbr-roof-graphics .mbr-card{
  width:fit-content !important;
  max-width:100% !important;
}

/* prevent very wide rows from stretching the whole layout */
.mbr-roof-graphics .mbr-roof-panels-grid{
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding-bottom:4px;
}
.mbr-roof-graphics .mbr-roof-area-card{
  overflow-x:auto !important;
}

/* if a row is very wide, keep the card bounded and let it scroll */
.mbr-roof-graphics .mbr-roof-card,
.mbr-roof-graphics .mbr-card{
  overflow-x:auto !important;
}

/* Materialeliste needs a little more width so buttons stay inside */
.mbr-montage-card-flow > .mbr-bom-static,
.mbr-material-fit{
  min-width:360px !important;
}
.mbr-material-fit .mbr-bom-actions{
  grid-template-columns:repeat(3, minmax(92px, 1fr)) !important;
}
.mbr-material-fit .mbr-bom-actions .button{
  min-width:92px !important;
  white-space:nowrap !important;
  overflow:hidden;
  text-overflow:clip;
}

/* Materialeliste header same colour family as Tagområder */
.mbr-bom-static .mbr-bom-drawer-title{
  color:#5f6b7a !important;
}

/* make product column breathe slightly without pushing buttons out */
.mbr-material-fit .mbr-table td:nth-child(2),
.mbr-material-fit .mbr-table th:nth-child(2){
  min-width:135px !important;
  max-width:210px !important;
}

/* compact qty column */
.mbr-material-fit input[type="number"],
.mbr-material-fit .mbr-qty-input{
  width:52px !important;
  min-width:52px !important;
  max-width:52px !important;
}

@media (max-width:1280px){
  .mbr-montage-card-flow{
    grid-template-columns:minmax(360px, 1fr) minmax(360px, 1fr) !important;
  }
}
@media (max-width:900px){
  .mbr-montage-card-flow{
    grid-template-columns:1fr !important;
  }
  .mbr-montage-card-flow > .mbr-roof-graphics,
  .mbr-montage-card-flow > .mbr-bom-static{
    min-width:0 !important;
  }
}


/* 0.3.129: card header navigation and cleaner montage actions */
.mbr-card-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.mbr-card-title-row h3{
  margin:0 !important;
}
.mbr-card-nav-btn{
  flex:0 0 auto;
  padding:6px 10px !important;
  min-height:30px !important;
  font-size:12px !important;
  border-radius:8px !important;
  background:#6ca0a6 !important;
  color:#fff !important;
  border-color:#6ca0a6 !important;
}
.mbr-bom-actions-two{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}
.mbr-material-fit .mbr-bom-actions-two .button{
  min-width:0 !important;
}


/* 0.3.129: ASB Systemstrategi + Live resultater belong in System tab only */
.sdu-shell__panel[data-panel="consumption"] #asb-shell-wrapper .asb-card-live-results,
.sdu-shell__panel[data-panel="consumption"] #asb-shell-wrapper .asb-card-system-strategy,
.sdu-shell__panel[data-panel="financial"] #asb-shell-wrapper .asb-card-live-results,
.sdu-shell__panel[data-panel="financial"] #asb-shell-wrapper .asb-card-system-strategy{
  display:none !important;
}
.sdu-shell__panel[data-panel="system"] .elitag-systemstrategy-host{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:16px;
  margin:16px 0;
}
.sdu-shell__panel[data-panel="system"] .elitag-systemstrategy-host .asb-side-card{
  margin:0 !important;
  width:100%;
  box-sizing:border-box;
}


/* 0.3.129: System tab dedicated layout */
.mbr-system-layout{
  display:block;
  margin:16px 0;
}
.mbr-system-layout .mbr-unified-card{
  margin:0;
}
.mbr-system-roof-summary{
  width:100%;
  margin-bottom:16px !important;
}
.mbr-system-roof-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:10px;
}
.mbr-system-roof-pill{
  border:1px solid #d6e2e8;
  border-radius:10px;
  background:#f8fbfc;
  padding:10px 12px;
  display:grid;
  gap:4px;
}
.mbr-system-roof-pill strong{
  color:#102a43;
}
.mbr-system-grid{
  display:grid;
  grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);
  gap:16px;
  align-items:start;
  margin-bottom:16px;
}
.mbr-system-strategy-mount > h3,
.mbr-system-live-mount > h3,
.mbr-system-material-card > h3,
.mbr-system-add-wrap h3{
  margin-top:0;
}
.mbr-systemstrategy-host-inner .asb-side-card,
.mbr-live-results-host-inner .asb-side-card{
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.mbr-systemstrategy-host-inner .asb-side-title,
.mbr-live-results-host-inner .asb-side-title{
  display:none;
}
.mbr-system-material-card .mbr-table{
  width:100%;
}
.mbr-system-material-card input[type="number"],
.mbr-system-material-card .mbr-qty-input{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
}
.mbr-system-add-wrap .mbr-complete-add{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.mbr-system-actions{
  margin-top:12px !important;
}
@media (max-width:900px){
  .mbr-system-grid{
    grid-template-columns:1fr;
  }
}


/* 0.3.129: System roof summary as one-line areas and robust ASB host mounting */
.mbr-system-roof-list{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.mbr-system-roof-line{
  display:grid;
  grid-template-columns:minmax(220px, 1fr) auto auto;
  gap:12px;
  align-items:center;
  border:1px solid #d6e2e8;
  border-radius:10px;
  background:#f8fbfc;
  padding:9px 12px;
}
.mbr-system-roof-panel{
  font-weight:700;
  color:#102a43;
}
.mbr-systemstrategy-host-inner:empty::after,
.mbr-live-results-host-inner:empty::after{
  content:"Indlæser fra Advanced System Builder...";
  display:block;
  color:#64748b;
  font-size:13px;
}
@media (max-width:720px){
  .mbr-system-roof-line{
    grid-template-columns:1fr;
    gap:4px;
  }
}


/* 0.3.129: dynamic quantity input sizing */
.mbr-qty-input,
.mbr-bom-static input[type="number"],
.mbr-material-fit input[type="number"],
.mbr-system-material-card input[type="number"],
.mbr-global-sidebar input[type="number"]{
  width: auto !important;
  min-width: 5ch !important;
  max-width: 7ch !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums;
  box-sizing: content-box;
}

.mbr-table td:last-child,
.mbr-table th:last-child{
  text-align: right;
  font-variant-numeric: tabular-nums;
}


/* 0.3.129: System tab stability and add-component overflow fix */
.mbr-system-grid{
  align-items:stretch;
}
.mbr-system-grid > .mbr-unified-card{
  min-width:0;
  overflow:hidden;
}
.mbr-system-add-wrap{
  min-width:0;
  overflow:hidden;
}
.mbr-complete-add-row{
  display:grid;
  grid-template-columns:minmax(160px,.8fr) minmax(240px,1.4fr) auto;
  gap:10px;
  align-items:end;
  margin-bottom:0;
}
.mbr-complete-add-row > div{
  min-width:0;
}
.mbr-complete-add-row select{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.mbr-complete-add-row .button{
  white-space:normal;
  min-height:38px;
}
.mbr-system-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.sdu-shell__panel[data-panel="roof"] #asb-shell-wrapper .asb-card-live-results,
.sdu-shell__panel[data-panel="roof"] #asb-shell-wrapper .asb-card-system-strategy{
  display:none !important;
}
.mbr-systemstrategy-host-inner .asb-card-system-strategy-clone,
.mbr-live-results-host-inner .asb-card-live-results-clone{
  display:block !important;
}
@media (max-width:720px){
  .mbr-complete-add-row{
    grid-template-columns:1fr;
  }
}


/* 0.3.129: native assisted System tab */
.mbr-native-system-strategy .mbr-system-mode-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.mbr-native-system-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:12px 0;
}
.mbr-native-system-fields label{
  display:block;
  font-weight:700;
  font-size:12px;
  margin-bottom:4px;
}
.mbr-native-system-fields select{
  width:100%;
  max-width:100%;
}
.mbr-native-live-results .mbr-summary-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.mbr-muted{
  color:#64748b;
  font-size:13px;
}
@media (max-width:720px){
  .mbr-native-system-strategy .mbr-system-mode-row,
  .mbr-native-system-fields,
  .mbr-native-live-results .mbr-summary-grid{
    grid-template-columns:1fr;
  }
}


/* 0.3.129: cleaner assisted System strategy */
.mbr-native-system-strategy .mbr-system-strategy-topline{
  margin:0 0 10px;
  color:#4b6470;
  font-size:13px;
}
.mbr-native-system-strategy .mbr-system-mode-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:10px 0 14px;
}
.mbr-native-system-strategy .mbr-system-choice{
  min-height:42px;
  padding:9px 10px;
  text-align:center;
  font-weight:800;
  font-size:12px;
  color:#15313b;
  background:#fff;
  border:1px solid #b8cbd4;
  border-radius:10px;
}
.mbr-native-system-strategy .mbr-system-choice.selected,
.mbr-native-system-strategy .mbr-system-choice:active,
.mbr-native-system-strategy .mbr-system-choice:focus{
  background:#6ca0a6 !important;
  border-color:#6ca0a6 !important;
  color:#fff !important;
  box-shadow:0 0 0 2px rgba(108,160,166,.18);
}
.mbr-native-system-fields-clean{
  display:grid;
  grid-template-columns:minmax(0,1fr) 105px;
  gap:10px 12px;
  align-items:end;
}
.mbr-native-system-fields-clean .mbr-native-field-wide,
.mbr-native-system-fields-clean .mbr-native-field-qty{
  min-width:0;
}
.mbr-native-system-fields-clean label{
  display:block;
  font-weight:800;
  font-size:12px;
  color:#334e5c;
  margin-bottom:4px;
}
.mbr-native-system-fields-clean select{
  width:100%;
  max-width:100%;
  min-width:0;
}
.mbr-native-system-fields-clean input[type="number"]{
  width:80px !important;
  min-width:80px !important;
  max-width:90px !important;
  text-align:right;
}
.mbr-hv-addon-note{
  align-self:center;
  color:#4b6470;
  font-weight:700;
}
.mbr-native-system-strategy .mbr-system-choice strong,
.mbr-native-system-strategy .mbr-system-choice span{
  color:inherit !important;
}
@media (max-width:720px){
  .mbr-native-system-strategy .mbr-system-mode-row,
  .mbr-native-system-fields-clean{
    grid-template-columns:1fr;
  }
}


/* 0.3.129: native strategy UX */
.mbr-native-system-strategy .mbr-system-mode-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0 14px;
}
.mbr-native-system-strategy .mbr-system-choice{
  min-height:44px;
  text-align:center;
  font-weight:800;
  color:#15313a !important;
  background:#fff !important;
  border:1px solid #b8c8d3 !important;
}
.mbr-native-system-strategy .mbr-system-choice.selected,
.mbr-native-system-strategy .mbr-system-choice:focus.selected,
.mbr-native-system-strategy .mbr-system-choice:active.selected{
  background:#6ca0a6 !important;
  border-color:#6ca0a6 !important;
  color:#fff !important;
  box-shadow:none !important;
}
.mbr-native-system-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px;
  gap:12px;
  align-items:end;
  margin:12px 0;
}
.mbr-native-system-fields label{
  display:block;
  font-weight:800;
  font-size:12px;
  margin-bottom:5px;
  color:#334155;
}
.mbr-native-system-fields select,
.mbr-native-system-fields input[type="number"]{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
}
.mbr-hv-addon-row{
  border-top:1px solid #e2e8f0;
  padding-top:10px;
}
.mbr-system-material-card .mbr-complete-price{
  margin-top:10px;
}
@media(max-width:720px){
  .mbr-native-system-strategy .mbr-system-mode-row,
  .mbr-native-system-fields{
    grid-template-columns:1fr;
  }
}


/* 0.3.129 asset cache breaker */
.mbr-native-system-strategy[data-native-system-version="0.3.129"]{
  outline:0 solid transparent;
}


/* 0.3.129: force System inline reactive updates */
.mbr-native-system-strategy[data-native-system-version="0.3.129"] select,
.mbr-system-material-card select{
  cursor:pointer;
}


/* 0.3.129: strategy selector moved out of Systemstrategi container */
.mbr-system-strategy-selector{
  margin:0 0 16px 0 !important;
}
.mbr-system-strategy-selector .mbr-card-title-row{
  margin-bottom:10px;
}
.mbr-system-strategy-selector .mbr-card-title-row h3{
  color:#5f6b7a;
}
.mbr-system-strategy-selector .mbr-system-mode-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.mbr-system-strategy-selector .mbr-system-choice{
  min-height:42px;
  font-weight:800;
  color:#15313a !important;
  background:#fff !important;
  border:1px solid #b8c8d3 !important;
}
.mbr-system-strategy-selector .mbr-system-choice.selected{
  background:#6ca0a6 !important;
  border-color:#6ca0a6 !important;
  color:#fff !important;
}
@media(max-width:720px){
  .mbr-system-strategy-selector .mbr-system-mode-row{
    grid-template-columns:1fr;
  }
}


/* 0.3.129: hard strategy toggle states */
.mbr-system-choice{
  background:#fff !important;
  color:#15313a !important;
  border:1px solid #b8c8d3 !important;
  box-shadow:none !important;
}
.mbr-system-choice.selected,
.mbr-system-choice.selected:hover,
.mbr-system-choice.selected:focus,
.mbr-system-choice.selected:active{
  background:#6ca0a6 !important;
  color:#fff !important;
  border-color:#6ca0a6 !important;
  box-shadow:none !important;
}
.mbr-system-choice:not(.selected):hover,
.mbr-system-choice:not(.selected):focus{
  background:#f1f5f9 !important;
  color:#15313a !important;
}


/* 0.3.129: System tab remounts latest render after inline changes */
.mbr-native-system-strategy[data-native-system-version="0.3.129"]{
  outline:0 solid transparent;
}


/* 0.3.129: Materialeliste drawer two-line rows */
.mbr-global-sidebar{
  width:min(520px, calc(100vw - 36px)) !important;
  max-width:min(520px, calc(100vw - 36px)) !important;
}
.mbr-global-sidebar.is-collapsed{
  width:auto !important;
  max-width:none !important;
}
.mbr-global-sidebar-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  padding:0 !important;
  text-align:center !important;
}
.mbr-bom-list-wrap h3{
  margin:0 0 8px;
}
.mbr-bom-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.mbr-bom-item{
  border:1px solid #d6e2e8;
  border-radius:10px;
  background:#fff;
  padding:8px 9px;
}
.mbr-bom-item-top{
  display:grid;
  grid-template-columns:minmax(110px, 1fr) minmax(64px, auto) auto;
  gap:8px;
  align-items:center;
}
.mbr-bom-item-sku{
  min-width:0;
  font-weight:800;
  color:#15313a;
}
.mbr-bom-sku-text{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mbr-bom-sku-select{
  width:100%;
  min-width:110px;
  max-width:100%;
  font-weight:700;
}
.mbr-bom-item-qty input,
.mbr-bom-item-qty .mbr-qty-input{
  min-width:5ch !important;
  max-width:8ch !important;
  text-align:right !important;
}
.mbr-bom-delete{
  min-width:0 !important;
  min-height:26px !important;
  padding:3px 8px !important;
  border-radius:7px !important;
  background:#6ca0a6 !important;
  border-color:#6ca0a6 !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1.2 !important;
  white-space:nowrap;
}
.mbr-bom-item-name{
  margin-top:5px;
  font-size:12px;
  line-height:1.3;
  color:#475569;
}
.mbr-bom-product-name{
  white-space:normal;
  overflow-wrap:anywhere;
}
.mbr-bom-warning{
  margin-top:3px;
  color:#b32d2e;
  font-size:12px;
  font-weight:700;
}
.mbr-qty-warning{
  border-color:#b32d2e !important;
  color:#b32d2e !important;
  font-weight:700 !important;
}
.mbr-system-material-card .mbr-bom-item-top,
.mbr-bom-static .mbr-bom-item-top{
  grid-template-columns:minmax(120px, 1fr) minmax(64px, auto) auto;
}
@media (max-width: 620px){
  .mbr-global-sidebar{
    width:auto !important;
    max-width:none !important;
  }
  .mbr-bom-item-top{
    grid-template-columns:minmax(90px, 1fr) minmax(58px, auto) auto;
  }
}



/* 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:46px !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:46px !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:16px !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.137: product stock visibility and mobile select polish */
select option.mbr-panel-option-muted,
option.mbr-panel-option-muted{
  color:#9ca3af !important;
  background:#f3f4f6 !important;
}
@media (max-width:768px){
  select option.mbr-panel-option-muted,
  option.mbr-panel-option-muted,
  .mbr-panel-option-muted{
    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:46px !important;
    padding:10px 44px 10px 13px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:13px !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:16px !important;
    line-height:1.25 !important;
    font-weight:500 !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;
  }
}

/* v0.3.151 mobile polish: Montage BOM as System cards + safer floating menu */
@media (max-width: 760px){
  .mbr-bom-montage .mbr-bom-list,
  .mbr-bom-system .mbr-bom-list{display:flex!important;flex-direction:column!important;gap:10px!important;}
  .mbr-bom-montage .mbr-bom-item,
  .mbr-bom-system .mbr-bom-item{background:#fff!important;border:1px solid #d9e2e8!important;border-radius:14px!important;padding:12px!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important;}
  .mbr-bom-montage .mbr-bom-item-top,
  .mbr-bom-system .mbr-bom-item-top{display:grid!important;grid-template-columns:minmax(0,1fr) 104px auto!important;gap:10px!important;align-items:center!important;}
  .mbr-bom-montage .mbr-bom-item-sku,
  .mbr-bom-system .mbr-bom-item-sku{min-width:0!important;font-weight:800!important;font-size:17px!important;color:#14323b!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .mbr-bom-montage .mbr-bom-item-name,
  .mbr-bom-system .mbr-bom-item-name{margin-top:10px!important;font-size:14px!important;line-height:1.3!important;color:#64707c!important;}
  .mbr-bom-montage .mbr-qty-input,
  .mbr-bom-system .mbr-qty-input{width:104px!important;max-width:104px!important;height:50px!important;text-align:right!important;font-size:18px!important;border-radius:9px!important;}
  .mbr-bom-montage .mbr-bom-delete,
  .mbr-bom-system .mbr-bom-delete{height:50px!important;min-width:68px!important;border-radius:9px!important;}
  .mbr-bom-montage .mbr-bom-actions-two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .mbr-bom-montage .mbr-bom-actions-two .button{width:100%!important;height:52px!important;border-radius:8px!important;}
  .mbr-fab-menu{z-index:99999!important;}
}


/* 0.3.154: Show manually added inverter/battery hardware directly in System strategy */
.mbr-system-hardware-list{margin:12px 0;padding:10px;border:1px solid #d6e2e6;border-radius:10px;background:#f8fbfc}
.mbr-system-hardware-title{font-weight:700;color:#143247;margin-bottom:8px}
.mbr-system-hardware-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #e7eef1}
.mbr-system-hardware-row:first-of-type{border-top:0}
.mbr-system-hardware-main{display:grid;gap:3px;min-width:0}
.mbr-system-hardware-main strong,.mbr-system-hardware-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbr-system-hardware-badge{display:inline-flex;width:max-content;max-width:100%;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#19736f;background:#e6f3f2;border-radius:999px;padding:2px 8px}
.mbr-system-hardware-qty label{display:block;font-size:11px;font-weight:700;color:#536675;margin-bottom:3px}
.mbr-system-hardware-qty input{width:100%;min-width:0;text-align:right}
@media (max-width: 768px){.mbr-system-hardware-list{padding:9px;margin:10px 0}.mbr-system-hardware-row{grid-template-columns:minmax(0,1fr) 78px;gap:8px}.mbr-system-hardware-main strong{font-size:15px}.mbr-system-hardware-main span{font-size:13px}}

/* 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 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.176: per-area Tag-design button in Montage roof cards */
.mbr-roof-card-head-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap;}
.mbr-roof-card-design-btn{min-height:30px;padding:4px 10px;font-size:12px;line-height:1.2;}

/* 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.3.187: Montage Tagområde cards are standalone cards, with line based details and bottom design button. */
.mbr-montage-card-flow{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(330px, max-content)) !important;
  gap:14px !important;
  align-items:start !important;
  justify-content:start !important;
}
.mbr-montage-card-flow > .mbr-roof-graphics--bare{
  display:contents !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  min-width:0 !important;
}
.mbr-roof-graphics--bare > .mbr-card-title-row,
.mbr-roof-graphics--bare h3{
  display:none !important;
}
.mbr-roof-graphics--bare .mbr-roof-graphics-grid{
  display:contents !important;
}
.mbr-roof-graphics--bare .mbr-roof-card{
  width:320px !important;
  min-width:0 !important;
  max-width:320px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.mbr-roof-graphics--bare .mbr-roof-card-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:10px !important;
}
.mbr-roof-graphics--bare .mbr-roof-card-stats{
  display:block !important;
  margin-top:10px !important;
}
.mbr-roof-graphics--bare .mbr-roof-stat{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:baseline !important;
  column-gap:5px !important;
  row-gap:0 !important;
  margin:0 0 4px 0 !important;
  line-height:1.35 !important;
}
.mbr-roof-graphics--bare .mbr-roof-stat span{
  display:inline !important;
  margin:0 !important;
  color:#486070 !important;
  line-height:1.35 !important;
}
.mbr-roof-graphics--bare .mbr-roof-stat strong{
  display:inline !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
.mbr-roof-graphics--bare .mbr-roof-area-line{
  margin-top:6px !important;
  color:#486070 !important;
  overflow-wrap:anywhere !important;
}
.mbr-roof-graphics--bare .mbr-roof-card-design-btn{
  display:block !important;
  width:100% !important;
  margin-top:12px !important;
  min-height:34px !important;
  text-align:center !important;
  white-space:normal !important;
}
.mbr-montage-card-flow > .mbr-bom-static,
.mbr-montage-card-flow > .mbr-summary-card{
  min-width:330px !important;
  max-width:420px !important;
}
@media (min-width: 1180px){
  .mbr-montage-card-flow{
    grid-template-columns:repeat(auto-fit, minmax(320px, max-content)) !important;
  }
}
@media (max-width: 900px){
  .mbr-montage-card-flow{
    grid-template-columns:1fr !important;
  }
  .mbr-roof-graphics--bare .mbr-roof-card,
  .mbr-montage-card-flow > .mbr-bom-static,
  .mbr-montage-card-flow > .mbr-summary-card{
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}


/* v0.3.194: Montage layout - keep roof cards in a 2-column stack on the left, with Materialeliste and Anlægsoversigt on the right when room allows. */
@media (min-width: 901px){
  .mbr-montage-card-flow{
    display:grid !important;
    grid-template-columns:minmax(640px, auto) minmax(330px, 420px) minmax(330px, 420px) !important;
    gap:14px !important;
    align-items:start !important;
    justify-content:start !important;
  }
  .mbr-montage-card-flow > .mbr-roof-graphics--bare{
    display:block !important;
    grid-column:1 !important;
    grid-row:1 / span 999 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:680px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  .mbr-roof-graphics--bare .mbr-roof-graphics-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 320px)) !important;
    gap:14px !important;
    align-items:start !important;
  }
  .mbr-roof-graphics--bare .mbr-roof-card{
    width:320px !important;
    max-width:320px !important;
    min-width:0 !important;
  }
  .mbr-montage-card-flow > .mbr-bom-static{
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:330px !important;
    max-width:420px !important;
  }
  .mbr-montage-card-flow > .mbr-summary-card{
    grid-column:3 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:330px !important;
    max-width:420px !important;
  }
}
@media (min-width: 901px) and (max-width: 1379px){
  .mbr-montage-card-flow{
    grid-template-columns:minmax(640px, 680px) !important;
  }
  .mbr-montage-card-flow > .mbr-roof-graphics--bare{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .mbr-montage-card-flow > .mbr-bom-static,
  .mbr-montage-card-flow > .mbr-summary-card{
    grid-column:1 !important;
    grid-row:auto !important;
    max-width:680px !important;
    width:100% !important;
  }
}
@media (max-width: 900px){
  .mbr-roof-graphics--bare .mbr-roof-graphics-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}


/* v0.3.194: Roof card preview scaling - shrink first, span the two roof columns if needed, scroll only as last resort. */
.mbr-roof-graphics--bare .mbr-roof-panel-preview-frame{
  width:100% !important;
  max-width:100% !important;
  margin:0 0 10px 0 !important;
  overflow-y:hidden !important;
  box-sizing:border-box !important;
}
.mbr-roof-graphics--bare .mbr-roof-panel-preview-frame .mbr-roof-panels-grid{
  margin:0 !important;
}
.mbr-roof-graphics--bare .mbr-roof-card.mbr-roof-card-wide-preview{
  grid-column:span 2 !important;
  width:654px !important;
  max-width:654px !important;
}
@media (min-width: 901px){
  .mbr-roof-graphics--bare .mbr-roof-card.mbr-roof-card-wide-preview .mbr-roof-panel-preview-frame{
    max-width:620px !important;
  }
}
@media (max-width: 900px){
  .mbr-roof-graphics--bare .mbr-roof-card.mbr-roof-card-wide-preview{
    grid-column:auto !important;
    width:auto !important;
    max-width:100% !important;
  }
}

/* v0.3.194: robust preview sizing for Montage roof cards.
   Order: downscale preview, expand the card/roof column when space permits, then scroll only as last resort. */
@media (min-width: 901px){
  .mbr-montage-card-flow{
    grid-template-columns:minmax(640px, 1fr) minmax(300px, 420px) minmax(300px, 420px) !important;
    width:100% !important;
  }
  .mbr-montage-card-flow > .mbr-roof-graphics--bare{
    max-width:none !important;
    width:100% !important;
  }
  .mbr-roof-graphics--bare .mbr-roof-graphics-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    width:100% !important;
  }
  .mbr-roof-graphics--bare .mbr-roof-card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  .mbr-roof-graphics--bare .mbr-roof-card.mbr-roof-card-wide-preview{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:none !important;
  }
  .mbr-roof-graphics--bare .mbr-roof-panel-preview-frame{
    width:100% !important;
    max-width:100% !important;
    overflow-y:hidden !important;
  }
  .mbr-roof-graphics--bare .mbr-roof-panel-preview-frame:not(.mbr-roof-panel-preview-scroll){
    overflow-x:hidden !important;
  }
  .mbr-roof-graphics--bare .mbr-roof-panel-preview-frame.mbr-roof-panel-preview-scroll{
    overflow-x:auto !important;
  }
  .mbr-roof-graphics--bare .mbr-ground-preview-frame .mbr-ground-visual,
  .mbr-roof-graphics--bare .mbr-roof-panel-preview-frame .mbr-roof-panels-grid{
    max-width:none !important;
  }
}
@media (min-width: 901px) and (max-width: 1379px){
  .mbr-montage-card-flow{
    grid-template-columns:1fr !important;
  }
  .mbr-montage-card-flow > .mbr-roof-graphics--bare,
  .mbr-montage-card-flow > .mbr-bom-static,
  .mbr-montage-card-flow > .mbr-summary-card{
    max-width:none !important;
    width:100% !important;
  }
}
@media (max-width: 900px){
  .mbr-roof-graphics--bare .mbr-roof-card,
  .mbr-roof-graphics--bare .mbr-roof-card.mbr-roof-card-wide-preview{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .mbr-roof-graphics--bare .mbr-roof-panel-preview-frame.mbr-roof-panel-preview-scroll{
    overflow-x:auto !important;
  }
}

/* v0.3.194: preview safety/scroll tuning */
.mbr-roof-graphics--bare .mbr-roof-panel-preview-frame{
  padding-right:2px !important;
}
.mbr-roof-graphics--bare .mbr-roof-panel-preview-frame.mbr-roof-panel-preview-scroll{
  padding-bottom:6px !important;
}
.mbr-roof-graphics--bare .mbr-roof-panel-preview-frame .mbr-roof-panels-grid{
  will-change:transform;
}


/* v0.3.195: roof card preview scroll tuning.
   Scrollbars sit below the panel rows, not on top of them, and wide previews keep a little end padding. */
.mbr-roof-graphics--bare .mbr-roof-panel-preview-frame.mbr-roof-panel-preview-scroll{
  padding-bottom:14px !important;
  scrollbar-gutter:stable both-edges;
}
.mbr-roof-graphics--bare .mbr-roof-panel-preview-frame .mbr-roof-panels-grid{
  overflow:visible !important;
}

/* 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;
  }
}


/* v0.7.06 Materialeliste tab, no right floating drawer */
.mbr-global-sidebar{display:none!important;}
.sdu-shell__tab--materialeliste{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
}
.sdu-shell__tab--materialeliste::before{
  content:"☷";
  font-size:16px;
  line-height:1;
}
.mbr-tab-block--materialeliste{
  width:100%;
  padding:28px 26px 34px;
  box-sizing:border-box;
}
.mbr-materialeliste-title{
  margin:0 0 22px;
  font-size:30px;
  line-height:1.15;
  font-weight:800;
  color:#0f172a;
}
.mbr-materialeliste-grid{
  display:grid;
  grid-template-columns:minmax(0,2.2fr) minmax(300px,.95fr);
  gap:14px;
  align-items:stretch;
}
.mbr-materialeliste-card{
  background:#fff;
  border:1px solid #dbe5ee;
  border-radius:12px;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
  padding:20px;
}
.mbr-materialeliste-card h3{
  margin:0 0 16px;
  font-size:20px;
}
.mbr-materialeliste-products .mbr-table{
  width:100%;
  border-collapse:collapse;
}
.mbr-materialeliste-products .mbr-table th{
  background:#f8fafc;
  color:#334155;
  font-weight:700;
}
.mbr-materialeliste-products .mbr-table th,
.mbr-materialeliste-products .mbr-table td{
  padding:12px 10px;
  border-bottom:1px solid #e2e8f0;
  vertical-align:middle;
}
.mbr-materialeliste-products .mbr-table img,
.mbr-materialeliste-products .mbr-product-img,
.mbr-materialeliste-products img{
  max-width:54px;
  max-height:54px;
  object-fit:contain;
}
.mbr-materialeliste-total{
  margin-top:14px;
  font-weight:800;
  color:#111827;
}
.mbr-materialeliste-total strong,
.mbr-materialeliste-total b{
  color:#006b70;
}
.mbr-materialeliste-summary{
  padding:28px 26px;
}
.mbr-materialeliste-summary-main{
  padding-bottom:22px;
  margin-bottom:22px;
  border-bottom:1px solid #dbe5ee;
}
.mbr-materialeliste-summary-label{
  font-weight:800;
  font-size:17px;
  color:#111827;
}
.mbr-materialeliste-summary-price{
  margin-top:10px;
  color:#006b70;
  font-weight:900;
  font-size:30px;
  letter-spacing:.01em;
}
.mbr-materialeliste-summary-line{
  margin:0 0 20px;
  font-size:17px;
  line-height:1.35;
}
.mbr-materialeliste-summary-line strong{
  display:block;
  margin-top:6px;
  font-size:20px;
  font-weight:600;
}
.mbr-materialeliste-cart-actions{
  display:flex;
  justify-content:flex-end;
  gap:14px;
  margin-top:22px;
}
.mbr-material-cart-btn{
  min-width:290px;
  min-height:58px;
  display:inline-flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  padding-left:34px!important;
  padding-right:26px!important;
  font-size:15px!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.01em;
  background:linear-gradient(180deg,#158489,#006b70)!important;
  border-color:#006b70!important;
  color:#fff!important;
  border-radius:7px!important;
  box-shadow:0 8px 18px rgba(0,107,112,.18);
}
.mbr-cart-icon{
  font-size:24px;
  line-height:1;
  margin-left:0;
}
@media (max-width:900px){
  .mbr-materialeliste-grid{grid-template-columns:1fr;}
  .mbr-materialeliste-cart-actions{flex-direction:column;}
  .mbr-material-cart-btn{width:100%;min-width:0;}
}

/* v0.7.06 final polish */
.mbr-material-cart-btn span:last-child{display:inline-block;text-align:left;transform:translateX(-4px);}
.mbr-materialeliste-products td:first-child{width:80px;}
.mbr-materialeliste-products td:nth-child(2){font-weight:700;}

/* v0.7.06 prevent Materialeliste from rendering inside Montage */
#mbr-root > .mbr-tab-block--materialeliste{display:none!important;}
.elitag-materialeliste-host .mbr-tab-block--materialeliste{display:block!important;}


/* v0.7.06 Materialeliste Montage BOM card */
.mbr-materialeliste-montage-bom{
  margin-top:24px;
  padding:18px;
  border:1px solid #dbe5ee;
  border-radius:14px;
  background:#fff;
}
.mbr-materialeliste-montage-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  font-size:18px;
}
.mbr-mini-cart-icon{
  color:#006b70;
  font-size:18px;
  line-height:1;
}
.mbr-info-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border:1px solid #94a3b8;
  border-radius:50%;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  cursor:help;
}
.mbr-materialeliste-montage-box{
  border:1px solid #dbe5ee;
  border-radius:12px;
  overflow:hidden;
}
.mbr-materialeliste-montage-box > div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border-bottom:1px solid #e2e8f0;
  font-size:14px;
}
.mbr-materialeliste-montage-box > div:last-child{
  border-bottom:0;
}
.mbr-materialeliste-montage-box strong{
  font-weight:700;
}


/* v0.7.06 Materiale liste section cleanup */
.mbr-materialeliste-montage-lines{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid #e2e8f0;
}
.mbr-materialeliste-montage-lines h3{margin:0 0 12px;}
.mbr-materialeliste-products > .mbr-complete-price,
.mbr-materialeliste-products > .mbr-materialeliste-total + .mbr-complete-price{display:none!important;}
.mbr-materialeliste-title{letter-spacing:-.01em;}


/* v0.7.06 clean project/menu fallback */
.mbr-topbar .elitag-project{display:none!important;}
#mbr-root > .mbr-tab-block--materialeliste{display:none!important;}
.elitag-materialeliste-host .mbr-tab-block--materialeliste{display:block!important;}
.mbr-materialeliste-products > .mbr-complete-price{display:none!important;}
.mbr-materialeliste-montage-lines{
  margin-top:22px!important;
  padding-top:18px!important;
  border-top:1px solid #e2e8f0!important;
}

/* v0.7.06 legacy project widget removal */
#mbr-root .mbr-topbar .elitag-project,
#mbr-root .mbr-topbar .mbr-project-compact,
#mbr-root > .elitag-topbar .mbr-project-compact{
  display:none!important;
}


/* v0.7.06 remove duplicated active project outside top menu */
body .mbr-project-compact{display:none!important;}
body [data-elitag-project-slot] .mbr-project-compact{display:flex!important;}
body #mbr-root .mbr-project-compact,
body #mbr-root .elitag-project,
body .mbr-topbar .mbr-project-compact,
body .mbr-topbar .elitag-project{display:none!important;}


/* v0.7.06 remove duplicated project icon/card outside menu */
[data-elitag-project-slot] .mbr-project-compact::before,
.mbr-project-compact::before{content:none!important;display:none!important;}
#mbr-root .mbr-project-compact,
#mbr-root .elitag-project,
.mbr-topbar .mbr-project-compact,
.mbr-topbar .elitag-project,
.sdu-shell__panel .mbr-project-compact{
  display:none!important;
}
[data-elitag-project-slot] .mbr-project-compact{display:flex!important;}


/* v0.7.06 safe restore: do not hide top project controls */
[data-elitag-project-slot] .mbr-project-compact{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
[data-elitag-project-slot] .mbr-project-active-btn .mbr-project-compact-label,
[data-elitag-project-slot] .mbr-project-active-btn strong{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}


/* v0.7.06 stable: keep menu project controls visible */
[data-elitag-project-slot] .mbr-project-active-btn{width:320px!important;min-width:320px!important;}
[data-elitag-project-slot] .mbr-project-active-btn .mbr-project-text strong{max-width:230px!important;}
[data-elitag-project-slot] .mbr-project-save-btn,
[data-elitag-project-slot] .mbr-project-load-btn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}


/* v0.7.06 single project control fallback */
[data-elitag-project-slot] .mbr-project-compact-simple{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
[data-elitag-project-slot] .mbr-project-active-line{
  height:48px!important;
  min-width:330px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 14px!important;
  border:1px solid #dbe5ee!important;
  border-radius:8px!important;
  background:#fff!important;
}
[data-elitag-project-slot] .mbr-project-open-btn{
  height:48px!important;
  min-width:118px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}


/* v0.7.06 ElOverblik approved button width */
.sdu-shell__panel[data-panel="consumption"] .asb-eloverblik-approved-button,
.asb-eloverblik-approved-button{
  min-width:360px!important;
  width:auto!important;
  max-width:none!important;
  padding-left:18px!important;
  padding-right:18px!important;
  white-space:nowrap!important;
}
.sdu-shell__panel[data-panel="consumption"] .asb-action-button-stack{
  align-items:flex-end!important;
}
@media(max-width:900px){
  .sdu-shell__panel[data-panel="consumption"] .asb-eloverblik-approved-button,
  .asb-eloverblik-approved-button{
    min-width:0!important;
    width:100%!important;
    white-space:normal!important;
  }
}


/* v0.7.06 ElOverblik no-metering message */
.asb-eloverblik-status{
  line-height:1.35;
}

/* v0.7.06 project bulk erase */
.mbr-project-modal-count{
  font-size:13px;
  color:#64748b;
  font-weight:700;
  margin-top:-4px;
}

/* v0.7.06 selective project deletion */
.mbr-project-delete-panel{
  margin-top:14px;
  padding:12px;
  border:1px solid #dbe5ee;
  border-radius:10px;
  background:#f8fafc;
}
.mbr-project-delete-title{
  font-weight:800;
  color:#15324a;
  margin-bottom:8px;
}
.mbr-project-delete-list{
  max-height:220px;
  overflow:auto;
  display:grid;
  gap:6px;
  margin-bottom:10px;
}
.mbr-project-delete-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:8px;
  border:1px solid #e2e8f0;
  border-radius:8px;
  background:#fff;
}
.mbr-project-delete-name{
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mbr-project-delete-date{
  color:#64748b;
  font-size:12px;
}
.mbr-project-delete-empty{
  color:#64748b;
  padding:8px;
}

/* v0.7.06 annual consumption matrix */
.asb-radio-stack{display:grid;gap:8px;margin:8px 0 12px;}
.asb-radio-stack label{display:flex;align-items:center;gap:8px;font-weight:700;}
.asb-eloverblik-consumption-sum{display:grid;gap:6px;margin:12px 0;padding:12px;border:1px solid #dbe5ee;border-radius:10px;background:#f8fafc;}
.asb-eloverblik-consumption-sum>div{display:flex;justify-content:space-between;gap:12px;}
.asb-eloverblik-matrix-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;}
.asb-eloverblik-matrix-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap;}
.asb-annual-matrix-wrap{margin-top:12px;}
.asb-annual-matrix-scroll{overflow:auto;max-width:100%;border:1px solid #dbe5ee;border-radius:10px;}
.asb-annual-matrix{border-collapse:collapse;width:max-content;min-width:100%;font-size:11px;}
.asb-annual-matrix th,.asb-annual-matrix td{padding:5px 6px;border:1px solid #e2e8f0;text-align:right;white-space:nowrap;}
.asb-annual-matrix th:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:1;}
.asb-annual-matrix thead th{position:sticky;top:0;background:#f8fafc;z-index:2;}
.asb-matrix-cell{background:rgba(0,107,112,calc(.05 + var(--p) * .22));}
.asb-matrix-total-row th{background:#f8fafc;font-weight:800;}
@media(max-width:900px){.asb-eloverblik-matrix-head{align-items:flex-start;flex-direction:column;}}

/* v0.7.06 focus/matrix warning */
.asb-eloverblik-warning{
  margin:10px 0;
  padding:10px 12px;
  border:1px solid #f59e0b;
  background:#fffbeb;
  color:#92400e;
  border-radius:10px;
  font-weight:800;
  line-height:1.35;
}
.asb-annual-matrix th,.asb-annual-matrix td{
  font-variant-numeric:tabular-nums;
}

/* v0.7.06 focus and ElOverblik total graph correction */
.asb-eloverblik-basis-card .asb-muted{line-height:1.35;}

/* v0.7.06 ElOverblik included/add modes and locked profiles */
.asb-eloverblik-submode{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:8px 0 12px;
  padding:10px 12px;
  border:1px solid #dbe5ee;
  border-radius:10px;
  background:#f8fafc;
  font-weight:700;
}
.asb-eloverblik-submode label{display:flex;align-items:center;gap:6px;}
.asb-slider-row input[disabled],
.asb-profile-bar select[disabled]{
  opacity:.65;
  cursor:not-allowed;
}




/* v0.7.06 Forbrug modal internal scroll fix */
.asb-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  box-sizing:border-box!important;
}
.asb-modal.asb-consumption-modal{
  width:min(1180px, calc(100vw - 32px))!important;
  max-width:1180px!important;
  height:min(92vh, 980px)!important;
  max-height:92vh!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.asb-consumption-modal .asb-modal-head{
  flex:0 0 auto!important;
  position:relative!important;
  top:auto!important;
  background:#fff!important;
  z-index:2!important;
  border-bottom:1px solid #dbe5ee!important;
}
.asb-consumption-modal .asb-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:20px!important;
}
.asb-consumption-modal .asb-modal-actions{
  flex:0 0 auto!important;
  position:relative!important;
  bottom:auto!important;
  background:#fff!important;
  z-index:2!important;
  border-top:1px solid #dbe5ee!important;
}
body:has(.asb-consumption-modal){
  overflow:hidden!important;
}
@media(max-width:900px){
  .asb-modal-backdrop{
    align-items:stretch!important;
    padding:8px!important;
  }
  .asb-modal.asb-consumption-modal{
    width:calc(100vw - 16px)!important;
    height:calc(100vh - 16px)!important;
    max-height:calc(100vh - 16px)!important;
  }
}


/* v0.7.06 matrix moved outside Forbrug modal */
.asb-consumption-modal .asb-annual-matrix-card,
.asb-consumption-modal .asb-annual-matrix-wrap{
  display:none!important;
}
.asb-annual-matrix-card{
  overflow:hidden;
}



/* v0.7.06 basic matrix + modal focus stability */
.asb-annual-matrix-card{
  overflow:hidden;
}

.asb-consumption-modal input[data-no-autofocus="1"]{
  scroll-margin-top:0!important;
}
.asb-consumption-modal{
  overflow-anchor:none!important;
}
.asb-consumption-modal *{
  overflow-anchor:none!important;
}


/* v0.7.06 matrix full size by default */
.asb-annual-matrix-card{
  overflow:visible!important;
}
.asb-annual-matrix-card .asb-annual-matrix-scroll{
  max-height:none!important;
  height:auto!important;
  overflow-y:visible!important;
  overflow-x:auto!important;
}
.asb-annual-matrix-wrap{
  overflow:visible!important;
}
.asb-annual-matrix{
  width:max-content!important;
  min-width:100%!important;
}


/* v0.7.06 no focus / scroll-only Forbrug modal */
.asb-consumption-modal,
.asb-consumption-modal *,
.asb-modal-backdrop{
  overflow-anchor:none!important;
  scroll-behavior:auto!important;
}
.asb-consumption-modal input,
.asb-consumption-modal select,
.asb-consumption-modal textarea,
.asb-consumption-modal button{
  scroll-margin-top:0!important;
  scroll-margin-bottom:0!important;
}

.asb-consumption-modal .asb-modal-body{
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}


/* v0.7.06 dropdown fix: no programmatic focus trap, keep modal scroll stable */
.asb-consumption-modal,
.asb-consumption-modal *,
.asb-modal-backdrop{
  overflow-anchor:none!important;
  scroll-behavior:auto!important;
}
.asb-consumption-modal .asb-modal-body{
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

/* v0.7.06 expected increase calculation rows */
.asb-eloverblik-consumption-sum .strong,
.asb-eloverblik-consumption-sum div:last-child{
  font-weight:800;
}

/* v0.7.06 project export/import buttons */
.mbr-project-modal-actions .button,
.asb-project-manager-modal .button{
  white-space:nowrap;
}

/* v0.7.06 ElOverblik warning outside modal */
.asb-eloverblik-warning-outside{
  margin:12px 0;
}
.asb-card-anlaegsoversigt .asb-eloverblik-warning-outside{
  margin-top:14px;
}

/* v0.7.06 compact warning under Moms */
.asb-consumption-assumptions .asb-eloverblik-warning-outside{
  margin-top:10px!important;
  margin-bottom:6px!important;
  width:100%!important;
  box-sizing:border-box;
}


/* v0.7.06 Android/mobile menu */
@media (max-width: 768px){
  html, body{
    max-width:100%;
    overflow-x:hidden!important;
  }
  .elitag-tabs-shell,
  .sdu-shell,
  .sdu-shell__panel,
  #mbr-root,
  #asb-root{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }

  .sdu-shell__header{
    padding:10px 12px!important;
  }
  .sdu-shell__title{
    font-size:17px!important;
    line-height:1.15!important;
    margin:0!important;
  }
  .sdu-shell__version{
    font-size:10px!important;
  }

  .sdu-shell__tabs{
    position:sticky!important;
    top:0!important;
    z-index:40!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
    padding:4px 8px!important;
    min-height:58px!important;
    background:#fff!important;
    border-bottom:1px solid #dbe5ee!important;
    box-shadow:0 4px 14px rgba(15,23,42,.08)!important;
  }
  .sdu-shell__tabs::-webkit-scrollbar{display:none!important;}
  .sdu-shell__tab{
    flex:0 0 78px!important;
    min-width:78px!important;
    max-width:78px!important;
    height:52px!important;
    padding:6px 4px 5px!important;
    font-size:10px!important;
    line-height:1.05!important;
    border-radius:10px!important;
    scroll-snap-align:start!important;
    touch-action:manipulation!important;
  }
  .sdu-shell__tab::before{
    font-size:17px!important;
    margin-bottom:4px!important;
  }
  .sdu-shell__tab.is-active::after{
    left:8px!important;
    right:8px!important;
    height:3px!important;
  }

  .sdu-shell__site-link{
    display:none!important;
  }

  .elitag-topbar{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    margin:8px 0 10px!important;
    padding:0 10px!important;
  }
  .elitag-language,
  .mbr-lang.elitag-language{
    justify-content:flex-start!important;
    gap:6px!important;
    width:100%!important;
  }
  .elitag-language .button,
  .mbr-lang.elitag-language .button{
    min-height:40px!important;
    padding:8px 14px!important;
  }

  .elitag-project{
    width:100%!important;
    margin:0!important;
    justify-content:stretch!important;
  }
  .elitag-project .mbr-project-compact,
  .elitag-project .asb-project-compact{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    width:100%!important;
  }
  .elitag-project .mbr-project-compact-current,
  .elitag-project .asb-project-compact-current{
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    height:42px!important;
    padding:8px 10px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .elitag-project .mbr-project-open-btn,
  .elitag-project .asb-project-open-btn{
    min-height:42px!important;
    padding:8px 12px!important;
  }

  .mbr-card-grid,
  .asb-main,
  .asb-fields,
  .asb-fields-2,
  .asb-fields-3,
  .asb-fields-4{
    grid-template-columns:1fr!important;
  }
  .asb-main{
    display:block!important;
  }
  .asb-left,
  .asb-side{
    width:100%!important;
    max-width:100%!important;
  }
  .asb-side-card,
  .mbr-card,
  .mbr-tab-block{
    border-radius:12px!important;
    margin-left:8px!important;
    margin-right:8px!important;
  }

  .asb-modal,
  .mbr-project-manager-modal,
  .asb-project-manager-modal{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100vh - 16px)!important;
    border-radius:14px!important;
  }
  .asb-modal-body,
  .mbr-project-modal-body{
    max-height:calc(100vh - 150px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .mbr-project-modal-actions,
  .asb-project-manager-modal .mbr-project-modal-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .mbr-project-modal-actions .button,
  .asb-project-manager-modal .button{
    min-height:42px!important;
    white-space:normal!important;
  }

  .elitag-mobile-nav-toggle{
    display:flex!important;
    position:fixed!important;
    right:14px!important;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px))!important;
    z-index:10000!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-width:74px!important;
    height:48px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:999px!important;
    background:#006b70!important;
    color:#fff!important;
    font-weight:800!important;
    box-shadow:0 12px 28px rgba(0,0,0,.25)!important;
    touch-action:manipulation!important;
  }
  .elitag-mobile-nav-toggle-icon{
    font-size:18px!important;
    line-height:1!important;
  }
  .elitag-mobile-nav-toggle-text{
    font-size:13px!important;
  }
  .elitag-mobile-nav-panel{
    display:none!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important;
    z-index:9999!important;
    max-height:72vh!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:12px!important;
    border:1px solid #dbe5ee!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 18px 45px rgba(15,23,42,.28)!important;
  }
  body.elitag-mobile-nav-open .elitag-mobile-nav-panel{
    display:block!important;
  }
  .elitag-mobile-nav-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:10px!important;
    color:#15324a!important;
  }
  .elitag-mobile-nav-close{
    width:38px!important;
    height:38px!important;
    border:1px solid #dbe5ee!important;
    border-radius:999px!important;
    background:#fff!important;
    font-size:24px!important;
    line-height:1!important;
  }
  .elitag-mobile-project-slot{
    padding:9px 10px!important;
    margin-bottom:10px!important;
    border:1px solid #dbe5ee!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    font-size:12px!important;
    color:#15324a!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .elitag-mobile-nav-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .elitag-mobile-nav-grid button,
  .elitag-mobile-nav-actions button{
    min-height:48px!important;
    border:1px solid #dbe5ee!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#15324a!important;
    font-weight:800!important;
    font-size:13px!important;
    touch-action:manipulation!important;
  }
  .elitag-mobile-nav-grid button{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:8px 10px!important;
  }
  .elitag-mobile-nav-grid button.is-active{
    background:#e9f7f7!important;
    border-color:#006b70!important;
    color:#006b70!important;
  }
  .elitag-mobile-nav-ico{
    width:22px!important;
    text-align:center!important;
    font-size:17px!important;
  }
  .elitag-mobile-nav-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .elitag-mobile-nav-actions button{
    background:#006b70!important;
    color:#fff!important;
    border-color:#006b70!important;
  }
}

@media (min-width: 769px){
  .elitag-mobile-nav-toggle,
  .elitag-mobile-nav-panel{
    display:none!important;
  }
}


/* v0.7.06 production mobile Tag-design gestures/fullscreen */
@media (hover:none) and (pointer:coarse){
  body.asb-mobile-layout-active{
    overflow:hidden!important;
  }
  body.asb-mobile-layout-active .asb-modal-backdrop{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:2147483000!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.asb-mobile-layout-active .asb-layout-editor-modal,
  body.asb-mobile-layout-active .asb-layout-editor-modal-mobile,
  body.asb-mobile-layout-active .asb-layout-editor-modal-landscape{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    z-index:2147483001!important;
    display:flex!important;
    flex-direction:column!important;
    background:#fff!important;
  }
  body.asb-mobile-layout-active .asb-layout-editor-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-x pan-y!important;
    padding:8px!important;
    background:#fff!important;
  }
  body.asb-mobile-layout-active .asb-layout-editor-grid{
    display:inline-block!important;
    width:max-content!important;
    max-width:none!important;
    min-width:100%!important;
    margin:0 auto 14px!important;
    transform-origin:center top!important;
    touch-action:pan-x pan-y!important;
  }
  body.asb-mobile-layout-active .asb-layout-editor-grid.asb-layout-pinch-active{
    touch-action:none!important;
    transition:none!important;
  }
  body.asb-mobile-layout-active .asb-layout-editor-side{
    display:block!important;
    width:calc(100vw - 22px)!important;
    max-width:calc(100vw - 22px)!important;
    margin:10px auto!important;
    text-align:left!important;
  }
  body.asb-mobile-layout-active .asb-fields,
  body.asb-mobile-layout-active .asb-fields-2,
  body.asb-mobile-layout-active .asb-fields-3,
  body.asb-mobile-layout-active .asb-fields-4{
    grid-template-columns:1fr!important;
  }
  body.asb-mobile-layout-landscape .asb-layout-editor-modal,
  body.asb-mobile-layout-landscape .asb-layout-editor-modal-landscape{
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
  }
  body.asb-mobile-layout-landscape .asb-layout-editor-modal .asb-modal-head{
    max-height:42px!important;
    min-height:36px!important;
    overflow:hidden!important;
    padding:5px 8px!important;
  }
  body.asb-mobile-layout-landscape .asb-layout-editor-modal .asb-modal-head .asb-muted{
    display:none!important;
  }
  body.asb-mobile-layout-landscape .asb-layout-editor-modal .asb-modal-actions{
    max-height:40px!important;
    min-height:36px!important;
    padding:4px 8px!important;
  }
  body.asb-mobile-layout-landscape .asb-layout-editor-body{
    height:calc(100dvh - 78px)!important;
    max-height:calc(100dvh - 78px)!important;
    padding:4px!important;
  }
}

/* v0.7.06 financial customer PDF export */
.asb-card-pdf-export .button{margin-top:10px;}

/* v0.7.06 PDF fallback */
@media print{.no-print{display:none!important;}}