/* Global buttons */
    button.secondary{
      padding:10px 10px!important;
      font-size:13px!important;
      border-radius:14px!important;
      box-shadow:none!important;
}

    button.secondary:hover{
      transform:translateY(-1px);
      box-shadow:0 10px 26px rgba(44,52,24,.08)!important;
    }
    button.danger{
      padding:10px 10px!important;
      font-size:13px!important;
      border-radius:14px!important;
    }
    .list-item,
    .card,
    .chart-card{
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .list-item:hover{
      transform:translateY(-1px);
      box-shadow:0 12px 30px rgba(44,52,24,.07);
    }


    /* Global topbar */
    .topbar{
      align-items:center!important;
    }
    .topbar-actions{
      background:rgba(255,255,255,.74);
      border:1px solid var(--line);
      border-radius:22px;
      padding:8px;
      box-shadow:0 14px 38px rgba(44,52,24,.07);
      gap:8px!important;
    }
    .topbar-actions select{
      height:40px!important;
      min-height:40px!important;
      padding:8px 34px 8px 12px!important;
      border-radius:14px!important;
      font-size:13px!important;
      min-width:210px;
    }
    .topbar-actions button{
      height:40px!important;
      min-height:40px!important;
      padding:9px 12px!important;
      border-radius:14px!important;
      font-size:13px!important;
      white-space:nowrap;
    }
    .topbar-actions button.secondary{
      background:#fff!important;
      border:1px solid var(--line)!important;
    }
    @media(max-width:900px){
      .topbar-actions{
        width:100%;
        justify-content:flex-start;
      }
      .topbar-actions select{
        flex:1;
        min-width:160px;
      }
    }


    /* Empty states */
    .empty-state{
      border:1px dashed #d9dec3;
      background:
        radial-gradient(circle at top right, rgba(167,191,0,.10), transparent 35%),
        #fbfcf3;
      border-radius:24px;
      padding:26px 22px;
      text-align:center;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:180px;
    }
    .empty-icon{
      width:54px;
      height:54px;
      border-radius:18px;
      background:#eef1d2;
      display:grid;
      place-items:center;
      font-size:24px;
    }
    .empty-title{
      font-size:18px;
      font-weight:950;
      color:#121827;
      line-height:1.2;
    }
    .empty-text{
      max-width:340px;
      color:var(--muted);
      font-size:13px;
      line-height:1.6;
    }
    /* Global interactions */
    @keyframes fadeUp{
      from{opacity:0;transform:translateY(8px)}
      to{opacity:1;transform:translateY(0)}
    }
    .view.active{
      animation:fadeUp .22s ease both;
    }

    .card,
    .panel,
    .chart-card,
    .list-item,
    .pattern-card,
    .sticky-client-actions,
    .sync-feedback,
    .empty-state{
      transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        background .18s ease;
    }

    .card:hover,
    .panel:hover,
    .chart-card:hover{
      border-color:rgba(89,102,0,.22);
    }

    input,
    select,
    textarea{
      transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
    }

    input:focus,
    select:focus,
    textarea:focus{
      border-color:#a7bf00!important;
      box-shadow:0 0 0 4px rgba(167,191,0,.12)!important;
      outline:none!important;
    }

    button{
      transition:
        transform .16s ease,
        box-shadow .16s ease,
        background .16s ease,
        border-color .16s ease,
        opacity .16s ease;
    }

    button:hover{
      transform:translateY(-1px);
    }

    button:active{
      transform:translateY(1px) scale(.99);
    }

    .status,
    .empty,
    .empty-state,
    .sync-feedback,
    .msg{
      animation:fadeUp .2s ease both;
    }

    .targets-panel[open] .targets-body{
      animation:fadeUp .18s ease both;
    }

    .chart-modal,
    .chart-modal-overlay.active .chart-modal{
      animation:fadeUp .2s ease both;
    }

    .pill{
      transition:background .16s ease, transform .16s ease;
    }

    .pill:hover{
      transform:translateY(-1px);
    }


    @media(max-width:1180px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.grid,.grid-2,.chat-layout{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:720px){.main{padding:18px}.topbar,.row{display:block}.kpis{grid-template-columns:1fr}}