:root{--as-ink:#182536;--as-ink-2:#223349;--as-muted:#64748b;--as-paper:#f3f5f8;--as-panel:#f3f5f8;--as-line:#e3e8ef;--as-font-display:"Manrope",Arial,sans-serif;--as-radius-card:14px;--as-radius-btn:8px;--as-shadow-red:0 4px 12px #c8101018}
.crm-app{font-size:13px;background:#f3f5f8}
h1,h2,h5,h6,.modal-title,.font-display{font-family:"Manrope",Arial,sans-serif;font-weight:750;letter-spacing:-.035em}
.brand-header{justify-content:space-between;min-height:78px;padding:14px 28px;box-shadow:0 2px 12px #18253605;gap:12px}
.brand-header>div:first-child{min-width:0}.brand-header img{height:32px}.brand-header .brand-app-name{font-size:10px;letter-spacing:.1em;white-space:nowrap}
.desktop-nav-tabs{margin-left:28px;gap:5px}.desktop-tab-btn{font-size:12px;border-radius:8px;padding:11px 13px;font-weight:700}.desktop-tab-btn.active{background:#fff1f0;color:#b71921;border-bottom-color:transparent}
#viewOggi,#viewTrattative{padding:30px 24px!important}.as-eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:7px;color:#718096}.h4{font-size:23px;font-weight:800}
.workspace-welcome{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(115deg,#19293c,#2d435b);color:#fff;padding:32px 36px;margin-bottom:28px;border-radius:18px;box-shadow:0 10px 25px #16283d12}
.workspace-welcome:after{content:"";position:absolute;right:190px;top:-80px;width:270px;height:270px;border:42px solid #ffffff04;border-radius:50%;pointer-events:none}.workspace-kicker{font-size:9px;letter-spacing:.18em;font-weight:800;color:#b8c9dc}.workspace-welcome h1{font-size:30px;line-height:1.3;margin:11px 0 8px}.workspace-welcome p{font-size:12px;color:#cad5e0;margin:0}.workspace-date{display:flex;align-items:center;gap:13px;white-space:nowrap;font-weight:700;font-size:16px;z-index:1}.workspace-date>i{font-size:23px;color:#a8bbcf}.workspace-date small{display:block;font-size:10px;color:#adbed0;font-weight:500;margin-top:5px}
.daily-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.daily-work-grid>div{margin:0!important;padding:20px;background:white;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 3px 8px #18253603;min-width:0}.daily-work-grid>div>div:first-child{border:0!important;padding-bottom:16px!important;margin-bottom:8px!important;gap:12px}.daily-work-grid h5{font-size:13px!important;letter-spacing:-.015em;line-height:1.5}.daily-work-grid .badge{font-size:11px;min-width:25px;padding:6px 8px}.daily-work-grid .text-center{font-size:12px;padding:26px 8px!important;color:#8390a1!important}.daily-work-grid #sezioneNuoviLead{grid-column:1/-1}
.card,.info-card{border-color:#e3e8ef;border-radius:14px;box-shadow:0 3px 9px #18253604}.action-card{border-radius:10px;box-shadow:none;padding:15px}.card-company-name{font-size:14px}.card-task-title{font-size:12px;background:#f5f7fa}.btn{font-weight:650;letter-spacing:0;box-shadow:none}.btn-sm{font-size:11px;min-height:34px}.btn-touch{font-size:11px;min-height:40px}.form-control,.form-select{font-size:13px;min-height:38px}.form-control:focus,.form-select:focus{border-color:#ae6970;box-shadow:0 0 0 3px #c810100c}.sidebar{background:#fff!important;padding:24px 18px!important}.sidebar h5{font-size:18px}.sidebar .form-label{font-size:9px;letter-spacing:.08em}.search-section{padding:22px!important}.table{font-size:12px}.table>thead{font-size:10px;letter-spacing:.06em;text-transform:uppercase}.table td{padding-top:14px;padding-bottom:14px}.modal-content{border:0;border-radius:16px;box-shadow:0 20px 70px #18253630}.modal-title{font-size:21px}.modal-header{padding:20px 24px}.modal-body{padding:24px}.info-card h6{font-size:15px}.dropdown-menu{border-color:#e3e8ef;border-radius:12px;padding:8px}.mobile-bottom-nav{box-shadow:0 -4px 20px #1825360a}.btn:focus-visible,a:focus-visible{outline:3px solid #426aa4;outline-offset:3px}
.crm-login{background:#edf1f6;padding:32px;display:grid;place-items:center}.login-layout{width:min(1080px,100%);display:grid;grid-template-columns:1fr 490px;border-radius:24px;overflow:hidden;box-shadow:0 24px 90px #1b30451a;background:#fff;min-height:660px}.login-story{position:relative;overflow:hidden;background:linear-gradient(145deg,#152438,#2b435b);padding:54px 46px;color:white;display:flex;flex-direction:column;justify-content:center}.login-story:before{content:"";position:absolute;width:380px;height:380px;border:65px solid #ffffff04;right:-200px;top:80px;transform:rotate(-28deg);border-radius:80px}.login-story h2{font-size:42px;line-height:1.22;margin:30px 0 22px;z-index:1;letter-spacing:-.055em}.login-story h2 em{font-style:normal;color:#f68b8b}.login-story>p{color:#b7c8d9;font-size:13px;line-height:1.9;max-width:290px}.login-capabilities{display:grid;gap:16px;margin:28px 0 45px;font-size:12px;color:#dce5ee}.login-capabilities i{color:#a0b8cf;margin-right:12px}.login-story-footer{font-size:10px;letter-spacing:.13em;color:#acbfd1;border-top:1px solid #ffffff15;padding-top:22px}.login-story-footer span{display:block;font-size:8px;margin-top:8px}.crm-login .login-card{max-width:none;border-radius:0;background:white;box-shadow:none;padding:44px 38px;align-self:center}.crm-login .login-logo{width:190px;margin-bottom:26px}.crm-login .login-title{font-family:"Manrope",Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.04em;margin-bottom:30px}.crm-login .login-eyebrow{font-size:9px;letter-spacing:.12em;color:#8995a5}.crm-login .user-quick-chips{margin-bottom:24px;gap:8px}.crm-login .user-chip{background:#f7f9fc;border:1px solid #e4e9f0;border-radius:11px;padding:12px 3px;color:#26364a;transition:background .15s,border-color .15s}.crm-login .user-chip.active,.crm-login .user-chip:hover{background:#fff4f3;border-color:#d85050;color:#84232a;box-shadow:none}.crm-login .team-avatar{width:52px;height:52px}.crm-login .profile-name{font-size:11px}.crm-login .profile-role{font-size:8px}.crm-login .form-control,.crm-login .input-group-text{height:46px;background:#fafbfd}.crm-login .btn-login{height:48px;font-size:13px;border-radius:9px}.crm-login .login-footer{font-size:9px;color:#98a1ae;margin-top:25px}.crm-login .form-label{letter-spacing:.06em!important;font-size:9px!important}.crm-login .login-footer .certs{font-size:8px}
@media(min-width:1200px){#viewOggi>.row>.col-xl-9{width:min(1200px,92%)}#viewTrattative>.row>.col-lg-10{max-width:1280px}}
@media(max-width:1200px){.brand-header .brand-app-name{display:none!important}.desktop-nav-tabs{margin-left:18px}.brand-header{padding:14px 18px}.desktop-tab-btn{font-size:11px;padding:10px}}
@media(max-width:900px){.login-layout{grid-template-columns:1fr;max-width:480px;min-height:0}.login-story{display:none}.crm-login{padding:20px}.crm-login .login-card{padding:34px 26px}.daily-work-grid{grid-template-columns:1fr}.daily-work-grid #sezioneNuoviLead{grid-column:auto}}
@media(max-width:768px){.brand-header{min-height:64px}.brand-header img{height:27px}.workspace-welcome{padding:25px 22px;margin-bottom:24px;border-radius:14px}.workspace-welcome h1{font-size:25px}.workspace-date{display:none}.workspace-welcome p{font-size:11px;max-width:240px;line-height:1.7}#viewOggi,#viewTrattative{padding:20px 12px 95px!important}.daily-work-grid{gap:14px}.daily-work-grid>div{padding:16px}.h4{font-size:20px}.workspace-kicker{font-size:8px}.sidebar{background:#fff!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Ergonomia touch e spazio per la barra di sistema iOS/Android. */
@media(max-width:768px){
  .crm-app .btn-sm,.crm-app .btn-touch,.crm-app .form-select,.crm-app .form-control{min-height:44px}
  .crm-app .btn-close{min-width:32px;min-height:32px}
  .crm-app input,.crm-app select,.crm-app textarea,.crm-login input{font-size:16px!important}
  .crm-app .mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(64px + env(safe-area-inset-bottom,0px))}
  .crm-app{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}
  .crm-app .card-company-name,.crm-app .card-meta-line{overflow-wrap:anywhere}
  .crm-app .modal .nav-link{min-height:44px}
  .crm-app #gpsActiveBanner{gap:8px}
}
