@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--brand:#4dd3ef;--brand2:#58f8fc}
html,body,button,input,select,textarea{font-family:'Poppins','Segoe UI',Arial,sans-serif}
.sidebar{background:#15182b}
.nav a:hover,.nav a.active{background:#203543;color:#fff}
.nav a.active{box-shadow:inset 3px 0 0 var(--brand)}
.btn{background:var(--brand);color:#102733;font-weight:600}
.btn:hover{background:var(--brand2)}
.btn.ghost{background:#e8fbff;color:#08778d}
.badge{background:#e8fbff;color:#08778d}
.logo span{color:var(--brand)}
input:focus,select:focus,textarea:focus{outline:2px solid #4dd3ef55;border-color:var(--brand)}
.login-page{background:radial-gradient(circle at top left,#dffaff,transparent 38%),#f5f7fb}
th{color:#54707a}
.service-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:3px}.check-option{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid #dfe7ec;border-radius:9px;background:#f9fbfc;color:#334b56;font-size:12px}.check-option:has(input:checked){border-color:#4dd3ef;background:#eefdff;color:#08778d}.check-option input,.switch-label input{width:17px;height:17px;margin:0;accent-color:#18bcd8}.linked-services{border:1px solid #dfe7ec;border-radius:12px;padding:15px;background:#f9fbfc}.linked-service-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.linked-service-head>small{color:#7e9099;font-size:10px}.switch-label{display:flex;grid-template-columns:none;align-items:center;gap:9px;color:#17313d;font-size:13px;font-weight:700}.conditional-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #e2eaee}.conditional-fields.is-hidden{display:none}#domain-fields{grid-template-columns:2fr 1fr}@media(max-width:800px){.service-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.conditional-fields,#domain-fields{grid-template-columns:1fr 1fr}.linked-service-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.service-checks,.conditional-fields,#domain-fields{grid-template-columns:1fr}}
.activity-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.activity-heading h2{margin-bottom:3px}.activity-heading p{margin:0;font-size:12px}.live-badge{padding:4px 9px;border-radius:20px;background:#e8f9f1;color:#168b62;font-size:10px;font-weight:700}
.activity-intro{margin:-8px 0 14px;font-size:12px}.activity-form{display:grid;gap:9px}.activity-form textarea{min-height:82px}.activity-form .btn{justify-self:end}.activity-timeline{position:relative;margin-top:20px;padding-left:8px}.activity-timeline:before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:#dcecf0}.activity-item{position:relative;display:grid;grid-template-columns:28px 1fr;gap:10px;padding:0 0 20px}.activity-dot{position:relative;z-index:1;width:16px;height:16px;margin-top:2px;border:4px solid #dff8fc;border-radius:50%;background:#28c7e6}.activity-title{color:#607080}.activity-title strong{color:#172033}.activity-item p{margin:5px 0 4px;padding:10px 12px;border-radius:8px;background:#f5f8fb;color:#39485a}.activity-item small{color:#98a5b4;font-size:11px}
.board-top{margin-bottom:26px}.eyebrow{display:block;color:#0794ad;font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:5px}.kanban{grid-template-columns:repeat(4,minmax(250px,1fr));gap:24px;background:#edf2f7;border:1px solid #e1e7ee;border-radius:18px;padding:22px;min-height:560px}.kanban-column{background:transparent;border-radius:0;padding:0;min-height:300px}.kanban-head{padding:0 1px 14px}.kanban-head>div{display:flex;align-items:center;gap:7px}.kanban-head h2{font-size:15px;color:#17314d;margin:0}.kanban-head .column-icon{color:#23b7dc;font-size:18px}.kanban-column:last-child .column-icon{color:#12a75a}.kanban-head .column-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 7px;background:#dce5ed;color:#637386;border-radius:20px;font-size:11px}.kanban-head>button{width:29px;height:29px;border:1px solid #c6d3df;border-radius:50%;background:transparent;color:#91a4b5;font-size:20px;line-height:24px;cursor:pointer}.kanban-cards{gap:12px}.task-card{gap:8px;border:1px solid #dce3ea;border-left:4px solid #89daf0;border-radius:7px;padding:13px 12px;background:#fff;box-shadow:0 2px 0 #d8e0e7;min-height:130px}.task-card:hover{border-color:#75cfe5;border-left-color:#25bedf;box-shadow:0 7px 20px #24415f16;transform:translateY(-2px)}.task-card.priority-border-baixa{border-left-color:#8cdaf1}.task-card.priority-border-media{border-left-color:#cbdc72}.task-card.priority-border-alta{border-left-color:#ff9f43}.task-card.priority-border-urgente{border-left-color:#ff5b93}.task-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.task-tags{display:flex;flex-wrap:wrap;gap:5px}.task-avatar{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#17314d,#4dd3ef);color:#fff;font-size:11px;font-weight:700}.task-card>strong{font-size:14px;color:#18334f;line-height:1.35}.task-project{color:#9baabc;font-size:12px}.task-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto}.task-meta{display:flex;gap:6px;color:#8fa4b7;font-size:11px}.task-meta span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;border:1px solid #d8e5ee;border-radius:14px;background:#f9fcfe}.status-tag{display:inline-block;padding:3px 7px;border-radius:20px;background:#e9f8fb;color:#08778d;font-size:9px;font-weight:700;text-transform:uppercase}.priority{font-size:9px;padding:3px 7px}.due-date{padding:4px 7px;border-radius:4px;background:#ffbf23;color:#fff;font-size:10px;font-weight:700}.due-date.late{background:#ff5c68}.due-date.done{background:#08ad4f}@media(max-width:1200px){.kanban{grid-template-columns:repeat(4,minmax(235px,1fr));gap:14px;padding:16px}}@media(max-width:950px){.kanban{grid-template-columns:repeat(4,78vw)}}@media(max-width:560px){.kanban{grid-template-columns:repeat(4,84vw);padding:12px;gap:12px}}
