/* MH Office — look follows the approved Blueprint draft 2 mockups (~/mh/0*.png) */
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:18px}
body{font-family:'Segoe UI',Arial,'Liberation Sans',sans-serif;background:#f6f7f9;color:#1d2733;min-height:100vh;line-height:1.35}
a{color:#1f4e79}
.heb{font-family:'David','Noto Sans Hebrew','DejaVu Sans',Arial,sans-serif;unicode-bidi:isolate;direction:rtl}
.date{white-space:nowrap}
.muted{color:#6b7682;font-size:15px}
.small{font-size:15px}

/* layout */
.shell{display:flex;min-height:100vh;background:linear-gradient(to right,#1f3a56 220px,#f6f7f9 220px)}
.side{width:220px;background:#1f3a56;color:#d5dee8;padding:22px 0;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.logo{color:#fff;font-weight:700;font-size:22px;padding:0 24px 6px;text-decoration:none;display:block}
.logo2{font-size:13px;color:#9fb3c8;padding:0 24px 22px}
.nav a{display:block;padding:13px 24px;font-size:18px;color:#d5dee8;text-decoration:none;border-left:5px solid transparent}
.nav a:hover{background:#264766}
.nav a.on{background:#2d5378;color:#fff;border-left-color:#8fc1e8}
.side .bottom{margin-top:auto;padding:0 24px;display:flex;flex-direction:column;gap:14px}
.side .bottom a,.side .bottom button{color:#9fb3c8;font-size:15px;text-decoration:none;background:none;border:0;text-align:left;font-family:inherit;cursor:pointer;padding:0}
.side .bottom a.on{color:#fff;font-weight:600}
.side .bottom a:hover,.side .bottom button:hover{color:#fff}
.main{flex:1;padding:24px 34px 40px;min-width:0;max-width:1200px}
.topbar{display:flex;justify-content:flex-end;margin-bottom:14px}
.searchbar{display:flex;width:460px;max-width:100%;border:1.5px solid #cfd7df;border-radius:20px;background:#fff;overflow:hidden}
.searchbar input{flex:1;border:0;padding:8px 16px;font-size:16px;outline:none;font-family:inherit;min-width:0}
.searchbar button{border:0;background:#eef2f6;color:#1f4e79;padding:0 16px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit}

.top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px;flex-wrap:wrap}
h1{font-size:28px;font-weight:600}
h2{font-size:21px;font-weight:600;margin-bottom:10px}
.sub{color:#5f6b78;font-size:17px;margin-top:4px}
.row{display:flex;gap:20px;align-items:flex-start}
.col{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}
.card{background:#fff;border-radius:12px;padding:18px 22px;border:1px solid #e1e6ec;flex:1;min-width:0}
.card h3{font-size:15px;color:#5f6b78;font-weight:600;letter-spacing:.4px;margin-bottom:8px;text-transform:uppercase}
.card h3 a{color:inherit;text-decoration:none}
.stack > * + *{margin-top:20px}

/* list items */
.item{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #eef1f4}
.item:last-child{border-bottom:none}
.item .what{flex:1;min-width:0}
.item .what a{color:inherit;text-decoration:none}
.item .what a:hover{text-decoration:underline}
.item.done .what,.item.done .what a{color:#8a96a3;text-decoration:line-through}
.empty{color:#6b7682;padding:10px 0;font-size:16px}

/* tick box (a real button in a form) */
form.tick{display:inline;margin:0}
.box{width:24px;height:24px;border:2px solid #9aa7b4;border-radius:5px;background:#fff;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:15px;padding:0}
.box:hover{border-color:#2e7d4f;background:#f0f8f3}
.box.done{background:#2e7d4f;border-color:#2e7d4f}

/* tags */
.tag{display:inline-block;padding:3px 11px;border-radius:14px;font-size:14px;background:#eef2f6;color:#3a4a5a;white-space:nowrap;text-decoration:none}
.t-w{background:#fdf1dc;color:#8a5a00}.t-d{background:#e3f1e8;color:#1e6b3f}.t-r{background:#fbe4e2;color:#a3261b}.t-b{background:#e4eef8;color:#1f4e79}
.lock{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:14px;font-size:14px;background:#eceff3;color:#3a4a5a;border:1px solid #d3dae2;white-space:nowrap}
.lock svg{width:12px;height:13px}
.red{color:#a3261b;font-weight:600}

/* buttons */
.btn,.btn2,.btn3{display:inline-block;padding:10px 18px;border-radius:9px;font-size:17px;font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit;line-height:1.2}
.btn{background:#1f4e79;color:#fff;border:1.5px solid #1f4e79}
.btn:hover{background:#173c5e}
.btn2{background:#fff;color:#1f4e79;border:1.5px solid #1f4e79}
.btn2:hover{background:#eef4fa}
.btn3{background:none;border:0;color:#1f4e79;padding:6px 4px;font-weight:600}
.btn.sm,.btn2.sm{padding:6px 12px;font-size:15px}
.danger{color:#a3261b !important;border-color:#a3261b !important}
.linkbtn{background:none;border:0;color:#1f4e79;font:inherit;cursor:pointer;text-decoration:underline;padding:0}

/* forms */
label{display:block;font-weight:600;font-size:16px;margin:14px 0 6px;color:#3a4a5a}
input[type=text],input[type=password],input[type=date],input[type=search],select,textarea{width:100%;border:1.5px solid #cfd7df;border-radius:9px;padding:10px 14px;font-size:17px;background:#fff;color:#1d2733;font-family:inherit}
textarea{min-height:140px;resize:vertical;line-height:1.45}
input:focus,select:focus,textarea:focus{outline:2px solid #8fc1e8;border-color:#1f4e79}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 20px}
.actions{display:flex;gap:12px;align-items:center;margin-top:22px;flex-wrap:wrap}
.chk{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:600;margin:16px 0 0;cursor:pointer}
.chk input{width:22px;height:22px;accent-color:#1f4e79}
.hint{color:#6b7682;font-size:14px;margin-top:4px;font-weight:400}
.formcard{max-width:820px}
input[type=file]{font-size:16px;margin-top:4px}

/* quick add */
.quick{display:flex;gap:8px;width:520px;max-width:100%}
.quick input{flex:1;border:1.5px solid #cfd7df;border-radius:9px;padding:11px 14px;font-size:17px;font-family:inherit;min-width:0}
.quick button{white-space:nowrap}

/* counts row on Today */
.counts{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.count{background:#fff;border:1px solid #e1e6ec;border-radius:12px;padding:12px 20px;text-decoration:none;color:#1d2733;display:flex;align-items:baseline;gap:10px;min-width:150px}
.count b{font-size:28px;font-weight:700}
.count span{font-size:16px;color:#5f6b78}
.count.r b{color:#a3261b}.count.w b{color:#8a5a00}
.count:hover{border-color:#1f4e79}

/* tabs */
.tabs{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.tabs a{padding:8px 16px;border-radius:20px;background:#fff;border:1px solid #d7dee6;font-size:16px;color:#1d2733;text-decoration:none}
.tabs a.on{background:#1f4e79;color:#fff;border-color:#1f4e79}
.filters{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap;font-size:16px}
.filters select{width:auto;padding:7px 12px;font-size:16px}

/* tables */
table{width:100%;border-collapse:collapse}
th{text-align:left;color:#5f6b78;font-weight:600;font-size:15px;padding:10px 8px;border-bottom:2px solid #e1e6ec}
td{padding:12px 8px;border-bottom:1px solid #eef1f4;font-size:17px;vertical-align:middle}
tr:last-child td{border-bottom:none}
td.t a{color:inherit;text-decoration:none}
td.t a:hover{text-decoration:underline}
tr.done td.t{color:#8a96a3;text-decoration:line-through}
td .muted{display:block}

/* notes */
.subjects a{display:flex;justify-content:space-between;padding:11px 12px;margin:0 -12px;border-bottom:1px solid #eef1f4;color:#1d2733;text-decoration:none;font-size:18px;border-radius:8px}
.subjects a.on{background:#e4eef8;font-weight:600;border-bottom-color:transparent}
.subjects a:hover{background:#f1f5f9}
.subjects a span{color:#6b7682;font-size:16px}
.nrow{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid #eef1f4}
.nrow .d{width:150px;flex-shrink:0;color:#5f6b78;font-size:15px}
.nrow .b{flex:1;min-width:0}
.nrow .b a.title{color:#1d2733;font-weight:600;text-decoration:none}
.nrow .b a.title:hover{text-decoration:underline}
.nrow .b .text{margin-top:2px;white-space:pre-line}
.badges{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}
.newnote{border:1.5px solid #cfd7df;border-radius:10px;padding:12px 14px;margin-top:16px}
.newnote textarea{border:0;padding:4px 0;min-height:70px;outline:none}
.newnote input[type=text]{border:0;border-bottom:1px solid #eef1f4;border-radius:0;padding:4px 0 8px;font-weight:600}
.newnote input:focus,.newnote textarea:focus{outline:none}
.newnote .bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.newnote .chk{margin:0}
.notebody{font-size:18px;line-height:1.55;white-space:pre-wrap;margin-top:14px}
.files{margin-top:18px}
.file{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #eef1f4}
.file:last-child{border-bottom:none}
.file .name{flex:1;min-width:0;overflow-wrap:anywhere}
.privnote{background:#f3f5f8;border:1px solid #d3dae2;border-radius:10px;padding:10px 14px;font-size:15px;color:#3a4a5a;margin-top:14px}

/* flash */
.flash{border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:17px;display:flex;align-items:center;gap:14px}
.flash.ok{background:#e3f1e8;color:#1e5b37;border:1px solid #bfe0cb}
.flash.error{background:#fbe4e2;color:#8c1f16;border:1px solid #f0c3be}
.flash form{margin-left:auto}
.flash .undo{background:#fff;border:1.5px solid #1e6b3f;color:#1e6b3f;border-radius:8px;padding:5px 14px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}

/* search */
mark{background:#fff1b8;color:inherit;padding:0 1px;border-radius:3px}
.result{padding:12px 0;border-bottom:1px solid #eef1f4}
.result:last-child{border-bottom:none}
.result a{font-weight:600;color:#1d2733;text-decoration:none}
.result a:hover{text-decoration:underline}

/* login */
.loginwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1f3a56;padding:20px}
.login{background:#fff;border-radius:14px;padding:34px 38px;width:420px;max-width:100%}
.login h1{font-size:28px}
.login .sub{margin-bottom:10px}

/* tablet / narrow screens: menu goes on top */
@media (max-width: 960px){
  html{font-size:18px}
  .shell{flex-direction:column;background:#f6f7f9}
  .side{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 14px;gap:4px}
  .logo{padding:0 12px 0 4px;font-size:20px}.logo2{display:none}
  .nav{display:flex;flex-wrap:wrap}
  .nav a{padding:9px 14px;border-left:0;border-radius:8px}
  .side .bottom{margin:0 0 0 auto;flex-direction:row;padding:0 6px;gap:16px}
  .main{padding:18px 16px 30px}
  .row{flex-direction:column;align-items:stretch}
  .grid2,.grid3{grid-template-columns:1fr}
  .nrow .d{width:110px}
  .topbar{justify-content:stretch}.searchbar{width:100%}
  .hide-narrow{display:none}
}
.clip{width:15px;height:15px;vertical-align:-2px;margin-right:4px}
.date.stack{white-space:normal;display:inline-block;line-height:1.4}
.nrow .d{width:120px}
.picks{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.picks button{background:#fff;border:1px solid #d7dee6;border-radius:16px;padding:4px 12px;font-size:15px;color:#1f4e79;cursor:pointer;font-family:inherit}
.picks button:hover{border-color:#1f4e79}
.lockicon{width:13px;height:14px;color:#5f6b78;vertical-align:-1px;margin-left:4px}
/* meeting page */
.steps{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}
.steps a{flex:1;text-align:center;padding:10px;border-radius:9px;background:#e9edf1;font-size:16px;color:#5f6b78;text-decoration:none;min-width:130px}
.steps a.d{background:#e3f1e8;color:#1e6b3f}
.steps a.c{background:#1f4e79;color:#fff;font-weight:600}
.steps a:hover{outline:2px solid #8fc1e8}
.exports{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.exports .lbl{color:#5f6b78;font-size:15px}
.mitem{border-bottom:1px solid #eef1f4;padding:14px 0}
.mitem:last-child{border-bottom:0}
.mitem h4{font-size:18px;font-weight:600;margin-bottom:6px;display:flex;gap:10px;align-items:baseline}
.mitem h4 .n{color:#b08a3e;min-width:24px}
.mitem textarea{min-height:90px}
.dec{display:inline-block;padding:2px 10px;border-radius:12px;background:#e3f1e8;color:#1e6b3f;font-size:14px;margin-right:6px}
.decrow{display:flex;gap:10px;align-items:flex-start;margin-top:8px}
.decrow .dec{margin-top:10px}
.rowbtns{display:flex;gap:4px}
.rowbtns button{background:none;border:1px solid #d7dee6;border-radius:7px;padding:3px 9px;cursor:pointer;color:#1f4e79;font-size:14px;font-family:inherit}
.rowbtns button.danger{color:#a3261b}
table.edit td{padding:6px 6px;vertical-align:top}
table.edit input[type=text],table.edit select{padding:7px 10px;font-size:16px}
.locked{background:#f3f5f8;border:1px solid #d3dae2;border-radius:10px;padding:10px 14px;margin-bottom:14px;display:flex;gap:14px;align-items:center;font-size:16px}
.notesref{white-space:pre-wrap;font-size:16px;line-height:1.5;background:#fffaf0;border:1px solid #f1dcae;border-radius:10px;padding:12px 16px;max-height:600px;overflow:auto}
fieldset{border:0;min-width:0}
.meetcard .big{font-size:21px;font-weight:600}
/* stage 6-8 */
.navcount{display:inline-block;background:#e9eef4;color:#1f3a56;border-radius:10px;font-size:13px;padding:0 8px;margin-left:6px;font-weight:600}
.askbar{display:flex;align-items:center;width:520px;max-width:100%;border:1.5px solid #c9b6ef;border-radius:20px;background:#fff;padding:0 6px 0 16px}
.askbar label{margin:0;color:#4b2a8a;font-weight:600;font-size:16px;white-space:nowrap}
.askbar input{flex:1;border:0;padding:9px 10px;font-size:16px;outline:none;font-family:inherit;min-width:0;background:none}
.askbar:focus-within{outline:2px solid #c9b6ef}
.ai{display:inline-block;background:#f3eefc;color:#4b2a8a;border:1.5px solid #c9b6ef;padding:8px 14px;border-radius:9px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none}
.ai:hover{background:#ebe2fa}
.ai.big{background:#4b2a8a;color:#fff;border-color:#4b2a8a;padding:10px 20px;font-size:17px}
.aibtns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.answer{font-size:18px;line-height:1.55}
.answer p{margin-bottom:10px}
.draftbox{background:#faf8fe;border:1px solid #e0d5f5;border-radius:10px;padding:14px 16px}
.draftbox textarea{background:#fff;min-height:380px;font-size:17px}
.used a{display:block;padding:10px 0;border-bottom:1px solid #eef1f4;color:#1d2733;text-decoration:none;font-size:17px}
.used a:hover{text-decoration:underline}
.aierr{background:#fdf1dc;border:1px solid #f1dcae;color:#6b4600;border-radius:10px;padding:12px 16px;font-size:17px;margin-bottom:16px}
.inboxitem{background:#fffaf0;border:1px solid #f1dcae;border-radius:10px;padding:12px 16px;margin-top:12px}
.inboxitem .q{font-size:18px;margin:2px 0 6px;white-space:pre-wrap}
.phone{width:310px;background:#2b2f36;border-radius:34px;padding:16px 12px;flex-shrink:0}
.phone .scr{background:#fff;border-radius:22px;padding:12px 12px 16px;min-height:540px}
.phone .hd{text-align:center;border-bottom:1px solid #e1e6ec;padding-bottom:8px;margin-bottom:10px}
.phone .hd b{display:block;font-size:16px}.phone .hd span{font-size:13px;color:#6b7682}
.bub{max-width:84%;padding:8px 12px;border-radius:14px;font-size:15px;line-height:1.35;margin:8px 0;white-space:pre-wrap}
.bub.out{background:#eceff3;color:#1d2733;border-bottom-left-radius:4px}
.bub.in{background:#1f4e79;color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.bub small{display:block;font-size:11px;opacity:.7;margin-top:3px}
table.kv td{padding:12px 8px}
table.kv td:first-child{width:38%;color:#3a4a5a}
.secnav{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.secnav a{padding:7px 14px;border-radius:18px;background:#fff;border:1px solid #d7dee6;text-decoration:none;color:#1d2733;font-size:16px}
.meter{height:10px;background:#eef1f4;border-radius:6px;overflow:hidden;margin:6px 0}
.meter i{display:block;height:100%;background:#4b2a8a}
tr.dup td{color:#8a96a3}