/* Memos & announcements */
.nav-count{margin-left:auto;background:var(--red,#C0392B);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:800;line-height:1.5;}
.memo-banner{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#FFF8EB;border:1px solid #F4DDB0;border-left:4px solid #D98A0B;border-radius:12px;padding:12px 16px;margin:0 0 16px;cursor:pointer;font:inherit;color:var(--ink);}
.memo-banner svg{color:#B86E00;flex:0 0 auto;}
.memo-banner span{flex:1;font-size:13.5px;}
.memo-banner .go{color:#B86E00;font-size:13px;}

.mm-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;}
.mm-empty{background:var(--panel);border:1px dashed var(--line);border-radius:14px;padding:30px;text-align:center;color:var(--slate);font-size:13.5px;}
.mm-cards{display:grid;gap:10px;}
.mm-card{display:block;width:100%;text-align:left;font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s;}
.mm-card:hover{border-color:#CBD2C6;box-shadow:0 2px 10px rgba(22,35,58,.06);}
.mm-card.unread{border-left:4px solid var(--brand);}
.mm-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.mm-no{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);}
.mm-card-subj{font-size:15.5px;font-weight:800;margin:4px 0 3px;}
.mm-card-meta{font-size:12.5px;color:var(--slate);}
.mm-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;border-radius:20px;padding:3px 10px;white-space:nowrap;}
.mm-chip.green{background:#E3F4EA;color:#17663F;} .mm-chip.amber{background:#FFF1D6;color:#9A5B00;} .mm-chip.red{background:#FDE7E4;color:#A1281B;}
.mm-chip.grey{background:#EEF0EC;color:#586274;} .mm-chip.blue{background:#E4EDFB;color:#1D4ED8;}
.mm-bar{height:6px;background:#EEF0EC;border-radius:4px;overflow:hidden;width:120px;margin-bottom:3px;}
.mm-bar span{display:block;height:100%;background:var(--brand);border-radius:4px;}
.mm-bar.big{width:100%;height:8px;margin:8px 0 12px;}
.mm-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}

.mm-detail-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.mm-detail{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start;}
.mm-side{display:flex;flex-direction:column;gap:14px;}
.mm-paper{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 20px rgba(22,35,58,.07);padding:36px 44px;color:#1d2433;}
.mm-co{text-align:center;font-size:19px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;}
.mm-title{text-align:center;font-weight:800;text-decoration:underline;margin:10px 0 18px;font-size:14px;}
.mm-hdr{border-collapse:collapse;margin-bottom:10px;}
.mm-hdr th{text-align:left;font-weight:600;padding:3px 12px 3px 0;width:72px;vertical-align:top;}
.mm-hdr td{padding:3px 8px 3px 0;vertical-align:top;}
.mm-body{border-top:1px solid #98a2b3;padding-top:14px;line-height:1.6;font-size:14px;}
.mm-body p{margin:0 0 12px;} .mm-body h3{font-size:15px;margin:14px 0 6px;}
.mm-body table{border-collapse:collapse;} .mm-body td,.mm-body th{border:1px solid var(--line);padding:4px 8px;}
.mm-att{display:flex;flex-direction:column;gap:4px;margin-top:14px;font-size:13px;}
.mm-att a{color:var(--brand);font-weight:600;}
.mm-sigs{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;margin-top:26px;}
.mm-sig{display:flex;flex-direction:column;min-width:200px;flex:1;max-width:45%;}
.mm-sig img{height:64px;object-fit:contain;object-position:left bottom;}
.mm-sig-blank{height:64px;}
.mm-sig-line{border-top:1px dotted #475467;margin:2px 0 6px;width:85%;}
.mm-sig span{font-weight:700;font-size:12.5px;} .mm-sig small{color:var(--faint);font-size:11px;}
.mm-ack{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#FFF8EB;border:1px solid #F4DDB0;border-radius:12px;padding:14px 16px;margin-top:14px;}
.mm-ack label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;flex:1;min-width:220px;}
.mm-ack.done{background:#E3F4EA;border-color:#BFE3CD;color:#17663F;font-weight:700;font-size:13.5px;}
.mm-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;}
.mm-panel-title{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;}
.mm-approve{border-color:#F4DDB0;box-shadow:0 0 0 3px #FFF4DE;}
.mm-pad-wrap{position:relative;border:1.5px dashed #CBD2C6;border-radius:10px;background:#FBFCFA;margin:8px 0;}
.mm-pad-wrap canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;}
.mm-pad-wrap .link-btn{position:absolute;right:8px;top:6px;}
.mm-pad-wrap::after{content:'Sign here';position:absolute;left:12px;bottom:8px;font-size:10.5px;color:var(--faint);pointer-events:none;}
.mm-approve textarea{width:100%;margin:8px 0 10px;}
.mm-steps{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px;}
.mm-steps li{position:relative;padding:8px 10px 8px 28px;border-radius:10px;background:var(--paper);font-size:13px;}
.mm-steps li::before{content:'';position:absolute;left:10px;top:13px;width:9px;height:9px;border-radius:50%;background:#CBD2C6;}
.mm-steps li.pending::before{background:#D98A0B;} .mm-steps li.approved::before{background:var(--brand);} .mm-steps li.returned::before{background:#C0392B;}
.mm-step-st{display:block;font-size:11.5px;color:var(--slate);font-weight:600;}
.mm-returned{background:#FDE7E4;color:#A1281B;border-radius:10px;padding:8px 10px;font-size:12.5px;margin-bottom:10px;}
.mm-reg-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.mm-reg-kpis div{background:var(--paper);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;}
.mm-reg-kpis b{font-size:19px;} .mm-reg-kpis span{font-size:11px;color:var(--slate);}
.mm-reg-tools{margin-bottom:10px;} .mm-reg-tools .btn-secondary{padding:7px 11px;font-size:12.5px;} .mm-reg-tools select{padding:7px 8px;}
.mm-reg{max-height:420px;overflow:auto;display:flex;flex-direction:column;}
.mm-reg-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line);}
.mm-reg-row div:first-child{display:flex;flex-direction:column;min-width:0;}
.mm-reg-row b{font-size:13px;}

/* Writing a memo */
.mm-sheet-back{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1300;display:flex;align-items:center;justify-content:center;padding:20px;}
.mm-sheet{background:var(--panel);border-radius:16px;width:min(880px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25);}
.mm-sheet-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);}
.mm-sheet-head b{font-size:16px;} .mm-sheet-head .small{flex:1;}
.mm-sheet-body{padding:18px 20px;overflow:auto;display:flex;flex-direction:column;gap:14px;}
.mm-sheet-body label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:700;color:var(--slate);}
.mm-sheet-body input:not([type=checkbox]),.mm-sheet-body select,.mm-approve textarea,.mm-reg-tools select{font:inherit;font-weight:500;font-size:14px;color:var(--ink);padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;width:100%;}
.mm-sheet-body input:focus,.mm-sheet-body select:focus,.mm-approve textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg);}
.mm-reg-tools select{width:auto;padding:7px 8px;font-size:12.5px;}
.mm-sheet-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line);}
.mm-grid2{display:grid;grid-template-columns:2fr 1fr;gap:12px;}
.mm-grid2:nth-of-type(3){grid-template-columns:1fr 1fr;}
.mm-grid3{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end;}
.mm-sheet-body label.mm-ackreq{flex-direction:row;align-items:center;padding-bottom:10px;color:var(--ink);}
.mm-field{display:flex;flex-direction:column;gap:6px;}
.mm-lbl{font-size:12.5px;font-weight:700;color:var(--slate);}
.mm-seg{display:flex;gap:6px;flex-wrap:wrap;}
.mm-seg button{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 13px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--slate);}
.mm-seg button.on{background:var(--brand);border-color:var(--brand);color:#fff;}
.mm-pick input{margin-bottom:6px;width:100%;}
.mm-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow:auto;}
.mm-pchip{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer;}
.mm-pchip.on{background:var(--brand-bg);border-color:var(--brand);color:var(--brand);font-weight:700;}
.mm-tools{display:flex;gap:4px;flex-wrap:wrap;}
.mm-tools button{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 10px;font:inherit;font-size:12.5px;cursor:pointer;}
.mm-editor{min-height:220px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;line-height:1.6;font-size:14px;outline:none;}
.mm-editor:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg);}
.mm-editor p{margin:0 0 10px;}
.mm-appr{display:grid;grid-template-columns:24px 1.3fr 1fr auto auto;gap:8px;align-items:center;margin-bottom:6px;}
.mm-appr-n{width:22px;height:22px;border-radius:50%;background:var(--brand-bg);color:var(--brand);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;}
.mm-atts{display:flex;flex-wrap:wrap;gap:6px;}
.mm-attc{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:12.5px;}
.mm-attc button{border:none;background:none;cursor:pointer;color:var(--red,#C0392B);font-weight:800;}
.mm-upload{align-self:flex-start;cursor:pointer;flex-direction:row!important;color:var(--ink)!important;}

@media (max-width:1100px){.mm-detail{grid-template-columns:1fr;}}
@media (max-width:700px){
  .mm-paper{padding:22px 18px;}
  .mm-sig{max-width:100%;}
  .mm-grid2,.mm-grid2:nth-of-type(3),.mm-grid3{grid-template-columns:1fr;}
  .mm-appr{grid-template-columns:24px 1fr auto;}
  .mm-appr input{grid-column:2 / 4;}
  .mm-sheet-back{padding:0;align-items:stretch;}
  .mm-sheet{border-radius:0;max-height:none;height:100%;}
}
.mm-hdr th,.mm-hdr td{background:none!important;border:none!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;color:#1d2433!important;}
.mm-hdr th{font-weight:600!important;padding:3px 12px 3px 0!important;}
.mm-hdr td{padding:3px 8px 3px 0!important;}
.mm-hdr td:nth-child(2){width:14px;}
@media (max-width:860px){.mm{padding-bottom:80px;}}