/* DATTAKAMAL screen theme. Presentation only; printing retains original styles. */
@media screen {
:root{--dk-ink:#172d43;--dk-muted:#64758b;--dk-line:#dfe7ee;--dk-brand:#087f80;--dk-nav:#122b42;--dk-surface:#fff;--dk-bg:#f2f5f9}
*,*::before,*::after{box-sizing:border-box}
body{background:var(--dk-bg)!important;color:var(--dk-ink)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px;line-height:1.55}
input,select,textarea,button{font-family:inherit!important}
a{color:var(--dk-brand)}
.sidebar{background:var(--dk-nav)!important;border-right:0!important;box-shadow:5px 0 24px #122b4210;padding:18px 10px!important;scrollbar-width:thin;scrollbar-color:#476176 transparent}
.sidebar>h2{background:transparent!important;color:#fff!important;box-shadow:none!important;border-bottom:1px solid #ffffff20;border-radius:0!important;padding:16px 4px 24px!important;margin:0 0 18px!important;letter-spacing:.6px!important;font-size:18px!important;white-space:nowrap}
.sidebar ul li{border-left:0!important;margin:3px 0}
.sidebar ul li>a,.sidebar ul li>span{color:#c4d3e1!important;border:0!important;border-radius:8px;padding:12px 14px!important;font-size:13px;font-weight:500!important;min-height:44px;height:auto!important;transition:background .15s,color .15s}
.sidebar ul li>a i,.sidebar ul li>span i{color:#8caabd}
.sidebar ul li:hover>a,.sidebar ul li:hover>span{background:#ffffff0d!important;color:#fff!important}
.sidebar ul li.active>a{background:#087f80!important;color:#fff!important;box-shadow:0 4px 12px #001b2620}
.sidebar ul li.active>a i{color:#fff}
.sidebar ul li.open>span,.sidebar ul li.open>a{color:#fff!important}
.sidebar ul li ul{padding-left:12px!important;margin:6px 0 10px 12px!important;border-left:1px solid #ffffff20}
.sidebar ul li ul li a{font-size:12px;padding:9px 10px!important}
.sidebar .submenu-arrow{color:#8eabbc!important}
.sidebar.hide{padding-left:6px!important;padding-right:6px!important}
.sidebar.hide>h2{font-size:16px!important}
main{min-width:0;width:calc(100% - 250px)!important;padding:26px 30px!important}
.sidebar.hide~main{width:calc(100% - 70px)!important}
main>header{gap:12px;align-items:center;margin-bottom:24px!important;padding:0!important}
.header-box{min-width:0;background:#fff!important;border:1px solid var(--dk-line);border-radius:12px!important;padding:18px 22px!important;box-shadow:0 2px 3px #132c4203!important;gap:12px}
.header-box h1{color:var(--dk-ink)!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.5px;line-height:1.3}
.header-box p{color:#386274!important;background:#edf6f7;border:1px solid #d4e7e9;border-radius:6px;padding:5px 10px;font-size:12px!important;white-space:nowrap;font-weight:600}
.menu-toggle{flex:0 0 44px;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;margin:0!important;background:#fff!important;color:var(--dk-ink)!important;border:1px solid var(--dk-line)!important;border-radius:10px!important;font-size:21px!important;box-shadow:none!important;z-index:1001;position:relative!important}
.form-container,.content-area{background:#fff!important;border:1px solid var(--dk-line)!important;border-radius:14px!important;box-shadow:0 5px 20px #183b5605!important;padding:26px!important;margin-top:0!important;margin-bottom:24px!important;min-width:0;max-width:100%;}
.form-container{width:100%!important}
.content-area h2,.form-container h1,.form-container h2{color:var(--dk-ink)!important;font-weight:700;font-size:20px;letter-spacing:-.35px}
label{color:#43566a!important;font-weight:600!important;font-size:13px;margin-bottom:7px}
.form-group{min-width:0;margin-bottom:18px}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),select,textarea,.form-control{border:1px solid #cedae4!important;background-color:#fff!important;color:var(--dk-ink)!important;border-radius:8px!important;min-height:44px;padding:10px 12px;font-size:14px;box-shadow:none;max-width:100%;transition:border-color .15s,box-shadow .15s}
textarea{min-height:96px}
input:focus,select:focus,textarea:focus,.form-control:focus{border-color:var(--dk-brand)!important;box-shadow:0 0 0 3px #087f801a!important;outline:0!important}
input:disabled,select:disabled,textarea:disabled,.form-control:disabled{background:#f3f6f8!important;color:#778597!important;border-color:#e2e8ee!important;opacity:1}
input[readonly]{background:#f6f8fa!important}
.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#cf5365!important}
.form-control.is-valid,.was-validated .form-control:valid{border-color:#278460!important}
button:not(.close):not(.btn-close):not(.menu-toggle),.btn,input[type=submit],input[type=button]{border-radius:8px!important;min-height:42px;padding:10px 17px;font-size:13px!important;font-weight:600!important;line-height:1.4;transition:background .15s,box-shadow .15s,opacity .15s;letter-spacing:.1px;cursor:pointer}
button:not([class]),.content-area button:not(.btn):not(.btn-delete),.login-card button{background:var(--dk-brand)!important;color:#fff!important;border:1px solid var(--dk-brand)!important}
.btn-primary{background:#087f80!important;border-color:#087f80!important;color:#fff!important}
.btn-success{background:#207650!important;border-color:#207650!important;color:#fff!important}
.btn-info{background:#e8f4f7!important;border-color:#c7e1e8!important;color:#246479!important}
.btn-secondary,.secondary-btn{background:#edf1f6!important;border:1px solid #d8e0e9!important;color:#43576c!important}
.btn-warning{background:#fff5de!important;border-color:#edddb4!important;color:#8c6214!important}
.btn-danger,.btn-delete{background:#fcebee!important;border:1px solid #f0cfd5!important;color:#ae3248!important}
.btn-dark{background:#253e55!important;border-color:#253e55!important;color:#fff!important}
button:hover:not(:disabled),.btn:hover:not(:disabled){filter:brightness(.96);transform:none!important;box-shadow:0 3px 9px #112c4212!important}
button:disabled,.btn:disabled,.btn.disabled{opacity:.42!important;cursor:not-allowed!important;filter:none!important;box-shadow:none!important}
button:focus-visible,a:focus-visible{outline:3px solid #31adb5!important;outline-offset:3px}
.button-group{justify-content:flex-start!important;align-items:center;gap:10px!important;max-width:none!important;margin:0 0 24px!important;padding-bottom:20px;border-bottom:1px solid #e8edf2;flex-direction:row!important;flex-wrap:wrap!important}
.button-group-row{flex:0 1 auto!important;gap:8px!important;width:auto!important;max-width:none!important;justify-content:flex-start!important;flex-wrap:wrap}
.button-group-row button{flex:0 1 auto!important;min-width:90px;padding:10px 16px!important}
.form-inline{gap:10px;align-items:flex-end!important;background:#f7f9fb;padding:16px;border:1px solid #e8edf2;border-radius:10px}
.form-inline .form-group{margin-bottom:0!important}
.table-responsive{width:100%;max-width:100%;overflow-x:auto!important;border:1px solid var(--dk-line);border-radius:10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#b7c9d6 #f5f8fa}
table{width:100%;font-size:13px;color:var(--dk-ink);border-collapse:collapse}
.table{margin-bottom:0!important}
table th,.table thead th,.table .thead-light th{background:#edf3f7!important;color:#40586d!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:13px 12px!important;border-color:#dfe7ee!important;vertical-align:middle;white-space:nowrap}
table td,.table td{padding:12px!important;border-color:#e7edf2!important;vertical-align:middle!important}
.table-striped tbody tr:nth-of-type(odd){background:#f8fafc!important}
tbody tr:hover{background:#f0f7f8!important}
tfoot td,tfoot th,.grouped-row{background:#edf6f5!important;font-weight:700;color:#176368}
table button,table .btn{min-height:36px!important;padding:7px 11px!important;white-space:nowrap}
.page-link{border-color:var(--dk-line)!important;color:var(--dk-brand);border-radius:6px;margin:0 3px}
.page-item.active .page-link{background:var(--dk-brand)!important;color:#fff!important}
.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.card-grid .card{text-align:left!important;padding:24px!important;border:1px solid var(--dk-line);border-top:3px solid #087f80;border-radius:12px!important;box-shadow:0 4px 16px #142e4305!important;position:relative;overflow:hidden}
.card-grid .card:hover{transform:translateY(-2px)}
.card-grid .card h3{font-size:13px!important;color:#617387!important;font-weight:600;margin-bottom:18px}
.card-grid .card p{font-size:30px!important;font-weight:750;color:var(--dk-ink)!important;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.card-grid .card a{font-size:12px!important;font-weight:600;color:#087f80!important;margin-top:20px;padding-top:14px;border-top:1px solid #e9eef3;display:block}
.card-grid .stock{border-top-color:#087f80}.card-grid .inward{border-top-color:#4177cb}.card-grid .outward{border-top-color:#d79c35}.card-grid .unpaid{border-top-color:#ce6175}
.modal-content{border:1px solid var(--dk-line)!important;border-radius:14px!important;box-shadow:0 22px 70px #0a233733!important;color:var(--dk-ink)}
.modal-header,.modal-footer{border-color:#e5ebf1!important;padding:18px 22px}.modal-header{background:#f6f9fb;border-radius:14px 14px 0 0}.modal-title{font-size:19px;font-weight:700}.modal-body{padding:22px;overflow-x:auto}.modal-dialog{max-width:calc(100% - 24px)}
.close,.btn-close{min-width:32px;min-height:32px}
.list-group-item{border-color:var(--dk-line);padding:12px 16px}.list-group-item.active{background:var(--dk-brand);border-color:var(--dk-brand)}
.alert,.error-message{border-radius:8px;padding:13px 16px}
footer,.footer{color:#788a9b!important;font-size:12px!important}
body:has(>.login-card){background:radial-gradient(ellipse at 15% 15%,#20556b 0,transparent 55%),linear-gradient(140deg,#122b42,#102238)!important;padding:24px;grid-template-columns:minmax(0,1fr);min-height:100dvh}
.login-card{width:min(420px,100%)!important;min-width:0;justify-self:center;max-width:100%;border-radius:18px!important;padding:38px!important;border:1px solid #ffffff40;box-shadow:0 25px 80px #0003!important;text-align:left!important}
.login-card h2{font-family:inherit!important;font-size:25px!important;letter-spacing:-.6px!important;color:var(--dk-ink)!important;margin-bottom:8px!important}
.login-card h4{font-size:12px!important;letter-spacing:2px;color:#7a8a99!important;margin-bottom:30px!important}
.login-card .field{margin-bottom:20px}.login-card .field input{padding:13px 42px!important;min-height:50px}.login-card .field select{width:100%;min-height:50px}.login-card .field i{color:#63838d!important}.login-card button{width:100%;min-height:48px!important}
.select2-container{max-width:100%}.select2-container .select2-selection--single{min-height:44px!important;background:#fff!important;border:1px solid #cedae4!important;border-radius:8px!important}.select2-container .select2-selection__rendered{color:var(--dk-ink)!important;line-height:42px!important;padding-left:12px!important}.select2-container .select2-selection__arrow{height:42px!important}.select2-dropdown{background:#fff!important;color:var(--dk-ink)!important;border-color:#cedae4!important}.select2-results__option--highlighted[aria-selected]{background:var(--dk-brand)!important;color:white!important}
@media(min-width:769px){.modal-dialog{max-width:600px}.modal-lg{max-width:960px}.form-container form>.form-group{max-width:100%}}
@media(max-width:1150px){main{padding:22px!important}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:768px){body{overflow-x:hidden}main,.sidebar.hide~main{margin-left:0!important;width:100%!important;padding:16px!important}.sidebar{width:250px!important;max-width:calc(100vw - 64px);padding-top:72px!important;box-shadow:10px 0 50px #081c3330}.sidebar.show{transform:translateX(0)!important}.menu-toggle{position:relative!important}main>header{gap:9px;margin-bottom:16px!important}.header-box{padding:13px 14px!important;flex-wrap:wrap;gap:6px;border-radius:10px!important}.header-box h1{font-size:18px!important}.header-box p{font-size:10px!important;padding:3px 7px}.form-container,.content-area{padding:18px!important;margin:0 0 18px!important;width:100%!important}.form-container .row,.form-container .form-row{row-gap:10px}.form-container .form-group.row>.col{flex:1 1 100%;max-width:100%}.form-row>.form-group{flex:1 1 100%!important;width:100%!important}.input-row{flex-wrap:wrap!important}.input-row>div{flex:1 1 100%!important;min-width:0!important}.button-group{gap:8px!important;align-items:stretch;padding-bottom:16px;margin-bottom:18px!important}.button-group-row{flex:1 1 100%!important;display:flex;gap:8px!important}.button-group-row button{flex:1 1 0!important;min-width:0!important;padding:10px!important}.form-inline{display:flex;flex-wrap:wrap;padding:12px;gap:12px}.form-inline .form-group{flex:1 1 100%;width:100%;margin-right:0!important}.form-inline input,.form-inline select{width:100%!important}input:not([type=hidden]),select,textarea,.form-control{font-size:16px!important}.card-grid{gap:12px!important}.card-grid .card{padding:18px!important}.card-grid .card p{font-size:25px!important}.card-grid .card h3{font-size:12px!important;margin-bottom:12px}.card-grid .card a{margin-top:14px}.table-responsive table{min-width:640px}table input,table select{min-width:100px}table td,table th{padding:10px!important}.user-table{display:block;overflow-x:auto}.modal-dialog{margin:12px auto}.modal-body{padding:16px}.content-page{margin-left:0!important}.content-page .form-container{max-width:100%}.login-card{padding:28px!important}}
@media(max-width:380px){main{padding:10px!important}.card-grid{grid-template-columns:1fr!important}.header-box h1{font-size:16px!important}.button-group-row{flex-wrap:wrap}.button-group-row button{flex-basis:30%!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
}
@media screen {
.stock-filters{gap:8px!important;align-items:center!important}
.stock-filters .form-group:has(input[type=radio]){display:inline-flex!important;flex:0 0 auto!important;width:auto!important;margin:0!important;gap:5px;border:1px solid #dce5ed;border-radius:7px;padding:6px 9px;background:white}
.stock-filters .form-group:has(input[type=radio]:checked){background:#e4f3f2;border-color:#82bcb8}
.stock-filters input[type=radio]{width:15px!important;min-height:0!important;margin:0!important;accent-color:#087f80}
.stock-filters label{margin:0!important;font-size:12px!important;white-space:nowrap}
.stock-filters .form-group:has(#searchBox){flex:1 1 240px!important;margin:0!important}
.stock-filters button{margin:0!important;min-height:38px!important;padding:8px 12px!important}
#stockSearchStatus{font-size:12px;color:#64758b;margin:8px 0;min-height:18px}
#stockResults[aria-busy=true]{opacity:.55}
#stockResults .pagination{flex-wrap:wrap;gap:4px}
.balance-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.balance-filters label{display:block}.balance-filters input,.balance-filters select{width:100%}
.balance-dates{display:flex;gap:12px;flex-wrap:wrap}.balance-dates[hidden]{display:none!important}
.balance-note{font-size:12px;color:#64758b;margin:0 0 16px}
@media(max-width:768px){.stock-filters{padding:10px!important;gap:6px!important}.stock-filters .form-group:has(input[type=radio]){padding:5px 7px}.stock-filters .form-group:has(#searchBox){flex-basis:100%!important}.balance-dates{width:100%}.balance-dates>div{flex:1;min-width:120px}}
}
@media screen {
.form-container>.content-area:has(#stockSearchForm){padding:0!important;border:0!important;box-shadow:none!important;margin-bottom:0!important}
#closingBalanceTable{table-layout:auto!important}
#closingBalanceTable th,#closingBalanceTable td{word-break:normal!important;overflow-wrap:normal!important}
#closingBalanceTable:has(th:nth-child(5)){min-width:680px!important}
#closingBalanceTable:has(th:nth-child(5)) th,#closingBalanceTable:has(th:nth-child(5)) td{white-space:nowrap!important}
#closingBalanceTable td:not(:first-child){text-align:right;white-space:nowrap!important;font-variant-numeric:tabular-nums}
}