/* Account Book shared design system. Existing financial form names and actions are preserved. */
:root{--bg-main:#f4f6f8;--sidebar-bg:#132d32;--card-bg:#fff;--text-main:#20353d;--text-muted:#61747d;--border:#dfe7eb;--accent:#087f70;--sidebar-width:248px;--topbar-height:76px}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text-main);line-height:1.5;background:var(--bg-main)}
button,input,select,textarea{font:inherit}
a{color:var(--accent)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.6}
img,canvas{max-width:100%}
a,button,input,select,textarea{touch-action:manipulation}
 :focus-visible{outline:3px solid #14a990;outline-offset:3px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-100px;z-index:300;background:white;padding:12px 20px;border-radius:8px}
.skip-link:focus{top:12px}

.account-app{display:flex;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--sidebar-bg);color:#d9e5e7;display:flex;flex-direction:column;z-index:120}
.sidebar-brand{display:flex;align-items:center;gap:12px;min-height:92px;padding:22px;color:#fff;text-decoration:none;font-size:18px;font-weight:650;letter-spacing:-.4px}
.brand-mark{background:#23615b;border:1px solid #418179;border-radius:12px;display:grid;place-items:center;width:40px;height:40px;color:#c4f3dc}
.sidebar-brand small{display:block;font-size:9px;letter-spacing:1.6px;color:#9eb9bb;margin-top:3px}
.sidebar-scroll{flex:1;overflow-y:auto;padding:0 12px 20px;scrollbar-width:thin;scrollbar-color:#45646a transparent}
.menu-title{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#92acb1;font-weight:650;padding:22px 12px 9px}
.menu-item{display:flex;align-items:center;gap:13px;margin:3px 0;padding:10px 12px;min-height:42px;border-radius:8px;color:#c4d4d8;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}
.menu-item>i{width:18px;text-align:center;font-size:14px;opacity:.85}
.menu-item:hover{background:#203e43;color:white}
.menu-item.active{background:#2d514f;color:#e1f9e9;box-shadow:inset 3px 0 #9ce5be}
.menu-item.active>i{color:#abe8c4;opacity:1}
.sidebar-foot{padding:19px 24px;display:flex;align-items:center;gap:8px;border-top:1px solid #2b454b;font-size:12px;color:#e1ecee}
.sidebar-foot>span:last-child{margin-left:auto;color:#92acb1;font-size:11px}
.company-dot{display:inline-block;background:#93d8af;width:7px;height:7px;border-radius:50%;flex-shrink:0}
.main-content{margin-left:var(--sidebar-width);flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{height:var(--topbar-height);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90}
.topbar-context,.topbar-actions{display:flex;align-items:center;gap:18px}
.workspace-label{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:18px}
.workspace-label i{font-size:8px;color:#9aabb1}
.current-company{font-size:13px;font-weight:650}
.company-select{width:128px!important;min-height:38px!important;font-size:12px!important;padding:7px 12px!important;background:#f7f9fa!important}
.icon-button{border:1px solid var(--border);border-radius:8px;background:#fff;width:40px;height:40px;color:var(--text-main)}
.mobile-menu-btn{display:none}
.avatar-button{width:38px;height:38px;border-radius:50%;border:1px solid #d2e4dc;background:#e4f1eb;color:#27594d;font-weight:700;font-size:14px}
.profile-control{position:relative}
.user-dropdown{position:absolute;right:0;top:50px;width:230px;background:white;border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:0 12px 40px #17333d20}
.user-summary{padding:10px 12px 14px;margin-bottom:5px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.user-summary strong{display:block;font-size:14px}
.user-summary span{font-size:12px;color:var(--text-muted)}
.user-dropdown a{display:flex;align-items:center;gap:12px;padding:11px;border-radius:7px;text-decoration:none;color:var(--text-main);font-size:13px}
.user-dropdown a:hover{background:#eef6f3}
.user-dropdown a:last-child{color:#ad3b38}
.page-container{padding:34px 36px 60px;flex:1;min-width:0}
.page-container:focus{outline:none}
.sidebar-overlay{position:fixed;inset:0;z-index:110;border:0;background:#0c202d85;backdrop-filter:blur(2px)}

/* Shared controls and legacy page cards. Specific state colors remain intact. */
.account-app .stat-card,.account-app .chart-container{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 12px #263f4905;min-width:0}
.stat-card{padding:24px;display:flex;flex-direction:column}
.stat-title{font-size:13px;color:var(--text-muted);font-weight:600;margin-bottom:8px}
.stat-value{font-size:30px;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px}
.account-app .mac-input,.account-app .mac-select{width:100%;min-height:44px;border:1px solid #cdd9de;border-radius:8px;padding:10px 12px;background:#fff;color:#20353d;font-size:14px;transition:border-color .15s,box-shadow .15s}
.account-app .mac-input:focus,.account-app .mac-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #087f7015;outline:none}
.mac-input::placeholder{color:#88979f}
.form-group{margin-bottom:20px;min-width:0}
.account-app .form-group label{display:block;margin-bottom:7px;font-size:12px;font-weight:650;letter-spacing:.1px;color:#475d66;text-transform:none}
.account-app .mac-btn{border-radius:8px;min-height:44px}
.mac-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white;margin-right:12px}
.mac-icon.lg{width:44px;height:44px;font-size:18px;margin-bottom:0}
.bg-blue{background:#3d78a0}
.bg-green{background:#26846a}
.bg-red{background:#bd5555}
.bg-orange{background:#ae743d}
.bg-purple{background:#7762a2}
.bg-teal{background:#258b89}
.bg-yellow{background:#aa842b}
.bg-gray{background:#627983}

.account-app table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.account-app table th{font-weight:650;font-size:11px;letter-spacing:.35px;color:#526871;background:#f4f7f8}
.account-app table td,.account-app table th{border-bottom:1px solid #e8eef0;line-height:1.5}
.account-app table tbody tr:hover{background:#f5faf8}
.table-scroll{overflow-x:auto;max-width:100%;border-radius:10px;scrollbar-width:thin}
.table-scroll:focus-visible{outline-offset:-3px}
.wide-table table{min-width:580px}
.page-container h1,.page-container h2{letter-spacing:-.65px}
.page-container p{line-height:1.65}
.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;background:white;border:1px solid #d8e2e6;border-radius:8px;color:#3a535d;font-size:12px;font-weight:650;text-decoration:none;transition:background .15s}
.ui-button:hover{background:#edf5f2;border-color:#a8c6bb}
.ui-button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.ui-button.primary:hover{background:#076c60}
.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:var(--accent);margin-bottom:8px}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.page-heading h1{font-size:30px;font-weight:700;line-height:1.2;margin-bottom:9px}
.page-heading p{font-size:13px;color:var(--text-muted)}
.date-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:white;font-size:12px;white-space:nowrap;color:#526871}

/* Dashboard */
.dashboard-page{max-width:1440px;margin:auto}
.dashboard-page>h3{border:0!important;padding:0!important;font-size:14px!important;margin-bottom:14px!important;letter-spacing:-.1px}
.dashboard-page>h3 i{margin-right:7px;color:var(--accent)!important}
.balance-grid,.performance-grid,.chart-grid,.action-grid{display:grid;gap:18px;margin-bottom:30px}
.balance-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.chart-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dash-card{border-radius:13px;padding:23px;background:white;border:1px solid var(--border);position:relative;overflow:hidden;min-width:0}
.dash-title{font-size:10px;font-weight:700;letter-spacing:.85px;text-transform:uppercase;margin-bottom:12px;color:#5c737c}
.dash-value{font-size:clamp(23px,2.1vw,34px);font-weight:700;letter-spacing:-1px;margin:8px 0 16px;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dash-icon{position:absolute;right:22px;top:23px;font-size:22px;opacity:.18;pointer-events:none}
.dash-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:650;text-decoration:none;color:inherit;padding:7px 10px;border-radius:6px;background:#ffffff24}
.dash-link:hover{background:#ffffff3d}
.grad-blue{background:#153c43;border-color:#153c43;color:#fff}
.grad-green{background:#e7f2ec;border-color:#ccdfd4;color:#245847}
.grad-purple{background:#eef0f8;border-color:#dce1ef;color:#4c5176}
.grad-orange{background:#fbf3e8;border-color:#ebdfcd;color:#725331}
.grad-dark{background:#eaf0f3;border-color:#dbe3e8;color:#344f60}
.grad-blue .dash-title{color:#b6d1d4}
.grad-green .dash-title{color:#527566}
.grad-purple .dash-title{color:#686e91}
.grad-orange .dash-title{color:#886a44}
.grad-dark .dash-title{color:#5a7281}
.grad-green .dash-link,.grad-purple .dash-link{background:#ffffffa0}
.performance-grid .dash-card{border-left-width:1px!important}
.chart-container{padding:24px}
.chart-container h4{color:#334e59!important}
.chart-container canvas{width:100%!important}
.action-grid .dash-link{background:white!important;color:inherit!important}
.action-grid .dash-title{margin-bottom:12px}
.collection-tabs{display:flex;gap:5px;overflow-x:auto;padding:5px;background:#e9eef0;border:1px solid #dde5e8;border-radius:10px;margin-bottom:24px;width:fit-content;max-width:100%}
.collection-tabs [role=tab]{background:transparent!important;color:#536b74!important;border:0!important;border-radius:7px!important;padding:11px 18px!important;white-space:nowrap;font-size:12px;font-weight:650;min-height:42px}
.collection-tabs [aria-selected=true]{background:white!important;color:#087466!important;box-shadow:0 2px 5px #163e4210}

/* Login */
.login-page{min-height:100vh;display:grid;place-items:center;padding:36px;background:#edf2f2}
.login-wrapper{display:grid;grid-template-columns:1.05fr 1fr;max-width:1020px;width:100%;min-height:620px;background:white;border:1px solid #dce6e6;border-radius:22px;overflow:hidden;box-shadow:0 24px 80px #233a4410}
.login-visual{padding:52px;display:flex;flex-direction:column;justify-content:space-between;background:#163c41;color:#effaf4;position:relative}
.visual-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,#2f665e 0,transparent 65%)}
.brand-container,.login-caption{position:relative}
.logo-box{display:grid;place-items:center;width:52px;height:52px;background:#fff;border-radius:13px;padding:9px;margin-bottom:72px}
.login-visual .eyebrow{color:#a6dbc2;font-size:9px}
.hero-text h1{font-size:46px;line-height:1.13;letter-spacing:-1.8px;font-weight:650;margin:18px 0 22px}
.hero-text p{color:#bdd2d3;line-height:1.8;font-size:14px;max-width:330px}
.login-caption{display:flex;align-items:center;gap:10px;font-size:11px;color:#b8d1cc;margin-top:45px}
.login-form-container{padding:64px 52px;display:flex;flex-direction:column;justify-content:center}
.form-header{margin-bottom:32px}
.form-header h2{font-size:27px;letter-spacing:-.6px;margin-bottom:8px}
.form-header p{font-size:13px;color:var(--text-muted)}
.login-page label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}
.input-wrapper{position:relative}
.input-wrapper input{width:100%;min-height:48px;border:1px solid #cddbdd;border-radius:8px;background:#fbfcfc;padding:12px 42px 12px 13px;font-size:14px}
.input-wrapper input[type=password],.input-wrapper input#login-password{padding-right:64px}
.input-wrapper>i{position:absolute;right:16px;top:17px;color:#8da1a7;font-size:13px}
.password-toggle{position:absolute;right:6px;top:5px;height:38px;padding:0 10px;background:transparent;border:0;color:#246c61;font-size:11px;font-weight:650}
.login-page .mac-btn{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;min-height:48px;border:0;border-radius:8px;background:var(--accent);color:white;font-size:13px;font-weight:650;margin-top:8px}
.login-page .mac-btn:hover{background:#07695e}
.secure-badge{display:flex;justify-content:center;align-items:center;gap:7px;color:#70838a;font-size:10px;margin-top:25px}
.error-msg{padding:12px;background:#fff0ef;color:#a43632;border:1px solid #f0c7c2;display:flex;gap:10px;border-radius:8px;margin-bottom:18px;font-size:12px}

@media(min-width:1600px){.page-container{padding:42px 56px}
.topbar{padding:0 56px}
}

@media(max-width:1100px){:root{--sidebar-width:225px}
.page-container{padding:26px 24px}
.topbar{padding:0 24px}
.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.performance-grid>:last-child{grid-column:1/-1}
.chart-grid{grid-template-columns:1fr}
.dash-value{font-size:28px}
}

@media(max-width:800px){:root{--sidebar-width:260px;--topbar-height:66px}
.sidebar{transform:translateX(-100%);transition:transform .2s}
.sidebar.active{transform:translateX(0)}
.main-content{margin-left:0;width:100%}
.mobile-menu-btn{display:inline-grid;place-items:center}
.topbar{padding:0 18px}
.topbar-context,.topbar-actions{gap:12px}
.workspace-label{display:none}
.page-container{padding:24px 18px 40px}
.page-heading{align-items:flex-start;flex-wrap:wrap}
.page-heading h1{font-size:26px}
.login-page{padding:20px}
.login-wrapper{grid-template-columns:1fr;max-width:500px}
.login-visual{padding:30px}
.logo-box{margin-bottom:24px;width:42px;height:42px}
.hero-text h1{font-size:33px;margin:12px 0}
.hero-text p{max-width:none;font-size:12px}
.login-caption{display:none}
.login-form-container{padding:32px}
.navigation-open{overflow:hidden}
.page-container .ui-responsive-grid{grid-template-columns:minmax(0,1fr)!important}
.page-container .ui-responsive-heading{flex-wrap:wrap;gap:14px}
.page-container .ui-responsive-heading>div{min-width:0}
}

@media(max-width:520px){.performance-grid,.action-grid,.balance-grid{grid-template-columns:minmax(0,1fr)}
.performance-grid>:last-child{grid-column:auto}
.current-company{display:none}
.company-select{width:118px!important}
.dash-card{padding:21px}
.quick-actions{gap:8px}
.quick-actions .ui-button{flex:1;padding:10px 12px;white-space:nowrap}
.chart-container{padding:18px}
.date-chip{font-size:11px}
.login-page{padding:12px}
.login-form-container{padding:26px}
.collection-tabs [role=tab]{padding:10px 13px!important}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

@media print{.sidebar,.topbar,.quick-actions,.sidebar-overlay,.skip-link{display:none!important}
.main-content{margin:0!important;display:block}
.account-app{display:block;background:white}
.page-container{padding:0}
.table-scroll{overflow:visible}
.table-scroll table{min-width:0}
.stat-card,.dash-card,.chart-container{box-shadow:none!important;break-inside:avoid}
.collection-tabs{display:none}
a{color:inherit}
.chart-grid{display:block}
.chart-container{margin-bottom:20px}
}


/* The note counter is an input form, so keep every column visible on phones. */
.account-app .denomination-table{table-layout:fixed;min-width:0}
.account-app .denomination-table td:nth-child(1){width:19%!important}
.account-app .denomination-table td:nth-child(2){width:8%;padding:10px 2px!important}
.account-app .denomination-table td:nth-child(3){width:34%}
.account-app .denomination-table td:nth-child(4){width:39%!important;overflow-wrap:anywhere;font-size:12px}
.account-app .denomination-table input{min-width:0;padding:8px 4px!important}
.collection-tabs [role=tab]{scroll-margin:8px}
.performance-grid .dash-card:not(.grad-purple){border-color:#dfe7eb!important}
.performance-grid .dash-card:first-child .dash-title{color:#247665!important}
.performance-grid .dash-card:nth-child(2) .dash-title{color:#a56340!important}

form[action="daily_collection.php?tab=calc"] button[type=submit],form[action="/transactions/action_save.php"] button[type=submit],#contra_form button[type=submit]{background:#087f70!important;box-shadow:none!important;border-radius:8px!important;color:white!important}


/* =====================================================================
   Account Book UI/UX Refresh v3 — shared across legacy operational pages
   ===================================================================== */
:root{
  --ui-surface:#ffffff;
  --ui-surface-soft:#f7f9fa;
  --ui-border:#dfe7eb;
  --ui-border-strong:#cfdadf;
  --ui-text:#20353d;
  --ui-muted:#687b83;
  --ui-primary:#087f70;
  --ui-primary-dark:#06695e;
  --ui-primary-soft:#e9f5f1;
  --ui-success:#21845f;
  --ui-success-soft:#eaf7f0;
  --ui-danger:#b94a48;
  --ui-danger-soft:#fff0ef;
  --ui-warning:#9a692c;
  --ui-warning-soft:#fff7e9;
}

/* Fluid workspace: wide tables/reports use the monitor instead of sitting in a narrow island. */
.page-container > div[style*="max-width"]{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-container > .macos-container{max-width:1180px!important;width:100%!important;padding:0!important}

/* Common legacy headings */
.page-container h2{font-size:26px;line-height:1.2;color:var(--ui-text)!important}
.page-container h3{color:var(--ui-text)}
.page-container > div > div[style*="margin-bottom: 25px"]:first-child,
.page-container > div > div[style*="margin-bottom: 35px"]:first-child{
  gap:14px!important;
}
.page-container > div > div:first-child p{color:var(--ui-muted)!important}

/* Cards, filter bars and forms */
.page-container .stat-card,
.page-container .macos-card{
  border:1px solid var(--ui-border)!important;
  box-shadow:0 4px 18px rgba(26,54,63,.045)!important;
  background:var(--ui-surface)!important;
  border-radius:14px!important;
}
.page-container .stat-card[style*="rgba(0, 122, 255"],
.page-container .stat-card[style*="rgba(175, 82, 222"]{
  background:#f8fbfb!important;
  border-color:#dce9e7!important;
}
.page-container .form-group label,
.page-container .macos-form-group label{
  color:#435a63!important;
  font-size:12px!important;
  font-weight:700!important;
}
.page-container .macos-input,
.page-container .macos-select,
.page-container input[type="text"],
.page-container input[type="number"],
.page-container input[type="date"],
.page-container input[type="month"],
.page-container input[type="password"],
.page-container input[type="email"],
.page-container select,
.page-container textarea{
  min-height:44px;
  border:1px solid var(--ui-border-strong)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--ui-text)!important;
  box-shadow:none!important;
}
.page-container textarea{min-height:90px;resize:vertical}
.page-container input:focus,
.page-container select:focus,
.page-container textarea:focus{
  outline:none!important;
  border-color:var(--ui-primary)!important;
  box-shadow:0 0 0 3px rgba(8,127,112,.12)!important;
}

/* Shared primary actions — preserves destructive red buttons. */
.page-container button[style*="#007AFF"],
.page-container a[style*="#007AFF"],
.page-container button[style*="#34C759"],
.page-container a[style*="#34C759"],
.page-container button[style*="42E660"],
.page-container button[style*="AF52DE"],
.page-container .macos-btn{
  background:var(--ui-primary)!important;
  border-color:var(--ui-primary)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.page-container button[style*="#E5E5EA"],
.page-container a[style*="#E5E5EA"]{
  background:#f3f6f7!important;
  border:1px solid var(--ui-border)!important;
  color:#3f555e!important;
  box-shadow:none!important;
}
.page-container button,
.page-container a[style*="padding:"]{
  transition:background .15s,border-color .15s,transform .05s!important;
}
.page-container button:active{transform:translateY(1px)}

/* Tables */
.page-container .stat-card > div[style*="overflow-x"],
.page-container div[style*="overflow-x:auto"],
.page-container div[style*="overflow-x: auto"]{
  scrollbar-width:thin;
  scrollbar-color:#b8c8ce transparent;
}
.page-container table{background:#fff}
.page-container table th{
  padding:12px 14px!important;
  background:#f3f6f7!important;
  color:#526871!important;
  white-space:nowrap;
  position:relative;
}
.page-container table td{padding:12px 14px!important;vertical-align:middle}
.page-container table tbody tr:nth-child(even){background:#fbfcfc}
.page-container table tbody tr:hover{background:#f1f8f6!important}
.page-container table td:first-child,.page-container table th:first-child{padding-left:18px!important}
.page-container table td:last-child,.page-container table th:last-child{padding-right:18px!important}

/* Status/notification blocks */
.page-container div[style*="rgba(52, 199, 89, 0.1)"]{
  background:var(--ui-success-soft)!important;color:#286a52!important;border:1px solid #cde7da!important;box-shadow:none!important
}
.page-container div[style*="rgba(255, 59, 48, 0.1)"]{
  background:var(--ui-danger-soft)!important;color:#9e3e3b!important;border:1px solid #efd0ce!important;box-shadow:none!important
}
.page-container div[style*="rgba(255, 149, 0, 0.05)"]{
  background:var(--ui-warning-soft)!important;color:#765528!important;border-color:#ead7b8!important
}

/* Modal consistency */
.page-container [id$="Modal"] > div,
.page-container [id$="modal"] > div{
  max-width:min(680px,calc(100vw - 32px))!important;
  border-radius:16px!important;
  border:1px solid var(--ui-border)!important;
  box-shadow:0 28px 80px rgba(13,38,47,.22)!important;
}
.page-container [id$="Modal"] > div > div:first-child,
.page-container [id$="modal"] > div > div:first-child{
  background:#f7f9fa!important;
  border-color:var(--ui-border)!important;
}

/* Master two-column pages */
.page-container > div[style*="grid-template-columns: 1fr 2fr"]{
  grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important;
  gap:22px!important;
}

/* Reports: clearer KPI cards and toolbars */
.page-container .no-print + .stat-card{margin-top:0}
.page-container .no-print form[style*="display: flex"]{
  gap:12px!important;
}
.page-container .no-print form[style*="display: flex"] .form-group{min-width:170px}

/* Audit details */
.audit-json{margin:10px 0 0;padding:14px;border-radius:10px;background:#10292d;color:#dcebea;max-width:820px;max-height:320px;overflow:auto;font-size:12px;line-height:1.55}
.audit-action{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#edf4f2;color:#35675b;font-size:11px;font-weight:700;text-transform:capitalize}
.ui-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-top:1px solid var(--ui-border);background:#f8fafb;flex-wrap:wrap}
.ui-pagination-links{display:flex;gap:8px}
.ui-pagination a{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid var(--ui-border);border-radius:8px;background:#fff;color:#40565f;text-decoration:none;font-size:12px;font-weight:700}
.ui-empty{padding:38px!important;text-align:center;color:var(--ui-muted)}

/* Responsive fixes for inline legacy grids. */
@media(max-width:1180px){
  .page-container [style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-container [style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .page-container > div[style*="grid-template-columns: 1fr 2fr"],
  .page-container [style*="grid-template-columns: repeat(4, 1fr)"],
  .page-container [style*="grid-template-columns: repeat(3, 1fr)"],
  .page-container [style*="grid-template-columns: repeat(2, 1fr)"],
  .page-container .macos-transfer-container{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .page-container .macos-arrow{transform:rotate(90deg)}
  .page-container form[style*="display: flex"] .form-group{flex:1 1 220px!important}
  .page-container table{font-size:12px}
}
@media(max-width:620px){
  .page-container .stat-card,.page-container .macos-card{border-radius:12px!important}
  .page-container .stat-card[style*="padding: 30px"],.page-container .macos-card{padding:18px!important}
  .page-container > div > div[style*="justify-content: space-between"]{align-items:flex-start!important;flex-wrap:wrap!important}
  .page-container form[style*="display: flex"]{display:grid!important;grid-template-columns:1fr!important}
  .page-container form[style*="display: flex"] .form-group{width:100%!important}
  .page-container table th,.page-container table td{padding:10px 12px!important}
}

/* Inter-company transfer page aligned with the shared teal system. */
.page-container .macos-header-icon{background:var(--ui-primary)!important;box-shadow:none!important}
.page-container .macos-select:hover,.page-container .macos-select:focus,
.page-container .macos-input:hover,.page-container .macos-input:focus{border-color:var(--ui-primary)!important}
.page-container .macos-select:focus,.page-container .macos-input:focus{box-shadow:0 0 0 3px rgba(8,127,112,.12)!important}
.page-container .macos-transfer-container{background:#f7faf9!important;border-color:#dce9e5!important;backdrop-filter:none!important}
.page-container .macos-account-box{backdrop-filter:none!important;box-shadow:none!important}
.page-container .macos-account-box:hover{border-color:#a7c9be!important;box-shadow:0 4px 14px rgba(8,127,112,.06)!important}
.page-container .macos-arrow{color:var(--ui-primary)!important;animation:none!important}