/* Responsive app UI only. Bill print layout is kept in Content/print-bill.css and is not changed here. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f5f7fb;color:#1f2937;font-size:15px;line-height:1.45}
a{color:inherit}.topbar{background:#0f172a;color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(15,23,42,.18)}.topbar strong{display:block;white-space:nowrap}.topbar a{color:#fff;margin-left:16px;text-decoration:none}.menu-bar,.topbar>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.menu-bar a,.topbar>div:last-child>a,.topbar>div:last-child input[type=submit],.dropbtn{color:#fff;text-decoration:none;cursor:pointer;font-size:15px;line-height:1;border-radius:8px;padding:8px 10px;margin-left:0;background:transparent;border:0}.menu-bar a:hover,.topbar>div:last-child>a:hover,.topbar>div:last-child input[type=submit]:hover,.dropbtn:hover{background:rgba(255,255,255,.12)}.dropdown{position:relative;display:inline-flex;align-items:center;padding-bottom:0}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:0 10px 24px rgba(0,0,0,.18);border-radius:10px;z-index:9999;overflow:hidden}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{display:block}.dropdown-item{display:block!important;width:100%;padding:12px 16px;text-align:left;background:#fff;color:#333!important;border:none;text-decoration:none;cursor:pointer;font-size:15px;border-radius:0}.dropdown-item:hover{background:#f2f2f2}.container{max-width:1200px;margin:24px auto;padding:0 16px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:20px;margin-bottom:20px;min-width:0}.card .card{box-shadow:0 1px 8px rgba(15,23,42,.06);border:1px solid #eef2f7}.grid{width:100%;border-collapse:collapse}.grid th,.grid td{border:1px solid #e5e7eb;padding:10px;vertical-align:top}.grid th{background:#eff6ff;text-align:left}.card>.grid,.card>div>.grid{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;border:1px solid #e5e7eb;border-radius:10px}.form-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.form-group{flex:1 1 240px;min-width:0}.form-group-wide{flex-basis:100%}.form-group label{display:block;font-weight:600;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select,input[type=text],input[type=password],input[type=date],input[type=number],textarea,select{max-width:100%;width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827}.form-group textarea,textarea{resize:vertical}.btn,input[type=submit].btn,button.btn{display:inline-block;padding:10px 16px;border:none;border-radius:8px;background:#2563eb;color:#fff;text-decoration:none;cursor:pointer;font-size:14px;line-height:1.2;margin:4px 4px 4px 0}.btn.secondary{background:#475569}.btn.success{background:#059669}.btn.danger,.btn-danger{background:#dc2626}.note{font-size:13px;color:#475569}.stat{font-size:28px;font-weight:700}.login-shell{max-width:420px;margin:100px auto;padding:0 16px}.logo-preview{max-height:90px;max-width:220px;border:1px solid #cbd5e1;padding:6px;border-radius:8px;background:#fff}.gst-breakdown-table{width:420px;border-collapse:collapse;margin-top:10px}.gst-breakdown-table td,.gst-breakdown-table th{border:1px solid #000;padding:6px}.print-summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:10px}.print-left-summary{flex:1}.print-right-summary{width:320px}.print-terms-list{margin:0;padding-left:18px}.print-terms-list li{margin-bottom:4px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.bill-items-table{width:100%;min-width:900px;table-layout:fixed;border-collapse:collapse}.bill-items-table input,.bill-items-table select{width:100%;padding:7px;font-size:13px}.col-sr{width:50px}.col-desc{width:220px}.col-hsn,.col-HsnCode{width:90px}.col-qty,.col-Quantity{width:80px}.col-uom{width:90px}.col-rate{width:100px}.col-tax{width:110px}.col-taxrate{width:70px}.col-total{width:110px}.col-action{width:58px}.col-sr input,.col-qty input,.col-Quantity input,.col-taxrate input{text-align:center}
@media (max-width:900px){.topbar{align-items:flex-start;flex-direction:column;padding:12px 14px}.topbar strong{white-space:normal;font-size:16px}.menu-bar,.topbar>div:last-child{justify-content:flex-start;width:100%;gap:6px}.container{margin:16px auto;padding:0 12px}.card{padding:16px;border-radius:10px}.form-row{gap:10px}.bill-items-table{min-width:760px}.col-desc{width:180px}}
@media (max-width:600px){body{font-size:14px}.topbar{position:static}.menu-bar a,.topbar>div:last-child>a,.topbar>div:last-child input[type=submit],.dropbtn{font-size:14px;padding:9px 10px;background:rgba(255,255,255,.08)}.dropdown{position:static}.dropdown-content{left:12px;right:12px;top:auto;min-width:0;width:auto}.container{margin:12px auto;padding:0 10px}.card{padding:14px;margin-bottom:14px}.form-row{display:block;margin-bottom:0}.form-group{margin-bottom:12px}.btn,input[type=submit].btn,button.btn{width:100%;text-align:center;margin:5px 0;padding:12px 14px}.stat{font-size:24px}.login-shell{margin:48px auto;padding:0 12px}.card>.grid,.card>div>.grid{font-size:13px}.grid th,.grid td{padding:8px}.bill-items-table{min-width:720px}.note{font-size:12px}}
@media print{.topbar,.no-print,.container>.card:not(.print-card){display:none!important}.print-shell{border:none;width:auto;margin:0;padding:0}}

/* Full-screen mobile-first menu. Business logic and bill print styles are not changed. */
.topbar{min-height:58px}.brand-title{display:flex;align-items:center}.menu-icon,.menu-close,.menu-back,.menu-row-button{font-family:Arial,Helvetica,sans-serif}.menu-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer}.menu-icon:hover{background:rgba(255,255,255,.22)}.app-menu,.submenu-screen{position:fixed;inset:0;background:#0f172a;color:#fff;z-index:2000;display:flex;flex-direction:column;padding:16px;transition:transform .22s ease,opacity .22s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-menu{transform:translateX(0);opacity:1}.menu-collapsed .app-menu{transform:translateX(-100%);opacity:0;pointer-events:none}.menu-expanded{overflow:hidden}.menu-expanded .container{display:none}.menu-collapsed .container{display:block}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;margin-bottom:10px}.menu-header strong{font-size:20px}.menu-close,.menu-back{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:12px;min-height:44px;padding:0 14px;font-size:20px;cursor:pointer}.menu-back{font-size:16px}.menu-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:760px;margin:0 auto;padding:8px 0 24px}.menu-row,.menu-row-link,.menu-row-button{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.1);color:#fff!important;text-decoration:none;border:1px solid rgba(255,255,255,.12);font-size:18px;text-align:left;cursor:pointer}.menu-row:hover,.menu-row-button:hover,.menu-row-link:hover{background:rgba(255,255,255,.18)}.menu-arrow{font-size:28px;line-height:1}.submenu-screen{transform:translateX(100%);opacity:0;pointer-events:none}.submenu-screen.is-open{transform:translateX(0);opacity:1;pointer-events:auto}.menu-collapsed .menu-icon{display:inline-flex}.menu-expanded .menu-icon{display:none}

@media (min-width:901px){.app-menu,.submenu-screen{padding:24px}.menu-list{max-width:900px}.menu-row,.menu-row-link,.menu-row-button{min-height:64px;font-size:20px}}

@media (max-width:600px){.topbar{position:sticky;top:0;flex-direction:row;align-items:center}.brand-title strong{font-size:15px}.menu-icon{width:42px;height:42px;font-size:24px}.app-menu,.submenu-screen{padding:12px}.menu-list{gap:9px}.menu-row,.menu-row-link,.menu-row-button{min-height:56px;padding:15px 16px;font-size:17px;border-radius:12px}.menu-header{margin-bottom:6px}}

@media print{.app-menu,.submenu-screen,.menu-icon{display:none!important}.menu-expanded .container,.menu-collapsed .container{display:block!important}}