/* Feature modules added on the separated development copy only. */
.sync-warning-bar{
  position:sticky;
  top:0;
  z-index:30;
  margin:0 0 14px;
  padding:12px 16px;
  border:1px solid #f0c7c7;
  border-radius:12px;
  background:#fff0f0;
  color:#8b1f1f;
  font-weight:900;
  line-height:1.7;
  box-shadow:0 12px 26px rgba(139,31,31,.08);
}
.sync-warning-bar.ok{
  border-color:#cde9dc;
  background:#eefaf3;
  color:#0d6840;
}
.sync-warning-bar small{
  display:block;
  margin-top:2px;
  color:inherit;
  opacity:.78;
  font-weight:800;
}
.feature-kpi-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
  margin-bottom:14px;
}
.feature-kpi{
  border:1px solid var(--line);
  border-radius:12px;
  background:#fbfdfc;
  padding:13px;
}
.feature-kpi small{
  display:block;
  color:var(--muted);
  font-weight:800;
  margin-bottom:5px;
}
.feature-kpi b{
  color:var(--brand);
  font-size:20px;
}
.feature-mini-note{
  color:var(--muted);
  font-size:12px;
  line-height:1.8;
  font-weight:700;
}
.feature-review-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.feature-review-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  padding:11px 12px;
  background:#fff;
}
.feature-review-item.error{
  border-color:#efb7b7;
  background:#fff6f6;
}
.feature-review-item b{
  color:var(--brand);
}
.feature-review-item small{
  display:block;
  color:var(--muted);
  margin-top:4px;
  line-height:1.6;
}
.feature-assistant-box{
  min-height:220px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:14px;
  line-height:1.9;
  white-space:pre-wrap;
  color:#183431;
  font-weight:800;
}
.feature-archive-frame{
  width:100%;
  min-height:70vh;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.feature-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  border-radius:999px;
  background:#eef7f4;
  color:var(--brand);
  font-size:12px;
  font-weight:900;
}
.feature-form-note{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.8;
  font-weight:800;
}
.feature-form-note.warning{
  color:#9a4a00;
}
.feature-panel-stack{
  display:grid;
  gap:16px;
}
.feature-action-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:12px;
}
.feature-period-panel{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfdfc;
  padding:12px;
  margin:12px 0 0;
}
.feature-period-panel .grid2{
  align-items:end;
}
.feature-file-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border:1px dashed var(--line);
  border-radius:10px;
  background:#fff;
  color:var(--brand);
  font-weight:900;
}
.sync-warning-bar.hidden{
  display:none;
}
.water-history-card{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:12px;
}
.water-history-card h3{
  margin:0 0 8px;
  color:var(--brand);
}
.water-history-card small{
  color:var(--muted);
  font-weight:800;
}
.archive-card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:14px;
}
.archive-card h3{
  margin:0 0 6px;
  color:var(--brand);
}
.archive-card p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.platform-settings-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.platform-card{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:14px;
}
.platform-card h3{
  margin:0 0 10px;
  color:var(--brand);
}
.platform-card .asset-preview,
.platform-card .bank-preview{
  margin-top:10px;
}
.platform-card .account-grid{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
}
.platform-card .account-card b{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.assistant-quick-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
}
@media(max-width:700px){
  .feature-review-item{
    grid-template-columns:1fr;
  }
  .archive-card{
    grid-template-columns:1fr;
  }
  .feature-period-panel .grid2{
    grid-template-columns:1fr;
  }
}

@media screen{
  html,body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  #appShell,.app,.content,.sidebar,.view,.panel{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .content{
    overflow-x:hidden!important;
  }
  .table-wrap{
    overscroll-behavior-x:contain;
  }
  #bankSettingsPanel{
    display:none!important;
  }
  .print-bridge-frame{
    position:fixed;
    width:0;
    height:0;
    border:0;
    inset:auto auto 0 0;
    opacity:0;
    pointer-events:none;
  }
  .sync-warning-bar{
    position:fixed!important;
    left:18px!important;
    right:auto!important;
    bottom:18px!important;
    top:auto!important;
    z-index:9999!important;
    width:min(360px,calc(100vw - 36px))!important;
    margin:0!important;
    padding:12px 16px!important;
    border-radius:999px!important;
    background:#fff6f6!important;
    box-shadow:0 18px 42px rgba(20,35,30,.18),inset 0 1px 0 rgba(255,255,255,.9)!important;
    font-size:13px!important;
  }
  .sync-warning-bar.ok{
    background:linear-gradient(145deg,#ffffff,#eefaf4)!important;
    border-color:#cbe8d9!important;
    color:#0d6840!important;
  }
  .sync-warning-bar small{
    display:block;
    margin-top:1px;
    font-size:11px;
    line-height:1.4;
  }
  .feature-period-panel{
    padding:10px;
    background:linear-gradient(145deg,#ffffff,#f3faf7);
    box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(12,62,50,.06);
  }
  .feature-period-compact{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
  }
  .date-chip{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:44px;
    padding:6px 10px;
    border:1px solid var(--line);
    border-radius:12px;
    background:linear-gradient(145deg,#fff,#f6faf8);
    color:var(--brand);
    font-weight:900;
    box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(12,62,50,.06);
  }
  .date-chip input{
    border:0!important;
    background:transparent!important;
    padding:0!important;
    min-height:28px!important;
    width:142px!important;
    color:#123531!important;
  }
  .period-type-btn.active{
    border-color:#d8b653!important;
    background:linear-gradient(145deg,#fffdf7,#f4ead0)!important;
    color:#0d4c3c!important;
  }
  .btn,.icon-btn,.lux-select-btn{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 9px 18px rgba(12,42,35,.11),0 2px 0 rgba(12,70,58,.18)!important;
    transform:translateZ(0);
  }
  .btn:active,.icon-btn:active,.lux-select-btn:active{
    transform:translateY(1px);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.08),0 5px 10px rgba(12,42,35,.10)!important;
  }
  .payment-action-btn,
  .payment-action-btn.add,
  .payment-action-btn.refund,
  .btn.payment-action-btn.add,
  .btn.payment-action-btn.refund{
    background:linear-gradient(145deg,#fffdf7 0%,#f7eed6 54%,#ead9a9 100%)!important;
    color:#174785!important;
    border-color:#d4bf7a!important;
    text-shadow:0 1px 0 #fff!important;
  }
  .payment-action-btn .action-symbol{
    display:none!important;
  }
  .platform-card,.water-history-card,.archive-card,.feature-kpi,.feature-review-item{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(12,62,50,.07);
  }
  .feature-kpi b,.num{
    font-variant-numeric:tabular-nums;
  }
  .hijri-date{
    display:inline-block;
    margin-top:2px;
    color:#e5d28a;
    font-size:12px;
    font-weight:900;
  }
  .modal .modal-card{
    max-height:min(92vh,980px);
  }
  .modal .modal-head{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    background:#fff!important;
  }
  .modal .close{
    align-self:flex-start!important;
    flex:0 0 auto!important;
  }
  .modal iframe{
    max-width:100%;
  }
  .water-units-panel{
    margin-top:14px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:linear-gradient(145deg,#ffffff,#f4fbf8);
  }
  .water-units-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:10px;
    margin-top:12px;
  }
  .water-unit-row{
    display:grid;
    gap:6px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    box-shadow:inset 0 1px 0 #fff,0 8px 16px rgba(12,62,50,.05);
  }
  .water-unit-row span{
    color:var(--brand);
    font-weight:900;
  }
  .water-unit-row input,
  .water-image-fields input{
    border:1px solid var(--line);
    border-radius:10px;
    min-height:38px;
    padding:8px 10px;
    font:inherit;
    color:#153b35;
    background:#fff;
  }
  .water-image-review{
    display:grid;
    grid-template-columns:140px 1fr auto;
    gap:12px;
    align-items:center;
    border:1px solid var(--line);
    border-radius:16px;
    padding:12px;
    background:#fff;
    box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(12,62,50,.07);
  }
  .water-image-review.error{
    border-color:#efb7b7;
    background:#fff8f8;
  }
  .water-image-review img{
    width:140px;
    aspect-ratio:3/4;
    object-fit:cover;
    border-radius:12px;
    border:1px solid var(--line);
  }
  .water-image-fields{
    display:grid;
    gap:8px;
  }
  .water-image-fields label{
    display:grid;
    gap:4px;
    color:var(--muted);
    font-size:12px;
    font-weight:900;
  }
  .water-ocr-status{
    display:inline-flex!important;
    align-items:center;
    justify-content:flex-start;
    width:max-content;
    max-width:100%;
    padding:5px 9px;
    border-radius:999px;
    background:#eef7f4;
    color:var(--brand)!important;
    font-size:11px!important;
    font-weight:900!important;
  }
  .archive-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
  }
  .lux-select-menu{
    border-radius:18px!important;
    border:1px solid rgba(13,76,60,.16)!important;
    box-shadow:0 24px 50px rgba(8,45,36,.20),inset 0 1px 0 #fff!important;
    background:linear-gradient(145deg,#ffffff,#f8fbfa)!important;
    overflow:hidden!important;
  }
  .lux-option{
    border-radius:12px!important;
    margin:5px!important;
    box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(12,62,50,.05)!important;
  }
  .lux-select.association-select .lux-select-btn,
  .lux-select.invoice-select .lux-select-btn,
  .lux-select.theme-select .lux-select-btn{
    min-height:56px!important;
    border-radius:16px!important;
    border:1px solid color-mix(in srgb,var(--brand) 18%,#d8e4df)!important;
    background:linear-gradient(145deg,#ffffff,#f4faf8)!important;
    box-shadow:inset 0 1px 0 #fff,0 14px 28px rgba(13,76,60,.10)!important;
    color:var(--brand)!important;
    font-size:18px!important;
    font-weight:900!important;
  }
  .lux-select.association-select .lux-select-menu,
  .lux-select.invoice-select .lux-select-menu,
  .lux-select.name-select .lux-select-menu,
  .lux-select.theme-select .lux-select-menu{
    max-height:340px!important;
    overflow:auto!important;
    padding:8px!important;
  }
  .lux-select.association-select .lux-option,
  .lux-select.invoice-select .lux-option,
  .lux-select.name-select .lux-option,
  .lux-select.theme-select .lux-option{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:16px!important;
    color:var(--brand)!important;
    background:linear-gradient(145deg,#fff,#f8fbfa)!important;
  }
  .lux-select.association-select .lux-option.selected,
  .lux-select.invoice-select .lux-option.selected,
  .lux-select.theme-select .lux-option.selected{
    background:linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 82%,white))!important;
    color:#fff!important;
    box-shadow:0 12px 22px rgba(13,76,60,.18)!important;
  }
  #independentInvoicesView .feature-kpi-grid{
    margin-bottom:12px;
  }
  #independentInvoicesView .table-wrap{
    margin-top:10px;
  }
  #indInvoiceCustomName.closest-hidden,
  .field.hidden{
    display:none!important;
  }
  [data-platform-theme] body{
    background:
      radial-gradient(circle at 72% 8%,color-mix(in srgb,var(--theme-accent) 18%,transparent) 0,transparent 33%),
      linear-gradient(135deg,var(--theme-bg1),var(--theme-bg2))!important;
  }
  [data-platform-theme] .content{
    background:
      radial-gradient(circle at 80% 0,color-mix(in srgb,var(--theme-accent) 12%,transparent),transparent 32rem),
      linear-gradient(135deg,color-mix(in srgb,var(--theme-bg1) 88%,white),var(--theme-bg2))!important;
  }
  [data-platform-theme] .sidebar{
    background:linear-gradient(180deg,var(--theme-side1),var(--theme-side2))!important;
    color:var(--theme-text)!important;
  }
  [data-platform-theme] .association-box{
    background:color-mix(in srgb,var(--theme-side1) 72%,white 7%)!important;
    border-color:color-mix(in srgb,var(--theme-gold) 32%,white 8%)!important;
  }
  [data-platform-theme] .association-picker-button{
    background:linear-gradient(145deg,color-mix(in srgb,var(--theme-side1) 88%,white),color-mix(in srgb,var(--theme-accent) 32%,var(--theme-side2)))!important;
    border-color:color-mix(in srgb,var(--theme-gold) 42%,white 8%)!important;
    color:var(--theme-text)!important;
  }
  [data-platform-theme] .association-picker-menu{
    background:linear-gradient(180deg,var(--theme-side1),var(--theme-side2))!important;
    border-color:color-mix(in srgb,var(--theme-gold) 45%,white 8%)!important;
  }
  [data-platform-theme] .association-picker-menu button.selected{
    background:linear-gradient(145deg,var(--theme-gold),color-mix(in srgb,var(--theme-gold) 72%,white))!important;
    color:color-mix(in srgb,var(--theme-side2) 88%,black)!important;
  }
  [data-platform-theme] .home-hero{
    background:linear-gradient(125deg,var(--theme-side1),var(--theme-accent),var(--theme-gold),var(--theme-side1))!important;
    background-size:240% 240%!important;
    animation:featureHeroFlow 11s ease-in-out infinite!important;
  }
  @keyframes featureHeroFlow{
    0%,100%{background-position:0% 50%}
    50%{background-position:100% 50%}
  }
  .hijri-date{
    display:block;
    direction:ltr;
    unicode-bidi:plaintext;
    text-align:left;
    letter-spacing:0;
  }
  [data-platform-theme] .nav button,
  [data-platform-theme] .current-association{
    background:color-mix(in srgb,var(--theme-side1) 72%,white 6%)!important;
    border-color:color-mix(in srgb,var(--theme-accent) 35%,white 10%)!important;
  }
  [data-platform-theme] .nav button.active{
    background:color-mix(in srgb,var(--theme-accent) 28%,var(--theme-side1))!important;
    border-color:var(--theme-gold)!important;
  }
  [data-platform-theme] .panel,
  [data-platform-theme] .platform-card,
  [data-platform-theme] .water-history-card,
  [data-platform-theme] .archive-card{
    border-color:color-mix(in srgb,var(--theme-accent) 20%,#d8e4df)!important;
  }
  [data-platform-theme="classic"]{--theme-bg1:#f8fbf8;--theme-bg2:#f3f1e8;--theme-side1:#0d4c3c;--theme-side2:#082c25;--theme-accent:#0d4c3c;--theme-gold:#d8b653;--theme-text:#fff}
  [data-platform-theme="royalBlue"]{--brand:#123f86;--brand2:#0f2e65;--dark:#0b234f;--theme-bg1:#f5f8ff;--theme-bg2:#eef3ff;--theme-side1:#123f86;--theme-side2:#071b42;--theme-accent:#1d5fd0;--theme-gold:#d8b653;--theme-text:#fff}
  [data-platform-theme="navy"]{--brand:#0e2f5f;--brand2:#0a2247;--dark:#07172f;--theme-bg1:#f5f8fc;--theme-bg2:#e9eef8;--theme-side1:#0e2f5f;--theme-side2:#06162e;--theme-accent:#3c72b8;--theme-gold:#d6b65e;--theme-text:#fff}
  [data-platform-theme="azure"]{--brand:#1769a7;--brand2:#0f5082;--dark:#0a365b;--theme-bg1:#f4fbff;--theme-bg2:#e8f4fb;--theme-side1:#1769a7;--theme-side2:#0a365b;--theme-accent:#3d9bd9;--theme-gold:#d9b75e;--theme-text:#fff}
  [data-platform-theme="sapphire"]{--brand:#0b4ea2;--brand2:#07346f;--dark:#051f45;--theme-bg1:#f4f8ff;--theme-bg2:#e8f0ff;--theme-side1:#0b4ea2;--theme-side2:#051f45;--theme-accent:#2d74d8;--theme-gold:#d8b653;--theme-text:#fff}
  [data-platform-theme="cobalt"]{--brand:#234a8f;--brand2:#173469;--dark:#0c1f43;--theme-bg1:#f6f8fd;--theme-bg2:#e8eefb;--theme-side1:#234a8f;--theme-side2:#0c1f43;--theme-accent:#436ebc;--theme-gold:#cdae55;--theme-text:#fff}
  [data-platform-theme="midnight"]{--brand:#172c3a;--brand2:#0f1f2b;--dark:#08131b;--theme-bg1:#f5f7f8;--theme-bg2:#e9edf0;--theme-side1:#172c3a;--theme-side2:#08131b;--theme-accent:#547287;--theme-gold:#d0ae53;--theme-text:#fff}
  [data-platform-theme="emerald"]{--brand:#076454;--brand2:#064a40;--dark:#06332d;--theme-bg1:#f5fbf8;--theme-bg2:#e9f4ef;--theme-side1:#076454;--theme-side2:#05362f;--theme-accent:#14967f;--theme-gold:#d8b653;--theme-text:#fff}
  [data-platform-theme="teal"]{--brand:#08707c;--brand2:#05515b;--dark:#03343b;--theme-bg1:#f2fbfb;--theme-bg2:#e7f4f4;--theme-side1:#08707c;--theme-side2:#03343b;--theme-accent:#18a7b4;--theme-gold:#d6b65e;--theme-text:#fff}
  [data-platform-theme="olive"]{--brand:#4a5f2a;--brand2:#33431d;--dark:#202b12;--theme-bg1:#fbfcf6;--theme-bg2:#eef2e0;--theme-side1:#4a5f2a;--theme-side2:#202b12;--theme-accent:#7f9b45;--theme-gold:#d4b262;--theme-text:#fff}
  [data-platform-theme="burgundy"]{--brand:#7a1f37;--brand2:#5c1628;--dark:#3d0f1b;--theme-bg1:#fff7f8;--theme-bg2:#f7edf0;--theme-side1:#7a1f37;--theme-side2:#3d0f1b;--theme-accent:#a5304d;--theme-gold:#d8b653;--theme-text:#fff}
  [data-platform-theme="ruby"]{--brand:#8b1f2d;--brand2:#641620;--dark:#3f0c14;--theme-bg1:#fff7f7;--theme-bg2:#f8ecee;--theme-side1:#8b1f2d;--theme-side2:#3f0c14;--theme-accent:#bd3345;--theme-gold:#d6b65e;--theme-text:#fff}
  [data-platform-theme="roseGold"]{--brand:#8f4d5d;--brand2:#673541;--dark:#422129;--theme-bg1:#fff8f8;--theme-bg2:#f4e9e6;--theme-side1:#8f4d5d;--theme-side2:#422129;--theme-accent:#c4818f;--theme-gold:#d6ab73;--theme-text:#fff}
  [data-platform-theme="graphite"]{--brand:#303841;--brand2:#222930;--dark:#14191f;--theme-bg1:#f7f8f8;--theme-bg2:#eeeeec;--theme-side1:#303841;--theme-side2:#14191f;--theme-accent:#6f7b86;--theme-gold:#c9ad5d;--theme-text:#fff}
  [data-platform-theme="blackGold"]{--brand:#1b1a17;--brand2:#11100e;--dark:#050504;--theme-bg1:#fffdf7;--theme-bg2:#f2ead7;--theme-side1:#1b1a17;--theme-side2:#050504;--theme-accent:#d2ad4e;--theme-gold:#d2ad4e;--theme-text:#fff}
  [data-platform-theme="plum"]{--brand:#4c2a67;--brand2:#361c4d;--dark:#241033;--theme-bg1:#fbf8ff;--theme-bg2:#f0eaf7;--theme-side1:#4c2a67;--theme-side2:#241033;--theme-accent:#7b4cac;--theme-gold:#d6b65e;--theme-text:#fff}
  [data-platform-theme="amethyst"]{--brand:#5d3b88;--brand2:#432865;--dark:#2b183f;--theme-bg1:#fbf8ff;--theme-bg2:#eee8f7;--theme-side1:#5d3b88;--theme-side2:#2b183f;--theme-accent:#906bc3;--theme-gold:#d6b65e;--theme-text:#fff}
  [data-platform-theme="silver"]{--brand:#56616a;--brand2:#3c454d;--dark:#252c32;--theme-bg1:#fafafa;--theme-bg2:#edf0f1;--theme-side1:#56616a;--theme-side2:#252c32;--theme-accent:#89949d;--theme-gold:#c9ad5d;--theme-text:#fff}
  [data-platform-theme="desertGold"]{--brand:#82612d;--brand2:#5e441f;--dark:#3c2a11;--theme-bg1:#fffaf0;--theme-bg2:#f0e3c9;--theme-side1:#82612d;--theme-side2:#3c2a11;--theme-accent:#b68a3c;--theme-gold:#d6b65e;--theme-text:#fff}
  [data-platform-theme="coffee"]{--brand:#4c3526;--brand2:#342319;--dark:#20140d;--theme-bg1:#fbf8f4;--theme-bg2:#eee5d9;--theme-side1:#4c3526;--theme-side2:#20140d;--theme-accent:#8a6244;--theme-gold:#d4b262;--theme-text:#fff}
  [data-platform-theme="ocean"]{--brand:#0b5c77;--brand2:#084358;--dark:#052b39;--theme-bg1:#f2fbff;--theme-bg2:#e3f1f6;--theme-side1:#0b5c77;--theme-side2:#052b39;--theme-accent:#1693b5;--theme-gold:#d4b262;--theme-text:#fff}
  [data-platform-theme="royalIndigo"]{--brand:#263b8f;--brand2:#1a2a6a;--dark:#10183d;--theme-bg1:#f5f6ff;--theme-bg2:#e7eaff;--theme-side1:#263b8f;--theme-side2:#10183d;--theme-accent:#596fe0;--theme-gold:#d7b65b;--theme-text:#fff}
  [data-platform-theme="iceBlue"]{--brand:#2c6f9f;--brand2:#1e5278;--dark:#123148;--theme-bg1:#f7fcff;--theme-bg2:#e9f6ff;--theme-side1:#2c6f9f;--theme-side2:#123148;--theme-accent:#8fc9ee;--theme-gold:#d2b45e;--theme-text:#fff}
  [data-platform-theme="petrol"]{--brand:#064f63;--brand2:#043b4b;--dark:#032734;--theme-bg1:#f2fbfc;--theme-bg2:#e4f2f4;--theme-side1:#064f63;--theme-side2:#032734;--theme-accent:#10839d;--theme-gold:#d4b262;--theme-text:#fff}
  [data-platform-theme="turquoise"]{--brand:#11828b;--brand2:#0a5f67;--dark:#053c42;--theme-bg1:#f1fcfc;--theme-bg2:#e2f6f6;--theme-side1:#11828b;--theme-side2:#053c42;--theme-accent:#35bcc7;--theme-gold:#d8b653;--theme-text:#fff}
  [data-platform-theme="forest"]{--brand:#134d34;--brand2:#0d3926;--dark:#092617;--theme-bg1:#f5faf7;--theme-bg2:#e6f0ea;--theme-side1:#134d34;--theme-side2:#092617;--theme-accent:#2d7c55;--theme-gold:#d0ae53;--theme-text:#fff}
  [data-platform-theme="jade"]{--brand:#0b765d;--brand2:#075542;--dark:#04372b;--theme-bg1:#f2fbf8;--theme-bg2:#e5f5ef;--theme-side1:#0b765d;--theme-side2:#04372b;--theme-accent:#1fb28d;--theme-gold:#d8b653;--theme-text:#fff}
  [data-platform-theme="charcoal"]{--brand:#252b33;--brand2:#1b2027;--dark:#0f1217;--theme-bg1:#f7f8f9;--theme-bg2:#e9ecef;--theme-side1:#252b33;--theme-side2:#0f1217;--theme-accent:#586373;--theme-gold:#c9ad5d;--theme-text:#fff}
  [data-platform-theme="pearl"]{--brand:#68747c;--brand2:#4d5962;--dark:#303941;--theme-bg1:#ffffff;--theme-bg2:#f1f3f4;--theme-side1:#68747c;--theme-side2:#303941;--theme-accent:#aab4bb;--theme-gold:#c9ad5d;--theme-text:#fff}
  [data-platform-theme="bronze"]{--brand:#6e4b26;--brand2:#4e351a;--dark:#30200f;--theme-bg1:#fff9f2;--theme-bg2:#efe2d2;--theme-side1:#6e4b26;--theme-side2:#30200f;--theme-accent:#a87337;--theme-gold:#d6b65e;--theme-text:#fff}
  [data-platform-theme="maroon"]{--brand:#68253d;--brand2:#4b1a2c;--dark:#30101c;--theme-bg1:#fff7fa;--theme-bg2:#f3e6ec;--theme-side1:#68253d;--theme-side2:#30101c;--theme-accent:#99405d;--theme-gold:#d4b262;--theme-text:#fff}
  [data-platform-theme="violet"]{--brand:#3e2b79;--brand2:#2c1d59;--dark:#1c1138;--theme-bg1:#faf8ff;--theme-bg2:#ece8f9;--theme-side1:#3e2b79;--theme-side2:#1c1138;--theme-accent:#6d55bf;--theme-gold:#d8b653;--theme-text:#fff}
  [data-platform-theme="steel"]{--brand:#365a78;--brand2:#263f56;--dark:#162637;--theme-bg1:#f5f8fb;--theme-bg2:#e8eef3;--theme-side1:#365a78;--theme-side2:#162637;--theme-accent:#668aaa;--theme-gold:#d2b45e;--theme-text:#fff}
  [data-platform-theme="nightGold"]{--brand:#111827;--brand2:#0b1020;--dark:#050711;--theme-bg1:#fffdf7;--theme-bg2:#eee6d3;--theme-side1:#111827;--theme-side2:#050711;--theme-accent:#c49a3b;--theme-gold:#d7b65b;--theme-text:#fff}
  [data-platform-theme="mint"]{--brand:#3c806d;--brand2:#2a5f51;--dark:#183a30;--theme-bg1:#f6fffb;--theme-bg2:#e7f5ef;--theme-side1:#3c806d;--theme-side2:#183a30;--theme-accent:#7fc7ad;--theme-gold:#d6b65e;--theme-text:#fff}
}

@media screen{
  .feature-mini-list{
    display:grid;
    gap:10px;
    margin-top:10px;
  }
  .feature-mini-item{
    border:1px solid color-mix(in srgb,var(--brand) 18%,#d8e4df);
    border-radius:14px;
    padding:12px 14px;
    background:linear-gradient(145deg,#fff,#f6fbfa);
    box-shadow:0 10px 22px rgba(13,76,60,.08),inset 0 1px 0 rgba(255,255,255,.9);
  }
  .feature-mini-item b{
    display:block;
    color:var(--brand);
    font-size:15px;
    line-height:1.45;
  }
  .feature-mini-item small{
    display:block;
    margin-top:4px;
    color:var(--muted);
    font-size:12px;
    line-height:1.55;
  }
  .feature-checkline{
    min-height:56px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border:1px solid #d8e4df;
    border-radius:14px;
    background:linear-gradient(145deg,#fff,#f7fbfa);
    color:var(--brand);
    font-weight:900;
  }
  #waterBillsView input[type="month"],
  #waterBillsView input[type="file"],
  #waterBillsView input[type="number"],
  #independentInvoicesView input[type="number"],
  #independentInvoicesView input[type="text"],
  #independentInvoiceFollowView input[type="number"]{
    min-height:56px!important;
    border-radius:16px!important;
    border:1px solid color-mix(in srgb,var(--brand) 20%,#d8e4df)!important;
    background:linear-gradient(145deg,#fff,#f7fbfa)!important;
    box-shadow:inset 0 1px 0 #fff,0 12px 24px rgba(13,76,60,.08)!important;
    color:var(--brand)!important;
    font-size:18px!important;
    font-weight:900!important;
  }
  #waterBillsView input[type="file"]::file-selector-button{
    margin-inline-end:10px;
    border:1px solid color-mix(in srgb,var(--brand) 25%,#d8e4df);
    border-radius:12px;
    background:linear-gradient(145deg,#fffaf0,#fff);
    color:var(--brand);
    font-weight:900;
    padding:8px 12px;
    cursor:pointer;
  }
  #ownersTable .icon-btn,
  #ownersView .icon-btn{
    min-width:70px!important;
    min-height:48px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:normal!important;
    line-height:1.2!important;
    font-size:13px!important;
    font-weight:900!important;
    color:var(--brand)!important;
  }
  #ownersTable .icon-btn.red,
  #ownersView .icon-btn.red{
    color:#b91c1c!important;
  }
  #ownersTable .owner-subline,
  #ownersView .owner-subline{
    display:none!important;
  }
  .water-history-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:stretch;
    justify-content:flex-start;
    margin-top:10px;
  }
  .water-history-actions select,
  .water-history-actions input{
    min-height:44px;
    border:1px solid color-mix(in srgb,var(--brand) 20%,#d8e4df);
    border-radius:13px;
    background:linear-gradient(145deg,#fff,#f7fbfa);
    color:var(--brand);
    font-weight:900;
    padding:8px 12px;
    box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(13,76,60,.07);
  }
  .water-history-actions select{
    flex:1 1 220px;
    max-width:360px;
  }
  .water-history-actions input{
    flex:0 1 130px;
  }
  .sidebar-order-list{
    display:grid;
    gap:8px;
    margin-top:10px;
  }
  .sidebar-order-item{
    width:100%;
    min-height:52px;
    border:1px solid color-mix(in srgb,var(--brand) 22%,#d8e4df);
    border-radius:15px;
    background:linear-gradient(145deg,#fff,#f7fbfa);
    color:var(--brand);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 14px;
    cursor:grab;
    box-shadow:inset 0 1px 0 #fff,0 10px 20px rgba(13,76,60,.08);
    font-weight:900;
    text-align:right;
  }
  .sidebar-order-item:active{
    cursor:grabbing;
  }
  .sidebar-order-item.dragging{
    opacity:.62;
    transform:scale(.99);
  }
  .sidebar-order-item small{
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
  }
}

@media screen and (max-width:900px){
  .feature-period-compact{
    align-items:stretch;
  }
  .feature-period-compact > *{
    flex:1 1 180px;
  }
  .water-image-review{
    grid-template-columns:110px 1fr;
  }
  .water-image-review strong{
    grid-column:1/-1;
  }
  .water-image-review img{
    width:110px;
  }
}

@media screen and (max-width:700px){
  .sync-warning-bar{
    left:10px!important;
    bottom:10px!important;
    width:calc(100vw - 20px)!important;
  }
  .feature-period-compact,
  .feature-action-strip,
  .archive-card-head{
    flex-direction:column;
    align-items:stretch;
  }
  .date-chip,
  .feature-period-compact > *,
  .feature-action-strip > *,
  .archive-card-head > *{
    width:100%!important;
    max-width:100%!important;
  }
  .water-image-review{
    grid-template-columns:1fr;
  }
  .water-image-review img{
    width:100%;
    max-height:260px;
    aspect-ratio:auto;
  }
}