/* INFO TECCH WIKI v21 - CSS centralizado em assets/css/app.css. Bootstrap CSS é opcional e este arquivo mantém o layout estável. */
:root{
  --navy:#082b55;
  --navy-2:#0b376c;
  --blue:#1665d8;
  --blue-soft:#eaf2ff;
  --white:#ffffff;
  --bg:#f3f6fa;
  --bg-2:#edf2f7;
  --text:#0f172a;
  --muted:#64748b;
  --border:#dbe4ef;
  --border-2:#e7edf5;
  --success:#0f9f6e;
  --warning:#f59e0b;
  --danger:#e25563;
  --info:#06b6d4;
  --shadow:0 18px 38px rgba(15,23,42,.07);
  --radius:18px;
  --topbar-h:72px;
  --sidebar-w:244px;
  --sidebar-mini:64px;
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;
}
*{box-sizing:border-box}
html{height:100%}
body{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;font-weight:400;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-1{margin-top:.25rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.p-4{padding:1.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.w-100{width:100%!important}.h-100{height:100%!important}.d-none{display:none!important}.d-flex{display:flex!important}.d-inline{display:inline!important}.flex-wrap{flex-wrap:wrap!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.text-center{text-align:center!important}.fw-bold{font-weight:700!important}.text-primary{color:var(--blue)!important}.text-white-75{color:rgba(255,255,255,.78)!important}.rounded-pill{border-radius:999px!important}.shadow-lg{box-shadow:var(--shadow)!important}
.row{display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.row>*{width:100%;padding-left:.5rem;padding-right:.5rem}.g-3{row-gap:1rem}.g-4{row-gap:1.5rem}.col-12{flex:0 0 auto;width:100%}@media(min-width:768px){.col-md-2{width:16.6667%}.col-md-3{width:25%}.col-md-4{width:33.3333%}.col-md-5{width:41.6667%}.col-md-6{width:50%}}@media(min-width:992px){.col-lg-3{width:25%}.col-lg-4{width:33.3333%}.col-lg-5{width:41.6667%}.col-lg-6{width:50%}}
.card,.modern-card{background:var(--white);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:none}.modern-card{box-shadow:0 1px 0 rgba(15,23,42,.02)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:38px;padding:.55rem 1rem;border-radius:11px;border:1px solid transparent;background:#fff;color:var(--text);font-weight:500;line-height:1;cursor:pointer;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-sm{min-height:32px;padding:.42rem .72rem;font-size:12px;border-radius:9px}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:#0f56bd;border-color:#0f56bd}.btn-outline-primary{color:var(--blue);border-color:#b8cdf3;background:#fff}.btn-outline-primary:hover{background:var(--blue-soft)}.btn-outline-success{color:var(--success);border-color:#a8e4d1;background:#fff}.btn-outline-warning{color:var(--warning);border-color:#f8d895;background:#fff}.btn-outline-danger{color:var(--danger);border-color:#f3b6c0;background:#fff}.btn-login{background:#fff;color:var(--navy);border-color:#fff;font-weight:700}.btn-login:hover{background:#edf5ff}.btn-check{position:absolute;opacity:0;pointer-events:none}
.form-label{display:block;margin:0 0 .42rem;color:#334155;font-size:13px;font-weight:600}.form-control,.form-select{display:block;width:100%;min-height:42px;padding:.62rem .78rem;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--text);outline:none;transition:border-color .16s,box-shadow .16s}.form-control:focus,.form-select:focus{border-color:#86b7fe;box-shadow:0 0 0 4px rgba(22,101,216,.12)}textarea.form-control{min-height:90px;resize:vertical}.form-text,.field-hint{font-size:12px;color:var(--muted);margin-top:.35rem}.input-group{display:flex;width:100%;align-items:stretch}.input-group-text{display:flex;align-items:center;padding:.62rem .8rem;border:1px solid var(--border);border-right:0;border-radius:11px 0 0 11px;background:#f8fafc;color:#64748b}.input-group .form-control{border-radius:0 11px 11px 0}.input-group-sm .form-control,.input-group-sm .input-group-text{min-height:34px;padding:.45rem .65rem;font-size:13px}.form-check{display:flex;align-items:center;gap:.48rem}.form-check-input{width:1.1rem;height:1.1rem;accent-color:var(--blue)}.form-switch .form-check-input{width:2.2rem;height:1.15rem}.form-switch-card{padding:.8rem 1rem;border:1px solid var(--border-2);border-radius:14px;background:#f8fafc}.was-validated .form-control:invalid{border-color:var(--danger)}
.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .55rem;border-radius:999px;font-size:11px;line-height:1;font-weight:700}.text-bg-success{background:#dbf7eb;color:#067451}.text-bg-secondary{background:#e2e8f0;color:#475569}.text-bg-info{background:#cffafe;color:#0e7490}.text-bg-light{background:#f8fafc;color:#0f172a}.text-bg-primary{background:#dbeafe;color:#1d4ed8}.alert{display:flex;align-items:center;gap:.55rem;margin:0 0 1rem 0;padding:.85rem 1rem;border-radius:14px;border:1px solid}.alert-success{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.alert-danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}
/* Ícones locais simples para não depender do Bootstrap Icons via CDN. */
/* Layout principal */
.app-shell{min-height:100vh;background:var(--bg);padding-top:var(--topbar-h);padding-left:var(--sidebar-w);transition:padding-left .22s ease}.app-shell.sidebar-collapsed{padding-left:var(--sidebar-mini)}.sidebar{position:fixed;z-index:1040;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--navy);color:#dbeafe;box-shadow:10px 0 30px rgba(8,43,85,.10);transition:width .22s ease,transform .22s ease;overflow:hidden}.app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-mini)}.sidebar-top{height:var(--topbar-h);background:#fff;display:flex;align-items:center;justify-content:flex-start;padding:0 12px;border-right:1px solid var(--border-2);border-bottom:1px solid var(--border-2)}.sidebar-toggle,.mobile-menu-btn{width:40px;height:40px;border-radius:13px;border:1px solid #dbe4ef;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.sidebar-toggle:hover,.mobile-menu-btn:hover{background:#f8fafc;border-color:#c8d5e5}.sidebar-toggle .bi{font-size:22px}.sidebar-nav{display:flex;flex-direction:column;gap:10px;padding:18px 10px}.sidebar-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;color:#d7e4f5;border-radius:13px;white-space:nowrap;transition:background .16s,color .16s}.sidebar-link:hover{background:rgba(255,255,255,.10);color:#fff}.sidebar-link.active{background:#fff;color:var(--blue);box-shadow:0 8px 20px rgba(0,0,0,.12)}.nav-icon{width:24px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:17px}.nav-label{font-size:14px;font-weight:600;letter-spacing:.01em}.app-shell.sidebar-collapsed .sidebar-nav{padding-left:8px;padding-right:8px}.app-shell.sidebar-collapsed .sidebar-link{justify-content:center;padding:0}.app-shell.sidebar-collapsed .nav-label{display:none}.sidebar-backdrop{display:none}.app-topbar{position:fixed;z-index:1030;top:0;left:var(--sidebar-w);right:0;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 18px 0 28px;background:#fff;border-bottom:1px solid var(--border-2);transition:left .22s ease}.app-shell.sidebar-collapsed .app-topbar{left:var(--sidebar-mini)}.topbar-left{display:flex;align-items:center;gap:16px;min-width:0}.mobile-menu-btn{display:none}.topbar-logo-link{display:flex;align-items:center;height:var(--topbar-h)}.topbar-logo{width:auto;height:36px;object-fit:contain}.topbar-user{display:flex;align-items:center;gap:10px;margin-left:auto}.user-avatar{width:42px;height:42px;border-radius:50%;background:#075e84;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;box-shadow:0 10px 20px rgba(7,94,132,.18)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;line-height:1.15}.user-name{font-weight:700;color:#111827;font-size:14px}.user-meta{font-size:12px;color:#64748b;margin-top:2px}.logout-form{margin:0}.content-wrap{padding:28px clamp(18px,3vw,32px) 44px;transition:padding .2s;min-height:calc(100vh - var(--topbar-h))}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 22px}.eyebrow{display:block;margin-bottom:4px;color:var(--navy);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.24em}.page-heading h1{margin:0;color:#0f172a;font-size:27px;font-weight:750;line-height:1.1}.page-heading p{margin:.42rem 0 0;color:#53627a;font-size:14px}.page-action-btn{align-self:center}.dashboard-permission{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:22px}.dashboard-permission>div{display:flex;align-items:flex-start;gap:.7rem;color:#0f172a}.dashboard-permission i{color:var(--navy)}.dashboard-permission span{font-size:13px;color:#334155}.dashboard-permission strong{display:block;font-size:14px;font-weight:500;color:#0f172a;margin-top:2px}.dashboard-welcome{padding:0;overflow:hidden}.dashboard-welcome-body{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:28px}.dashboard-welcome h1{margin:0 0 6px;font-size:28px;line-height:1.15}.dashboard-welcome p{margin:0;color:#64748b}.dashboard-card{padding:26px}.dashboard-card-icon{font-size:21px;color:var(--navy);margin-bottom:16px}.dashboard-card h2{margin:0 0 8px;font-size:21px}.dashboard-card p{margin:0;color:#64748b}.ad-group-help{display:flex;gap:1rem;padding:1.2rem}.ad-group-help-icon{width:46px;height:46px;border-radius:16px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.ad-group-help h2{margin:0 0 .3rem;font-size:17px}.ad-group-help p{margin:0 0 .75rem;color:#64748b}.ad-group-tags{display:flex;flex-wrap:wrap;gap:.5rem}.ad-group-tags span{background:#f8fafc;border:1px solid var(--border-2);border-radius:999px;padding:.42rem .75rem;color:#334155;font-size:12px}
/* Blocos expansíveis padronizados */
.user-form-panel,.integration-form-panel{overflow:hidden}.user-form-toggle,.integration-form-toggle,.integration-accordion-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:18px 22px;border:0;background:#fff;color:#0f172a;text-align:left;cursor:pointer}.user-form-toggle:hover,.integration-form-toggle:hover,.integration-accordion-button:hover{background:#fbfdff}.user-form-toggle-title,.integration-form-toggle-title{display:flex;align-items:center;gap:.8rem}.user-form-toggle-title strong,.integration-form-toggle-title strong{display:block;font-size:15px;font-weight:750}.user-form-toggle-title small,.integration-form-toggle-title small{display:block;margin-top:2px;color:#64748b;font-size:13px}.user-form-toggle-icon,.integration-form-toggle-icon,.integration-accordion-chevron{transition:transform .18s}.user-form-toggle:not(.collapsed) .user-form-toggle-icon,.integration-form-toggle:not(.collapsed) .integration-form-toggle-icon,.integration-accordion-button:not(.collapsed) .integration-accordion-chevron{transform:rotate(180deg)}.collapse{display:block!important;max-height:0;opacity:0;overflow:hidden;transition:max-height .32s ease,opacity .22s ease}.collapse.show{display:block!important;opacity:1}.user-form-body,.integration-form-body{padding:22px;border-top:1px solid var(--border-2);background:#fff}.password-rules{display:flex;flex-wrap:wrap;gap:.5rem}.password-rules span{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .65rem;border-radius:999px;background:#f8fafc;color:#64748b;border:1px solid var(--border-2);font-size:12px}.password-rules span.valid{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.password-rules span.invalid{background:#fff1f2;border-color:#fecdd3;color:#be123c}
.user-list,.integration-list,.integration-accordion-list{display:flex;flex-direction:column;gap:12px}.list-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:#fff}.list-icon,.integration-icon{width:48px;height:48px;border-radius:14px;background:#f1f6ff;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.list-main{min-width:0;flex:1}.list-main h3{margin:0;font-size:16px;font-weight:750}.list-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;color:#64748b;font-size:13px}.list-meta span{display:inline-flex;align-items:center;gap:.35rem}.list-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.empty-state{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:24px;border:1px dashed var(--border);border-radius:16px;color:#64748b;background:#fafcff}.h5{font-size:1.15rem}.integration-type-block{padding:18px;border:1px solid var(--border-2);border-radius:16px;background:#fbfdff}.integration-type-header{display:flex;align-items:center;gap:.55rem;margin-bottom:14px;color:var(--navy);font-weight:750}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.integration-grid>div{padding:12px;border:1px solid var(--border-2);border-radius:13px;background:#fff}.integration-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:3px}.integration-grid strong{font-size:13px;color:#0f172a;word-break:break-word}.integration-accordion-card{border:1px solid var(--border);border-radius:17px;overflow:hidden;background:#fff}.integration-accordion-header{display:block}.integration-accordion-button{padding:17px 18px}.integration-accordion-title{display:flex;align-items:center;gap:12px;min-width:0}.integration-name-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.integration-name-line strong{font-size:15px}.integration-host{margin-top:4px;color:#64748b;font-size:13px;word-break:break-all}.integration-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.integration-accordion-body{padding:18px;border-top:1px solid var(--border-2)}.integration-test-box{padding:14px;border:1px solid var(--border-2);border-radius:14px;background:#fbfdff}.integration-test-caption{font-size:12px;color:#64748b;margin-top:.5rem}.integration-notes{padding:12px;border-radius:12px;background:#f8fafc;color:#475569;font-size:13px}.integration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:14px}
/* Login */
.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eef2f7;padding:24px}.login-card{width:min(430px,100%);border-radius:24px;background:var(--navy);overflow:hidden;border:0}.login-logo-box{height:112px;background:#fff;display:flex;align-items:center;justify-content:center;padding:24px}.login-logo{max-height:52px;width:auto}.login-card-body{padding:28px;color:#fff}.login-eyebrow{display:block;color:#bdd7ff;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800;margin-bottom:8px}.login-card h1{margin:0 0 4px;color:#fff;font-size:26px}.login-card p{margin:0;color:rgba(255,255,255,.72)}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.auth-switch .btn{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20);color:#fff}.auth-switch .btn-check:checked + .btn{background:#fff;color:var(--navy);border-color:#fff}.input-group-modern .input-group-text{border-color:transparent;background:#f8fafc}.input-group-modern .form-control{border-color:transparent}
@media(max-width:900px){.app-shell,.app-shell.sidebar-collapsed{padding-left:0}.sidebar{transform:translateX(-100%);width:270px}.sidebar.show{transform:translateX(0)}.app-shell.sidebar-collapsed .sidebar{width:270px}.sidebar-backdrop.show{display:block;position:fixed;z-index:1035;inset:0;background:rgba(15,23,42,.45)}.app-topbar,.app-shell.sidebar-collapsed .app-topbar{left:0;padding:0 14px}.mobile-menu-btn{display:flex}.sidebar-top{justify-content:flex-end}.app-shell.sidebar-collapsed .nav-label{display:inline}.app-shell.sidebar-collapsed .sidebar-link{justify-content:flex-start;padding:0 12px}.content-wrap{padding:24px 16px}.topbar-logo{height:31px}.user-info{display:none}.dashboard-permission{grid-template-columns:1fr;gap:12px}.dashboard-welcome-body{display:block}.dashboard-welcome .page-action-btn{margin-top:1rem}.integration-grid{grid-template-columns:1fr}.list-card{align-items:flex-start}.list-actions{width:100%;justify-content:flex-start}.topbar-user{gap:8px}.logout-form .btn span{display:none}}
@media(max-width:600px){.page-heading h1{font-size:24px}.dashboard-welcome h1{font-size:24px}.list-card{flex-direction:column}.list-main,.list-actions{width:100%}.topbar-logo{height:28px}.user-avatar{width:36px;height:36px}.content-wrap{padding-left:12px;padding-right:12px}.user-form-toggle,.integration-form-toggle,.integration-accordion-button{padding:16px}.user-form-body,.integration-form-body,.integration-accordion-body{padding:16px}}
@media print{.sidebar,.app-topbar,.no-print{display:none!important}.app-shell{padding:0!important}.content-wrap{padding:0!important;background:#fff}}
.dashboard-welcome .dashboard-permission{display:flex;flex-direction:column;gap:2px;min-width:190px;padding:14px 18px;border:1px solid var(--border-2);border-radius:16px;background:#fbfdff}.dashboard-welcome .dashboard-permission span{font-size:12px;color:#64748b}.dashboard-welcome .dashboard-permission strong{font-size:15px;color:#0f172a}


/* v20 - ajustes finais de legibilidade, Bootstrap e transições suaves */
body{font-size:15px;letter-spacing:.001em;animation:infotecchPageIn .22s ease both}
@keyframes infotecchPageIn{from{opacity:.82;transform:translateY(4px)}to{opacity:1;transform:none}}
:root{--radius:20px;--shadow:0 18px 42px rgba(15,23,42,.08)}
.app-topbar{box-shadow:0 1px 0 rgba(15,23,42,.04);backdrop-filter:saturate(140%) blur(6px)}
.topbar-logo{height:36px!important;max-width:180px}
.user-name{font-size:15px}.user-meta{font-size:12.5px}.content-wrap{padding-top:32px}
.page-heading{margin-bottom:24px}.page-heading h1{font-size:30px;font-weight:760;letter-spacing:-.025em}.page-heading p{font-size:15px;color:#53627a}.eyebrow{font-size:12px;letter-spacing:.22em}
.card,.modern-card{border-radius:20px;border-color:#e0e8f3;box-shadow:0 10px 28px rgba(15,23,42,.035)}
.btn{border-radius:12px;font-size:14.5px;min-height:40px;box-shadow:0 1px 0 rgba(15,23,42,.03)}.btn-sm{font-size:13px;min-height:34px}.form-control,.form-select{font-size:15px;min-height:44px;border-radius:12px}.form-label{font-size:13.5px}.form-text,.field-hint{font-size:12.5px}
.sidebar{background:#082b55!important}.sidebar-link{min-height:50px}.nav-label{font-size:14.5px}.nav-icon{font-size:18px}.sidebar-toggle,.mobile-menu-btn{box-shadow:0 6px 14px rgba(15,23,42,.07)}
.user-form-toggle,.integration-form-toggle,.integration-accordion-button{padding:20px 24px;border-radius:20px;transition:background .18s ease,box-shadow .18s ease}.user-form-toggle-title strong,.integration-form-toggle-title strong{font-size:16px}.user-form-toggle-title small,.integration-form-toggle-title small{font-size:13.5px}.user-form-body,.integration-form-body{padding:26px}.user-form-panel,.integration-form-panel{border-radius:20px;overflow:hidden}
.collapse{will-change:max-height,opacity}.collapse.show{overflow:visible}.integration-type-block{border-radius:18px;padding:20px;background:#fbfdff}.integration-type-header{font-size:15.5px}
.integration-toolbar{background:#fff;border:1px solid #e0e8f3;border-radius:20px;padding:20px 22px;margin:26px 0 16px;box-shadow:0 10px 28px rgba(15,23,42,.035)}.integration-toolbar h2{margin:0;color:#0f172a;font-size:22px;font-weight:760;letter-spacing:-.015em}.integration-toolbar p{margin:.25rem 0 0;color:#64748b;font-size:14px}
.integration-accordion-list{gap:14px}.integration-accordion-card{border-radius:20px;border-color:#dfe7f2;box-shadow:0 10px 30px rgba(15,23,42,.035);transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.integration-accordion-card:hover{border-color:#cad8ea;box-shadow:0 14px 34px rgba(15,23,42,.06)}.integration-accordion-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0}.integration-accordion-button{border-radius:20px 0 0 20px}.integration-accordion-title{display:block;min-width:0;flex:1}.integration-name-line strong{font-size:16px}.integration-host{font-size:13.5px}.integration-actions{padding-right:18px}.integration-accordion-body{padding:22px 24px;background:linear-gradient(180deg,#fff,#fbfdff);border-top:1px solid #e7edf5}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.integration-grid>span,.integration-grid>div{padding:14px;border:1px solid #e7edf5;border-radius:15px;background:#fff;color:#475569}.integration-grid>span strong,.integration-grid>div strong{color:#0f172a}.integration-test-box{border-radius:16px;padding:16px;background:#f8fbff}.integration-notes{margin-top:14px}
.list-card{border-radius:18px;padding:18px;box-shadow:0 1px 0 rgba(15,23,42,.02);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.list-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.05);border-color:#cad8ea}.list-main h3{font-size:17px}.list-meta{font-size:13.5px}.badge{font-size:11.5px}
.dashboard-welcome-body{padding:30px}.dashboard-welcome h1{font-size:30px}.dashboard-card h2{font-size:22px}.dashboard-card p{font-size:15px}
@media(max-width:900px){.topbar-logo{height:32px!important}.page-heading h1{font-size:27px}.integration-accordion-header{grid-template-columns:1fr}.integration-accordion-button{border-radius:20px}.integration-actions{padding:0 18px 16px;justify-content:flex-start}.integration-grid{grid-template-columns:1fr}.content-wrap{padding-top:26px}}
@media(max-width:600px){body{font-size:14.5px}.topbar-logo{height:29px!important}.page-heading h1{font-size:25px}.user-form-toggle,.integration-form-toggle,.integration-accordion-button{padding:18px}.user-form-body,.integration-form-body,.integration-accordion-body{padding:18px}.integration-toolbar{padding:18px}.integration-toolbar h2{font-size:20px}}


/* v21 - ajustes de ícones, logotipo e login */
.topbar-logo{height:40px!important;max-width:210px!important;object-fit:contain}
.login-card{width:min(480px,100%)!important;border-radius:26px!important}
.login-logo-box{height:132px!important;padding:30px!important}
.login-logo{max-height:64px!important;width:auto!important}
.login-card-body{padding:34px 34px 32px!important}
.login-card h1{font-size:30px!important;letter-spacing:-.02em}
.login-card p{font-size:15.5px!important}.login-eyebrow{font-size:12px!important}
.login-card .form-control,.login-card .input-group-text{min-height:48px!important;font-size:15.5px!important}
.login-card .auth-switch .btn{min-height:46px!important;font-size:15px!important}.btn-login{min-height:48px!important;font-size:15.5px!important}
.sidebar-link .nav-icon{font-size:18px}.sidebar-link.active .nav-icon{background:#ffffff;color:var(--blue)}
@media(max-width:900px){.topbar-logo{height:35px!important;max-width:190px!important}.login-card{width:min(460px,100%)!important}.login-logo-box{height:124px!important}.login-logo{max-height:58px!important}}
@media(max-width:600px){.topbar-logo{height:32px!important}.login-card-body{padding:28px 24px!important}.login-logo-box{height:116px!important}.login-logo{max-height:52px!important}.login-card h1{font-size:27px!important}}


/* v23 - estabilidade de topo/sidebar fixos e expansão aninhada */
html,body{min-height:100%}
.app-shell{padding-top:var(--topbar-h)!important}
.sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;height:100dvh!important;overflow:hidden!important;background:var(--navy)!important}
.sidebar-nav{max-height:calc(100vh - var(--topbar-h));max-height:calc(100dvh - var(--topbar-h));overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}
.app-topbar{position:fixed!important;top:0!important;right:0!important;background:#fff!important}
.content-wrap{min-height:calc(100vh - var(--topbar-h));position:relative;z-index:1}
.collapse{display:block!important;max-height:0;opacity:0;overflow:hidden;transition:max-height .32s ease,opacity .22s ease}
.collapse.show{display:block!important;opacity:1}
.integration-accordion-body{overflow:visible!important}
.integration-edit-box,.integration-test-box,.integration-notes{position:relative;z-index:1}
.integration-form-body{overflow:visible!important}
.integration-accordion-card{overflow:hidden}
.integration-accordion-card .collapse.show .collapse.show{overflow:visible!important}
@media(max-width:900px){.sidebar{height:100vh!important;height:100dvh!important}.app-topbar{left:0!important}.content-wrap{min-height:calc(100vh - var(--topbar-h))}}

/* v24 - topo/sidebar fixos e mapeamento de grupos AD */
:root{--topbar-z:1040;--sidebar-z:1050}
.app-shell{padding-top:var(--topbar-h)!important;min-height:100vh!important}
.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;z-index:var(--sidebar-z)!important;background:var(--navy)!important;overflow:hidden!important}
.app-topbar{position:fixed!important;top:0!important;right:0!important;z-index:var(--topbar-z)!important;background:#fff!important}
.sidebar-nav{overflow-y:auto!important;overflow-x:hidden!important;max-height:calc(100vh - var(--topbar-h))!important;max-height:calc(100dvh - var(--topbar-h))!important}
.content-wrap{min-height:calc(100vh - var(--topbar-h))!important}
.ad-role-map-card{border:1px solid #dbe6f3;border-radius:18px;background:#f8fbff;padding:18px}
.ad-role-map-card textarea.form-control{min-height:76px;resize:vertical}
.ad-group-tags span{background:#edf5ff;border-color:#cfe0f5;color:#082b55}
@media(max-width:900px){.app-topbar{left:0!important}.sidebar{z-index:1055!important}.sidebar-backdrop.show{z-index:1052!important}}

/* v25 - fixação real do topo/sidebar e permissões de administrador interno */
html, body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden !important;
}
body {
  overscroll-behavior: none;
}
.app-shell {
  position: relative !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  padding-top: var(--topbar-h) !important;
  padding-left: var(--sidebar-w) !important;
}
.app-shell.sidebar-collapsed {
  padding-left: var(--sidebar-mini) !important;
}
.sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  width: var(--sidebar-w) !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  transform: none !important;
  z-index: 1060 !important;
  background: var(--navy) !important;
  overflow: hidden !important;
  flex: none !important;
}
.app-shell.sidebar-collapsed .sidebar {
  width: var(--sidebar-mini) !important;
}
.app-topbar {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: var(--sidebar-w) !important;
  height: var(--topbar-h) !important;
  z-index: 1050 !important;
  background: #fff !important;
  flex: none !important;
  transform: translateZ(0);
}
.app-shell.sidebar-collapsed .app-topbar {
  left: var(--sidebar-mini) !important;
}
.content-wrap {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: calc(100vh - var(--topbar-h)) !important;
  height: calc(100dvh - var(--topbar-h)) !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.sidebar-nav {
  max-height: calc(100vh - var(--topbar-h)) !important;
  max-height: calc(100dvh - var(--topbar-h)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
@media (max-width: 900px) {
  .app-shell,
  .app-shell.sidebar-collapsed {
    padding-left: 0 !important;
  }
  .sidebar,
  .app-shell.sidebar-collapsed .sidebar {
    width: 270px !important;
    transform: translateX(-100%) !important;
  }
  .sidebar.show,
  .app-shell.sidebar-collapsed .sidebar.show {
    transform: translateX(0) !important;
  }
  .app-topbar,
  .app-shell.sidebar-collapsed .app-topbar {
    left: 0 !important;
  }
  .sidebar-backdrop.show {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1055 !important;
  }
}
/* Auditoria */
.audit-card .audit-description{margin-top:.45rem;color:var(--muted);font-size:14px}.audit-details summary{cursor:pointer;color:var(--blue);font-weight:600;font-size:13px}.audit-details pre{margin:.55rem 0 0 0;padding:.75rem;border-radius:12px;background:#f8fafc;border:1px solid var(--border-2);white-space:pre-wrap;word-break:break-word;font-size:12px;color:#334155}.audit-list .list-card{align-items:flex-start}

/* v39 - Clientes */
.form-section-title{display:flex;align-items:center;gap:.55rem;margin:1.3rem 0 .85rem;color:#0f172a;font-weight:760;font-size:15px}
.form-section-title i{color:var(--blue);font-size:18px}
.service-checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.service-check-card{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.7rem .85rem;border:1px solid var(--border-2);border-radius:14px;background:#fbfdff;color:#334155;font-weight:600;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}
.service-check-card:hover{border-color:#c8d8ec;background:#f8fbff}
.service-check-card input{width:1.05rem;height:1.05rem;accent-color:var(--blue)}
.client-list-card{flex-wrap:wrap}.client-list-card>.list-main{min-width:260px}.edit-panel{width:100%;padding:20px;border:1px solid #e0e8f3;border-radius:18px;background:#fbfdff}
.service-tags{display:flex;flex-wrap:wrap;gap:7px}.service-tags span,.ad-group-tags span{display:inline-flex;align-items:center;border:1px solid #cfe0f5;background:#edf5ff;color:#082b55;border-radius:999px;padding:.28rem .58rem;font-size:12px;font-weight:700}
.service-management-list{display:flex;flex-direction:column;gap:10px}.service-management-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:13px 14px;border:1px solid var(--border-2);border-radius:15px;background:#fff}.service-management-item small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}.empty-state.compact{min-height:54px;padding:12px;border-radius:14px}
@media(max-width:900px){.service-checkbox-grid{grid-template-columns:1fr}.service-management-item{align-items:flex-start;flex-direction:column}.client-list-card>.list-actions{width:100%;justify-content:flex-start}}

/* v40 - Pesquisa instantânea de clientes */
.client-search-panel .form-label{font-weight:760;color:#172033}.client-search-panel .form-control{min-height:46px}.client-list-card.d-none{display:none!important}

/* v41 - Informações do Cliente */
.client-information-card{align-items:flex-start;flex-wrap:wrap}.client-information-card .list-main{min-width:280px}.client-info-category .user-form-body{background:#fff}.info-description{margin:.75rem 0 0;color:#334155;white-space:normal}.info-technical-details{margin:.85rem 0 0;padding:1rem;border:1px solid var(--border-2);border-radius:14px;background:#f8fafc;color:#1e293b;white-space:pre-wrap;word-break:break-word;font-size:13px}.info-notes{margin:.85rem 0 0;color:var(--muted)}
@media(max-width:900px){.client-information-card>.list-actions{width:100%;justify-content:flex-start}}

.resource-field-values {
    margin-top: .75rem;
    padding: .8rem 1rem;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    background: #f8fafc;
    display: grid;
    gap: .35rem;
    font-size: .94rem;
}

/* v44 - Informações do Cliente e Tipos de Recursos */
.client-info-toolbar{padding:12px 14px!important}
.client-info-toolbar-inner{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%}
.client-info-search-box{flex:1 1 360px;max-width:520px}
.client-info-category-box{flex:0 0 260px;max-width:260px}
.client-info-toolbar .input-group-text,.client-info-toolbar .form-control,.client-info-toolbar .form-select{min-height:38px;font-size:14px;border-radius:10px}
.client-info-toolbar .input-group .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0;background:#f8fafc;color:#64748b}
.client-info-toolbar .input-group .form-control{border-top-left-radius:0;border-bottom-left-radius:0}
.client-info-resource-form .js-resource-type-select optgroup{font-weight:700;color:#082b55;background:#f8fafc}
.client-info-resource-form .js-resource-type-select option{font-weight:400;color:#0f172a;background:#fff}
.resource-field-card{align-items:flex-start!important;gap:14px}
.resource-field-card .list-main{padding-top:2px;min-width:220px}
.resource-field-card .list-main h3{line-height:1.25;margin:0 0 2px 0;word-break:break-word}
.resource-field-card .list-meta{align-items:center;margin-top:6px}
.resource-field-card .list-actions{align-items:flex-start;padding-top:0}
.resource-field-card .edit-panel{margin-top:14px}
@media(max-width:900px){.client-info-toolbar-inner{align-items:stretch;flex-direction:column}.client-info-search-box,.client-info-category-box{flex:1 1 auto;max-width:none;width:100%}.resource-field-card .list-actions{width:100%;justify-content:flex-start}}

/* v45 - Ajustes de Informações do Cliente e permissões por classificação */
.client-info-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;max-width:760px}
.client-info-compact-filter{width:210px;max-width:100%}
.client-info-compact-search{width:230px;max-width:100%}
.client-info-header-actions .form-select-sm,.client-info-header-actions .form-control,.client-info-header-actions .input-group-text{min-height:34px;font-size:.86rem;border-radius:9px}
.client-info-header-actions .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0;background:#f8fafc;color:#64748b}
.client-info-header-actions .input-group .form-control{border-top-left-radius:0;border-bottom-left-radius:0}
@media(max-width:1200px){.client-info-header-actions{justify-content:flex-start;width:100%;max-width:none}.client-info-compact-filter,.client-info-compact-search{width:240px}}
@media(max-width:700px){.client-info-header-actions{align-items:stretch;flex-direction:column}.client-info-compact-filter,.client-info-compact-search,.client-info-header-actions .btn{width:100%}}
.client-info-resource-form .js-resource-type-select optgroup{font-weight:inherit;color:inherit;background:inherit}

/* v47 - recursos do cliente, permissões e Zabbix */
.client-information-card.is-inactive {
    opacity: .72;
    background: #f8fafc;
}
.zabbix-status {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .95rem;
    border: 1px solid rgba(15, 23, 42, .1);
    background: #fff;
}
.zabbix-status-ok { color: #15803d; background: #ecfdf5; border-color: #bbf7d0; }
.zabbix-status-problem { color: #b45309; background: #fffbeb; border-color: #fde68a; }
.zabbix-status-disabled { color: #475569; background: #f1f5f9; border-color: #cbd5e1; }
.zabbix-status-missing { color: #64748b; background: #f8fafc; border-color: #e2e8f0; }
.zabbix-status-error { color: #b91c1c; background: #fef2f2; border-color: #fecaca; }
.resource-type-check {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 12px;
    padding: .7rem .8rem .7rem 2.25rem;
    background: #fff;
    min-height: 100%;
}
.resource-type-check .form-check-label {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    font-weight: 600;
    color: #0f172a;
}
.resource-type-check .form-check-label span {
    font-size: .78rem;
    font-weight: 500;
    color: #64748b;
}
.btn:hover,
.btn:focus,
.btn:active {
    text-decoration: none;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: #fff !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-success:hover,
.btn-outline-success:focus {
    color: #fff !important;
}

/* v48 - Alertas de atendimento e status de recursos */
.text-bg-warning{background:#ffedd5;color:#c2410c}
.text-bg-danger{background:#fee2e2;color:#b91c1c}
.client-information-card.is-inactive .badge.text-bg-warning{background:#fed7aa;color:#9a3412;border:1px solid #fdba74}
.client-attention-alerts{display:flex;flex-direction:column;gap:.75rem}
.client-attention-alert{display:flex;gap:.8rem;align-items:flex-start;border:1px solid;border-radius:16px;padding:14px 16px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.client-attention-alert-icon{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;font-size:1.05rem}
.client-attention-alert-title{font-weight:700;color:#0f172a;margin-bottom:.18rem}
.client-attention-alert-message{font-size:.95rem;color:#334155;line-height:1.45}
.client-attention-alert-info{border-color:#bae6fd;background:#f0f9ff}.client-attention-alert-info .client-attention-alert-icon{background:#dbeafe;color:#1d4ed8}
.client-attention-alert-warning{border-color:#fed7aa;background:#fff7ed}.client-attention-alert-warning .client-attention-alert-icon{background:#ffedd5;color:#c2410c}
.client-attention-alert-critical{border-color:#fecaca;background:#fef2f2}.client-attention-alert-critical .client-attention-alert-icon{background:#fee2e2;color:#b91c1c}
.client-alert-management .inner-card{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:16px}
.client-alert-list{display:flex;flex-direction:column;gap:.75rem}
.client-alert-management-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:16px;padding:14px;flex-wrap:wrap}
.client-alert-management-main{flex:1 1 360px;min-width:0}.client-alert-management-main p{color:#334155;line-height:1.45}
.zabbix-status-badge{display:inline-flex;align-items:center;gap:.38rem;border-radius:999px;border:1px solid rgba(15,23,42,.1);padding:.28rem .58rem;font-size:.76rem;font-weight:700;line-height:1;white-space:nowrap}
.zabbix-status-badge i{font-size:.95rem}.zabbix-status-badge span{display:inline-block}
.zabbix-status-ok{color:#15803d;background:#ecfdf5;border-color:#bbf7d0}.zabbix-status-problem{color:#b45309;background:#fffbeb;border-color:#fde68a}.zabbix-status-disabled{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.zabbix-status-missing{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.zabbix-status-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}
@media(max-width:700px){.zabbix-status-badge span{display:none}.client-alert-management-item .list-actions{width:100%;justify-content:flex-start}}

/* v50 - organização dos alertas fora do formulário principal do cliente */
.client-alerts-panel-separated{background:#fffdf7;border-color:rgba(245,158,11,.22)}
.client-alerts-panel-separated .client-alert-management{margin-top:0!important}
.client-alerts-panel-separated .form-section-title{margin-top:0}

/* v52 - Contratos: checklist de transição e projetos de melhorias */
.contract-panel-block {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
}
.stack-list {
    display: grid;
    gap: .75rem;
}
.stack-list-item {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    background: #f8fafc;
    padding: .9rem;
}
.stack-list-item small {
    display: block;
    color: #64748b;
    margin-top: .25rem;
}

/* v54 - contraste de hover dos botões e checklist simplificado */
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background: #eaf2ff !important;
    border-color: #86aee8 !important;
    color: var(--blue) !important;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus {
    background: #fff7ed !important;
    border-color: #fdba74 !important;
    color: #9a3412 !important;
}
.btn-outline-success:hover,
.btn-outline-success:focus {
    background: #ecfdf5 !important;
    border-color: #86efac !important;
    color: #047857 !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus {
    background: #fff1f2 !important;
    border-color: #fda4af !important;
    color: #be123c !important;
}
.compact-inline-form {
    background: #f8fbff;
    border: 1px solid #e6eef8;
    border-radius: 16px;
    padding: 14px;
}
.checklist-template-items .stack-list-item.compact {
    padding: 10px;
    border-radius: 14px;
}
.stack-list-item.is-done {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

/* v56 - Modelos de checklist separados e progresso na página Clientes */
.checklist-template-admin-list .checklist-template-card {
    background: #ffffff;
}
.checklist-assign-panel,
.assigned-checklists {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #f8fbff;
    padding: 14px;
}
.checklist-assign-panel h5,
.assigned-checklists h5 {
    font-size: .95rem;
    font-weight: 700;
    color: #0f2a44;
    margin-bottom: .75rem;
}
.assigned-checklist-group {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #ffffff;
    padding: 14px;
    margin-top: .75rem;
}
.assigned-checklist-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.assigned-checklist-header small {
    display: block;
    color: #64748b;
    margin-top: .15rem;
}
.assigned-checklist-progress {
    width: 210px;
    max-width: 100%;
    height: 8px;
}
.checklist-progress-pill {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 1px solid rgba(15, 23, 42, .08);
    background: #f8fafc;
    border-radius: 999px;
    padding: .28rem .55rem;
    min-width: 116px;
}
.checklist-progress-pill small {
    line-height: 1.05;
    color: #475569;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
}
.checklist-progress-circle {
    --progress: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    background: conic-gradient(#94a3b8 calc(var(--progress) * 1%), #e2e8f0 0);
    position: relative;
    flex: 0 0 auto;
}
.checklist-progress-circle::before {
    content: '';
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background: #fff;
}
.checklist-progress-circle span {
    position: relative;
    z-index: 1;
    font-size: .68rem;
    font-weight: 800;
    color: #334155;
}
.checklist-progress-pill.low .checklist-progress-circle { background: conic-gradient(#f97316 calc(var(--progress) * 1%), #ffedd5 0); }
.checklist-progress-pill.mid .checklist-progress-circle { background: conic-gradient(#eab308 calc(var(--progress) * 1%), #fef3c7 0); }
.checklist-progress-pill.done .checklist-progress-circle { background: conic-gradient(#16a34a calc(var(--progress) * 1%), #dcfce7 0); }
.checklist-progress-pill.empty .checklist-progress-circle { background: conic-gradient(#94a3b8 0%, #e2e8f0 0); }
@media(max-width:700px){.checklist-progress-pill{width:100%;justify-content:flex-start}.assigned-checklist-progress{width:100%}}

/* v57 - resource category management and checklist details */
.resource-category-admin-list .resource-category-admin-item,
.checklist-template-admin-list .checklist-template-card {
    align-items: stretch;
}

.checklist-new-item-panel,
.checklist-items-panel,
.client-checklist-details-panel {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
}

.client-checklist-popover-panel {
    display: grid;
    gap: 12px;
}

.client-checklist-summary-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 14px;
}

.client-checklist-mini-progress {
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
}

.client-checklist-mini-list {
    display: grid;
    gap: 6px;
}

.client-checklist-mini-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .88rem;
    color: #334155;
}

.client-checklist-mini-item.is-done span {
    color: #166534;
}

button.checklist-progress-pill {
    border: 1px solid #e2e8f0;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

button.checklist-progress-pill:hover,
button.checklist-progress-pill:focus {
    border-color: #0b3a66;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .12);
    color: #0f172a;
}

.checklist-assign-panel {
    border-left: 4px solid #0b3a66;
}

/* v59 - Personalização / whitelabel */
.login-body{
  background-color:var(--login-bg-color, #f3f6fa)!important;
  background-image:var(--login-bg-image, none)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.login-body::before{content:"";position:fixed;inset:0;background:rgba(243,246,250,.66);pointer-events:none;z-index:0}.login-body .login-card{position:relative;z-index:1}.login-footer-text{margin:1rem 0 0;color:rgba(255,255,255,.78);font-size:13px;text-align:center}.form-control-color{height:42px;min-width:64px;padding:.3rem}.branding-preview{border:1px solid var(--border-2);border-radius:18px;overflow:hidden;background:#f8fafc}.branding-preview-top{height:74px;background:#fff;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-2)}.branding-preview-top img{max-height:48px;max-width:220px;object-fit:contain}.branding-preview-body{display:flex;min-height:150px}.branding-preview-sidebar{width:76px;flex:0 0 76px}.branding-preview-content{padding:22px;display:flex;flex-direction:column;gap:8px;color:#172033}.branding-preview-content span{color:var(--muted);font-size:13px}.appearance-current-path{word-break:break-all;font-size:12px;color:var(--muted)}

/* v61 - Documentos PDF, URLs e auditoria detalhada */
.client-document-management .form-section-title { margin-top: 0; }
.client-document-list { display: grid; gap: 12px; }
.client-document-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
}
.client-document-main { flex: 1 1 320px; min-width: 0; }
.client-pdf-viewer { border: 1px solid #dbe4ef; border-radius: 14px; overflow: hidden; background: #f8fafc; }
.client-pdf-viewer iframe { display: block; width: 100%; height: 620px; border: 0; background: #fff; }
.audit-change-table .table { --bs-table-bg: #fff; }
.audit-change-table td { vertical-align: top; }
.audit-json-mini { max-height: 260px; overflow: auto; margin: 0; padding: 10px; border-radius: 10px; background: #f8fafc; border: 1px solid #e2e8f0; font-size: .82rem; white-space: pre-wrap; }
.audit-deleted-record { border-left: 4px solid #f59e0b; padding: 10px 12px; background: #fffbeb; border-radius: 10px; }
.resource-field-values a { color: #0b3a66; font-weight: 600; text-decoration: none; }
.resource-field-values a:hover { text-decoration: underline; color: #075985; }
@media(max-width:700px){.client-pdf-viewer iframe{height:420px}.client-document-item .list-actions{width:100%;justify-content:flex-start}}

/* v62 - Campos do tipo Tabela dinâmica */
.resource-dynamic-table-editor {
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    padding: 12px;
    background: #f8fafc;
}
.resource-dynamic-table-editor .table,
.resource-dynamic-table-view .table {
    --bs-table-bg: #fff;
    font-size: .92rem;
}
.resource-dynamic-table-editor th,
.resource-dynamic-table-view th {
    color: #0f172a;
    font-weight: 700;
    white-space: nowrap;
}
.resource-field-value-item.is-table {
    grid-column: 1 / -1;
}
.resource-field-value-item.is-table > strong {
    display: block;
    margin-bottom: 8px;
}
.resource-dynamic-table-view {
    margin-top: 6px;
}

/* v64 - Resource dynamic tables and icons */
.resource-field-value-item.is-table {
  display: block;
  width: 100%;
  margin-top: .85rem;
}
.resource-field-value-item.is-table .resource-table-title {
  display: block;
  margin-bottom: .45rem;
  color: var(--navy, #0b1f3a);
}
.resource-dynamic-table-view table,
.resource-dynamic-table-editor table {
  min-width: 640px;
}
.resource-dynamic-table-view th,
.resource-dynamic-table-editor th {
  white-space: nowrap;
  background: #f8fafc;
  color: #1f2937;
  font-weight: 700;
}
.resource-dynamic-table-view td,
.resource-dynamic-table-editor td {
  vertical-align: middle;
}

/* v70 - foto local de usuário */
.user-photo-thumb{border-radius:50%;overflow:hidden;background:#075e84;color:#fff;font-weight:800}.user-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.avatar-upload-box{padding:14px 16px;border:1px solid var(--border-2);border-radius:16px;background:#fbfdff}

/* v72 - Dashboard operacional v1 */
.dashboard-grid{display:grid;gap:14px}.dashboard-grid-top{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-metric-card{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid #e0e8f3;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.035);min-height:116px}.dashboard-metric-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;background:#edf5ff;color:var(--blue)}.dashboard-metric-body{min-width:0}.dashboard-metric-body span{display:block;color:#64748b;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dashboard-metric-body strong{display:block;margin-top:4px;color:#0f172a;font-size:28px;line-height:1;font-weight:800}.dashboard-metric-body small{display:block;margin-top:8px;color:#64748b;font-size:12.5px}.dashboard-tone-success .dashboard-metric-icon{background:#ecfdf5;color:#047857}.dashboard-tone-warning .dashboard-metric-icon{background:#fffbeb;color:#b45309}.dashboard-tone-danger .dashboard-metric-icon{background:#fff1f2;color:#be123c}.dashboard-tone-info .dashboard-metric-icon{background:#ecfeff;color:#0e7490}.dashboard-panel{padding:22px}.dashboard-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:16px}.dashboard-section-header h2{display:flex;align-items:center;gap:.55rem;margin:0;color:#0f172a;font-size:18px;font-weight:780;letter-spacing:-.015em}.dashboard-section-header h2 i{color:var(--blue)}.dashboard-section-header p{margin:.35rem 0 0;color:#64748b;font-size:13.5px}.dashboard-mini-list{display:flex;flex-direction:column;gap:10px}.dashboard-mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:11px 12px;border:1px solid #e7edf5;border-radius:14px;background:#fbfdff}.dashboard-mini-list span{font-size:13px;color:#64748b}.dashboard-mini-list strong{font-size:15px;color:#0f172a}.dashboard-progress-box{padding:13px;border:1px solid #e7edf5;border-radius:16px;background:#fbfdff}.dashboard-progress-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:10px}.dashboard-progress-top span{font-size:13px;color:#64748b}.dashboard-progress-top strong{font-size:18px}.dashboard-progress{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.dashboard-progress span{display:block;height:100%;border-radius:inherit;background:var(--blue)}.dashboard-panel-note{margin:14px 0 0;color:#64748b;font-size:12.5px}.dashboard-attention-list,.dashboard-activity-list{display:flex;flex-direction:column;gap:10px}.dashboard-attention-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:13px 14px;border:1px solid #e7edf5;border-radius:15px;background:#fff;color:inherit;transition:border-color .16s,box-shadow .16s,transform .16s}.dashboard-attention-item:hover{border-color:#cad8ea;box-shadow:0 10px 24px rgba(15,23,42,.045);transform:translateY(-1px)}.dashboard-attention-item strong{display:block;font-size:14.5px}.dashboard-attention-item span{display:block;margin-top:3px;color:#64748b;font-size:12.5px}.dashboard-attention-item i{color:#94a3b8}.dashboard-activity-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #e7edf5;border-radius:15px;background:#fff}.dashboard-activity-dot{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:5px}.dashboard-activity-item strong{display:block;font-size:13.5px;color:#0f172a}.dashboard-activity-item span{display:block;margin-top:3px;color:#475569;font-size:12.8px;line-height:1.35}.dashboard-activity-item small{display:block;margin-top:5px;color:#94a3b8;font-size:12px}
@media(max-width:1200px){.dashboard-grid-top{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.dashboard-grid-top{grid-template-columns:1fr}.dashboard-metric-card{min-height:auto}.dashboard-metric-body strong{font-size:24px}}

/* Dashboard v2 charts */
.dashboard-chart-bars{display:flex;flex-direction:column;gap:13px}.dashboard-chart-row{display:flex;flex-direction:column;gap:7px}.dashboard-chart-label{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-chart-label span{color:#475569;font-size:13px;font-weight:650}.dashboard-chart-label strong{color:#0f172a;font-size:13px;font-weight:800}.dashboard-chart-track{height:12px;border-radius:999px;background:#eef3f9;overflow:hidden;border:1px solid #e3ebf5}.dashboard-chart-fill{display:block;height:100%;border-radius:inherit;background:var(--blue);min-width:4px}.dashboard-chart-tone-success{background:#059669}.dashboard-chart-tone-warning{background:#d97706}.dashboard-chart-tone-danger{background:#e11d48}.dashboard-chart-tone-info{background:#0891b2}.dashboard-chart-tone-primary{background:var(--blue)}.dashboard-chart-tone-muted{background:#94a3b8}.dashboard-chart-legend{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-bottom:14px;color:#64748b;font-size:12px;font-weight:700}.dashboard-chart-legend span{display:inline-flex;align-items:center;gap:.38rem}.dashboard-legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--blue)}.dashboard-legend-dot.success{background:#059669}.dashboard-legend-dot.danger{background:#e11d48}.dashboard-login-chart{display:flex;flex-direction:column}.dashboard-login-bars{height:230px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;padding:12px 8px 0;border:1px solid #e7edf5;border-radius:18px;background:#fbfdff}.dashboard-login-day{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;text-align:center;min-width:0}.dashboard-login-columns{height:180px;display:flex;align-items:flex-end;justify-content:center;gap:5px}.dashboard-login-bar{width:15px;border-radius:9px 9px 3px 3px;min-height:4px;background:var(--blue);box-shadow:0 6px 14px rgba(15,23,42,.08)}.dashboard-login-bar.success{background:#059669}.dashboard-login-bar.danger{background:#e11d48}.dashboard-login-day small{color:#64748b;font-size:11.5px;font-weight:700}.dashboard-panel .empty-state.compact{min-height:146px;justify-content:center;border:1px dashed #d9e4f2;border-radius:16px;background:#fbfdff}
@media(max-width:760px){.dashboard-login-bars{height:190px;gap:6px;padding-left:4px;padding-right:4px}.dashboard-login-columns{height:145px}.dashboard-login-bar{width:10px}.dashboard-chart-label span{font-size:12.5px}}

/* v74 - Dashboard donuts and Aprendizado */
.dashboard-donut-wrap{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center;padding:10px 2px}.dashboard-donut{width:190px;height:190px;border-radius:50%;background:var(--dashboard-donut-gradient);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)}.dashboard-donut-center{width:112px;height:112px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(15,23,42,.08);text-align:center}.dashboard-donut-center strong{font-size:28px;line-height:1;color:#0f172a;font-weight:850}.dashboard-donut-center span{margin-top:4px;font-size:12px;color:#64748b;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.dashboard-donut-legend{display:flex;flex-direction:column;gap:9px}.dashboard-donut-legend-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px 11px;border:1px solid #e7edf5;border-radius:13px;background:#fbfdff}.dashboard-donut-legend-item span{display:inline-flex;align-items:center;gap:.5rem;color:#475569;font-size:13px;font-weight:700}.dashboard-donut-legend-item strong{color:#0f172a;font-size:13.5px}.dashboard-donut-legend-item small{color:#94a3b8;font-size:11px;font-weight:750}.dashboard-legend-dot.warning{background:#d97706}.dashboard-legend-dot.info{background:#0891b2}.dashboard-legend-dot.primary{background:#2563eb}.dashboard-legend-dot.muted{background:#94a3b8}
.learning-hero{display:flex;align-items:flex-start;gap:18px;padding:24px}.learning-hero-icon{width:58px;height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#edf5ff;color:var(--blue);font-size:26px;flex:none}.learning-hero h2{margin:0 0 6px;color:#0f172a;font-size:21px;font-weight:800}.learning-hero p{margin:0;color:#64748b;line-height:1.55}.learning-filter{display:grid;grid-template-columns:minmax(0,1fr) 260px auto auto;gap:12px;align-items:center;padding:14px}.learning-search{display:flex;align-items:center;gap:.65rem;border:1px solid #dbe6f2;border-radius:14px;padding:0 13px;background:#fff}.learning-search i{color:#94a3b8}.learning-search input{width:100%;height:42px;border:0;outline:0;background:transparent;color:#0f172a}.learning-category-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.learning-category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:94px;padding:14px;border:1px solid #e0e8f3;border-radius:18px;background:#fff;color:#334155;text-align:center;box-shadow:0 10px 28px rgba(15,23,42,.025);transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}.learning-category-card:hover,.learning-category-card.active{border-color:#b8cbe4;background:#f8fbff;box-shadow:0 14px 32px rgba(15,23,42,.045);transform:translateY(-1px)}.learning-category-card i{font-size:22px;color:var(--blue)}.learning-category-card span{font-size:13px;font-weight:750}.learning-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:4px 0 14px}.learning-section-title h2{margin:0;color:#0f172a;font-size:20px;font-weight:820}.learning-section-title p{margin:4px 0 0;color:#64748b;font-size:13.5px}.learning-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.learning-featured-card{padding:18px;color:inherit;transition:border-color .16s,box-shadow .16s,transform .16s}.learning-featured-card:hover{border-color:#b8cbe4;box-shadow:0 14px 32px rgba(15,23,42,.045);transform:translateY(-1px)}.learning-featured-card span{color:var(--blue);font-size:11.5px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.learning-featured-card strong{display:block;margin-top:8px;color:#0f172a;font-size:16px;line-height:1.25}.learning-featured-card small{display:block;margin-top:8px;color:#64748b;font-size:12.8px;line-height:1.45}.learning-article-list{display:flex;flex-direction:column;gap:16px}.learning-article{padding:22px}.learning-article-header{display:flex;align-items:flex-start;gap:15px}.learning-article-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#edf5ff;color:var(--blue);font-size:21px;flex:none}.learning-article-category{display:inline-block;margin-bottom:4px;color:var(--blue);font-size:11.5px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.learning-article h3{margin:0;color:#0f172a;font-size:20px;font-weight:820}.learning-article-header p{margin:7px 0 0;color:#64748b;line-height:1.5}.learning-meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.learning-meta span{display:inline-flex;align-items:center;gap:.38rem;padding:6px 9px;border:1px solid #e7edf5;border-radius:999px;background:#fbfdff;color:#475569;font-size:12px;font-weight:700}.learning-steps{padding:16px 16px 14px;border:1px solid #e7edf5;border-radius:16px;background:#fbfdff}.learning-steps h4,.learning-tips h4{margin:0 0 10px;color:#0f172a;font-size:14px;font-weight:820}.learning-steps ol{margin:0;padding-left:1.2rem;color:#334155}.learning-steps li{margin:7px 0;line-height:1.48}.learning-tips{margin-top:12px;padding:14px 16px;border-radius:16px;background:#fffbeb;border:1px solid #fde8b8}.learning-tips h4{display:flex;align-items:center;gap:.5rem;color:#92400e}.learning-tips ul{margin:0;padding-left:1.1rem;color:#7c2d12}.learning-tips li{margin:6px 0;line-height:1.45}
@media(max-width:1200px){.learning-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.learning-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-donut-wrap{grid-template-columns:1fr}.dashboard-donut{margin:0 auto}.dashboard-donut-legend{max-width:440px;margin:0 auto;width:100%}}@media(max-width:760px){.learning-filter{grid-template-columns:1fr}.learning-category-grid,.learning-featured-grid{grid-template-columns:1fr}.learning-hero{display:block}.learning-hero-icon{margin-bottom:14px}.learning-article-header{display:block}.learning-article-icon{margin-bottom:12px}.dashboard-donut{width:170px;height:170px}.dashboard-donut-center{width:100px;height:100px}}

/* v75 - Serviços contratados detalhados */
.contracted-service-form-list{display:grid;gap:14px}
.contracted-service-form-card{border:1px solid #d9e5f4;background:#f8fbff;border-radius:18px;padding:14px}
.contracted-service-form-header{display:flex;align-items:flex-start;gap:10px;margin:0;cursor:pointer}
.contracted-service-form-header input{margin-top:4px}
.contracted-service-form-header span{display:flex;flex-direction:column;gap:2px}
.contracted-service-form-header small{color:#64748b;font-weight:500}
.contracted-services-details-panel{display:grid;gap:12px}
.contracted-service-detail-card{border:1px solid #d9e5f4;background:#fff;border-radius:18px;padding:14px;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.contracted-service-detail-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#0f172a}
.contracted-service-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:8px}
.contracted-service-detail-grid div{border:1px solid #e5edf7;background:#f8fbff;border-radius:12px;padding:9px 10px}
.contracted-service-detail-grid small{display:block;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.contracted-service-detail-grid span{font-weight:700;color:#0f172a}
.contracted-service-detail-notes{margin:8px 0 0;color:#334155;white-space:normal}
.contracted-services-panel-separated{background:#fbfdff}

/* v76 - Templates de Comunicação */
.template-variable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.template-variable-item{display:flex;gap:.6rem;align-items:flex-start;padding:.7rem .8rem;border:1px solid var(--border-2);border-radius:14px;background:#fbfdff}.template-variable-item code{white-space:nowrap;color:#0f3c70;font-weight:800}.template-variable-item span{color:var(--muted);font-size:13px}.template-main{min-width:260px;flex:1}.template-actions{min-width:210px}.template-preview{padding:.8rem;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#334155}.template-preview-subject{margin:.35rem 0 .45rem;font-weight:760;color:#0f172a}.template-preview pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13px;color:#475569;background:transparent;border:0;padding:0}.template-card .edit-panel{background:#f8fbff}@media (max-width: 800px){.template-variable-grid{grid-template-columns:1fr}.template-actions{justify-content:flex-start!important;min-width:0}}

.client-more-actions-panel {
    border: 1px solid rgba(8, 43, 85, .12);
    background: #f8fafc;
    border-radius: 14px;
    padding: 12px;
}
.client-communication-panel textarea {
    min-height: 180px;
}

/* v80 - Templates HTML e pré-visualização de comunicação */
.template-html-preview,
.communication-html-preview{
    width:100%;
    min-height:360px;
    border:1px solid #d9e5f4;
    border-radius:14px;
    background:#fff;
}
.communication-send-preview{
    border:1px solid #d9e5f4;
    border-radius:16px;
    background:#f8fbff;
    padding:14px;
}
.communication-send-preview-subject{
    margin-bottom:10px;
    padding:9px 11px;
    border:1px solid #e5edf7;
    border-radius:12px;
    background:#fff;
    color:#0f172a;
    font-weight:760;
}
.communication-text-preview{
    margin:0;
    min-height:160px;
    max-height:420px;
    overflow:auto;
    white-space:pre-wrap;
    word-break:break-word;
    border:1px solid #d9e5f4;
    border-radius:14px;
    background:#fff;
    color:#334155;
    padding:12px;
    font-family:inherit;
}

/* Relatórios - seletor compacto */
.report-selector-toolbar .form-label {
    color: var(--text);
}
.report-selected-summary {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #f8fafc;
    padding: .85rem 1rem;
    min-height: 76px;
}
.report-filter-form {
    margin-top: .25rem;
}
.report-table th,
.report-table td {
    white-space: nowrap;
}
@media (max-width: 767.98px) {
    .report-selected-summary {
        min-height: auto;
    }
}

/* v97 - estabilização da página Clientes e organização de serviços no contrato */
.client-list-card{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center!important;
  gap:14px;
}
.client-list-card>.list-icon{grid-column:1;grid-row:1}
.client-list-card>.list-main{grid-column:2;grid-row:1;min-width:0!important}
.client-list-card>.list-actions{grid-column:3;grid-row:1;justify-content:flex-end;max-width:520px}
.client-list-card>.collapse,
.client-list-card>.edit-panel,
.client-list-card>.w-100{grid-column:1 / -1}
@media(max-width:1100px){
  .client-list-card{grid-template-columns:48px minmax(0,1fr)}
  .client-list-card>.list-actions{grid-column:1 / -1;grid-row:auto;width:100%;justify-content:flex-start;max-width:none;padding-top:2px}
}
@media(max-width:600px){
  .client-list-card{grid-template-columns:1fr}
  .client-list-card>.list-icon,.client-list-card>.list-main,.client-list-card>.list-actions{grid-column:1;grid-row:auto;width:100%}
  .client-list-card>.list-icon{width:48px}
}
.service-assignment-board{display:grid;gap:14px;border:1px solid #d9e5f4;border-radius:18px;background:#fff;padding:14px}
.service-assignment-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:2px 2px 10px;border-bottom:1px solid #e7edf5}
.service-assignment-toolbar strong{display:block;color:#0f172a;font-weight:820}
.service-assignment-toolbar small{display:block;margin-top:3px;color:#64748b;font-size:12.5px;line-height:1.35}
.service-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.service-selection-card{display:grid;grid-template-columns:auto 38px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:12px;border:1px solid #dbe6f3;border-radius:16px;background:#f8fbff;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s}
.service-selection-card:hover{border-color:#b8cbe4;box-shadow:0 10px 24px rgba(15,23,42,.045);transform:translateY(-1px)}
.service-selection-card.is-selected{background:#edf5ff;border-color:#9fc1eb;box-shadow:0 10px 26px rgba(22,101,216,.08)}
.service-selection-card input{width:18px;height:18px;margin:0;accent-color:var(--blue)}
.service-selection-icon{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--blue);border:1px solid #dbe6f3;flex:none}
.service-selection-main{min-width:0;display:flex;flex-direction:column;gap:2px}
.service-selection-main strong{color:#0f172a;font-size:14px;font-weight:800;line-height:1.2}
.service-selection-main small{color:#64748b;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-selection-status{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:#64748b;border:1px solid #dbe6f3;border-radius:999px;padding:5px 8px;background:#fff;white-space:nowrap}
.service-selection-card.is-selected .service-selection-status{background:var(--blue);border-color:var(--blue);color:#fff}
.service-detail-panels{display:grid;gap:12px}
.service-detail-panel{border:1px solid #d9e5f4;border-radius:16px;background:#fbfdff;padding:14px}
.service-detail-panel[hidden]{display:none!important}
.service-detail-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:8px}
.service-detail-panel-header strong{display:block;color:#0f172a;font-size:15px;font-weight:820}
.service-detail-panel-header small{display:block;margin-top:3px;color:#64748b;font-size:12px}
.service-no-selection{background:#fbfdff}
@media(max-width:700px){
  .service-assignment-toolbar,.service-detail-panel-header{display:block}
  .service-assignment-toolbar .badge,.service-detail-panel-header .badge{margin-top:8px}
  .service-selection-grid{grid-template-columns:1fr}
  .service-selection-card{grid-template-columns:auto 34px minmax(0,1fr);align-items:flex-start}
  .service-selection-status{grid-column:2 / -1;justify-self:start}
}

/* v98 - correção visual de Clientes e serviços do contrato */
.client-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.client-list-card{
  width:100%;
  min-width:0;
  overflow:visible;
  background:#fff;
}
.client-list-card .list-main h3{
  margin:0;
  word-break:normal;
  overflow-wrap:anywhere;
}
.client-list-card .list-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
  margin-top:8px;
}
.client-list-card .list-meta span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:0;
}
.client-more-actions-panel,
.client-alerts-panel-separated,
.contracted-services-panel-separated,
.client-checklist-details-panel{
  width:100%;
}
.client-alert-management-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:14px;
  padding:14px;
  border:1px solid var(--border-2);
  border-radius:16px;
  background:#fff;
  margin-bottom:10px;
}
.client-alert-management-item>.collapse{grid-column:1 / -1}
.client-alert-management-main{min-width:0}
@media(max-width:760px){
  .client-alert-management-item{grid-template-columns:1fr}
  .client-alert-management-item .list-actions{justify-content:flex-start}
}
.service-selection-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  align-items:stretch;
}
.service-selection-card{
  grid-template-columns:22px 42px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:96px;
}
.service-selection-card input{align-self:center}
.service-selection-icon{width:42px!important;height:42px!important}
.service-selection-main{
  min-width:0!important;
  width:100%;
  display:flex!important;
  flex-direction:column;
  gap:4px!important;
}
.service-selection-main strong{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.25!important;
}
.service-selection-main small{
  white-space:normal!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.service-selection-status{
  align-self:flex-start;
  margin-top:3px;
  max-width:100%;
}
@media(max-width:700px){
  .service-selection-grid{grid-template-columns:1fr!important}
  .service-selection-card{grid-template-columns:22px 38px minmax(0,1fr)!important}
  .service-selection-status{grid-column:auto!important;justify-self:start!important}
}

/* v99 - Organização das ações dos clientes na página Contratos */
.contract-client-actions{position:relative;align-items:center;gap:.45rem;flex-wrap:nowrap!important;max-width:none!important}
.contract-client-actions>.btn{white-space:nowrap}
.contract-more-actions{position:relative;display:inline-block}
.contract-more-actions>summary{list-style:none;display:inline-flex;align-items:center;cursor:pointer;user-select:none;margin:0}
.contract-more-actions>summary::-webkit-details-marker{display:none}
.contract-more-actions[open]>summary{background:#f8fafc;border-color:#b8cbe4;color:#0f172a}
.contract-more-actions-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:250px;padding:10px;border:1px solid #dbe6f3;border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.14)}
.contract-more-actions-menu::before{content:"";position:absolute;right:18px;top:-7px;width:12px;height:12px;background:#fff;border-left:1px solid #dbe6f3;border-top:1px solid #dbe6f3;transform:rotate(45deg)}
.contract-more-actions-group{padding:4px 0}.contract-more-actions-group+.contract-more-actions-group{margin-top:6px;padding-top:8px;border-top:1px solid #edf2f7}
.contract-more-actions-label{display:block;margin:0 8px 4px;font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}
.contract-more-actions-group form{margin:0}
.contract-more-action-item{width:100%;display:flex;align-items:center;gap:.55rem;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#334155;text-align:left;text-decoration:none;font-size:13px;font-weight:650;line-height:1.2}
.contract-more-action-item:hover{background:#f1f6ff;color:var(--blue);text-decoration:none}.contract-more-action-item i{width:18px;text-align:center;font-size:15px;flex:none}.contract-more-actions-danger-zone .contract-more-action-item:hover{background:#fff7ed}.contract-more-action-item.text-danger:hover{background:#fef2f2;color:#b91c1c!important}.contract-more-action-item.text-warning:hover{background:#fffbeb;color:#a16207!important}.contract-more-action-item.text-success:hover{background:#ecfdf5;color:#047857!important}
@media(max-width:1100px){.contract-client-actions{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%}.contract-more-actions-menu{right:auto;left:0}.contract-more-actions-menu::before{right:auto;left:22px}}
@media(max-width:600px){.contract-client-actions>.btn,.contract-more-actions,.contract-more-actions>summary{width:100%;justify-content:center}.contract-more-actions-menu{position:static;min-width:0;width:100%;margin-top:8px}.contract-more-actions-menu::before{display:none}}

/* v100 - correção de sobreposição do menu Mais ações em Contratos */
.client-list-card,
.contracts-client-list,
.contracts-section,
.contract-panel-block {
  overflow: visible;
}
.client-list-card.contract-actions-open,
.client-list-card:has(.contract-more-actions[open]) {
  position: relative;
  z-index: 1500;
}
.contract-client-actions {
  position: relative;
  z-index: 20;
}
.contract-more-actions {
  position: relative;
  z-index: 30;
}
.contract-more-actions[open] {
  z-index: 1600;
}
.contract-more-actions-menu {
  z-index: 1700 !important;
}
@media (min-width: 601px) {
  .contract-more-actions-menu {
    max-height: min(70vh, 520px);
    overflow-y: auto;
  }
}

/* v101 - Topologias do Cliente / draw.io */
.client-topologies-panel{overflow:visible}
.topology-create-form{padding:14px;border:1px solid #e6eef8;border-radius:16px;background:#f8fbff}
.topology-list{display:grid;gap:12px}
.topology-list-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid #e6eef8;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.045)}
.topology-list-icon{width:46px;height:46px;border-radius:16px;background:#eef5ff;color:var(--blue);display:grid;place-items:center;font-size:22px;flex:none}
.topology-list-main{min-width:0;display:flex;flex-direction:column;gap:2px}.topology-list-main strong{font-size:15px;color:#0f172a;overflow-wrap:anywhere}.topology-list-main span{font-size:12px;color:#64748b}.topology-list-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.topology-list-actions form{margin:0}.topology-editor-card{min-height:calc(100vh - 230px)}.topology-editor-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px}.topology-editor-title-field{min-width:280px;max-width:520px;flex:1}.topology-editor-status{font-size:13px;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px}.topology-editor-frame-wrap{height:calc(100vh - 300px);min-height:560px;border:1px solid #dbe6f3;border-radius:18px;overflow:hidden;background:#f8fafc}.topology-editor-frame{width:100%;height:100%;border:0;background:#fff}@media(max-width:760px){.topology-list-item{grid-template-columns:40px minmax(0,1fr)}.topology-list-actions{grid-column:1/-1;justify-content:flex-start}.topology-editor-toolbar{align-items:stretch;flex-direction:column}.topology-editor-title-field{min-width:0;max-width:none}.topology-editor-frame-wrap{height:70vh;min-height:420px}}

/* v103 - Diagramas do cliente */
.client-diagrams-panel{margin-top:2.2rem !important;border-top:3px solid #e5eef9}.client-diagrams-panel h3{font-size:1.15rem}.topology-fullscreen-editor{position:fixed;inset:0;z-index:5000;background:#f6f8fc;display:flex;flex-direction:column;min-width:0}.topology-fullscreen-bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,520px) minmax(360px,auto);gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid #dbe6f3;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.08)}.topology-fullscreen-left{display:flex;align-items:center;gap:14px;min-width:0}.topology-fullscreen-left h1{margin:0;color:#0f172a;font-size:17px;font-weight:850}.topology-fullscreen-left p{margin:2px 0 0;color:#64748b;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.topology-fullscreen-title{min-width:0}.topology-fullscreen-title .form-control{min-height:34px}.topology-fullscreen-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.topology-fullscreen-actions .topology-editor-status{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topology-fullscreen-frame-wrap{flex:1;min-height:0;background:#fff}.topology-fullscreen-frame-wrap .topology-editor-frame{width:100%;height:100%;border:0;background:#fff}.topology-draft-alert{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid #fde8b8;background:#fffbeb;color:#92400e;font-size:13px}.topology-draft-alert span{flex:1}.topology-draft-alert form{margin:0}.topology-editor-status.is-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.topology-editor-status.is-warning{color:#92400e;background:#fffbeb;border-color:#fde8b8}.topology-editor-status.is-danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.topology-editor-status.is-muted{color:#64748b;background:#f8fafc;border-color:#e2e8f0}@media(max-width:1120px){.topology-fullscreen-bar{grid-template-columns:1fr;align-items:stretch}.topology-fullscreen-left,.topology-fullscreen-actions{justify-content:space-between}.topology-fullscreen-actions{flex-wrap:wrap}.topology-fullscreen-actions .topology-editor-status{max-width:none;flex:1 1 100%}}@media(max-width:720px){.topology-fullscreen-bar{padding:10px}.topology-fullscreen-left{align-items:flex-start;flex-direction:column}.topology-fullscreen-actions{justify-content:flex-start}.topology-draft-alert{align-items:flex-start;flex-direction:column}}


/* v104 - correções de Diagramas e filtro de categorias */
.diagram-editor-page{margin:0!important;padding:0!important;overflow:hidden!important;background:#f6f8fc!important;width:100vw;height:100vh;height:100dvh}.diagram-editor-page .topology-fullscreen-editor{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important}.diagram-editor-page .topology-fullscreen-bar{position:relative!important;z-index:2!important;flex:0 0 auto!important}.diagram-editor-page .topology-fullscreen-frame-wrap{position:relative!important;z-index:1!important;flex:1 1 auto!important;min-height:0!important;height:auto!important}.diagram-editor-page .topology-editor-frame{display:block!important;width:100%!important;height:100%!important;border:0!important}.client-info-category .collapse:not(.show){max-height:0!important;opacity:0!important;overflow:hidden!important}.client-info-category .collapse.show{display:block!important;max-height:none!important;opacity:1!important;overflow:visible!important}
/* v105 - visualização de diagramas em tela cheia e título somente leitura */
.topology-fullscreen-view .topology-fullscreen-bar{grid-template-columns:minmax(260px,1fr) minmax(260px,520px) minmax(360px,auto)}
.topology-readonly-title{min-height:34px;display:flex;align-items:center;border:1px solid #dbe6f3;border-radius:10px;background:#f8fafc;color:#0f172a;font-weight:750;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1120px){.topology-fullscreen-view .topology-fullscreen-bar{grid-template-columns:1fr}}

/* v106 - checklist acionável em Clientes e correção do menu Mais ações em Clientes Inativos */
.client-checklist-mini-item > span{
  flex:1 1 auto;
  min-width:0;
  overflow-wrap:anywhere;
}
.client-checklist-mini-action{
  margin:0 0 0 auto;
  flex:none;
}
.client-checklist-mini-action .btn{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  padding:.22rem .5rem;
  font-size:.75rem;
  white-space:nowrap;
}
@media(max-width:640px){
  .client-checklist-mini-item{align-items:flex-start;flex-wrap:wrap}
  .client-checklist-mini-action{width:100%;margin-left:24px}
  .client-checklist-mini-action .btn{width:auto}
}
.client-list-card[data-client-status="inactive"] .contract-more-actions-menu{
  top:auto;
  bottom:calc(100% + 8px);
}
.client-list-card[data-client-status="inactive"] .contract-more-actions-menu::before{
  top:auto;
  bottom:-7px;
  border-left:0;
  border-top:0;
  border-right:1px solid #dbe6f3;
  border-bottom:1px solid #dbe6f3;
}
@media(max-width:600px){
  .client-list-card[data-client-status="inactive"] .contract-more-actions-menu{
    position:static;
    top:auto;
    bottom:auto;
  }
}

/* v107 - escopo de atendimento por clientes alocados na página Usuários */
.user-scope-summary {
    min-height: 92px;
    max-height: 160px;
    overflow-y: auto;
}

/* v110 - Organização visual dos campos dinâmicos de recursos */
.client-info-resource-form .js-resource-dynamic-fields > [class*="col-"] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.resource-form-subtitle,
.resource-display-subtitle {
    margin: .45rem 0 .2rem;
    padding: .35rem 0 .45rem;
    border-bottom: 2px solid #dbeafe;
    color: #082b55;
    font-weight: 850;
    font-size: 1rem;
}
.resource-form-subtitle span,
.resource-display-subtitle span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}
.resource-form-subtitle span::before,
.resource-display-subtitle span::before {
    content: "";
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    background: var(--blue, #0d6efd);
}
.resource-form-separator,
.resource-display-separator {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: .65rem 0 .35rem;
    color: #64748b;
    font-size: .84rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.resource-form-separator::before,
.resource-form-separator::after,
.resource-display-separator::before,
.resource-display-separator::after {
    content: "";
    height: 1px;
    background: #dbe4ef;
    flex: 1 1 auto;
}
.resource-form-separator:empty::before,
.resource-display-separator:empty::before {
    flex-basis: 100%;
}
.resource-form-separator:empty::after,
.resource-display-separator:empty::after {
    display: none;
}
.resource-field-kind-subtitle,
.resource-field-kind-separator {
    background: #fbfdff;
}
.resource-field-kind-subtitle .list-icon,
.resource-field-kind-separator .list-icon {
    background: #edf5ff;
    color: var(--blue, #0d6efd);
}

/* v111 - Informações do Cliente: cards de recursos expansíveis */
.client-resource-card{
    display:block;
    padding:0;
    overflow:hidden;
}
.client-resource-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:14px;
    width:100%;
}
.client-resource-toggle{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    gap:.85rem;
    border:0;
    background:transparent;
    padding:0;
    text-align:left;
    color:inherit;
}
.client-resource-toggle:hover .client-resource-title,
.client-resource-toggle:focus .client-resource-title{
    color:var(--blue);
}
.client-resource-summary-main{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:.35rem;
}
.client-resource-title-line{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.45rem;
}
.client-resource-title{
    color:#0f172a;
    font-size:1rem;
    font-weight:800;
    line-height:1.25;
    word-break:break-word;
}
.client-resource-meta{
    margin-top:0;
}
.client-resource-chevron{
    color:#64748b;
    transition:transform .16s ease;
    margin-left:.35rem;
}
.client-resource-toggle:not(.collapsed) .client-resource-chevron{
    transform:rotate(180deg);
}
.client-resource-actions{
    flex:0 0 auto;
    justify-content:flex-end;
    align-items:center;
}
.client-resource-detail-inner{
    padding:0 14px 14px 64px;
}
.client-resource-detail .resource-field-values{
    margin-top:.2rem;
}
@media(max-width:900px){
    .client-resource-summary{
        align-items:flex-start;
        flex-direction:column;
    }
    .client-resource-toggle{
        width:100%;
    }
    .client-resource-actions{
        width:100%;
        justify-content:flex-start;
    }
    .client-resource-detail-inner{
        padding:0 14px 14px 14px;
    }
}

/* v114 - Informações do Cliente: categorias mais compactas e vazias esmaecidas */
.client-info-category-grid{
    --bs-gutter-y:.65rem;
}
.client-info-category{
    margin-bottom:0;
}
.client-info-category .user-form-toggle{
    padding-top:.9rem;
    padding-bottom:.9rem;
}
.client-info-category .user-form-body{
    padding-top:.75rem;
    padding-bottom:.85rem;
}
.client-info-category .user-list{
    gap:.65rem;
}
.client-info-category.is-empty{
    background:linear-gradient(135deg,#fbfdff 0%,#f8fafc 100%);
    border:1px dashed #cbd5e1;
    box-shadow:none;
    opacity:.78;
}
.client-info-category.is-empty .user-form-toggle-title i{
    color:#94a3b8!important;
}
.client-info-category.is-empty .user-form-toggle-title strong{
    color:#475569;
}
.client-info-category.is-empty .user-form-toggle-title small{
    color:#94a3b8;
}
.client-info-empty-category-state{
    min-height:auto;
    padding:1rem;
    border:1px dashed #dbe4ef;
    background:#f8fafc;
    color:#64748b;
}
.client-info-empty-category-state small{
    display:block;
    margin-top:.25rem;
    color:#94a3b8;
}

/* v115 - Informações do Cliente: categorias vazias abaixo das categorias com recursos */
.client-info-empty-categories-separator{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin:.85rem 0 .15rem;
    color:#64748b;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.client-info-empty-categories-separator::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    background:linear-gradient(90deg,#cbd5e1,rgba(203,213,225,0));
}

/* v116 - menu do usuário compacto e card de diagramas fechado por padrão */
.topbar-user-menu{position:relative;margin-left:auto;display:flex;align-items:center;z-index:1065}
.topbar-user-menu summary{list-style:none}
.topbar-user-menu summary::-webkit-details-marker{display:none}
.topbar-user-trigger{display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;cursor:pointer;border-radius:50%;outline:none}
.topbar-user-trigger:focus-visible .user-avatar{box-shadow:0 0 0 4px rgba(22,101,216,.16),0 10px 20px rgba(7,94,132,.18)}
.topbar-user-trigger:hover .user-avatar{transform:translateY(-1px);box-shadow:0 12px 24px rgba(7,94,132,.23)}
.topbar-user-menu .user-avatar{transition:transform .16s ease,box-shadow .16s ease}
.topbar-user-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:260px;background:#fff;border:1px solid var(--border-2);border-radius:18px;box-shadow:0 22px 48px rgba(15,23,42,.16);padding:10px;z-index:1070;display:none}
.topbar-user-menu[open] .topbar-user-dropdown{display:block;animation:userMenuIn .16s ease-out}
@keyframes userMenuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.topbar-user-dropdown:before{content:"";position:absolute;right:16px;top:-7px;width:14px;height:14px;background:#fff;border-left:1px solid var(--border-2);border-top:1px solid var(--border-2);transform:rotate(45deg)}
.topbar-user-dropdown-head{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;padding:12px 12px 10px;border-bottom:1px solid var(--border-2);margin-bottom:8px;line-height:1.25}
.topbar-user-dropdown-head strong{font-size:14.5px;color:#0f172a;word-break:break-word}
.topbar-user-dropdown-head span{font-size:12.5px;color:var(--muted);font-weight:650}
.topbar-user-logout{position:relative;z-index:1;width:100%;display:flex;align-items:center;gap:9px;border:0;background:#fff;color:#b42318;border-radius:13px;padding:10px 12px;text-align:left;font-weight:750;cursor:pointer;transition:background .16s ease,color .16s ease}
.topbar-user-logout:hover{background:#fff1f2;color:#991b1b}
.client-diagrams-panel .user-form-toggle-title strong{display:block;font-size:16px;font-weight:750}.client-diagrams-panel .user-form-toggle-title small{display:block;margin-top:2px;color:#64748b;font-size:13.5px;font-weight:400}
@media(max-width:600px){.topbar-user-dropdown{right:-4px;width:min(260px,calc(100vw - 24px))}.topbar-user-menu .user-avatar{width:38px;height:38px}}

/* v128 - Classificações suaves, guia de uso e topo compacto em Informações do Cliente */
.classification-badge{
    --classification-color:#64748b;
    display:inline-flex!important;
    align-items:center;
    gap:.25rem;
    color:var(--classification-color)!important;
    background:color-mix(in srgb,var(--classification-color) 12%,#fff)!important;
    border:1px solid color-mix(in srgb,var(--classification-color) 28%,#fff)!important;
    box-shadow:none!important;
    font-weight:750;
    letter-spacing:.01em;
}
.classification-badge-public{--classification-color:#4CAF50}
.classification-badge-internal{--classification-color:#1976D2}
.classification-badge-protected{--classification-color:#FBC02D;color:#8a6500!important;background:rgba(251,192,45,.18)!important;border-color:rgba(251,192,45,.34)!important}
.classification-badge-restricted{--classification-color:#F57C00}
.classification-badge-secret{--classification-color:#D32F2F}
.classification-badge-top_secret{--classification-color:#4A148C}
.classification-badge:after{content:"?";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:999px;background:color-mix(in srgb,var(--classification-color) 16%,#fff);font-size:10px;font-weight:900;line-height:1;opacity:.75}
.classification-guide-card .classification-badge:after{display:none}
.classification-sharing-rule,.classification-notice{display:flex;align-items:flex-start;gap:.75rem;border:1px solid rgba(211,47,47,.22);background:linear-gradient(135deg,rgba(211,47,47,.06),rgba(74,20,140,.05));color:#334155;border-radius:16px;padding:13px 15px;line-height:1.45}
.classification-sharing-rule>i,.classification-notice>i{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;background:rgba(211,47,47,.1);color:#b91c1c;font-size:1.05rem}
.classification-sharing-rule strong,.classification-notice strong{color:#111827}
.classification-guide-table td{vertical-align:top}.classification-guide-table td:nth-child(2),.classification-guide-table td:nth-child(3){font-size:.92rem;color:#475569;line-height:1.45}
.client-info-page-heading{align-items:flex-start}.client-info-heading-main{min-width:260px;flex:1 1 auto}.client-info-title-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.client-info-client-chip{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.28rem .5rem;border:1px solid var(--border-2);border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.04);font-size:.9rem}.client-info-client-chip strong{font-weight:800;color:#0f172a}.client-info-page-heading p{margin-top:.35rem!important}
.client-alert-dropdown{position:relative}.client-alert-trigger{position:relative;min-width:36px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.client-alert-trigger.has-alerts{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.client-alert-trigger.has-critical-alerts{background:#fef2f2;border-color:#fecaca;color:#b91c1c;animation:clientAlertPulse 1.65s ease-in-out infinite}.client-alert-count{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:850;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 4px 12px rgba(220,38,38,.25)}
@keyframes clientAlertPulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.22)}50%{box-shadow:0 0 0 6px rgba(220,38,38,.08)}}
.client-alert-menu{width:min(430px,calc(100vw - 24px));padding:0;border:1px solid var(--border-2);border-radius:18px;box-shadow:0 22px 48px rgba(15,23,42,.18);overflow:hidden}.client-alert-menu-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:13px 15px;border-bottom:1px solid var(--border-2);background:#f8fafc}.client-alert-menu-header strong{font-size:.95rem;color:#0f172a}.client-alert-menu-header span{font-size:.78rem;color:#64748b;font-weight:700}.client-alert-menu-list{display:flex;flex-direction:column;gap:.55rem;padding:12px;max-height:360px;overflow:auto}.client-attention-alert-compact{box-shadow:none!important;margin:0;padding:11px 12px!important;border-radius:14px!important}.client-attention-alert-compact .client-attention-alert-icon{width:30px;height:30px;flex-basis:30px;font-size:.95rem}.client-attention-alert-compact .client-attention-alert-title{font-size:.9rem}.client-attention-alert-compact .client-attention-alert-message{font-size:.84rem}.client-alert-menu-empty{display:flex;align-items:center;gap:.5rem;padding:16px;color:#64748b;font-size:.9rem}.client-alert-menu-empty i{color:#16a34a}
@media(max-width:700px){.client-info-title-row{align-items:flex-start;flex-direction:column}.client-info-client-chip{border-radius:14px}.client-alert-dropdown,.client-alert-trigger{width:100%}.client-alert-trigger{justify-content:flex-start;padding-left:12px}.client-alert-trigger:after{content:"Alertas";margin-left:.5rem;font-weight:750}.client-alert-menu{width:100%}}

/* v129/v130 - ajustes de usabilidade das classificações e alertas */
.classification-badge{
    cursor:pointer;
    text-decoration:none!important;
}
.classification-badge:after{
    display:none!important;
    content:""!important;
}
.client-alert-dropdown.is-open .client-alert-menu,
.client-alert-menu.show{
    display:block!important;
}
.client-info-search-notice{
    order:20;
    flex:1 0 100%;
    margin:.2rem 0 0;
    padding:7px 10px!important;
    border-radius:12px!important;
    font-size:.8rem;
    line-height:1.35;
    gap:.5rem!important;
}
.client-info-search-notice>i{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
    font-size:.82rem!important;
}
.classification-learning-callout{
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1rem 1.15rem;
    border:1px solid rgba(25,118,210,.15);
    background:linear-gradient(135deg,rgba(25,118,210,.05),rgba(74,20,140,.04));
}
.classification-learning-callout-icon{
    width:42px;
    height:42px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    background:rgba(25,118,210,.1);
    color:#1976D2;
    font-size:1.1rem;
}
.classification-learning-callout h2{
    font-size:1rem;
    margin:0 0 .2rem;
    color:#0f172a;
}
.classification-learning-callout p{
    margin:0;
    color:#475569;
    font-size:.9rem;
    line-height:1.4;
}
.classification-learning-callout .btn{
    margin-left:auto;
    white-space:nowrap;
}
@media(max-width:700px){
    .classification-learning-callout{align-items:flex-start;flex-direction:column}
    .classification-learning-callout .btn{margin-left:0;width:100%}
}

/* v130 - estabilização do painel de alertas e aviso de classificação */
.client-alert-dropdown{position:relative!important;z-index:30}
.client-alert-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    inset:auto 0 auto auto!important;
    transform:none!important;
    width:min(520px,calc(100vw - 32px))!important;
    max-width:calc(100vw - 32px)!important;
    white-space:normal!important;
    overflow:visible!important;
    z-index:2050!important;
}
.client-alert-menu-list{
    max-height:min(460px,calc(100vh - 220px))!important;
    overflow:auto!important;
}
.client-attention-alert-compact .client-attention-alert-body{min-width:0;flex:1 1 auto}
.client-attention-alert-compact .client-attention-alert-title,
.client-attention-alert-compact .client-attention-alert-message{
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:normal;
}
.client-info-search-notice-below{
    margin:-.8rem 0 1rem!important;
    padding:6px 10px!important;
    font-size:.78rem!important;
    line-height:1.3!important;
    max-width:980px;
}
.client-info-search-notice-below>i{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:.8rem!important}
@media(max-width:700px){
    .client-alert-menu{position:static!important;width:100%!important;margin-top:8px;max-width:100%!important}
    .client-info-search-notice-below{margin:-.25rem 0 .9rem!important}
}

/* v131 - Clientes: cards compactos, completude e paginação */
.client-list-card{
    padding:12px 14px!important;
    gap:10px!important;
    min-height:0!important;
}
.client-list-card>.list-icon{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    font-size:18px!important;
}
.client-list-card .list-main h3{
    font-size:15.5px!important;
    line-height:1.22!important;
    margin:0!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.client-list-card .list-meta{
    margin-top:4px!important;
    gap:7px 10px!important;
    font-size:12.2px!important;
    line-height:1.25!important;
}
.client-list-card .list-actions{
    gap:.35rem!important;
}
.client-list-card .btn-sm{
    padding:.28rem .52rem;
    font-size:.78rem;
}
.client-completion-pill{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:5px 8px;
    border:1px solid #e2e8f0;
    border-radius:999px;
    background:#fff;
    color:#475569;
    min-width:116px;
    justify-content:flex-start;
}
.client-completion-pill small{
    font-size:10.5px;
    line-height:1.05;
    color:#64748b;
    white-space:nowrap;
}
.client-completion-circle{
    --completion:0;
    width:36px;
    height:36px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:conic-gradient(#64748b calc(var(--completion) * 1%), #e2e8f0 0);
    position:relative;
    flex:none;
}
.client-completion-circle::before{
    content:"";
    position:absolute;
    inset:5px;
    border-radius:50%;
    background:#fff;
}
.client-completion-circle span{
    position:relative;
    z-index:1;
    font-size:10px;
    font-weight:800;
    color:#334155;
}
.client-completion-pill.complete .client-completion-circle{background:conic-gradient(#16a34a calc(var(--completion) * 1%), #dcfce7 0)}
.client-completion-pill.partial .client-completion-circle{background:conic-gradient(#eab308 calc(var(--completion) * 1%), #fef3c7 0)}
.client-completion-pill.low .client-completion-circle{background:conic-gradient(#f97316 calc(var(--completion) * 1%), #ffedd5 0)}
.client-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
    padding-top:14px;
    margin-top:14px;
    border-top:1px solid var(--border-2);
}
.client-pagination .disabled{
    pointer-events:none;
    opacity:.45;
}
.client-pagination-ellipsis{
    color:#94a3b8;
    padding:0 4px;
}
@media(max-width:900px){
    .client-completion-pill{width:100%;max-width:180px;}
}

/* v132 - Clientes mais compactos e completude movida para Contratos */
.client-list-card{
    padding:8px 10px!important;
    gap:8px!important;
    align-items:center!important;
}
.client-list-card>.list-icon{
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
    font-size:16px!important;
}
.client-list-card .list-main h3{
    font-size:14.5px!important;
    line-height:1.15!important;
}
.client-list-card .list-main .d-flex.flex-wrap.align-items-center.gap-2{
    gap:5px!important;
}
.client-list-card .badge{
    font-size:10.5px!important;
    padding:.23rem .42rem!important;
}
.client-list-card .list-meta{
    margin-top:2px!important;
    gap:4px 8px!important;
    font-size:11.5px!important;
    line-height:1.15!important;
}
.client-list-card .list-meta span{
    gap:3px!important;
}
.client-list-card .list-actions{
    gap:.28rem!important;
    align-items:center!important;
}
.client-list-card .btn-sm{
    padding:.22rem .44rem!important;
    font-size:.74rem!important;
    line-height:1.2!important;
}
.client-list-card .checklist-progress-pill{
    transform:scale(.92);
    transform-origin:center right;
    margin:-3px -4px!important;
}
.contract-completion-pill{
    transform:scale(.92);
    transform-origin:center right;
    margin:-3px -4px!important;
}
@media(max-width:900px){
    .client-list-card{align-items:flex-start!important;}
    .client-list-card .list-actions{width:100%;justify-content:flex-start!important;}
    .contract-completion-pill{transform:none;margin:0!important;}
}

/* v133/v134 - barra superior, pesquisa global, fita da consciência e listagens paginadas */
.topbar-actions{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.topbar-client-search{
    position:relative;
    display:flex;
    align-items:center;
    gap:7px;
    width:min(340px, 36vw);
    min-width:210px;
    height:38px;
    padding:0 12px;
    border:1px solid rgba(15,23,42,.12);
    border-radius:999px;
    background:#fff;
    box-shadow:0 6px 18px rgba(15,23,42,.06);
}
.topbar-client-search>i{color:#64748b;font-size:.9rem;flex:none}
.topbar-client-search input{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    min-width:0;
    width:100%;
    font-size:.86rem;
    background:transparent;
}
.topbar-client-search-results{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    width:min(420px, 90vw);
    max-height:360px;
    overflow:auto;
    background:#fff;
    border:1px solid rgba(15,23,42,.12);
    border-radius:16px;
    box-shadow:0 18px 50px rgba(15,23,42,.18);
    z-index:1050;
    padding:6px;
}
.topbar-client-search-item{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:2px;
    text-align:left;
    border:0;
    background:transparent;
    padding:9px 10px;
    border-radius:12px;
    color:#172033;
    text-decoration:none;
}
.topbar-client-search-item:hover,.topbar-client-search-item:focus{background:#f1f5f9;color:#0f172a;outline:0}
.topbar-client-search-item strong{font-size:.88rem;line-height:1.2}
.topbar-client-search-item span{font-size:.76rem;color:#64748b;line-height:1.2}
.topbar-client-search-empty{padding:10px;color:#64748b;font-size:.84rem}
.topbar-ribbon{
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:var(--ribbon-color, #E91E63);
    background:color-mix(in srgb, var(--ribbon-color, #E91E63) 13%, white);
    border:1px solid color-mix(in srgb, var(--ribbon-color, #E91E63) 30%, white);
    text-decoration:none;
    font-size:1.05rem;
    flex:none;
}
.topbar-ribbon:hover{filter:saturate(1.1);transform:translateY(-1px)}
.client-list-card.client-card-tight{
    padding:6px 9px!important;
    gap:7px!important;
}
.client-list-card.client-card-tight .list-meta{
    max-height:2.5em;
    overflow:hidden;
}
.contract-filter-summary{font-size:.84rem;color:#64748b}
@media(max-width:900px){
    .topbar-actions{flex:1;justify-content:flex-end}
    .topbar-client-search{width:min(280px, 52vw);min-width:170px}
}
@media(max-width:640px){
    .topbar-client-search{display:none}
    .topbar-ribbon{width:34px;height:34px}
}


/* v134 - acabamento final da barra superior: pesquisa global e fita da consciência */
.topbar-actions{
    gap:12px;
}
.topbar-client-search{
    width:clamp(320px, 42vw, 560px);
    min-width:300px;
    height:44px;
    padding:0 15px;
    gap:9px;
    border-color:rgba(25,118,210,.18);
    background:linear-gradient(180deg,#fff,#f8fafc);
    transition:width .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, transform .18s ease;
}
.topbar-client-search:focus-within{
    width:clamp(380px, 48vw, 640px);
    border-color:rgba(25,118,210,.55);
    background:#fff;
    box-shadow:0 0 0 .22rem rgba(25,118,210,.13), 0 14px 36px rgba(15,23,42,.14);
    transform:translateY(-1px);
}
.topbar-client-search>i{
    font-size:1rem;
    transition:color .18s ease, transform .18s ease;
}
.topbar-client-search:focus-within>i{
    color:#1976D2;
    transform:scale(1.05);
}
.topbar-client-search input{
    font-size:.93rem;
    height:100%;
}
.topbar-client-search input::placeholder{
    color:#94a3b8;
}
.topbar-client-search.is-loading::after{
    content:"";
    width:14px;
    height:14px;
    border:2px solid rgba(25,118,210,.22);
    border-top-color:#1976D2;
    border-radius:999px;
    animation:infotecch-spin .7s linear infinite;
    flex:none;
}
@keyframes infotecch-spin{to{transform:rotate(360deg)}}
.topbar-client-search-results{
    width:min(560px, 92vw);
    max-height:min(420px, 70vh);
    padding:8px;
    border-radius:18px;
}
.topbar-client-search-item{
    padding:10px 12px;
}
.topbar-client-search-item strong{
    font-size:.92rem;
}
.topbar-client-search-item span{
    font-size:.79rem;
}
.topbar-ribbon{
    width:42px;
    height:42px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:12px;
    background:transparent;
    color:var(--ribbon-color, #E91E63);
    box-shadow:none;
    text-decoration:none;
    transition:transform .18s ease, filter .18s ease, background .18s ease;
}
.topbar-ribbon:hover,.topbar-ribbon:focus{
    background:color-mix(in srgb, var(--ribbon-color, #E91E63) 10%, transparent);
    transform:translateY(-1px) scale(1.04);
    filter:saturate(1.08);
    outline:0;
}
@media(max-width:1100px){
    .topbar-client-search{width:clamp(260px, 38vw, 420px);min-width:240px}
    .topbar-client-search:focus-within{width:clamp(300px, 44vw, 520px)}
}
@media(max-width:900px){
    .topbar-client-search{width:min(320px, 52vw);min-width:210px;height:40px}
    .topbar-client-search:focus-within{width:min(360px, 56vw)}
}
@media(max-width:640px){
    .topbar-client-search{display:none}
    .topbar-ribbon{width:36px;height:36px}
}

/* v135 - fita da consciência usando SVG oficial como máscara CSS */
.topbar-ribbon-mask{
    width:30px;
    height:30px;
    display:block;
    background:var(--ribbon-color, #E91E63);
    -webkit-mask:url('../img/awareness-ribbon.svg') no-repeat center / contain;
    mask:url('../img/awareness-ribbon.svg') no-repeat center / contain;
    filter:drop-shadow(0 5px 8px rgba(15,23,42,.16));
}
.topbar-ribbon:hover .topbar-ribbon-mask,
.topbar-ribbon:focus .topbar-ribbon-mask{
    filter:drop-shadow(0 6px 10px rgba(15,23,42,.18)) saturate(1.08);
}
@media(max-width:640px){
    .topbar-ribbon-mask{width:25px;height:25px}
}

/* v136 - fita da consciência agrupada com o menu do usuário */
.topbar-right{
    display:flex;
    align-items:center;
    gap:10px;
    flex:none;
    min-width:max-content;
}
.topbar-right .topbar-user-menu{
    margin-left:0;
}
.topbar-right .topbar-ribbon{
    order:0;
}
.topbar-right .topbar-user-menu{
    order:1;
}
@media(max-width:900px){
    .topbar-right{gap:8px;}
}
@media(max-width:640px){
    .topbar-right{gap:6px;}
}

/* v137 - busca global centralizada e fita mantida junto ao usuário */
.app-topbar{
    display:grid!important;
    grid-template-columns:minmax(160px,1fr) auto minmax(120px,1fr)!important;
    align-items:center!important;
    justify-content:normal!important;
    column-gap:16px!important;
}
.app-topbar .topbar-left{
    justify-self:start!important;
    min-width:0;
}
.app-topbar .topbar-actions{
    justify-self:center!important;
    margin-left:0!important;
    min-width:0!important;
    width:auto!important;
}
.app-topbar .topbar-right{
    justify-self:end!important;
    margin-left:0!important;
}
.app-topbar .topbar-client-search{
    width:clamp(360px, 42vw, 620px)!important;
    min-width:320px!important;
}
.app-topbar .topbar-client-search:focus-within{
    width:clamp(420px, 48vw, 700px)!important;
}
@media(max-width:1100px){
    .app-topbar{
        grid-template-columns:minmax(120px,.8fr) minmax(260px,1fr) minmax(100px,.8fr)!important;
        column-gap:10px!important;
    }
    .app-topbar .topbar-client-search,
    .app-topbar .topbar-client-search:focus-within{
        width:min(420px, 44vw)!important;
        min-width:260px!important;
    }
}
@media(max-width:900px){
    .app-topbar{
        display:flex!important;
        justify-content:space-between!important;
    }
    .app-topbar .topbar-actions{
        flex:1 1 auto!important;
        justify-content:center!important;
        margin-left:0!important;
    }
    .app-topbar .topbar-client-search,
    .app-topbar .topbar-client-search:focus-within{
        width:min(340px, 48vw)!important;
        min-width:210px!important;
    }
}
@media(max-width:640px){
    .app-topbar .topbar-actions{display:none!important;}
}

/* v141 - Fotos do ambiente: layout horizontal e responsivo */
/* v142 - Classificação efetiva recalculada em tempo real no backend */
.client-environment-photos-panel .user-form-body{background:#fff}
.environment-photo-grid{display:grid;grid-template-columns:1fr;gap:12px}
.environment-photo-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:14px;align-items:start;padding:14px 16px;border:1px solid var(--border-2);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.045)}
.environment-photo-card.is-inactive{opacity:.78;background:#f8fafc}
.environment-photo-thumb{width:120px;height:90px;border-radius:14px;overflow:hidden;border:1px solid var(--border-2);background:#f1f5f9;display:flex;align-items:center;justify-content:center}
.environment-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s ease}
.environment-photo-thumb:hover img{transform:scale(1.05)}
.environment-photo-body{min-width:0;align-self:center}
.environment-photo-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:4px}
.environment-photo-title-row strong{font-size:.98rem;color:#0f172a;line-height:1.2}
.environment-photo-meta{gap:10px;font-size:.8rem;line-height:1.25;flex-wrap:wrap;margin-bottom:4px}
.environment-photo-description{font-size:.84rem;color:#475569;margin:6px 0 0;line-height:1.35;word-break:break-word;max-width:880px}
.environment-photo-actions{display:grid;grid-template-columns:repeat(2,minmax(112px,auto));gap:7px;justify-content:end;align-self:center;min-width:236px}
.environment-photo-actions .btn{white-space:nowrap}
.environment-photo-actions form{display:contents}
.environment-photo-edit{grid-column:1 / -1;border-top:1px solid var(--border-2);margin-top:2px;padding-top:12px}
.environment-photo-edit .form-label{margin-bottom:.25rem;font-size:.78rem;color:#334155}
.environment-photo-form{border:1px solid var(--border-2);border-radius:16px;background:#f8fafc;padding:14px}
@media(max-width:900px){.environment-photo-card{grid-template-columns:104px minmax(0,1fr)}.environment-photo-thumb{width:104px;height:82px}.environment-photo-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:flex-start;min-width:0}.environment-photo-edit{grid-column:1 / -1}}
@media(max-width:640px){.environment-photo-card{grid-template-columns:1fr;padding:12px}.environment-photo-thumb{width:100%;height:170px}.environment-photo-body{align-self:auto}.environment-photo-actions{display:grid;grid-template-columns:1fr 1fr}.environment-photo-actions .btn{width:100%}}

/* v145 - Performance, status Zabbix assíncrono e preenchimento por recurso */
.resource-completion-ring{
    --completion:0%;
    flex:0 0 auto;
    width:42px;
    height:42px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:conic-gradient(currentColor var(--completion), #e5e7eb 0);
    color:#64748b;
    position:relative;
    font-size:.72rem;
    font-weight:800;
    line-height:1;
}
.resource-completion-ring::before{
    content:"";
    position:absolute;
    inset:5px;
    border-radius:50%;
    background:#fff;
}
.resource-completion-ring span{
    position:relative;
    z-index:1;
    color:#0f172a;
}
.resource-completion-complete{color:#15803d}
.resource-completion-good{color:#2563eb}
.resource-completion-partial{color:#b45309}
.resource-completion-low{color:#b91c1c}
.zabbix-status-checking{color:#475569;background:#f8fafc;border-color:#e2e8f0}
.zabbix-status-unknown{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}
[data-zabbix-status] .bi-arrow-repeat{animation:infotecch-spin 1s linear infinite}
@keyframes infotecch-spin{to{transform:rotate(360deg)}}

/* v168 - Atendimento suspenso */
.service-suspended-switch {
    padding: .35rem .6rem;
    border: 1px solid rgba(220, 53, 69, .2);
    border-radius: .75rem;
    background: rgba(220, 53, 69, .06);
}
.topbar-client-search-badge.suspended {
    display: inline-flex;
    width: fit-content;
    margin-top: .2rem;
    padding: .12rem .4rem;
    border-radius: 999px;
    background: #dc3545;
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
}

/* v169 - Modo escuro opcional por usuário */
body[data-theme="dark"]{
  --white:#111827;
  --bg:#0f172a;
  --bg-2:#111827;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --border:#334155;
  --border-2:#1f2937;
  --blue-soft:rgba(22,101,216,.18);
  --shadow:0 18px 38px rgba(0,0,0,.24);
  background:var(--bg)!important;
  color:var(--text)!important;
  color-scheme:dark;
}
body[data-theme="dark"] .app-shell,
body[data-theme="dark"] .content-wrap{background:var(--bg)!important;color:var(--text)!important}
body[data-theme="dark"] .app-topbar,
body[data-theme="dark"] .sidebar-top,
body[data-theme="dark"] .card,
body[data-theme="dark"] .modern-card,
body[data-theme="dark"] .dashboard-card,
body[data-theme="dark"] .dashboard-welcome,
body[data-theme="dark"] .list-card,
body[data-theme="dark"] .user-form-panel,
body[data-theme="dark"] .integration-form-panel,
body[data-theme="dark"] .integration-accordion-card,
body[data-theme="dark"] .topbar-user-dropdown,
body[data-theme="dark"] .topbar-client-search-results,
body[data-theme="dark"] .client-info-resource-card,
body[data-theme="dark"] .client-diagrams-panel,
body[data-theme="dark"] .workstation-inventory-panel,
body[data-theme="dark"] .client-photos-panel,
body[data-theme="dark"] .branding-preview,
body[data-theme="dark"] .modal-content{background:#111827!important;border-color:#1f2937!important;color:var(--text)!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important}
body[data-theme="dark"] .app-topbar{border-bottom-color:#1f2937!important}
body[data-theme="dark"] .sidebar-top{border-color:#1f2937!important;background:#0b1220!important}
body[data-theme="dark"] .sidebar-toggle,
body[data-theme="dark"] .mobile-menu-btn,
body[data-theme="dark"] .btn,
body[data-theme="dark"] .btn-outline-primary,
body[data-theme="dark"] .btn-outline-success,
body[data-theme="dark"] .btn-outline-warning,
body[data-theme="dark"] .btn-outline-danger,
body[data-theme="dark"] .topbar-user-logout{background:#0b1220;color:var(--text);border-color:#334155}
body[data-theme="dark"] .btn:hover,
body[data-theme="dark"] .sidebar-toggle:hover,
body[data-theme="dark"] .mobile-menu-btn:hover,
body[data-theme="dark"] .topbar-user-logout:hover{background:#172033;border-color:#475569}
body[data-theme="dark"] .btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}
body[data-theme="dark"] .form-control,
body[data-theme="dark"] .form-select,
body[data-theme="dark"] textarea.form-control,
body[data-theme="dark"] .input-group-text,
body[data-theme="dark"] .topbar-client-search input,
body[data-theme="dark"] .topbar-theme-select{background:#0b1220!important;border-color:#334155!important;color:var(--text)!important}
body[data-theme="dark"] .form-control::placeholder,
body[data-theme="dark"] .topbar-client-search input::placeholder{color:#64748b!important}
body[data-theme="dark"] .form-label,
body[data-theme="dark"] .user-name,
body[data-theme="dark"] .page-heading h1,
body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6,
body[data-theme="dark"] .integration-toolbar h2,
body[data-theme="dark"] .integration-grid>span strong,
body[data-theme="dark"] .integration-grid>div strong,
body[data-theme="dark"] .topbar-user-dropdown-head strong{color:var(--text)!important}
body[data-theme="dark"] .user-meta,
body[data-theme="dark"] .form-text,
body[data-theme="dark"] .field-hint,
body[data-theme="dark"] .list-meta,
body[data-theme="dark"] .page-heading p,
body[data-theme="dark"] .topbar-user-dropdown-head span,
body[data-theme="dark"] .client-diagrams-panel .user-form-toggle-title small{color:var(--muted)!important}
body[data-theme="dark"] .table,
body[data-theme="dark"] table{--bs-table-bg:#111827;--bs-table-color:var(--text);--bs-table-border-color:#334155;color:var(--text)!important;border-color:#334155!important}
body[data-theme="dark"] .table th,
body[data-theme="dark"] .table td,
body[data-theme="dark"] table th,
body[data-theme="dark"] table td{background:#111827!important;color:var(--text)!important;border-color:#334155!important}
body[data-theme="dark"] .table thead th,
body[data-theme="dark"] table thead th{background:#0b1220!important;color:#dbeafe!important}
body[data-theme="dark"] .integration-toolbar,
body[data-theme="dark"] .integration-type-block,
body[data-theme="dark"] .integration-accordion-body,
body[data-theme="dark"] .integration-grid>span,
body[data-theme="dark"] .integration-grid>div,
body[data-theme="dark"] .integration-test-box,
body[data-theme="dark"] .form-switch-card,
body[data-theme="dark"] .avatar-upload-box,
body[data-theme="dark"] .client-info-empty-category-state,
body[data-theme="dark"] .client-info-category.is-empty{background:#0b1220!important;border-color:#334155!important;color:var(--text)!important}
body[data-theme="dark"] .topbar-user-dropdown:before{background:#111827!important;border-color:#1f2937!important}
body[data-theme="dark"] .topbar-theme-form{position:relative;z-index:1;padding:10px 12px 12px;border-bottom:1px solid #1f2937;margin-bottom:8px}
.topbar-theme-form{position:relative;z-index:1;padding:10px 12px 12px;border-bottom:1px solid var(--border-2);margin-bottom:8px}
.topbar-theme-label{display:flex;align-items:center;gap:8px;margin:0 0 7px;color:var(--muted);font-size:12.5px;font-weight:750}
.topbar-theme-select{width:100%;min-height:36px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--text);padding:.45rem .65rem;font-size:13px;font-weight:650;outline:none}
body[data-theme="dark"] .badge.text-bg-light,
body[data-theme="dark"] .text-bg-light{background:#1f2937!important;color:#e5e7eb!important}
body[data-theme="dark"] .text-bg-secondary{background:#334155!important;color:#e2e8f0!important}
body[data-theme="dark"] .text-bg-primary{background:rgba(29,78,216,.35)!important;color:#bfdbfe!important}
body[data-theme="dark"] .text-bg-info{background:rgba(14,116,144,.35)!important;color:#a5f3fc!important}
body[data-theme="dark"] .text-bg-success{background:rgba(6,116,81,.35)!important;color:#bbf7d0!important}
body[data-theme="dark"] .alert-success{background:rgba(4,120,87,.18);color:#bbf7d0;border-color:rgba(16,185,129,.30)}
body[data-theme="dark"] .alert-danger{background:rgba(190,18,60,.18);color:#fecdd3;border-color:rgba(244,63,94,.30)}
body[data-theme="dark"] .classification-badge{background:color-mix(in srgb,var(--classification-color) 22%,#111827)!important;border-color:color-mix(in srgb,var(--classification-color) 42%,#111827)!important;color:#e5e7eb!important}
body[data-theme="dark"] .classification-badge-protected{color:#fde68a!important}
body[data-theme="dark"] .classification-badge:after{background:color-mix(in srgb,var(--classification-color) 28%,#111827)!important;color:#e5e7eb!important}
body[data-theme="dark"] .handoff-report-print,
body[data-theme="dark"] .handoff-report-print *{background:#fff!important;color:#111827!important;border-color:#d1d5db!important}
@media print{body,body[data-theme="dark"],body[data-theme="dark"] .app-shell,body[data-theme="dark"] .content-wrap{background:#fff!important;color:#111827!important;color-scheme:light}body[data-theme="dark"] .handoff-report-print,body[data-theme="dark"] .handoff-report-print *{background:#fff!important;color:#111827!important;border-color:#d1d5db!important}}


/* v170 - Revisão profunda e estabilização visual dos temas Claro/Escuro
   Regra: o modo claro permanece exatamente baseado nas regras existentes; todas as
   sobrescritas abaixo são restritas a body[data-theme="dark"]. */
body[data-theme="dark"] {
  --app-dark-bg:#0b1120;
  --app-dark-shell:#0f172a;
  --app-dark-surface:#111827;
  --app-dark-surface-2:#0f172a;
  --app-dark-surface-3:#1f2937;
  --app-dark-input:#0b1220;
  --app-dark-border:#334155;
  --app-dark-border-soft:#1f2937;
  --app-dark-text:#e5e7eb;
  --app-dark-heading:#f8fafc;
  --app-dark-muted:#94a3b8;
  --app-dark-muted-2:#cbd5e1;
  --app-dark-blue:#60a5fa;
  --app-dark-blue-soft:rgba(96,165,250,.16);
  --app-dark-success:#86efac;
  --app-dark-warning:#fde68a;
  --app-dark-danger:#fecdd3;
  --white:var(--app-dark-surface);
  --bg:var(--app-dark-bg);
  --bg-2:var(--app-dark-surface);
  --text:var(--app-dark-text);
  --muted:var(--app-dark-muted);
  --border:var(--app-dark-border);
  --border-2:var(--app-dark-border-soft);
  background:var(--app-dark-bg)!important;
  color:var(--app-dark-text)!important;
  color-scheme:dark;
}
html[data-theme="dark"],
html[data-theme="dark"] body,
body[data-theme="dark"] .app-shell,
body[data-theme="dark"] .content-wrap,
body[data-theme="dark"] main.content-wrap {
  background:var(--app-dark-bg)!important;
  color:var(--app-dark-text)!important;
}
body[data-theme="dark"] .app-topbar,
body[data-theme="dark"] header.app-topbar {
  background:rgba(15,23,42,.96)!important;
  border-bottom:1px solid var(--app-dark-border-soft)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.03),0 16px 34px rgba(0,0,0,.18)!important;
}
body[data-theme="dark"] .sidebar,
body[data-theme="dark"] aside.sidebar,
body[data-theme="dark"] .sidebar-top,
body[data-theme="dark"] .sidebar-nav {
  background:#020617!important;
  border-color:var(--app-dark-border-soft)!important;
}
body[data-theme="dark"] .sidebar-link{color:#cbd5e1!important;background:transparent!important;border-color:transparent!important}
body[data-theme="dark"] .sidebar-link:hover{background:rgba(148,163,184,.10)!important;color:#f8fafc!important}
body[data-theme="dark"] .sidebar-link.active{background:rgba(96,165,250,.18)!important;color:#dbeafe!important;border-color:rgba(96,165,250,.24)!important}
body[data-theme="dark"] .sidebar-link.active .nav-icon{background:rgba(96,165,250,.22)!important;color:#bfdbfe!important}

/* Superfícies: cards, painéis, caixas e containers comuns */
body[data-theme="dark"] .card,
body[data-theme="dark"] .modern-card,
body[data-theme="dark"] .dashboard-card,
body[data-theme="dark"] .dashboard-welcome,
body[data-theme="dark"] .dashboard-panel,
body[data-theme="dark"] .dashboard-permission,
body[data-theme="dark"] .list-card,
body[data-theme="dark"] .user-form-panel,
body[data-theme="dark"] .user-form-toggle,
body[data-theme="dark"] .user-form-body,
body[data-theme="dark"] .integration-form-panel,
body[data-theme="dark"] .integration-form-toggle,
body[data-theme="dark"] .integration-form-body,
body[data-theme="dark"] .integration-toolbar,
body[data-theme="dark"] .integration-accordion-card,
body[data-theme="dark"] .integration-accordion-button,
body[data-theme="dark"] .integration-accordion-body,
body[data-theme="dark"] .integration-type-block,
body[data-theme="dark"] .integration-grid>span,
body[data-theme="dark"] .integration-grid>div,
body[data-theme="dark"] .integration-test-box,
body[data-theme="dark"] .integration-edit-box,
body[data-theme="dark"] .integration-notes,
body[data-theme="dark"] .client-info-resource-card,
body[data-theme="dark"] .client-info-category,
body[data-theme="dark"] .client-info-category.is-empty,
body[data-theme="dark"] .client-info-empty-category-state,
body[data-theme="dark"] .client-diagrams-panel,
body[data-theme="dark"] .workstation-inventory-panel,
body[data-theme="dark"] .client-photos-panel,
body[data-theme="dark"] .environment-photo-card,
body[data-theme="dark"] .environment-photo-form,
body[data-theme="dark"] .contracted-service-form-card,
body[data-theme="dark"] .contracted-service-detail-card,
body[data-theme="dark"] .contracted-service-detail-grid div,
body[data-theme="dark"] .contracted-services-panel-separated,
body[data-theme="dark"] .template-variable-item,
body[data-theme="dark"] .template-preview,
body[data-theme="dark"] .template-card .edit-panel,
body[data-theme="dark"] .form-switch-card,
body[data-theme="dark"] .avatar-upload-box,
body[data-theme="dark"] .branding-preview,
body[data-theme="dark"] .ad-role-map-card,
body[data-theme="dark"] .learning-hero,
body[data-theme="dark"] .learning-filter,
body[data-theme="dark"] .learning-category-card,
body[data-theme="dark"] .learning-featured-card,
body[data-theme="dark"] .learning-article,
body[data-theme="dark"] .learning-meta span,
body[data-theme="dark"] .learning-steps,
body[data-theme="dark"] .dashboard-activity-item,
body[data-theme="dark"] .dashboard-donut-legend-item,
body[data-theme="dark"] .dashboard-login-bars,
body[data-theme="dark"] .empty-state,
body[data-theme="dark"] .empty-state.compact,
body[data-theme="dark"] .topbar-client-search-results,
body[data-theme="dark"] .topbar-user-dropdown,
body[data-theme="dark"] .dropdown-menu,
body[data-theme="dark"] .modal-content,
body[data-theme="dark"] .modal-header,
body[data-theme="dark"] .modal-body,
body[data-theme="dark"] .modal-footer,
body[data-theme="dark"] .accordion-item,
body[data-theme="dark"] .accordion-button,
body[data-theme="dark"] .accordion-body,
body[data-theme="dark"] .list-group-item,
body[data-theme="dark"] .offcanvas,
body[data-theme="dark"] .popover,
body[data-theme="dark"] .toast,
body[data-theme="dark"] .bg-white,
body[data-theme="dark"] .bg-light {
  background:var(--app-dark-surface)!important;
  background-color:var(--app-dark-surface)!important;
  color:var(--app-dark-text)!important;
  border-color:var(--app-dark-border)!important;
}
body[data-theme="dark"] .integration-accordion-body,
body[data-theme="dark"] .user-form-body,
body[data-theme="dark"] .integration-form-body,
body[data-theme="dark"] .contracted-services-panel-separated,
body[data-theme="dark"] .dashboard-login-bars,
body[data-theme="dark"] .learning-steps,
body[data-theme="dark"] .template-preview,
body[data-theme="dark"] .client-info-category.is-empty,
body[data-theme="dark"] .client-info-empty-category-state {
  background:var(--app-dark-surface-2)!important;
  background-color:var(--app-dark-surface-2)!important;
}
body[data-theme="dark"] .dashboard-donut-center,
body[data-theme="dark"] .resource-completion-ring::before {
  background:var(--app-dark-surface-3)!important;
  color:var(--app-dark-heading)!important;
}
body[data-theme="dark"] .dashboard-chart-track,
body[data-theme="dark"] .client-info-progress-track,
body[data-theme="dark"] .progress,
body[data-theme="dark"] .progress-stacked {
  background:#020617!important;
  border-color:var(--app-dark-border)!important;
}

/* Texto e hierarquia visual */
body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6,
body[data-theme="dark"] .page-heading h1,
body[data-theme="dark"] .dashboard-welcome h1,
body[data-theme="dark"] .dashboard-card h2,
body[data-theme="dark"] .integration-toolbar h2,
body[data-theme="dark"] .list-main h3,
body[data-theme="dark"] .learning-hero h2,
body[data-theme="dark"] .learning-section-title h2,
body[data-theme="dark"] .learning-article h3,
body[data-theme="dark"] .learning-steps h4,
body[data-theme="dark"] .template-preview-subject,
body[data-theme="dark"] .user-name,
body[data-theme="dark"] strong,
body[data-theme="dark"] .text-dark {
  color:var(--app-dark-heading)!important;
}
body[data-theme="dark"] p,
body[data-theme="dark"] .page-heading p,
body[data-theme="dark"] .form-text,
body[data-theme="dark"] .field-hint,
body[data-theme="dark"] .list-meta,
body[data-theme="dark"] .user-meta,
body[data-theme="dark"] .integration-host,
body[data-theme="dark"] .dashboard-activity-item span,
body[data-theme="dark"] .dashboard-chart-label span,
body[data-theme="dark"] .dashboard-chart-legend,
body[data-theme="dark"] .dashboard-donut-legend-item span,
body[data-theme="dark"] .learning-featured-card small,
body[data-theme="dark"] .learning-article-header p,
body[data-theme="dark"] .topbar-user-dropdown-head span,
body[data-theme="dark"] .text-muted,
body[data-theme="dark"] small {
  color:var(--app-dark-muted)!important;
}
body[data-theme="dark"] a:not(.btn):not(.sidebar-link):not(.topbar-logo-link){color:#93c5fd!important}
body[data-theme="dark"] a:not(.btn):not(.sidebar-link):not(.topbar-logo-link):hover{color:#bfdbfe!important}

/* Formulários */
body[data-theme="dark"] .form-control,
body[data-theme="dark"] .form-select,
body[data-theme="dark"] textarea.form-control,
body[data-theme="dark"] input[type="text"],
body[data-theme="dark"] input[type="search"],
body[data-theme="dark"] input[type="email"],
body[data-theme="dark"] input[type="number"],
body[data-theme="dark"] input[type="date"],
body[data-theme="dark"] input[type="url"],
body[data-theme="dark"] input[type="password"],
body[data-theme="dark"] textarea,
body[data-theme="dark"] select,
body[data-theme="dark"] .input-group-text,
body[data-theme="dark"] .topbar-client-search,
body[data-theme="dark"] .topbar-client-search input,
body[data-theme="dark"] .topbar-theme-select,
body[data-theme="dark"] .learning-search,
body[data-theme="dark"] .learning-search input {
  background:var(--app-dark-input)!important;
  background-color:var(--app-dark-input)!important;
  color:var(--app-dark-text)!important;
  border-color:var(--app-dark-border)!important;
}
body[data-theme="dark"] .form-control:focus,
body[data-theme="dark"] .form-select:focus,
body[data-theme="dark"] textarea:focus,
body[data-theme="dark"] input:focus,
body[data-theme="dark"] select:focus {
  border-color:#60a5fa!important;
  box-shadow:0 0 0 .2rem rgba(96,165,250,.18)!important;
}
body[data-theme="dark"] ::placeholder{color:#64748b!important;opacity:1!important}
body[data-theme="dark"] .form-check-input{background-color:#0b1220!important;border-color:#475569!important}
body[data-theme="dark"] .form-check-input:checked{background-color:#2563eb!important;border-color:#2563eb!important}
body[data-theme="dark"] .service-suspended-switch{background:rgba(220,38,38,.15)!important;border-color:rgba(248,113,113,.35)!important;color:#fecaca!important}

/* Tabelas */
body[data-theme="dark"] .table,
body[data-theme="dark"] table,
body[data-theme="dark"] .table-responsive {
  --bs-table-bg:var(--app-dark-surface)!important;
  --bs-table-color:var(--app-dark-text)!important;
  --bs-table-border-color:var(--app-dark-border)!important;
  --bs-table-striped-bg:#0f172a!important;
  --bs-table-striped-color:var(--app-dark-text)!important;
  --bs-table-hover-bg:#1f2937!important;
  --bs-table-hover-color:var(--app-dark-heading)!important;
  color:var(--app-dark-text)!important;
  border-color:var(--app-dark-border)!important;
}
body[data-theme="dark"] .table th,
body[data-theme="dark"] .table td,
body[data-theme="dark"] table th,
body[data-theme="dark"] table td {
  background-color:transparent!important;
  color:var(--app-dark-text)!important;
  border-color:var(--app-dark-border)!important;
}
body[data-theme="dark"] .table thead th,
body[data-theme="dark"] table thead th,
body[data-theme="dark"] .table-light,
body[data-theme="dark"] .table-light th,
body[data-theme="dark"] .table-light td {
  background:#020617!important;
  color:#dbeafe!important;
  border-color:var(--app-dark-border)!important;
}
body[data-theme="dark"] .table-striped>tbody>tr:nth-of-type(odd)>*{background:#0f172a!important;color:var(--app-dark-text)!important}
body[data-theme="dark"] .table-hover>tbody>tr:hover>*{background:#1f2937!important;color:var(--app-dark-heading)!important}

/* Botões e estados */
body[data-theme="dark"] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-secondary):not(.btn-light):not(.btn-dark) {
  background:#0b1220!important;
  color:var(--app-dark-text)!important;
  border-color:var(--app-dark-border)!important;
}
body[data-theme="dark"] .btn-light,
body[data-theme="dark"] .btn-outline-secondary,
body[data-theme="dark"] .btn-outline-dark {
  background:#0b1220!important;
  color:var(--app-dark-text)!important;
  border-color:var(--app-dark-border)!important;
}
body[data-theme="dark"] .btn-light:hover,
body[data-theme="dark"] .btn-outline-secondary:hover,
body[data-theme="dark"] .btn-outline-dark:hover,
body[data-theme="dark"] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-secondary):not(.btn-light):not(.btn-dark):hover {
  background:#1f2937!important;
  color:var(--app-dark-heading)!important;
  border-color:#475569!important;
}
body[data-theme="dark"] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}

/* Badges, tags e alertas */
body[data-theme="dark"] .badge.text-bg-light,
body[data-theme="dark"] .text-bg-light,
body[data-theme="dark"] .badge.bg-light,
body[data-theme="dark"] .bg-light.badge{background:#334155!important;color:#e5e7eb!important;border-color:#475569!important}
body[data-theme="dark"] .text-bg-secondary,
body[data-theme="dark"] .badge.bg-secondary{background:#475569!important;color:#f8fafc!important}
body[data-theme="dark"] .text-bg-primary,
body[data-theme="dark"] .badge.bg-primary{background:rgba(37,99,235,.35)!important;color:#dbeafe!important}
body[data-theme="dark"] .text-bg-info,
body[data-theme="dark"] .badge.bg-info{background:rgba(14,116,144,.35)!important;color:#cffafe!important}
body[data-theme="dark"] .text-bg-success,
body[data-theme="dark"] .badge.bg-success{background:rgba(22,101,52,.45)!important;color:#bbf7d0!important}
body[data-theme="dark"] .text-bg-warning,
body[data-theme="dark"] .badge.bg-warning{background:rgba(146,64,14,.45)!important;color:#fde68a!important}
body[data-theme="dark"] .text-bg-danger,
body[data-theme="dark"] .badge.bg-danger,
body[data-theme="dark"] .topbar-client-search-badge.suspended{background:rgba(185,28,28,.75)!important;color:#fee2e2!important}
body[data-theme="dark"] .alert{background:#111827!important;color:var(--app-dark-text)!important;border-color:var(--app-dark-border)!important}
body[data-theme="dark"] .alert-success{background:rgba(20,83,45,.25)!important;color:#bbf7d0!important;border-color:rgba(34,197,94,.30)!important}
body[data-theme="dark"] .alert-danger{background:rgba(127,29,29,.30)!important;color:#fecaca!important;border-color:rgba(248,113,113,.32)!important}
body[data-theme="dark"] .alert-warning{background:rgba(113,63,18,.30)!important;color:#fde68a!important;border-color:rgba(251,191,36,.30)!important}
body[data-theme="dark"] .alert-info{background:rgba(12,74,110,.30)!important;color:#bae6fd!important;border-color:rgba(56,189,248,.30)!important}
body[data-theme="dark"] .classification-badge{background:color-mix(in srgb,var(--classification-color) 24%,#111827)!important;border-color:color-mix(in srgb,var(--classification-color) 48%,#111827)!important;color:#f8fafc!important}
body[data-theme="dark"] .classification-badge:after{background:color-mix(in srgb,var(--classification-color) 30%,#111827)!important;color:#f8fafc!important}
body[data-theme="dark"] .zabbix-status-checking{color:#cbd5e1!important;background:#1f2937!important;border-color:#475569!important}
body[data-theme="dark"] .zabbix-status-unknown{color:#ddd6fe!important;background:rgba(91,33,182,.25)!important;border-color:rgba(167,139,250,.28)!important}

/* Dropdowns, pesquisa do topo, menus e componentes Bootstrap */
body[data-theme="dark"] .dropdown-item{color:var(--app-dark-text)!important}
body[data-theme="dark"] .dropdown-item:hover,
body[data-theme="dark"] .dropdown-item:focus,
body[data-theme="dark"] .dropdown-item.active{background:#1f2937!important;color:var(--app-dark-heading)!important}
body[data-theme="dark"] .dropdown-divider{border-color:var(--app-dark-border)!important}
body[data-theme="dark"] .topbar-user-dropdown:before{background:var(--app-dark-surface)!important;border-color:var(--app-dark-border)!important}
body[data-theme="dark"] .topbar-theme-form{border-color:var(--app-dark-border)!important}
body[data-theme="dark"] .topbar-client-search-results a,
body[data-theme="dark"] .topbar-client-search-result,
body[data-theme="dark"] [data-topbar-client-search-results] a{background:transparent!important;color:var(--app-dark-text)!important;border-color:var(--app-dark-border)!important}
body[data-theme="dark"] .topbar-client-search-results a:hover,
body[data-theme="dark"] .topbar-client-search-result:hover,
body[data-theme="dark"] [data-topbar-client-search-results] a:hover{background:#1f2937!important;color:var(--app-dark-heading)!important}
body[data-theme="dark"] hr{border-color:var(--app-dark-border)!important;opacity:1!important}

/* Páginas especiais e gráficos */
body[data-theme="dark"] .dashboard-donut{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
body[data-theme="dark"] .dashboard-donut-center strong,
body[data-theme="dark"] .resource-completion-ring span{color:var(--app-dark-heading)!important}
body[data-theme="dark"] .learning-hero-icon,
body[data-theme="dark"] .learning-article-icon{background:rgba(96,165,250,.16)!important;color:#93c5fd!important}
body[data-theme="dark"] .learning-tips{background:rgba(113,63,18,.25)!important;border-color:rgba(251,191,36,.28)!important;color:#fde68a!important}
body[data-theme="dark"] .learning-tips h4,
body[data-theme="dark"] .learning-tips li{color:#fde68a!important}
body[data-theme="dark"] code{background:#020617!important;color:#bfdbfe!important;border-color:var(--app-dark-border)!important}
body[data-theme="dark"] pre{background:#020617!important;color:#e5e7eb!important;border-color:var(--app-dark-border)!important}

/* Preservação explícita do modo claro para documentos e impressão/PDF */
body[data-theme="dark"] .handoff-report-print,
body[data-theme="dark"] .handoff-report-print *,
body[data-theme="dark"] .print-document,
body[data-theme="dark"] .print-document * {
  background:#fff!important;
  background-color:#fff!important;
  color:#111827!important;
  border-color:#d1d5db!important;
  box-shadow:none!important;
  color-scheme:light!important;
}
@media print {
  html,
  body,
  body[data-theme="dark"],
  body[data-theme="dark"] .app-shell,
  body[data-theme="dark"] .content-wrap {
    background:#fff!important;
    color:#111827!important;
    color-scheme:light!important;
  }
  body[data-theme="dark"] .handoff-report-print,
  body[data-theme="dark"] .handoff-report-print *,
  body[data-theme="dark"] .print-document,
  body[data-theme="dark"] .print-document * {
    background:#fff!important;
    color:#111827!important;
    border-color:#d1d5db!important;
  }
}

/* v171 - Finalização visual do modo escuro em componentes restantes
   Escopo seguro: somente body[data-theme="dark"]. Não altera o modo claro. */
body[data-theme="dark"] {
  --v171-dark-bg:#0b1120;
  --v171-dark-surface:#111827;
  --v171-dark-surface-2:#0f172a;
  --v171-dark-surface-3:#1f2937;
  --v171-dark-input:#0b1220;
  --v171-dark-border:#334155;
  --v171-dark-border-soft:#1f2937;
  --v171-dark-text:#e5e7eb;
  --v171-dark-heading:#f8fafc;
  --v171-dark-muted:#94a3b8;
  --v171-dark-link:#93c5fd;
  background:var(--v171-dark-bg)!important;
  color:var(--v171-dark-text)!important;
  color-scheme:dark;
}

/* Cobertura geral de fundos claros restantes, incluindo classes Bootstrap e painéis próprios. */
body[data-theme="dark"] .bg-white,
body[data-theme="dark"] .bg-light,
body[data-theme="dark"] .card,
body[data-theme="dark"] .card-body,
body[data-theme="dark"] .card-header,
body[data-theme="dark"] .card-footer,
body[data-theme="dark"] .modern-card,
body[data-theme="dark"] .list-card,
body[data-theme="dark"] .edit-panel,
body[data-theme="dark"] .form-panel,
body[data-theme="dark"] .form-section,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .well,
body[data-theme="dark"] .box,
body[data-theme="dark"] .section-card,
body[data-theme="dark"] .content-card,
body[data-theme="dark"] .details-card,
body[data-theme="dark"] .detail-card,
body[data-theme="dark"] .settings-card,
body[data-theme="dark"] .resource-field-card,
body[data-theme="dark"] .resource-form-card,
body[data-theme="dark"] .client-info-resource-card,
body[data-theme="dark"] .client-resource-card,
body[data-theme="dark"] .client-resource-detail,
body[data-theme="dark"] .client-resource-detail-inner,
body[data-theme="dark"] .client-resource-lazy-placeholder,
body[data-theme="dark"] .client-info-category-grid,
body[data-theme="dark"] .resource-dynamic-table-editor,
body[data-theme="dark"] .resource-dynamic-table-view,
body[data-theme="dark"] .client-alert-management-item,
body[data-theme="dark"] .client-alerts-panel-separated,
body[data-theme="dark"] .client-checklist-details-panel,
body[data-theme="dark"] .client-more-actions-panel,
body[data-theme="dark"] .contracted-services-panel-separated,
body[data-theme="dark"] .service-assignment-board,
body[data-theme="dark"] .service-assignment-toolbar,
body[data-theme="dark"] .service-selection-card,
body[data-theme="dark"] .service-selection-icon,
body[data-theme="dark"] .service-selection-status,
body[data-theme="dark"] .service-detail-panel,
body[data-theme="dark"] .service-no-selection,
body[data-theme="dark"] .checklist-assign-panel,
body[data-theme="dark"] .assigned-checklists,
body[data-theme="dark"] .assigned-checklist-group,
body[data-theme="dark"] .checklist-template-card,
body[data-theme="dark"] .checklist-new-item-panel,
body[data-theme="dark"] .checklist-items-panel,
body[data-theme="dark"] .client-checklist-summary-card,
body[data-theme="dark"] .client-checklist-mini-item,
body[data-theme="dark"] .dashboard-metric-card,
body[data-theme="dark"] .dashboard-panel,
body[data-theme="dark"] .dashboard-progress-box,
body[data-theme="dark"] .dashboard-mini-list > div,
body[data-theme="dark"] .dashboard-attention-item,
body[data-theme="dark"] .dashboard-activity-item,
body[data-theme="dark"] .dashboard-login-bars,
body[data-theme="dark"] .dashboard-donut-center,
body[data-theme="dark"] .dashboard-donut-legend-item,
body[data-theme="dark"] .dashboard-chart-track,
body[data-theme="dark"] .integration-form-panel,
body[data-theme="dark"] .integration-form-body,
body[data-theme="dark"] .integration-form-toggle,
body[data-theme="dark"] .integration-accordion-card,
body[data-theme="dark"] .integration-accordion-body,
body[data-theme="dark"] .integration-accordion-button,
body[data-theme="dark"] .integration-type-block,
body[data-theme="dark"] .integration-grid > div,
body[data-theme="dark"] .integration-grid > span,
body[data-theme="dark"] .integration-test-box,
body[data-theme="dark"] .user-form-panel,
body[data-theme="dark"] .user-form-body,
body[data-theme="dark"] .user-form-toggle,
body[data-theme="dark"] .modal-content,
body[data-theme="dark"] .modal-header,
body[data-theme="dark"] .modal-body,
body[data-theme="dark"] .modal-footer,
body[data-theme="dark"] .dropdown-menu,
body[data-theme="dark"] .dropdown-header,
body[data-theme="dark"] .list-group-item,
body[data-theme="dark"] .accordion-item,
body[data-theme="dark"] .accordion-button,
body[data-theme="dark"] .accordion-body,
body[data-theme="dark"] .offcanvas,
body[data-theme="dark"] .toast,
body[data-theme="dark"] .popover,
body[data-theme="dark"] .empty-state,
body[data-theme="dark"] .report-selected-summary,
body[data-theme="dark"] .avatar-upload-box,
body[data-theme="dark"] .branding-preview,
body[data-theme="dark"] .template-preview,
body[data-theme="dark"] .template-variable-item,
body[data-theme="dark"] .topbar-client-search-results,
body[data-theme="dark"] .topbar-user-dropdown {
  background:var(--v171-dark-surface)!important;
  background-color:var(--v171-dark-surface)!important;
  color:var(--v171-dark-text)!important;
  border-color:var(--v171-dark-border)!important;
}

/* Sub-superfícies e áreas de edição: um tom abaixo para diferenciar sem voltar ao branco. */
body[data-theme="dark"] .edit-panel,
body[data-theme="dark"] .client-resource-detail-inner,
body[data-theme="dark"] .client-info-category-grid,
body[data-theme="dark"] .resource-dynamic-table-editor,
body[data-theme="dark"] .service-assignment-board,
body[data-theme="dark"] .service-detail-panel,
body[data-theme="dark"] .dashboard-progress-box,
body[data-theme="dark"] .dashboard-mini-list > div,
body[data-theme="dark"] .dashboard-attention-item,
body[data-theme="dark"] .dashboard-activity-item,
body[data-theme="dark"] .dashboard-chart-track,
body[data-theme="dark"] .dashboard-login-bars,
body[data-theme="dark"] .form-switch-card,
body[data-theme="dark"] .empty-state,
body[data-theme="dark"] .report-selected-summary,
body[data-theme="dark"] .template-preview {
  background:var(--v171-dark-surface-2)!important;
  background-color:var(--v171-dark-surface-2)!important;
}

/* Correção para elementos com background inline ou estilos claros remanescentes, exceto documentos/relatórios/impressão. */
body[data-theme="dark"] :not(.handoff-report-print):not(.handoff-report-print *):not(.print-document):not(.print-document *)[style*="background:#fff"],
body[data-theme="dark"] :not(.handoff-report-print):not(.handoff-report-print *):not(.print-document):not(.print-document *)[style*="background: #fff"],
body[data-theme="dark"] :not(.handoff-report-print):not(.handoff-report-print *):not(.print-document):not(.print-document *)[style*="background-color:#fff"],
body[data-theme="dark"] :not(.handoff-report-print):not(.handoff-report-print *):not(.print-document):not(.print-document *)[style*="background-color: #fff"],
body[data-theme="dark"] :not(.handoff-report-print):not(.handoff-report-print *):not(.print-document):not(.print-document *)[style*="background:white"],
body[data-theme="dark"] :not(.handoff-report-print):not(.handoff-report-print *):not(.print-document):not(.print-document *)[style*="background: white"],
body[data-theme="dark"] :not(.handoff-report-print):not(.handoff-report-print *):not(.print-document):not(.print-document *)[style*="background-color:white"],
body[data-theme="dark"] :not(.handoff-report-print):not(.handoff-report-print *):not(.print-document):not(.print-document *)[style*="background-color: white"] {
  background:var(--v171-dark-surface)!important;
  background-color:var(--v171-dark-surface)!important;
  color:var(--v171-dark-text)!important;
  border-color:var(--v171-dark-border)!important;
}

/* Tipografia em painéis e formulários internos. */
body[data-theme="dark"] .text-dark,
body[data-theme="dark"] .card-title,
body[data-theme="dark"] .card-header,
body[data-theme="dark"] .dashboard-metric-body strong,
body[data-theme="dark"] .dashboard-section-header h2,
body[data-theme="dark"] .dashboard-mini-list strong,
body[data-theme="dark"] .dashboard-attention-item strong,
body[data-theme="dark"] .dashboard-activity-item strong,
body[data-theme="dark"] .client-resource-title,
body[data-theme="dark"] .resource-form-subtitle,
body[data-theme="dark"] .resource-display-subtitle,
body[data-theme="dark"] .service-assignment-toolbar strong,
body[data-theme="dark"] .service-selection-main strong,
body[data-theme="dark"] .service-detail-panel-header strong,
body[data-theme="dark"] .assigned-checklist-header strong,
body[data-theme="dark"] .client-checklist-summary-card strong,
body[data-theme="dark"] .checklist-template-card strong,
body[data-theme="dark"] .list-main h3,
body[data-theme="dark"] label,
body[data-theme="dark"] .form-label {
  color:var(--v171-dark-heading)!important;
}
body[data-theme="dark"] .text-muted,
body[data-theme="dark"] .dashboard-metric-body span,
body[data-theme="dark"] .dashboard-metric-body small,
body[data-theme="dark"] .dashboard-section-header p,
body[data-theme="dark"] .dashboard-mini-list span,
body[data-theme="dark"] .dashboard-attention-item span,
body[data-theme="dark"] .dashboard-activity-item span,
body[data-theme="dark"] .dashboard-activity-item small,
body[data-theme="dark"] .dashboard-panel-note,
body[data-theme="dark"] .client-resource-meta,
body[data-theme="dark"] .resource-form-separator,
body[data-theme="dark"] .resource-display-separator,
body[data-theme="dark"] .service-assignment-toolbar small,
body[data-theme="dark"] .service-selection-main small,
body[data-theme="dark"] .service-detail-panel-header small,
body[data-theme="dark"] .assigned-checklist-header small,
body[data-theme="dark"] .form-text,
body[data-theme="dark"] .field-hint,
body[data-theme="dark"] small {
  color:var(--v171-dark-muted)!important;
}

/* Formulários dinâmicos, formulários de edição e campos de tabelas. */
body[data-theme="dark"] .form-control,
body[data-theme="dark"] .form-select,
body[data-theme="dark"] .form-control.bg-light,
body[data-theme="dark"] input.form-control,
body[data-theme="dark"] textarea.form-control,
body[data-theme="dark"] select.form-select,
body[data-theme="dark"] input[type="text"],
body[data-theme="dark"] input[type="search"],
body[data-theme="dark"] input[type="email"],
body[data-theme="dark"] input[type="number"],
body[data-theme="dark"] input[type="date"],
body[data-theme="dark"] input[type="url"],
body[data-theme="dark"] input[type="password"],
body[data-theme="dark"] textarea,
body[data-theme="dark"] select,
body[data-theme="dark"] .input-group-text,
body[data-theme="dark"] .resource-dynamic-table-editor input,
body[data-theme="dark"] .resource-dynamic-table-editor textarea,
body[data-theme="dark"] .resource-dynamic-table-editor select {
  background:var(--v171-dark-input)!important;
  background-color:var(--v171-dark-input)!important;
  color:var(--v171-dark-text)!important;
  border-color:var(--v171-dark-border)!important;
  -webkit-text-fill-color:var(--v171-dark-text)!important;
}
body[data-theme="dark"] .form-control:disabled,
body[data-theme="dark"] .form-control[readonly],
body[data-theme="dark"] .form-select:disabled,
body[data-theme="dark"] input:disabled,
body[data-theme="dark"] textarea:disabled,
body[data-theme="dark"] select:disabled {
  background:#111827!important;
  color:#94a3b8!important;
  -webkit-text-fill-color:#94a3b8!important;
  opacity:1!important;
}
body[data-theme="dark"] .form-control::placeholder,
body[data-theme="dark"] textarea::placeholder,
body[data-theme="dark"] input::placeholder {color:#64748b!important;opacity:1!important}
body[data-theme="dark"] .form-control:focus,
body[data-theme="dark"] .form-select:focus,
body[data-theme="dark"] input:focus,
body[data-theme="dark"] textarea:focus,
body[data-theme="dark"] select:focus {border-color:#60a5fa!important;box-shadow:0 0 0 .22rem rgba(96,165,250,.18)!important}
body[data-theme="dark"] option,
body[data-theme="dark"] optgroup {background:#0b1220!important;color:var(--v171-dark-text)!important}

/* Tabelas e tabelas dinâmicas dos recursos. */
body[data-theme="dark"] .table,
body[data-theme="dark"] table,
body[data-theme="dark"] .table-responsive,
body[data-theme="dark"] .resource-dynamic-table-view table,
body[data-theme="dark"] .resource-dynamic-table-editor table {
  --bs-table-bg:var(--v171-dark-surface)!important;
  --bs-table-color:var(--v171-dark-text)!important;
  --bs-table-border-color:var(--v171-dark-border)!important;
  --bs-table-striped-bg:var(--v171-dark-surface-2)!important;
  --bs-table-hover-bg:var(--v171-dark-surface-3)!important;
  background:var(--v171-dark-surface)!important;
  color:var(--v171-dark-text)!important;
  border-color:var(--v171-dark-border)!important;
}
body[data-theme="dark"] .table th,
body[data-theme="dark"] .table td,
body[data-theme="dark"] table th,
body[data-theme="dark"] table td {
  background-color:transparent!important;
  color:var(--v171-dark-text)!important;
  border-color:var(--v171-dark-border)!important;
}
body[data-theme="dark"] .table thead th,
body[data-theme="dark"] table thead th,
body[data-theme="dark"] .table-light,
body[data-theme="dark"] .table-light th,
body[data-theme="dark"] .table-light td {background:#020617!important;color:#dbeafe!important;border-color:var(--v171-dark-border)!important}

/* Dashboard: métricas e cards estatísticos que ainda tinham background branco fixo. */
body[data-theme="dark"] .dashboard-metric-icon {background:rgba(96,165,250,.16)!important;color:#93c5fd!important;border-color:rgba(96,165,250,.24)!important}
body[data-theme="dark"] .dashboard-tone-success .dashboard-metric-icon{background:rgba(22,101,52,.28)!important;color:#bbf7d0!important}
body[data-theme="dark"] .dashboard-tone-warning .dashboard-metric-icon{background:rgba(146,64,14,.28)!important;color:#fde68a!important}
body[data-theme="dark"] .dashboard-tone-danger .dashboard-metric-icon{background:rgba(127,29,29,.30)!important;color:#fecaca!important}
body[data-theme="dark"] .dashboard-tone-info .dashboard-metric-icon{background:rgba(14,116,144,.28)!important;color:#cffafe!important}
body[data-theme="dark"] .dashboard-progress{background:#020617!important}
body[data-theme="dark"] .dashboard-attention-item:hover{background:#1f2937!important;border-color:#475569!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important}

/* Checklists e progresso. */
body[data-theme="dark"] .checklist-progress-pill,
body[data-theme="dark"] button.checklist-progress-pill {background:#0f172a!important;border-color:#334155!important;color:var(--v171-dark-text)!important}
body[data-theme="dark"] .checklist-progress-circle::before {background:#111827!important}
body[data-theme="dark"] .checklist-progress-pill.low .checklist-progress-circle{background:conic-gradient(#fb923c calc(var(--progress) * 1%), #1f2937 0)!important}
body[data-theme="dark"] .checklist-progress-pill.mid .checklist-progress-circle{background:conic-gradient(#facc15 calc(var(--progress) * 1%), #1f2937 0)!important}
body[data-theme="dark"] .checklist-progress-pill.done .checklist-progress-circle{background:conic-gradient(#22c55e calc(var(--progress) * 1%), #1f2937 0)!important}
body[data-theme="dark"] .checklist-progress-pill.empty .checklist-progress-circle{background:conic-gradient(#64748b 0%, #1f2937 0)!important}

/* Alertas e badges restantes. */
body[data-theme="dark"] .alert,
body[data-theme="dark"] .alert-light {background:#111827!important;color:var(--v171-dark-text)!important;border-color:var(--v171-dark-border)!important}
body[data-theme="dark"] .alert-warning {background:rgba(113,63,18,.32)!important;color:#fde68a!important;border-color:rgba(251,191,36,.32)!important}
body[data-theme="dark"] .alert-info {background:rgba(12,74,110,.32)!important;color:#bae6fd!important;border-color:rgba(56,189,248,.32)!important}
body[data-theme="dark"] .alert-success {background:rgba(20,83,45,.28)!important;color:#bbf7d0!important;border-color:rgba(34,197,94,.32)!important}
body[data-theme="dark"] .alert-danger {background:rgba(127,29,29,.30)!important;color:#fecaca!important;border-color:rgba(248,113,113,.34)!important}
body[data-theme="dark"] .badge.bg-light,
body[data-theme="dark"] .badge.text-bg-light,
body[data-theme="dark"] .text-bg-light {background:#334155!important;color:#f8fafc!important;border-color:#475569!important}

/* Divisores, separadores e bordas. */
body[data-theme="dark"] hr,
body[data-theme="dark"] .border,
body[data-theme="dark"] .border-top,
body[data-theme="dark"] .border-end,
body[data-theme="dark"] .border-bottom,
body[data-theme="dark"] .border-start {border-color:var(--v171-dark-border)!important}
body[data-theme="dark"] .resource-form-subtitle,
body[data-theme="dark"] .resource-display-subtitle {border-bottom-color:#334155!important}
body[data-theme="dark"] .resource-form-separator::before,
body[data-theme="dark"] .resource-form-separator::after,
body[data-theme="dark"] .resource-display-separator::before,
body[data-theme="dark"] .resource-display-separator::after {background:#334155!important}

/* Botões claros e de contorno dentro do dark. */
body[data-theme="dark"] .btn-light,
body[data-theme="dark"] .btn-outline-light,
body[data-theme="dark"] .btn-outline-secondary,
body[data-theme="dark"] .btn-outline-dark,
body[data-theme="dark"] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-secondary):not(.btn-dark) {
  background:#0b1220!important;
  color:var(--v171-dark-text)!important;
  border-color:var(--v171-dark-border)!important;
}
body[data-theme="dark"] .btn-light:hover,
body[data-theme="dark"] .btn-outline-light:hover,
body[data-theme="dark"] .btn-outline-secondary:hover,
body[data-theme="dark"] .btn-outline-dark:hover,
body[data-theme="dark"] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-secondary):not(.btn-dark):hover {
  background:#1f2937!important;
  color:var(--v171-dark-heading)!important;
  border-color:#475569!important;
}
body[data-theme="dark"] .btn-primary {color:#fff!important}

/* Preservação de documentos e impressão/PDF em modo claro. */
body[data-theme="dark"] .handoff-report-print,
body[data-theme="dark"] .handoff-report-print *,
body[data-theme="dark"] .print-document,
body[data-theme="dark"] .print-document * {
  background:#fff!important;
  background-color:#fff!important;
  color:#111827!important;
  border-color:#d1d5db!important;
  box-shadow:none!important;
  color-scheme:light!important;
}
@media print {
  body[data-theme="dark"] .handoff-report-print,
  body[data-theme="dark"] .handoff-report-print *,
  body[data-theme="dark"] .print-document,
  body[data-theme="dark"] .print-document * {
    background:#fff!important;
    color:#111827!important;
    border-color:#d1d5db!important;
  }
}

/* v172 - Seletor de tema na topbar e cabeçalho limpo de Informações do Cliente */
.topbar-theme-menu{
    position:relative;
    display:flex;
    align-items:center;
    z-index:1065;
    order:1;
}
.topbar-theme-menu summary{list-style:none}
.topbar-theme-menu summary::-webkit-details-marker{display:none}
.topbar-theme-trigger{
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(15,23,42,.12);
    border-radius:999px;
    background:#fff;
    color:#334155;
    padding:0;
    font-size:.84rem;
    font-weight:760;
    cursor:pointer;
    box-shadow:0 8px 22px rgba(15,23,42,.055);
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease;
}
.topbar-theme-trigger:hover,
.topbar-theme-trigger:focus-visible{
    background:#f8fafc;
    color:#0f172a;
    border-color:rgba(25,118,210,.28);
    box-shadow:0 10px 24px rgba(15,23,42,.10);
    outline:0;
    transform:translateY(-1px);
}
.topbar-theme-trigger .bi:first-child{font-size:1.05rem;color:#1976D2}
.topbar-theme-dropdown{
    position:absolute;
    top:calc(100% + 12px);
    right:0;
    width:218px;
    padding:9px;
    background:#fff;
    border:1px solid var(--border-2);
    border-radius:16px;
    box-shadow:0 22px 48px rgba(15,23,42,.16);
    z-index:1072;
    display:none;
}
.topbar-theme-menu[open] .topbar-theme-dropdown{display:block;animation:userMenuIn .16s ease-out}
.topbar-theme-dropdown:before{
    content:"";
    position:absolute;
    right:22px;
    top:-7px;
    width:14px;
    height:14px;
    background:#fff;
    border-left:1px solid var(--border-2);
    border-top:1px solid var(--border-2);
    transform:rotate(45deg);
}
.topbar-theme-dropdown-title{
    position:relative;
    z-index:1;
    padding:8px 10px 7px;
    margin-bottom:4px;
    color:#64748b;
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.02em;
    text-transform:uppercase;
}
.topbar-theme-option{
    position:relative;
    z-index:1;
    width:100%;
    display:flex;
    align-items:center;
    gap:9px;
    min-height:40px;
    border:0;
    border-radius:12px;
    background:transparent;
    color:#334155;
    padding:8px 10px;
    font-size:.88rem;
    font-weight:740;
    text-align:left;
    cursor:pointer;
    transition:background .16s ease,color .16s ease;
}
.topbar-theme-option:hover,
.topbar-theme-option:focus-visible{background:#f1f5f9;color:#0f172a;outline:0}
.topbar-theme-option.active{background:#eaf3ff;color:#0b4f92}
.topbar-theme-option .bi:first-child{width:18px;text-align:center;color:#1976D2}
.topbar-theme-check{margin-left:auto;color:#16a34a}
.topbar-right .topbar-ribbon{order:0}
.topbar-right .topbar-theme-menu{order:1}
.topbar-right .topbar-user-menu{order:2}
.client-info-page-heading,
.client-info-page-heading .client-info-heading-main{
    background:transparent!important;
}
.client-info-client-chip{
    background:var(--app-surface, #fff)!important;
    color:var(--text, #0f172a)!important;
    border-color:var(--border-2, #e2e8f0)!important;
}
.client-info-client-chip strong{color:var(--text, #0f172a)!important}
.client-info-page-heading p{color:var(--muted)!important}
body[data-theme="dark"] .client-info-client-chip{
    background:var(--app-dark-surface)!important;
    color:var(--app-dark-text)!important;
    border-color:var(--app-dark-border)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.20)!important;
}
body[data-theme="dark"] .client-info-client-chip strong{color:var(--app-dark-heading)!important}
body[data-theme="dark"] .client-info-page-heading p{color:var(--app-dark-muted)!important}
body[data-theme="dark"] .topbar-theme-trigger{
    background:#0b1220!important;
    color:var(--app-dark-text)!important;
    border-color:var(--app-dark-border)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
}
body[data-theme="dark"] .topbar-theme-trigger:hover,
body[data-theme="dark"] .topbar-theme-trigger:focus-visible{
    background:#172033!important;
    color:var(--app-dark-heading)!important;
    border-color:#475569!important;
}
body[data-theme="dark"] .topbar-theme-dropdown,
body[data-theme="dark"] .topbar-theme-dropdown:before{
    background:var(--app-dark-surface)!important;
    border-color:var(--app-dark-border)!important;
}
body[data-theme="dark"] .topbar-theme-dropdown-title{color:var(--app-dark-muted)!important}
body[data-theme="dark"] .topbar-theme-option{color:var(--app-dark-text)!important}
body[data-theme="dark"] .topbar-theme-option:hover,
body[data-theme="dark"] .topbar-theme-option:focus-visible{background:#1f2937!important;color:var(--app-dark-heading)!important}
body[data-theme="dark"] .topbar-theme-option.active{background:rgba(37,99,235,.28)!important;color:#dbeafe!important}
@media(max-width:760px){
    .topbar-theme-trigger span{display:none}
    .topbar-theme-trigger{width:38px;justify-content:center;padding:0}
    .topbar-theme-chevron{display:none}
}
@media(max-width:640px){
    .topbar-theme-menu{display:none}
}

/* v173 - Refinamento do cabeçalho do cliente e acionador de aparência */
.topbar-theme-trigger:focus-visible{outline:2px solid color-mix(in srgb,#1976D2 38%,transparent);outline-offset:2px}

/* v174 - Informações do Cliente: identificação simplificada e dark mode dos recursos */
.client-info-title-row{
    justify-content:space-between;
    width:100%;
}
.client-info-status-badges{
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    gap:.45rem;
    flex-wrap:wrap;
    margin-left:auto;
}
.client-info-client-name{
    margin-top:.45rem;
    color:var(--text, #0f172a);
    font-size:1rem;
    font-weight:800;
    line-height:1.35;
}
body[data-theme="dark"] .client-info-client-name{
    color:var(--app-dark-heading)!important;
}

/* A área expandida do recurso possui superfícies próprias; neutraliza fundos claros no tema escuro. */
body[data-theme="dark"] .client-resource-card .client-resource-summary,
body[data-theme="dark"] .client-resource-card .client-resource-detail,
body[data-theme="dark"] .client-resource-card .client-resource-detail-inner,
body[data-theme="dark"] .client-resource-card .resource-field-values,
body[data-theme="dark"] .client-resource-card .resource-field-value-item,
body[data-theme="dark"] .client-resource-card .resource-dynamic-table-view,
body[data-theme="dark"] .client-resource-card .resource-dynamic-table-editor{
    background:var(--v171-dark-surface-2)!important;
    background-color:var(--v171-dark-surface-2)!important;
    color:var(--v171-dark-text)!important;
    border-color:var(--v171-dark-border)!important;
}
body[data-theme="dark"] .client-resource-card .resource-dynamic-table-view .table,
body[data-theme="dark"] .client-resource-card .resource-dynamic-table-editor .table{
    --bs-table-bg:var(--v171-dark-surface-2)!important;
    --bs-table-color:var(--v171-dark-text)!important;
    --bs-table-border-color:var(--v171-dark-border)!important;
    --bs-table-striped-bg:#172033!important;
    --bs-table-striped-color:var(--v171-dark-text)!important;
    --bs-table-hover-bg:#1f2937!important;
    --bs-table-hover-color:var(--v171-dark-heading)!important;
    background:var(--v171-dark-surface-2)!important;
    color:var(--v171-dark-text)!important;
}
body[data-theme="dark"] .client-resource-card .resource-dynamic-table-view th,
body[data-theme="dark"] .client-resource-card .resource-dynamic-table-view td,
body[data-theme="dark"] .client-resource-card .resource-dynamic-table-editor th,
body[data-theme="dark"] .client-resource-card .resource-dynamic-table-editor td{
    background:var(--v171-dark-surface-2)!important;
    background-color:var(--v171-dark-surface-2)!important;
    color:var(--v171-dark-text)!important;
    border-color:var(--v171-dark-border)!important;
}
body[data-theme="dark"] .client-resource-card .resource-dynamic-table-view th,
body[data-theme="dark"] .client-resource-card .resource-dynamic-table-editor th,
body[data-theme="dark"] .client-resource-card .resource-table-title,
body[data-theme="dark"] .client-resource-card .resource-field-value-item strong{
    color:var(--v171-dark-heading)!important;
}
body[data-theme="dark"] .client-resource-card .info-technical-details{
    background:#0b1220!important;
    background-color:#0b1220!important;
    color:var(--v171-dark-text)!important;
    border-color:var(--v171-dark-border)!important;
}
@media(max-width:700px){
    .client-info-title-row{align-items:flex-start;flex-direction:row}
    .client-info-status-badges{margin-left:auto}
    .client-info-client-name{width:100%}
}

/* v175 - refinamentos do cabeçalho de Informações do Cliente */
.client-info-client-identity{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.45rem}
.client-info-client-identity .client-info-client-name{font-size:1rem;font-weight:800;color:#0f172a;line-height:1.3}
.client-info-identity-separator{color:#94a3b8;font-weight:700}
.client-info-filter-group{display:flex;align-items:center;gap:.45rem;max-width:100%}
.client-info-filter-group .client-info-compact-filter{flex:0 1 210px}
.client-info-classification-indicator{width:34px;min-width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}
body[data-theme="dark"] .client-info-client-identity .client-info-client-name{color:var(--app-dark-heading)!important}
body[data-theme="dark"] .client-info-identity-separator{color:var(--app-dark-muted)!important}
body[data-theme="dark"] .client-alert-trigger{background:var(--app-dark-input)!important;border-color:var(--app-dark-border)!important;color:var(--app-dark-warning)!important}
body[data-theme="dark"] .client-alert-trigger.has-alerts{background:rgba(194,65,12,.16)!important;border-color:rgba(251,146,60,.42)!important;color:#fdba74!important}
body[data-theme="dark"] .client-alert-trigger.has-critical-alerts{background:rgba(185,28,28,.18)!important;border-color:rgba(248,113,113,.42)!important;color:#fca5a5!important}
body[data-theme="dark"] .client-info-classification-indicator{background:rgba(185,28,28,.12)!important;border-color:rgba(248,113,113,.32)!important;color:#fca5a5!important}
@media(max-width:700px){.client-info-filter-group{width:100%}.client-info-filter-group .client-info-compact-filter{width:auto;flex:1 1 auto}.client-info-classification-indicator{flex:0 0 34px}}


/* v176 - Informações do Cliente e ocultação visual de Checklists */
.client-info-client-identity { gap: .55rem; }

/* v177 - dashboard: clientes sem serviços */
.dashboard-service-gap-card{position:relative;display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}.dashboard-service-gap-card:hover{color:inherit;border-color:#cbd8e8;box-shadow:0 14px 32px rgba(15,23,42,.06);transform:translateY(-1px)}.dashboard-service-gap-icon{width:52px;height:52px;border-radius:17px;display:flex;align-items:center;justify-content:center;flex:none;background:#fff7ed;color:#c2410c;font-size:22px}.dashboard-service-gap-content{min-width:0}.dashboard-service-gap-content span{display:block;color:#64748b;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dashboard-service-gap-content strong{display:block;margin-top:4px;color:#0f172a;font-size:32px;line-height:1;font-weight:800}.dashboard-service-gap-content small{display:block;margin-top:8px;color:#64748b;font-size:12.5px}.dashboard-service-gap-arrow{margin-left:auto;color:#94a3b8;font-size:18px}.dashboard-service-gap-card:hover .dashboard-service-gap-arrow{color:var(--blue)}
body[data-theme="dark"] .dashboard-service-gap-card{color:#e5edf7}body[data-theme="dark"] .dashboard-service-gap-icon{background:#3a2117;color:#fdba74}body[data-theme="dark"] .dashboard-service-gap-content span,body[data-theme="dark"] .dashboard-service-gap-content small{color:#94a3b8}body[data-theme="dark"] .dashboard-service-gap-content strong{color:#f8fafc}body[data-theme="dark"] .dashboard-service-gap-arrow{color:#64748b}


/* v178 - dashboard: clientes por serviços */
.dashboard-service-distribution .dashboard-donut-legend{gap:12px}.dashboard-donut-legend-link{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:inherit;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}.dashboard-donut-legend-link:hover{color:inherit;border-color:#cbd8e8;box-shadow:0 14px 28px rgba(15,23,42,.06);transform:translateY(-1px)}.dashboard-donut-legend-link strong{align-self:flex-end}.dashboard-service-distribution-hint{display:block;color:#64748b;font-size:11.5px;font-weight:700;padding-left:20px}
body[data-theme="dark"] .dashboard-donut-legend-link:hover{border-color:#475569;box-shadow:0 14px 28px rgba(0,0,0,.18)}body[data-theme="dark"] .dashboard-service-distribution-hint{color:#94a3b8}

/* v181 - Procedimentos do Cliente */
.client-procedures-panel .user-form-body{padding-top:18px}.client-procedure-list{display:flex;flex-direction:column;gap:12px}.client-procedure-item{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .16s,box-shadow .16s}.client-procedure-item.is-inactive{opacity:.72}.client-procedure-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none;background:#eef5ff;color:#2563eb;font-size:20px}.client-procedure-main{min-width:0;flex:1}.client-procedure-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.client-procedure-title-row>strong{font-size:15px;color:#0f172a}.client-procedure-meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:6px;color:#64748b;font-size:12.5px}.client-procedure-main p{margin:9px 0 0;color:#475569;font-size:13.5px;line-height:1.5}.client-procedure-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.client-procedure-edit-panel{margin:0 0 8px;padding:16px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc}.procedure-preview-body{height:calc(100vh - 58px);background:#0f172a}.procedure-pdf-viewer{width:100%;height:100%;border:0;background:#fff}.procedure-video-viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.procedure-video-viewer video{width:100%;height:100%;max-height:calc(100vh - 106px);object-fit:contain;background:#000}.procedure-preview-modal .modal-content{background:#fff}.procedure-preview-modal .modal-header{min-height:58px}
body[data-theme="dark"] .client-procedure-item{background:#111827;border-color:#334155}body[data-theme="dark"] .client-procedure-icon{background:#172554;color:#93c5fd}body[data-theme="dark"] .client-procedure-title-row>strong{color:#f8fafc}body[data-theme="dark"] .client-procedure-meta,body[data-theme="dark"] .client-procedure-main p{color:#94a3b8}body[data-theme="dark"] .client-procedure-edit-panel{background:#0f172a;border-color:#334155}body[data-theme="dark"] .procedure-preview-modal .modal-content,body[data-theme="dark"] .procedure-preview-modal .modal-header{background:#111827;color:#f8fafc;border-color:#334155}body[data-theme="dark"] .procedure-preview-modal .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}
@media(max-width:760px){.client-procedure-item{padding:13px}.client-procedure-icon{width:38px;height:38px;border-radius:12px;font-size:18px}.client-procedure-actions .btn{flex:1 1 auto}.procedure-video-viewer{padding:8px}}


/* v183 - Procedimentos: visualizador acima do backdrop e mídia sem esmaecimento */
.procedure-preview-modal{position:fixed!important;inset:0!important;z-index:1060!important;opacity:1!important}.procedure-preview-modal.show{opacity:1!important}.procedure-preview-modal .modal-dialog,.procedure-preview-modal .modal-content,.procedure-preview-modal .modal-body{opacity:1!important}.procedure-preview-backdrop{z-index:1055!important;background:#000!important;opacity:.72!important}.procedure-preview-modal .procedure-preview-body{position:relative;z-index:1}.procedure-preview-modal .procedure-pdf-viewer,.procedure-preview-modal .procedure-video-viewer,.procedure-preview-modal video{opacity:1!important}

/* v184 - Procedimentos do Cliente: campos de upload no dark mode */
body[data-theme="dark"] .client-procedures-panel input[type="file"].form-control,
body[data-theme="dark"] .client-procedure-edit-panel input[type="file"].form-control{
    background:#0f172a!important;
    border-color:#334155!important;
    color:#e2e8f0!important;
    color-scheme:dark;
}
body[data-theme="dark"] .client-procedures-panel input[type="file"].form-control::file-selector-button,
body[data-theme="dark"] .client-procedure-edit-panel input[type="file"].form-control::file-selector-button{
    background:#1e293b!important;
    border:0!important;
    border-right:1px solid #475569!important;
    color:#e2e8f0!important;
}
body[data-theme="dark"] .client-procedures-panel input[type="file"].form-control:hover::file-selector-button,
body[data-theme="dark"] .client-procedure-edit-panel input[type="file"].form-control:hover::file-selector-button{
    background:#334155!important;
    color:#f8fafc!important;
}
body[data-theme="dark"] .client-procedures-panel input[type="file"].form-control:focus,
body[data-theme="dark"] .client-procedure-edit-panel input[type="file"].form-control:focus{
    background:#0f172a!important;
    color:#f8fafc!important;
    border-color:#60a5fa!important;
    box-shadow:0 0 0 .2rem rgba(96,165,250,.16)!important;
}