/* Planntech identity layer over the responsive Elastic skin. */
:root{--pt-teal:#087f8c;--pt-teal-hover:#066875;--pt-cyan:#36c4cf;--pt-violet:#6665e9;--pt-ink:#243b49;--pt-line:#dce6eb;--pt-soft:#e9f7f8}
a{color:var(--pt-teal)}
.btn-primary,.btn.btn-primary{background:var(--pt-teal);border-color:var(--pt-teal)}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:var(--pt-teal-hover)!important;border-color:var(--pt-teal-hover)!important}
.form-control:focus,.custom-select:focus{border-color:var(--pt-teal);box-shadow:0 0 0 .2rem rgba(8,127,140,.15)}
#layout-menu{background:#233947;border-right:1px solid #29434f}
#layout-menu #logo{width:46px;height:52px;max-width:46px;max-height:52px;object-fit:contain;margin:18px auto}
#taskmenu a,#taskmenu a:before{color:#dce9ed}
#taskmenu a:hover,#taskmenu a.selected,#taskmenu a.selected:hover{background:#304b59;color:#fff}
#taskmenu a.selected{box-shadow:inset 3px 0 var(--pt-cyan)}
#taskmenu a.selected:before,#taskmenu a:hover:before{color:var(--pt-cyan)}
.listing tr.selected>td,.listing li.selected>a,.listing li.selected>div{background:var(--pt-soft);color:var(--pt-ink)}
.listing tr.selected>td{border-bottom-color:#d2e9ec}
.listing tr.unread .subject a{color:#1e4e5b}
.toolbar a:not(.disabled):hover{color:var(--pt-teal)}
.folderlist li.selected>a{background:var(--pt-soft);color:var(--pt-teal);box-shadow:inset 3px 0 var(--pt-teal)}
.custom-switch .custom-control-input:checked~.custom-control-label:before,.custom-control-input:checked~.custom-control-label:before{background-color:var(--pt-teal);border-color:var(--pt-teal)}
.task-login{background:#edf4f7;background-image:radial-gradient(ellipse at 15% 15%,rgba(54,196,207,.19),transparent 45%),radial-gradient(ellipse at 90% 80%,rgba(102,101,233,.14),transparent 48%)}
.task-login #layout{display:flex;align-items:center;justify-content:center;min-height:100vh;height:auto;padding:32px 20px;background:transparent}
.task-login #layout-content{flex:0 1 440px!important;width:440px!important;max-width:100%;min-width:0;min-height:0;height:auto!important;overflow:visible;padding:34px 38px 26px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:#fff!important;box-shadow:0 20px 70px rgba(35,57,71,.1);position:relative}
.task-login #layout-content:before{content:"";display:block;position:absolute;top:0;left:28px;right:28px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--pt-cyan) 0 48%,#bf9fe7 48% 72%,var(--pt-violet) 72%)}
.task-login #logo{position:static;display:block;top:auto;width:320px;height:auto;max-height:none;max-width:100%;margin:0 auto 26px;background:#fff}
.task-login #login-form{position:static;top:auto;width:100%;max-width:none;margin:0 auto}
.planntech-welcome{text-align:left;margin:0 0 24px}
.planntech-welcome span{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--pt-teal)}
.planntech-welcome h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;font-weight:650;color:var(--pt-ink);margin:9px 0 8px}
.planntech-welcome p{font-size:14px;color:#627580;margin:0}
.task-login #login-form .form-control{height:48px;border-color:var(--pt-line);background:#fff;color:var(--pt-ink);border-radius:0 9px 9px 0}
.task-login #login-form .input-group-text{border-color:var(--pt-line);background:#f2f7f9;color:#607b89;border-radius:9px 0 0 9px}
.task-login #rcmloginsubmit{height:48px;border-radius:9px;font-weight:600;letter-spacing:.03em;margin-top:7px}
.task-login #login-footer{margin-top:24px;color:#6b7c88;font-size:11px}
.task-login #login-footer:after{content:"PLANNTECH · CONSULTORIA E TECNOLOGIA";letter-spacing:.08em;font-size:9px;color:#6b7c88}
.dark-mode body:not(.task-login) a{color:#76d9df}
.dark-mode #layout-menu{background:#182b35}
.dark-mode .listing tr.selected>td,.dark-mode .listing li.selected>a,.dark-mode .listing li.selected>div,.dark-mode .folderlist li.selected>a{background:#244650;color:#e6f4f6}
.dark-mode .listing tr.unread .subject a{color:#b8e7eb}
.dark-mode .task-login{background-color:#182c39;background-image:radial-gradient(ellipse at 15% 15%,rgba(54,196,207,.12),transparent 45%),radial-gradient(ellipse at 90% 80%,rgba(102,101,233,.15),transparent 48%)}
@media(max-width:480px){.task-login #layout{padding:20px 16px}.task-login #layout-content{padding:28px 25px 24px;border-radius:18px}.task-login #logo{margin-bottom:23px}.planntech-welcome h2{font-size:22px}}
@media(max-height:620px){.task-login #layout{align-items:flex-start}.task-login #logo{width:250px;margin-bottom:14px}.planntech-welcome{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}