*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:"Segoe UI",Arial,sans-serif;color:#222;background:#d5d5d5}.window{height:100vh;min-height:560px;display:flex;flex-direction:column;overflow:hidden;background:#fff}.titlebar{height:31px;flex:0 0 31px;background:#bfc3c8;display:flex;align-items:center;justify-content:space-between;padding-left:8px;font-size:12px}.app-symbol{font-size:14px;margin-right:5px}.window-controls{display:flex;height:100%;align-items:center}.window-controls span{width:39px;text-align:center;font-size:15px}.formula-bar{height:34px;flex:0 0 34px;background:#e7e7e7;display:flex;align-items:center;padding:3px 6px 3px 55px;gap:6px}.name-box,.formula-check,.formula-input{height:26px;background:white;border:1px solid #aaa;display:flex;align-items:center;font-size:12px}.name-box{width:92px;padding-left:8px}.formula-check{width:58px;justify-content:center}.formula-input{flex:1}.workspace{display:flex;min-height:0;flex:1;background:#fff}.toolbar{width:54px;flex:0 0 54px;background:#399b9c;display:flex;align-items:center;flex-direction:column;gap:3px;padding-top:2px}.toolbar button{border:0;cursor:pointer}.hamburger{width:38px;height:31px;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center}.hamburger span{width:29px;height:3px;background:#dce9e9;border-radius:1px}.tool-icon{height:29px;width:40px;background:transparent;display:flex;align-items:center;justify-content:center;margin-top:1px}.tool-icon:hover,.hamburger:hover{background:#328b8d}.tile{width:24px;height:24px;background:#a9d9ef;display:block;position:relative}.pie{position:absolute;width:13px;height:13px;left:5px;top:5px;border-radius:50%;background:conic-gradient(#f2b531 0 28%,#1678c8 28% 100%)}.line-chart{position:absolute;inset:0;background:linear-gradient(125deg,transparent 42%,#1678c8 44% 50%,transparent 52%),linear-gradient(35deg,transparent 43%,#1678c8 45% 51%,transparent 53%)}.bars{position:absolute;bottom:3px;left:4px;width:4px;height:7px;background:#28a8bc;box-shadow:6px -5px #f1a52c,12px -10px #e15b51}.bell{font-size:15px;position:absolute;left:4px;top:0;color:#e5f1f8}.india-flag{width:32px;height:21px;margin-top:4px;position:relative;border:1px solid #eee;display:flex;flex-direction:column}.india-flag span{height:6.3px}.india-flag span:nth-child(1){background:#ff9933}.india-flag span:nth-child(2){background:#fff}.india-flag span:nth-child(3){background:#138808}.india-flag b{position:absolute;left:12px;top:4px;color:#000080;font-size:8px}.sheet-area{flex:1;min-width:0;position:relative;overflow:hidden}.sheet-scroll{height:100%;width:100%;overflow:auto}.sheet-grid{border-collapse:collapse;table-layout:fixed;font-size:12px}.sheet-grid th{height:22px;min-width:64px;width:64px;background:#eee;border:1px solid #c9c9c9;font-weight:400;text-align:center}.sheet-grid .corner{width:27px;min-width:27px}.sheet-grid tbody th{width:27px;min-width:27px;height:20px}.sheet-grid td{height:20px;min-width:64px;width:64px;border:1px solid #d0d0d0;background:#fff}.sheet-grid td.selected{outline:2px solid #2361d1;outline-offset:-2px}.report-panel{position:absolute;top:15px;left:21px;width:min(394px,calc(100% - 42px));min-height:399px;background:#00b8b5;box-shadow:0 4px 18px #0003;z-index:3}.report-panel[hidden]{display:none}.panel-heading{height:33px;padding:0 12px;background:#00afad;color:#ffff00;display:flex;align-items:center;justify-content:center;position:relative;font-weight:700;font-size:13px}.panel-heading button{position:absolute;right:0;top:0;height:33px;width:37px;border:0;background:#df2637;color:#fff;font-size:20px;font-weight:700;cursor:pointer}.panel-body{padding:17px 39px 12px;display:flex;flex-direction:column;gap:8px}.panel-body label{font-size:12px;font-weight:700;color:#ffff00}.panel-body input[type=date]{width:100%;height:34px;border:1px solid #c7d8d8;background:#fff;padding:5px 8px;font-family:inherit;font-size:13px;color:#111;cursor:pointer;color-scheme:light}.panel-note{font-size:11px;color:#ffff00;margin:2px 0 5px}.generate-button{height:42px;background:#df2637;border:0;color:#fff;font-weight:700;cursor:pointer;margin:2px auto 0;width:60%}.generate-button:hover{background:#c91f30}.status{font-size:11px;line-height:1.4;color:#ffff00;overflow-wrap:anywhere;min-height:17px}.folder-note{font-size:11px;color:#fff;overflow-wrap:anywhere}.folder-note code{font-size:11px}.bottom-area{flex:0 0 auto;background:#c9c9c9}.horizontal-scroll{height:17px;background:#d0d0d0;display:flex;align-items:center;gap:5px;padding-left:54px}.horizontal-scroll span{width:17px;text-align:center;background:#eee;color:#777;height:17px}.scroll-track{height:13px;background:#d0d0d0;flex:1;margin-right:2px}.scroll-track div{width:58%;height:13px;background:#bdbdbd}.tabs{height:34px;background:#f3f3f3;display:flex;align-items:center;gap:10px;padding-left:64px;font-size:12px}.tab-nav{color:#777}.active-tab{height:29px;background:#fff;border:1px solid #aaa;border-bottom:0;padding:7px 12px 0;color:#2455a3;font-weight:600}.plus-tab{font-size:19px;color:#777}footer{height:23px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#222}@media(max-width:700px){.report-panel{left:12px;top:12px;width:calc(100% - 24px)}.panel-body{padding-left:22px;padding-right:22px}.formula-bar{padding-left:8px}.toolbar{width:46px;flex-basis:46px}.tabs{padding-left:48px}.horizontal-scroll{padding-left:46px}}

/* Offline popup style enforcement / cache refresh build 20261013b */
.report-panel{background:#00b9b5!important;color:#ffff00!important;}
.panel-heading{background:#00b9b5!important;color:#ffff00!important;}
.panel-heading #panelTitle{color:#ffff00!important;}
.panel-heading button{background:#df2637!important;color:#ffffff!important;}
.panel-body label,.panel-note,.status{color:#ffff00!important;}
.generate-button{background:#df2637!important;color:#ffffff!important;}
.generate-button:hover{background:#c91f30!important;color:#ffffff!important;}
.folder-note,.folder-note code{color:#ffffff!important;}

/* Layout matched to the supplied offline Production Report popup. */
.report-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:394px;max-width:calc(100% - 24px);height:400px;min-height:400px;background:#00b8b5!important;box-shadow:none;}
.panel-heading{height:34px;background:#00b8b5!important;color:#ffff00!important;justify-content:center;padding:0 42px 0 12px;font-size:13px;}
.panel-heading button{background:#df2637!important;color:#fff!important;width:37px;height:34px;}
.panel-body{height:366px;padding:14px 10px 12px;display:block;position:relative;color:#ffff00!important;}
.date-row{height:68px;display:grid;grid-template-columns:116px 1fr;align-items:start;padding-top:4px;}
.date-row label,.oem-row label{color:#ffff00!important;font-weight:700;font-size:12px;text-align:center;align-self:center;}
.panel-body input[type=date],.panel-body input[type=datetime-local]{width:100%;height:26px;padding:2px 4px;font-size:11px;border:1px solid #b9c7c7;background:#fff;color:#111;}
.oem-row{height:43px;display:grid;grid-template-columns:130px 1fr;align-items:center;}
.oem-row select{height:23px;min-width:0;width:100%;font-size:12px;background:#fff;border:1px solid #aaa;color:#111;}
.check-row{height:48px;display:flex;align-items:center;gap:72px;padding-left:29px;}
.check-row label{display:flex;align-items:center;gap:4px;color:#ffff00!important;font-weight:700;font-size:12px;white-space:nowrap;}
.check-row input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#fff;}
.completed-row{height:34px;padding-left:29px;}
.folder-note{position:absolute;left:32px;bottom:68px;color:#fff!important;font-size:11px;}
.folder-note code{color:#fff!important;font-size:11px;}
.generate-button{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:198px;height:42px;background:#df2637!important;color:#fff!important;margin:0;font-size:12px;}
.generate-button:hover{background:#c91f30!important;color:#fff!important;}
.status{position:absolute;left:8px;right:8px;bottom:1px;min-height:0;height:0;overflow:hidden;color:#ffff00!important;font-size:10px;}
@media(max-width:500px){.report-panel{left:50%;top:50%;width:calc(100% - 20px);}.date-row{grid-template-columns:100px 1fr}.oem-row{grid-template-columns:115px 1fr}.check-row{gap:35px;padding-left:15px}.completed-row{padding-left:15px}}

/* Load Report popup — match supplied desktop reference */
.report-panel{left:104px;top:68px;transform:none;width:391px;max-width:calc(100% - 120px);height:381px;min-height:381px;background:linear-gradient(180deg,#00c5c5 0%,#00b8b7 47%,#006b68 100%)!important;box-shadow:none!important;}
.panel-heading{height:32px;background:transparent!important;color:#ffff00!important;justify-content:center;padding:0 44px;font-size:12px;}
.panel-heading button{height:32px;width:46px;background:#d92737!important;color:#fff!important;font-size:20px;font-weight:400;}
.panel-body{height:349px;padding:14px 10px 10px;display:block;position:relative;}
.date-row{height:69px;display:grid;grid-template-columns:116px 1fr;align-items:start;padding-top:5px;}
.date-row label,.oem-row label,.load-row label{color:#ffff00!important;font-size:12px;font-weight:700;text-align:center;align-self:center;}
.panel-body input[type=date]{height:24px;width:100%;padding:2px 4px;font-size:12px;color:#666;background:#f5f5f5;border:1px solid #bbb;}
.oem-row{height:70px;display:grid;grid-template-columns:110px 1fr;align-items:center;}
.oem-row select,.load-row select{height:25px;width:100%;min-width:0;background:#eee;border:1px solid #bbb;color:#333;font-size:12px;}
.load-row{height:48px;display:grid;grid-template-columns:110px 1fr;align-items:center;}
.check-row.target-checks{height:31px;display:flex;align-items:center;justify-content:space-around;gap:0;padding:0 12px;}
.target-checks label{display:flex;align-items:center;gap:4px;color:#ffff00!important;font-weight:700;font-size:12px;white-space:nowrap;}
.target-checks input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:#fff;}
.folder-note{display:none!important;}
.generate-button{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:198px;height:40px;background:#d92737!important;color:#fff!important;margin:0;font-size:12px;}
.status{display:none!important;}
@media(max-width:500px){.report-panel{left:12px;top:12px;width:calc(100% - 24px);max-width:none}.date-row{grid-template-columns:110px 1fr}.oem-row,.load-row{grid-template-columns:110px 1fr}.check-row.target-checks{padding:0 2px}}

/* Long date/time display with native date-time picker and aligned labels */
.date-row{grid-template-columns:116px minmax(0,1fr)!important;align-items:center!important;padding-top:0!important;}
.date-row label{text-align:right!important;padding-right:18px;white-space:nowrap;}
.date-control{position:relative;display:flex;align-items:center;min-width:0;width:100%;height:26px;}
.date-control .date-display{width:calc(100% - 28px)!important;height:26px!important;padding:3px 5px!important;font:11px "Segoe UI",Arial,sans-serif!important;color:#111!important;background:#fff!important;border:1px solid #b9c7c7!important;min-width:0;}
.date-picker-button{width:28px;height:26px;flex:0 0 28px;background:#e9eeee;border:1px solid #b9c7c7;border-left:0;color:#333;cursor:pointer;font-size:13px;padding:0;}
.date-control .native-date-picker{position:absolute!important;right:0;top:0;width:28px!important;height:26px!important;opacity:0.01!important;pointer-events:none!important;z-index:-1;padding:0!important;}
@media(max-width:500px){.date-row{grid-template-columns:100px minmax(0,1fr)!important}.date-row label{padding-right:10px}}