/* SYNERIS MOBILE PHASE2 20261012: activates ONLY in PWA mode */
html.sy-mobile-active {background:#f4f7fc}
.sy-mobile-active body{background:#f4f7fc}
.sy-mobile-active #sy-mobile-head{position:fixed;z-index:950;top:0;left:0;right:0;height:58px;padding:env(safe-area-inset-top,0px) 18px 0;box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e8edf6;color:#0c336c}
.sy-mobile-logo{font-size:22px;font-weight:850;letter-spacing:-.8px}.sy-mobile-logo span{font-size:18px;letter-spacing:1px}
.sy-mobile-head-actions{display:flex;gap:8px}.sy-mobile-head-actions button{border:0;background:#edf3fc;color:#0f4c9d;border-radius:11px;min-width:39px;min-height:39px;font-size:21px}
.sy-mobile-active #sy-mobile-nav{position:fixed;z-index:950;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -4px 24px #0b2f6014;border-top:1px solid #e8edf6}
.sy-mobile-active #sy-mobile-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#60718a;min-height:48px;font-family:inherit;padding:2px 0}
.sy-mobile-active #sy-mobile-nav button.active{color:#1265ce}.sy-mobile-active #sy-mobile-nav button span{font-size:22px;line-height:22px}.sy-mobile-active #sy-mobile-nav button small{font-size:10px;font-weight:650;white-space:nowrap}
.sy-mobile-active #sy-mobile-menu{position:fixed;z-index:1000;right:12px;top:calc(66px + env(safe-area-inset-top,0px));background:white;border-radius:14px;box-shadow:0 12px 42px #18325336;padding:9px;min-width:205px;display:grid;gap:4px}
.sy-mobile-active #sy-mobile-menu button{border:0;background:white;text-align:left;padding:13px;color:#143d73;border-radius:8px}
.sy-mobile-active #app{display:block;min-height:100vh}.sy-mobile-active #app.hidden{display:none}
.sy-mobile-active .sidebar{display:none!important}
.sy-mobile-active .main{margin:0!important;padding:calc(74px + env(safe-area-inset-top,0px)) 14px calc(90px + env(safe-area-inset-bottom,0px))!important;width:100%!important;max-width:100vw!important;min-height:100vh;box-sizing:border-box}
.sy-mobile-active .main>header{display:none!important}.sy-mobile-active #view{min-width:0;max-width:100%;overflow-wrap:anywhere}
.sy-mobile-active .cards,.sy-mobile-active .two-col,.sy-mobile-active .grid,.sy-mobile-active .calendar-layout{grid-template-columns:1fr!important}
.sy-mobile-active .panel,.sy-mobile-active .entity-card{max-width:100%;min-width:0}
.sy-mobile-active .toolbar-row{flex-wrap:wrap}.sy-mobile-active .modal-card{max-height:88dvh;overflow:auto;max-width:calc(100vw - 24px)}
.sy-mobile-active[data-sy-mobile-read-only='clients'] #view .toolbar-row .btn.primary,.sy-mobile-active[data-sy-mobile-read-only='projects'] #view .toolbar-row .btn.primary,.sy-mobile-active[data-sy-mobile-read-only='projects'] #view .project-row .btn.ghost,.sy-mobile-active[data-sy-mobile-read-only='projects'] #view .project-row .link-btn{display:none!important}
.sy-mobile-home{display:grid;gap:16px;font-family:inherit}.sy-mobile-hero{background:linear-gradient(125deg,#134990,#2679df);padding:22px;border-radius:20px;color:#fff;box-shadow:0 9px 26px #1553a52b}.sy-mobile-greet{font-size:14px;opacity:.85}.sy-mobile-hero h2{font-size:25px;line-height:1.2;margin:10px 0 8px;color:white}.sy-mobile-hero #sy-mobile-date{font-size:12px;opacity:.88;text-transform:capitalize}
.sy-mobile-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sy-mobile-tile{background:white;border:1px solid #e7edf7;border-radius:18px;padding:17px;text-align:left;display:grid;gap:6px;box-shadow:0 4px 18px #123b690c}.sy-mobile-tile-icon{color:#2169bc;font-size:23px}.sy-mobile-tile strong{font-size:26px;color:#102f62}.sy-mobile-tile small{font-size:13px;color:#5e718b}
.sy-mobile-section{background:white;border:1px solid #e7edf7;border-radius:18px;padding:14px;box-shadow:0 4px 18px #123b690c}.sy-mobile-section-title{display:flex;justify-content:space-between;align-items:center;margin:2px 2px 12px}.sy-mobile-section-title h3{font-size:16px;color:#13376c;margin:0}.sy-mobile-section-title button{border:0;background:none;color:#1268cf;font-size:12px;font-weight:700}.sy-mobile-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 4px;text-align:left;border:0;border-top:1px solid #edf1f7;background:none;color:#44607f}.sy-mobile-task-mark{width:37px;height:37px;display:grid;place-items:center;background:#e8f1ff;color:#156ac6;border-radius:11px;font-size:19px;flex-shrink:0}.sy-mobile-item-txt{min-width:0;flex:1;display:grid;gap:4px}.sy-mobile-item-txt strong{color:#1b385e;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sy-mobile-item-txt small{color:#79879b;font-size:11px}.sy-mobile-empty,.sy-mobile-loading{padding:12px;color:#687d98}
@media(min-width:740px){.sy-mobile-active .main{max-width:760px!important;margin:auto!important}.sy-mobile-active #sy-mobile-nav{left:calc(50% - 380px);right:calc(50% - 380px)} }

html.sy-mobile-active #sy-mobile-nav button{position:relative}
html.sy-mobile-active #sy-mobile-nav .sy-mobile-unread{position:absolute;top:2px;right:8px;border-radius:12px;background:#c92b39;color:#fff;font-size:10px;line-height:15px;min-width:15px;padding:0 3px;text-align:center}