:root{
  --wac-blue:#1566d8;
  --wac-blue-dark:#0e4fae;
  --wac-navy:#0a2037;
  --wac-ink:#10283d;
  --wac-text:#385267;
  --wac-muted:#75889a;
  --wac-line:#e1e8ef;
  --wac-soft:#f5f8fb;
  --wac-success:#56b978;
  --wac-warning:#e9a83c;
  --wac-danger:#d96055;
}
.wac,.wac *{box-sizing:border-box}
.wac{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--wac-ink);
}
.wac a{text-decoration:none}

/* Login */
.wac-login-shell{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  min-height:720px;
  padding:55px 20px;
  background:
    radial-gradient(circle at 90% 10%,rgba(21,102,216,.10),transparent 26%),
    linear-gradient(180deg,#f8fbfe,#eef4f9);
}
.wac-login-wrap{
  width:min(1120px,100%);
  min-height:610px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  overflow:hidden;
  border:1px solid #dce5ed;
  border-radius:26px;
  background:#fff;
  box-shadow:0 30px 80px rgba(19,45,70,.12);
}
.wac-login-visual{position:relative;min-height:610px;overflow:hidden;background:#dfe8ef}
.wac-login-visual img{width:100%;height:100%;display:block;object-fit:cover}
.wac-login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,26,44,.70))}
.wac-login-overlay{position:absolute;z-index:2;left:38px;right:38px;bottom:38px;color:#fff}
.wac-login-overlay span{display:block;margin-bottom:10px;color:#8cd3f0;font-size:10px;font-weight:850;letter-spacing:.14em}
.wac-login-overlay strong{display:block;max-width:500px;font-size:31px;line-height:1.18;letter-spacing:-.035em}
.wac-login-card{padding:55px 52px;align-self:center}
.wac-login-brand,.wac-side-brand{display:flex;align-items:center;gap:12px}
.wac-brand-symbol{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(145deg,#0d3158,#0a2037);color:#fff;font-weight:850;font-size:19px;
}
.wac-login-brand strong{display:block;font-size:14px}.wac-login-brand small{display:block;margin-top:2px;color:#8a99a7;font-size:10px}
.wac-login-card h1{margin:38px 0 10px;font-size:38px;line-height:1.08;letter-spacing:-.04em}
.wac-login-card>p{margin:0 0 27px;color:var(--wac-muted);font-size:13.5px;line-height:1.65}
#wac-login-form{display:grid;gap:14px}
#wac-login-form p{margin:0}
#wac-login-form label{display:grid;gap:7px;color:#3d586d;font-size:11.5px;font-weight:760}
#wac-login-form input[type="text"],#wac-login-form input[type="password"]{
  width:100%;height:49px;border:1px solid #d4e0e9;border-radius:10px;background:#fff;padding:0 12px;font:inherit;font-size:13px;outline:none;
}
#wac-login-form input:focus{border-color:#73a8d7;box-shadow:0 0 0 4px rgba(21,102,216,.07)}
#wac-login-form .login-remember label{display:flex;align-items:center;gap:8px;font-weight:550;color:#738596}
#wac-login-form .button-primary{
  width:100%;height:50px!important;border:0!important;border-radius:10px!important;background:#1566d8!important;color:#fff!important;
  font:inherit!important;font-size:12.5px!important;font-weight:820!important;cursor:pointer!important;
}
#wac-login-form .button-primary:hover{background:#0e4fae!important}
.wac-login-links{display:flex;justify-content:space-between;gap:20px;margin-top:17px}
.wac-login-links a{color:#42637c;font-size:11px;font-weight:700}
.wac-login-security{display:grid;grid-template-columns:28px 1fr;gap:9px;margin-top:28px;padding-top:20px;border-top:1px solid #e8edf2}
.wac-login-security p{margin:0;color:#8795a2;font-size:10.5px;line-height:1.5}
.wac-no-access{max-width:650px;margin:80px auto;padding:30px;border:1px solid #e1e7ed;border-radius:16px;background:#fff}

/* Portal app */
.wac-app{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  min-height:760px;
  display:grid;
  grid-template-columns:245px minmax(0,1fr);
  background:#f5f8fb;
}
.wac-sidebar{
  position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 18px 20px;
  background:linear-gradient(180deg,#091f35,#0b2d4c);color:#fff;
}
.wac-side-brand{padding:0 9px 24px;color:#fff}
.wac-side-brand .wac-brand-symbol{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10)}
.wac-side-brand strong{display:block;font-size:15px}.wac-side-brand small{display:block;margin-top:2px;color:#93aec2;font-size:9.5px}
.wac-nav{display:grid;gap:4px}
.wac-nav a{
  min-height:45px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:11px;color:#b8cad8;font-size:12px;font-weight:720;
}
.wac-nav a>span{width:22px;color:#7899b2;text-align:center;font-size:12px}
.wac-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.wac-nav a.is-active{background:#fff;color:#123c60}
.wac-nav a.is-active>span{color:#1566d8}
.wac-side-help{margin-top:auto;padding:16px;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}
.wac-side-help span{display:block;color:#91aabf;font-size:9.5px}.wac-side-help a{display:block;margin-top:6px;color:#fff;font-size:12px;font-weight:800}.wac-side-help small{display:block;margin-top:4px;color:#8ba5ba;font-size:9.5px}
.wac-logout{margin-top:12px;padding:10px 12px;color:#8ba4b8;font-size:10.5px;font-weight:700}
.wac-main{min-width:0}
.wac-top{
  height:70px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;
  background:rgba(255,255,255,.92);border-bottom:1px solid #e0e7ee;backdrop-filter:blur(12px);
}
.wac-top>div{display:flex;align-items:center;gap:11px}
.wac-top-context{color:#768a9b;font-size:10.5px;font-weight:750}
.wac-menu-toggle{display:none!important}
.wac-user{display:flex!important;align-items:center!important;gap:10px!important}
.wac-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eaf2fb;color:#1566d8;font-size:10px;font-weight:850}
.wac-user strong{display:block;color:#244259;font-size:11.5px}.wac-user small{display:block;margin-top:2px;color:#8b99a5;font-size:9.5px}
.wac-content{width:min(1260px,calc(100% - 54px));margin:0 auto;padding:43px 0 70px}
.wac-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}
.wac-page-head>div>span,.wac-panel-head span{display:block;color:#1566d8;font-size:9px;font-weight:850;letter-spacing:.12em}
.wac-page-head h1{margin:8px 0 7px;font-size:36px;line-height:1.08;letter-spacing:-.04em}
.wac-page-head p{margin:0;color:#75889a;font-size:13px;line-height:1.6}
.wac-primary,.wac-secondary{
  min-height:42px;padding:0 16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;white-space:nowrap;
}
.wac-primary{background:#1566d8;color:#fff!important}.wac-primary:hover{background:#0e4fae}
.wac-secondary{background:#fff;border:1px solid #d8e2eb;color:#2d506a!important}.wac-secondary:hover{border-color:#b9ccdc}
.wac-announcement{display:grid;grid-template-columns:70px 1fr;gap:17px;margin-bottom:20px;padding:17px 20px;border:1px solid #dce8f2;border-radius:12px;background:#f0f7fd}
.wac-announcement>span{color:#1566d8;font-size:9px;font-weight:850;letter-spacing:.1em}.wac-announcement strong{font-size:12px}.wac-announcement p{margin:4px 0 0;color:#647b8e;font-size:11px}
.wac-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.wac-stat-grid article{padding:19px;border:1px solid #e0e7ee;border-radius:13px;background:#fff}
.wac-stat-grid span{display:block;color:#8594a2;font-size:9.5px;font-weight:720}.wac-stat-grid strong{display:block;margin-top:8px;font-size:24px}.wac-stat-grid small{display:block;margin-top:3px;color:#94a0aa;font-size:9.5px}
.wac-dashboard-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:16px}
.wac-panel{padding:24px;border:1px solid #e0e7ee;border-radius:15px;background:#fff}
.wac-panel-large{min-width:0}
.wac-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.wac-panel-head h2{margin:5px 0 0;font-size:20px;letter-spacing:-.025em}.wac-panel-head a{color:#496a82;font-size:10px;font-weight:750}
.wac-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wac-system-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.wac-system-card{position:relative;min-height:158px;padding:18px;border:1px solid #e2e8ee;border-radius:12px;overflow:hidden}
.wac-system-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--system-color)}
.wac-system-dot{width:8px;height:8px;border-radius:50%;display:block;background:var(--system-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--system-color) 10%,transparent)}
.wac-system-card h3{margin:17px 0 6px;font-size:14px}.wac-system-card p{margin:0;color:#8795a2;font-size:9.8px;line-height:1.5}.wac-system-card a{position:absolute;left:18px;bottom:15px;color:#365c78;font-size:10px;font-weight:800}.wac-system-card a span{color:var(--system-color)}
.wac-empty{padding:24px;text-align:center;border:1px dashed #d9e2e9;border-radius:12px;background:#fafcfd}.wac-empty strong{font-size:12px}.wac-empty p{margin:5px 0 0;color:#8a99a5;font-size:10px}
.wac-ticket-mini-list{display:grid}.wac-ticket-mini-list a{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f4}.wac-ticket-mini-list a:last-child{border-bottom:0}.wac-ticket-mini-list strong{display:block;color:#2c4b62;font-size:10.5px}.wac-ticket-mini-list small{display:block;margin-top:3px;color:#94a0aa;font-size:9px}
.wac-status{width:7px;height:7px;border-radius:50%;margin-top:3px;background:#9eabb5}.wac-status.open{background:#e1a840}.wac-status.progress{background:#468ed8}.wac-status.waiting{background:#b37cc7}.wac-status.closed{background:#58b879}
.wac-support-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}
.wac-ticket-form,.wac-account-form{display:grid;gap:14px}
.wac-ticket-form label,.wac-account-form label{display:grid;gap:6px}.wac-ticket-form label>span,.wac-account-form label>span{color:#4d697e;font-size:10.5px;font-weight:760}
.wac-ticket-form input,.wac-ticket-form select,.wac-ticket-form textarea,.wac-account-form input{
  width:100%;min-height:45px;border:1px solid #d7e1e9;border-radius:9px;background:#fff;padding:9px 11px;font:inherit;font-size:12px;outline:none;
}
.wac-ticket-form textarea{min-height:145px;resize:vertical}.wac-ticket-form input:focus,.wac-ticket-form select:focus,.wac-ticket-form textarea:focus,.wac-account-form input:focus{border-color:#77a9d5;box-shadow:0 0 0 4px rgba(21,102,216,.06)}
.wac-ticket-form button,.wac-account-form button{
  min-height:45px;border:0;border-radius:9px;background:#1566d8;color:#fff;font:inherit;font-size:11px;font-weight:820;cursor:pointer;
}
.wac-ticket-list{display:grid;gap:8px}.wac-ticket-list details{border:1px solid #e2e8ee;border-radius:10px;background:#fff;overflow:hidden}.wac-ticket-list summary{list-style:none;cursor:pointer;padding:14px;display:flex;justify-content:space-between;gap:20px}.wac-ticket-list summary::-webkit-details-marker{display:none}.wac-ticket-list summary>div{display:flex;align-items:center;gap:10px}.wac-ticket-list summary strong{font-size:11px}.wac-ticket-list summary small{color:#8c99a4;font-size:9px}.wac-ticket-body{padding:0 15px 15px;color:#677d8e;font-size:11px;line-height:1.6}.wac-ticket-body>span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0f4f7;font-size:8.5px;font-weight:760}.wac-reply{margin-top:13px;padding:13px;border-radius:9px;background:#f2f7fc;border-left:3px solid #1566d8}.wac-reply strong{color:#244861;font-size:10px}.wac-reply p{margin:5px 0 0}
.wac-external-panel{text-align:center;padding:70px 30px}.wac-external-icon{width:56px;height:56px;margin:0 auto 17px;border-radius:15px;display:grid;place-items:center;background:#eaf3fc;color:#1566d8;font-size:18px}.wac-external-panel h2{font-size:22px}.wac-external-panel p{margin:8px auto 20px;max-width:500px;color:#81909e;font-size:11px}
.wac-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wac-account-panel{max-width:800px}.wac-account-actions{display:flex;align-items:center;gap:20px}.wac-account-actions button{padding:0 17px}.wac-account-actions a{color:#3a617d;font-size:10.5px;font-weight:750}
.wac-notice{margin-bottom:20px;padding:13px 15px;border-radius:10px;font-size:11px}.wac-notice.success{background:#edf8f1;border:1px solid #d0ead8;color:#2d6c43}.wac-notice.error{background:#fff2f0;border:1px solid #efd5d0;color:#8c473d}
@media(max-width:1050px){
  .wac-stat-grid{grid-template-columns:repeat(2,1fr)}
  .wac-dashboard-grid,.wac-support-grid{grid-template-columns:1fr}
  .wac-system-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .wac-login-wrap{grid-template-columns:1fr}.wac-login-visual{display:none}.wac-login-card{padding:42px 32px}
  .wac-app{grid-template-columns:1fr}.wac-sidebar{position:fixed;z-index:100;left:-260px;width:245px;transition:.2s ease}.wac-app.is-menu-open .wac-sidebar{left:0}
  .wac-menu-toggle{display:inline-flex!important;border:0!important;background:transparent!important;color:#31546e!important;padding:0!important;font-size:20px!important}
  .wac-content{width:min(100% - 28px,1260px);padding-top:30px}.wac-top{padding:0 17px}
}
@media(max-width:580px){
  .wac-login-shell{padding:24px 12px}.wac-login-card{padding:34px 22px}.wac-login-card h1{font-size:33px}
  .wac-page-head{display:block}.wac-page-head>a{margin-top:15px}
  .wac-stat-grid,.wac-system-grid,.wac-system-grid.is-compact,.wac-form-row{grid-template-columns:1fr}
  .wac-user div{display:none}.wac-panel{padding:18px}.wac-account-actions{display:grid}
}

/* símbolo oficial WorthTec */
.wac-brand-symbol{
  overflow:hidden;
  background:#fff!important;
  border:1px solid #dbe5ed;
  padding:5px;
}
.wac-brand-symbol img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.wac-side-brand .wac-brand-symbol{
  background:#fff!important;
  border-color:rgba(255,255,255,.18);
}


/* v1.0.1 — favicon oficial na marca da Área do Cliente */
.wac-brand-symbol{
  background:#fff !important;
  border:1px solid #dbe5ed !important;
  padding:4px !important;
}
.wac-brand-symbol img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}


/* ==========================================================
   WAC 1.2.0 — PORTAL CORPORATIVO
   ========================================================== */
.wac-sidebar,
.wac-sidebar *{
  color:#fff;
}
.wac-sidebar{
  background:
    radial-gradient(circle at 15% 0,rgba(27,135,207,.20),transparent 23%),
    linear-gradient(180deg,#071a2c 0%,#0a2944 56%,#071d31 100%)!important;
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:14px 0 35px rgba(6,29,49,.07);
}
.wac-side-brand{
  padding-bottom:22px!important;
  margin-bottom:13px!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.wac-side-brand strong,
.wac-nav a,
.wac-side-help a,
.wac-logout{
  color:#fff!important;
}
.wac-side-brand small,
.wac-side-help span,
.wac-side-help small{
  color:#b7cddd!important;
}
.wac-nav a{
  border:1px solid transparent;
  transition:.16s ease;
}
.wac-nav a:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.05);
  background:rgba(255,255,255,.065)!important;
}
.wac-nav a.is-active{
  color:#153b5c!important;
  background:linear-gradient(135deg,#fff,#f4f9fd)!important;
  border-color:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.12);
}
.wac-nav a.is-active span{color:#1566d8!important}
.wac-logout{
  gap:8px;
  min-height:42px;
  padding:0 12px!important;
  border-radius:10px;
}
.wac-logout:hover{background:rgba(255,255,255,.07)}
.wac-main{
  background:
    radial-gradient(circle at 98% 0,rgba(21,102,216,.05),transparent 24%),
    #f4f7fa!important;
}
.wac-top{
  position:sticky;
  top:0;
  z-index:70;
  background:rgba(255,255,255,.95)!important;
  border-bottom:1px solid #dfe7ee!important;
  box-shadow:0 6px 22px rgba(16,43,67,.035);
}
.wac-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
.wac-content{padding-top:38px!important}
.wac-page-head h1{color:#102c44!important;font-size:38px!important}
.wac-panel{
  border-color:#dde6ed!important;
  box-shadow:0 10px 28px rgba(21,49,73,.035);
}
.wac-stat-grid article{
  border-color:#dde6ed!important;
  box-shadow:0 7px 20px rgba(21,49,73,.025);
}
.wac-stat-grid strong{color:#173b58!important}
.wac-login-overlay,
.wac-login-overlay strong{color:#fff!important}
.wac-login-overlay span{color:#a8e1f6!important}

/* notificações */
.wac-notification-center{position:relative}
.wac-notification-toggle{
  all:unset!important;
  position:relative!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  border:1px solid #d9e3eb!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#36566f!important;
  cursor:pointer!important;
}
.wac-notification-toggle:hover{background:#f7fafc!important;border-color:#c7d7e4!important}
.wac-notification-toggle svg{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.wac-notification-badge{
  position:absolute;right:-5px;top:-5px;
  min-width:18px;height:18px;padding:0 5px;
  border:2px solid #fff;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:#e35d50;color:#fff;font-size:8px;font-weight:850
}
.wac-notification-badge.is-empty{display:none}
.wac-notification-panel{
  position:absolute;right:0;top:calc(100% + 10px);width:370px;max-height:470px;
  overflow:hidden;border:1px solid #d8e3eb;border-radius:15px;background:#fff;
  box-shadow:0 26px 70px rgba(13,43,68,.18);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px);
  transition:.16s ease;z-index:110
}
.wac-notification-center.is-open .wac-notification-panel{
  opacity:1;visibility:visible;pointer-events:auto;transform:none
}
.wac-notification-head{
  min-height:66px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;
  border-bottom:1px solid #e8eef3;background:linear-gradient(135deg,#fbfdff,#f2f7fc)
}
.wac-notification-head strong{display:block;color:#173b56;font-size:12px}
.wac-notification-head small{display:block;margin-top:2px;color:#8798a7;font-size:9px}
.wac-notification-head>span{padding:5px 8px;border-radius:999px;background:#e8f2fc;color:#1566d8;font-size:8px;font-weight:850}
.wac-notification-list{max-height:390px;overflow:auto}
.wac-notification-list>a{
  display:grid;grid-template-columns:9px 1fr;gap:10px;padding:14px 16px;border-bottom:1px solid #edf2f5;color:inherit!important
}
.wac-notification-list>a:hover{background:#f8fbfd}
.wac-notification-list>a.is-unread{background:#f2f8fe}
.wac-notification-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#b6c3cd}
.wac-notification-list>a.is-unread .wac-notification-dot{background:#1566d8}
.wac-notification-list strong{display:block;color:#294b63;font-size:10.5px}
.wac-notification-list p{margin:4px 0;color:#758898;font-size:9.5px;line-height:1.45}
.wac-notification-list small{color:#99a6b0;font-size:8px}
.wac-notification-empty{padding:27px;text-align:center;color:#8795a2;font-size:10px}

/* anexos */
.wac-upload-field{display:grid;gap:8px}
.wac-upload-field>span{color:#4d697e;font-size:10.5px;font-weight:780}
.wac-upload-field>span small{color:#9ba7b0;font-weight:550}
.wac-upload-box{
  min-height:88px!important;display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;gap:12px!important;
  padding:15px!important;border:1px dashed #bdcedb!important;border-radius:12px!important;background:#f9fbfd!important;cursor:pointer!important;
  transition:.17s ease
}
.wac-upload-box:hover{border-color:#7baad0!important;background:#f3f8fc!important}
.wac-upload-box input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.wac-upload-box>b{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#e7f2fc;color:#1566d8;font-size:20px;font-weight:500}
.wac-upload-box strong{display:block;color:#294d66;font-size:11px}
.wac-upload-box small{display:block;margin-top:3px;color:#8495a3;font-size:9px;line-height:1.45}
.wac-file-note{margin:0!important;color:#8b99a5!important;font-size:8.8px!important;line-height:1.55!important}
.wac-file-list{display:grid;gap:5px}
.wac-file-list>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:#f0f5f8;color:#547085;font-size:9px}
.wac-file-list>span b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wac-attachments{margin-top:14px;padding-top:13px;border-top:1px solid #edf1f4}
.wac-attachments>strong{display:block;margin-bottom:8px;color:#4c687c;font-size:9.5px}
.wac-attachment-list{display:grid;gap:6px}
.wac-attachment-list>a{
  display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:9px;
  padding:9px;border:1px solid #e0e8ee;border-radius:9px;background:#fff;color:#385970!important
}
.wac-attachment-list>a:hover{background:#f6f9fc}
.wac-attachment-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e8f3fc;color:#1566d8;font-size:10px}
.wac-attachment-list b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}
.wac-attachment-list small{display:block;margin-top:2px;color:#98a5af;font-size:8px}
.wac-attachment-list i{color:#8295a5;font-style:normal}
.wac-notice.warning{background:#fff8e8;border:1px solid #efdcb2;color:#735820}

/* admin */
.wac-admin-client-card{
  display:grid;gap:3px;padding:13px 14px;margin-bottom:14px;border:1px solid #dfe7ed;border-radius:10px;background:#f7fafc
}
.wac-admin-client-card strong{font-size:13px;color:#173d5b}
.wac-admin-client-card span{font-size:11px;color:#47667e}
.wac-admin-client-card small{font-size:10px;color:#8494a1}

/* layout mobile */
@media(max-width:580px){
  .wac-notification-panel{position:fixed;left:14px;right:14px;top:70px;width:auto}
}