/* Responsive navigation and RTL layout overrides. */
.menu-toggle{display:none}.mobile-nav{display:none}
.contact-cards{display:none}.appointment-button{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font-family:inherit}.appointment-button:hover{background:#f7fafb}
.rtl .pipeline-stats .mini-stat:nth-child(n){border-left:0;border-right:3px solid var(--amber)}
.rtl .pipeline-stats .mini-stat:nth-child(2){border-right-color:var(--red)}
.rtl .pipeline-stats .mini-stat:nth-child(3){border-right-color:var(--purple)}
.rtl .visit-list{border-left:0;border-right:3px solid var(--cyan);padding:0 15px 0 0}
.rtl .modal-actions{justify-content:flex-start}
@media(max-width:960px){
  .side:after{display:none}
  .menu-toggle{display:block;position:fixed;z-index:21;top:13px;left:13px;border:0;background:var(--navy);padding:9px 11px;border-radius:8px;color:#fff;font-size:17px;line-height:1;cursor:pointer}
  .side{z-index:20;box-shadow:var(--shadow);transition:left .25s ease}
  .rtl .side{left:auto;right:-270px;transition:right .25s ease}
  .rtl .side.open{left:auto;right:0}
  .rtl .menu-toggle{left:auto;right:13px}
  header{padding-left:46px}
  .rtl header{padding-left:0;padding-right:46px}
  .board{grid-template-columns:1fr;overflow:visible;padding-bottom:0}
  .stage{min-height:0;padding:12px}.stage:empty{display:none}
  .deal{padding:15px;margin:10px 0}.deal .deal-footer{gap:10px}.deal .next{min-height:42px;padding:10px 12px}
  .mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;left:0;right:0;bottom:0;z-index:18;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 22px rgba(20,48,63,.08);padding:5px max(6px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom))}
  .mobile-nav .nav-item{color:#6d7c84;display:grid;justify-items:center;gap:2px;text-align:center;padding:5px 2px;font-size:9px;line-height:1.05;border-radius:8px;min-height:48px}.mobile-nav .nav-item.active{background:#e8f6f7;color:var(--blue)}.mobile-nav .nav-icon{font-size:17px;line-height:18px}
  .contacts-table .table{display:none}.contact-cards{display:grid;gap:8px}.contact-card{width:100%;min-height:74px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ink);font:inherit}.contact-card span{display:grid;gap:4px}.contact-card small{color:var(--muted);font-size:12px}.contact-card> b{font-size:25px;color:var(--blue);font-weight:400}
  .rtl .appointment-button,.rtl .contact-card{text-align:right}
}
@media(max-width:520px){
  .rtl .bar-row{grid-template-columns:35px 1fr 100px}
  .modal{padding:18px;border-radius:14px}
  .modal-actions{flex-wrap:wrap}
  .modal-actions button{flex:1;min-width:120px}
  main{padding:18px 14px 88px}.card{border-radius:12px}.row{align-items:flex-start}.primary,.secondary,.danger{min-height:44px}.field input,.field select,.field textarea{min-height:44px;font-size:16px}.table{min-width:620px}.table{display:block;overflow-x:auto}.quick{min-height:76px}
}