/* Ice Factory Manager v22 - clean Cleopatra theme alignment */
:root,
html[data-theme="blue"]{
  --ifm-sidebar-w: 286px;
  --ifm-bg: var(--background, #f8fafc);
  --ifm-fg: var(--foreground, #0f172a);
  --ifm-card: var(--card, #fff);
  --ifm-muted: var(--muted-foreground, #64748b);
  --ifm-border: var(--border, #e2e8f0);
  --ifm-primary: var(--primary, #2563eb);
  --ifm-primary-fg: var(--primary-foreground, #fff);
  --ifm-sidebar: var(--sidebar, #fff);
  --ifm-sidebar-fg: var(--sidebar-foreground, #0f172a);
  --ifm-sidebar-border: var(--sidebar-border, #e5e7eb);
  --ifm-radius: 16px;
  --ifm-shadow: 0 14px 34px rgba(15,23,42,.065);
}
html,body{min-height:100%;}
body.ifm-theme-body{
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.12), transparent 32rem),
    radial-gradient(circle at 85% 5%, rgba(6,182,212,.09), transparent 28rem),
    linear-gradient(180deg,#f8fbff 0%,#f4f7fb 45%,#f8fafc 100%);
  color:var(--ifm-fg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.ifm-shell{display:flex;min-height:100vh;background:transparent;}
.ifm-sidebar{
  width:var(--ifm-sidebar-w)!important;
  background:rgba(255,255,255,.95)!important;
  color:var(--ifm-sidebar-fg)!important;
  border-right:1px solid var(--ifm-sidebar-border)!important;
  padding:0!important;
  box-shadow:0 24px 60px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(18px);
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}
.ifm-sidebar::-webkit-scrollbar{width:7px;}
.ifm-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
.ifm-sidebar-brand{
  position:sticky;
  top:0;
  z-index:3;
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin:0!important;
  padding:14px 18px!important;
  min-height:82px;
  border-radius:0!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--ifm-sidebar-border)!important;
  text-align:center!important;
}
.ifm-sidebar .sidebar-logo-img{
  display:block;
  width:100%;
  max-width:226px;
  height:54px;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
}
.ifm-nav{padding:12px 12px 8px!important;}
.ifm-nav-section{margin:0 0 12px;padding:0 0 3px;}
.ifm-nav-label{
  display:flex;
  align-items:center;
  margin:12px 10px 7px!important;
  min-height:15px;
  color:#94a3b8!important;
  font-size:10px!important;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:850!important;
  white-space:nowrap;
}
.ifm-sidebar nav a,
.ifm-sidebar .logout,
.ifm-logout{
  color:#334155!important;
  display:grid!important;
  grid-template-columns:30px 1fr;
  align-items:center!important;
  column-gap:10px;
  min-height:38px;
  padding:6px 10px!important;
  margin:3px 0!important;
  border-radius:12px!important;
  font-size:13px;
  font-weight:700;
  line-height:1.15;
  text-decoration:none!important;
  border:1px solid transparent;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.ifm-sidebar nav a:hover,
.ifm-sidebar .logout:hover{
  background:#f8fafc!important;
  color:#0f172a!important;
  border-color:#e2e8f0;
  transform:translateX(2px);
}
.ifm-sidebar nav a.active{
  background:linear-gradient(135deg,#2563eb,#0891b2)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 22px rgba(37,99,235,.24);
}
.nav-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f1f5f9;
  color:#2563eb;
  font-size:13px;
  font-weight:900;
  line-height:1;
}
.nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ifm-sidebar nav a.active .nav-icon{background:rgba(255,255,255,.22);color:#fff;}
.ifm-logout{margin:12px 12px 18px!important;background:#fff1f2!important;color:#be123c!important;border-color:#ffe4e6!important;}
.ifm-main{margin-left:var(--ifm-sidebar-w)!important;padding:0!important;min-width:0;width:calc(100% - var(--ifm-sidebar-w));}
.ifm-topbar{
  position:sticky;
  top:0;
  z-index:12;
  margin:0!important;
  padding:16px 28px!important;
  min-height:72px;
  background:rgba(248,251,255,.9)!important;
  border-bottom:1px solid rgba(226,232,240,.88)!important;
  backdrop-filter:blur(18px);
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px;
}
.ifm-content{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  padding:24px 28px 42px;
}
.ifm-top-left{display:flex;align-items:center;gap:12px;min-width:0;}
.ifm-topbar h1{margin:0!important;font-size:24px!important;line-height:1.08;color:#0f172a;font-weight:850;letter-spacing:-.03em;}
.ifm-breadcrumb{font-size:12px;color:#64748b;font-weight:750;margin-bottom:4px;}
.ifm-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.ifm-quick-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 14px;
  border-radius:12px;
  background:#2563eb;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:800;
  font-size:13px;
  box-shadow:0 10px 22px rgba(37,99,235,.18);
}
.ifm-quick-action.muted{background:#fff;color:#334155!important;border:1px solid var(--ifm-border);box-shadow:none;}
.ifm-user{
  background:#fff!important;
  border:1px solid var(--ifm-border)!important;
  color:#0f172a!important;
  padding:6px 11px 6px 7px!important;
  border-radius:999px!important;
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:750;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}
.ifm-user span{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;display:grid;place-items:center;text-transform:uppercase;font-weight:900;}
.ifm-mobile-menu{display:none;border:0;background:#fff;color:#0f172a;width:42px;height:42px;border-radius:12px;box-shadow:0 8px 18px rgba(15,23,42,.08);font-size:20px;cursor:pointer;}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:49;backdrop-filter:blur(4px);}
.card{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(226,232,240,.92)!important;
  border-radius:18px!important;
  box-shadow:var(--ifm-shadow)!important;
  padding:20px!important;
  margin-bottom:20px!important;
}
.card h2{
  display:flex;
  align-items:center;
  min-height:34px;
  font-size:17px!important;
  color:#0f172a;
  letter-spacing:-.015em;
  border-bottom:1px solid #eef2f7;
  padding-bottom:12px;
  margin:0 0 16px!important;
}
.grid{gap:16px!important;align-items:start;}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.stat{
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:18px!important;
  padding:18px!important;
  min-height:104px;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}
.stat span{color:#64748b!important;font-weight:780;font-size:12px!important;letter-spacing:.01em;}
.stat b{color:#0f172a!important;letter-spacing:-.04em;font-size:25px!important;line-height:1.05;}
label{color:#64748b!important;font-weight:780;font-size:12px!important;margin:10px 0 6px!important;}
input,select,textarea{
  border:1px solid #dbe4ef!important;
  border-radius:12px!important;
  background:#fff!important;
  min-height:42px;
  transition:border .15s ease,box-shadow .15s ease;
  font-size:14px;
}
textarea{min-height:82px;}
input:focus,select:focus,textarea:focus{outline:none;border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.12);}
button,.btn{
  border-radius:12px!important;
  background:#2563eb!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(37,99,235,.15);
  border:1px solid transparent!important;
  min-height:38px;
  line-height:1.15;
  font-size:13px;
  font-weight:800!important;
}
button:hover,.btn:hover{filter:brightness(.98);transform:translateY(-1px);}
.btn.light{background:#f8fafc!important;color:#0f172a!important;box-shadow:none!important;border-color:#e2e8f0!important;}
.btn.warn{background:#f59e0b!important;color:#fff!important;}
.btn.danger,button.danger{background:#dc2626!important;color:#fff!important;}
.inline-form{gap:8px!important;align-items:end!important;}
.inline-form input,.inline-form select{min-width:120px!important;}
.row-actions{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important;}
.row-actions .btn,.row-actions button{min-height:34px;padding:8px 10px!important;font-size:12px!important;}
table{border:1px solid #e2e8f0!important;border-radius:14px!important;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.035);background:#fff!important;}
th,td{padding:11px 12px!important;vertical-align:middle!important;font-size:13.5px!important;}
th{background:#f8fafc!important;color:#334155!important;text-transform:none;font-weight:850!important;border-bottom:1px solid #e2e8f0!important;white-space:nowrap;}
td{background:#fff;border-bottom:1px solid #eef2f7!important;}
tr:hover td{background:#f8fbff;}
.right{text-align:right!important;}
.center{text-align:center!important;}
.muted{color:#64748b!important;}
.alert{border-radius:14px!important;border:1px solid #bbf7d0!important;background:#ecfdf5!important;color:#047857!important;font-weight:750;margin:16px 28px 0!important;}
.alert.error{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important;}
.pill{border-radius:999px!important;font-weight:850;padding:5px 9px!important;font-size:11.5px!important;}
.login-wrap{max-width:440px!important;margin:8vh auto!important;}
.login-wrap .card{padding:28px!important;}
/* Keep invoice print/PDF layout clean */
.ifm-invoice-wrap,.ifm-invoice-wrap *{box-shadow:none!important;}
.ifm-invoice-a4 table{box-shadow:none!important;border-radius:0!important;}
.ifm-invoice-a4 th,.ifm-invoice-a4 td{padding:1.7mm 2mm!important;font-size:10.5px!important;}
.ifm-invoice-a4 tr:hover td{background:#fff!important;}
@media(max-width:1200px){
  .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .ifm-sidebar{position:fixed!important;z-index:50;inset:0 auto 0 0;width:286px!important;height:100vh!important;transform:translateX(-105%);transition:transform .25s ease;overflow:auto!important;}
  body.sidebar-open .ifm-sidebar{transform:translateX(0);}
  body.sidebar-open .sidebar-backdrop{display:block;}
  .ifm-main{margin-left:0!important;width:100%!important;}
  .ifm-content{padding:18px 14px 30px!important;max-width:none;}
  .ifm-topbar{padding:14px!important;position:sticky;min-height:64px;}
  .ifm-mobile-menu{display:grid;place-items:center;}
  .ifm-topbar h1{font-size:20px!important;}
  .ifm-breadcrumb{font-size:11px;}
  .ifm-top-actions{display:none;}
  .ifm-sidebar nav{display:block!important;grid-template-columns:none!important;}
  .grid.two,.grid.three,.grid.four{grid-template-columns:1fr!important;}
  .card{padding:16px!important;border-radius:16px!important;}
  .stat{min-height:92px;}
  table{display:block;overflow-x:auto;white-space:nowrap;}
  thead,tbody,tfoot,tr{width:100%;}
}
@media print{
  .ifm-sidebar,.ifm-topbar,.sidebar-backdrop,.ifm-mobile-menu,.ifm-quick-action{display:none!important;}
  .ifm-main{margin:0!important;padding:0!important;width:100%!important;}
  .ifm-content{padding:0!important;max-width:none!important;}
  .alert{display:none!important;}
  body.ifm-theme-body{background:#fff!important;}
}

/* v46 utility grid for transaction filters */
.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
@media(max-width:1000px){.grid.five{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:760px){.grid.five{grid-template-columns:1fr!important;}}


/* v47: keep All Transactions summary cards on one row */
.all-transactions-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  margin-bottom:16px!important;
}
.all-transactions-summary .stat{min-width:0!important;margin:0!important;}
.all-transactions-summary .stat span{white-space:nowrap!important;}
@media(max-width:900px){.all-transactions-summary{grid-template-columns:repeat(4,minmax(155px,1fr))!important;overflow-x:auto!important;padding-bottom:4px!important;}}

/* v54: Cash / Bank balances summary */
.account-balance-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;margin-bottom:16px!important;}
.account-balance-summary .stat{min-width:0!important;margin:0!important;}
.account-balance-summary .stat span{white-space:nowrap!important;}
@media(max-width:900px){.account-balance-summary{grid-template-columns:repeat(4,minmax(155px,1fr))!important;overflow-x:auto!important;padding-bottom:4px!important;}}

/* v57 final invoice overrides loaded after the admin theme */
.ifm-invoice-theme-26 .ifm26-items{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
.ifm-invoice-theme-26 .ifm26-items th,
.ifm-invoice-theme-26 .ifm26-items td{white-space:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}
.ifm-invoice-theme-26 .ifm26-items th:nth-child(1),.ifm-invoice-theme-26 .ifm26-items td:nth-child(1){width:38%!important}
.ifm-invoice-theme-26 .ifm26-items th:nth-child(2),.ifm-invoice-theme-26 .ifm26-items td:nth-child(2){width:13%!important}
.ifm-invoice-theme-26 .ifm26-items th:nth-child(3),.ifm-invoice-theme-26 .ifm26-items td:nth-child(3){width:14%!important}
.ifm-invoice-theme-26 .ifm26-items th:nth-child(4),.ifm-invoice-theme-26 .ifm26-items td:nth-child(4){width:12%!important}
.ifm-invoice-theme-26 .ifm26-items th:nth-child(5),.ifm-invoice-theme-26 .ifm26-items td:nth-child(5){width:10%!important}
.ifm-invoice-theme-26 .ifm26-items th:nth-child(6),.ifm-invoice-theme-26 .ifm26-items td:nth-child(6){width:13%!important}
@media print{
  @page{size:A4 portrait;margin:8mm!important}
  .ifm-invoice-theme-26 .ifm-invoice-a4{width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:5mm!important;border:0!important;overflow:visible!important;box-sizing:border-box!important}
  .ifm-invoice-theme-26 .ifm26-items{display:table!important;width:100%!important;table-layout:fixed!important}
  .ifm-invoice-theme-26 .ifm26-items thead{display:table-header-group!important}
  .ifm-invoice-theme-26 .ifm26-items tbody{display:table-row-group!important}
  .ifm-invoice-theme-26 .ifm26-items tr{display:table-row!important;break-inside:avoid!important;page-break-inside:avoid!important}
  .ifm-invoice-theme-26 .ifm26-items th,
  .ifm-invoice-theme-26 .ifm26-items td{display:table-cell!important;font-size:8.2px!important;line-height:1.15!important;padding:4px!important;white-space:normal!important;overflow-wrap:anywhere!important}
}

/* v58 final invoice print-fit override */
@media print{
  @page{size:A4 portrait;margin:8mm!important}
  .ifm-invoice-wrap.ifm-invoice-theme-26{
    position:absolute!important;
    top:0!important;
    left:7.5%!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    zoom:.85!important;
    overflow:visible!important;
  }
  .ifm-invoice-theme-26 .ifm-invoice-a4{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:5mm!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .ifm-selected-invoices-wrap .ifm-selected-invoice-page{
    min-height:278mm!important;
    overflow:visible!important;
  }
  .ifm-selected-invoices-wrap .ifm-invoice-wrap.ifm-invoice-theme-26{
    position:relative!important;
    left:7.5%!important;
    top:auto!important;
  }
}
