/* Marketing MM V14 — responsive repair + cleaner action center */
:root{--v14-maroon:#741b38;--v14-soft:#f8f5f6;--v14-border:#e8e4e7;--v14-text:#202430;--v14-muted:#6f7480}
.attention-board{background:#fff;border:1px solid var(--v14-border);border-radius:20px;padding:18px;margin-bottom:16px;box-shadow:0 12px 32px rgba(24,28,38,.055)}
.attention-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}.attention-head h3{margin:3px 0 0;font-size:20px}.attention-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.attention-item{border:1px solid #e8e9ed;background:#fbfbfc;border-radius:14px;padding:12px;text-align:left;display:grid;gap:3px;min-height:112px}.attention-item span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.35px;color:#6b7280}.attention-item b{font-size:27px;line-height:1.05}.attention-item small{font-size:11px;color:#7b808a;line-height:1.35}.attention-item i{font-size:10px;font-style:normal;font-weight:800;color:#7b1736;margin-top:auto}.attention-item.urgent{background:#fff8f8;border-color:#f0d8dc}.attention-item.warn{background:#fffaf2;border-color:#efdfc3}.attention-item.work{background:#f8f8ff;border-color:#ddddef}.attention-item.neutral{background:#f8fafb}
.utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.utility-card{border:1px solid var(--v14-border);background:#fff;border-radius:18px;padding:18px;text-align:left;display:grid;grid-template-columns:48px 1fr;column-gap:12px;row-gap:4px;box-shadow:0 10px 26px rgba(23,27,36,.045)}.utility-card:hover{border-color:#d7c5cb;box-shadow:0 14px 32px rgba(23,27,36,.075)}.utility-icon{grid-row:1/5;width:48px;height:48px;border-radius:13px;background:#f5e9ed;color:#7b1736;display:grid;place-items:center;font-size:22px}.utility-card b{font-size:15px}.utility-card em{font-style:normal;font-size:12px;font-weight:800;color:#7b1736}.utility-card small{font-size:11px;color:var(--v14-muted);line-height:1.45}.utility-card i{font-size:11px;font-style:normal;font-weight:850;color:#333a47;margin-top:4px}.utility-hero{margin-bottom:14px}
.rangebar{display:flex;align-items:end;gap:8px;padding:12px 14px;background:#fff;border:1px solid var(--v14-border);border-radius:16px;margin-bottom:13px}.rangebar .field{margin:0;min-width:155px}.fhc-hero{align-items:center}.fhc-kpis{margin-bottom:14px}
.staff-profile-head{display:grid;grid-template-columns:108px 1fr auto;gap:16px;align-items:start;padding:16px;border:1px solid var(--v14-border);border-radius:18px;background:linear-gradient(135deg,#fff,#faf7f8);margin-bottom:14px}.staff-photo-wrap{display:grid;gap:7px}.staff-photo{width:100px;height:100px;border-radius:22px;background:linear-gradient(135deg,#7b1736,#b83a60);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;overflow:hidden}.staff-photo img{width:100%;height:100%;object-fit:cover}.staff-profile-main h3{font-size:23px;margin:3px 0}.staff-profile-main p{margin:0 0 10px;color:var(--v14-muted)}.profile-facts{display:flex;gap:7px;flex-wrap:wrap}.profile-facts span{display:grid;gap:1px;padding:7px 9px;border:1px solid #ece8ea;border-radius:10px;background:#fff;font-size:11px}.profile-facts b{font-size:9px;text-transform:uppercase;color:#858994}.profile-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0}.profile-detail-grid>div{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--v14-border);border-radius:12px;background:#fff}.profile-detail-grid b{font-size:10px;text-transform:uppercase;color:#858994}.profile-detail-grid span{font-size:13px}.profile-detail-grid .wide{grid-column:span 2}.repair-card{border:1px solid #efc6cd;background:#fff7f8;border-radius:18px;padding:20px}.repair-card b{font-size:18px}.repair-card code{background:#fff;padding:3px 6px;border-radius:6px}.mobile-utility-shortcuts{margin-top:12px;padding-top:12px;border-top:1px solid #ececf0}
@media(max-width:1100px){.attention-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.main{padding-left:9px;padding-right:9px}.topbar{position:sticky;top:0}.userchip{box-shadow:0 5px 18px rgba(22,27,38,.08)}.modebtn{font-size:12px;white-space:normal;line-height:1.25}.attention-board{padding:13px;border-radius:16px}.attention-head{align-items:start}.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.attention-item{min-height:105px;padding:10px}.attention-item b{font-size:24px}.utility-grid{grid-template-columns:1fr;gap:9px}.utility-card{padding:14px;grid-template-columns:42px 1fr}.utility-icon{width:42px;height:42px}.rangebar{display:grid;grid-template-columns:1fr 1fr;align-items:end}.rangebar .field{min-width:0}.rangebar .btn{width:100%}.staff-profile-head{grid-template-columns:76px 1fr;padding:12px;gap:11px}.staff-profile-head>.btn{grid-column:1/-1;width:100%}.staff-photo{width:72px;height:72px;border-radius:18px;font-size:22px}.staff-photo-wrap .btn{font-size:10px;padding:6px;min-height:34px}.staff-profile-main h3{font-size:19px}.profile-facts{display:grid;grid-template-columns:1fr 1fr}.profile-detail-grid{grid-template-columns:1fr 1fr}.profile-detail-grid .wide{grid-column:1/-1}.tablewrap{overflow-x:auto!important;max-width:100%;border-radius:12px}.table{min-width:720px}.table th:last-child,.table td:last-child{position:sticky;right:0;background:#fff;z-index:2;box-shadow:-8px 0 12px rgba(255,255,255,.9)}.table th:last-child{background:#f7f8fa;z-index:3}.table td .btn{min-height:38px;padding:8px 10px}.modalbox{max-height:94dvh;overflow:auto}.page-hero{border-radius:16px}.page-hero h3{font-size:21px}.fhc-hero .btn{width:100%;margin-top:8px}.bottomnav{z-index:30}.fab{z-index:31}.modulegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modulebtn{padding:13px 8px;border-radius:14px}.modulebtn b{font-size:20px}}
@media(max-width:380px){.attention-grid{grid-template-columns:1fr 1fr}.rangebar{grid-template-columns:1fr}.profile-detail-grid{grid-template-columns:1fr}.profile-facts{grid-template-columns:1fr 1fr}}
.admin-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;margin-bottom:14px;border:1px solid #ead6dd;border-radius:16px;background:linear-gradient(135deg,#fff9fb,#fff);box-shadow:0 8px 22px rgba(62,25,39,.04)}
.admin-mode-banner>div{display:grid;gap:3px}.admin-mode-banner b{font-size:14px}.admin-mode-banner span{font-size:12px;color:var(--v14-muted)}
.avatar[role="button"]{cursor:pointer;outline:none}.avatar[role="button"]:focus{box-shadow:0 0 0 3px rgba(116,27,56,.15)}
.bottomnav button.active{background:#f3e8ec;color:#741b38;border-radius:13px}
@media(max-width:640px){.admin-mode-banner{display:grid}.admin-mode-banner .btn{width:100%}.topbar{z-index:20}.tablewrap{position:relative}.table td:last-child{min-width:112px}.nav button,.modulebtn,.utility-card,.attention-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.modalbox .btn{touch-action:manipulation}.bottomnav{display:grid!important}.bottomnav button{touch-action:manipulation}.page-hero{display:grid!important}.page-hero .hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.page-hero .hero-actions .btn{width:100%}}