:root{--navy:#001845;--navy2:#06235f;--blue:#0a2c74;--yellow:#f4f600;--red:#df0000;--line:#111;--soft:#eef1f7}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#e9edf3;color:#111}a{text-decoration:none}.login-bg{min-height:100vh;background:linear-gradient(135deg,var(--navy),#0b357f);display:grid;place-items:center;padding:18px}.login-card,.install-card{width:min(960px,100%);background:#fff;border-radius:24px;box-shadow:0 18px 50px rgba(0,0,0,.3);overflow:hidden}.login-grid{display:grid;grid-template-columns:1fr 1fr}.brand{background:var(--navy);color:#fff;padding:34px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.brand img{width:190px;height:190px;object-fit:cover;border-radius:24px;background:white;border:6px solid white}.brand h1{font-size:38px;margin:0}.brand p{font-weight:bold}.login-form{padding:38px;display:flex;flex-direction:column;gap:14px}.login-form h2{font-size:32px;margin:0;color:var(--navy)}label{font-weight:900;display:flex;flex-direction:column;gap:6px}input,select,textarea{font:inherit;border:1px solid #aeb4bf;border-radius:7px;padding:10px;background:#fff;min-height:42px}textarea{min-height:90px}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:900;cursor:pointer;display:inline-block;text-align:center}.primary,.navy{background:var(--navy2);color:#fff}.red{background:var(--red);color:#fff}.yellow{background:var(--yellow);color:#111}.light{background:#edf1f6;color:#111}.err{background:#ffe1e1;border:1px solid #ff8888;padding:10px;border-radius:8px;font-weight:bold}.ok{background:#dcffe3;border:1px solid #80d98c;padding:10px;border-radius:8px;font-weight:bold}.small{font-size:12px;color:#555;line-height:1.4}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:var(--navy);color:white;padding:14px;position:sticky;top:0;height:100vh;overflow:auto}.side .logo{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:12px;margin-bottom:12px}.side img{width:58px;height:58px;border-radius:10px;background:white}.side a,.side button{display:block;width:100%;text-align:left;background:var(--blue);color:#fff;margin:7px 0;padding:12px;border-radius:9px;font-weight:900;border:0}.side a.active,.side a:hover,.side button:hover{background:white;color:var(--navy)}.main{min-width:0}.top{background:var(--navy2);color:white;padding:17px 22px;border-bottom:6px solid var(--yellow);display:flex;justify-content:space-between;align-items:center}.top h2{margin:0;text-transform:uppercase}.content{padding:16px}.dashboard-band{background:var(--yellow);padding:16px;margin:-16px -16px 16px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi{background:white;border:1px solid #111;text-align:center;padding:16px;font-weight:900}.kpi b{display:block;font-size:28px}.panel{background:white;border:1px solid #cfd5df;border-radius:8px;margin-bottom:16px;overflow:hidden}.panel h3{margin:0;background:#f5f7fb;color:var(--navy);padding:12px;border-bottom:1px solid #cfd5df;text-transform:uppercase}.pad{padding:14px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{overflow:auto;max-height:70vh}table{border-collapse:collapse;width:100%;background:white;font-size:13px}th,td{border:1px solid #111;padding:6px;vertical-align:top}th{background:var(--navy2);color:white;white-space:nowrap}.status-COMPLETED{background:#d9ffe2;color:green;font-weight:bold}.status-PARTIAL{background:#ffd5df;color:#b00000;font-weight:bold}.status-OPEN{background:#fff2b7;font-weight:bold}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search{width:100%;margin-bottom:10px}.hint{background:#fff8cc;border:1px solid #e1ce42;padding:10px;border-radius:8px;margin-bottom:10px}.install-card{padding:30px}.install-card h1{margin-top:0;color:var(--navy)}@media(max-width:900px){.app{grid-template-columns:1fr}.side{position:static;height:auto}.login-grid,.form-grid,.two,.kpis{grid-template-columns:1fr}.top{display:block}.brand img{width:120px;height:120px}}

/* MRMC.WEB V2 layout fix: stock/update forms fit the screen and Pending Out remains visible */
.form-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;align-items:end;}
.form-grid label{min-width:0!important;}
.form-grid input,.form-grid select,.form-grid textarea{width:100%!important;min-width:0!important;}
.form-grid .btn,.form-grid button{width:100%;min-height:44px;white-space:normal;}
@media(max-width:700px){.content{padding:10px}.panel{overflow:visible}.table-wrap{max-width:100%;overflow-x:auto}.form-grid{grid-template-columns:1fr!important}.side{padding:10px}.side a{padding:11px}.top{padding:13px}.kpis{grid-template-columns:1fr!important}}

/* MRMC.WEB V3 FUTURISTIC THEME + STRICT CLIENT ITEM FILTER UI */
:root{--cyber-blue:#05b8ff;--cyber-blue2:#0d7dff;--cyber-gold:#ffd400;--deep:#020b22;--glass:rgba(2,18,52,.84);--glass2:rgba(5,30,82,.72);--whiteglass:rgba(255,255,255,.92)}
body{background:linear-gradient(135deg,rgba(0,12,40,.96),rgba(0,28,85,.88)),url('assets/MRMCWALLPAPER.png') center/cover fixed no-repeat;color:#eef7ff;}
.login-bg{background:linear-gradient(135deg,rgba(0,12,40,.82),rgba(0,30,88,.75)),url('assets/MRMCWALLPAPER.png') center/cover fixed no-repeat;}
.login-card,.install-card{background:rgba(3,18,55,.90);color:#fff;border:1px solid rgba(0,184,255,.35);box-shadow:0 0 0 1px rgba(255,212,0,.15),0 24px 80px rgba(0,0,0,.55),0 0 35px rgba(0,184,255,.18);backdrop-filter:blur(8px)}
.brand{background:linear-gradient(145deg,rgba(0,24,69,.92),rgba(0,53,126,.68)),url('assets/MRMCWALLPAPER.png') center/cover no-repeat;border-right:1px solid rgba(255,212,0,.35)}
.brand h1,.login-form h2,.install-card h1{color:var(--cyber-gold);letter-spacing:1px}.login-form{background:rgba(255,255,255,.92);color:#0a1430}.login-form h2{color:#001845}
.app{background:linear-gradient(135deg,rgba(0,12,40,.88),rgba(0,29,86,.70)),url('assets/MRMCWALLPAPER.png') center/cover fixed no-repeat;}
.side{background:linear-gradient(180deg,rgba(0,18,60,.94),rgba(0,8,32,.94));border-right:1px solid rgba(0,184,255,.35);box-shadow:8px 0 28px rgba(0,0,0,.35)}
.side .logo{border-bottom:1px solid rgba(255,212,0,.40)}
.side a,.side button{background:linear-gradient(135deg,rgba(4,52,136,.92),rgba(0,35,95,.92));border:1px solid rgba(0,184,255,.25);box-shadow:inset 0 0 10px rgba(0,184,255,.08);letter-spacing:.2px}.side a.active,.side a:hover,.side button:hover{background:linear-gradient(135deg,#fff,#eaf7ff);color:#001845;border-color:var(--cyber-gold)}
.top{background:linear-gradient(90deg,rgba(0,24,69,.96),rgba(5,65,150,.86));border-bottom:6px solid var(--cyber-gold);box-shadow:0 7px 20px rgba(0,0,0,.25)}.top h2{letter-spacing:3px}.content{background:rgba(0,10,32,.25)}
.dashboard-band{background:linear-gradient(135deg,rgba(255,212,0,.94),rgba(255,246,0,.86));box-shadow:inset 0 0 28px rgba(255,255,255,.18)}.kpi{border:1px solid rgba(0,24,69,.55);box-shadow:0 10px 25px rgba(0,0,0,.20)}
.panel{background:var(--whiteglass);border:1px solid rgba(0,184,255,.28);border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.32),0 0 18px rgba(0,184,255,.12);color:#06152e}.panel h3{background:linear-gradient(90deg,#001845,#063e9c);color:#fff;border-bottom:4px solid var(--cyber-gold);letter-spacing:1px}.panel h3:before{content:'▸ ';color:var(--cyber-gold)}
input,select,textarea{border:1px solid rgba(0,50,120,.45);box-shadow:inset 0 0 0 1px rgba(0,184,255,.05)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(0,184,255,.38);border-color:var(--cyber-blue)}
.btn{box-shadow:0 5px 14px rgba(0,0,0,.18)}.navy,.primary{background:linear-gradient(135deg,#001845,#084bab)!important;color:#fff!important;border:1px solid rgba(0,184,255,.35)}.red{background:linear-gradient(135deg,#ff0000,#a70000)!important}.yellow{background:linear-gradient(135deg,#ffe600,#ffc400)!important;color:#071126!important}.light{background:linear-gradient(135deg,#f6fbff,#dfeaf7)!important}
th{background:linear-gradient(180deg,#001845,#073a92);color:#fff;border-color:#0a1b3b;position:sticky;top:0;z-index:2}td{background:rgba(255,255,255,.96)}tr:nth-child(even) td{background:rgba(240,247,255,.96)}
.table-wrap{border-top:1px solid rgba(0,184,255,.25);max-width:100%;overflow:auto}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;align-items:end}.form-grid label{min-width:0}.form-grid input,.form-grid select{width:100%;min-width:0}.form-grid button{min-height:44px}.hint,.filter-note{background:#fff7ca;border:1px solid #ffd400;color:#132040;font-weight:900}
select[name="item_id"]{background:#fffdf0;border:2px solid #ffd400;font-weight:900;color:#001845}.item-filter-note{display:block;margin:4px 0 0;color:#ffd400;font-size:12px;font-weight:900;letter-spacing:.4px}
@media(max-width:900px){.side{background:rgba(0,18,60,.96)}.content{padding:10px}.form-grid{grid-template-columns:1fr!important}.top h2{letter-spacing:1px}.panel{border-radius:10px}}


/* MRMC V4 FILTERED STOCK + READABLE THEME */
.kpi b{color:#001845!important;background:#fff!important;text-shadow:none!important;}
.kpi{color:#001845!important;text-shadow:none!important;}
.dashboard-band,.dashboard-band *{text-shadow:none!important;}
.panel h3,.panel h3 small{color:#fff!important;}
.page-note{display:block;font-size:11px;color:#ffd400!important;font-weight:900;letter-spacing:.5px;margin-top:2px;}
.item-filter-note{display:block;margin-top:4px;color:#ffd400;font-weight:900;font-size:12px;}
.empty{color:#001845!important;background:#fff!important;text-align:center;font-weight:900;}
.pad label select{min-width:220px;}


/* MRMC V6 PRIVACY + HR ADMIN SYSTEM */
.privacy-note{background:#eaf4ff;border:1px solid #9cc9ff;color:#001845;padding:10px;border-radius:8px;font-weight:900;line-height:1.35}.under-update .pad{font-size:18px}.regular-alert{margin-bottom:14px;font-size:16px}.side small{color:#ffd400;font-weight:900}.top b{background:rgba(255,255,255,.12);padding:8px 12px;border-radius:20px}.panel .table-wrap small{font-weight:700;color:#26415f}.login-form .hint{display:none!important}.hr-badge{display:inline-block;background:#001845;color:#fff;border-radius:999px;padding:3px 8px;font-size:11px}.form-grid textarea{min-height:70px}.form-grid label:has(textarea){grid-row:span 2}@media(max-width:800px){.login-card{border-radius:12px}.login-form{padding:22px}.brand{min-height:260px}.brand img{width:130px;height:130px}.table-wrap{max-height:65vh}}


/* HR Employee photo upload/profile display */
.emp-photo-sm{width:54px;height:54px;object-fit:cover;border-radius:12px;border:2px solid var(--yellow);background:#fff;box-shadow:0 0 12px rgba(244,246,0,.18)}
.emp-photo-lg{width:150px;height:150px;object-fit:cover;border-radius:18px;border:4px solid var(--yellow);background:#fff;box-shadow:0 0 25px rgba(244,246,0,.25)}
.employee-photo-panel{grid-column:1/-1;display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,rgba(0,24,69,.08),rgba(10,44,116,.04));border:1px solid #ccd8ee;border-radius:16px;padding:16px}
.employee-photo-panel label{flex:1}
.employee-photo-panel small{display:block;color:#445;line-height:1.35;margin-top:6px}
@media(max-width:700px){.employee-photo-panel{flex-direction:column;align-items:flex-start}.emp-photo-lg{width:120px;height:120px}}


/* V8 reports / delivery / access updates */
.form-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.form-actions .btn{min-width:150px}.report-sheet{background:#fff;color:#111;border:1px solid #333;padding:8px}.report-sheet h3{text-align:center;background:#002060;color:#fff;margin:0 0 8px;padding:8px;font-size:18px;line-height:1.25}.report-sheet h3 span{color:#ffe600;font-size:13px}.report-sheet h4{color:#002060;margin:14px 0 6px;font-size:13px}.report-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:12px 6px;font-size:13px}.report-sheet table{border-collapse:collapse;width:100%;font-size:12px}.report-sheet th{background:#002060!important;color:#fff!important}.report-sheet td,.report-sheet th{border:1px solid #111;padding:4px 6px}.passed{color:#008000;font-weight:900}.review{color:#c00000;font-weight:900}.under-update h2{letter-spacing:3px}.status-PARTIAL{color:#b85b00}.status-COMPLETED{color:green;font-weight:900}.status-OPEN{color:#c00000;font-weight:900}@media print{.side,.top,.btn,.actions,.pad form{display:none!important}.app{display:block}.content{padding:0}.panel{border:0}.report-sheet{border:0}}

/* V9 clean login/rejection updates */
.fake-login-field{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important;padding:0!important;border:0!important}
.inline-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.inline-filter label{min-width:220px}
.inline-delete{margin:0}
.btn.mini{padding:6px 9px;font-size:11px;border-radius:6px}
.report-details{margin:0 0 16px 0}
.report-details>summary{cursor:pointer;background:#001845;color:#fff;border-bottom:5px solid #f4f600;padding:12px 16px;font-weight:900;border-radius:8px 8px 0 0;letter-spacing:.5px}
.hint{font-size:12px;color:#244;line-height:1.4;margin-top:8px;font-weight:700}

/* V10 Admin System only + blank login */
.login-form input[type=search]{text-transform:uppercase}


/* V11 HR Payslip Maker */
.payslip-grid-form{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px}
.pay-slot{border:2px solid #0a2c74;border-radius:10px;padding:12px;background:rgba(255,255,255,.92)}
.pay-slot legend{font-weight:900;color:#001845;padding:0 8px}
.pay-slot label{font-size:12px}
.payslip-sheet{background:white;color:#111;width:210mm;min-height:297mm;margin:16px auto;padding:8mm;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:138mm;gap:5mm;box-shadow:0 10px 35px rgba(0,0,0,.25)}
.payslip-box{border:1.5px solid #111;padding:4mm;font-size:9.5px;overflow:hidden;background:white;page-break-inside:avoid}
.ps-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #001845;padding-bottom:4px;margin-bottom:6px}
.ps-head b{color:#001845;font-size:10.5px}.ps-head h2{letter-spacing:3px;color:#001845;margin:0;font-size:20px}
.ps-info{display:grid;grid-template-columns:1fr 1.15fr;gap:6px;margin-bottom:6px}.ps-info span{font-weight:900;font-size:12px}
.ps-info table,.ps-lines{width:100%;border-collapse:collapse}.ps-info th{background:#6b9bc8;color:white;font-size:8px}.ps-info td{background:#eee;text-align:center;font-weight:700}
.ps-info th,.ps-info td,.ps-lines th,.ps-lines td{border:1px solid #999;padding:2px}
.ps-lines{margin-top:5px}.ps-lines th{background:#ccc;text-align:left}.ps-lines td:last-child{text-align:right;font-weight:700}.ps-total td{background:#ddd;font-weight:900}.ps-net td{background:#bbb;font-size:12px;font-weight:900}.ps-foot{margin-top:7px;text-align:center;font-size:8px;font-weight:700}
@media print{
  body{background:white!important}
  .side,.top,.no-print,.ok,.err{display:none!important}
  .app{display:block!important}.main{width:100%!important}.content{padding:0!important}
  .payslip-sheet{box-shadow:none;margin:0;padding:7mm;width:210mm;height:297mm;min-height:297mm;gap:4mm;grid-auto-rows:138mm}
  @page{size:A4 portrait;margin:0}
}
@media(max-width:900px){.payslip-grid-form{grid-template-columns:1fr}.payslip-sheet{width:100%;display:block}.payslip-box{margin-bottom:10px}}


/* V12 print/payroll fit fix + report controls */
.inline-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.inline-filter label{min-width:220px}
.inline-delete{display:inline;margin:0}
.action-cell{white-space:nowrap}
.btn.mini{padding:5px 8px;font-size:11px;border-radius:5px;margin:1px}
.report-details{margin:0 0 16px 0}
.report-details>summary{cursor:pointer;background:#001845;color:#fff;border-bottom:5px solid #f4f600;padding:12px 16px;font-weight:900;border-radius:8px 8px 0 0;letter-spacing:.5px}
.total-row td{font-weight:900;background:#f4f600!important;color:#001845}
.payslip-sheet{
  width:200mm!important;
  min-height:287mm!important;
  height:287mm!important;
  margin:8mm auto!important;
  padding:3mm!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:138mm 138mm!important;
  grid-auto-rows:138mm!important;
  gap:2.5mm!important;
  overflow:hidden!important;
  box-shadow:0 10px 35px rgba(0,0,0,.25);
}
.payslip-box{
  padding:2.5mm!important;
  font-size:7.4px!important;
  line-height:1.15!important;
  overflow:hidden!important;
  min-height:0!important;
}
.ps-head{padding-bottom:2px!important;margin-bottom:3px!important;border-bottom:2px solid #001845!important}
.ps-head b{font-size:7.8px!important}.ps-head h2{font-size:14px!important;letter-spacing:2px!important}
.ps-info{gap:3px!important;margin-bottom:3px!important}
.ps-info span{font-size:8.5px!important}
.ps-info th,.ps-info td,.ps-lines th,.ps-lines td{padding:1px 2px!important}
.ps-lines{margin-top:2px!important}
.ps-net td{font-size:9px!important}
.ps-foot{margin-top:3px!important;font-size:6.5px!important}
@media print{
  .no-print,.side,.top,.ok,.err,.report-details>summary{display:none!important}
  .app{display:block!important}
  .main,.content{display:block!important;width:100%!important;padding:0!important;margin:0!important}
  body{background:#fff!important;margin:0!important}
  .payslip-sheet{
    width:200mm!important;height:287mm!important;min-height:287mm!important;
    margin:0!important;padding:3mm!important;box-shadow:none!important;
    grid-template-columns:1fr 1fr!important;grid-template-rows:138mm 138mm!important;gap:2.5mm!important;
    page-break-after:always!important;break-after:page!important;
  }
  .payslip-box{page-break-inside:avoid!important;break-inside:avoid!important}
  .panel,.report-sheet{box-shadow:none!important}
  @page{size:A4 portrait;margin:5mm}
}


/* V13 login 3D / animated futuristic portal */
.login-card{position:relative;overflow:hidden}
.login-card::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 20%,rgba(255,214,10,.14),transparent 28%),radial-gradient(circle at 80% 25%,rgba(0,200,255,.18),transparent 24%),radial-gradient(circle at 50% 80%,rgba(0,119,255,.14),transparent 28%);animation:nebulaShift 14s ease-in-out infinite alternate;pointer-events:none}
.login-grid{position:relative;z-index:1}
.brand{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,rgba(0,20,70,.96),rgba(0,39,111,.90));min-height:640px}
.brand::before{content:"";position:absolute;inset:18px;border:1px solid rgba(89,210,255,.26);border-radius:26px;box-shadow:inset 0 0 26px rgba(0,194,255,.08)}
.brand::after{content:"";position:absolute;inset:auto 20px 18px 20px;height:80px;background:linear-gradient(90deg,transparent,rgba(0,220,255,.16),transparent);filter:blur(12px);animation:scanRun 4.8s linear infinite}
.brand-rings,.brand-glow{position:absolute;inset:0;pointer-events:none}
.brand-rings::before,.brand-rings::after{content:"";position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,220,60,.85);box-shadow:0 0 20px rgba(255,215,0,.25),0 0 60px rgba(0,180,255,.12)}
.brand-rings::before{width:270px;height:270px;animation:spinSlow 18s linear infinite}
.brand-rings::after{width:360px;height:360px;border-color:rgba(0,195,255,.5);border-style:dashed;animation:spinReverse 24s linear infinite}
.brand-glow::before,.brand-glow::after{content:"";position:absolute;border-radius:50%;filter:blur(18px);opacity:.75}
.brand-glow::before{width:180px;height:180px;background:rgba(255,220,80,.26);left:12%;top:58%;animation:floatOrb 8s ease-in-out infinite}
.brand-glow::after{width:140px;height:140px;background:rgba(0,186,255,.22);right:8%;top:16%;animation:floatOrb 10s ease-in-out infinite reverse}
.brand-panel-title{display:inline-block;background:rgba(0,0,0,.26);border:1px solid rgba(255,212,0,.45);color:#ffe86a;padding:8px 14px;border-radius:999px;font-weight:900;letter-spacing:2px;font-size:12px;backdrop-filter:blur(6px);margin-top:8px}
.logo-shell{position:relative;padding:12px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03));box-shadow:0 18px 45px rgba(0,0,0,.35),inset 0 0 16px rgba(0,180,255,.14);margin-top:10px}
.brand img{width:190px;height:190px;object-fit:cover;border-radius:28px;background:white;border:6px solid rgba(255,255,255,.95);position:relative;z-index:2;animation:logoPulse 4.4s ease-in-out infinite}
.system-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:480px}
.system-pills span{background:rgba(255,255,255,.08);color:#dff7ff;border:1px solid rgba(0,210,255,.24);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.6px;box-shadow:inset 0 0 12px rgba(0,180,255,.08)}
.brand-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,470px);margin-top:6px}
.brand-metrics div{background:rgba(255,255,255,.07);border:1px solid rgba(255,212,0,.28);padding:10px 8px;border-radius:14px;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.brand-metrics b{display:block;font-size:18px;color:#fff255;letter-spacing:1px}
.brand-metrics small{display:block;color:#dcecff;font-weight:700;font-size:10px;letter-spacing:.8px}
.factory-lanes{position:absolute;left:0;right:0;bottom:14px;height:44px;overflow:hidden}
.factory-lanes span{position:absolute;left:-30%;width:30%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,214,0,.95),rgba(0,220,255,.95),transparent);box-shadow:0 0 16px rgba(0,220,255,.45);animation:laneMove 6s linear infinite}
.factory-lanes span:nth-child(1){bottom:30px}
.factory-lanes span:nth-child(2){bottom:18px;animation-delay:1.6s}
.factory-lanes span:nth-child(3){bottom:6px;animation-delay:3.2s}
@keyframes spinSlow{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes spinReverse{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0deg)}}
@keyframes logoPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}
@keyframes floatOrb{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-18px) translateX(12px)}}
@keyframes laneMove{0%{transform:translateX(0)}100%{transform:translateX(460%)}}
@keyframes scanRun{0%{transform:translateY(0);opacity:.15}50%{opacity:.45}100%{transform:translateY(-460px);opacity:.08}}
@keyframes nebulaShift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(2%,-1%,0) scale(1.05)}}
@media(max-width:900px){.brand{min-height:520px}.brand-metrics{grid-template-columns:1fr}.system-pills{max-width:100%}}

/* V13 print fixes for long reports */
.report-table-auto,.outside-report .table-wrap{max-height:none!important;overflow:visible!important}
.outside-report table{table-layout:auto;width:100%}
.outside-report th,.outside-report td{font-size:11px;padding:4px 5px}
.outside-report .empty{padding:10px;text-align:center;font-weight:700}
@media print{
  .table-wrap,.report-table-auto,.outside-report .table-wrap{overflow:visible!important;max-height:none!important;height:auto!important}
  .report-sheet{page-break-inside:auto!important;break-inside:auto!important;overflow:visible!important}
  .report-sheet table{page-break-inside:auto!important;break-inside:auto!important;width:100%!important}
  .report-sheet thead{display:table-header-group}
  .report-sheet tfoot{display:table-footer-group}
  .report-sheet tr{page-break-inside:avoid!important;break-inside:avoid!important}
  .outside-report{padding:4mm!important;margin:0!important;border:0!important;box-shadow:none!important}
  .outside-report th,.outside-report td{font-size:9px!important;padding:3px 4px!important}
  .outside-report h3{font-size:14px!important;padding:6px 8px!important;margin:0 0 6px!important}
  .outside-report h3 span{font-size:10px!important}
}


/* V14 Monthly Report */
.monthly-report{padding:10px;margin-bottom:18px;overflow:visible!important;max-height:none!important}
.monthly-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0 14px}
.monthly-kpi div{background:linear-gradient(180deg,#f8fbff,#e7eefb);border:1px solid #001845;padding:10px;text-align:center;border-radius:8px}
.monthly-kpi small{display:block;color:#001845;font-weight:900;font-size:11px}.monthly-kpi b{display:block;font-size:20px;color:#002060;margin-top:4px}
.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.chart-card{background:#fff;border:1px solid #aac1e1;border-radius:10px;padding:12px;box-shadow:0 8px 20px rgba(0,24,69,.08)}.chart-card h4{margin:0 0 10px;color:#001845}.chart-card canvas{width:100%;height:220px;background:linear-gradient(180deg,#fff,#f7faff);border-radius:8px;border:1px solid #e2e8f2}
.monthly-small-table{max-width:620px}.monthly-report h4{color:#002060;margin:18px 0 8px;font-size:14px;letter-spacing:.3px}.monthly-report .table-wrap{max-height:none!important;overflow:visible!important}.monthly-report table{page-break-inside:auto;break-inside:auto}.monthly-report thead{display:table-header-group}.monthly-report tr{page-break-inside:avoid;break-inside:avoid}.empty{text-align:center;font-weight:900;color:#777}
@media(max-width:900px){.monthly-kpi,.chart-grid{grid-template-columns:1fr}}
@media print{.monthly-report{border:0!important;box-shadow:none!important;padding:4mm!important}.monthly-kpi{grid-template-columns:repeat(5,1fr)!important;gap:4px}.monthly-kpi div{padding:5px}.monthly-kpi b{font-size:13px}.chart-grid,.no-print{display:none!important}.monthly-report h4{page-break-after:avoid}.monthly-report th,.monthly-report td{font-size:9px!important;padding:3px 4px!important}.monthly-report .table-wrap{overflow:visible!important;max-height:none!important}.monthly-report table{width:100%!important}.monthly-report thead{display:table-header-group}.monthly-report tr{page-break-inside:avoid!important;break-inside:avoid!important}}


/* =========================================================
   V15 FULL FUTURISTIC MRMC.WEB THEME + ANIMATION
   Applied to the actual PHP web app, not just an image.
   ========================================================= */
:root{
  --mrmc-bg:#020b18;
  --mrmc-bg2:#071a36;
  --mrmc-panel:rgba(5,22,48,.78);
  --mrmc-panel2:rgba(8,33,75,.78);
  --mrmc-cyan:#00eaff;
  --mrmc-cyan2:#35a8ff;
  --mrmc-gold:#ffd400;
  --mrmc-orange:#ff8b2b;
  --mrmc-text:#e9fbff;
  --mrmc-muted:#8fb9d3;
  --mrmc-line:rgba(0,234,255,.32);
  --mrmc-font:'Orbitron','Eurostile','Bank Gothic','Rajdhani','Segoe UI',Arial,sans-serif;
}

html{scroll-behavior:smooth}
body{
  font-family:var(--mrmc-font)!important;
  background:
    radial-gradient(circle at 18% 12%, rgba(0,234,255,.13), transparent 28%),
    radial-gradient(circle at 80% 8%, rgba(255,212,0,.10), transparent 24%),
    radial-gradient(circle at 60% 82%, rgba(53,168,255,.12), transparent 32%),
    linear-gradient(135deg,#020712,#061a3a 45%,#020712)!important;
  color:var(--mrmc-text)!important;
  letter-spacing:.3px;
  overflow-x:hidden;
}

/* animated background for every logged-in system */
.hud-bg{
  position:fixed; inset:0; pointer-events:none; z-index:0; overflow:hidden;
  background:
    linear-gradient(rgba(0,234,255,.035) 1px, transparent 1px),
    linear-gradient(90deg,rgba(0,234,255,.035) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center, #000 0 70%, transparent 100%);
  animation:hudGridMove 22s linear infinite;
}
.hud-bg::before{
  content:""; position:absolute; inset:-30%;
  background:
    conic-gradient(from 0deg at 55% 42%, transparent 0 18%, rgba(0,234,255,.14) 19%, transparent 22% 52%, rgba(255,212,0,.12) 54%, transparent 57% 100%),
    radial-gradient(circle at 52% 42%, transparent 0 14%, rgba(0,234,255,.18) 15%, transparent 16% 23%, rgba(0,234,255,.10) 24%, transparent 25%);
  animation:spinHolo 40s linear infinite;
  opacity:.8;
}
.hud-bg::after{
  content:""; position:absolute; left:-30%; right:-30%; top:12%; height:2px;
  background:linear-gradient(90deg,transparent,rgba(0,234,255,.65),rgba(255,212,0,.34),transparent);
  box-shadow:0 0 18px rgba(0,234,255,.55);
  animation:scanLine 5.5s ease-in-out infinite;
}
.hud-bg span{position:absolute;height:2px;width:24vw;background:linear-gradient(90deg,transparent,var(--mrmc-cyan),transparent);opacity:.35;filter:drop-shadow(0 0 8px var(--mrmc-cyan));animation:laneRun 7s linear infinite}
.hud-bg span:nth-child(1){top:22%;left:-25%;animation-delay:0s}
.hud-bg span:nth-child(2){top:58%;left:-25%;animation-delay:2.2s}
.hud-bg span:nth-child(3){top:82%;left:-25%;animation-delay:4.4s}

@keyframes hudGridMove{from{background-position:0 0,0 0}to{background-position:42px 42px,42px 42px}}
@keyframes spinHolo{to{transform:rotate(360deg)}}
@keyframes scanLine{0%{transform:translateY(-25vh);opacity:.05}50%{opacity:.45}100%{transform:translateY(90vh);opacity:.05}}
@keyframes laneRun{to{transform:translateX(150vw)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 rgba(0,234,255,0),0 0 22px rgba(0,234,255,.15)}50%{box-shadow:0 0 18px rgba(0,234,255,.38),0 0 46px rgba(0,234,255,.22)}}
@keyframes borderFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes floatPanel{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes logoPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.025)}}
@keyframes spinSlow{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes spinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes floatOrb{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-18px)}}
@keyframes scanRun{from{transform:translateY(140px);opacity:.05}50%{opacity:.5}to{transform:translateY(-540px);opacity:.05}}
@keyframes nebulaShift{from{transform:scale(1) translate(0,0)}to{transform:scale(1.05) translate(2%,-1%)}}
@keyframes laneMove{to{transform:translateX(460%)}}

/* App shell */
.app{position:relative;z-index:1}
.side{
  background:linear-gradient(180deg,rgba(0,18,50,.96),rgba(0,6,20,.98))!important;
  border-right:1px solid var(--mrmc-line);
  box-shadow:12px 0 40px rgba(0,0,0,.35), inset -1px 0 0 rgba(255,212,0,.15);
}
.side .logo{
  border-bottom:1px solid rgba(0,234,255,.28)!important;
  position:relative;
}
.side .logo::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background:linear-gradient(90deg,transparent,var(--mrmc-cyan),var(--mrmc-gold),transparent);
  animation:borderFlow 3.8s linear infinite;
  background-size:200% 100%;
}
.side img{
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 0 22px rgba(0,234,255,.35),0 0 0 1px rgba(0,234,255,.28)!important;
  animation:logoPulse 4.5s ease-in-out infinite;
}
.side a,.side button{
  position:relative;
  background:linear-gradient(135deg,rgba(0,50,120,.72),rgba(0,20,60,.88))!important;
  color:#eafcff!important;
  border:1px solid rgba(0,234,255,.24)!important;
  box-shadow:inset 0 0 18px rgba(0,234,255,.05),0 8px 20px rgba(0,0,0,.18);
  text-transform:uppercase;
  letter-spacing:.6px;
  overflow:hidden;
}
.side a::before,.side button::before{
  content:""; position:absolute; inset:0; transform:translateX(-105%);
  background:linear-gradient(90deg,transparent,rgba(0,234,255,.24),transparent);
  transition:.45s;
}
.side a:hover::before,.side a.active::before,.side button:hover::before{transform:translateX(105%)}
.side a.active,.side a:hover,.side button:hover{
  background:linear-gradient(135deg,rgba(0,234,255,.18),rgba(255,212,0,.13))!important;
  color:#fff!important;
  border-color:rgba(255,212,0,.55)!important;
  text-shadow:0 0 10px rgba(0,234,255,.6);
}
.side small{color:var(--mrmc-gold)!important}

/* Header */
.top{
  position:relative;
  background:linear-gradient(90deg,rgba(0,14,45,.94),rgba(0,41,98,.84),rgba(0,14,45,.94))!important;
  border-bottom:3px solid transparent!important;
  box-shadow:0 10px 30px rgba(0,0,0,.24), inset 0 -1px 0 rgba(0,234,255,.25);
  overflow:hidden;
}
.top::before{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:linear-gradient(90deg,var(--mrmc-gold),var(--mrmc-cyan),var(--mrmc-cyan2),var(--mrmc-gold));
  background-size:220% 100%;
  animation:borderFlow 5s linear infinite;
}
.top::after{
  content:""; position:absolute; top:0; bottom:0; width:35%; left:-40%;
  background:linear-gradient(90deg,transparent,rgba(0,234,255,.12),transparent);
  animation:laneRun 9s linear infinite;
}
.top h2{letter-spacing:7px!important;color:#fff!important;text-shadow:0 0 18px rgba(0,234,255,.45)}
.top b{background:rgba(0,234,255,.12)!important;border:1px solid rgba(0,234,255,.25);box-shadow:0 0 18px rgba(0,234,255,.16)}

/* Panels + Forms */
.panel{
  position:relative;
  background:linear-gradient(145deg,rgba(236,246,255,.94),rgba(222,236,250,.90))!important;
  color:#04101e!important;
  border:1px solid rgba(0,234,255,.24)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.45);
  border-radius:14px!important;
  overflow:hidden;
  animation:floatPanel 7s ease-in-out infinite;
}
.panel::before{
  content:""; position:absolute; inset:0 0 auto 0; height:2px;
  background:linear-gradient(90deg,var(--mrmc-cyan),var(--mrmc-gold),var(--mrmc-cyan));
  background-size:200% 100%;
  animation:borderFlow 4.5s linear infinite;
}
.panel h3{
  background:linear-gradient(90deg,#001845,#07327c,#001845)!important;
  color:#fff!important;
  border-bottom:3px solid var(--mrmc-gold)!important;
  letter-spacing:2px;
  text-shadow:0 0 10px rgba(0,234,255,.45);
}
input,select,textarea{
  border:1px solid rgba(0,79,150,.45)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 rgba(0,234,255,0);
  transition:.25s ease;
}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:var(--mrmc-cyan)!important;
  box-shadow:0 0 0 3px rgba(0,234,255,.16),0 0 20px rgba(0,234,255,.18)!important;
}
.btn{
  position:relative;
  overflow:hidden;
  text-transform:uppercase;
  letter-spacing:.8px;
  border:1px solid rgba(255,255,255,.16)!important;
}
.btn::after{
  content:""; position:absolute; inset:0; transform:translateX(-120%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transition:.45s;
}
.btn:hover::after{transform:translateX(120%)}
.primary,.navy{background:linear-gradient(135deg,#003079,#001845)!important;color:#fff!important;box-shadow:0 0 22px rgba(0,104,255,.22)}
.red{background:linear-gradient(135deg,#e50000,#7a0000)!important;color:#fff!important;box-shadow:0 0 20px rgba(255,0,0,.20)}
.yellow{background:linear-gradient(135deg,#fff600,#ffb300)!important;color:#111!important;box-shadow:0 0 20px rgba(255,212,0,.25)}
.light{background:linear-gradient(135deg,#eef9ff,#cfefff)!important;color:#001845!important}

/* Tables */
.table-wrap{border:1px solid rgba(0,234,255,.18)!important;border-radius:10px;background:rgba(255,255,255,.72)}
table{font-family:var(--mrmc-font)!important}
th{
  background:linear-gradient(180deg,#001845,#07327c)!important;
  color:#f7fbff!important;
  border-color:rgba(0,0,0,.5)!important;
  letter-spacing:.6px;
}
td{border-color:rgba(0,0,0,.38)!important}
tr:nth-child(even) td{background:rgba(0,60,130,.045)}

/* dashboard KPI */
.dashboard-band{
  background:
    radial-gradient(circle at 20% 20%, rgba(0,234,255,.18), transparent 28%),
    linear-gradient(135deg,rgba(255,212,0,.95),rgba(255,243,0,.85))!important;
  border-bottom:1px solid rgba(255,212,0,.65);
}
.kpi{
  border:1px solid rgba(0,24,69,.55)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.16), inset 0 0 24px rgba(0,234,255,.08);
}
.kpi b{color:#001845;text-shadow:0 0 12px rgba(0,234,255,.18)}

/* Login page full redesign */
.login-bg{
  background:
    radial-gradient(circle at 25% 10%,rgba(0,234,255,.18),transparent 28%),
    radial-gradient(circle at 75% 18%,rgba(255,212,0,.10),transparent 26%),
    linear-gradient(135deg,rgba(0,12,40,.86),rgba(0,30,88,.78)),
    url('assets/MRMCWALLPAPER.png') center/cover fixed no-repeat!important;
}
.login-bg::before{
  content:""; position:fixed; inset:0; pointer-events:none;
  background:
    linear-gradient(rgba(0,234,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,234,255,.045) 1px,transparent 1px);
  background-size:44px 44px;
  animation:hudGridMove 26s linear infinite;
}
.login-card{
  position:relative!important;
  overflow:hidden!important;
  background:rgba(0,12,31,.72)!important;
  border:1px solid rgba(0,234,255,.35)!important;
  box-shadow:0 0 0 1px rgba(255,212,0,.12),0 28px 90px rgba(0,0,0,.70),0 0 50px rgba(0,234,255,.16)!important;
  backdrop-filter:blur(10px);
}
.login-card::before{
  content:""; position:absolute; inset:-20%;
  background:radial-gradient(circle at 22% 26%,rgba(0,234,255,.18),transparent 28%),radial-gradient(circle at 75% 70%,rgba(255,212,0,.12),transparent 28%);
  animation:nebulaShift 15s ease-in-out infinite alternate;
}
.login-grid{position:relative;z-index:1}
.brand{
  position:relative; overflow:hidden; isolation:isolate;
  background:linear-gradient(160deg,rgba(0,20,70,.96),rgba(0,39,111,.90))!important;
  min-height:640px;
}
.brand::before{content:"";position:absolute;inset:18px;border:1px solid rgba(89,210,255,.26);border-radius:26px;box-shadow:inset 0 0 26px rgba(0,194,255,.08)}
.brand::after{content:"";position:absolute;inset:auto 20px 18px 20px;height:80px;background:linear-gradient(90deg,transparent,rgba(0,220,255,.16),transparent);filter:blur(12px);animation:scanRun 4.8s linear infinite}
.brand-rings,.brand-glow{position:absolute;inset:0;pointer-events:none}
.brand-rings::before,.brand-rings::after{content:"";position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,220,60,.85);box-shadow:0 0 20px rgba(255,215,0,.25),0 0 60px rgba(0,180,255,.12)}
.brand-rings::before{width:270px;height:270px;animation:spinSlow 18s linear infinite}
.brand-rings::after{width:360px;height:360px;border-color:rgba(0,195,255,.5);border-style:dashed;animation:spinReverse 24s linear infinite}
.brand-glow::before,.brand-glow::after{content:"";position:absolute;border-radius:50%;filter:blur(18px);opacity:.75}
.brand-glow::before{width:180px;height:180px;background:rgba(255,220,80,.26);left:12%;top:58%;animation:floatOrb 8s ease-in-out infinite}
.brand-glow::after{width:140px;height:140px;background:rgba(0,186,255,.22);right:8%;top:16%;animation:floatOrb 10s ease-in-out infinite reverse}
.brand-panel-title{display:inline-block;background:rgba(0,0,0,.26);border:1px solid rgba(255,212,0,.45);color:#ffe86a;padding:8px 14px;border-radius:999px;font-weight:900;letter-spacing:2px;font-size:12px;backdrop-filter:blur(6px);margin-top:8px}
.logo-shell{position:relative;padding:12px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03));box-shadow:0 18px 45px rgba(0,0,0,.35),inset 0 0 16px rgba(0,180,255,.14);margin-top:10px}
.brand img{width:190px;height:190px;object-fit:cover;border-radius:28px;background:white;border:6px solid rgba(255,255,255,.95);position:relative;z-index:2;animation:logoPulse 4.4s ease-in-out infinite}
.brand h1{letter-spacing:5px!important;text-shadow:0 0 20px rgba(0,234,255,.55)}
.system-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:480px;position:relative;z-index:2}
.system-pills span{background:rgba(255,255,255,.08);color:#dff7ff;border:1px solid rgba(0,210,255,.24);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.6px;box-shadow:inset 0 0 12px rgba(0,180,255,.08)}
.brand-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,470px);margin-top:6px;position:relative;z-index:2}
.brand-metrics div{background:rgba(255,255,255,.07);border:1px solid rgba(255,212,0,.28);padding:10px 8px;border-radius:14px;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.brand-metrics b{display:block;font-size:18px;color:#fff255;letter-spacing:1px}
.brand-metrics small{display:block;color:#dcecff;font-weight:700;font-size:10px;letter-spacing:.8px}
.factory-lanes{position:absolute;left:0;right:0;bottom:14px;height:44px;overflow:hidden}
.factory-lanes span{position:absolute;left:-30%;width:30%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,214,0,.95),rgba(0,220,255,.95),transparent);box-shadow:0 0 16px rgba(0,220,255,.45);animation:laneMove 6s linear infinite}
.factory-lanes span:nth-child(1){bottom:30px}.factory-lanes span:nth-child(2){bottom:18px;animation-delay:1.6s}.factory-lanes span:nth-child(3){bottom:6px;animation-delay:3.2s}
.login-form{
  background:linear-gradient(180deg,rgba(232,242,255,.96),rgba(218,234,252,.92))!important;
  color:#06152b!important;
}
.login-form h2{letter-spacing:7px!important}
.privacy-note{background:rgba(0,234,255,.08)!important;border:1px solid rgba(0,110,200,.28)!important}

@media(max-width:900px){
  .brand{min-height:520px}
  .brand-metrics{grid-template-columns:1fr}
  .system-pills{max-width:100%}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* Print must stay clean */
@media print{
  body{background:white!important;color:#111!important}
  .hud-bg,.side,.top,.no-print,.ok,.err{display:none!important}
  .panel{box-shadow:none!important;animation:none!important;background:#fff!important;color:#111!important}
  .panel::before{display:none!important}
  th{background:#002060!important;color:#fff!important}
}


/* =========================================================
   V16 FLOATING GROUP CHAT
   ========================================================= */
.mrmc-chat{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:var(--mrmc-font,'Segoe UI',Arial,sans-serif)}
.mrmc-chat-fab{
  position:relative;width:82px;height:82px;border-radius:24px;border:1px solid rgba(0,234,255,.55);
  background:radial-gradient(circle at 30% 20%,rgba(0,234,255,.35),transparent 32%),linear-gradient(145deg,#002b73,#020b18);
  color:#fff;box-shadow:0 0 28px rgba(0,234,255,.35),0 14px 36px rgba(0,0,0,.45),inset 0 0 22px rgba(0,234,255,.12);
  cursor:pointer;overflow:hidden;letter-spacing:1px;font-weight:900;
}
.mrmc-chat-fab::before{
  content:"";position:absolute;inset:10px;border-radius:18px;border:1px solid rgba(255,212,0,.35);
  box-shadow:inset 0 0 16px rgba(255,212,0,.14);
}
.mrmc-chat-fab::after{
  content:"";position:absolute;inset:0;transform:translateX(-120%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  animation:chatSweep 3.5s linear infinite;
}
.mrmc-chat-fab b{position:relative;z-index:2;display:block;font-size:15px;margin-top:8px}
.mrmc-chat-fab small{
  display:none;position:absolute;right:7px;top:6px;min-width:22px;height:22px;border-radius:999px;background:#ff002e;color:#fff;
  align-items:center;justify-content:center;font-size:11px;z-index:3;border:1px solid rgba(255,255,255,.6)
}
.mrmc-chat-fab small.show{display:flex}
.chat-pulse{position:absolute;inset:17px;border-radius:50%;border:2px solid rgba(0,234,255,.45);animation:chatPulse 2.4s ease-in-out infinite}
@keyframes chatPulse{0%,100%{transform:scale(.72);opacity:.35}50%{transform:scale(1.15);opacity:.95}}
@keyframes chatSweep{to{transform:translateX(120%)}}

.mrmc-chat-panel{
  position:absolute;right:0;bottom:96px;width:min(390px,calc(100vw - 32px));height:560px;max-height:calc(100vh - 130px);
  display:none;grid-template-rows:auto 1fr auto auto;border:1px solid rgba(0,234,255,.42);border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,rgba(1,14,35,.96),rgba(2,8,22,.97));
  color:#eafcff;box-shadow:0 0 45px rgba(0,234,255,.22),0 26px 70px rgba(0,0,0,.62);
  backdrop-filter:blur(10px);
}
.mrmc-chat.open .mrmc-chat-panel{display:grid;animation:chatIn .22s ease-out}
@keyframes chatIn{from{transform:translateY(12px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.mrmc-chat-panel header{
  display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 14px 12px;
  background:linear-gradient(90deg,#001845,#07327c,#001845);border-bottom:3px solid var(--mrmc-gold,#ffd400);
}
.mrmc-chat-panel header b{display:block;letter-spacing:2px;text-shadow:0 0 12px rgba(0,234,255,.5)}
.mrmc-chat-panel header small{display:block;color:#bbeaff;font-size:10px;margin-top:3px}
.mrmc-chat-panel header button{
  width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:24px;cursor:pointer
}
.chat-body{
  padding:13px;overflow:auto;background:
    linear-gradient(rgba(0,234,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,234,255,.025) 1px,transparent 1px),
    rgba(0,0,0,.14);
  background-size:28px 28px;
}
.chat-loading,.chat-empty{padding:18px;text-align:center;color:#8fb9d3;font-weight:900}
.chat-msg{margin:0 0 11px;max-width:86%;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(0,234,255,.18);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.chat-msg.mine{margin-left:auto;background:linear-gradient(135deg,rgba(0,234,255,.18),rgba(255,212,0,.10));border-color:rgba(255,212,0,.32)}
.chat-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}
.chat-meta b{font-size:12px;color:#fff}
.chat-meta span{font-size:9px;color:#ffd400;background:rgba(255,212,0,.08);border:1px solid rgba(255,212,0,.22);border-radius:999px;padding:2px 6px}
.chat-meta small{font-size:9px;color:#8fb9d3;margin-left:auto}
.chat-text{white-space:pre-wrap;word-break:break-word;line-height:1.35;font-size:13px}
.chat-send{display:grid;grid-template-columns:1fr 76px;gap:8px;padding:11px;background:rgba(0,15,42,.94);border-top:1px solid rgba(0,234,255,.22)}
.chat-send input{
  background:rgba(255,255,255,.95)!important;color:#06152b!important;border-radius:10px!important;min-height:42px
}
.chat-send button{
  border:1px solid rgba(0,234,255,.35);border-radius:10px;background:linear-gradient(135deg,#00eaff,#006dff);color:#001845;font-weight:900;cursor:pointer
}
.chat-note{padding:8px 12px;text-align:center;color:#8fb9d3;font-size:10px;background:rgba(0,0,0,.28)}
@media(max-width:700px){
  .mrmc-chat{right:12px;bottom:12px}
  .mrmc-chat-fab{width:70px;height:70px;border-radius:20px}
  .mrmc-chat-panel{bottom:82px;width:calc(100vw - 24px);height:72vh}
}
@media print{.mrmc-chat{display:none!important}}


/* =========================================================
   V17 APPLIED HUD THEME FROM USER'S SECOND PICTURE
   This uses assets/mrmc-hud-theme.png as the actual site theme.
   ========================================================= */

/* Global system background uses the new HUD visual theme */
body:not(.login-bg){
  background:
    linear-gradient(rgba(0,8,18,.50),rgba(0,8,18,.72)),
    url('assets/mrmc-hud-theme-lite.webp') center center / cover fixed no-repeat !important;
}

/* actual image layer behind every logged-in module */
.hud-screen-layer{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,5,15,.72),rgba(0,21,55,.30),rgba(0,5,15,.72)),
    url('assets/mrmc-hud-theme-lite.webp') center center / cover fixed no-repeat;
  opacity:.38;
  filter:saturate(1.28) contrast(1.12);
}
.hud-screen-layer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 68% 42%,rgba(0,234,255,.24),transparent 20%),
    linear-gradient(rgba(0,234,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,234,255,.045) 1px,transparent 1px);
  background-size:auto,36px 36px,36px 36px;
  animation:v17GridDrift 24s linear infinite;
}
.hud-screen-layer::after{
  content:"";
  position:absolute;
  left:-30%;
  top:0;
  width:30%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(0,234,255,.16),transparent);
  transform:skewX(-18deg);
  animation:v17LightSweep 8s linear infinite;
}
@keyframes v17GridDrift{to{background-position:0 0,36px 36px,36px 36px}}
@keyframes v17LightSweep{0%{left:-45%;opacity:0}15%{opacity:.45}55%{opacity:.22}100%{left:120%;opacity:0}}

/* Login page: make the uploaded HUD screen the real background */
.login-bg{
  min-height:100vh;
  background:
    linear-gradient(90deg,rgba(0,5,15,.30),rgba(0,5,15,.12),rgba(0,5,15,.52)),
    url('assets/mrmc-hud-theme-lite.webp') center center / cover fixed no-repeat !important;
  color:#dffbff;
}
.login-bg::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 70% 50%,rgba(0,234,255,.20),transparent 23%),
    radial-gradient(circle at 35% 32%,rgba(0,162,255,.18),transparent 20%),
    linear-gradient(rgba(0,234,255,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,234,255,.038) 1px,transparent 1px);
  background-size:auto,auto,34px 34px,34px 34px;
  animation:v17GridDrift 22s linear infinite;
}
.login-bg::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(0,234,255,.16),transparent);
  width:26%;
  left:-30%;
  transform:skewX(-18deg);
  animation:v17LightSweep 7s linear infinite;
}

/* Login shell uses actual HUD image with glass form, not the old white/plain look */
.login-card{
  width:min(1500px,96vw) !important;
  min-height:min(820px,92vh);
  margin:3vh auto !important;
  background:rgba(0,8,22,.16) !important;
  border:1px solid rgba(0,234,255,.38) !important;
  box-shadow:0 0 0 1px rgba(0,234,255,.10),0 0 80px rgba(0,234,255,.16),0 40px 120px rgba(0,0,0,.72) !important;
  backdrop-filter:blur(3px);
  overflow:hidden;
}
.login-grid{
  min-height:min(820px,92vh);
  grid-template-columns:minmax(560px,1.45fr) minmax(430px,.72fr) !important;
  background:transparent !important;
}
.login-grid .brand{
  background:transparent !important;
  justify-content:center;
  padding:40px 26px !important;
}
.login-grid .brand::before{
  inset:18px;
  border-radius:24px;
  border:1px solid rgba(0,234,255,.22);
  box-shadow:inset 0 0 60px rgba(0,234,255,.08),0 0 45px rgba(0,234,255,.08);
}
.login-grid .brand::after{
  height:120px;
  animation:scanRun 5.2s linear infinite;
}
.brand-panel-title{
  background:rgba(0,0,0,.42) !important;
  color:#8fffff !important;
  border-color:rgba(0,234,255,.62) !important;
  text-shadow:0 0 12px rgba(0,234,255,.85);
}
.logo-shell{
  background:rgba(0,8,24,.30) !important;
  border:1px solid rgba(0,234,255,.30);
  box-shadow:0 0 45px rgba(0,234,255,.18),inset 0 0 22px rgba(0,234,255,.11) !important;
}
.login-grid .brand img{
  border-color:rgba(0,234,255,.70) !important;
  box-shadow:0 0 45px rgba(0,234,255,.38),0 0 100px rgba(0,128,255,.18) !important;
}
.login-grid .brand h1{
  color:#eaffff !important;
  font-size:clamp(38px,5vw,76px) !important;
  letter-spacing:9px !important;
  text-shadow:0 0 20px rgba(0,234,255,.88),0 0 54px rgba(0,128,255,.40);
}
.login-grid .brand p{
  color:#bdf7ff !important;
  text-shadow:0 0 12px rgba(0,234,255,.55);
}
.system-pills span,.brand-metrics div{
  background:rgba(0,20,42,.58) !important;
  border-color:rgba(0,234,255,.32) !important;
  backdrop-filter:blur(7px);
}

/* Right login form copied in spirit from the second picture */
.login-form{
  align-self:center;
  margin:26px;
  border-radius:30px !important;
  background:linear-gradient(180deg,rgba(1,15,36,.72),rgba(2,10,26,.88)) !important;
  color:#eaffff !important;
  border:1px solid rgba(0,234,255,.45);
  box-shadow:0 0 55px rgba(0,234,255,.18),inset 0 0 38px rgba(0,234,255,.06) !important;
  backdrop-filter:blur(13px);
  position:relative;
  overflow:hidden;
}
.login-form::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:30px;
  background:
    linear-gradient(90deg,transparent,rgba(0,234,255,.16),transparent),
    linear-gradient(180deg,rgba(255,255,255,.06),transparent 25%,transparent 74%,rgba(0,234,255,.07));
  transform:translateX(-100%);
  animation:v17FormSweep 5s linear infinite;
  pointer-events:none;
}
@keyframes v17FormSweep{to{transform:translateX(100%)}}
.login-form h2{
  color:#eaffff !important;
  text-shadow:0 0 20px rgba(0,234,255,.78);
  letter-spacing:9px !important;
}
.login-form label{
  color:#aeeeff !important;
  text-transform:uppercase;
  letter-spacing:1.4px;
}
.login-form input,.login-form select{
  background:rgba(1,14,31,.74) !important;
  border:1px solid rgba(0,234,255,.40) !important;
  color:#eaffff !important;
  border-radius:8px !important;
  box-shadow:inset 0 0 18px rgba(0,234,255,.04),0 0 14px rgba(0,234,255,.05) !important;
}
.login-form input::placeholder{
  color:rgba(205,245,255,.56) !important;
}
.login-form input:focus,.login-form select:focus{
  border-color:#00eaff !important;
  box-shadow:0 0 0 3px rgba(0,234,255,.16),0 0 24px rgba(0,234,255,.24) !important;
}
.login-form .primary,.login-form button{
  background:linear-gradient(135deg,#00eaff,#006bff 48%,#00eaff) !important;
  background-size:220% 100%;
  color:#00142b !important;
  border:1px solid rgba(0,234,255,.82) !important;
  box-shadow:0 0 35px rgba(0,234,255,.42),inset 0 0 22px rgba(255,255,255,.18) !important;
  animation:borderFlow 4.5s linear infinite;
  text-shadow:none !important;
}
.privacy-note{
  background:rgba(0,234,255,.08) !important;
  border:1px solid rgba(0,234,255,.30) !important;
  color:#dffbff !important;
}

/* Logged-in app surfaces: closer to the second picture HUD */
.side{
  background:linear-gradient(180deg,rgba(0,9,25,.94),rgba(0,4,14,.98)) !important;
  backdrop-filter:blur(10px);
  border-right:1px solid rgba(0,234,255,.30) !important;
}
.side a,.side button{
  border-radius:6px !important;
  background:linear-gradient(90deg,rgba(0,50,95,.58),rgba(0,15,38,.74)) !important;
  border:1px solid rgba(0,234,255,.28) !important;
  color:#dcfbff !important;
}
.side a.active,.side a:hover{
  background:linear-gradient(90deg,rgba(0,234,255,.28),rgba(0,102,255,.22)) !important;
  border-color:rgba(0,234,255,.75) !important;
  color:#fff !important;
}
.top{
  background:linear-gradient(90deg,rgba(0,8,24,.86),rgba(0,41,82,.55),rgba(0,8,24,.86)) !important;
  backdrop-filter:blur(8px);
}
.panel{
  background:linear-gradient(180deg,rgba(3,18,39,.78),rgba(2,10,26,.84)) !important;
  color:#eaffff !important;
  border:1px solid rgba(0,234,255,.32) !important;
  box-shadow:0 0 28px rgba(0,234,255,.12),0 22px 55px rgba(0,0,0,.32) !important;
  backdrop-filter:blur(9px);
}
.panel h3{
  background:linear-gradient(90deg,rgba(0,22,58,.94),rgba(0,75,120,.70),rgba(0,22,58,.94)) !important;
  border-bottom:2px solid rgba(0,234,255,.58) !important;
  color:#eaffff !important;
}
.panel label,.panel b,.panel strong{
  color:#eaffff !important;
}
.panel .hint,.panel small{
  color:#8deeff !important;
}
.panel input,.panel select,.panel textarea{
  background:rgba(255,255,255,.92) !important;
  color:#04101e !important;
}
.table-wrap{
  background:rgba(255,255,255,.88) !important;
}
.table-wrap td{
  color:#071324 !important;
}
th{
  background:linear-gradient(180deg,#031b42,#004c82) !important;
  color:#f2feff !important;
}

/* Dashboard cards on dark HUD */
.kpi,.card,.stat,.summary-card{
  background:linear-gradient(145deg,rgba(0,234,255,.10),rgba(0,20,50,.78)) !important;
  color:#eaffff !important;
  border:1px solid rgba(0,234,255,.35) !important;
  box-shadow:0 0 24px rgba(0,234,255,.12) !important;
}

/* Floating chat follows the new theme */
.mrmc-chat-panel{
  background:linear-gradient(180deg,rgba(0,15,32,.93),rgba(0,7,18,.97)) !important;
  border-color:rgba(0,234,255,.55) !important;
}
.mrmc-chat-fab{
  background:radial-gradient(circle at 35% 20%,rgba(0,234,255,.42),transparent 30%),linear-gradient(145deg,#001e50,#020713) !important;
}

/* Keep reports clean when printing */
@media print{
  body,.login-bg{background:#fff !important;color:#111 !important}
  .hud-screen-layer,.hud-bg,.login-bg::before,.login-bg::after{display:none !important}
  .panel,.report-sheet{background:#fff !important;color:#111 !important;box-shadow:none !important;border:0 !important;backdrop-filter:none !important}
  .panel h3{background:#002060 !important;color:#fff !important}
  .table-wrap{background:#fff !important}
}

/* responsive */
@media(max-width:980px){
  .login-grid{grid-template-columns:1fr !important}
  .login-grid .brand{min-height:460px}
  .login-form{margin:18px}
}


/* =========================================================
   V18 READABLE + FAST THEME FIX
   - Fix unreadable text on HR/Inventory tables
   - Reduce heavy animation/layer lag
   - Keep futuristic theme but make save/forms faster
   ========================================================= */

/* Use fewer heavy GPU effects during normal system use */
body:not(.login-bg) .hud-screen-layer{
  opacity:.23 !important;
  filter:none !important;
  background:
    linear-gradient(90deg,rgba(0,5,15,.82),rgba(0,21,55,.42),rgba(0,5,15,.82)),
    url('assets/mrmc-hud-theme-lite.webp') center center / cover fixed no-repeat !important;
}
body:not(.login-bg) .hud-screen-layer::before{
  animation:none !important;
  background:
    radial-gradient(circle at 68% 42%,rgba(0,234,255,.13),transparent 20%),
    linear-gradient(rgba(0,234,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,234,255,.025) 1px,transparent 1px) !important;
  background-size:auto,48px 48px,48px 48px !important;
}
body:not(.login-bg) .hud-screen-layer::after{
  animation:v18SlowSweep 18s linear infinite !important;
  opacity:.16 !important;
}
body:not(.login-bg) .hud-bg::before,
body:not(.login-bg) .hud-bg::after,
body:not(.login-bg) .hud-bg span{
  display:none !important;
}
@keyframes v18SlowSweep{0%{left:-35%;opacity:0}20%{opacity:.18}100%{left:120%;opacity:0}}

/* Disable floating/pulsing on content panels to reduce lag while typing/saving */
body:not(.login-bg) .panel,
body:not(.login-bg) .kpi,
body:not(.login-bg) .card,
body:not(.login-bg) .stat,
body:not(.login-bg) .summary-card{
  animation:none !important;
  backdrop-filter:none !important;
  transition:border-color .15s ease, box-shadow .15s ease !important;
}

/* Use lighter glass panels for readable content pages */
body:not(.login-bg) .panel{
  background:rgba(244,248,252,.96) !important;
  color:#06152b !important;
  border:1px solid rgba(0,174,255,.30) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.22) !important;
}
body:not(.login-bg) .panel h3{
  background:linear-gradient(90deg,#001845,#07327c,#001845) !important;
  color:#ffffff !important;
  text-shadow:0 0 10px rgba(0,234,255,.45) !important;
  border-bottom:3px solid #ffd400 !important;
}

/* Fix unreadable text: tables must always be dark text on light rows */
body:not(.login-bg) .table-wrap,
body:not(.login-bg) .panel .table-wrap{
  background:#ffffff !important;
  color:#071324 !important;
  backdrop-filter:none !important;
}
body:not(.login-bg) table,
body:not(.login-bg) tbody,
body:not(.login-bg) tr,
body:not(.login-bg) td,
body:not(.login-bg) td *,
body:not(.login-bg) .table-wrap td,
body:not(.login-bg) .table-wrap td *,
body:not(.login-bg) .panel table td,
body:not(.login-bg) .panel table td *,
body:not(.login-bg) .panel a:not(.btn){
  color:#071324 !important;
  text-shadow:none !important;
}
body:not(.login-bg) tr:nth-child(even) td{
  background:#edf3f9 !important;
}
body:not(.login-bg) tr:nth-child(odd) td{
  background:#ffffff !important;
}
body:not(.login-bg) th,
body:not(.login-bg) th *{
  color:#ffffff !important;
  text-shadow:none !important;
}
body:not(.login-bg) th{
  background:linear-gradient(180deg,#001845,#064f89) !important;
  border-color:#0a2340 !important;
}

/* HR employee names and links readable */
body:not(.login-bg) .panel table a,
body:not(.login-bg) .panel table b,
body:not(.login-bg) .panel table strong{
  color:#003b72 !important;
  font-weight:900 !important;
}

/* Form readability */
body:not(.login-bg) .panel label,
body:not(.login-bg) .panel b,
body:not(.login-bg) .panel strong,
body:not(.login-bg) .panel .hint,
body:not(.login-bg) .panel small{
  color:#06152b !important;
  text-shadow:none !important;
}
body:not(.login-bg) .panel input,
body:not(.login-bg) .panel select,
body:not(.login-bg) .panel textarea{
  background:#ffffff !important;
  color:#06152b !important;
  border:1px solid #7da4c6 !important;
  box-shadow:none !important;
}
body:not(.login-bg) .panel input:focus,
body:not(.login-bg) .panel select:focus,
body:not(.login-bg) .panel textarea:focus{
  border-color:#008fd3 !important;
  box-shadow:0 0 0 2px rgba(0,143,211,.18) !important;
}

/* Sidebar stays futuristic but not too heavy */
body:not(.login-bg) .side{
  backdrop-filter:none !important;
}
body:not(.login-bg) .side a::before,
body:not(.login-bg) .side button::before,
body:not(.login-bg) .btn::after{
  display:none !important;
}
body:not(.login-bg) .btn{
  transition:transform .12s ease, filter .12s ease !important;
}
body:not(.login-bg) .btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

/* Chat smoother */
.mrmc-chat-panel{backdrop-filter:none !important}
.mrmc-chat-fab::after{animation:none !important}
.chat-pulse{animation:chatPulse 3.8s ease-in-out infinite !important}

/* Faster login while keeping animation */
.login-bg .login-card,
.login-bg .login-form{
  backdrop-filter:none !important;
}
.login-bg::before{
  animation:v17GridDrift 36s linear infinite !important;
}
.login-bg::after{
  animation:v17LightSweep 14s linear infinite !important;
}
.login-form::before{
  animation:v17FormSweep 9s linear infinite !important;
}

/* For low-end laptops: automatically reduce motion */
@media (max-width:1100px), (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:0.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
  }
  .hud-screen-layer::after,
  .login-bg::after,
  .login-form::before{
    display:none !important;
  }
}

/* Print remains clean */
@media print{
  *{animation:none !important;filter:none !important;text-shadow:none !important}
  body,.panel,.table-wrap{background:#fff !important;color:#111 !important}
  td,td *,table a{color:#111 !important}
}


/* =========================================================
   V19 CHAT MINIMIZE + DELETE MESSAGE
   ========================================================= */
.chat-header-actions{
  display:flex;
  gap:7px;
  align-items:center;
}
.mrmc-chat-panel header .chat-header-actions button{
  width:34px;
  height:34px;
  border-radius:9px;
  border:1px solid rgba(0,234,255,.35);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  font-weight:900;
}
.mrmc-chat-panel header .chat-header-actions button:hover{
  background:rgba(0,234,255,.18);
  box-shadow:0 0 14px rgba(0,234,255,.30);
}
#chatMinimize{
  font-size:24px!important;
  padding-bottom:4px;
}
.chat-delete{
  margin-left:4px;
  border:1px solid rgba(255,70,70,.55);
  background:linear-gradient(135deg,#d60000,#710000);
  color:#fff;
  border-radius:6px;
  padding:3px 6px;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
  letter-spacing:.5px;
}
.chat-delete:hover{
  filter:brightness(1.12);
  box-shadow:0 0 10px rgba(255,0,0,.25);
}
.chat-delete:disabled{
  opacity:.55;
  cursor:wait;
}
.chat-meta{
  align-items:center;
}
.mrmc-chat:not(.open) .mrmc-chat-panel{
  display:none!important;
}


/* =========================================================
   V20 MOVABLE FLOATING CHAT
   ========================================================= */
.mrmc-chat{
  touch-action:none;
}
.mrmc-chat.dragging,
.mrmc-chat.dragging *{
  user-select:none!important;
}
.mrmc-chat.dragging .mrmc-chat-fab,
.mrmc-chat.dragging .mrmc-chat-panel header{
  cursor:grabbing!important;
}
.mrmc-chat-fab{
  cursor:grab;
}
.mrmc-chat-panel header{
  cursor:grab;
}
.chat-move-hint{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:28px;
  padding:0 8px;
  border:1px solid rgba(0,234,255,.35);
  border-radius:8px;
  color:#9ff7ff;
  background:rgba(0,234,255,.08);
  font-size:10px;
  font-weight:900;
  letter-spacing:1px;
  white-space:nowrap;
}
#chatResetPos{
  font-size:18px!important;
}
.mrmc-chat-panel header small::after{
  content:"  • drag header to move";
  color:#ffd400;
}
@media(max-width:700px){
  .chat-move-hint{display:none}
  .mrmc-chat-panel header small::after{content:""}
}


/* =========================================================
   V21 PAYSLIP LOGO + RECEIVED BY + HR SKILL MATRIX
   ========================================================= */
.ps-company{
  display:flex;
  align-items:center;
  gap:6px;
}
.ps-company img{
  width:28px;
  height:28px;
  object-fit:contain;
  border:1px solid #001845;
  background:#fff;
}
.ps-foot{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr;
  gap:4px;
  align-items:center;
  font-size:6.4px!important;
  text-align:center;
}
.payslip-box .ps-head img{
  max-width:28px!important;
  max-height:28px!important;
}
.skill-title{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px;
  background:#001845;
  color:#fff;
  border-bottom:4px solid #ffd400;
}
.skill-title img{
  width:54px;
  height:54px;
  object-fit:contain;
  background:#fff;
  border:2px solid #ffd400;
  border-radius:6px;
}
.skill-title h3{
  margin:0!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  color:#fff!important;
}
.skill-title h4{
  margin:3px 0;
  color:#ffd400;
  letter-spacing:1px;
}
.skill-title p{margin:0;color:#dffbff}
.skill-level{
  display:inline-block;
  min-width:58px;
  padding:4px 6px;
  border-radius:999px;
  font-weight:900;
  text-align:center;
  color:#001845!important;
  background:#ddd;
}
.level-0{background:#d9d9d9!important}
.level-1{background:#b7dee8!important}
.level-2{background:#92d050!important}
.level-3{background:#00b0f0!important}
.level-4{background:#ffc000!important}
.level-5{background:#ff7c80!important}
.expired{background:#ffcccc!important;color:#b00000!important;font-weight:900}
.renewal{background:#fff2cc!important;color:#8a5a00!important;font-weight:900}
.matrix-head{
  margin:16px 0 0;
  background:#001845!important;
  color:#fff!important;
  border-bottom:4px solid #ffd400!important;
  padding:9px 12px!important;
  letter-spacing:1px;
}
.matrix-table th,.matrix-table td{
  text-align:center;
  vertical-align:middle;
}
.empty-skill{
  color:#999!important;
  background:#f3f3f3!important;
}
.cert-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(280px,1fr));
  gap:12px;
  padding:12px;
}
.cert-card{
  background:#fff;
  color:#001845;
  border:3px double #001845;
  padding:16px;
  text-align:center;
  min-height:220px;
  page-break-inside:avoid;
}
.cert-card img{
  width:60px;
  height:60px;
  object-fit:contain;
}
.cert-card h4{
  margin:8px 0;
  color:#001845;
  letter-spacing:2px;
}
.cert-card h2{
  margin:8px 0;
  color:#002060;
  text-decoration:underline;
}
.cert-card h3{
  background:#001845!important;
  color:#fff!important;
  border:0!important;
  padding:6px!important;
  margin:8px 0!important;
}
.cert-sign{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:18px;
}
.cert-sign span{
  border-top:1px solid #001845;
  padding-top:4px;
  font-weight:900;
}
@media print{
  .skill-report{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    box-shadow:none!important;
    border:0!important;
    page-break-inside:auto!important;
  }
  .skill-report table{
    page-break-inside:auto!important;
  }
  .skill-report thead{
    display:table-header-group;
  }
  .skill-report tr{
    page-break-inside:avoid!important;
  }
  .cert-grid{
    grid-template-columns:1fr 1fr;
  }
  .cert-card{
    break-inside:avoid;
    page-break-inside:avoid;
  }
}
@media(max-width:900px){
  .cert-grid{grid-template-columns:1fr}
  .ps-foot{grid-template-columns:1fr}
}


/* =========================================================
   V22 INVENTORY DELETE + LOW SPEC OPTIMIZATION
   Target sample: Intel Celeron N4000 / 8GB RAM / UHD 600
   ========================================================= */

.inline-delete{display:inline;margin:0}
.btn.mini{padding:6px 9px!important;font-size:11px!important;border-radius:6px!important;line-height:1.1}
.btn.dark{background:linear-gradient(135deg,#222,#000)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important}
.hint.wide{grid-column:1/-1}

/* Make actions readable and compact */
body:not(.login-bg) .panel table td .btn,
body:not(.login-bg) .panel table td button{
  white-space:nowrap;
}

/* Better text contrast for all content pages */
body:not(.login-bg) .panel,
body:not(.login-bg) .panel p,
body:not(.login-bg) .panel div,
body:not(.login-bg) .panel label,
body:not(.login-bg) .panel span:not(.skill-level):not(.chat-pulse){
  text-shadow:none!important;
}

/* Hardware-friendly mode automatically activates on 4 cores/8GB and below */
html.low-spec body:not(.login-bg),
body.low-spec:not(.login-bg){
  background:#041226!important;
}
html.low-spec body:not(.login-bg) .hud-screen-layer,
body.low-spec:not(.login-bg) .hud-screen-layer{
  opacity:.18!important;
  filter:none!important;
  background:
    linear-gradient(90deg,rgba(0,5,15,.88),rgba(0,21,55,.48),rgba(0,5,15,.88)),
    url('assets/mrmc-hud-theme-ultra.webp') center center / cover no-repeat!important;
  transform:translateZ(0);
}
html.low-spec body:not(.login-bg) .hud-screen-layer::before,
body.low-spec:not(.login-bg) .hud-screen-layer::before{
  animation:v22LiteGrid 32s linear infinite!important;
  background:
    linear-gradient(rgba(0,234,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,234,255,.018) 1px,transparent 1px)!important;
  background-size:64px 64px!important;
}
html.low-spec body:not(.login-bg) .hud-screen-layer::after,
body.low-spec:not(.login-bg) .hud-screen-layer::after{
  display:block!important;
  animation:v22LiteSweep 22s linear infinite!important;
  opacity:.12!important;
}
@keyframes v22LiteGrid{to{background-position:64px 64px,64px 64px}}
@keyframes v22LiteSweep{0%{left:-45%;opacity:0}30%{opacity:.12}100%{left:120%;opacity:0}}

/* Remove costly effects on low spec while keeping the visible theme and minimal animation */
html.low-spec body:not(.login-bg) .panel,
body.low-spec:not(.login-bg) .panel,
html.low-spec body:not(.login-bg) .side,
body.low-spec:not(.login-bg) .side,
html.low-spec body:not(.login-bg) .top,
body.low-spec:not(.login-bg) .top,
html.low-spec body:not(.login-bg) .mrmc-chat-panel,
body.low-spec:not(.login-bg) .mrmc-chat-panel{
  backdrop-filter:none!important;
  filter:none!important;
  animation:none!important;
  box-shadow:0 6px 18px rgba(0,0,0,.20)!important;
}
html.low-spec body:not(.login-bg) .panel::before,
body.low-spec:not(.login-bg) .panel::before,
html.low-spec body:not(.login-bg) .top::after,
body.low-spec:not(.login-bg) .top::after,
html.low-spec body:not(.login-bg) .side a::before,
body.low-spec:not(.login-bg) .side a::before,
html.low-spec body:not(.login-bg) .btn::after,
body.low-spec:not(.login-bg) .btn::after{
  display:none!important;
}
html.low-spec body:not(.login-bg) .panel,
body.low-spec:not(.login-bg) .panel{
  contain:content;
}
html.low-spec body:not(.login-bg) .table-wrap,
body.low-spec:not(.login-bg) .table-wrap{
  contain:content;
  will-change:auto!important;
}

/* Scroll performance for big tables */
.table-wrap{
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
body:not(.login-bg) table{
  border-collapse:collapse!important;
}

/* Login remains cool but lighter for low-end laptops */
html.low-spec .login-bg .brand-rings::before,
html.low-spec .login-bg .brand-rings::after,
html.low-spec .login-bg .brand-glow,
html.low-spec .login-bg .factory-lanes{
  display:none!important;
}
html.low-spec .login-bg .login-card,
html.low-spec .login-bg .login-form{
  backdrop-filter:none!important;
}
html.low-spec .login-bg::before{
  animation:v22LiteGrid 34s linear infinite!important;
}
html.low-spec .login-bg::after{
  animation:v22LiteSweep 24s linear infinite!important;
}

/* More responsive save buttons */
button[disabled],
.btn[disabled]{
  opacity:.72!important;
  cursor:wait!important;
}


/* =========================================================
   V23 DELIVERY DELETE + PRODUCTION SYSTEM MODULE
   ========================================================= */
.prod-hero{
  display:grid;
  grid-template-columns:1.1fr 1.4fr;
  gap:18px;
  align-items:center;
  padding:22px;
  border:1px solid rgba(0,234,255,.34);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(0,20,50,.90),rgba(0,70,120,.32)), radial-gradient(circle at 80% 30%,rgba(0,234,255,.20),transparent 35%);
  box-shadow:0 10px 28px rgba(0,0,0,.25);
  margin-bottom:14px;
}
.prod-hero h1{margin:0;color:#fff;letter-spacing:5px;text-shadow:0 0 14px rgba(0,234,255,.65)}
.prod-hero p{color:#dffbff;font-weight:700}
.prod-actions{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}
.prod-actions .btn{min-height:62px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.machine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:12px}
.machine-card{
  min-height:82px;
  padding:12px;
  border:1px solid rgba(0,234,255,.25);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(0,16,38,.88),rgba(0,52,90,.52));
  color:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.machine-card b{display:block;font-size:22px;color:#fff}
.machine-card span{display:block;font-weight:900;color:#ffd400}
.machine-card.active span{color:#00ff66}
.machine-card.for-maintenance span,.machine-card.offline span{color:#ff4444}
.machine-card small{display:block;color:#aeeeff;margin-top:4px}
.prod-ok{color:#008c2a!important;font-weight:900!important}
.prod-bad{color:#d10000!important;font-weight:900!important}
.temp-hot{background:#ff1e00!important;color:#000!important;font-weight:900}
.temp-ok{background:#00ff00!important;color:#000!important;font-weight:900}
.prod-report-title{
  background:#d9ffd9;
  color:#006000;
  font-weight:900;
  padding:7px 10px;
  border:1px solid #008000;
  text-transform:uppercase;
}
.prod-report-title.bad{
  background:#ffd5d5;
  color:#c00000;
  border-color:#c00000;
  margin-top:18px;
}
@media(max-width:950px){
  .prod-hero,.grid2{grid-template-columns:1fr}
  .prod-actions{grid-template-columns:1fr}
}
@media print{
  .prod-hero,.prod-actions,.no-print{display:none!important}
  .report-sheet{page-break-inside:auto!important}
  .report-sheet table{font-size:10px!important}
  .report-sheet tr{page-break-inside:avoid!important}
}


/* =========================================================
   V25 MACHINE QR STATUS + MACHINE ACTIVE LOCK
   ========================================================= */
.machine-monitor-priority{
  border:2px solid rgba(255,212,0,.85)!important;
  box-shadow:0 0 26px rgba(255,212,0,.20),0 10px 28px rgba(0,0,0,.24)!important;
}
.machine-note{
  background:#fff7cc;
  color:#001845!important;
  border-bottom:1px solid #ffd400;
  font-weight:800;
}
.prod-warning{
  color:#ffd400!important;
  font-weight:900;
  text-shadow:0 0 10px rgba(255,212,0,.35);
}
.machine-scan-link{
  display:inline-block;
  margin-top:8px;
  padding:6px 8px;
  border-radius:8px;
  background:linear-gradient(135deg,#00eaff,#006bff);
  color:#001845!important;
  text-decoration:none!important;
  font-size:11px;
  font-weight:900;
}
.machine-card.machine-breakdown span,
.machine-card.for-maintenance span,
.machine-card.offline span{
  color:#ff3030!important;
}
.machine-card.active span{
  color:#00d45a!important;
}
.qr-sheet{
  background:#fff!important;
  color:#001845!important;
  padding:18px!important;
}
.qr-sheet h3,.qr-sheet h4,.qr-sheet p{
  text-align:center;
  margin:4px 0;
}
.qr-sheet h3{
  background:#001845!important;
  color:#fff!important;
  border-bottom:4px solid #ffd400!important;
  padding:10px!important;
}
.qr-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px;
}
.qr-card{
  border:2px solid #001845;
  border-radius:8px;
  padding:10px;
  text-align:center;
  page-break-inside:avoid;
  background:#fff;
}
.qr-card h2{
  margin:0 0 8px;
  color:#001845;
  font-size:30px;
}
.qr-card img{
  width:180px;
  height:180px;
  max-width:100%;
  object-fit:contain;
}
.qr-card p{
  font-weight:900;
  color:#001845;
}
.qr-card small{
  display:block;
  color:#333!important;
  word-break:break-all;
  font-size:9px;
}
@media print{
  .qr-grid{grid-template-columns:repeat(3,1fr)}
  .qr-card{break-inside:avoid;page-break-inside:avoid}
  .machine-note,.machine-scan-link{display:none!important}
}
@media(max-width:900px){
  .qr-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .qr-grid{grid-template-columns:1fr}
}


/* =========================================================
   V26 ULTRA FAST SMOOTH THEME
   Goal: keep futuristic design/animation, remove slow-motion lag.
   Default = FAST MODE. Toggle button can switch to FULL FX.
   ========================================================= */

:root.fast-mode{
  --fx-bg-opacity:.14;
  --fx-shadow:0 6px 16px rgba(0,0,0,.18);
  --fx-border:rgba(0,234,255,.30);
}

/* Toggle button */
.speed-toggle{
  position:fixed;
  right:116px;
  bottom:27px;
  z-index:9998;
  min-width:94px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(0,234,255,.38);
  background:linear-gradient(135deg,#001845,#005ea8);
  color:#fff;
  font-weight:900;
  letter-spacing:.8px;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
  cursor:pointer;
}
.speed-toggle:hover{filter:brightness(1.07)}
@media(max-width:720px){.speed-toggle{right:92px;bottom:22px;min-width:78px;font-size:11px}}

/* Main fast mode: use small background and no fixed attachment to avoid repaint lag */
html.fast-mode body:not(.login-bg){
  background:#06152b!important;
}
html.fast-mode body:not(.login-bg) .hud-screen-layer,
html.low-spec body:not(.login-bg) .hud-screen-layer{
  opacity:var(--fx-bg-opacity,.14)!important;
  filter:none!important;
  background:
    linear-gradient(90deg,rgba(0,5,15,.88),rgba(0,21,55,.42),rgba(0,5,15,.88)),
    url('assets/mrmc-hud-theme-fast.webp') center center / cover no-repeat!important;
  background-attachment:scroll!important;
  will-change:auto!important;
  transform:translate3d(0,0,0);
}

/* Keep only 1 light animation layer, much slower and transform-only */
html.fast-mode body:not(.login-bg) .hud-screen-layer::before,
html.low-spec body:not(.login-bg) .hud-screen-layer::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  opacity:.42!important;
  background:
    linear-gradient(rgba(0,234,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,234,255,.018) 1px,transparent 1px)!important;
  background-size:72px 72px!important;
  animation:v26FastGrid 38s linear infinite!important;
}
@keyframes v26FastGrid{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(72px,72px,0)}
}
html.fast-mode body:not(.login-bg) .hud-screen-layer::after,
html.low-spec body:not(.login-bg) .hud-screen-layer::after{
  display:none!important;
}

/* Remove expensive blur/filter effects in pages with big tables */
html.fast-mode body:not(.login-bg) .panel,
html.fast-mode body:not(.login-bg) .side,
html.fast-mode body:not(.login-bg) .top,
html.fast-mode body:not(.login-bg) .mrmc-chat-panel,
html.fast-mode body:not(.login-bg) .prod-hero,
html.fast-mode body:not(.login-bg) .machine-card,
html.low-spec body:not(.login-bg) .panel,
html.low-spec body:not(.login-bg) .side,
html.low-spec body:not(.login-bg) .top,
html.low-spec body:not(.login-bg) .mrmc-chat-panel{
  backdrop-filter:none!important;
  filter:none!important;
  box-shadow:var(--fx-shadow)!important;
}

/* Prevent costly animation on many elements; keep design static + background animation */
html.fast-mode body:not(.login-bg) .panel,
html.fast-mode body:not(.login-bg) .kpi,
html.fast-mode body:not(.login-bg) .card,
html.fast-mode body:not(.login-bg) .stat,
html.fast-mode body:not(.login-bg) .summary-card,
html.fast-mode body:not(.login-bg) .btn,
html.fast-mode body:not(.login-bg) .side a,
html.fast-mode body:not(.login-bg) .side button,
html.fast-mode body:not(.login-bg) .machine-card,
html.fast-mode body:not(.login-bg) .prod-hero,
html.low-spec body:not(.login-bg) .panel,
html.low-spec body:not(.login-bg) .btn,
html.low-spec body:not(.login-bg) .side a{
  animation:none!important;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
}
html.fast-mode body:not(.login-bg) .panel::before,
html.fast-mode body:not(.login-bg) .panel::after,
html.fast-mode body:not(.login-bg) .btn::before,
html.fast-mode body:not(.login-bg) .btn::after,
html.fast-mode body:not(.login-bg) .side a::before,
html.fast-mode body:not(.login-bg) .side a::after,
html.fast-mode body:not(.login-bg) .top::before,
html.fast-mode body:not(.login-bg) .top::after{
  display:none!important;
}

/* Tables: faster paint/scroll on huge logs */
html.fast-mode body:not(.login-bg) .table-wrap,
html.low-spec body:not(.login-bg) .table-wrap{
  contain:layout paint!important;
  background:#fff!important;
  box-shadow:none!important;
  will-change:scroll-position;
}
html.fast-mode body:not(.login-bg) table,
html.low-spec body:not(.login-bg) table{
  border-collapse:collapse!important;
  table-layout:auto;
}
html.fast-mode body:not(.login-bg) th,
html.fast-mode body:not(.login-bg) td{
  text-shadow:none!important;
}

/* Form pages: faster input response */
html.fast-mode body:not(.login-bg) input,
html.fast-mode body:not(.login-bg) select,
html.fast-mode body:not(.login-bg) textarea{
  box-shadow:none!important;
  filter:none!important;
  transition:border-color .10s ease!important;
}
html.fast-mode body:not(.login-bg) input:focus,
html.fast-mode body:not(.login-bg) select:focus,
html.fast-mode body:not(.login-bg) textarea:focus{
  box-shadow:0 0 0 2px rgba(0,143,211,.14)!important;
}

/* Login page is also lighter but still moving */
html.fast-mode .login-bg,
html.low-spec .login-bg{
  background:
    linear-gradient(90deg,rgba(0,5,15,.46),rgba(0,5,15,.18),rgba(0,5,15,.62)),
    url('assets/mrmc-hud-theme-fast.webp') center center / cover no-repeat!important;
  background-attachment:scroll!important;
}
html.fast-mode .login-bg::before,
html.low-spec .login-bg::before{
  animation:v26FastGrid 42s linear infinite!important;
  opacity:.45!important;
}
html.fast-mode .login-bg::after,
html.low-spec .login-bg::after{
  display:none!important;
}
html.fast-mode .login-card,
html.fast-mode .login-form,
html.low-spec .login-card,
html.low-spec .login-form{
  backdrop-filter:none!important;
  filter:none!important;
}
html.fast-mode .login-form::before,
html.low-spec .login-form::before{
  display:none!important;
}

/* Chat: less CPU, still visible */
html.fast-mode .mrmc-chat-fab::after,
html.fast-mode .chat-pulse,
html.low-spec .mrmc-chat-fab::after,
html.low-spec .chat-pulse{
  animation:none!important;
}
html.fast-mode .mrmc-chat-fab,
html.low-spec .mrmc-chat-fab{
  box-shadow:0 8px 18px rgba(0,0,0,.35)!important;
}

/* Production dashboard cards */
html.fast-mode .prod-hero,
html.fast-mode .machine-card{
  border-color:rgba(0,234,255,.32)!important;
}

/* Printing always clean and fast */
@media print{
  .speed-toggle{display:none!important}
}

/* Mobile/small laptop: use even smaller background */
@media(max-width:900px){
  html.fast-mode body:not(.login-bg) .hud-screen-layer,
  html.low-spec body:not(.login-bg) .hud-screen-layer,
  html.fast-mode .login-bg,
  html.low-spec .login-bg{
    background-image:linear-gradient(90deg,rgba(0,5,15,.88),rgba(0,21,55,.42),rgba(0,5,15,.88)),url('assets/mrmc-hud-theme-mobile.webp')!important;
  }
}

/* FULL FX mode keeps previous animations. FAST MODE is default. */


/* =========================================================
   V27 QR BASE URL FIX
   ========================================================= */
.qr-base-form{
  margin-top:10px;
  align-items:end;
}
.qr-base-form label{
  min-width:min(520px,100%);
}
.qr-base-form input{
  font-weight:900;
}
.qr-warning{
  background:#ffd6d6;
  color:#9b0000!important;
  border:2px solid #d60000;
  border-radius:10px;
  padding:12px;
  font-weight:900;
  margin-bottom:10px;
}
.qr-ok-msg{
  background:#ddffdd;
  color:#006000!important;
  border:2px solid #00a000;
  border-radius:10px;
  padding:12px;
  font-weight:900;
  margin-bottom:10px;
}
.qr-sheet > p{
  color:#001845!important;
  font-weight:900;
}
@media print{
  .qr-warning,.qr-ok-msg,.qr-base-form{display:none!important}
}


/* =========================================================
   V28 TOP SPEED SETTINGS + ADMIN_DEV SYSTEM SWITCH
   ========================================================= */

/* hide old floating speed button if cached */
.speed-toggle{display:none!important}

.top{
  gap:12px;
}
.top-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.admin-pill{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(0,40,90,.92),rgba(0,126,170,.55));
  border:1px solid rgba(0,234,255,.42);
  color:#fff!important;
  box-shadow:0 0 18px rgba(0,234,255,.12);
  white-space:nowrap;
}
.speed-level-control,
.system-switch-form label{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:4px 8px;
  border-radius:12px;
  background:rgba(0,16,38,.72);
  border:1px solid rgba(0,234,255,.25);
  color:#dffbff!important;
  font-size:11px;
  font-weight:900;
  letter-spacing:.8px;
  white-space:nowrap;
}
.speed-level-control select,
.system-switch-form select{
  height:30px;
  min-width:118px;
  border-radius:8px;
  border:1px solid rgba(0,234,255,.32);
  background:#06152b;
  color:#fff;
  font-weight:900;
  font-size:11px;
  padding:0 8px;
}
.system-switch-form{
  margin:0;
}
.system-switch-form select{
  min-width:190px;
  color:#ffd400;
}

/* Speed level behavior */
html.speed-super-low body:not(.login-bg) .hud-screen-layer{
  opacity:.08!important;
  background:
    linear-gradient(90deg,rgba(0,5,15,.92),rgba(0,21,55,.42),rgba(0,5,15,.92)),
    url('assets/mrmc-hud-theme-mobile.webp') center center / cover no-repeat!important;
}
html.speed-super-low body:not(.login-bg) .hud-screen-layer::before{
  display:none!important;
}
html.speed-super-low body:not(.login-bg) .hud-screen-layer::after{
  display:none!important;
}
html.speed-super-low body:not(.login-bg) .panel,
html.speed-super-low body:not(.login-bg) .side,
html.speed-super-low body:not(.login-bg) .top,
html.speed-super-low body:not(.login-bg) .mrmc-chat-panel,
html.speed-super-low body:not(.login-bg) .prod-hero,
html.speed-super-low body:not(.login-bg) .machine-card{
  animation:none!important;
  transition:none!important;
  box-shadow:0 4px 10px rgba(0,0,0,.16)!important;
  backdrop-filter:none!important;
  filter:none!important;
}

html.speed-low body:not(.login-bg) .hud-screen-layer{
  opacity:.13!important;
}
html.speed-low body:not(.login-bg) .hud-screen-layer::before{
  animation:v26FastGrid 52s linear infinite!important;
}
html.speed-low body:not(.login-bg) .hud-screen-layer::after{
  display:none!important;
}
html.speed-low body:not(.login-bg) .panel,
html.speed-low body:not(.login-bg) .prod-hero,
html.speed-low body:not(.login-bg) .machine-card{
  box-shadow:0 6px 16px rgba(0,0,0,.18)!important;
  backdrop-filter:none!important;
}

html.speed-high body:not(.login-bg) .hud-screen-layer{
  opacity:.20!important;
}
html.speed-high body:not(.login-bg) .hud-screen-layer::before{
  animation:v26FastGrid 34s linear infinite!important;
}
html.speed-high body:not(.login-bg) .panel,
html.speed-high body:not(.login-bg) .prod-hero,
html.speed-high body:not(.login-bg) .machine-card{
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}

html.speed-super-high body:not(.login-bg) .hud-screen-layer{
  opacity:.30!important;
}
html.speed-super-high body:not(.login-bg) .hud-screen-layer::before{
  animation:v26FastGrid 22s linear infinite!important;
}
html.speed-super-high body:not(.login-bg) .hud-screen-layer::after{
  display:block!important;
  animation:v22LiteSweep 18s linear infinite!important;
}

/* Improve huge table pages in all modes */
body:not(.login-bg) .table-wrap{
  contain:layout paint!important;
}
body:not(.login-bg) td, body:not(.login-bg) th{
  text-shadow:none!important;
}

/* On slow screens force controls to fit top */
@media(max-width:980px){
  .top{align-items:flex-start}
  .top-tools{justify-content:flex-start}
  .speed-level-control select{min-width:105px}
  .system-switch-form select{min-width:160px}
}
@media(max-width:700px){
  .top-tools{gap:6px}
  .speed-level-control,
  .system-switch-form label,
  .admin-pill{font-size:10px;padding:4px 7px}
  .system-switch-form select{min-width:138px}
}
@media print{
  .top-tools{display:none!important}
}


/* =========================================================
   V30 INVENTORY SETTINGS / MASTER DATA EDITING
   ========================================================= */
.master-actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;
}
.mini-card{
  background:rgba(0,24,69,.08);
  border:1px solid rgba(0,71,140,.16);
  border-radius:12px;
  padding:12px;
}
.mini-card h4{
  margin:0 0 8px;
  color:#001845;
  letter-spacing:.5px;
}
.mini-card input,
.mini-card select{
  margin:4px 0 8px;
}
.row-form{
  display:contents;
}
.settings-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
  gap:14px;
  padding:12px;
}
.settings-box{
  overflow:auto;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,71,140,.22);
  border-radius:12px;
}
.settings-box h4{
  margin:0;
  padding:10px 12px;
  background:#00245c;
  color:#fff;
  border-bottom:3px solid #ffd400;
}
.settings-box table{
  width:100%;
}
.settings-box td input{
  min-width:160px;
}


/* =========================================================
   V31 INVENTORY PRODUCTION + LEADER + CHAT SOUND INDICATOR
   ========================================================= */
.inventory-log-table th,
.inventory-log-table td{
  white-space:nowrap;
}
.inventory-log-table td:nth-child(3){
  white-space:normal;
  min-width:115px;
}
.inventory-log-table td:nth-child(5),
.inventory-log-table td:nth-child(13),
.inventory-log-table td:nth-child(14){
  min-width:120px;
}
.chat-music-indicator,
.chat-note-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,212,0,.16);
  color:#ffd400;
  border:1px solid rgba(255,212,0,.45);
  font-weight:900;
  box-shadow:0 0 12px rgba(255,212,0,.16);
}
.chat-note-icon{
  position:absolute;
  top:7px;
  left:8px;
  width:18px;
  height:18px;
  font-size:12px;
  opacity:.75;
}
#chatSoundToggle{
  border:1px solid rgba(255,212,0,.42);
  background:linear-gradient(135deg,#001845,#064b74);
  color:#ffd400;
  border-radius:8px;
  padding:4px 8px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.chat-music-indicator.enabled,
#chatSoundToggle:hover{
  background:rgba(255,212,0,.28);
}
.chat-music-indicator.ringing,
.chat-note-icon.ringing,
.mrmc-chat-fab.ringing{
  animation:chatRingV31 .38s ease-in-out 0s 4;
  box-shadow:0 0 22px rgba(255,212,0,.78)!important;
}
@keyframes chatRingV31{
  0%,100%{transform:scale(1)}
  35%{transform:scale(1.14) rotate(-5deg)}
  70%{transform:scale(.96) rotate(5deg)}
}
html.speed-super-low .chat-music-indicator.ringing,
html.speed-super-low .chat-note-icon.ringing,
html.speed-super-low .mrmc-chat-fab.ringing{
  animation:none!important;
  box-shadow:0 0 18px rgba(255,212,0,.55)!important;
}


/* =========================================================
   V32 PRODUCTION SETTINGS + ROBOTIC CHAT RINGTONE
   ========================================================= */
.chat-drag-hint{
  position:absolute;
  left:50%;
  bottom:4px;
  transform:translateX(-50%);
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.8px;
  color:#ffd400;
  opacity:.82;
  pointer-events:none;
}
.mrmc-chat-fab{
  cursor:grab;
  touch-action:none;
}
.mrmc-chat-fab.dragging,
.mrmc-chat.dragging .mrmc-chat-fab{
  cursor:grabbing;
}
.chat-note-icon.ringing{
  color:#00eaff;
  border-color:#00eaff;
  background:rgba(0,234,255,.22);
}
.settings-box table td:first-child input{
  max-width:76px;
}
.prod-settings-note{
  background:#fff7cc;
  color:#001845;
  border:1px solid #ffd400;
  border-radius:10px;
  padding:10px;
  font-weight:800;
}


/* =========================================================
   V33 LATEST RECORD / DAILY LOG
   ========================================================= */
.latest-record-panel .page-note{
  color:#bff7ff!important;
}
.latest-filter .inline-filter{
  gap:10px;
  align-items:end;
}
.latest-filter label{
  min-width:180px;
}
.latest-filter label:last-of-type{
  flex:1 1 310px;
}
.daily-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  padding:0 14px 14px;
}
.daily-kpi{
  border:1px solid rgba(0,234,255,.28);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(0,20,54,.92),rgba(0,92,134,.44));
  color:#dffbff;
  padding:10px 12px;
  font-weight:900;
  letter-spacing:.8px;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.daily-kpi b{
  display:block;
  margin-top:4px;
  font-size:20px;
  color:#ffd400;
}
.latest-record-table th,
.latest-record-table td{
  white-space:nowrap;
}
.latest-record-table td:nth-child(3){
  min-width:120px;
  white-space:normal;
}
@media print{
  .daily-kpis{display:grid!important; break-inside:avoid}
  .latest-filter{display:none!important}
  .latest-record-panel{
    background:#fff!important;
    color:#000!important;
  }
  .latest-record-table th{
    background:#00245c!important;
    color:#fff!important;
  }
}


/* =========================================================
   V34 DEV UPDATE WARNING + CHAT STICKERS + IN-HOUSE TRIMMER
   ========================================================= */
.dev-update-banner{
  margin:0 18px 12px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:14px;
  border:2px solid #ff1e3d;
  background:linear-gradient(135deg,rgba(255,0,40,.96),rgba(255,197,0,.92));
  color:#001845!important;
  font-weight:1000;
  box-shadow:0 0 26px rgba(255,0,40,.34);
  position:sticky;
  top:0;
  z-index:9000;
}
.dev-update-banner b{
  color:#fff!important;
  background:#b00020;
  border-radius:999px;
  padding:6px 10px;
  white-space:nowrap;
}
.dev-update-banner span{color:#001845!important}
html.dev-update-active:not(.dev-is-dev) button[type="submit"]:not(.chat-delete){
  box-shadow:0 0 0 2px rgba(255,0,40,.35), 0 0 18px rgba(255,0,40,.22)!important;
}
.chat-sticker-panel{
  padding:9px 11px 5px;
  background:rgba(0,15,42,.92);
  border-top:1px solid rgba(255,212,0,.20);
  border-bottom:1px solid rgba(0,234,255,.18);
}
.chat-sticker-title{
  color:#ffd400;
  font-size:10px;
  font-weight:1000;
  letter-spacing:1px;
  margin-bottom:6px;
}
.chat-sticker-grid{
  display:grid;
  grid-template-columns:repeat(9, 1fr);
  gap:5px;
}
.chat-sticker-btn{
  height:42px;
  border-radius:9px;
  border:1px solid rgba(0,234,255,.26);
  background:rgba(255,255,255,.08);
  padding:2px;
  cursor:pointer;
  overflow:hidden;
}
.chat-sticker-btn:hover{
  border-color:#ffd400;
  background:rgba(255,212,0,.14);
  transform:translateY(-1px);
}
.chat-sticker-btn img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:7px;
  display:block;
}
.chat-sticker-img{
  width:min(132px, 48vw);
  max-height:132px;
  object-fit:contain;
  border-radius:14px;
  border:1px solid rgba(255,212,0,.45);
  background:#fff;
  padding:3px;
  box-shadow:0 8px 16px rgba(0,0,0,.25);
}
.latest-record-table th:nth-child(13),
.latest-record-table td:nth-child(13),
.inventory-log-table th:nth-child(13),
.inventory-log-table td:nth-child(13){
  min-width:150px;
}
@media(max-width:700px){
  .chat-sticker-grid{grid-template-columns:repeat(5,1fr)}
  .chat-sticker-btn{height:40px}
  .dev-update-banner{margin:0 8px 10px;align-items:flex-start;flex-direction:column}
}
@media print{
  .dev-update-banner,
  .chat-sticker-panel{display:none!important}
}


/* =========================================================
   V35 UPDATE CENTER / NO-INTERRUPT INSTALLER
   ========================================================= */
.dev-update-banner{
  display:none!important;
}
.update-center-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 14px;
  border-radius:14px;
  border:1px solid rgba(0,234,255,.45);
  background:rgba(0,24,69,.78);
  color:#dffbff!important;
  font-weight:1000;
  text-decoration:none!important;
  letter-spacing:.8px;
  box-shadow:0 0 16px rgba(0,234,255,.14);
  white-space:nowrap;
}
.update-center-pill.update-available{
  background:linear-gradient(135deg,#00c853,#007a31);
  color:#fff!important;
  border-color:#a8ff60;
  box-shadow:0 0 22px rgba(0,255,100,.58);
  animation:updatePulseV35 1.5s ease-in-out infinite;
}
.update-center-pill.update-current{
  background:linear-gradient(135deg,#00315e,#005a74);
  color:#dffbff!important;
}
@keyframes updatePulseV35{
  0%,100%{filter:brightness(1);transform:translateY(0)}
  50%{filter:brightness(1.18);transform:translateY(-1px)}
}
html.speed-super-low .update-center-pill.update-available{
  animation:none!important;
}
.update-center-panel .page-note{
  color:#bff7ff!important;
}
.update-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
.update-card{
  border:1px solid rgba(0,234,255,.28);
  border-radius:16px;
  padding:14px;
  background:linear-gradient(135deg,rgba(0,24,69,.92),rgba(0,92,134,.38));
  color:#dffbff;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
.update-card span{
  display:block;
  color:#98eeff;
  font-weight:900;
  letter-spacing:.8px;
}
.update-card b{
  display:block;
  font-size:34px;
  color:#ffd400;
  line-height:1.1;
  margin:6px 0;
}
.update-card small{
  display:block;
  min-height:32px;
  color:#fff;
  font-weight:800;
}
.update-card em{
  display:block;
  margin-top:6px;
  color:#bff7ff;
  font-style:normal;
  font-size:12px;
}
.update-card.hot{
  border-color:#9cff57;
  box-shadow:0 0 22px rgba(0,255,100,.28);
}
.update-card.ok{
  border-color:#00eaff;
}
.update-alert{
  margin:12px;
  border-radius:14px;
  border:1px solid #9cff57;
  background:linear-gradient(135deg,rgba(0,200,83,.22),rgba(255,212,0,.18));
  color:#00320f!important;
  font-weight:1000;
}
.update-ok-box{
  margin:12px;
  border-radius:14px;
  border:1px solid rgba(0,234,255,.38);
  background:rgba(0,234,255,.12);
  color:#001845!important;
  font-weight:1000;
}
.panel-inner{
  margin:12px;
  border:1px solid rgba(0,234,255,.22);
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.92);
}
.update-notes{
  margin:0;
  padding-left:18px;
}
.patch-status{
  display:inline-block;
  border-radius:999px;
  padding:5px 9px;
  font-weight:1000;
  font-size:12px;
}
.patch-installed{background:#0057b8;color:#fff}
.patch-available{background:#00c853;color:#fff}
.patch-older{background:#455a64;color:#fff}
.update-help{
  color:#001845!important;
  font-weight:900;
}
.inline-form{
  display:inline-flex;
}
@media(max-width:760px){
  .update-center-pill{
    width:100%;
    min-height:38px;
  }
  .top-tools{
    align-items:stretch;
  }
}


/* =========================================================
   V36 UPDATE ANNOUNCEMENTS + BIGGER CHAT + MOULDING SETTINGS
   ========================================================= */
.mrmc-chat-panel{
  width:min(520px, calc(100vw - 24px))!important;
  max-height:min(760px, calc(100vh - 30px))!important;
}
.mrmc-chat-panel header{
  padding:14px 15px!important;
}
.mrmc-chat-panel header b{
  font-size:17px!important;
  letter-spacing:.9px;
}
.mrmc-chat-panel header small{
  font-size:12px!important;
  margin-top:3px;
}
.chat-body{
  min-height:330px!important;
  max-height:430px!important;
}
.chat-announcement-marquee{
  overflow:hidden;
  white-space:nowrap;
  background:linear-gradient(135deg,#001845,#004f73);
  border-top:1px solid rgba(255,212,0,.45);
  border-bottom:1px solid rgba(255,212,0,.45);
  color:#fff;
  font-weight:1000;
  padding:9px 0;
}
.chat-announcement-marquee span{
  display:inline-block;
  padding-left:100%;
  animation:mrmcAnnouncementMoveV36 17s linear infinite;
  color:#ffd400!important;
  text-shadow:0 0 10px rgba(255,212,0,.45);
}
@keyframes mrmcAnnouncementMoveV36{
  0%{transform:translateX(0)}
  100%{transform:translateX(-100%)}
}
html.speed-super-low .chat-announcement-marquee span{
  animation-duration:34s;
}
.chat-announcement-send{
  display:flex;
  gap:7px;
  padding:9px 10px;
  background:rgba(255,212,0,.12);
  border-bottom:1px solid rgba(255,212,0,.32);
}
.chat-announcement-send input{
  flex:1;
  min-height:38px;
  border-radius:10px;
  border:1px solid rgba(255,212,0,.55);
  padding:8px 10px;
  font-weight:800;
}
.chat-announcement-send button{
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#ffd400,#ff8c00);
  color:#001845;
  font-weight:1000;
  padding:8px 10px;
  cursor:pointer;
}
.chat-msg.announcement-msg{
  background:linear-gradient(135deg,rgba(255,212,0,.28),rgba(0,234,255,.18))!important;
  border:1px solid rgba(255,212,0,.65)!important;
  box-shadow:0 0 18px rgba(255,212,0,.18);
}
.chat-msg.announcement-msg .chat-text{
  font-size:15px!important;
  font-weight:900;
}
.ann-label{
  color:#ffd400;
  text-shadow:0 0 8px rgba(255,212,0,.55);
}
.update-center-panel table th:nth-child(3),
.update-center-panel table td:nth-child(3){
  min-width:220px;
}
.update-available{
  animation:updatePulseV35 1.15s ease-in-out infinite!important;
}
.moulding-card{
  border-color:#ffd400!important;
  background:linear-gradient(135deg,rgba(255,212,0,.16),rgba(0,234,255,.10))!important;
}
.moulding-card small{
  display:block;
  margin-top:4px;
  color:#001845;
  font-weight:800;
}
@media(max-width:700px){
  .mrmc-chat-panel{
    width:calc(100vw - 16px)!important;
  }
  .chat-body{
    min-height:260px!important;
  }
  .chat-announcement-send{
    flex-direction:column;
  }
}


/* =========================================================
   V37 CHAT LOGO MOVE + MINIMIZE FIX
   ========================================================= */

/* Keep only the CHAT logo as the draggable handle. */
.chat-move-hint{
  font-size:10px!important;
  color:#ffd400!important;
  border:1px solid rgba(255,212,0,.38)!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(255,212,0,.10)!important;
}

/* Smaller and safer chat panel; prevents "sumagad sa taas". */
.mrmc-chat-panel{
  width:min(455px, calc(100vw - 22px))!important;
  max-height:min(610px, calc(100vh - 24px))!important;
  overflow:hidden!important;
  bottom:92px!important;
  right:0!important;
  left:auto!important;
  transform:none!important;
}
.mrmc-chat-panel header{
  padding:10px 12px!important;
  gap:8px!important;
}
.mrmc-chat-panel header b{
  font-size:14px!important;
  letter-spacing:.6px!important;
}
.mrmc-chat-panel header small{
  font-size:10px!important;
}
.chat-header-actions{
  gap:4px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.chat-header-actions button{
  width:auto!important;
  min-width:30px!important;
  height:30px!important;
  padding:0 7px!important;
  font-size:13px!important;
}
#chatSoundToggle{
  min-width:78px!important;
  font-size:10px!important;
}
.chat-announcement-marquee{
  padding:6px 0!important;
}
.chat-announcement-send{
  padding:7px 8px!important;
  gap:6px!important;
}
.chat-announcement-send input{
  min-height:34px!important;
}
.chat-announcement-send button{
  min-height:34px!important;
  font-size:11px!important;
}
.chat-body{
  min-height:185px!important;
  max-height:250px!important;
  padding:9px!important;
}
.chat-msg{
  margin-bottom:8px!important;
  padding:8px 9px!important;
}
.chat-sticker-panel{
  padding:6px 8px 4px!important;
}
.chat-sticker-title{
  font-size:9px!important;
  margin-bottom:4px!important;
}
.chat-sticker-grid{
  gap:4px!important;
}
.chat-sticker-btn{
  height:34px!important;
  border-radius:8px!important;
}
.chat-send{
  padding:8px!important;
  grid-template-columns:1fr 70px!important;
}
.chat-send input{
  min-height:38px!important;
}
.chat-note{
  padding:5px 8px!important;
  font-size:9px!important;
}

/* Clicking the logo now toggles open/minimize. */
.mrmc-chat.open .mrmc-chat-fab{
  box-shadow:0 0 0 2px rgba(255,212,0,.55),0 0 24px rgba(0,234,255,.48)!important;
}
.mrmc-chat-fab{
  cursor:grab!important;
}
.mrmc-chat.open .mrmc-chat-fab b::after{
  content:" / MIN";
  color:#ffd400;
  font-size:10px;
}

/* When the logo is moved near top, keep panel readable. */
@media(max-height:720px){
  .mrmc-chat-panel{
    max-height:calc(100vh - 18px)!important;
  }
  .chat-body{
    min-height:145px!important;
    max-height:205px!important;
  }
  .chat-sticker-btn{
    height:30px!important;
  }
}
@media(max-width:700px){
  .mrmc-chat-panel{
    width:calc(100vw - 16px)!important;
    bottom:82px!important;
  }
  .chat-sticker-grid{
    grid-template-columns:repeat(5,1fr)!important;
  }
}


/* =========================================================
   V38 CHAT DRAG + UPDATE CENTER DETAILS FIX
   ========================================================= */

/* Both logo and header can move the chat. */
.mrmc-chat-fab,
.mrmc-chat-panel header{
  cursor:grab!important;
  touch-action:none!important;
}
.mrmc-chat.dragging .mrmc-chat-fab,
.mrmc-chat.dragging .mrmc-chat-panel header{
  cursor:grabbing!important;
}
.chat-move-hint{
  color:#ffd400!important;
  border-color:rgba(255,212,0,.60)!important;
  background:rgba(255,212,0,.16)!important;
}

/* Keep chat panel inside viewport while still moveable. */
.mrmc-chat-panel{
  max-height:min(620px, calc(100vh - 24px))!important;
}
.chat-body{
  max-height:260px!important;
}

/* More complete Update Center details. */
.update-latest-detail{
  margin:12px!important;
}
.update-detail-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;
  padding:12px;
}
.update-detail-box{
  border-radius:14px;
  border:1px solid rgba(0,234,255,.26);
  padding:12px;
  background:linear-gradient(135deg,rgba(0,24,69,.92),rgba(0,92,134,.26));
  color:#eaffff;
  box-shadow:0 10px 22px rgba(0,0,0,.20);
}
.update-detail-box h4{
  margin:0 0 8px;
  color:#ffd400;
  letter-spacing:1px;
}
.update-detail-box p,
.update-detail-box li{
  color:#eaffff!important;
  font-weight:800;
}
.update-detail-box ul{
  margin:0;
  padding-left:18px;
}
.update-detail-box.fixed{
  border-color:rgba(255,90,90,.45);
}
.update-detail-box.new{
  border-color:rgba(0,255,120,.45);
}
.update-history-table th,
.update-history-table td{
  vertical-align:top!important;
}
.update-history-table td:nth-child(3){
  min-width:220px;
}
.update-history-table td:nth-child(4),
.update-history-table td:nth-child(5),
.update-history-table td:nth-child(6){
  min-width:210px;
}
.update-notes li{
  margin-bottom:4px;
}
@media(max-height:720px){
  .chat-body{
    max-height:220px!important;
  }
}


/* =========================================================
   V39 RAW MATERIALS SYSTEM + GRAPHICS SETTINGS + CHAT DRAG
   ========================================================= */
.graphics-level-control{
  min-width:170px!important;
}
.graphics-level-control select{
  min-width:145px!important;
}

/* New graphics setting class aliases */
html.speed-medium body:not(.login-bg) .hud-screen-layer{
  opacity:.18!important;
}
html.speed-medium body:not(.login-bg) .hud-screen-layer::before{
  animation:v26FastGrid 42s linear infinite!important;
}
html.speed-medium body:not(.login-bg) .hud-screen-layer::after{
  display:none!important;
}
html.speed-ultra-high body:not(.login-bg) .hud-screen-layer{
  opacity:.34!important;
}
html.speed-ultra-high body:not(.login-bg) .hud-screen-layer::before{
  animation:v26FastGrid 18s linear infinite!important;
}
html.speed-ultra-high body:not(.login-bg) .hud-screen-layer::after{
  display:block!important;
  animation:v22LiteSweep 14s linear infinite!important;
}
html.speed-ultra-high body:not(.login-bg) .panel,
html.speed-ultra-high body:not(.login-bg) .prod-hero,
html.speed-ultra-high body:not(.login-bg) .machine-card{
  box-shadow:0 14px 32px rgba(0,234,255,.18),0 12px 28px rgba(0,0,0,.26)!important;
}

/* Stronger movable chat */
.mrmc-chat{
  z-index:99999!important;
}
.mrmc-chat-fab,
.mrmc-chat-panel header{
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
}
.mrmc-chat.dragging .mrmc-chat-fab,
.mrmc-chat.dragging .mrmc-chat-panel header{
  cursor:grabbing!important;
}
.mrmc-chat-fab{
  pointer-events:auto!important;
}

/* Raw Materials UI */
.raw-hero .kpi.danger b,
.raw-reorder{
  color:#ff2e4d!important;
  font-weight:1000;
}
.raw-ok{
  color:#008a2a!important;
  font-weight:1000;
}
.raw-fifo-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));
  gap:12px 16px;
  align-items:end;
}
.raw-fifo-form label{
  display:flex;
  flex-direction:column;
  gap:5px;
  font-weight:1000;
  color:#001845;
}
.raw-fifo-form .wide{
  grid-column:1 / 2;
}
.raw-fifo-form input,
.raw-fifo-form select,
.raw-fifo-form textarea{
  min-height:46px;
  border:1px solid #6aa1d8;
  border-radius:7px;
  padding:10px;
  font-weight:800;
}
.raw-fifo-form textarea{
  resize:vertical;
}
.raw-submit{
  min-height:70px;
  font-size:20px!important;
}
.raw-stock-table td,
.raw-stock-table th{
  white-space:nowrap;
}
.report-paper{
  width:min(960px,100%);
  margin:0 auto 20px;
  background:#fff;
  color:#000;
  padding:28px;
  box-shadow:0 0 0 1px #ddd, 0 12px 30px rgba(0,0,0,.18);
}
.report-paper h2{
  text-align:center;
  font-size:14px;
  margin:0 0 12px;
  color:#000;
}
.report-paper h3{
  background:#0b2d63;
  color:#fff;
  text-align:center;
  padding:10px;
  margin:10px 0 16px;
}
.print-table{
  width:100%;
  border-collapse:collapse;
  color:#000;
}
.print-table th{
  background:#3d3d3d;
  color:#fff;
}
.print-table th,
.print-table td{
  border:1px solid #bbb;
  padding:6px 8px;
  font-size:12px;
}
.raw-chart{
  margin-top:18px;
  border-top:1px solid #ddd;
  padding-top:12px;
}
.raw-bar-row{
  display:grid;
  grid-template-columns:170px 1fr 80px;
  gap:8px;
  align-items:center;
  margin:6px 0;
  font-size:12px;
}
.raw-bar{
  height:16px;
  border:1px solid #cfd8dc;
  background:#f4f7fb;
}
.raw-bar i{
  display:block;
  height:100%;
  background:#2857b8;
}
.page-foot{
  text-align:center;
  margin-top:30px;
  font-size:11px;
}
@media(max-width:800px){
  .raw-fifo-form{
    grid-template-columns:1fr;
  }
  .raw-fifo-form .wide{
    grid-column:auto;
  }
  .graphics-level-control{
    min-width:145px!important;
  }
}
@media print{
  .raw-chart .raw-bar i{
    print-color-adjust:exact;
    -webkit-print-color-adjust:exact;
  }
  .report-paper{
    box-shadow:none!important;
    width:100%!important;
    padding:0!important;
  }
  .raw-fifo-panel,
  .raw-stock-panel{
    page-break-inside:avoid;
  }
}


/* =========================================================
   V40 RAW FIFO TAG GENERATOR + EDIT/DELETE RAW LOGS
   ========================================================= */
.fifo-tag-form label input,
.fifo-tag-form label select{
  min-width:160px;
}
.fifo-help{
  margin:10px 0 0;
  color:#001845;
  font-weight:900;
}
.color-scheme-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;
}
.color-scheme-grid > div{
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(0,83,142,.25);
  background:rgba(255,255,255,.72);
  border-radius:12px;
  padding:10px;
  color:#001845;
  font-weight:1000;
}
.color-scheme-grid small{
  margin-left:auto;
  font-weight:800;
}
.fifo-color-chip{
  width:22px;
  height:22px;
  border-radius:7px;
  border:2px solid #111;
  display:inline-block;
}
.fifo-label-sheet{
  background:#fff;
  color:#000;
  width:8.27in;
  min-height:11.69in;
  margin:0 auto 22px;
  padding:.35in .45in;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-content:start;
  gap:.18in .22in;
  box-shadow:0 0 0 1px #ddd,0 12px 30px rgba(0,0,0,.20);
}
.fifo-label{
  position:relative;
  min-height:.74in;
  border:3px solid #111;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
  page-break-inside:avoid;
  overflow:hidden;
}
.fifo-label-band{
  position:absolute;
  left:0;top:0;bottom:0;
  width:.16in;
}
.fifo-label b{
  font-size:13px;
  font-weight:900;
  line-height:1.15;
  margin-bottom:4px;
  text-transform:uppercase;
}
.fifo-label span{
  font-size:12px;
  font-weight:900;
}
.btn.mini{
  padding:7px 9px!important;
  font-size:11px!important;
  min-height:auto!important;
}
.row-form{
  display:contents;
}
.raw-form-wrap .btn.light{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media print{
  body:has(.fifo-label-sheet) .side,
  body:has(.fifo-label-sheet) .top,
  body:has(.fifo-label-sheet) .no-print,
  body:has(.fifo-label-sheet) .mrmc-chat,
  body:has(.fifo-label-sheet) .hud-screen-layer,
  body:has(.fifo-label-sheet) .hud-bg{
    display:none!important;
  }
  body:has(.fifo-label-sheet),
  body:has(.fifo-label-sheet) .app,
  body:has(.fifo-label-sheet) .main,
  body:has(.fifo-label-sheet) .content{
    display:block!important;
    background:#fff!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
  }
  .fifo-label-sheet{
    box-shadow:none!important;
    margin:0!important;
    width:100%!important;
    min-height:auto!important;
    padding:.25in!important;
    gap:.16in .18in!important;
    page-break-after:auto;
  }
  .fifo-label{
    print-color-adjust:exact;
    -webkit-print-color-adjust:exact;
  }
  .fifo-label-band{
    print-color-adjust:exact;
    -webkit-print-color-adjust:exact;
  }
}
@page{
  size:A4 portrait;
  margin:0.25in;
}


/* =========================================================
   V41 CHAT READ STATUS + ROBOTIC ALERTS + BROADCAST TICKER
   ========================================================= */
.global-announcement-bar{
  margin:0 18px 10px;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(0,234,255,.45);
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(0,15,42,.95),rgba(0,86,120,.82)),
    repeating-linear-gradient(90deg,rgba(0,234,255,.10) 0 1px,transparent 1px 14px);
  box-shadow:0 0 24px rgba(0,234,255,.22), inset 0 0 18px rgba(0,234,255,.10);
  overflow:hidden;
  position:relative;
  z-index:25;
}
.global-announcement-label{
  flex:0 0 auto;
  margin-left:10px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,212,0,.70);
  color:#001845;
  background:linear-gradient(135deg,#ffd400,#00eaff);
  font-weight:1000;
  font-size:11px;
  letter-spacing:1px;
  text-shadow:none;
}
.global-announcement-track{
  flex:1;
  overflow:hidden;
  white-space:nowrap;
}
.global-announcement-track span{
  display:inline-block;
  min-width:100%;
  padding-left:100%;
  color:#eaffff!important;
  font-weight:1000;
  letter-spacing:1.1px;
  text-shadow:0 0 10px rgba(0,234,255,.65);
  animation:mrmcGlobalBroadcastV41 22s linear infinite;
}
@keyframes mrmcGlobalBroadcastV41{
  0%{transform:translateX(0)}
  100%{transform:translateX(-100%)}
}
html.speed-super-low .global-announcement-track span,
html.speed-low .global-announcement-track span{
  animation-duration:42s!important;
}
.chat-announcement-marquee{
  background:
    linear-gradient(135deg,rgba(0,16,48,.98),rgba(0,94,128,.88)),
    repeating-linear-gradient(90deg,rgba(0,234,255,.10) 0 1px,transparent 1px 13px)!important;
  border-top:2px solid rgba(0,234,255,.55)!important;
  border-bottom:2px solid rgba(255,212,0,.45)!important;
  padding:9px 0!important;
}
.chat-announcement-marquee span{
  color:#eaffff!important;
  font-size:13px!important;
  letter-spacing:1px;
  text-shadow:0 0 10px rgba(0,234,255,.65)!important;
}
.chat-header-actions #chatSoundToggle{
  background:linear-gradient(135deg,#001845,#004f73)!important;
  color:#eaffff!important;
  border:1px solid rgba(0,234,255,.45)!important;
}
.chat-music-indicator.enabled{
  color:#00ff9d!important;
  text-shadow:0 0 12px rgba(0,255,157,.70)!important;
}
.chat-music-indicator.ringing,
.chat-note-icon.ringing,
.mrmc-chat-fab.ringing{
  animation:mrmcRobotRingV41 .38s ease-in-out infinite alternate!important;
}
@keyframes mrmcRobotRingV41{
  from{filter:brightness(1); transform:translateY(0) scale(1);}
  to{filter:brightness(1.28); transform:translateY(-2px) scale(1.04);}
}
.mrmc-chat-panel header b{
  color:#eaffff!important;
  text-shadow:0 0 10px rgba(0,234,255,.55);
}
.mrmc-chat-panel header small{
  color:#bff7ff!important;
}
.chat-msg.announcement-msg{
  border-color:rgba(0,234,255,.70)!important;
  background:
    linear-gradient(135deg,rgba(0,24,69,.92),rgba(0,120,150,.38))!important;
}
.chat-msg.announcement-msg .chat-text{
  color:#eaffff!important;
}
.ann-label{
  color:#ffd400!important;
}
#chatBadge.show{
  display:flex!important;
  align-items:center;
  justify-content:center;
}
@media(max-width:760px){
  .global-announcement-bar{
    margin:0 8px 8px;
    min-height:40px;
  }
  .global-announcement-label{
    display:none;
  }
  .global-announcement-track span{
    font-size:12px;
  }
}
@media print{
  .global-announcement-bar{display:none!important}
}


/* =========================================================
   V42 ADMIN SETTINGS NO DEV PASSWORD + DELETE ADMIN
   ========================================================= */
.admin-setting-note{
  margin:10px 12px;
  border:1px solid rgba(0,234,255,.30);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(0,234,255,.10),rgba(255,212,0,.10));
  color:#001845!important;
  font-weight:900;
}
.admin-setting-forms form{
  border:1px solid rgba(0,83,142,.18);
  background:rgba(255,255,255,.58);
  border-radius:14px;
  padding:12px;
}
.admin-setting-forms h4{
  margin:0 0 10px;
  color:#00356e;
  letter-spacing:.8px;
}
.admin-modify-table th,
.admin-modify-table td{
  vertical-align:top!important;
}
.admin-modify-table input,
.admin-modify-table select{
  min-height:40px!important;
}
.admin-modify-table td:nth-child(6) input{
  min-width:180px;
}
.admin-self-lock{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  border-radius:10px;
  padding:0 10px;
  background:#001845;
  color:#ffd400;
  font-weight:1000;
  font-size:12px;
}
@media(max-width:800px){
  .admin-setting-forms{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   V43 DEV PASSWORD PRIVACY CLEANUP
   ========================================================= */
.admin-setting-note b{ color:#00356e; }
.update-notes li{ word-break:break-word; }


/* =========================================================
   V44 PRIVATE DEV PASSWORD + MRMC USER MONITOR
   ========================================================= */
.monitor-note{
  margin:10px 12px;
  border:1px solid rgba(255,212,0,.45);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,212,0,.16),rgba(0,234,255,.10));
  color:#001845!important;
  font-weight:900;
}
.monitor-kpis{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:10px!important;
}
.online-dot,.offline-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:80px;
  border-radius:999px;
  padding:6px 9px;
  font-weight:1000;
  font-size:11px;
}
.online-dot{
  background:rgba(0,255,120,.16);
  color:#008a2a;
  border:1px solid rgba(0,255,120,.45);
  box-shadow:0 0 14px rgba(0,255,120,.18);
}
.offline-dot{
  background:rgba(120,120,120,.14);
  color:#555;
  border:1px solid rgba(80,80,80,.20);
}
.user-monitor-panel table td{
  vertical-align:top!important;
}
.user-monitor-panel table th:nth-child(6),
.user-monitor-panel table td:nth-child(6){
  min-width:130px;
}


/* =========================================================
   V45 PERFORMANCE MODES + HR SALARY + CERTIFICATE MAKER
   ========================================================= */
html.speed-super-low *,html.speed-super-low *::before,html.speed-super-low *::after{animation:none!important;transition:none!important;filter:none!important;backdrop-filter:none!important;text-shadow:none!important;scroll-behavior:auto!important}html.speed-super-low body:not(.login-bg) .hud-screen-layer,html.speed-super-low body:not(.login-bg) .hud-bg,html.speed-super-low body:not(.login-bg) .hud-bg span{display:none!important}html.speed-super-low body:not(.login-bg){background:#001a3d!important;background-image:none!important}html.speed-super-low .panel,html.speed-super-low .top,html.speed-super-low .side,html.speed-super-low .btn,html.speed-super-low .mrmc-chat-panel{box-shadow:none!important}html.speed-super-low .panel{background:rgba(245,250,255,.96)!important}html.speed-low body:not(.login-bg) .hud-screen-layer::after,html.speed-low body:not(.login-bg) .hud-bg span:nth-child(n+2){display:none!important}html.speed-low body:not(.login-bg) .hud-screen-layer::before{animation:v26FastGrid 75s linear infinite!important;opacity:.06!important}html.speed-medium body:not(.login-bg) .hud-screen-layer{opacity:.16!important}html.speed-medium body:not(.login-bg) .hud-screen-layer::before{animation:v26FastGrid 48s linear infinite!important}html.speed-high body:not(.login-bg) .hud-screen-layer{opacity:.26!important}html.speed-high body:not(.login-bg) .hud-screen-layer::before{animation:v26FastGrid 32s linear infinite!important}html.speed-high body:not(.login-bg) .hud-screen-layer::after{display:block!important;animation:v22LiteSweep 24s linear infinite!important}html.speed-ultra-high body:not(.login-bg) .hud-screen-layer{opacity:.38!important}html.speed-ultra-high body:not(.login-bg) .hud-screen-layer::before{animation:v26FastGrid 16s linear infinite!important}html.speed-ultra-high body:not(.login-bg) .hud-screen-layer::after{display:block!important;animation:v22LiteSweep 11s linear infinite!important}html.speed-ultra-high .panel,html.speed-ultra-high .top,html.speed-ultra-high .side{box-shadow:0 0 28px rgba(0,234,255,.22),0 18px 38px rgba(0,0,0,.26)!important}.hr-subtitle{grid-column:1/-1;color:#ffd400!important;background:#00265d;padding:10px;border-radius:10px;margin:12px 0 6px}.hr-salary-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:10px;border:1px solid rgba(0,83,142,.25);border-radius:12px;background:rgba(255,255,255,.55)}.cert-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.cert-controls .wide{grid-column:1/-1}.certificate-landscape{width:11.69in;height:8.27in;margin:0 auto 18px;background:#fff;color:#081d4d;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ddd,0 12px 28px rgba(0,0,0,.22);font-family:Georgia,'Times New Roman',serif;padding:.55in .70in;text-align:center}.cert-logo img{width:.78in;height:.78in;object-fit:contain;border:2px solid #c99a21;margin-top:.05in}.cert-company{margin-top:.08in;font-size:.19in;letter-spacing:.02in}.cert-title{font-size:.48in;letter-spacing:.035in;margin-top:.10in;font-weight:500}.cert-is{font-style:italic;font-size:.30in;margin:.03in 0}.cert-presented{font-size:.22in;letter-spacing:.02in}.cert-name{height:.50in;margin:.28in auto 0;font-size:.30in;font-weight:bold;width:65%}.cert-line{width:58%;border-top:2px solid #a8a8a8;margin:.06in auto .12in}.cert-body{font-size:.20in;line-height:1.45;max-width:9.5in;margin:.08in auto}.cert-medal{width:.68in;height:.68in;margin:.06in auto 0;border-radius:50%;background:radial-gradient(circle,#ffe685,#c99819);border:5px solid #07245c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.30in;box-shadow:0 0 0 4px #d6aa28}.cert-signatures{position:absolute;left:.95in;right:.95in;bottom:.68in;display:flex;justify-content:space-between;gap:1in}.cert-signatures div{width:3.1in}.cert-signatures b{display:block;font-size:.17in;letter-spacing:.02in;font-weight:500}.cert-signatures span{display:block;font-size:.11in;font-weight:bold;margin-top:.05in}.cert-corner{position:absolute;width:2.3in;height:2.3in;pointer-events:none}.cert-corner-tl{left:-.35in;top:-.35in;background:linear-gradient(135deg,#06214d 0 35%,transparent 35% 47%,#d7a524 47% 58%,transparent 58% 100%)}.cert-corner-br{right:-.35in;bottom:-.35in;transform:rotate(180deg);background:linear-gradient(135deg,#06214d 0 35%,transparent 35% 47%,#d7a524 47% 58%,transparent 58% 100%)}.cert-lines{position:absolute;width:4.0in;height:1.3in;border-color:#d7a524;border-style:solid}.cert-lines-tr{top:.23in;right:.35in;border-width:6px 6px 0 0;box-shadow:.10in -.10in 0 -.06in #d7a524,.20in -.20in 0 -.12in #d7a524,.30in -.30in 0 -.18in #d7a524}.cert-lines-bl{bottom:.23in;left:.35in;border-width:0 0 6px 6px;box-shadow:-.10in .10in 0 -.06in #d7a524,-.20in .20in 0 -.12in #d7a524,-.30in .30in 0 -.18in #d7a524}@media(max-width:1000px){.certificate-landscape{transform:scale(.78);transform-origin:top center;margin-bottom:-1.6in}}@media(max-width:760px){.certificate-landscape{transform:scale(.55);margin-bottom:-3.2in}}@media print{body:has(.certificate-landscape) .side,body:has(.certificate-landscape) .top,body:has(.certificate-landscape) .no-print,body:has(.certificate-landscape) .mrmc-chat,body:has(.certificate-landscape) .hud-screen-layer,body:has(.certificate-landscape) .hud-bg{display:none!important}body:has(.certificate-landscape),body:has(.certificate-landscape) .app,body:has(.certificate-landscape) .main,body:has(.certificate-landscape) .content{display:block!important;background:#fff!important;margin:0!important;padding:0!important;overflow:visible!important;width:100%!important;height:auto!important}.certificate-landscape{box-shadow:none!important;margin:0!important;transform:none!important;width:11.69in!important;height:8.27in!important;print-color-adjust:exact;-webkit-print-color-adjust:exact;page-break-after:avoid}}@page{size:auto;margin:.3in}


/* =========================================================
   V46 CERTIFICATE MAKER EXACT LAYOUT FIX
   ========================================================= */
.cert-v46-controls{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:10px!important;
}
.cert-v46-controls .wide{
  grid-column:1/-1;
}
.certificate-v46-page{
  width:11.69in;
  height:8.27in;
  margin:0 auto 22px;
  background:#fff;
  box-shadow:0 0 0 1px #ddd, 0 14px 34px rgba(0,0,0,.22);
  overflow:hidden;
}
.certificate-v46{
  width:100%;
  height:100%;
  position:relative;
  background:#fff;
  color:#071b4a;
  font-family:Georgia, 'Times New Roman', serif;
  text-align:center;
  overflow:hidden;
  box-sizing:border-box;
  padding:.62in .72in .50in;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}
.v46-logo img{
  width:.78in;
  height:.78in;
  object-fit:contain;
  border:2px solid #cfa339;
  margin-top:.15in;
}
.v46-company{
  font-size:.20in;
  letter-spacing:.018in;
  margin-top:.10in;
  white-space:nowrap;
}
.v46-title{
  font-size:.50in;
  line-height:1.05;
  letter-spacing:.028in;
  margin-top:.08in;
  font-weight:500;
  text-transform:uppercase;
}
.v46-is{
  font-size:.30in;
  line-height:1;
  font-style:italic;
  margin:.07in 0 .08in;
}
.v46-presented{
  font-size:.22in;
  letter-spacing:.025in;
  margin-bottom:.36in;
}
.v46-name{
  height:.33in;
  width:62%;
  margin:0 auto;
  font-size:.27in;
  line-height:.33in;
  font-weight:bold;
  text-transform:uppercase;
  overflow:hidden;
}
.v46-name-line{
  width:58%;
  border-top:2px solid #a9a9a9;
  margin:.05in auto .16in;
}
.v46-body{
  width:9.90in;
  margin:0 auto;
  font-size:.205in;
  line-height:1.50;
  letter-spacing:.004in;
  color:#071b4a;
}
.v46-body b,
.v46-body strong{
  font-weight:700;
}
.v46-seal{
  position:absolute;
  left:50%;
  bottom:.70in;
  transform:translateX(-50%);
  width:2.15in;
  height:1.05in;
  display:flex;
  align-items:center;
  justify-content:center;
}
.v46-medal{
  width:.72in;
  height:.72in;
  border-radius:50%;
  background:
    radial-gradient(circle at 36% 32%,#ffe88d 0 17%,#e7b829 28%,#c7920b 62%,#9b6b00 100%);
  border:.09in solid #061d50;
  box-shadow:0 0 0 .045in #d7aa27, inset 0 0 0 .035in rgba(255,255,255,.25);
}
.v46-laurel{
  color:#c99a14;
  font-size:.75in;
  line-height:.75in;
  font-family:Georgia,serif;
  transform:rotate(16deg);
  margin:0 .02in;
}
.v46-laurel.right{
  transform:scaleX(-1) rotate(16deg);
}
.v46-signatures{
  position:absolute;
  left:1.18in;
  right:1.18in;
  bottom:.62in;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  pointer-events:none;
}
.v46-signatures div{
  width:3.20in;
}
.v46-signatures b{
  display:block;
  font-size:.17in;
  letter-spacing:.025in;
  font-weight:500;
  white-space:nowrap;
}
.v46-signatures span{
  display:block;
  font-size:.105in;
  font-weight:700;
  margin-top:.04in;
  letter-spacing:.01in;
}
.v46-diagonal{
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.v46-diagonal-left{
  left:-.18in;
  top:-.18in;
  width:2.90in;
  height:2.35in;
  background:
    linear-gradient(135deg,#05304e 0 .52in,transparent .52in .67in,#071b4a .67in 1.32in,transparent 1.32in 1.52in,#ffd95d 1.52in 1.75in,#b98706 1.75in 2.05in,transparent 2.05in);
}
.v46-diagonal-right{
  right:-.18in;
  bottom:-.18in;
  width:2.90in;
  height:2.35in;
  transform:rotate(180deg);
  background:
    linear-gradient(135deg,#05304e 0 .52in,transparent .52in .67in,#071b4a .67in 1.32in,transparent 1.32in 1.52in,#ffd95d 1.52in 1.75in,#b98706 1.75in 2.05in,transparent 2.05in);
}
.v46-gold-lines{
  position:absolute;
  pointer-events:none;
  width:4.45in;
  height:1.30in;
  border-color:#d6a11b;
  opacity:.98;
}
.v46-top-lines{
  right:.40in;
  top:.20in;
  border-top:.035in solid #d6a11b;
  border-right:.035in solid #d6a11b;
  box-shadow:
    .12in -.12in 0 -.085in #d6a11b,
    .24in -.24in 0 -.17in #d6a11b,
    .36in -.36in 0 -.255in #d6a11b,
    .48in -.48in 0 -.34in #d6a11b;
}
.v46-bottom-lines{
  left:.40in;
  bottom:.20in;
  border-left:.035in solid #d6a11b;
  border-bottom:.035in solid #d6a11b;
  box-shadow:
    -.12in .12in 0 -.085in #d6a11b,
    -.24in .24in 0 -.17in #d6a11b,
    -.36in .36in 0 -.255in #d6a11b,
    -.48in .48in 0 -.34in #d6a11b;
}
@media(max-width:1200px){
  .certificate-v46-page{
    transform:scale(.78);
    transform-origin:top center;
    margin-bottom:-1.72in;
  }
}
@media(max-width:800px){
  .certificate-v46-page{
    transform:scale(.55);
    margin-bottom:-3.55in;
  }
}
@media print{
  body:has(.certificate-v46-page) .side,
  body:has(.certificate-v46-page) .top,
  body:has(.certificate-v46-page) .no-print,
  body:has(.certificate-v46-page) .mrmc-chat,
  body:has(.certificate-v46-page) .hud-screen-layer,
  body:has(.certificate-v46-page) .hud-bg{
    display:none!important;
  }
  body:has(.certificate-v46-page),
  body:has(.certificate-v46-page) .app,
  body:has(.certificate-v46-page) .main,
  body:has(.certificate-v46-page) .content{
    display:block!important;
    background:#fff!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
  }
  .certificate-v46-page{
    page:certV46Page;
    box-shadow:none!important;
    margin:0!important;
    transform:none!important;
    width:11.09in!important;
    height:7.67in!important;
    overflow:hidden!important;
    break-after:avoid;
    page-break-after:avoid;
  }
  .certificate-v46{
    width:11.09in!important;
    height:7.67in!important;
    padding:.42in .52in .38in!important;
  }
  .v46-logo img{margin-top:.04in!important;}
}
@page certV46Page{
  size:A4 landscape;
  margin:.30in;
}


/* =========================================================
   V47 SUPER SMOOTH PERFORMANCE BOOST
   ========================================================= */

/* Browser rendering optimization for large pages/tables */
.panel,
.table-wrap,
.dashboard-band,
.report-paper,
.prod-hero,
.raw-stock-panel,
.admin-modify-panel{
  contain:layout paint style;
}
.table-wrap{
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.table-wrap table{
  contain:layout paint;
}
.table-wrap tr{
  content-visibility:auto;
  contain-intrinsic-size:42px;
}
.content > .panel,
.content > .dashboard-band{
  content-visibility:auto;
  contain-intrinsic-size:520px;
}

/* Prevent expensive animated repaint when tab is hidden */
html.tab-hidden-performance-pause *,
html.tab-hidden-performance-pause *::before,
html.tab-hidden-performance-pause *::after{
  animation-play-state:paused!important;
}

/* Extra aggressive SUPER LOW mode for 2GB / 4GB RAM laptops */
html.speed-super-low body,
html.speed-super-low .app,
html.speed-super-low .main,
html.speed-super-low .content{
  background:#001b3f!important;
}
html.speed-super-low .hud-screen-layer,
html.speed-super-low .hud-bg,
html.speed-super-low .global-announcement-bar::before,
html.speed-super-low .login-visual::before,
html.speed-super-low .login-visual::after{
  display:none!important;
}
html.speed-super-low img{
  image-rendering:auto;
}
html.speed-super-low .panel,
html.speed-super-low .top,
html.speed-super-low .side,
html.speed-super-low .btn,
html.speed-super-low .mrmc-chat-panel,
html.speed-super-low .mrmc-chat-fab{
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
}
html.speed-super-low .panel h3,
html.speed-super-low .top h1,
html.speed-super-low .side a{
  text-shadow:none!important;
}
html.speed-super-low .btn,
html.speed-super-low input,
html.speed-super-low select,
html.speed-super-low textarea{
  transition:none!important;
}

/* LOW mode keeps small movement but removes glow-heavy effects */
html.speed-low .panel,
html.speed-low .top,
html.speed-low .side{
  box-shadow:0 4px 10px rgba(0,0,0,.18)!important;
}
html.speed-low .hud-bg span:nth-child(n+2),
html.speed-low .hud-screen-layer::after{
  display:none!important;
}

/* Smooth touch/scrolling */
.side,
.main,
.content,
.table-wrap,
.mrmc-chat-body{
  -webkit-overflow-scrolling:touch;
}

/* Reduce table paint cost on old laptops */
html.speed-super-low table,
html.speed-low table{
  border-collapse:collapse!important;
}
html.speed-super-low th,
html.speed-super-low td,
html.speed-low th,
html.speed-low td{
  box-shadow:none!important;
}

/* Visual guide text */
.graphics-level-control::after{
  content:'2GB/4GB: use SUPER LOW';
  display:block;
  font-size:9px;
  color:#bff7ff;
  margin-top:2px;
  letter-spacing:.4px;
}
html.speed-ultra-high .graphics-level-control::after{
  content:'ULTRA HIGH = full animation';
}


/* =========================================================
   V49 Recovery Mode + Certificate Template Upload
   ========================================================= */
.recovery-mode-box{
  display:block;
  background:linear-gradient(90deg,#fff8cc,#dffbff);
  border:2px solid #ffd400;
  border-radius:14px;
  padding:12px 14px;
  color:#001b3f;
  margin:12px 0;
  font-weight:800;
}
.recovery-mode-box span{
  display:block;
  font-size:12px;
  margin-top:4px;
  color:#123;
}
.cert-template-upload,
.cert-template-delete{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:end;
  padding:10px;
  border:1px solid rgba(0,180,255,.35);
  background:rgba(255,255,255,.60);
  border-radius:12px;
  margin-bottom:10px;
}
.cert-template-upload label{ flex:1 1 280px; }
.cert-template-upload input[type=file]{
  display:block;
  margin-top:6px;
  width:100%;
  background:#fff;
}


/* V51: bigger Production Daily/Hourly Monitoring text + Chat seen status */
.prod-monitoring-table table th{
  font-size:13px;
  padding:8px 7px;
  letter-spacing:.02em;
}
.prod-monitoring-table table td{
  font-size:13px;
  padding:7px 7px;
  line-height:1.25;
}
.prod-monitoring-table .temp-hot,
.prod-monitoring-table .temp-ok{
  font-size:13px;
}
.chat-seen-status{
  margin-top:5px;
  font-size:10px;
  color:#bdefff;
  opacity:.92;
  border-top:1px solid rgba(0,210,255,.18);
  padding-top:4px;
}
.chat-msg.mine .chat-seen-status{
  color:#001b3f;
  opacity:.85;
}
.speed-super-low .chat-seen-status{
  font-size:9px;
}


/* V52 Monthly Comparison Report */
.monthly-compare-report h3 span{
  color:#ffd400;
  font-size:12px;
  letter-spacing:.08em;
}
.compare-kpis{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}
.top-issue-box{
  margin:12px 0;
  padding:12px 14px;
  border:2px solid #ffd400;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(255,212,0,.22),rgba(0,217,255,.10));
  font-weight:900;
  color:#001b3f;
}
.month-chart-card{
  margin:14px 0;
  padding:12px;
  background:#f7fbff;
  border:1px solid rgba(0,64,128,.25);
  border-radius:12px;
}
.month-chart-card h4{
  margin:0 0 10px;
  color:#002b65;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.month-bar-chart{
  display:grid;
  gap:8px;
}
.month-bar-row{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:10px;
  align-items:center;
}
.month-bar-row b{
  color:#002b65;
  font-size:12px;
}
.bar-stack{
  display:grid;
  gap:3px;
}
.bar{
  display:block;
  min-width:24px;
  height:18px;
  border-radius:5px;
  color:#fff;
  font-weight:900;
  font-size:10px;
  line-height:18px;
  padding-left:6px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
}
.bar.produce{
  background:linear-gradient(90deg,#004b96,#00c8ff);
}
.bar.reject{
  background:linear-gradient(90deg,#9b0000,#ff3030);
}
.bar em{
  font-style:normal;
  text-shadow:0 1px 1px rgba(0,0,0,.65);
}
.month-legend{
  margin-top:10px;
  font-size:12px;
  font-weight:900;
  color:#002b65;
}
.produce-dot,.reject-dot{
  display:inline-block;
  width:14px;
  height:8px;
  border-radius:99px;
  margin:0 5px 0 12px;
}
.produce-dot{background:#00c8ff}
.reject-dot{background:#ff3030}
.monthly-compare-report table th,
.monthly-compare-report table td{
  font-size:12.5px;
  padding:7px;
}
@media print{
  .month-chart-card{break-inside:avoid;page-break-inside:avoid}
  .monthly-compare-report{break-inside:auto}
}


/* V53: Chat seen status readability fix */
.chat-seen-status{
  display:block !important;
  margin-top:7px !important;
  padding:5px 8px !important;
  border-radius:8px !important;
  border:1px solid rgba(255,212,0,.65) !important;
  background:rgba(0,22,50,.86) !important;
  color:#ffffff !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  text-shadow:0 1px 2px #000 !important;
  opacity:1 !important;
}
.chat-msg.mine .chat-seen-status{
  background:rgba(255,255,255,.92) !important;
  color:#001b3f !important;
  border-color:rgba(0,180,255,.75) !important;
  text-shadow:none !important;
}
.chat-msg.announcement-msg .chat-seen-status{
  background:rgba(0,0,0,.82) !important;
  color:#fff7b0 !important;
}
.speed-super-low .chat-seen-status{
  font-size:10.5px !important;
}


/* V54 Monthly Compare Error Fix + Trimmer Ranking */
.monthly-compare-report table th{
  white-space:nowrap;
}
.trimmer-rank-box{
  background:linear-gradient(90deg,rgba(0,217,255,.18),rgba(255,212,0,.20)) !important;
  border-color:#00d9ff !important;
}
.monthly-compare-report table td:nth-child(8),
.monthly-compare-report table td:nth-child(10){
  font-weight:900;
  color:#002b65;
}


/* V55 Shared File Uploads / Download Center */
.file-upload-form{
  display:grid;
  grid-template-columns:2fr 1fr 2fr auto;
  gap:12px;
  align-items:end;
}
.file-upload-form input[type=file]{
  background:#fff;
  border:2px dashed #00d9ff;
  padding:10px;
  border-radius:10px;
  width:100%;
}
.file-vault-panel .hint{
  margin-top:8px;
  font-weight:800;
  color:#00315f;
}
.file-list-panel table td,
.file-list-panel table th{
  font-size:12px;
  vertical-align:middle;
}
.file-icon{
  font-weight:900;
  white-space:nowrap;
  color:#002b65;
}
.file-list-panel small{
  color:#4b617d;
  font-size:10px;
}
@media(max-width:980px){
  .file-upload-form{grid-template-columns:1fr}
}
@media print{
  .file-upload-form,.file-vault-panel,.file-list-panel .no-print{display:none!important}
}


/* V56: Bigger readable fonts + enhanced Trimmer Stats comparison */
body:not(.login-bg){
  font-size:15px;
}
.side a,
.side button{
  font-size:15px !important;
  line-height:1.24 !important;
}
.top h2{
  font-size:25px !important;
}
.top small,
.panel h3 span{
  font-size:13px !important;
}
.panel h3{
  font-size:18px !important;
}
.panel label,
.panel input,
.panel select,
.panel textarea,
.panel button,
.btn{
  font-size:14px !important;
}
body:not(.login-bg) table{
  font-size:14px !important;
}
body:not(.login-bg) th,
body:not(.login-bg) td{
  font-size:14px !important;
  padding:8px 7px !important;
  line-height:1.32 !important;
}
.big-readable-table th,
.big-readable-table td,
.trimmer-comparison-report table th,
.trimmer-comparison-report table td{
  font-size:14.5px !important;
  padding:9px 8px !important;
}
.trimmer-comparison-report h4{
  color:#002060;
  margin:18px 12px 8px;
  font-size:16px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.trimmer-filter-panel .inline-filter{
  gap:10px;
}
.trimmer-kpis{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
}
.trimmer-comparison-report small{
  font-size:11px !important;
  font-weight:800;
  color:#1a4776 !important;
}
.trimmer-comparison-report .table-wrap{
  max-height:75vh;
}
.speed-super-low body:not(.login-bg) table,
.speed-super-low body:not(.login-bg) th,
.speed-super-low body:not(.login-bg) td{
  font-size:13px !important;
}
@media(max-width:980px){
  body:not(.login-bg) table,
  body:not(.login-bg) th,
  body:not(.login-bg) td{
    font-size:13px !important;
  }
}
@media print{
  body:not(.login-bg) table,
  body:not(.login-bg) th,
  body:not(.login-bg) td{
    font-size:11px !important;
    padding:4px 5px !important;
  }
}


/* V57: File Upload moved inside Chat + Full Screen Chat Mode */
#chatFilesToggle,#chatFullScreen,#chatThemeToggle{
  width:auto!important;
  min-width:34px!important;
  padding:0 8px!important;
  font-size:12px!important;
  letter-spacing:.5px;
}
#chatThemeToggle{min-width:58px!important}
.chat-file-panel{
  display:none;
  border-top:1px solid rgba(0,234,255,.22);
  border-bottom:1px solid rgba(255,212,0,.22);
  background:linear-gradient(180deg,rgba(0,28,62,.96),rgba(0,10,28,.98));
  padding:10px;
  max-height:245px;
  overflow:auto;
}
.mrmc-chat.files-open .chat-file-panel{display:block}
.mrmc-chat.files-open .chat-body{max-height:190px}
.chat-file-panel-head b{
  display:block;color:#ffd400;font-size:13px;letter-spacing:1px;
}
.chat-file-panel-head small{
  display:block;color:#c8f6ff!important;font-size:10.5px!important;margin:3px 0 8px;
}
.chat-file-upload{
  display:grid;
  grid-template-columns:1fr 92px 1fr 74px;
  gap:6px;
  align-items:center;
  margin-bottom:9px;
}
.chat-file-upload input[type=file],
.chat-file-upload input[type=text]{
  min-height:34px;border-radius:8px;border:1px solid rgba(0,234,255,.45);
  background:rgba(255,255,255,.94);color:#06152b;font-weight:800;padding:5px 7px;font-size:11px;
}
.chat-file-upload button{
  min-height:34px;border:0;border-radius:8px;background:linear-gradient(135deg,#ffd400,#00eaff);
  color:#001845;font-weight:1000;cursor:pointer;
}
.chat-file-list{display:grid;gap:7px}
.chat-file-row{
  display:grid;grid-template-columns:30px 1fr 38px;gap:7px;align-items:center;padding:7px;
  border-radius:10px;border:1px solid rgba(0,234,255,.20);background:rgba(255,255,255,.07);
}
.chat-file-icon{font-size:18px;text-align:center}
.chat-file-info b{display:block;color:#fff;font-size:11.5px;line-height:1.2;word-break:break-word}
.chat-file-info small{display:block;color:#9ff7ff!important;font-size:9.5px!important;margin-top:2px}
.chat-file-download{
  display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:8px;
  background:linear-gradient(135deg,#00eaff,#006dff);color:#001845!important;font-size:11px;font-weight:1000;text-decoration:none;
}
.mrmc-chat.fullscreen{
  left:10px!important;right:10px!important;top:10px!important;bottom:10px!important;
  transform:none!important;width:auto!important;height:auto!important;
}
.mrmc-chat.fullscreen .mrmc-chat-fab{display:none!important}
.mrmc-chat.fullscreen .mrmc-chat-panel{
  display:grid!important;position:fixed!important;left:10px!important;right:10px!important;top:10px!important;bottom:10px!important;
  width:auto!important;height:auto!important;max-height:none!important;border-radius:22px!important;
  grid-template-rows:auto auto auto 1fr auto auto auto;
}
.mrmc-chat.fullscreen .chat-body{max-height:none!important}
.mrmc-chat.fullscreen .chat-file-panel{max-height:260px}
.mrmc-chat.fullscreen .chat-msg{max-width:72%;font-size:15px}
.mrmc-chat.theme-cute .mrmc-chat-panel{
  background:linear-gradient(180deg,rgba(38,0,64,.97),rgba(2,8,22,.98));
  border-color:rgba(255,112,220,.62);
  box-shadow:0 0 55px rgba(255,112,220,.22),0 26px 70px rgba(0,0,0,.62);
}
.mrmc-chat.theme-cute .mrmc-chat-panel header{background:linear-gradient(90deg,#270044,#004881,#270044)}
.mrmc-chat.theme-cute .chat-file-panel{background:linear-gradient(180deg,rgba(55,0,72,.96),rgba(0,15,45,.98))}
@media(max-width:760px){
  .chat-file-upload{grid-template-columns:1fr}
  .mrmc-chat.fullscreen{left:4px!important;right:4px!important;top:4px!important;bottom:4px!important}
  .mrmc-chat.fullscreen .mrmc-chat-panel{left:4px!important;right:4px!important;top:4px!important;bottom:4px!important;border-radius:12px!important}
}
@media print{.mrmc-chat,.mrmc-chat *{display:none!important}}


/* V58: Trimmer Stats fixed to Inventory process only */
.trimmer-filter-panel .hint{
  background:#fff3cd;
  border:1px solid #ffd400;
  color:#001845;
  padding:8px 10px;
  border-radius:8px;
  font-weight:900;
}
.trimmer-comparison-report h3 span::after{
  content:"  • Production System is separate";
  color:#d60000;
  font-weight:900;
}


/* V59: Chat Focus Mode Size Fix
   Old full screen was too wide/long. This makes it a centered focus panel,
   easier to read and not dizzying. */
.mrmc-chat.fullscreen{
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(880px,88vw)!important;
  height:min(720px,82vh)!important;
  max-width:880px!important;
  max-height:82vh!important;
  min-width:min(520px,94vw)!important;
}
.mrmc-chat.fullscreen .mrmc-chat-fab{
  display:none!important;
}
.mrmc-chat.fullscreen .mrmc-chat-panel{
  display:grid!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:100%!important;
  max-height:82vh!important;
  border-radius:18px!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important;
  overflow:hidden!important;
}
.mrmc-chat.fullscreen .chat-body{
  max-height:none!important;
  min-height:220px!important;
  overflow:auto!important;
  padding:12px 14px!important;
}
.mrmc-chat.fullscreen.files-open .chat-body{
  max-height:none!important;
  min-height:150px!important;
}
.mrmc-chat.fullscreen .chat-file-panel{
  max-height:190px!important;
  overflow:auto!important;
}
.mrmc-chat.fullscreen .chat-msg{
  max-width:82%!important;
  font-size:13.5px!important;
  line-height:1.35!important;
}
.mrmc-chat.fullscreen .chat-stickers{
  max-height:74px!important;
  overflow:auto!important;
}
.mrmc-chat.fullscreen .chat-send input{
  height:42px!important;
}
.mrmc-chat.fullscreen .chat-send button{
  height:42px!important;
}
.mrmc-chat.fullscreen .chat-announcement-form{
  grid-template-columns:1fr auto!important;
}
.mrmc-chat.fullscreen #chatFullScreen{
  background:linear-gradient(135deg,#ffd400,#ffef7c)!important;
  color:#001845!important;
}
@media(max-width:760px){
  .mrmc-chat.fullscreen{
    width:94vw!important;
    height:78vh!important;
    max-height:78vh!important;
    min-width:0!important;
  }
  .mrmc-chat.fullscreen .mrmc-chat-panel{
    max-height:78vh!important;
    border-radius:12px!important;
  }
  .mrmc-chat.fullscreen .chat-msg{
    max-width:92%!important;
    font-size:12.5px!important;
  }
  .mrmc-chat.fullscreen .chat-file-panel{
    max-height:165px!important;
  }
}


/* V60: Chat upload button beside SEND + Inventory in-house name auto process fix */
.chat-send{
  grid-template-columns:1fr 104px 76px!important;
  align-items:center!important;
}
.chat-send .chat-attach-send{
  background:linear-gradient(135deg,#ffd400,#ffef78)!important;
  color:#001845!important;
  border-color:rgba(255,212,0,.75)!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.mrmc-chat.fullscreen .chat-send{
  grid-template-columns:1fr 118px 90px!important;
}
.trimmer-filter-panel .hint{
  background:#fff6d6!important;
  border:2px solid #ffd400!important;
}
@media(max-width:760px){
  .chat-send{
    grid-template-columns:1fr 76px!important;
  }
  .chat-send .chat-attach-send{
    grid-column:1 / span 2;
    height:34px!important;
    min-height:34px!important;
  }
}


/* V61: Operator Stats + hourly filters + no input limit UI */
.operator-stats-report h4{
  color:#002060;
  margin:18px 12px 8px;
  font-size:16px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.operator-stats-report .table-wrap{
  max-height:76vh;
}
.operator-stats-report small{
  color:#164d7d!important;
  font-weight:900;
}
input, textarea{
  max-width:100%;
}
textarea{
  min-height:90px;
  resize:vertical;
}
.no-limit-note{
  background:#eaffff;
  border:1px solid #00d9ff;
  color:#001845;
  padding:8px 10px;
  border-radius:8px;
  font-weight:900;
}
@media print{
  .operator-stats-report .table-wrap{
    max-height:none!important;
    overflow:visible!important;
  }
}


/* V62 Quality Control System */
.qc-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:24px;
  background:linear-gradient(135deg,rgba(0,20,60,.96),rgba(0,215,255,.14)), radial-gradient(circle at 70% 40%,rgba(255,212,0,.22),transparent 28%)!important;
  border:2px solid #00d9ff!important;
  box-shadow:0 0 24px rgba(0,217,255,.35);
}
.qc-hero h1{font-size:34px;letter-spacing:.14em;color:#00f6ff;margin:0 0 8px;}
.qc-hero p{color:#eaffff;font-weight:800;max-width:900px;}
.qc-note{color:#ffd400!important;}
.qc-drone{
  width:110px;height:110px;border-radius:22px;
  display:grid;place-items:center;
  color:#001845;font-size:36px;font-weight:1000;
  background:linear-gradient(135deg,#00f6ff,#ffd400);
  box-shadow:0 0 26px rgba(0,246,255,.7);
}
.qc-kpis{margin:14px 0;}
.qc-module-grid,.qc-client-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:18px;
  padding:18px;
}
.qc-module-card,.qc-client-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:132px;
  text-decoration:none;
  border-radius:18px;
  border:2px solid #00d9ff;
  background:linear-gradient(145deg,#041a3d,#0a2b66);
  box-shadow:0 0 16px rgba(0,217,255,.35), inset 0 0 18px rgba(255,255,255,.06);
  color:white;
  font-weight:1000;
  text-align:center;
}
.qc-module-card b{font-size:18px;color:#ffd400;}
.qc-module-card span{font-size:12px;color:#eaffff;margin-top:7px;}
.qc-customer-screen{
  background:#12164a!important;
  border-radius:26px!important;
  box-shadow:0 0 25px rgba(255,255,255,.45)!important;
}
.qc-customer-screen h3{
  max-width:760px;margin:20px auto 10px;text-align:center;
  font-size:38px;font-style:italic;letter-spacing:.05em;
  color:#fff;background:#171c58;border-radius:12px;border:4px solid #fff;
  box-shadow:0 0 14px rgba(255,255,255,.85);
}
.qc-logo{
  width:112px;height:70px;border-radius:12px;
  background:#fff;color:#061547;
  display:grid;place-items:center;
  font-size:28px;font-weight:1000;
  margin-bottom:12px;
  box-shadow:0 0 0 6px rgba(255,255,255,.55),0 0 16px currentColor;
}
.qc-client-card b{font-size:22px;text-transform:uppercase;text-shadow:0 1px 0 #000;}
.qc-theme-kawasaki{--qc:#23ff00;background:#18f718!important;color:#001845!important;}
.qc-theme-uratex{--qc:#00d9ff;background:#15184c!important;}
.qc-theme-honda{--qc:#ff0000;background:#d90000!important;}
.qc-theme-yutaka{--qc:#ffd0bf;background:#555!important;}
.qc-theme-triton{--qc:#aaa;background:#b7b7b7!important;color:#001845!important;}
.qc-theme-suzuki{--qc:#ff0078;background:#ee005e!important;}
.qc-theme-roberts{--qc:#7ff5ee;background:#adfff8!important;color:#001845!important;}
.qc-theme-gemphil{--qc:#fff200;background:#e6f200!important;color:#001845!important;}
.qc-theme-hmws{--qc:#d54bd6;background:#802080!important;}
.qc-theme-awcp{--qc:#00a9d6;background:#dcecff!important;color:#001845!important;}
.qc-theme-default{--qc:#00d9ff;}
.qc-item-screen{
  min-height:760px;
  padding:28px;
  border-radius:32px;
  border:4px solid var(--qc,#00d9ff);
  background:rgba(10,20,70,.92);
  box-shadow:0 0 30px var(--qc,#00d9ff), inset 0 0 20px rgba(255,255,255,.08);
}
.qc-item-head{
  display:grid;grid-template-columns:220px 1fr 190px;gap:16px;align-items:center;margin-bottom:20px;
}
.qc-item-head div{display:flex;gap:10px;align-items:center;color:white;font-weight:900;}
.qc-item-head img{width:44px;height:44px;border-radius:4px;background:#020821;}
.qc-item-head h3{
  text-align:center;padding:12px;border-radius:8px;border:2px solid var(--qc,#00d9ff);
  color:#fff;background:#11195b;font-style:italic;box-shadow:0 0 14px var(--qc,#00d9ff);
}
.qc-back-card{
  display:flex;gap:10px;align-items:center;justify-content:center;
  min-height:82px;border-radius:10px;background:#fff;color:#001845;text-decoration:none;font-weight:1000;
  box-shadow:0 0 18px var(--qc,#00d9ff);
}
.qc-back-card span{background:#fff;border:2px solid var(--qc,#00d9ff);padding:10px;border-radius:6px;}
.qc-item-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:30px 44px;
  padding:28px;
  border-radius:24px;
  background:rgba(255,255,255,.72);
  border:2px solid var(--qc,#00d9ff);
}
.qc-item-card{
  text-align:center;text-decoration:none;color:white;font-weight:1000;font-style:italic;
}
.qc-thumb{
  display:block;height:116px;border:8px solid #fff;border-radius:10px 24px 10px 10px;
  box-shadow:0 0 10px var(--qc,#00d9ff);
  position:relative;overflow:hidden;
}
.qc-thumb:after{
  content:'';position:absolute;inset:14px;
  border:1px solid rgba(255,255,255,.45);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
}
.qc-thumb em{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-size:28px;color:rgba(255,255,255,.85);z-index:1;
}
.qc-item-card b{
  display:inline-block;min-width:160px;margin-top:-4px;padding:8px 16px;
  background:#17175b;box-shadow:8px 6px 0 rgba(0,0,0,.35);
}
.qc-daily-log tr td{
  background:#22ff00!important;color:#000!important;font-weight:1000!important;
}
.pareto-bar{
  height:16px;border-radius:10px;background:#d8e6f2;overflow:hidden;border:1px solid #164d7d;
}
.pareto-bar span{
  display:block;height:100%;background:linear-gradient(90deg,#00d9ff,#ffd400);
}
.qc-cad-thumb{
  width:110px;max-height:72px;object-fit:cover;border:2px solid #00d9ff;border-radius:8px;
}
.qc-print-stack{background:#f5f5f5;padding:18px;}
.qc-print-report{
  width:210mm;min-height:297mm;margin:0 auto 14px;padding:10mm;
  background:white;color:#001845;border:2px solid #001845;
  box-sizing:border-box;page-break-after:always;
  font-family:Arial, sans-serif;
}
.qc-print-title{text-align:center;font-size:18px;font-weight:1000;}
.qc-print-sub{text-align:center;font-size:28px;font-weight:1000;margin:8px 0 18px;border-top:6px solid #001845;border-bottom:2px solid #001845;padding:10px;}
.qc-print-row{display:grid;grid-template-columns:42mm 1fr 35mm 1fr;border-bottom:1px solid #001845;min-height:10mm;align-items:center;}
.qc-print-row b{background:#e7eef7;height:100%;display:flex;align-items:center;padding-left:6px;}
.qc-print-row span{padding-left:8px;}
.qc-check-table{width:100%;border-collapse:collapse;margin-top:12px;}
.qc-check-table th,.qc-check-table td{border:1px solid #001845;padding:7px;color:#001845;}
.qc-check-table th{background:#001845;color:#fff;}
.qc-remarks{min-height:35mm;border:1px solid #001845;margin-top:12px;padding:8px;}
.qc-sign{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:22mm;text-align:center;}
.qc-sign span{border-top:1px solid #001845;padding-top:5px;font-weight:900;}
.qc-print-report footer{text-align:center;margin-top:10mm;font-size:10px;color:#333;}
@media print{
  .qc-print-stack{padding:0;background:white;}
  .qc-print-report{margin:0;border:0;box-shadow:none;}
  .side,.top,.mrmc-chat,.no-print{display:none!important;}
  .main{margin:0!important;padding:0!important;width:100%!important;}
}
@media(max-width:850px){
  .qc-item-head{grid-template-columns:1fr;}
  .qc-item-grid{grid-template-columns:1fr;}
  .qc-customer-screen h3{font-size:26px;}
}


/* V63 QC exact dashboard, client/item screens, and TQCD inspection report */
.qc-v63-dashboard{
  min-height:76vh;
  display:grid;
  grid-template-columns:150px 1fr 120px;
  gap:18px;
  padding:28px;
  border-radius:32px;
  border:4px solid #00d9ff;
  background:radial-gradient(circle at center, rgba(0,120,255,.22), transparent 36%), linear-gradient(rgba(0,0,30,.42),rgba(0,0,30,.82)), repeating-linear-gradient(0deg,#06142e,#06142e 7px,#0b1d3f 9px);
  box-shadow:0 0 24px #00d9ff, inset 0 0 28px rgba(0,217,255,.35);
}
.qc-dash-left,.qc-dash-right{
  border:2px solid #00d9ff;
  border-radius:24px;
  background:#12164a;
  box-shadow:0 0 18px rgba(0,217,255,.75);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  padding:16px 10px;
}
.qc-mini-logo{display:flex;gap:8px;align-items:center;color:#fff;font-size:11px;}
.qc-mini-logo img{width:42px;height:42px;border:2px solid #00d9ff;border-radius:4px;background:#020821;}
.qc-dash-left a,.qc-dash-right button,.qc-dash-right a{
  width:92px;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  border:0;background:transparent;color:#fff;text-decoration:none;font-size:38px;font-weight:900;text-align:center;
}
.qc-dash-left a span,.qc-dash-right span{font-size:12px;font-weight:800;}
.qc-dash-center{display:grid;place-items:center;text-align:center;color:#fff;}
.qc-big-logo{width:132px;height:112px;object-fit:contain;background:#03072c;border:2px solid #fff;}
.qc-drone-small{font-size:48px;color:#aefbff;text-shadow:0 0 14px #00d9ff;}
.qc-dash-center h1{font-size:58px;letter-spacing:.08em;margin:14px 0 0;text-shadow:0 0 14px #fff;}
.qc-dash-center h2{font-size:27px;letter-spacing:.35em;margin:0;background:#143576;padding:6px 95px;}
.qc-client-head{display:grid;grid-template-columns:60px 140px 1fr 70px;align-items:center;gap:14px;padding:14px 20px;color:#fff;}
.qc-client-head img{width:42px;height:42px;background:#020821;}
.qc-client-head h3{grid-column:auto!important;margin:0 auto!important;width:min(680px,90%);}
.qc-client-head b{font-size:48px;opacity:.75;}
.qc-client-card{min-height:118px!important;background:#fff!important;clip-path:polygon(0 0,88% 0,100% 22%,100% 100%,0 100%)!important;}
.qc-client-card .qc-logo{font-size:25px;}
.qc-client-card b{color:#001845!important;}
.qc-theme-honda .qc-logo{color:#e60000;}
.qc-theme-kawasaki .qc-logo{color:#009900;}
.qc-theme-suzuki .qc-logo{color:#ee005e;}
.qc-theme-awcp .qc-logo{color:#0a7fff;}
.qc-theme-gemphil .qc-logo{color:#158000;}
.qc-theme-hmws .qc-logo{color:#9b20a0;}
.qc-theme-roberts .qc-logo{color:#2c9a43;}
.qc-item-screen{
  margin:0!important;
  border-radius:32px!important;
  border:4px solid var(--qc,#00d9ff)!important;
  box-shadow:0 0 30px var(--qc,#00d9ff), inset 0 0 20px rgba(255,255,255,.08)!important;
}
.qc-item-grid{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:32px 52px!important;
}
.qc-thumb-img{background:#fff!important;}
.qc-thumb-img img{width:100%;height:100%;object-fit:cover;display:block;}
.qc-spec-editor{
  grid-column:1/-1;
  overflow:auto;
  background:#eef8ff;
  border:1px solid #00d9ff;
  border-radius:12px;
  padding:12px;
}
.qc-spec-editor table{width:100%;border-collapse:collapse;}
.qc-spec-editor th,.qc-spec-editor td{border:1px solid #9db4c8;padding:4px;}
.qc-spec-editor input{min-width:90px;padding:6px;font-size:12px;}
.qc-spec-editor h4{color:#002060;margin:0 0 8px;}
.qc-ir-sheet{
  width:210mm;
  min-height:297mm;
  margin:0 auto 16px;
  background:white;
  color:#000;
  border:1px solid #000;
  padding:4mm;
  box-sizing:border-box;
  page-break-after:always;
  font-family:'Arial Narrow',Arial,sans-serif;
  font-size:10px;
}
.qc-ir-head,.qc-ir-spec,.qc-ir-footer{
  width:100%;
  border-collapse:collapse;
}
.qc-ir-head th,.qc-ir-head td,.qc-ir-spec th,.qc-ir-spec td,.qc-ir-footer td{
  border:1px solid #000;
  color:#000;
  padding:3px 4px;
  vertical-align:middle;
}
.qc-ir-logo{width:42px;text-align:center;}
.qc-ir-logo img{width:34px;height:34px;object-fit:contain;}
.qc-ir-division{text-align:left;font-size:14px;font-weight:800;border-bottom:0!important;}
.qc-ir-title{text-align:center;font-size:10px;font-weight:800;}
.qc-ir-head th{font-size:8px;text-align:left;width:96px;}
.qc-ir-head td{font-size:10px;font-weight:700;}
.qc-ir-client{text-align:center;font-size:18px!important;font-weight:500!important;height:26px;}
.qc-ir-visuals{
  display:grid;
  grid-template-columns:1fr 78mm;
  gap:6px;
  min-height:50mm;
  align-items:stretch;
}
.qc-ir-drawing{
  border-left:1px solid #000;border-right:1px solid #000;
  display:grid;place-items:center;min-height:50mm;
}
.qc-ir-drawing img{max-width:100%;max-height:49mm;object-fit:contain;}
.qc-drawing-placeholder{width:90%;height:40mm;border:1px dashed #888;display:grid;place-items:center;text-align:center;color:#333;}
.qc-drawing-placeholder span{font-size:9px;}
.qc-ir-tolerance{border-right:1px solid #000;border-bottom:1px solid #000;text-align:center;font-size:8px;padding:4px;}
.qc-ir-tolerance table{width:100%;border-collapse:collapse;margin-top:2px;}
.qc-ir-tolerance th,.qc-ir-tolerance td{border:1px solid #000;padding:2px;font-size:7px;}
.qc-ir-tolerance small{display:block;font-size:6.5px;color:#000!important;text-align:left;margin-top:2px;}
.qc-ir-spec th{font-size:8px;text-align:center;}
.qc-ir-spec td{text-align:center;font-size:10px;height:20px;}
.qc-ir-spec td:nth-child(2),.qc-ir-spec td:nth-child(3),.qc-ir-spec td:nth-child(4){text-align:left;}
.qc-ir-footer td{height:34px;font-size:9px;vertical-align:top;}
.qc-ir-docno{font-size:8px;text-align:right;color:#000;margin-top:5px;}
.qc-ir-docno span{float:right;margin-left:20px;}
@media print{
  @page{size:A4 portrait;margin:0;}
  body{background:white!important;}
  .qc-ir-sheet{margin:0;border:0;box-shadow:none;min-height:297mm;}
  .qc-print-stack{padding:0!important;}
}


/* V64 data protection */
.v64-safe-note{
  border:2px solid #00d9ff;
  background:#eaffff;
  color:#001845;
  border-radius:12px;
  padding:10px 12px;
  font-weight:1000;
  box-shadow:0 0 14px rgba(0,217,255,.35);
}


/* V65 direct chat upload */
.chat-direct-file-label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #00d9ff;
  border-radius:12px;
  background:linear-gradient(135deg,#001d4a,#00a9ff);
  color:#fff;
  font-weight:1000;
  padding:10px 12px;
  cursor:pointer;
  text-align:center;
  box-shadow:0 0 12px rgba(0,217,255,.45);
}
.chat-direct-file-label input[type=file]{
  display:block;
  max-width:220px;
}
.chat-file-upload input[name=category],
.chat-file-upload input[name=remarks]{
  display:none!important;
}
.chat-attach-send{
  white-space:nowrap;
}


/* V66 top toolbar order + active users */
.top-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.active-users-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:40px;
  padding:8px 14px;
  border:1px solid #00f6ff;
  border-radius:14px;
  background:linear-gradient(135deg,#001f4d,#004c7d);
  color:#bfffff;
  font-weight:1000;
  box-shadow:0 0 14px rgba(0,246,255,.35);
  white-space:nowrap;
}
.active-users-pill span{
  color:#00ff66;
  font-size:18px;
  text-shadow:0 0 8px rgba(0,255,102,.75);
}

/* V66 chat uploaded files appear as chat messages with DL + DEL side by side */
.chat-file-actions,
.chat-file-message-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}
.chat-file-delete-form{
  display:inline-flex;
  margin:0;
}
.chat-file-delete{
  border:0;
  border-radius:9px;
  padding:8px 10px;
  background:#c90000;
  color:#fff;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 0 8px rgba(255,0,0,.45);
}
.chat-file-message-card{
  display:flex;
  align-items:center;
  gap:10px;
  width:min(100%, 520px);
  padding:10px;
  border:1px solid #00d9ff;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(0,25,65,.92),rgba(0,95,140,.75));
  box-shadow:0 0 10px rgba(0,217,255,.35);
}
.chat-file-message-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#ffd400;
  color:#001845;
  font-size:22px;
  font-weight:1000;
}
.chat-file-message-info{
  flex:1;
  min-width:0;
}
.chat-file-message-info b{
  display:block;
  color:#fff;
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.chat-file-message-info small{
  display:block;
  color:#c9f7ff;
  font-weight:900;
  margin-top:2px;
}
.chat-file-row{
  gap:8px;
}
.chat-file-row .chat-file-info{
  min-width:0;
}
.chat-file-row .chat-file-info b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.chat-file-download{
  min-width:38px;
  text-align:center;
}
@media(max-width:900px){
  .top-tools{
    justify-content:flex-start;
  }
  .active-users-pill,.admin-pill,.update-center-pill,.graphics-level-control,.system-switch-form{
    font-size:11px;
  }
  .chat-file-message-card{
    width:100%;
  }
}


/* V67 update button: green + nonstop vibration while new update is available */
.update-center-pill.update-available,
.update-center-pill.update-vibrate{
  background:linear-gradient(135deg,#00ff57,#00a83b,#ddff00)!important;
  color:#001845!important;
  border:2px solid #b7ff00!important;
  box-shadow:0 0 10px #00ff57,0 0 24px rgba(0,255,87,.85), inset 0 0 12px rgba(255,255,255,.45)!important;
  animation:mrmcUpdateVibrate 0.28s linear infinite, mrmcUpdateGreenPulse 0.9s ease-in-out infinite!important;
  transform-origin:center;
}
.update-center-pill.update-available::before,
.update-center-pill.update-vibrate::before{
  content:'⬆ ';
  color:#001845;
}
@keyframes mrmcUpdateVibrate{
  0%{transform:translate(0,0) rotate(0deg);}
  15%{transform:translate(-1px,1px) rotate(-1deg);}
  30%{transform:translate(1px,-1px) rotate(1deg);}
  45%{transform:translate(-1px,-1px) rotate(-1deg);}
  60%{transform:translate(1px,1px) rotate(1deg);}
  75%{transform:translate(-1px,0) rotate(-.5deg);}
  100%{transform:translate(0,0) rotate(0deg);}
}
@keyframes mrmcUpdateGreenPulse{
  0%,100%{filter:brightness(1);}
  50%{filter:brightness(1.38);}
}
body.graphics-super-low .update-center-pill.update-available,
body.graphics-super-low .update-center-pill.update-vibrate{
  animation:mrmcUpdateGreenPulse 1.1s ease-in-out infinite!important;
}


/* V1.0.0: Inventory tracking number readiness colors */
.tracking-cell{
  min-width:220px;
  line-height:2.35;
}
.tracking-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:3px 4px 3px 0;
  padding:6px 9px;
  border-radius:999px;
  font-weight:1000;
  border:2px solid transparent;
  box-shadow:0 0 12px rgba(0,0,0,.18);
  vertical-align:middle;
  white-space:nowrap;
}
.tracking-chip b{font-size:13px;letter-spacing:.03em;}
.tracking-chip em{font-size:9px;font-style:normal;letter-spacing:.06em;opacity:.95;}
.tracking-chip.small{padding:4px 8px;gap:5px;}
.tracking-chip.track-ready{
  background:linear-gradient(135deg,#00ff57,#0ebd45);
  color:#001d0b;
  border-color:#c6ff00;
  box-shadow:0 0 10px rgba(0,255,87,.75);
}
.tracking-chip.track-outside{
  background:linear-gradient(135deg,#ff2d2d,#a40000);
  color:#fff;
  border-color:#ffb3b3;
  box-shadow:0 0 10px rgba(255,45,45,.75);
}
.tracking-history-box{
  min-height:64px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(0,217,255,.45);
  background:rgba(0,20,55,.82);
  box-shadow:inset 0 0 14px rgba(0,217,255,.14);
}
.tracking-legend{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.tracking-legend small{color:#eaffff;font-weight:800;}
.daily-tracking-panel h3 small,
.inventory-tracking-status-panel h3 small{color:#d5faff;font-weight:800;}
.ready-count{color:#00b33c;text-shadow:0 0 4px rgba(0,255,87,.35);}
.outside-count{color:#d00000;text-shadow:0 0 4px rgba(255,0,0,.25);}
.tracking-more{font-weight:900;color:#ffd400;margin-left:5px;}
@media(max-width:760px){
  .tracking-cell{min-width:170px;}
  .tracking-chip b{font-size:12px;}
  .tracking-chip em{font-size:8px;}
}
@media print{
  .tracking-chip{box-shadow:none!important;border:1px solid #333!important;color:#000!important;background:#fff!important;}
}


/* V1.0.2 Chat Group/DM mode */
.chat-mode-switch{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:8px 10px;
  border-bottom:1px solid rgba(0,217,255,.28);
  background:linear-gradient(135deg,rgba(0,18,50,.95),rgba(0,55,95,.88));
}
.chat-mode-btn{
  border:1px solid #00d9ff;
  border-radius:999px;
  padding:8px 12px;
  background:#061a3d;
  color:#c9f7ff;
  font-weight:1000;
  cursor:pointer;
}
.chat-mode-btn.active{
  background:linear-gradient(135deg,#00ff66,#00d9ff);
  color:#001845;
  box-shadow:0 0 14px rgba(0,255,102,.65);
}
.chat-mode-switch label{
  display:flex;
  align-items:center;
  gap:6px;
  color:#eaffff;
  font-size:11px;
  font-weight:1000;
}
.chat-mode-switch select{
  max-width:260px;
  min-height:34px;
  border-radius:10px;
  border:1px solid #00d9ff;
  background:#001b3d;
  color:#fff;
  font-weight:800;
}
#chatModeLabel{
  margin-left:auto;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  padding:7px 10px;
  color:#fff;
  font-size:11px;
  font-weight:1000;
  background:rgba(255,255,255,.08);
}
.mrmc-chat.dm-mode #chatModeLabel{
  background:linear-gradient(135deg,#7f00ff,#00d9ff);
  box-shadow:0 0 12px rgba(127,0,255,.55);
}
.chat-msg.dm-msg{
  border-color:#b86bff!important;
  box-shadow:0 0 12px rgba(184,107,255,.30);
}
.chat-msg.dm-msg .chat-meta span{
  background:#7f00ff!important;
  color:#fff!important;
}
.dm-label{
  color:#ffd9ff;
  text-shadow:0 0 8px rgba(255,0,255,.55);
  font-size:11px;
}
.chat-sound-file-note{
  font-size:10px;
  color:#bfffff;
}
.update-center-pill.update-available,
.update-center-pill.update-vibrate{
  background:linear-gradient(135deg,#00ff57,#00b944,#ddff00)!important;
  color:#001845!important;
  border:2px solid #b7ff00!important;
  animation:mrmcUpdateVibrate 0.28s linear infinite, mrmcUpdateGreenPulse 0.9s ease-in-out infinite!important;
  box-shadow:0 0 10px #00ff57,0 0 24px rgba(0,255,87,.95), inset 0 0 12px rgba(255,255,255,.45)!important;
}


/* V1.0.3 QC logos + item actions */
.qc-logo-image,.qc-client-mark-image{
  background:#fff!important;
  padding:6px!important;
}
.qc-logo-image img,.qc-client-mark-image img{
  width:100%;height:100%;object-fit:contain;display:block;
}
.qc-client-mark{
  width:54px;height:54px;border-radius:8px;background:#fff;color:#001845;
  display:grid;place-items:center;font-weight:1000;box-shadow:0 0 12px rgba(255,255,255,.35);
}
.qc-item-action-screen .qc-action-wrap{
  display:grid;
  gap:18px;
}
.qc-action-top{
  display:grid;
  grid-template-columns:minmax(220px,320px) 1fr 220px;
  gap:18px;
  background:rgba(255,255,255,.78);
  border:2px solid var(--qc,#00d9ff);
  border-radius:26px;
  padding:22px;
}
.qc-action-preview{
  min-height:190px;
  border:8px solid #fff;
  border-radius:14px 28px 14px 14px;
  background:linear-gradient(135deg,#0b2447,#08d9ff);
  box-shadow:0 0 14px var(--qc,#00d9ff);
  overflow:hidden;
  display:grid;place-items:center;
}
.qc-action-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.qc-action-preview-fallback span{font-size:54px;color:rgba(255,255,255,.86);font-style:italic;font-weight:1000;}
.qc-action-meta{
  color:#001845;
  font-weight:900;
  display:grid;
  align-content:start;
  gap:8px;
}
.qc-action-meta h2{margin:0;font-size:32px;letter-spacing:.03em;color:#12164a;}
.qc-action-meta p{margin:0;font-size:16px;}
.qc-action-buttons{
  display:grid;
  align-content:start;
  gap:12px;
}
.qc-action-buttons .btn.wide{display:flex;justify-content:center;align-items:center;min-height:52px;font-size:16px;}
.qc-print-now-panel{background:rgba(255,255,255,.92)!important;}
.qc-template-current-files{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
@media(max-width:980px){
  .qc-action-top{grid-template-columns:1fr;}
}


/* V1.0.4 Professional QC dashboard + Customer Files + DM unread alert */
.qc-pro-dashboard{
  min-height:78vh;
  padding:24px;
  border-radius:32px;
  border:1px solid rgba(110,255,120,.35);
  background:
    linear-gradient(135deg,rgba(5,24,22,.92),rgba(0,40,36,.86)),
    radial-gradient(circle at 75% 20%,rgba(72,255,80,.26),transparent 30%);
  box-shadow:0 0 26px rgba(80,255,100,.28), inset 0 0 50px rgba(255,255,255,.04);
  color:#eafff2;
}
.qc-pro-hero{
  display:grid;
  grid-template-columns:1fr minmax(280px,520px);
  gap:22px;
  align-items:center;
  margin-bottom:18px;
}
.qc-pro-label{
  display:inline-flex;
  padding:8px 12px;
  border:1px solid #66ff55;
  border-radius:999px;
  color:#90ff85;
  font-weight:1000;
  letter-spacing:.08em;
}
.qc-pro-hero h1{
  margin:12px 0 8px;
  font-size:clamp(34px,5vw,64px);
  line-height:.98;
  text-shadow:0 0 18px rgba(102,255,85,.45);
}
.qc-pro-hero p{font-size:16px;color:#d7ffe1;max-width:760px;}
.qc-pro-robot{
  height:240px;
  border:1px solid rgba(102,255,85,.45);
  border-radius:22px;
  overflow:hidden;
  background:#04110f;
  box-shadow:0 0 20px rgba(102,255,85,.28);
}
.qc-pro-robot img{width:100%;height:100%;object-fit:cover;opacity:.92;}
.qc-pro-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:14px;
  margin:16px 0;
}
.qc-pro-kpi{
  min-height:104px;
  border:1px solid rgba(102,255,85,.32);
  border-radius:18px;
  background:rgba(0,16,14,.72);
  box-shadow:inset 0 0 22px rgba(255,255,255,.04);
  padding:16px;
}
.qc-pro-kpi b{font-size:38px;color:#fff;display:block;}
.qc-pro-kpi span{color:#bcffd0;font-weight:900;}
.qc-pro-kpi.warn b{color:#ffd35c;}
.qc-pro-main{
  display:grid;
  grid-template-columns:minmax(260px,420px) 1fr;
  gap:18px;
}
.qc-pro-actions{
  display:grid;
  gap:14px;
}
.qc-pro-action{
  display:block;
  padding:18px;
  border-radius:18px;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg,#06251f,#0f4539);
  border:1px solid rgba(102,255,85,.35);
  box-shadow:0 0 14px rgba(102,255,85,.14);
}
.qc-pro-action:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(102,255,85,.32);}
.qc-pro-action b{display:block;font-size:22px;margin-bottom:6px;}
.qc-pro-action span{color:#d6ffe1;font-weight:800;}
.qc-pro-action.primary{background:linear-gradient(135deg,#123b19,#13812a);}
.qc-pro-action.green{background:linear-gradient(135deg,#063d2d,#1fa85b);}
.qc-pro-action.blue{background:linear-gradient(135deg,#062d3d,#1f7fa8);}
.qc-pro-action.purple{background:linear-gradient(135deg,#25125a,#7c28d8);}
.qc-pro-panel{
  border:1px solid rgba(102,255,85,.28);
  border-radius:20px;
  background:rgba(0,16,14,.70);
  padding:16px;
  overflow:auto;
}
.qc-pro-panel h3{margin:0 0 12px;color:#fff;}
.qc-pro-panel table{width:100%;border-collapse:collapse;}
.qc-pro-panel th,.qc-pro-panel td{border-bottom:1px solid rgba(255,255,255,.12);padding:10px;color:#eafff2;text-align:left;}
.qc-pro-panel th{color:#93ff81;}
.qc-logo-image,.qc-client-mark-image{
  background:#fff!important;
  padding:6px!important;
}
.qc-logo-image img,.qc-client-mark-image img{
  width:100%;height:100%;object-fit:contain;display:block;
}
.qc-client-mark{
  width:54px;height:54px;border-radius:8px;background:#fff;color:#001845;
  display:grid;place-items:center;font-weight:1000;box-shadow:0 0 12px rgba(255,255,255,.35);
}
.qc-file-client-card small{color:#00315c;font-weight:1000;margin-top:6px;}
.qc-file-type-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  background:rgba(255,255,255,.76);
  border:2px solid var(--qc,#00d9ff);
  border-radius:24px;
  padding:24px;
}
.qc-file-type-card{
  min-height:170px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  border-radius:20px;
  color:#fff;
  font-weight:1000;
  text-align:center;
  background:linear-gradient(135deg,#001845,#087ca7);
  box-shadow:0 0 14px rgba(0,217,255,.25);
}
.qc-file-type-card em{font-size:44px;font-style:normal;}
.qc-file-type-card b{font-size:22px;}
.qc-file-type-card span{color:#dffcff;}
.qc-file-AUDIT{background:linear-gradient(135deg,#053b1e,#1fa85b);}
.qc-file-DRAWING{background:linear-gradient(135deg,#082a4f,#00a9ff);}
.qc-file-TIP{background:linear-gradient(135deg,#4a2700,#e88900);}
.qc-file-COMPLAINT{background:linear-gradient(135deg,#4d0000,#c90000);}
.qc-file-upload-panel{
  border-color:#00d9ff!important;
}
.dm-unread-alert,
.chat-mode-btn.dm-unread-alert,
#chatBubble.dm-unread-alert{
  animation:mrmcDmUnreadVibrate .25s linear infinite, mrmcDmUnreadGlow .85s ease-in-out infinite!important;
}
@keyframes mrmcDmUnreadVibrate{
  0%{transform:translate(0,0) rotate(0);}
  25%{transform:translate(-1px,1px) rotate(-1deg);}
  50%{transform:translate(1px,-1px) rotate(1deg);}
  75%{transform:translate(-1px,-1px) rotate(-1deg);}
  100%{transform:translate(0,0) rotate(0);}
}
@keyframes mrmcDmUnreadGlow{
  0%,100%{box-shadow:0 0 10px #ff0078,0 0 20px rgba(255,0,120,.45);}
  50%{box-shadow:0 0 20px #00d9ff,0 0 38px rgba(0,217,255,.75);}
}
@media(max-width:980px){
  .qc-pro-hero,.qc-pro-main{grid-template-columns:1fr;}
}


/* V1.0.5 HR Easy Search Buttons */
.hr-easy-search-panel{
  border:2px solid #00d9ff!important;
  box-shadow:0 0 16px rgba(0,217,255,.45)!important;
}
.hr-easy-search-panel h3{
  color:#fff!important;
  letter-spacing:.08em;
}
.hr-easy-search-form{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:10px;
  align-items:center;
}
.hr-easy-search-form input[name="hr_search"]{
  width:100%;
  min-height:44px;
  border-radius:12px;
  border:2px solid #00a9ff;
  padding:10px 14px;
  font-weight:900;
  font-size:15px;
  background:#fff;
  color:#001845;
}
.hr-search-chip{
  grid-column:1 / -1;
  display:inline-flex;
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  background:#ffd400;
  color:#001845;
  font-weight:1000;
  box-shadow:0 0 10px rgba(255,212,0,.45);
}
.hr-search-shortcut{
  background:linear-gradient(135deg,#ffd400,#ff9b00)!important;
  color:#001845!important;
}
@media(max-width:760px){
  .hr-easy-search-form{grid-template-columns:1fr;}
}


/* V1.0.6 QC Drawing Convert 2D / 3D System */
.qc-pro-action.orange{background:linear-gradient(135deg,#542e00,#ff9200);}
.qc-cad-system{
  display:grid;
  gap:16px;
}
.qc-cad-hero{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  border:1px solid rgba(0,217,255,.35);
  border-radius:22px;
  padding:22px;
  background:linear-gradient(135deg,rgba(1,12,28,.95),rgba(0,45,65,.88));
  box-shadow:0 0 22px rgba(0,217,255,.22);
}
.qc-cad-hero span{
  color:#00d9ff;
  font-weight:1000;
  letter-spacing:.08em;
}
.qc-cad-hero h1{
  color:#fff;
  margin:8px 0;
  font-size:clamp(30px,4vw,54px);
}
.qc-cad-hero p{
  color:#d8f8ff;
  margin:0;
  max-width:940px;
}
.qc-cad-chip{
  border:1px solid #ffd400;
  color:#001845;
  background:#ffd400;
  border-radius:999px;
  padding:10px 14px;
  font-weight:1000;
  white-space:nowrap;
}
.qc-cad-form{
  display:grid;
  grid-template-columns:1.1fr .9fr .9fr;
  gap:14px;
}
.qc-cad-form section{
  border:1px solid rgba(0,217,255,.30);
  border-radius:18px;
  padding:16px;
  background:rgba(0,19,45,.84);
  color:#fff;
  box-shadow:inset 0 0 20px rgba(255,255,255,.03);
}
.qc-cad-form section>b{
  display:block;
  margin-bottom:12px;
  color:#bfffff;
  letter-spacing:.04em;
}
.qc-cad-upload{
  min-height:150px;
  border:2px dashed #00d9ff;
  border-radius:16px;
  display:grid;
  place-items:center;
  text-align:center;
  cursor:pointer;
  background:rgba(0,217,255,.07);
}
.qc-cad-upload input{max-width:260px;}
.qc-cad-upload strong{font-size:20px;}
.qc-cad-upload small{color:#bdefff;}
.qc-cad-form label{
  display:grid;
  gap:5px;
  color:#e7fdff;
  font-weight:900;
}
.qc-cad-form input,.qc-cad-form select,.qc-cad-form textarea{
  border-radius:10px;
  border:1px solid #00a9ff;
  padding:9px;
  background:#fff;
  color:#001845;
  font-weight:800;
}
.qc-cad-type{
  display:grid;
  gap:10px;
}
.qc-cad-type label{
  display:flex!important;
  align-items:center;
  gap:10px;
  min-height:48px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  padding:10px;
  background:rgba(255,255,255,.06);
}
.qc-cad-dims{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}
.qc-cad-dims>b{grid-column:1/-1;}
.qc-cad-submit{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.qc-cad-preview-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.qc-cad-preview-panel{
  border:1px solid rgba(0,217,255,.35);
  border-radius:20px;
  padding:16px;
  background:rgba(0,16,35,.88);
  color:#fff;
}
.qc-cad-svg-wrap{
  width:100%;
  min-height:360px;
  max-height:520px;
  overflow:auto;
  background:#fff;
  border-radius:14px;
  padding:8px;
}
.qc-cad-svg-wrap svg{
  width:100%;
  height:auto;
  display:block;
}
.qc-cad-3d-preview{
  min-height:420px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:radial-gradient(circle at center,rgba(0,217,255,.18),transparent 42%),linear-gradient(135deg,#06142e,#050913);
  perspective:900px;
  overflow:hidden;
}
.qc-cad-model{
  position:relative;
  width:250px;
  height:210px;
  transform-style:preserve-3d;
  transform:rotateX(58deg) rotateZ(-36deg);
  animation:qcCadSpin 8s linear infinite;
}
.qc-cad-model span,.qc-cad-model i,.qc-cad-model b,.qc-cad-model em{
  position:absolute;
  display:block;
  background:linear-gradient(135deg,#b9c5d1,#667788);
  border:2px solid rgba(255,255,255,.55);
  box-shadow:0 0 18px rgba(0,217,255,.35);
}
.qc-cad-model span{width:250px;height:150px;left:0;bottom:0;border-radius:24px;}
.qc-cad-model i{width:70px;height:170px;left:90px;bottom:55px;border-radius:38px 38px 8px 8px;}
.qc-cad-model b{width:22px;height:130px;left:70px;bottom:42px;transform:rotate(-26deg);transform-origin:bottom;}
.qc-cad-model em{width:22px;height:130px;left:158px;bottom:42px;transform:rotate(26deg);transform-origin:bottom;}
@keyframes qcCadSpin{
  0%{transform:rotateX(58deg) rotateZ(-36deg);}
  100%{transform:rotateX(58deg) rotateZ(324deg);}
}
.qc-cad-history table td,.qc-cad-history table th{
  white-space:nowrap;
}
@media(max-width:980px){
  .qc-cad-form,.qc-cad-preview-grid{grid-template-columns:1fr;}
  .qc-cad-hero{display:grid;}
}
body.graphics-super-low .qc-cad-model{animation:none!important;}


/* V1.0.7 Chat compact controls: buttons grouped, more message space */
.mrmc-chat .chat-mode-switch{
  display:grid!important;
  grid-template-columns:auto auto 1fr!important;
  align-items:center!important;
  gap:6px!important;
  padding:5px 8px!important;
  min-height:44px!important;
  border-bottom:1px solid rgba(0,217,255,.22)!important;
}
.mrmc-chat .chat-mode-btn{
  padding:6px 10px!important;
  min-height:30px!important;
  font-size:12px!important;
  line-height:1!important;
  border-radius:999px!important;
}
.mrmc-chat .chat-mode-switch label{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  font-size:0!important;
  min-width:0!important;
}
.mrmc-chat .chat-mode-switch label::before{
  content:'DM:';
  font-size:11px!important;
  color:#bfffff;
  font-weight:1000;
}
.mrmc-chat .chat-mode-switch select{
  width:100%!important;
  max-width:none!important;
  min-height:32px!important;
  height:32px!important;
  padding:4px 8px!important;
  font-size:12px!important;
}
.mrmc-chat #chatModeLabel{
  display:none!important;
}
.mrmc-chat .chat-head{
  min-height:42px!important;
  padding:6px 10px!important;
}
.mrmc-chat .chat-head .chat-drag-label,
.mrmc-chat .chat-drag-label,
#chatBubble .chat-drag-label,
#chatBubble small,
#chatBubble .drag-text{
  display:none!important;
}
.mrmc-chat .chat-body{
  max-height:clamp(290px,52vh,520px)!important;
}
.mrmc-chat:not(.focus) .chat-body{
  min-height:280px!important;
}
.mrmc-chat .chat-msg{
  padding:7px 9px!important;
  margin-bottom:7px!important;
}
.mrmc-chat .chat-meta{
  gap:5px!important;
  flex-wrap:wrap!important;
}
.mrmc-chat .chat-text{
  font-size:13px!important;
  line-height:1.3!important;
}
.mrmc-chat .chat-seen-status{
  font-size:10px!important;
  padding:4px 6px!important;
  margin-top:5px!important;
}
.mrmc-chat .chat-file-message-card{
  padding:7px!important;
}
.mrmc-chat .chat-send{
  padding:6px!important;
  gap:6px!important;
}
.mrmc-chat .chat-send input{
  min-height:36px!important;
}
.mrmc-chat .chat-send button{
  min-height:36px!important;
  padding:7px 12px!important;
}
@media(max-width:560px){
  .mrmc-chat .chat-mode-switch{
    grid-template-columns:1fr 1fr!important;
  }
  .mrmc-chat .chat-mode-switch label{
    grid-column:1/-1;
  }
}

/* V1.0.7 Drawing source preview + image-based result */
.qc-cad-source-panel{
  border:1px solid rgba(0,217,255,.35);
  border-radius:20px;
  padding:16px;
  background:rgba(0,16,35,.88);
  color:#fff;
}
.qc-cad-source-panel img{
  max-width:100%;
  max-height:280px;
  object-fit:contain;
  display:block;
  margin:auto;
  border-radius:12px;
  background:#fff;
  padding:8px;
}
.qc-cad-source-panel p{
  color:#bfffff;
  font-weight:800;
}
.qc-cad-source-file{
  min-height:120px;
  display:grid;
  place-items:center;
  border:2px dashed #00d9ff;
  border-radius:14px;
  color:#fff;
  font-weight:1000;
}
.qc-cad-svg-wrap image{
  outline:1px solid rgba(0,0,0,.12);
}


/* V1.0.8 QC 5S Monthly Monitoring Report */
.qc-pro-action.yellow5s{background:linear-gradient(135deg,#004b89,#ffd400);color:#001845!important;}
.qc5s-editor h3{letter-spacing:.06em}.qc5s-findings-edit{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.qc5s-finding-edit{border:1px solid #00d9ff;border-radius:14px;padding:12px;background:rgba(255,255,255,.06);display:grid;gap:10px}.qc5s-finding-edit img{width:100%;height:150px;object-fit:cover;border-radius:12px;background:#fff}.qc5s-finding-edit textarea{min-height:70px}.qc5s-score-edit{display:grid;gap:10px}.qc5s-score-row{display:grid;grid-template-columns:170px 120px 1fr;gap:10px;align-items:center;border:1px solid rgba(0,217,255,.25);border-radius:12px;padding:10px;background:rgba(255,255,255,.05)}.qc5s-do-dont-edit{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qc5s-do-dont-edit>div{border:1px solid #00d9ff;border-radius:14px;padding:12px;background:rgba(255,255,255,.05)}.qc5s-do-dont-edit textarea{width:100%;min-height:58px;margin-bottom:7px}.qc5s-no-photo{display:grid;place-items:center;background:#e8eef8;color:#123;min-height:120px;font-weight:1000;border-radius:12px}.qc5s-print-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.qc5s-sheet{width:8.27in;min-height:11.69in;margin:auto;background:#fff;color:#000;padding:.22in;border:1px solid #ddd;box-shadow:0 0 18px rgba(0,0,0,.25);font-family:Arial,sans-serif}.qc5s-top{border-top:12px solid #ffd000;position:relative;text-align:center}.qc5s-top:before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px;background:#ffd000;border-bottom:4px solid #005ea8}.qc5s-top .corp{display:inline-block;background:#135b9f;color:#fff;border:4px solid #ffd000;font-size:18px;font-weight:1000;padding:5px 18px;margin-top:-8px}.qc5s-top h1{font-size:34px;line-height:1;margin:8px 0 6px;color:#000}.qc5s-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;text-align:left;font-size:12px;margin:4px 8px 8px}.qc5s-meta span{border-bottom:1px solid #222;padding:1px 4px}.qc5s-sheet h2{font-size:17px;margin:9px 0 6px;color:#000}.qc5s-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qc5s-card{display:grid;grid-template-columns:40% 60%;gap:5px;border:3px solid #126aa8;border-radius:10px;padding:5px;min-height:130px}.qc5s-card .pic img{width:100%;height:120px;object-fit:cover;border-radius:8px}.qc5s-card .txt{font-size:9.6px;line-height:1.12;color:#000}.qc5s-card .txt b{font-size:10.5px}.qc5s-card .txt p{margin:3px 0 0}.qc5s-score{width:100%;border-collapse:collapse;font-size:11px}.qc5s-score th,.qc5s-score td{border:1.5px solid #222;padding:3px;vertical-align:middle}.qc5s-score th{background:#eff5fb}.qc5s-score .rate{width:50px}.qc5s-score .bad{color:#e00000;font-weight:1000;font-size:14px;text-align:center}.qc5s-score .sustain{color:#0066c9;font-weight:1000;font-size:14px;text-align:center}.qc5s-score td.on{outline:3px solid #e32b2b;border-radius:50%;font-weight:1000;color:#e32b2b;text-align:center}.qc5s-grade{text-align:right;margin:5px 0;font-size:13px}.qc5s-grade b{background:#ffd000;color:#000;padding:4px 10px;border-radius:999px}.qc5s-actions{display:grid;grid-template-columns:1fr 1fr;border:2px solid #222}.qc5s-actions h3{margin:0;padding:6px;text-align:center;font-size:18px}.qc5s-actions>div:first-child h3{background:#125fa6;color:#fff}.qc5s-actions>div:last-child h3{background:#ffd000;color:#000}.qc5s-actions>div{border-right:2px solid #222}.qc5s-actions>div:last-child{border-right:0}.qc5s-actions p{display:grid;grid-template-columns:28px 1fr;gap:4px;border-top:1.5px solid #222;margin:0;padding:5px;font-size:10px;line-height:1.1;min-height:34px}.qc5s-actions span{font-size:22px;font-weight:1000;text-align:center}.qc5s-extra{border:1.5px solid #222;padding:6px;font-size:10px;line-height:1.2;margin-top:7px}.qc5s-sign{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:14px 0 10px;font-size:13px}.qc5s-sign span{border-bottom:2px solid #222;min-height:24px}.qc5s-footer{background:#135b9f;color:#fff;text-align:center;font-weight:1000;padding:8px;border-bottom:12px solid #ffd000;letter-spacing:.06em}@media(max-width:900px){.qc5s-score-row,.qc5s-do-dont-edit{grid-template-columns:1fr}.qc5s-sheet{width:100%;padding:8px}.qc5s-summary{grid-template-columns:1fr}}@media print{body{background:#fff!important}.sidebar,.topbar,.no-print,.chat-widget,.mrmc-chat,#chatBubble,.toolbar,.page-title{display:none!important}.content,.main,.page{margin:0!important;padding:0!important;width:100%!important}.qc5s-sheet{box-shadow:none!important;border:0!important;width:8.27in!important;min-height:11.69in!important;page-break-after:always;padding:.18in!important}@page{size:A4 portrait;margin:8mm}}


/* V1.0.9 - Fixed readable one-page 5S Monitoring Report */
.qc5s-onepage{
  width:210mm;
  min-height:297mm;
  max-height:297mm;
  overflow:hidden;
  margin:0 auto 18px;
  background:#fff;
  color:#000;
  padding:6mm 7mm 5mm;
  box-sizing:border-box;
  font-family:Arial, Helvetica, sans-serif;
  box-shadow:0 0 18px rgba(0,0,0,.35);
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}
.qc5s-op-head{
  border-top:7mm solid #ffd21a;
  text-align:center;
  position:relative;
  padding-top:0;
}
.qc5s-op-head:before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:-7mm;
  height:2mm;
  background:#125fa6;
}
.qc5s-corp{
  display:inline-block;
  margin-top:-6.4mm;
  background:#125fa6!important;
  color:#fff!important;
  border:1.4mm solid #ffd21a;
  padding:1.2mm 10mm;
  font-size:13pt;
  font-weight:900;
  letter-spacing:.03em;
}
.qc5s-op-head h1{
  margin:2mm 0 1mm;
  color:#000!important;
  font-size:24pt;
  line-height:1;
  font-weight:1000;
}
.qc5s-op-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1mm 12mm;
  text-align:left;
  font-size:8.3pt;
  margin:0 2mm 1.5mm;
}
.qc5s-op-meta div{
  display:grid;
  grid-template-columns:27mm 1fr;
  border-bottom:.35mm solid #111;
  min-height:4.2mm;
}
.qc5s-op-meta b{font-weight:1000;}
.qc5s-op-meta span{text-align:center;}
.qc5s-onepage h2{
  color:#000!important;
  font-size:12.2pt;
  margin:2.1mm 0 1mm;
  font-weight:1000;
}
.qc5s-op-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2mm 3mm;
}
.qc5s-op-card{
  display:grid;
  grid-template-columns:42% 58%;
  gap:1.5mm;
  border:1mm solid #126aa8;
  border-radius:4mm;
  padding:1.2mm;
  min-height:35mm;
  max-height:35mm;
  overflow:hidden;
  box-sizing:border-box;
}
.qc5s-op-pic img{
  width:100%;
  height:31mm;
  object-fit:cover;
  border-radius:2mm;
  display:block;
}
.qc5s-op-pic .qc5s-no-photo{
  width:100%;
  height:31mm;
  min-height:31mm;
  font-size:9pt;
  border-radius:2mm;
}
.qc5s-op-text{
  color:#000;
  font-size:6.9pt;
  line-height:1.08;
  overflow:hidden;
}
.qc5s-op-text b{
  font-size:7.4pt;
  line-height:1.04;
  display:block;
  margin-bottom:.7mm;
}
.qc5s-op-text p{margin:0;}
.qc5s-op-score-wrap{display:grid;grid-template-columns:1fr 37mm;gap:2mm;align-items:start;}
.qc5s-op-score{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:7pt;
  color:#000;
}
.qc5s-op-score th,.qc5s-op-score td{
  border:.45mm solid #222;
  padding:.8mm;
  vertical-align:middle;
  text-align:center;
  height:6mm;
}
.qc5s-op-score th{background:#eaf1f8!important;font-weight:1000;}
.qc5s-op-score td:first-child{text-align:left;font-weight:900;width:22mm;}
.qc5s-op-score .red{color:#e00000!important;font-weight:1000;font-size:11pt;}
.qc5s-op-score .blue{color:#004fcb!important;font-weight:1000;font-size:11pt;}
.qc5s-op-score td.on{
  color:#d50000!important;
  font-weight:1000;
  box-shadow:inset 0 0 0 .8mm #e32b2b;
  border-radius:50%;
}
.qc5s-op-score .note{
  color:#009144!important;
  text-align:left;
  font-size:6pt;
  line-height:1.05;
  width:62mm;
  overflow:hidden;
}
.qc5s-op-grade{
  border:.45mm solid #222;
  background:#fff8cb!important;
  padding:2mm;
  font-size:8pt;
  font-weight:900;
  text-align:center;
}
.qc5s-op-grade b{
  display:block;
  margin-top:1mm;
  color:#000;
  background:#ffd21a!important;
  padding:1mm;
}
.qc5s-op-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:.55mm solid #222;
}
.qc5s-op-actions>div:first-child{border-right:.55mm solid #222;}
.qc5s-op-actions h3{
  margin:0;
  padding:1.4mm;
  text-align:center;
  font-size:13pt;
  line-height:1;
  font-weight:1000;
}
.qc5s-op-actions>div:first-child h3{background:#125fa6!important;color:#fff!important;}
.qc5s-op-actions>div:last-child h3{background:#ffd21a!important;color:#000!important;}
.qc5s-op-actions p{
  display:grid;
  grid-template-columns:8mm 1fr;
  gap:1mm;
  border-top:.45mm solid #222;
  margin:0;
  padding:1.15mm 1.5mm;
  min-height:10mm;
  max-height:12mm;
  overflow:hidden;
  color:#000;
  font-size:6.7pt;
  line-height:1.03;
}
.qc5s-op-actions p span{
  font-size:18pt;
  font-weight:1000;
  line-height:1;
  text-align:center;
}
.qc5s-op-extra{
  border:.4mm solid #222;
  padding:1.2mm;
  font-size:6.5pt;
  line-height:1.05;
  margin-top:1.3mm;
  max-height:9mm;
  overflow:hidden;
}
.qc5s-op-sign{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:35mm;
  margin:3mm 4mm 1mm;
  font-size:10pt;
  color:#000;
}
.qc5s-op-sign span{
  border-bottom:.7mm solid #222;
  min-height:6mm;
}
.qc5s-op-footer{
  position:relative;
  background:#125fa6!important;
  color:#fff!important;
  text-align:center;
  font-size:9.5pt;
  font-weight:900;
  padding:2mm;
  border-bottom:6mm solid #ffd21a;
  letter-spacing:.05em;
}
.qc5s-op-footer span{
  position:absolute;
  right:2mm;
  bottom:-5.5mm;
  background:#fff;
  color:#125fa6;
  border:1mm solid #125fa6;
  width:9mm;height:9mm;
  border-radius:1mm;
  display:grid;place-items:center;
}

/* V1.0.9 - QC Calibration Schedule */
.qc-pro-action.calib{background:linear-gradient(135deg,#06324e,#11a6d8);}
.qc-cal-editor .form-grid textarea{min-height:72px;}
.qc-cal-print-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;}
.qc-cal-print-actions .inline-form{display:flex;gap:8px;align-items:center;}
.qc-cal-sheet{
  width:297mm;
  min-height:210mm;
  background:#fff;
  color:#000;
  margin:auto;
  display:grid;
  grid-template-columns:34mm 1fr;
  padding:6mm;
  box-sizing:border-box;
  font-family:Arial, Helvetica, sans-serif;
  box-shadow:0 0 18px rgba(0,0,0,.35);
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}
.qc-cal-side{
  border-right:.5mm solid #222;
  padding:3mm 2mm;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  text-align:center;
}
.qc-cal-logo{
  color:#126aa8;
  font-size:28pt;
  font-weight:1000;
}
.qc-cal-side b{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:10pt;
  line-height:1.3;
  letter-spacing:.04em;
}
.qc-cal-legend{
  font-size:8pt;
  text-align:left;
  font-weight:900;
}
.qc-cal-legend span{
  display:inline-block;
  width:7mm;height:3.5mm;
  border:.3mm solid #777;
  margin-right:2mm;
}
.qc-cal-legend .plan{background:#bfc8cf!important;}
.qc-cal-legend .actual{background:#43c67a!important;}
.qc-cal-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:6pt;
  color:#000;
}
.qc-cal-table th,.qc-cal-table td{
  border:.35mm solid #333;
  padding:.6mm;
  text-align:center;
  vertical-align:middle;
  height:8mm;
  overflow:hidden;
}
.qc-cal-table th{
  background:#fff!important;
  font-weight:1000;
}
.qc-cal-table th.yr{
  background:#ffd21a!important;
  font-size:8pt;
}
.qc-cal-table th.mon{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  width:5.4mm;
  font-size:6pt;
  padding:.4mm;
}
.qc-cal-table td:nth-child(1){width:7mm;}
.qc-cal-table td:nth-child(2){width:16mm;}
.qc-cal-table td:nth-child(3){width:18mm;}
.qc-cal-table td:nth-child(4){width:18mm;}
.qc-cal-table td:nth-child(5){width:22mm;}
.qc-cal-table td:nth-child(6){width:16mm;}
.qc-cal-table td:nth-child(7){width:18mm;}
.qc-cal-table td:nth-child(8){width:18mm;}
.qc-cal-table td.plan{background:#bfc8cf!important;color:#000;font-weight:900;font-size:5.5pt;}
.qc-cal-table td.actual{background:#43c67a!important;color:#001f0b;font-weight:900;font-size:5pt;writing-mode:vertical-rl;transform:rotate(180deg);}
.qc-cal-table td.overdue{background:#ff7b7b!important;color:#000;font-weight:900;}
@media print{
  body{background:#fff!important;}
  .sidebar,.topbar,.toolbar,.page-title,.no-print,.chat-widget,.mrmc-chat,#chatBubble{display:none!important;}
  .content,.main,.page{margin:0!important;padding:0!important;width:100%!important;overflow:visible!important;}
  .qc5s-onepage{box-shadow:none!important;margin:0!important;width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;page-break-after:avoid!important;}
  body:has(.qc5s-onepage){margin:0!important;}
  .qc-cal-sheet{box-shadow:none!important;margin:0!important;width:297mm!important;min-height:210mm!important;height:210mm!important;page-break-after:avoid!important;}
  .qc5s-sheet{display:none!important;}
}
@page{margin:0;}
@page qc5s{size:A4 portrait;margin:0;}
@page qccal{size:A4 landscape;margin:0;}
.qc5s-onepage{page:qcs5;}
.qc-cal-sheet{page:qccal;}



/* V1.0.10 - A4 5S fit fix: keep Recommendations & Action Plan visible */
.qc5s-onepage{
  width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;
  padding:4mm 6mm 3mm!important;overflow:hidden!important;box-sizing:border-box!important;
  transform-origin:top center!important;
}
.qc5s-corp{font-size:11.5pt!important;padding:.8mm 8mm!important;border:1.1mm solid #ffd21a!important;}
.qc5s-op-head{border-top:5.5mm solid #ffd21a!important;}
.qc5s-op-head:before{top:-5.5mm!important;height:1.5mm!important;}
.qc5s-op-head h1{font-size:21pt!important;margin:1.4mm 0 .6mm!important;}
.qc5s-op-meta{font-size:7.2pt!important;gap:.5mm 9mm!important;margin:0 2mm .8mm!important;}
.qc5s-op-meta div{grid-template-columns:22mm 1fr!important;min-height:3.5mm!important;}
.qc5s-onepage h2{font-size:10.5pt!important;margin:1.35mm 0 .7mm!important;}
.qc5s-op-summary{gap:1.5mm 2mm!important;}
.qc5s-op-card{min-height:29mm!important;max-height:29mm!important;border:.75mm solid #126aa8!important;border-radius:3mm!important;padding:.9mm!important;}
.qc5s-op-pic img,.qc5s-op-pic .qc5s-no-photo{height:25.5mm!important;min-height:25.5mm!important;}
.qc5s-op-text{font-size:5.9pt!important;line-height:.98!important;}
.qc5s-op-text b{font-size:6.4pt!important;line-height:.98!important;margin-bottom:.4mm!important;}
.qc5s-op-score-wrap{grid-template-columns:1fr 28mm!important;gap:1.2mm!important;}
.qc5s-op-score{font-size:5.1pt!important;line-height:.9!important;}
.qc5s-op-score th,.qc5s-op-score td{height:3.8mm!important;padding:.35mm!important;line-height:.9!important;}
.qc5s-op-score .red,.qc5s-op-score .blue{font-size:8.3pt!important;}
.qc5s-op-score .note{font-size:4.4pt!important;line-height:.86!important;width:42mm!important;max-height:3.8mm!important;overflow:hidden!important;}
.qc5s-op-score td.on{box-shadow:inset 0 0 0 .45mm #e32b2b!important;}
.qc5s-op-grade{font-size:6.7pt!important;padding:1mm!important;}
.qc5s-op-actions h3{font-size:11.5pt!important;padding:.9mm!important;}
.qc5s-op-actions p{min-height:7.1mm!important;max-height:7.1mm!important;padding:.65mm 1mm!important;font-size:5.45pt!important;line-height:.95!important;grid-template-columns:5.5mm 1fr!important;}
.qc5s-op-actions p span{font-size:13pt!important;}
.qc5s-op-extra{display:none!important;}
.qc5s-op-sign{font-size:8.8pt!important;margin:1.7mm 4mm .8mm!important;gap:28mm!important;}
.qc5s-op-sign span{min-height:4.5mm!important;}
.qc5s-op-footer{font-size:8pt!important;padding:1.2mm!important;border-bottom:4mm solid #ffd21a!important;}
.qc5s-op-footer span{width:7mm!important;height:7mm!important;bottom:-4mm!important;}
@media print{
  .qc5s-onepage{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;box-shadow:none!important;}
  @page{size:A4 portrait;margin:0!important;}
}

/* V1.0.10 - Calibration Schedule professional header/signatures */
.qc-cal-sheet{display:grid!important;grid-template-columns:28mm 1fr!important;grid-template-rows:18mm 1fr 16mm!important;width:297mm!important;min-height:210mm!important;height:210mm!important;padding:5mm!important;}
.qc-cal-title{grid-column:1 / -1;display:grid;grid-template-columns:18mm 1fr 54mm;align-items:center;border:1px solid #125fa6;background:#f6fbff!important;color:#001845;margin-bottom:2mm;}
.qc-cal-title .qc-cal-logo{font-size:24pt;text-align:center;color:#125fa6;}
.qc-cal-title h1{font-size:16pt;margin:0;color:#001845;letter-spacing:.02em;}
.qc-cal-title p{font-size:8pt;margin:1mm 0 0;color:#333;}
.qc-cal-title .qc-cal-legend{font-size:7.5pt;font-weight:900;line-height:1.8;}
.qc-cal-title .qc-cal-legend span{display:inline-block;width:8mm;height:3.5mm;border:.25mm solid #777;margin:0 1mm;vertical-align:middle;}
.qc-cal-title .qc-cal-legend .plan{background:#bfc8cf!important;}.qc-cal-title .qc-cal-legend .actual{background:#43c67a!important;}
.qc-cal-side{grid-column:1;grid-row:2;border-right:.55mm solid #222!important;padding:2mm 1mm!important;justify-content:center!important;}
.qc-cal-side .qc-cal-logo,.qc-cal-side .qc-cal-legend{display:none!important;}
.qc-cal-table{grid-column:2;grid-row:2;font-size:5.3pt!important;}
.qc-cal-table th,.qc-cal-table td{height:6.4mm!important;padding:.35mm!important;}
.qc-cal-table th.yr{font-size:7pt!important;background:#ffd21a!important;color:#001845!important;}
.qc-cal-table th.mon{font-size:5.1pt!important;width:4.4mm!important;}
.qc-cal-sign{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18mm;align-items:end;font-size:9pt;margin-top:3mm;}
.qc-cal-sign span{border-top:.55mm solid #111;text-align:center;padding-top:1mm;}
.qc-cal-sign b{display:block;min-height:4mm;}
@media print{
  .qc-cal-sheet{width:297mm!important;height:210mm!important;min-height:210mm!important;box-shadow:none!important;margin:0!important;}
  body:has(.qc-cal-sheet) @page{size:A4 landscape;margin:0!important;}
}

/* V1.0.10 - HR new forms */
.hr-doc-panel textarea{min-height:110px;}
.hr-doc-sheet{width:210mm;min-height:297mm;margin:0 auto;background:#fff;color:#111;padding:16mm;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;box-shadow:0 0 18px rgba(0,0,0,.28);}
.hr-doc-head{display:flex;gap:12px;align-items:center;border-bottom:4px solid #125fa6;padding-bottom:8px;}
.hr-doc-head img{width:62px;height:62px;object-fit:contain;}.hr-doc-head h3{margin:0;font-size:15pt;color:#125fa6;}.hr-doc-head h1{margin:2px 0;font-size:22pt;color:#111;}.hr-doc-head p{margin:0;color:#555;}
.hr-doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;border:1px solid #ccc;padding:9px;margin:14px 0;font-size:10pt;}
.hr-doc-sheet h2{text-align:center;font-size:18pt;margin:16px 0;color:#111;}.hr-doc-body{min-height:120mm;border:1px solid #ddd;padding:12px;font-size:11pt;line-height:1.45;white-space:normal;}.hr-doc-remarks{margin-top:10px;padding:8px;background:#f6fbff;border-left:5px solid #125fa6;}
.hr-doc-sign{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18mm;margin-top:22mm;text-align:center;}.hr-doc-sign span{border-top:1.5px solid #111;padding-top:4px;}.hr-doc-footer{text-align:center;margin-top:16px;color:#555;font-size:9pt;}
@media print{.hr-doc-sheet{box-shadow:none!important;margin:0!important;width:210mm!important;min-height:297mm!important;} @page{size:A4 portrait;margin:0!important;}}


/* V1.0.11 HR Skill Matrix Professional Print */
.skill-pro-report{
  width:297mm;
  min-height:210mm;
  background:#fff!important;
  color:#001845!important;
  margin:0 auto 18px;
  padding:7mm;
  box-sizing:border-box;
  font-family:Arial, Helvetica, sans-serif;
  box-shadow:0 0 18px rgba(0,0,0,.28);
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}
.skill-pro-head{display:grid;grid-template-columns:22mm 1fr;gap:4mm;align-items:center;border-bottom:3mm solid #ffd400;padding-bottom:2mm;margin-bottom:3mm;}
.skill-pro-head img{width:20mm;height:20mm;object-fit:contain;}
.skill-pro-head h2{margin:0;color:#0a4c8a!important;font-size:12pt;letter-spacing:.04em;}
.skill-pro-head h1{margin:0;color:#001845!important;font-size:18pt;line-height:1.05;}
.skill-pro-head p{margin:1mm 0 0;color:#333!important;font-size:8pt;}
.skill-pro-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:2mm;margin-bottom:3mm;}
.skill-pro-kpis div{background:#07386d!important;color:#fff!important;border-radius:2mm;padding:2mm;text-align:center;font-size:7pt;font-weight:800;}
.skill-pro-kpis b{display:block;font-size:16pt;color:#ffd400!important;margin-top:1mm;}
.skill-pro-report h3{margin:2mm 0;color:#001845!important;font-size:12pt;letter-spacing:.05em;}
.skill-pro-matrix{width:100%;border-collapse:collapse;table-layout:fixed;font-size:6.3pt;color:#000!important;}
.skill-pro-matrix th,.skill-pro-matrix td{border:.35mm solid #555;padding:1mm;text-align:center;vertical-align:middle;line-height:1.08;overflow:hidden;}
.skill-pro-matrix th{background:#07386d!important;color:#fff!important;font-size:6.2pt;}
.skill-pro-matrix td:nth-child(2),.skill-pro-matrix td:nth-child(3){text-align:left;}
.skill-pro-matrix td:nth-child(1){width:8mm;}
.skill-pro-matrix td:nth-child(2){width:33mm;}
.skill-pro-matrix td:nth-child(3){width:34mm;}
.skill-pro-matrix small{display:block;font-size:5.2pt;margin-top:.6mm;color:#222;}
.skill-pro-legend{display:flex;gap:3mm;flex-wrap:wrap;margin:3mm 0 2mm;font-size:7pt;font-weight:900;}
.skill-pro-legend span{padding:1mm 3mm;border-radius:99px;border:.35mm solid #888;}
.skill-pro-sign{display:grid;grid-template-columns:repeat(3,1fr);gap:15mm;margin-top:5mm;font-size:9pt;color:#001845;}
.skill-pro-sign span{display:grid;grid-template-columns:auto 1fr;gap:2mm;align-items:end;}
.skill-pro-sign b{border-bottom:.5mm solid #111;min-height:7mm;display:block;}
.skill-pro-footer{background:#07386d!important;color:#fff!important;border-top:2mm solid #ffd400;text-align:center;font-size:9pt;font-weight:1000;padding:2mm;margin-top:4mm;letter-spacing:.04em;}
.skill-admin-records table{font-size:12px;}
.skill-level.level-0{background:#e5e7eb!important;color:#111!important;}
.skill-level.level-1{background:#dbeafe!important;color:#1d4ed8!important;}
.skill-level.level-2{background:#dcfce7!important;color:#15803d!important;}
.skill-level.level-3{background:#fef3c7!important;color:#92400e!important;}
.skill-level.level-4{background:#fde68a!important;color:#78350f!important;}
.skill-level.level-5{background:#fee2e2!important;color:#b91c1c!important;}

/* V1.0.11 Daily Machine Check - every day resets to OFFLINE unless active today */
.machine-card.offline{background:linear-gradient(135deg,#5f1a1a,#251010)!important;border-color:#ff4343!important;color:#fff!important;}
.machine-card.offline span{color:#ff6868!important;}
.machine-card em{display:block;margin-top:4px;font-size:10px;font-style:normal;color:#d9faff;opacity:.9;}
.machine-note{background:#fff3cd!important;color:#001845!important;border-left:6px solid #ffd400!important;}
@media print{
  .skill-pro-report{box-shadow:none!important;margin:0!important;width:297mm!important;min-height:210mm!important;padding:6mm!important;page-break-after:avoid!important;}
  .skill-admin-records,.hr-skill-entry{display:none!important;}
  @page{size:A4 landscape;margin:6mm;}
}


/* V1.0.12 HR delete buttons */
.hr-master-table th:last-child,
.hr-master-table td:last-child{
  position:sticky;
  right:0;
  background:#fff;
  z-index:2;
}
.hr-master-table th:last-child{background:#004983!important;color:#fff!important;}
.hr-master-table .btn.mini.red{
  padding:8px 10px!important;
  font-size:12px!important;
  box-shadow:0 4px 14px rgba(220,0,0,.24);
}

/* V1.0.12 Company logo added to QC printouts */
.qc-report-company-logo{
  position:absolute;
  left:5mm;
  top:1.5mm;
  width:16mm;
  height:16mm;
  object-fit:contain;
  background:#06103a;
  border-radius:2mm;
  padding:.8mm;
}
.qc5s-op-head{
  padding-left:18mm!important;
}
.qc-footer-logo{
  position:absolute;
  right:2mm;
  bottom:-3.6mm;
  width:7mm;
  height:7mm;
  object-fit:contain;
  background:#06103a;
  border:.6mm solid #fff;
  border-radius:1mm;
  padding:.3mm;
}
.qc-cal-company-logo{
  width:15mm;
  height:15mm;
  object-fit:contain;
  background:#06103a;
  border-radius:2mm;
  padding:.7mm;
}

/* V1.0.12 Accurate PLAN / ACTUAL calibration schedule colors */
.qc-cal-accurate{
  grid-template-columns:22mm 1fr!important;
  grid-template-rows:18mm 1fr 14mm!important;
  padding:4mm!important;
}
.qc-cal-accurate .qc-cal-title{
  grid-template-columns:17mm 1fr 55mm!important;
}
.qc-cal-table-accurate{
  font-size:4.8pt!important;
}
.qc-cal-table-accurate th,
.qc-cal-table-accurate td{
  height:4.6mm!important;
  padding:.25mm!important;
  line-height:1!important;
}
.qc-cal-table-accurate th.mon{
  font-size:4.7pt!important;
  width:4mm!important;
}
.qc-cal-table-accurate .row-type{
  font-size:4.6pt!important;
  font-weight:1000!important;
  letter-spacing:.02em;
}
.qc-cal-table-accurate .plan-type{
  background:#d4dce2!important;
  color:#000!important;
}
.qc-cal-table-accurate .actual-type{
  background:#43c67a!important;
  color:#001f0b!important;
}
.qc-cal-table-accurate td.plan{
  background:#bfc8cf!important;
  color:#000!important;
  font-weight:1000!important;
  font-size:4.2pt!important;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
.qc-cal-table-accurate td.actual{
  background:#43c67a!important;
  color:#001f0b!important;
  font-weight:1000!important;
  font-size:4.1pt!important;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
.qc-cal-table-accurate td.overdue{
  background:#ff6b6b!important;
  color:#000!important;
  font-weight:1000!important;
}
.qc-cal-table-accurate tr.plan-row td{
  border-bottom:.15mm solid #777!important;
}
.qc-cal-table-accurate tr.actual-row td{
  border-top:.15mm solid #777!important;
}
.qc-cal-table-accurate tr.blank td{
  color:#999!important;
}
@media print{
  .qc-report-company-logo,.qc-footer-logo,.qc-cal-company-logo{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  .hr-master-table .btn{display:none!important;}
}


/* V1.0.13 Global File Converter button */
.file-converter-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#ffd400,#ff9b00);color:#001845!important;font-weight:1000;text-decoration:none;box-shadow:0 0 14px rgba(255,212,0,.35);border:1px solid rgba(255,255,255,.35)}
.file-converter-panel{border:2px solid #ffd400!important;box-shadow:0 0 18px rgba(255,212,0,.35)!important}.converter-result{margin:12px;padding:14px;border-radius:14px;background:#eaffea;border:2px solid #26b35c;color:#001845;font-weight:900}
/* V1.0.13 5S A4 fit/readable + control number */
.qc5s-onepage{width:200mm!important;min-height:287mm!important;max-height:287mm!important;height:287mm!important;padding:3mm 4mm 3mm!important;box-sizing:border-box!important;overflow:hidden!important}.qc5s-corp{font-size:12pt!important;padding:1mm 8mm!important}.qc5s-op-head h1{font-size:22pt!important;margin:1.5mm 0 .8mm!important}.qc5s-op-meta{font-size:8pt!important;gap:.7mm 8mm!important;margin:0 1mm 1mm!important}.qc5s-onepage h2{font-size:11pt!important;margin:1.6mm 0 .8mm!important}.qc5s-op-card{min-height:32mm!important;max-height:32mm!important}.qc5s-op-pic img,.qc5s-op-pic .qc5s-no-photo{height:28mm!important;min-height:28mm!important}.qc5s-op-text{font-size:6.5pt!important;line-height:1.02!important}.qc5s-op-text b{font-size:6.9pt!important}.qc5s-op-score th,.qc5s-op-score td{height:4.8mm!important;padding:.45mm!important}.qc5s-op-score{font-size:6.2pt!important}.qc5s-op-score .red,.qc5s-op-score .blue{font-size:9.5pt!important}.qc5s-op-score .note{font-size:5.4pt!important;line-height:1!important;width:56mm!important}.qc5s-op-grade{font-size:7.3pt!important;padding:1.3mm!important}.qc5s-op-actions h3{font-size:11.2pt!important;padding:1mm!important}.qc5s-op-actions p{min-height:8.4mm!important;max-height:9.5mm!important;font-size:5.8pt!important;line-height:1!important;padding:.8mm 1.1mm!important;grid-template-columns:6.5mm 1fr!important}.qc5s-op-actions p span{font-size:14pt!important}.qc5s-op-sign{font-size:8.5pt!important;margin:2mm 4mm .7mm!important}.qc5s-op-footer{font-size:8pt!important;padding:1.6mm!important;border-bottom:4.4mm solid #ffd21a!important}.qc5s-control-no{position:absolute;right:12mm;bottom:-4mm;color:#001845!important;font-size:6.8pt!important;font-weight:1000;background:#fff!important;padding:.5mm 1.5mm;border:.3mm solid #125fa6}
/* V1.0.13 Calibration readability + control number */
.qc-cal-accurate{width:287mm!important;min-height:200mm!important;height:200mm!important;grid-template-columns:16mm 1fr!important;grid-template-rows:17mm 1fr 11mm!important;padding:3mm!important;overflow:hidden!important}.qc-cal-accurate .qc-cal-title{grid-column:1/3!important;grid-template-columns:16mm 1fr 46mm!important;min-height:15mm!important}.qc-cal-accurate .qc-cal-title h1{font-size:12pt!important;line-height:1.05!important;margin:0!important}.qc-cal-accurate .qc-cal-title p{font-size:5.8pt!important;margin:.7mm 0 0!important}.qc-cal-side{grid-column:1!important;grid-row:2!important;padding:1mm!important}.qc-cal-side b{font-size:7.3pt!important}.qc-cal-table-accurate{grid-column:2!important;grid-row:2!important;width:100%!important;font-size:4.6pt!important;table-layout:fixed!important}.qc-cal-table-accurate th,.qc-cal-table-accurate td{height:4.2mm!important;padding:.18mm!important;line-height:.95!important;word-break:normal!important;overflow:hidden!important}.qc-cal-table-accurate th:nth-child(1){width:5mm!important}.qc-cal-table-accurate th:nth-child(2){width:12mm!important}.qc-cal-table-accurate th:nth-child(3){width:15mm!important}.qc-cal-table-accurate th:nth-child(4){width:14mm!important}.qc-cal-table-accurate th:nth-child(5){width:17mm!important}.qc-cal-table-accurate th:nth-child(6){width:12mm!important}.qc-cal-table-accurate th:nth-child(7){width:14mm!important}.qc-cal-table-accurate th:nth-child(8){width:14mm!important}.qc-cal-table-accurate th:nth-child(9){width:10mm!important}.qc-cal-table-accurate th.mon{width:3.5mm!important;font-size:4.1pt!important}.qc-cal-table-accurate td{font-size:4.25pt!important}.qc-cal-table-accurate td.plan,.qc-cal-table-accurate td.actual{font-size:3.65pt!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important}.qc-cal-table-accurate td.overdue{background:#ff6b6b!important;color:#000!important;font-weight:1000!important}.qc-cal-sign{grid-column:1/3!important;grid-row:3!important;margin:2mm 8mm 0!important;font-size:7.2pt!important}.qc-cal-control-no{position:absolute;right:5mm;bottom:2mm;color:#001845!important;font-size:6.5pt;font-weight:1000;border:.3mm solid #125fa6;background:#fff!important;padding:.5mm 1.5mm}.qc-cal-sheet{position:relative!important}.qc-cad-preview-panel .btn{margin:4px 4px 0 0}@media print{@page{size:A4;margin:3mm}body:has(.qc5s-onepage) .qc5s-onepage{width:200mm!important;height:287mm!important;min-height:287mm!important;max-height:287mm!important;transform:none!important;margin:0 auto!important}body:has(.qc-cal-accurate) .qc-cal-accurate{width:287mm!important;height:200mm!important;min-height:200mm!important;margin:0 auto!important}}


/* V1.0.14 5S print page fix */
@media print{
  body:has(.qc5s-onepage) .qc5s-onepage{
    width:200mm!important;
    height:287mm!important;
    min-height:287mm!important;
    max-height:287mm!important;
    margin:0 auto!important;
    overflow:hidden!important;
  }
}
.qc5s-op-text{font-size:6.9pt!important;}
.qc5s-op-text b{font-size:7.3pt!important;}
.qc5s-op-score .note{font-size:5.8pt!important;}
.qc5s-op-actions p{font-size:6.1pt!important;}


/* V1.0.14 Restored QC Calibration print format - blue/yellow/white, small logo */
.qc-cal-v114{
  width:287mm;
  height:200mm;
  background:#fff;
  color:#000;
  margin:0 auto 16px;
  padding:3mm;
  box-sizing:border-box;
  box-shadow:0 0 18px rgba(0,0,0,.35);
  font-family:Arial, Helvetica, sans-serif;
  overflow:hidden;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}
.qc-cal-v114-header{
  height:17mm;
  display:grid;
  grid-template-columns:16mm 1fr 44mm;
  align-items:center;
  border:0.45mm solid #125fa6;
  background:#f7fbff!important;
}
.qc-cal-v114-logo{
  display:grid;
  place-items:center;
  height:100%;
  border-right:0.45mm solid #125fa6;
}
.qc-cal-v114-title h1{
  margin:0;
  color:#001845!important;
  font-size:12.5pt;
  letter-spacing:.02em;
  line-height:1.05;
  font-weight:1000;
}
.qc-cal-v114-title p{
  margin:.7mm 0 0;
  color:#111;
  font-size:6pt;
  font-weight:700;
}
.qc-cal-v114-legend{
  font-size:6.5pt;
  font-weight:1000;
  display:flex;
  gap:2mm;
  align-items:center;
  justify-content:center;
}
.qc-cal-v114-legend span{
  width:7mm;
  height:3mm;
  display:inline-block;
  border:.25mm solid #777;
}
.qc-cal-v114-legend .planbox{background:#bfc8cf!important;}
.qc-cal-v114-legend .actualbox{background:#43c67a!important;}
.qc-cal-v114-body{
  display:grid;
  grid-template-columns:15mm 1fr;
  height:166mm;
}
.qc-cal-v114-side{
  border-left:.45mm solid #222;
  border-right:.45mm solid #222;
  display:grid;
  place-items:center;
  text-align:center;
}
.qc-cal-v114-side b{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:7.4pt;
  line-height:1.25;
  color:#000;
}
.qc-cal-v114-table{
  width:100%;
  height:166mm;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:4.6pt;
}
.qc-cal-v114-table th,
.qc-cal-v114-table td{
  border:.28mm solid #333;
  padding:.18mm;
  text-align:center;
  vertical-align:middle;
  line-height:.95;
  overflow:hidden;
}
.qc-cal-v114-table th{
  background:#004983!important;
  color:#fff!important;
  font-weight:1000;
}
.qc-cal-v114-table th.year{
  background:#ffd400!important;
  color:#001845!important;
  font-size:6pt;
}
.qc-cal-v114-table th.month{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:3.9pt;
  width:3.4mm;
}
.qc-cal-v114-table .row-label{
  font-size:4pt;
  font-weight:1000;
}
.qc-cal-v114-table .plan-label,
.qc-cal-v114-table .plan-cell{
  background:#bfc8cf!important;
  color:#000!important;
  font-weight:900;
}
.qc-cal-v114-table .actual-label,
.qc-cal-v114-table .actual-cell{
  background:#43c67a!important;
  color:#001f0b!important;
  font-weight:900;
}
.qc-cal-v114-table .actual-cell,
.qc-cal-v114-table .plan-cell,
.qc-cal-v114-table .overdue-cell{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:3.5pt;
}
.qc-cal-v114-table .overdue-cell{
  background:#ff6868!important;
  color:#000!important;
  font-weight:1000;
}
.qc-cal-v114-table tr.actual-row:nth-child(4n),
.qc-cal-v114-table tr.plan-row:nth-child(4n-1){
  background:#eef4f8!important;
}
.qc-cal-v114-sign{
  height:12mm;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 54mm;
  gap:10mm;
  align-items:end;
  font-size:7pt;
  font-weight:900;
  padding:0 5mm;
}
.qc-cal-v114-sign span{
  border-top:.4mm solid #111;
  text-align:center;
  padding-top:1mm;
}
.qc-cal-v114-sign b{
  border:.35mm solid #125fa6;
  color:#001845!important;
  background:#fff!important;
  padding:1mm;
  text-align:center;
  align-self:center;
}
@media print{
  body:has(.qc-cal-v114) .side,
  body:has(.qc-cal-v114) .top,
  body:has(.qc-cal-v114) .toolbar,
  body:has(.qc-cal-v114) .page-title,
  body:has(.qc-cal-v114) .no-print,
  body:has(.qc-cal-v114) .chat-widget,
  body:has(.qc-cal-v114) .mrmc-chat,
  body:has(.qc-cal-v114) #chatBubble{
    display:none!important;
  }
  body:has(.qc-cal-v114) .content,
  body:has(.qc-cal-v114) .main,
  body:has(.qc-cal-v114) .page{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    overflow:visible!important;
  }
  body:has(.qc-cal-v114) .qc-cal-v114{
    width:287mm!important;
    height:200mm!important;
    margin:0 auto!important;
    box-shadow:none!important;
  }
  @page{size:A4 landscape;margin:4mm;}
}


/* V1.0.15 Compact top toolbar/buttons to reduce crowding */
.topbar,.app-topbar,.header-actions,.top-actions{gap:8px!important;flex-wrap:wrap!important;}
.active-users-pill,.file-converter-pill,.update-pill,.admin-pill,.updated-pill,.topbar .btn,.header-actions .btn,.top-actions .btn{min-height:28px!important;height:auto!important;padding:6px 10px!important;font-size:12px!important;line-height:1.1!important;border-radius:18px!important;white-space:nowrap!important;letter-spacing:.02em!important;}
.file-converter-pill{min-height:28px!important;padding:6px 11px!important;font-size:12px!important;box-shadow:0 0 10px rgba(255,212,0,.35)!important;}
.graphics-settings,.switch-system-box,.system-switcher,.topbar select,.header-actions select{transform:scale(.92);transform-origin:top right;}
@media(max-width:980px){.active-users-pill,.file-converter-pill,.update-pill,.admin-pill{font-size:11px!important;padding:5px 8px!important;}}

/* V1.0.15 Chat blue vibration responsive alert */
.chat-blue-alert,#chatBubble.chat-blue-alert,.mrmc-chat.chat-blue-alert{animation:mrmcBlueChatVibrate .24s linear infinite,mrmcBlueChatGlow .9s ease-in-out infinite!important;border-color:#00d9ff!important;}
@keyframes mrmcBlueChatVibrate{0%{transform:translate(0,0) rotate(0deg)}20%{transform:translate(-1px,1px) rotate(-1deg)}40%{transform:translate(1px,-1px) rotate(1deg)}60%{transform:translate(-1px,-1px) rotate(-1deg)}80%{transform:translate(1px,1px) rotate(1deg)}100%{transform:translate(0,0) rotate(0deg)}}
@keyframes mrmcBlueChatGlow{0%,100%{box-shadow:0 0 10px #00d9ff,0 0 22px rgba(0,217,255,.55)!important}50%{box-shadow:0 0 24px #00f5ff,0 0 44px rgba(0,245,255,.9)!important}}
.chat-typing-blue-indicator{position:fixed;right:82px;bottom:88px;z-index:99999;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#001845,#00d9ff);color:#fff;font-weight:1000;font-size:12px;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 18px rgba(0,217,255,.55);}

/* V1.0.15 QC Calibration blue/yellow/white professional matrix */
.qc-cal-v114{border:1.1mm solid #125fa6!important;background:#fff!important;}
.qc-cal-v114-header{border:0!important;border-bottom:1mm solid #ffd400!important;background:#fff!important;}
.qc-cal-v114-title h1{color:#004983!important;font-size:12.2pt!important;}
.qc-cal-v114-table th{background:#004983!important;color:#fff!important;}
.qc-cal-v114-table th.year{background:#ffd400!important;color:#004983!important;}
.qc-cal-v114-table .plan-cell,.qc-cal-v114-table .plan-label{background:#c7cfd6!important;color:#001845!important;}
.qc-cal-v114-table .actual-cell,.qc-cal-v114-table .actual-label{background:#28a85f!important;color:#fff!important;}
.qc-cal-v114-table .overdue-cell{background:#ff4040!important;color:#fff!important;}
@media print{.qc-cal-v114-table .plan-cell,.qc-cal-v114-table .plan-label,.qc-cal-v114-table .actual-cell,.qc-cal-v114-table .actual-label,.qc-cal-v114-table .overdue-cell,.qc-cal-v114-table th,.qc-cal-v114-table th.year{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;}}


/* V1.0.16 PROFESSIONAL INSPECTOR SYSTEM — BLUE / CYAN / YELLOW / WHITE */
.insp-dashboard{display:grid;gap:16px;color:#001845}.insp-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#001845,#004983 58%,#00b8ed);border:2px solid #00d9ff;box-shadow:0 0 22px rgba(0,217,255,.3);color:#fff}.insp-hero span{color:#ffd400;font-weight:1000;letter-spacing:.12em}.insp-hero h1{margin:6px 0;font-size:clamp(34px,4.4vw,64px);line-height:.95;text-transform:uppercase;text-shadow:0 0 15px rgba(255,255,255,.28)}.insp-hero p{margin:0;color:#e8fbff;font-weight:700}.insp-date{min-width:210px;text-align:center;border:2px solid #ffd400;border-radius:18px;background:#fff;color:#001845;padding:14px;font-size:20px;font-weight:1000}.insp-date small{display:block;color:#006aa6;margin-top:4px}.insp-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.insp-kpis>div,.insp-mini-kpis>div{background:#fff;border:2px solid #006eb6;border-radius:16px;padding:14px;box-shadow:0 7px 18px rgba(0,40,85,.12);text-align:center}.insp-kpis small{display:block;color:#00558e;font-weight:1000}.insp-kpis b{display:block;font-size:32px;color:#001845}.insp-kpis .good{border-color:#19a45b}.insp-kpis .good b,.insp-good-text{color:#098b45!important;font-weight:1000}.insp-kpis .bad,.insp-mini-kpis .bad{border-color:#e12d39}.insp-kpis .bad b,.insp-bad-text{color:#d91f2d!important;font-weight:1000}.insp-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.insp-actions a{display:block;text-decoration:none;padding:18px;border-radius:16px;background:linear-gradient(135deg,#0075bd,#00c2f3);color:#fff;border:2px solid #67e6ff;box-shadow:0 7px 16px rgba(0,92,150,.22)}.insp-actions a:nth-child(2){background:linear-gradient(135deg,#d59b00,#ffd400);color:#001845;border-color:#fff080}.insp-actions a b{display:block;font-size:21px}.insp-actions a span{font-weight:700;opacity:.92}.insp-actions a:hover{transform:translateY(-2px);filter:brightness(1.08)}.insp-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.insp-performance,.insp-recent,.insp-log-panel,.insp-entry-panel{border-color:#00bde9!important}.insp-performance table td:first-child small,.insp-recent table td small{display:block;color:#667;font-size:11px}.insp-bar{height:12px;border-radius:999px;background:#dceaf2;overflow:hidden;min-width:100px}.insp-bar i{display:block;height:100%;background:linear-gradient(90deg,#00a7df,#ffd400);border-radius:999px}.insp-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:1000;white-space:nowrap}.insp-good{background:#dff8e8;color:#087c3e;border:1px solid #19a45b}.insp-warn{background:#fff4c5;color:#8c6200;border:1px solid #e6b400}.insp-bad{background:#ffe2e5;color:#b31120;border:1px solid #e12d39}.insp-section-title{display:flex;gap:12px;align-items:center;padding:16px;background:linear-gradient(90deg,#003d78,#006eb6);color:#fff;border-bottom:5px solid #ffd400}.insp-section-title>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#ffd400;color:#001845;font-size:20px;font-weight:1000}.insp-section-title h3{margin:0;font-size:24px}.insp-section-title p{margin:3px 0 0;color:#e4f8ff}.insp-entry-form{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;padding:18px}.insp-entry-form label{display:grid;gap:6px;color:#003b66;font-weight:1000}.insp-entry-form input,.insp-entry-form select,.insp-entry-form textarea,.insp-filter-form input,.insp-filter-form select{background:#fff;color:#001845;border:2px solid #84cce9;border-radius:10px;padding:10px;font-weight:800}.insp-entry-form input:focus,.insp-entry-form select:focus,.insp-entry-form textarea:focus{outline:0;border-color:#00aee6;box-shadow:0 0 0 3px rgba(0,174,230,.15)}.insp-entry-form .wide{grid-column:span 2}.insp-entry-form textarea{min-height:82px}.insp-form-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;padding-top:5px}.insp-filter{border-color:#ffd400!important}.insp-filter-form{display:flex;gap:9px;align-items:end;flex-wrap:wrap;padding:12px}.insp-filter-form label{display:grid;gap:4px;font-weight:900;color:#003b66}.insp-mini-kpis{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin-bottom:14px}.insp-mini-kpis div{font-weight:900;color:#00558e}.insp-mini-kpis b{display:block;font-size:26px;color:#001845}.insp-log-table{min-width:1450px}.insp-reason-bars{display:grid;gap:12px;padding:8px}.insp-reason-bars>div span{display:flex;justify-content:space-between;gap:8px}.insp-reason-bars em{font-style:normal;font-weight:1000;color:#d91f2d}.insp-reason-bars i{display:block;height:14px;background:#e4edf3;border-radius:999px;overflow:hidden;margin-top:5px}.insp-reason-bars u{display:block;height:100%;background:linear-gradient(90deg,#004983,#00bfe9,#ffd400);text-decoration:none;border-radius:999px}.insp-print-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.insp-print-actions form{display:flex;gap:8px}.insp-report-sheet{width:287mm;min-height:200mm;margin:auto;background:#fff;color:#000;padding:6mm;box-sizing:border-box;font-family:Arial,sans-serif;box-shadow:0 0 18px rgba(0,0,0,.3);-webkit-print-color-adjust:exact;print-color-adjust:exact}.insp-report-head{display:grid;grid-template-columns:18mm 1fr auto;align-items:center;border-bottom:3mm solid #ffd400;background:#004983;color:#fff;padding:3mm}.insp-report-head img{width:15mm;height:15mm;object-fit:contain}.insp-report-head h1{margin:0;font-size:18pt}.insp-report-head p,.insp-report-head small{margin:0;color:#fff}.insp-report-head>b{font-size:7pt;background:#fff;color:#004983;padding:2mm}.insp-report-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm;margin:3mm 0}.insp-report-kpi span{border:.5mm solid #004983;text-align:center;padding:2mm;font-weight:900;color:#004983}.insp-report-kpi b{display:block;font-size:17pt;color:#001845}.insp-report-sheet h2{font-size:11pt;margin:3mm 0 1.5mm;color:#004983}.insp-report-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:7pt}.insp-report-table th,.insp-report-table td{border:.3mm solid #333;padding:1.2mm;text-align:center;word-wrap:break-word}.insp-report-table th{background:#004983;color:#fff}.insp-report-table.detail{font-size:6pt}.insp-report-sign{display:grid;grid-template-columns:repeat(3,1fr);gap:30mm;margin:8mm 12mm 3mm}.insp-report-sign span{border-top:.4mm solid #111;text-align:center;padding-top:1mm;font-size:8pt}.insp-report-footer{text-align:center;background:#004983;color:#fff;border-bottom:3mm solid #ffd400;padding:2mm;font-weight:1000;letter-spacing:.08em}
@media(max-width:1100px){.insp-kpis{grid-template-columns:repeat(2,1fr)}.insp-actions{grid-template-columns:repeat(2,1fr)}.insp-grid{grid-template-columns:1fr}.insp-entry-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.insp-hero{display:grid}.insp-date{min-width:0}.insp-kpis,.insp-actions,.insp-mini-kpis,.insp-entry-form{grid-template-columns:1fr}.insp-entry-form .wide{grid-column:span 1}}
@media print{body:has(.insp-report-sheet) .side,body:has(.insp-report-sheet) .top,body:has(.insp-report-sheet) .global-announcement-bar,body:has(.insp-report-sheet) .no-print,body:has(.insp-report-sheet) .mrmc-chat{display:none!important}body:has(.insp-report-sheet) .main,body:has(.insp-report-sheet) .content{margin:0!important;padding:0!important;width:100%!important}.insp-report-sheet{box-shadow:none!important;width:287mm!important;min-height:200mm!important;margin:0 auto!important}@page{size:A4 landscape;margin:5mm}}


/* V1.0.17 Inspector System: 0% empty efficiency, compact entry, master data */
.insp-role{display:block!important;margin-top:2px;color:#506577!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em}
.insp-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.insp-actions a{padding:13px 12px!important;min-height:72px!important}
.insp-actions a b{font-size:16px!important}.insp-actions a span{font-size:11px!important;display:block;margin-top:3px}
.insp-entry-panel{max-width:1180px;margin:0 auto!important;overflow:hidden}
.insp-section-title{padding:9px 12px!important;border-bottom-width:3px!important}
.insp-section-title>span{width:34px!important;height:34px!important;font-size:14px!important}
.insp-section-title h3{font-size:18px!important}.insp-section-title p{font-size:11px!important}
.insp-entry-form{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px 9px!important;padding:11px!important}
.insp-entry-form label{gap:3px!important;font-size:11px!important;min-width:0!important}
.insp-entry-form input,.insp-entry-form select,.insp-entry-form textarea{min-height:34px!important;height:34px!important;padding:5px 8px!important;border-width:1px!important;border-radius:7px!important;font-size:12px!important;min-width:0!important;width:100%!important}
.insp-entry-form textarea{height:48px!important;min-height:48px!important;resize:vertical}
.insp-entry-form .wide{grid-column:span 2!important}
.insp-form-actions{gap:6px!important;padding-top:2px!important}
.insp-form-actions .btn{min-height:32px!important;padding:6px 10px!important;font-size:11px!important}
.insp-settings-hero{display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(135deg,#001845,#00548c);border:2px solid #00d9ff;border-bottom:5px solid #ffd400;border-radius:18px;padding:18px;color:#fff;margin-bottom:14px}.insp-settings-hero small{color:#ffd400;font-weight:1000;letter-spacing:.1em}.insp-settings-hero h1{margin:4px 0;font-size:28px}.insp-settings-hero p{margin:0;color:#dff8ff}
.insp-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.insp-settings-grid section{border-color:#00bde9!important}.insp-master-form{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;padding:10px}.insp-master-form input,.insp-master-form select{min-height:36px;border:1px solid #76c6e6;border-radius:8px;padding:6px 8px;font-weight:800}.insp-master-list{max-height:290px;overflow:auto;border-top:1px solid #cbdbe5}.insp-master-list.tall{max-height:430px}.insp-master-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid #d8e3ea;background:#fff;color:#001845}.insp-master-list>div:nth-child(even){background:#eef5fa}.insp-master-list span{display:grid}.insp-master-list small{color:#557080;font-size:10px}.insp-master-list form{margin:0}.insp-master-list .btn{padding:5px 8px!important;font-size:10px!important;min-height:27px!important}
@media(max-width:1050px){.insp-actions{grid-template-columns:repeat(3,1fr)!important}.insp-entry-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}.insp-settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.insp-actions,.insp-entry-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.insp-entry-form .wide{grid-column:span 2!important}.insp-master-form{grid-template-columns:1fr}.insp-settings-hero{display:grid}}
@media(max-width:500px){.insp-actions,.insp-entry-form{grid-template-columns:1fr!important}.insp-entry-form .wide{grid-column:span 1!important}}


/* V1.0.18 Inspector -> Inventory in-house synchronization */
.inventory-source-badge{
  display:block;
  width:max-content;
  margin-top:4px;
  padding:3px 7px;
  border-radius:999px;
  font-size:9px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.04em;
  white-space:nowrap;
}
.inventory-source-badge.inspector-source{
  color:#001845;
  background:linear-gradient(90deg,#ffd400,#fff06b);
  border:1px solid #004983;
}
.inventory-source-badge.inventory-source{
  color:#fff;
  background:#004983;
  border:1px solid #00d9ff;
}
.sync-lock{
  display:inline-block;
  padding:5px 7px;
  border-radius:7px;
  background:#e7eef5;
  color:#34495e;
  border:1px solid #9fb0bf;
  font-size:9px;
  font-weight:1000;
  white-space:nowrap;
}
.sync-info{
  border-left:6px solid #ffd400;
  background:#f7fbff;
  color:#001845;
}
.insp-entry-form .hint,
.insp-entry-form + .hint{
  font-weight:800;
}


/* =========================================================
   V1.0.20 INSPECTOR DASHBOARD LIVE DATA + CUSTOM STATUS
   ========================================================= */
.insp-dashboard-date{
  display:flex;
  align-items:end;
  gap:8px;
  flex-wrap:wrap;
  padding:10px 12px;
  border:2px solid #ffd400;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(222,246,255,.98));
  box-shadow:0 8px 18px rgba(0,53,100,.12);
}
.insp-dashboard-date label{display:grid;gap:4px;color:#004983;font-weight:1000;font-size:12px}
.insp-dashboard-date input{min-height:36px;border:1px solid #62bce0;border-radius:8px;padding:6px 9px;color:#001845;font-weight:900;background:#fff}
.insp-save-confirm{padding:12px 15px;border-radius:12px;background:#dff8e8;border:2px solid #19a45b;color:#087c3e;font-weight:1000;box-shadow:0 0 16px rgba(25,164,91,.18)}
.insp-status-field span{display:flex;align-items:center;gap:6px;min-height:18px;font-size:9px;color:#00558e;letter-spacing:.03em}
.insp-status-field span input{width:15px!important;height:15px!important;min-height:15px!important;margin:0!important;padding:0!important}
.insp-status-field span b{font-size:9px;line-height:1.1}
.insp-custom-status-note{grid-column:1/-1;padding:8px 10px;border-radius:9px;background:#eef9ff;border:1px solid #69c8e8;color:#003b66;font-size:11px;font-weight:800}
.insp-neutral{background:#e7eef7;color:#304d70;border:1px solid #8aa5c2}
@media(max-width:650px){.insp-dashboard-date>*{width:100%}.insp-dashboard-date .btn{width:100%}}


/* V1.0.21 QC 5S - strict A4 one-page layout, overall score, readable control number */
.qc5s-editor-overall{
  margin:10px 0 14px;padding:12px 16px;border:2px solid #ffd400;border-radius:12px;
  background:linear-gradient(135deg,#00265d,#005c9e);color:#fff;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.qc5s-editor-overall span{font-weight:1000;letter-spacing:.08em}.qc5s-editor-overall b{font-size:22px;color:#ffd400}.qc5s-editor-overall small{font-weight:900;color:#dff8ff}
.qc5s-print-help{display:inline-flex;align-items:center;max-width:620px;padding:7px 10px;border-radius:10px;background:#fff7c7;color:#001845;font-size:12px;font-weight:900;border:1px solid #d9a800}
.qc5s-v121{
  width:200mm!important;height:284mm!important;min-height:284mm!important;max-height:284mm!important;
  padding:2.5mm 3.5mm 2.5mm!important;margin:0 auto!important;box-sizing:border-box!important;overflow:hidden!important;
  display:grid!important;grid-template-rows:auto auto auto auto 1fr!important;align-content:start!important;gap:0!important;
  background:#fff!important;color:#000!important;position:relative!important;font-family:Arial,Helvetica,sans-serif!important;
}
.qc5s-v121 *{box-sizing:border-box!important}
.qc5s-v121-section{margin:0!important;padding:0!important;break-inside:avoid!important;page-break-inside:avoid!important;min-width:0!important}
.qc5s-v121 h2{font-size:8.4pt!important;line-height:1!important;margin:.7mm 0 .45mm!important;font-weight:1000!important;color:#000!important}
.qc5s-v121 .qc5s-op-head{min-height:20.5mm!important;max-height:20.5mm!important;overflow:hidden!important;border-top:3.2mm solid #ffd21a!important;padding-top:.4mm!important}
.qc5s-v121 .qc5s-op-head:before{top:-3.2mm!important;height:.9mm!important}
.qc5s-v121 .qc-report-company-logo{width:10mm!important;height:10mm!important;left:2mm!important;top:1.1mm!important;padding:.6mm!important}
.qc5s-v121 .qc5s-corp{font-size:7.6pt!important;line-height:1!important;padding:.6mm 9mm!important;border-width:.55mm!important}
.qc5s-v121 .qc5s-op-head h1{font-size:15.5pt!important;line-height:1!important;margin:.7mm 0 .35mm!important;letter-spacing:.02em!important}
.qc5s-v121 .qc5s-op-meta{font-size:5.9pt!important;line-height:1!important;gap:.25mm 6mm!important;margin:0 2mm!important}
.qc5s-v121 .qc5s-op-meta div{grid-template-columns:18mm 1fr!important;min-height:2.7mm!important}
.qc5s-v121 .qc5s-op-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1mm 1.2mm!important}
.qc5s-v121 .qc5s-op-card{min-height:25mm!important;max-height:25mm!important;height:25mm!important;border:.55mm solid #126aa8!important;border-radius:2mm!important;padding:.55mm!important;grid-template-columns:36% 64%!important;gap:.7mm!important;overflow:hidden!important;break-inside:avoid!important}
.qc5s-v121 .qc5s-op-pic,.qc5s-v121 .qc5s-op-pic>div{height:23.3mm!important;min-height:23.3mm!important;overflow:hidden!important}
.qc5s-v121 .qc5s-op-pic img,.qc5s-v121 .qc5s-op-pic .qc5s-no-photo{width:100%!important;height:23.3mm!important;min-height:23.3mm!important;object-fit:cover!important;border-radius:1.5mm!important}
.qc5s-v121 .qc5s-op-text{font-size:5pt!important;line-height:.96!important;padding:.3mm!important;overflow:hidden!important}
.qc5s-v121 .qc5s-op-text b{font-size:5.35pt!important;line-height:.96!important;margin-bottom:.25mm!important;max-height:6.4mm!important;overflow:hidden!important}
.qc5s-v121 .qc5s-op-score-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) 31mm!important;gap:1mm!important;align-items:stretch!important;break-inside:avoid!important}
.qc5s-v121 .qc5s-op-score{font-size:4.65pt!important;line-height:.86!important;table-layout:fixed!important}
.qc5s-v121 .qc5s-op-score th,.qc5s-v121 .qc5s-op-score td{height:3.35mm!important;min-height:3.35mm!important;padding:.22mm!important;border:.28mm solid #222!important;overflow:hidden!important}
.qc5s-v121 .qc5s-op-score th:nth-child(1){width:19mm!important}.qc5s-v121 .qc5s-op-score th:nth-child(2){width:10mm!important}
.qc5s-v121 .qc5s-op-score th:nth-child(n+3):nth-child(-n+7){width:5.4mm!important}.qc5s-v121 .qc5s-op-score th:last-child{width:50mm!important}
.qc5s-v121 .qc5s-op-score .red,.qc5s-v121 .qc5s-op-score .blue{font-size:6.7pt!important}
.qc5s-v121 .qc5s-op-score .note{font-size:4pt!important;line-height:.82!important;width:auto!important;max-height:3.35mm!important;color:#007a3e!important;white-space:normal!important}
.qc5s-v121 .qc5s-op-score td.on{box-shadow:inset 0 0 0 .32mm #e32b2b!important}
.qc5s-overall-box{border:.55mm solid #125fa6;background:#f7fbff;color:#001845;display:grid;grid-template-rows:auto auto auto auto 1fr;align-content:stretch;min-height:19mm!important;overflow:hidden!important}
.qc5s-overall-title{background:#125fa6;color:#fff;text-align:center;font-weight:1000;font-size:6.4pt;padding:.7mm .4mm;letter-spacing:.05em}
.qc5s-overall-total{text-align:center;color:#d30000;font-size:14pt;font-weight:1000;line-height:1;padding:.7mm .2mm}.qc5s-overall-total small{font-size:6pt;color:#001845}
.qc5s-overall-row{display:flex;justify-content:space-between;gap:1mm;border-top:.25mm solid #9fb5c7;padding:.55mm .8mm;font-size:5.3pt;line-height:1}.qc5s-overall-row span{font-weight:900}.qc5s-overall-row b{font-size:5.8pt}
.qc5s-overall-grade{display:grid;grid-template-columns:1fr;text-align:center;border-top:.3mm solid #125fa6;background:#fff8cb;padding:.55mm}.qc5s-overall-grade span{font-size:5pt;font-weight:900}.qc5s-overall-grade b{font-size:7.2pt;color:#001845}
.qc5s-v121 .qc5s-op-actions{display:grid!important;grid-template-columns:1fr 1fr!important;border:.35mm solid #222!important;break-inside:avoid!important;page-break-inside:avoid!important}
.qc5s-v121 .qc5s-op-actions>div:first-child{border-right:.35mm solid #222!important}
.qc5s-v121 .qc5s-op-actions h3{font-size:8.3pt!important;line-height:1!important;padding:.65mm!important}
.qc5s-v121 .qc5s-op-actions p{min-height:5.2mm!important;max-height:5.2mm!important;height:5.2mm!important;padding:.35mm .65mm!important;font-size:4.65pt!important;line-height:.86!important;grid-template-columns:4.2mm 1fr!important;gap:.4mm!important;border-top:.25mm solid #222!important;overflow:hidden!important}
.qc5s-v121 .qc5s-op-actions p span{font-size:9.5pt!important;line-height:.82!important}
.qc5s-v121-bottom{align-self:end!important;display:grid!important;grid-template-rows:auto auto auto!important;gap:.7mm!important;margin-top:.7mm!important;break-inside:avoid!important;page-break-inside:avoid!important}
.qc5s-v121 .qc5s-op-extra{display:block!important;min-height:5.5mm!important;max-height:7mm!important;margin:0!important;padding:.55mm .8mm!important;font-size:4.65pt!important;line-height:.9!important;border:.25mm solid #222!important;overflow:hidden!important}
.qc5s-v121 .qc5s-op-sign{font-size:6.4pt!important;line-height:1!important;margin:.7mm 3mm .2mm!important;gap:24mm!important}
.qc5s-v121 .qc5s-op-sign span{min-height:3.3mm!important;border-bottom:.35mm solid #222!important}
.qc5s-v121 .qc5s-op-footer{position:relative!important;display:grid!important;grid-template-columns:1fr 45mm 9mm!important;align-items:center!important;gap:1.5mm!important;min-height:9mm!important;height:9mm!important;padding:.7mm 1.2mm!important;border-bottom:2.5mm solid #ffd21a!important;background:#125fa6!important;color:#fff!important;text-align:left!important;letter-spacing:.03em!important;overflow:visible!important}
.qc5s-v121 .qc5s-footer-message{font-size:6.5pt!important;font-weight:1000!important;text-align:center!important}
.qc5s-v121 .qc5s-control-no{position:static!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:.55mm .7mm!important;border:.35mm solid #ffd21a!important;border-radius:1mm!important;background:#fff!important;color:#001845!important;line-height:1!important;white-space:nowrap!important}
.qc5s-v121 .qc5s-control-no small{font-size:4.5pt!important;font-weight:1000!important;letter-spacing:.04em!important}.qc5s-v121 .qc5s-control-no b{font-size:5.3pt!important;font-weight:1000!important;margin-top:.3mm!important}
.qc5s-v121 .qc-footer-logo{position:static!important;width:7.5mm!important;height:7.5mm!important;object-fit:contain!important;background:#fff!important;border-radius:1mm!important;padding:.4mm!important}
@media print{
  html,body{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}
  body:has(.qc5s-v121) .app,body:has(.qc5s-v121) .main,body:has(.qc5s-v121) .content,body:has(.qc5s-v121) .page{display:block!important;width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}
  body:has(.qc5s-v121) .sidebar,body:has(.qc5s-v121) .side,body:has(.qc5s-v121) .topbar,body:has(.qc5s-v121) .top,body:has(.qc5s-v121) .global-announcement-bar,body:has(.qc5s-v121) .no-print,body:has(.qc5s-v121) .mrmc-chat,body:has(.qc5s-v121) #chatBubble,body:has(.qc5s-v121) .hud-screen-layer,body:has(.qc5s-v121) .hud-bg{display:none!important}
  body:has(.qc5s-v121) .qc5s-v121{position:fixed!important;left:5mm!important;top:5mm!important;width:200mm!important;height:284mm!important;min-height:284mm!important;max-height:284mm!important;margin:0!important;padding:2.5mm 3.5mm 2.5mm!important;transform:scale(.96)!important;transform-origin:top left!important;box-shadow:none!important;border:0!important;overflow:hidden!important;break-after:avoid-page!important;page-break-after:avoid!important;page-break-before:avoid!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
  body:has(.qc5s-v121) .qc5s-v121-section,body:has(.qc5s-v121) .qc5s-op-actions,body:has(.qc5s-v121) .qc5s-v121-bottom{break-inside:avoid!important;page-break-inside:avoid!important}
  @page{size:A4 portrait!important;margin:0!important}
}


/* ==========================================================================
   V1.0.22 - QC 5S A4 PORTRAIT PDF-READY / ONE PAGE ONLY
   ========================================================================== */
.qc5s-v122{
  width:200mm!important;
  height:287mm!important;
  min-height:287mm!important;
  max-height:287mm!important;
  margin:0 auto!important;
  padding:2.2mm 3.2mm 2.2mm!important;
  overflow:hidden!important;
  transform:none!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:#000!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto 1fr!important;
  align-content:start!important;
}
.qc5s-v122 .qc5s-op-head{
  min-height:20mm!important;
  max-height:20mm!important;
}
.qc5s-v122 .qc5s-op-card{
  height:24mm!important;
  min-height:24mm!important;
  max-height:24mm!important;
}
.qc5s-v122 .qc5s-op-pic,
.qc5s-v122 .qc5s-op-pic>div,
.qc5s-v122 .qc5s-op-pic img,
.qc5s-v122 .qc5s-op-pic .qc5s-no-photo{
  height:22.3mm!important;
  min-height:22.3mm!important;
  max-height:22.3mm!important;
}
.qc5s-v122 .qc5s-op-actions p{
  height:4.8mm!important;
  min-height:4.8mm!important;
  max-height:4.8mm!important;
  padding:.3mm .55mm!important;
  font-size:4.45pt!important;
  line-height:.82!important;
}
.qc5s-v122 .qc5s-v121-bottom{
  align-self:end!important;
  margin-top:.4mm!important;
  gap:.45mm!important;
}
.qc5s-v122 .qc5s-op-extra{
  min-height:5mm!important;
  max-height:6mm!important;
}
.qc5s-v122 .qc5s-op-sign{
  margin:.4mm 3mm .1mm!important;
}
.qc5s-v122 .qc5s-op-footer{
  height:8.5mm!important;
  min-height:8.5mm!important;
}
.qc5s-v122 .qc5s-control-no{
  min-width:43mm!important;
  overflow:hidden!important;
}
.qc5s-v122 .qc5s-control-no b{
  font-size:5.5pt!important;
  letter-spacing:0!important;
}
@media print{
  @page{
    size:A4 portrait!important;
    margin:0!important;
  }
  html,body{
    width:210mm!important;
    height:297mm!important;
    min-width:210mm!important;
    min-height:297mm!important;
    max-width:210mm!important;
    max-height:297mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body:has(.qc5s-v122){
    width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    max-height:297mm!important;
    overflow:hidden!important;
  }
  body:has(.qc5s-v122) .app,
  body:has(.qc5s-v122) .main,
  body:has(.qc5s-v122) .content,
  body:has(.qc5s-v122) .page{
    display:block!important;
    position:static!important;
    width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    max-height:297mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body:has(.qc5s-v122) .sidebar,
  body:has(.qc5s-v122) .side,
  body:has(.qc5s-v122) .topbar,
  body:has(.qc5s-v122) .top,
  body:has(.qc5s-v122) .global-announcement-bar,
  body:has(.qc5s-v122) .no-print,
  body:has(.qc5s-v122) .mrmc-chat,
  body:has(.qc5s-v122) #chatBubble,
  body:has(.qc5s-v122) .hud-screen-layer,
  body:has(.qc5s-v122) .hud-bg{
    display:none!important;
  }
  body:has(.qc5s-v122) .qc5s-v122{
    position:fixed!important;
    left:5mm!important;
    top:5mm!important;
    right:auto!important;
    bottom:auto!important;
    width:200mm!important;
    height:287mm!important;
    min-height:287mm!important;
    max-height:287mm!important;
    margin:0!important;
    padding:2.2mm 3.2mm 2.2mm!important;
    overflow:hidden!important;
    transform:none!important;
    box-shadow:none!important;
    border:0!important;
    break-before:avoid-page!important;
    break-after:avoid-page!important;
    page-break-before:avoid!important;
    page-break-after:avoid!important;
    print-color-adjust:exact!important;
    -webkit-print-color-adjust:exact!important;
  }
  body:has(.qc5s-v122) .qc5s-v122,
  body:has(.qc5s-v122) .qc5s-v122 *{
    page-break-inside:avoid!important;
    break-inside:avoid!important;
  }
}


/* V1.0.23 - Direct PDF is the official QC 5S print output */
.qc5s-print-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:10px!important}
.qc5s-print-actions .qc5s-print-help{max-width:680px;font-size:12px;font-weight:800;color:#003771;background:#fff8bf;border:1px solid #ffd300;border-radius:8px;padding:8px 10px}
.qc5s-print-actions .btn.red{background:linear-gradient(135deg,#d70000,#ff4a2f)!important;color:#fff!important;box-shadow:0 0 12px rgba(215,0,0,.25)!important}
@media print{
  /* Browser printing is only a fallback. The direct PDF route is exact and recommended. */
  @page{size:A4 portrait;margin:0!important}
}