/* manpower-planner.html — scoped under .mp-app + recoloured.
   Source: _work/manpower-planner.html's own <style> (11.1KB). */
.mp-app{
  --bg:#fffaf7;--ink:#351d24;--muted:#78666b;--maroon:var(--navy);--rose:#a94b60;
  --gold:#c79a45;--cream:#fff3e8;--line:#ead9d3;--shadow:0 12px 30px rgba(91,35,48,.10)
}.mp-app *{box-sizing:border-box}.mp-app{margin:0;background:linear-gradient(180deg,#fffaf7,#fff 55%,#fff7f1);
font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}.mp-app .wrap{max-width:1250px;margin:auto;padding:16px}.mp-app .hero{background:linear-gradient(135deg,#fff0e8,#f8d9dc 48%,#f5ead7);border:1px solid #ead0c9;
border-radius:28px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.mp-app .hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-70px;top:-100px;
background:radial-gradient(circle,rgba(199,154,69,.27),transparent 68%)}.mp-app .kicker{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--maroon);font-weight:900}.mp-app h1{font:700 clamp(30px,5vw,52px)/1.02 Georgia,serif;margin:8px 0;color:#5f2030}.mp-app .hero p{margin:0;max-width:800px;color:#6e5960;line-height:1.55;font-size:13px}.mp-app .top{display:flex;justify-content:space-between;gap:14px;align-items:end;position:relative;z-index:1}.mp-app select{padding:11px 14px;border-radius:13px;border:1px solid #d9bfc0;background:#fff;color:#5e2634;font-weight:800}.mp-app .summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.mp-app .stat{background:#ffffffaa;border:1px solid #ead8d0;border-radius:15px;padding:10px 13px}.mp-app .stat b{display:block;font-size:18px;color:#6d2637}.mp-app .stat span{font-size:13px;color:#846f75}.mp-app .toolbar{position:sticky;top:0;z-index:10;background:#fffaf7dd;backdrop-filter:blur(14px);padding:10px 0;display:flex;gap:8px;flex-wrap:wrap}.mp-app input{flex:1;min-width:190px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#fff}.mp-app .filter{border:1px solid #e5cbc5;background:#fff;color:#713042;padding:10px 13px;border-radius:999px;font-weight:700;cursor:pointer}.mp-app .filter.active, .mp-app .filter:hover{background:linear-gradient(135deg,var(--navy),var(--gold-ink));color:white;border-color:transparent}.mp-app .section{margin:18px 0 25px}.mp-app .head{display:flex;justify-content:space-between;align-items:end;margin-bottom:11px}.mp-app .head h2{font:700 23px Georgia,serif;margin:0;color:#652336}.mp-app .head p{font-size:13px;color:var(--muted);margin:4px 0 0}.mp-app .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:11px}.mp-app .card{border:1px solid #ead8d3;border-radius:20px;padding:15px;min-height:174px;cursor:pointer;
background:linear-gradient(145deg,var(--a),var(--b));box-shadow:0 7px 18px rgba(96,45,54,.07);
transition:.18s;position:relative;overflow:hidden}.mp-app .card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff55,transparent 42%);pointer-events:none}.mp-app .card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(96,45,54,.13)}.mp-app .card.sel{border:2px solid #b98332;box-shadow:0 0 0 4px #d8ad6040,0 15px 30px #7d344022}.mp-app .icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#ffffff9c;
border:1px solid #ffffffc9;font-size:24px;margin-bottom:12px}.mp-app .tag{position:absolute;right:11px;top:11px;
font-size:13px;padding:5px 7px;border-radius:99px;background:#ffffffa8;color:#7a3040;font-weight:900}.mp-app .card h3{font-size:14px;margin:0 0 5px}.mp-app .card p{font-size:13px;line-height:1.45;color:#765f65;margin:0}.mp-app .recommended{font-size:13px;color:#876d72;margin-top:9px;padding-top:7px;border-top:1px solid #ffffff99}.mp-app .qty{margin-top:9px;display:flex;align-items:center;justify-content:space-between}.mp-app .stepper{display:flex;gap:5px}.mp-app .stepper button{width:34px;height:34px;border:1px solid #d8b9b3;border-radius:11px;background:#fff9f6;color:var(--navy);font-size:22px;font-weight:800;cursor:pointer;box-shadow:0 3px 8px rgba(100,40,50,.08)}.mp-app .stepper button:active{transform:scale(.92);background:#7b263b;color:#fff}.mp-app .num{font-size:25px;font-weight:900;color:#6b2638}.mp-app .num small{font-size:13px;color:#826e72;font-weight:600}.mp-app .check{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
border:1px solid #cdaeb0;background:#fff9;color:var(--navy)}.mp-app .sel .check{background:var(--navy);color:white;border-color:var(--navy)}.mp-app .a{--a:#fff0e7;--b:#f6d8cc}.mp-app .b{--a:#fff3e8;--b:#ecd8b8}.mp-app .c{--a:#f5e8f0;--b:#e7c9d8}.mp-app .d{--a:#e8f5ee;--b:#cfe8dc}.mp-app .e{--a:#eaf2fb;--b:#d1e1f4}.mp-app .f{--a:#fff0f2;--b:#f0d0d8}.mp-app .g{--a:#f4edff;--b:#ddd1f1}.mp-app .h{--a:#fff6df;--b:#efdcae}.mp-app .legend{font-size:13px;color:#806d72;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;line-height:1.5}.mp-app .quick-row{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:nowrap}.mp-app .quick-row .stat{padding:8px 12px;min-width:86px;background:#ffffffb8}.mp-app .quick-row .stat b{font-size:16px}.mp-app .quick-row .stat span{font-size:13px}.mp-app .quick-row select{min-width:118px}.mp-app .toolbar{display:flex;align-items:center;gap:8px;padding:9px 0}.mp-app .search-icon{width:43px;height:43px;flex:0 0 43px;border-radius:50%;border:1px solid #dfc8c3;
background:#fff;color:var(--navy);font-size:24px;line-height:1;cursor:pointer}.mp-app .search-icon.active{background:linear-gradient(135deg,var(--navy),var(--gold-ink));color:#fff}.mp-app .search-box{width:0;overflow:hidden;transition:width .22s ease}.mp-app .search-box.open{width:min(260px,48vw)}.mp-app .search-box input{width:100%;min-width:0}.mp-app .filters{display:flex;gap:7px;overflow-x:auto;flex:1;padding-bottom:2px}.mp-app .filters .filter{white-space:nowrap}.mp-app .head h2{font-size:21px}.mp-app .head p{display:none}.mp-app .card{min-height:155px}.mp-app .card h3{font-size:13px}.mp-app .card p{font-size:13px}@media(max-width:600px){.mp-app .wrap{padding:10px}.mp-app .hero{padding:18px}.mp-app .top{display:block}.mp-app .top h1{font-size:29px;margin:0}.mp-app .quick-row{gap:6px}.mp-app .quick-row select{min-width:104px;padding:10px 9px;font-size:13px}.mp-app .quick-row .stat{min-width:74px;padding:8px 9px}.mp-app .quick-row .stat b{font-size:14px}.mp-app .quick-row .stat span{font-size:13px}.mp-app .toolbar{gap:6px}.mp-app .search-icon{width:40px;height:40px;flex-basis:40px}.mp-app .search-box.open{width:46vw}.mp-app .filters{gap:6px}.mp-app .filter{padding:9px 11px;font-size:13px}.mp-app .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mp-app .card{min-height:154px;padding:12px}.mp-app .icon{width:42px;height:42px;font-size:21px}.mp-app .card h3{font-size:13px}.mp-app .card p{font-size:13px}.mp-app .num{font-size:21px}.mp-app .stepper button{width:31px;height:31px}
}.mp-app .hero{padding:20px 22px 18px;margin-bottom:10px}.mp-app .hero h1{font-size:34px;margin:5px 0 0}.mp-app .two-col{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;position:sticky;top:0;z-index:20;
background:#fffaf7e8;backdrop-filter:blur(12px);padding:9px 0}.mp-app .control{position:relative;min-width:0}.mp-app .control-btn{width:100%;height:48px;border:1px solid #e2cbc5;border-radius:15px;background:#fff;color:var(--navy);
font-weight:800;font-size:14px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;
box-shadow:0 5px 15px #6e30400c}.mp-app .search-control .control-btn{justify-content:flex-start}.mp-app .magnify{font-size:22px;line-height:1;margin-right:6px}.mp-app .dropdown, .mp-app .search-pop{display:none;position:absolute;top:54px;left:0;width:100%;background:#fff;border:1px solid #e3d0ca;
border-radius:15px;box-shadow:0 14px 30px #5d27301c;padding:6px;z-index:50}.mp-app .dropdown.open, .mp-app .search-pop.open{display:block}.mp-app .dropdown button{width:100%;border:0;background:transparent;text-align:left;padding:11px;border-radius:10px;color:#67283a;cursor:pointer}.mp-app .dropdown button:hover{background:#fff0eb}.mp-app .search-pop input{width:100%;min-width:0}@media(max-width:600px){.mp-app .hero{padding:16px 18px 14px}.mp-app .hero h1{font-size:28px}.mp-app .two-col{grid-template-columns:1fr 1fr;gap:7px}.mp-app .control-btn{height:44px;padding:0 11px;font-size:13px}.mp-app .search-pop, .mp-app .dropdown{top:50px}
}.mp-app .empty{padding:24px;border:1px solid #ead8d3;border-radius:18px;background:#fff;color:#7b5961;text-align:center;font-size:13px}.mp-app .export-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px;margin:2px 0 14px;width:100%;align-items:stretch}.mp-app .export-btn{height:40px;width:100%;border:1px solid #e2cbc5;border-radius:12px;background:#fff;color:var(--navy);
font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 4px 12px rgba(90,35,48,.06);
display:flex;align-items:center;justify-content:center;gap:5px}.mp-app .export-btn:active{transform:scale(.97)}.mp-app .export-btn.pdf{background:linear-gradient(135deg,#fff0eb,#f7d6d1)}.mp-app .export-btn.png{background:linear-gradient(135deg,#fff5df,#f0dfb8)}.mp-app .export-btn.wa{background:linear-gradient(135deg,#e9f8ee,#cfe9d9)}.mp-app .export-btn.sms{background:linear-gradient(135deg,#edf3ff,#d8e5f8)}@media(max-width:600px){.mp-app .export-row{gap:6px;margin-bottom:11px}.mp-app .export-btn{height:38px;font-size:13px}}@media print{.mp-app{background:#fff!important}.mp-app .hero{box-shadow:none!important}.mp-app .toolbar, .mp-app .export-row{display:none!important}.mp-app .card{break-inside:avoid;box-shadow:none!important}
}.mp-app .featured-section{padding-top:2px}.mp-app .featured-section .head h2{color:var(--navy)}.mp-app .export-row{align-items:stretch}.mp-app .export-btn{min-width:0}@media(max-width:600px){.mp-app .export-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}.mp-app .export-btn{padding:0 4px}
}.mp-app .export-icon{font-size:17px;line-height:1;display:inline-grid;place-items:center}.mp-app .export-btn{font-family:inherit;transition:transform .15s ease,box-shadow .15s ease}.mp-app .export-btn:hover{box-shadow:0 7px 16px rgba(70,35,45,.12)}.mp-app .export-btn.pdf{background:linear-gradient(135deg,#fff0ee,#f7d2d0);border-color:#e6b9b5;color:#9b2530}.mp-app .export-btn.png{background:linear-gradient(135deg,#fff8df,#f0dfaa);border-color:#e1ca88;color:#775713}.mp-app .export-btn.wa{background:linear-gradient(135deg,#e9f9ef,#c9efd8);border-color:#a9dcbf;color:#16824b}.mp-app .export-btn.wa .export-icon{font-size:18px}.mp-app .export-btn.sms{background:linear-gradient(135deg,#edf4ff,#d5e5fb);border-color:#b9cfe9;color:#24649a}.mp-app .export-btn:active{transform:scale(.96)}.mp-app .share-sheet{box-shadow:none;
  position:fixed;left:-10000px;top:0;width:900px;min-height:900px;
  background:linear-gradient(145deg,#fffaf7,#fff0ec 52%,#fff7e7);
  color:#351d24;padding:42px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
}.mp-app .share-head{
  padding:30px 34px;border:1px solid #e5c8c1;border-radius:28px;
  background:linear-gradient(135deg,#f9dfe0,#f7e9d7);
  box-shadow:0 14px 30px rgba(92,38,50,.10);
}.mp-app .share-kicker{font-size:15px;letter-spacing:.18em;font-weight:900;color:var(--navy)}.mp-app .share-title{font:700 40px/1.08 Georgia,serif;color:#5f2030;margin-top:8px}.mp-app .share-sub{font-size:16px;color:#7d666b;margin-top:8px}.mp-app .share-body{margin-top:20px}.mp-app .share-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mp-app .share-card{
  min-height:145px;padding:18px;border:1px solid #ead8d3;border-radius:22px;
  display:grid;grid-template-columns:60px 1fr 90px;gap:14px;align-items:center;
  box-shadow:0 9px 20px rgba(96,45,54,.08);
}.mp-app .share-icon{width:58px;height:58px;border-radius:18px;background:#ffffffaa;border:1px solid #fff;
display:grid;place-items:center;font-size:30px}.mp-app .share-role{font-size:18px;font-weight:900;color:#5f2735}.mp-app .share-dept{font-size:13px;font-weight:800;color:#8a5662;text-transform:uppercase;letter-spacing:.07em;margin-top:4px}.mp-app .share-desc{display:none}.mp-app .share-qty{border-left:1px solid #e5d0cb;text-align:center;padding-left:12px}.mp-app .share-qty b{display:block;font-size:34px;color:#76283b}.mp-app .share-qty span{font-size:13px;color:#806b70}