/* TechACS - tema da marca aplicado sobre o Planka (carregado depois do CSS principal) */
:root{
  --ta-primary:#0376c9;        /* azul do simbolo da logo */
  --ta-primary-strong:#0b5096; /* azul do texto da logo */
  --ta-accent:#04afef;         /* ciano do painel TechACS */
  --ta-bg:#0c121c;             /* fundo escuro do painel TechACS */
  --ta-bg-2:#0b2a4a;
  --ta-surface:#f5f7fb;
  --ta-text:#0f172a;
}
/* fundo geral (tela inicial / lista de projetos) */
#app{background:radial-gradient(circle at top left,rgba(4,175,239,.16),transparent 26%),radial-gradient(circle at top right,rgba(14,165,233,.10),transparent 20%),linear-gradient(180deg,#070b12 0%,var(--ta-bg) 100%)}
/* cabecalho */
#app [class*="_wrapper_jdrq3_"]{background:rgba(11,42,74,.88);box-shadow:0 1px 0 rgba(4,175,239,.25)}
#app [class*="_logo_jdrq3_"]{color:var(--ta-accent);font-weight:700;letter-spacing:2px}
#app [class*="_logo_jdrq3_"]:hover{color:#fff}
/* banner Pro e item de menu Pro */
#app [class*="_proMenuItem_"]{display:none!important}
/* botoes */
#app .ui.primary.buttons .button,#app .ui.primary.button,#app .ui.blue.buttons .button,#app .ui.blue.button,
#app .ui.positive.buttons .button,#app .ui.positive.button{background-color:var(--ta-primary)!important;color:#fff!important}
#app .ui.primary.button:hover,#app .ui.primary.button:focus,#app .ui.blue.button:hover,#app .ui.blue.button:focus,
#app .ui.positive.button:hover,#app .ui.positive.button:focus{background-color:var(--ta-primary-strong)!important;color:#fff!important}
#app .ui.primary.button:active,#app .ui.blue.button:active,#app .ui.positive.button:active{background-color:#083d75!important}
/* links e controles */
#app a{color:var(--ta-primary)}
#app a:hover{color:var(--ta-primary-strong)}
#app .ui.toggle.checkbox input:checked~label:before,#app .ui.toggle.checkbox input:focus:checked~label:before{background-color:var(--ta-primary)!important}
#app .ui.checkbox input:checked~label:after{color:var(--ta-primary)}
#app .ui.input.focus>input,#app .ui.input>input:focus,#app .ui.form input:focus,#app .ui.form textarea:focus{border-color:var(--ta-primary)!important}
#app .ui.progress .bar{background:var(--ta-primary)}
/* login */
#app [class*="_cover_45te1_"]{background:url(./login-cover.jpg) center/cover!important}
#app [class*="_coverOverlay_45te1_"]{background:transparent!important}
#app [class*="_formTitle_45te1_"]{color:var(--ta-primary-strong)}
#app [class*="_formSubtitle_45te1_"]{color:#334155}
#app [class*="_wrapper_45te1_"]{background:#fff}

/* o login e integralmente TechACS; remove a assinatura visual do upstream */
#app [class*="_poweredBy_45te1_"]{display:none!important}

/* quadro: listas e cartoes em superficies escuras, com hierarquia e contraste */
#app [class*="_outerWrapper_hsqrn_"]{
  background:linear-gradient(180deg,var(--ta-bg-2) 0%,#091f36 100%)!important;
  border:1px solid rgba(4,175,239,.24);
  box-shadow:0 10px 28px rgba(3,12,24,.28);
  color:#f8fafc!important;
}
#app [class*="_header_hsqrn_"],
#app [class*="_headerName_hsqrn_"],
#app [class*="_header_hsqrn_"] input,
#app [class*="_header_hsqrn_"] textarea{
  color:#f8fafc!important;
}
#app [class*="_header_hsqrn_"] button,
#app [class*="_addCardButton_hsqrn_"]{
  background:rgba(8,30,51,.88)!important;
  color:#c9dbea!important;
}
#app [class*="_addCardButton_hsqrn_"]:hover{
  background:rgba(4,175,239,.12)!important;
  color:#fff!important;
}
#app [class*="_cards_hsqrn_"] .card{
  background:linear-gradient(145deg,#173a59 0%,#10263d 100%)!important;
  border:1px solid rgba(148,198,228,.18);
  box-shadow:0 2px 8px rgba(2,8,18,.34)!important;
  color:#f8fafc!important;
}
#app [class*="_cards_hsqrn_"] .card:hover{
  border-color:rgba(4,175,239,.52);
  box-shadow:0 5px 14px rgba(2,8,18,.42)!important;
}
#app [class*="_cards_hsqrn_"] .card [class*="_name_"],
#app [class*="_cards_hsqrn_"] .card [class*="_attachment_"],
#app [class*="_cards_hsqrn_"] .card time,
#app [class*="_cards_hsqrn_"] .card .icon{
  color:#eaf6ff!important;
}
#app [class*="_card_hsqrn_"]:focus-visible{
  outline:2px solid var(--ta-accent)!important;
  outline-offset:2px;
}

/* botao "Entrar com Google" (branding/techacs-sso.js) */
#techacs-sso{width:100%;margin-top:16px}
#techacs-sso .techacs-sso-sep{display:flex;align-items:center;gap:12px;color:#64748b;font-size:12px;line-height:18px;margin:0 0 14px}
#techacs-sso .techacs-sso-sep:before,#techacs-sso .techacs-sso-sep:after{content:"";flex:1;height:1px;background:#cbd5e1}
#techacs-sso .techacs-sso-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:42px;padding:10px 16px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#0f172a;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s}
#techacs-sso .techacs-sso-btn svg{flex:0 0 18px}
#techacs-sso .techacs-sso-btn:hover{background:#f8fafc;border-color:var(--ta-primary);box-shadow:0 0 0 1px rgba(3,118,201,.12);color:#0f172a}
#techacs-sso .techacs-sso-btn:focus-visible{outline:2px solid var(--ta-accent);outline-offset:2px}
#techacs-sso .techacs-sso-hint{margin-top:8px;text-align:center;color:#64748b;font-size:12px;line-height:17px}
@media (max-width:480px){#techacs-sso .techacs-sso-btn{min-height:44px}}