/* קובץ משותף: תקן ומצבה, הכשרות. שינוי כאן משפיע על שתיהן */
/* ===== אופק — כותרת אחידה לכל האפליקציות (אותו מראה בדיוק כמו בסידורי עבודה) ===== */
.oh-top{display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;height:85px;padding:0 22px;
  background:#1E3A5F;position:sticky;top:0;z-index:60;direction:rtl;font-family:'Heebo',sans-serif;color:#fff;margin:0;flex:none;}
.oh-top *{box-sizing:border-box;}
.oh-brand{display:flex;align-items:center;gap:14px;min-width:0;}
.oh-mark{width:46px;height:46px;border-radius:11px;background:#fff;box-shadow:0 3px 0 #0E1C36;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.oh-mark svg{display:block;width:46px;height:46px;}
.oh-tt{min-width:0;}
.oh-title{font-family:'Rubik',sans-serif;font-weight:800;font-size:26px;margin:0;letter-spacing:.3px;color:#fff;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.oh-sub{display:block;font-size:13px;color:#C9D6E8;font-weight:400;margin-top:3px;white-space:nowrap;line-height:1.3;}
.oh-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#E0A32E;vertical-align:middle;margin-inline-start:4px;box-shadow:0 0 0 2px rgba(255,255,255,.18);}
.oh-dot.ok{background:#4CC38A;} .oh-dot.bad{background:#E5534B;}
.oh-right{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.oh-ib{width:36px;height:36px;flex:0 0 auto;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;text-decoration:none;box-shadow:none;font:inherit;}
.oh-ib svg{width:16px;height:16px;stroke-width:2.2;}
.oh-ib:hover{background:rgba(255,255,255,.2);}
.oh-ib.on{background:#fff;color:#1E3A5F;}
.oh-clock{display:flex;flex-direction:column;align-items:center;gap:2px;margin-inline-end:4px;}
.oh-date{font-size:11.5px;color:#C9D6E8;white-space:nowrap;line-height:1.3;}
.oh-dclock{display:inline-flex;align-items:center;gap:2px;direction:ltr;}
.oh-dclock .oh-dg{position:relative;overflow:hidden;border-radius:5px;width:17px;height:30px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  -webkit-mask:linear-gradient(transparent,rgba(0,0,0,.45) 18%,#000 34%,#000 66%,rgba(0,0,0,.45) 82%,transparent);
  mask:linear-gradient(transparent,rgba(0,0,0,.45) 18%,#000 34%,#000 66%,rgba(0,0,0,.45) 82%,transparent);}
.oh-dclock .oh-strip{position:absolute;left:0;right:0;top:0;will-change:transform;}
.oh-dclock .oh-cell{display:flex;align-items:center;justify-content:center;height:var(--ch);font-size:calc(var(--ch)*.85);font-family:'IBM Plex Mono',monospace;font-weight:500;line-height:1;color:rgba(255,255,255,.95);}
.oh-dclock .oh-colon{font-size:15px;color:#fff;opacity:.5;align-self:center;padding:0 1px;}
@media (max-width:700px){
  .oh-ib{width:32px;height:32px;} .oh-ib svg{width:15px;height:15px;}
  .oh-dclock .oh-dg{width:13px;height:23px;border-radius:4px;} .oh-dclock .oh-colon{font-size:12px;}
}
@media (max-width:620px){
  .oh-top{height:70px;padding:0 12px;gap:8px;}
  .oh-sub{display:none;}
  .oh-title{font-size:22px;}
  .oh-right{gap:6px;}
}

/* ===== השורה שמתחת לכותרת: לשוניות וכפתורים ===== */
.oh-row{display:flex;align-items:center;gap:4px;padding:8px 8px 12px;background:#EEF3FA;border-bottom:1px solid #C6D3E6;
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;direction:rtl;font-family:'Heebo',sans-serif;color:#16213A;flex:none;box-sizing:border-box;}
.oh-row::-webkit-scrollbar{display:none;}
.oh-row .oh-sp{flex:1 1 auto;min-width:8px;}
.oh-b{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:7px 11px;margin:0;background:#fff;color:#15294D;border:1px solid #C6D3E6;border-radius:10px;
  box-shadow:0 4px 0 #A9BBD4;font-family:'Heebo',sans-serif;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;
  transition:transform .08s,box-shadow .08s;text-decoration:none;min-height:0;height:auto;}
.oh-b:active{transform:translateY(3px);box-shadow:0 1px 0 #A9BBD4;}
.oh-b.on,.oh-b.active{background:#2A4F80;color:#fff;border-color:#15294D;box-shadow:0 4px 0 #0E1C36;}
.oh-b.on:active,.oh-b.active:active{box-shadow:0 1px 0 #0E1C36;}
.oh-b svg{width:15px;height:15px;}
.oh-wk{display:flex;align-items:center;gap:8px;padding:0 4px;margin-inline-end:6px;flex:0 0 auto;}
.oh-wk .oh-lbl{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:700;white-space:nowrap;text-align:center;}
.oh-sep{width:1px;align-self:stretch;margin:2px 4px;background:#C6D3E6;flex:none;}
.oh-fld{display:flex;align-items:center;gap:6px;font-size:13px;color:#5B6578;white-space:nowrap;flex:0 0 auto;}
.oh-fld input{font-family:'Heebo',sans-serif;font-size:13px;padding:6px 10px;border:1px solid #C6D3E6;border-radius:999px;background:#fff;color:#16213A;outline:none;width:150px;min-height:0;height:auto;}
.oh-fld input:focus{border-color:#2A4F80;}
@media (max-width:620px){ .oh-b{padding:7px 9px;font-size:12.5px;} }

/* ===== תפריט ⋯ ===== */
.oh-menu{position:fixed;z-index:1000;display:none;min-width:240px;max-width:calc(calc(var(--vw,1vw)*100) - 16px);max-height:calc(calc(var(--vh,1vh)*100) - 100px);overflow-y:auto;padding:6px;background:#fff;border:1px solid #C6D3E6;border-radius:12px;
  box-shadow:0 8px 24px rgba(30,58,95,.22);direction:rtl;font-family:'Heebo',sans-serif;color:#16213A;}
.oh-menu.open{display:block;}
.oh-menu button,.oh-menu a{display:block;width:100%;text-align:right;padding:11px 12px;margin:0;border:0;border-radius:8px;background:none;color:#16213A;
  font-family:'Heebo',sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:none;min-height:0;height:auto;line-height:1.3;}
.oh-menu button:hover,.oh-menu a:hover{background:#EEF3FA;}
.oh-menu .oh-msep{border-top:1px solid #C6D3E6;margin:4px 0;}
.oh-menu .oh-mhd{padding:6px 12px 2px;font-size:12px;color:#5B6578;font-weight:700;}