
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#24342d;background:#f6f8f6;font-synthesis:none;--green:#234f3c;--lime:#d8ed9c;--muted:#7b877f;--border:#e6ebe6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{border:0}aside{position:fixed;inset:0 auto 0 0;width:244px;padding:32px 22px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{font-size:38px;letter-spacing:-3px;font-weight:850;line-height:1}.brand span{font-size:13px;vertical-align:top;letter-spacing:0;margin-left:3px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;margin:35px 0 28px;padding:12px;font-size:13px;font-weight:650}.workspace small,.profile small{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:4px}.workspace-icon,.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf2e9;color:var(--green);font-weight:700}.nav-label{font-size:10px;letter-spacing:1.6px;color:#929c94;margin:0 12px 14px}nav{display:grid;gap:6px}nav button{background:transparent;text-align:left;color:#7b847f;padding:12px 14px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:550}nav button>span{font-size:19px;width:20px}nav button.selected{background:#edf3e8;color:var(--green)}nav b{margin-left:auto;background:#fff;padding:2px 7px;border-radius:5px;font-size:10px}.sidebar-bottom{margin-top:auto}.live-dot{font-size:11px;color:#849084;border-bottom:1px solid var(--border);padding:22px 8px}.live-dot:before{content:'●';color:#7ca864;margin-right:7px}.profile{background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:20px 0 10px;font-size:12px;width:100%}.logout{font-size:11px;color:#7a837d;background:transparent;margin-left:42px}.main{margin-left:244px}.topbar{height:80px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;font-size:12px;color:#838c85}.topbar strong{color:#435247;font-weight:500}.topbar .muted{margin:0 12px}.content{max-width:1600px;margin:auto;padding:38px 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7b8a77;font-weight:650}h1{font-size:30px;letter-spacing:-1.2px;font-weight:600;margin:12px 0 10px}p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}h2{font-size:15px;letter-spacing:-.2px;font-weight:650;margin:0}h3{font-size:14px}.accent{color:#83a651}.primary{background:var(--green);color:white;padding:12px 18px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.primary:hover{background:#316d50}.secondary{background:white;border:1px solid #dce4db;color:#425744;padding:11px 16px;border-radius:7px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{background:white;border:1px solid var(--border);border-radius:12px;padding:21px}.stat>span{font-size:11px;color:#727e75;display:flex;justify-content:space-between;align-items:center}.stat b{font-size:18px;color:#7b9277;font-weight:400}.stat strong{display:block;font-size:34px;font-weight:550;margin:12px 0 4px;letter-spacing:-1px}.stat small{font-size:10px;color:#929b94}.panel{border:1px solid var(--border);background:white;border-radius:12px;overflow:hidden}.panel-heading{padding:22px 24px;display:flex;justify-content:space-between;align-items:center}.text-button{background:transparent;color:#7b8c72;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:24px}.delivery{background:white;width:100%;display:flex;align-items:center;gap:12px;text-align:left;border-top:1px solid #f0f2ef;padding:18px 24px;color:#3f5144}.delivery div{flex:1}.delivery strong{font-size:12px;font-weight:550}.delivery small{display:block;font-size:10px;color:#929b94;margin-top:5px}.delivery>span:last-child{font-size:11px}.task-dot{height:8px;width:8px;background:#9dbf88;border-radius:50%}.task-dot.late{background:#d78073}.welcome-card{padding:28px;background:#edf2e3;border:1px solid #e2e9d7;border-radius:12px}.welcome-card h2{font-size:32px;font-weight:500;letter-spacing:-1px;margin:18px 0 12px}.welcome-card p{max-width:260px}.flow-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.flow-pills span{font-size:9px;border:1px solid #d4dec5;padding:7px;border-radius:5px}.projects-panel{margin-top:26px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px 24px}.project-card{text-align:left;border:1px solid var(--border);border-radius:9px;background:white;padding:18px;color:inherit}.project-card>small{font-size:10px;color:#8e9a86}.project-card h3{margin:12px 0}.project-card p{font-size:11px;min-height:40px}.progress{height:4px;background:#edf1ea;border-radius:5px;overflow:hidden;margin:22px 0 12px}.progress i{display:block;height:100%;background:#88a966}.project-card footer{font-size:10px;color:#8c9787;display:flex;justify-content:space-between}.empty{text-align:center;padding:45px 20px;width:100%;grid-column:1/-1}.empty>span{font-size:29px;color:#a3b590}.empty h3{font-weight:550;margin-bottom:8px}.empty p{font-size:12px}.toolbar{padding:16px 22px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);align-items:center}.tabs{display:flex;gap:5px}.tabs button{font-size:12px;background:transparent;color:#8e978c;padding:9px}.tabs button.active{color:var(--green);background:#f0f5e9;border-radius:6px}.tabs span{font-size:10px;margin-left:7px}.filters{display:flex;gap:10px}.filters input,.filters select{max-width:220px;font-size:11px;padding:9px 12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{padding:14px 22px;background:#fbfcfa;font-size:10px;color:#929c91;font-weight:500;border-bottom:1px solid var(--border)}td{padding:18px 22px;border-bottom:1px solid #eff2ec}tr:last-child td{border-bottom:0}td strong{font-weight:550}td small{display:block;font-size:10px;color:#929b94;margin-top:6px;max-width:250px}td.overdue{color:#b65a50}.row-action{background:transparent;font-size:10px;color:#77916b;white-space:nowrap}.badge{display:inline-block;border-radius:5px;font-size:10px;padding:5px 8px;background:#f0f3ed;color:#7c8874}.badge.active,.badge.completed{background:#edf5e8;color:#638354}.badge.paused,.badge.high{background:#fcf0db;color:#a37c33}.badge.cancelled,.badge.inactive{background:#faece9;color:#ad7268}.board{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:16px;overflow:auto;padding:20px;background:#fbfcfa}.board>section>h3{font-size:12px;color:#7b8874;display:flex;justify-content:space-between}.board-card{width:100%;text-align:left;background:white;border:1px solid var(--border);padding:16px;border-radius:9px;margin:8px 0;color:inherit}.board-card p,.board-card footer{font-size:11px}.board-card footer{margin-top:18px;color:#83907d;line-height:1.8}.muted{color:var(--muted)}dialog{width:min(760px,94vw);max-height:90vh;border:1px solid var(--border);border-radius:15px;padding:28px;color:#293d2e;box-shadow:0 20px 80px #142b2933}dialog::backdrop{background:#172d2566;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-heading h2{font-size:23px;margin-top:8px}.close{background:transparent;font-size:28px;color:#8b9686}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.8}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#6b7e66}input,select,textarea{border:1px solid #dfe6da;border-radius:6px;padding:11px 12px;background:white;color:#2e432e;min-width:0;width:100%}textarea{resize:vertical}legend{font-size:11px;color:#73836d;margin-bottom:12px}.check{display:flex;flex-direction:row;align-items:center;gap:9px;margin:9px 0}.check input{width:15px;accent-color:var(--green)}.check small{color:#9ba492}.form-error{color:#ac4c42;font-size:12px;margin-top:16px;min-height:18px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.danger{color:#b25c4f;background:transparent;margin-right:auto;font-size:12px}#toast{position:fixed;bottom:24px;right:28px;background:#234f3c;color:white;border-radius:9px;padding:15px 22px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-story{background:#234f3c;color:#f4f7ec;padding:60px 12%;display:flex;flex-direction:column;justify-content:center}.auth-story .brand{margin-bottom:90px}.auth-story .eyebrow{color:#b4cb99}.auth-story h1{font-size:64px;line-height:1.1;font-weight:500;letter-spacing:-3px;margin:25px 0}.auth-story p{color:#bacbb8;max-width:300px}.auth-story>small{margin-top:80px;font-size:9px;letter-spacing:2px;color:#a5b99b}.auth-form{align-self:center;max-width:450px;padding:40px;width:100%;justify-self:center}.auth-form h2{font-size:28px;font-weight:550;letter-spacing:-1px;margin:16px 0}.auth-form form{margin:30px 0 24px}.auth-form label{margin:18px 0}.auth-form .primary{width:100%;display:flex;justify-content:space-between}.auth-form>small{font-size:11px;color:#96a18f;line-height:1.7;display:block}@media(max-width:1100px){aside{width:205px}.main{margin-left:205px}.content{padding:28px 24px}.stats{gap:10px}.stat{padding:16px}.page-heading h1{font-size:25px}.cards{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1.4fr 1fr}}@media(max-width:760px){aside{position:static;width:auto;padding:18px}.workspace,.nav-label,.sidebar-bottom,.top-date{display:none}aside .brand{font-size:30px;margin-bottom:20px}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:9px}nav button>span,nav b{display:none}.main{margin:0}.topbar{height:50px;padding:0 20px}.content{padding:24px 16px}.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input,.filters select{width:50%}.auth{grid-template-columns:1fr}.auth-story{padding:35px}.auth-story .brand{margin:0 0 30px}.auth-story h1{font-size:42px}.auth-story>small{display:none}.auth-form{padding:30px}.form-grid{grid-template-columns:1fr}.welcome-card h2{font-size:28px}}

progress.progress{width:100%;border:0;display:block;appearance:none}progress::-webkit-progress-bar{background:#edf1ea}progress::-webkit-progress-value{background:#88a966}progress::-moz-progress-bar{background:#88a966}

@media(max-width:760px){.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;border-top:1px solid var(--border);padding-top:10px}.sidebar-bottom .live-dot{display:none}.profile{padding:0;width:auto}.profile .avatar{width:28px;height:28px;font-size:10px}.logout{margin:0}.delivery{padding:16px;gap:9px}.delivery div{min-width:0}.delivery strong{overflow-wrap:anywhere}.delivery>span:last-child{flex-shrink:0;font-size:10px}}
/* Atendimento */
.ticket-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.ticket-stats .stat{text-align:left;color:inherit}.ticket-filters{flex-wrap:wrap;align-items:end}.ticket-filters label{font-size:10px;gap:3px}.ticket-filters select,.ticket-filters input{max-width:200px}.ticket-detail{margin-top:26px;scroll-margin-top:20px}.ticket-detail h2{margin-top:8px;font-size:21px}.ticket-layout{display:grid;grid-template-columns: minmax(260px,.85fr) minmax(300px,1.4fr);border-top:1px solid var(--border)}.ticket-information{padding:24px;border-right:1px solid var(--border)}.ticket-summary p{margin-top:12px}.preserve,.message p{white-space:pre-wrap;overflow-wrap:anywhere}.triage-form{border-top:1px solid var(--border);margin-top:24px;padding-top:12px}.triage-form label{margin:13px 0}.triage-form .primary{width:100%;margin-bottom:20px}.waiting-reason{background:#fff8e9;border-radius:7px;padding:12px;color:#93742f}.ticket-history{margin-top:26px;border-top:1px solid var(--border);padding-top:12px}.ticket-history p{border-left:2px solid #dce8d0;padding:0 0 15px 12px;margin-top:10px;font-size:11px}.ticket-history time{display:block;font-size:10px;color:#98a08f}.linked-task{border:1px solid var(--border);padding:16px;border-radius:8px}.linked-task .secondary{margin-top:12px}.ticket-conversation{padding:24px;min-width:0}.conversation-tabs{display:flex;gap:10px;border-bottom:1px solid var(--border);padding-bottom:12px}.conversation-tabs button{padding:9px 16px;border-radius:6px;background:#f4f6f0;color:#7b8773;font-size:12px}.conversation-tabs .active{background:var(--green);color:white}.channel-help{font-size:11px;margin:12px 0 20px}.messages{height:350px;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:4px 6px 20px 0}.message{max-width:92%;background:#f5f7f1;padding:14px;border:1px solid #e6ebdf;border-radius:0 12px 12px}.message.mine{align-self:flex-end;background:#eef4e5;border-radius:12px 0 12px 12px}.message header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:8px}.message header strong{font-size:11px;font-weight:600}.message time{font-size:9px;color:#919b86}.message p{font-size:12px;color:#465840}.empty-thread{margin:auto;font-size:12px;color:#8a9780}#ticket-message-form{border-top:1px solid var(--border);padding-top:18px}#ticket-message-form textarea{min-height:95px}.message-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}#ticket-message-form .muted{font-size:11px;margin-top:12px}.notification-item{width:100%;background:#f6faef;text-align:left;display:flex;align-items:center;gap:15px;padding:22px;border-bottom:1px solid var(--border);color:inherit}.notification-item.read{background:white}.notification-item.read .task-dot{background:#dce1d8}.notification-item div{flex:1;min-width:0}.notification-item strong{font-size:12px;font-weight:550;overflow-wrap:anywhere}.notification-item small{display:block;font-size:10px;color:#96a18e;margin-top:7px}.notification-item>span:last-child{font-size:10px;white-space:nowrap}.badge.waiting{background:#fcf0db;color:#a37c33}.badge.new,.badge.triage{background:#e9eff9;color:#5e7b9c}.badge.in_progress{background:#edf5e8;color:#638354}nav #notification-count{margin-left:auto}nav button:has(#notification-count){flex-wrap:wrap}
@media(max-width:900px){.ticket-layout{grid-template-columns:1fr}.ticket-information{border-right:0;border-bottom:1px solid var(--border)}.ticket-stats{grid-template-columns:1fr 1fr}.ticket-detail .panel-heading{align-items:flex-start;gap:15px}.ticket-filters input,.ticket-filters select{width:100%;max-width:100%}.ticket-filters{width:100%}.ticket-filters>label{width:100%}.message header{flex-wrap:wrap;gap:6px}.ticket-conversation,.ticket-information{padding:18px}.ticket-detail h2{font-size:18px;overflow-wrap:anywhere}}

.live-notice:empty{display:none}.live-notice{padding:14px 24px;background:#fff8e9;color:#93742f;font-size:12px}@media(max-width:760px){nav #notification-count{display:inline-block}}
.permissions-panel details{border-top:1px solid var(--border);padding:12px 0}.permissions-panel summary{cursor:pointer;font-weight:600;font-size:13px;padding:6px 0}.permissions-panel details label{margin-top:12px}.permission-presets{padding:12px 0 20px}.permission-presets select{max-width:100%;margin:10px 0}.permission-presets button{margin:5px 5px 5px 0}.ticket-attachments{border-top:1px solid var(--border);padding:18px 0;margin:15px 0}.ticket-attachments h3{margin-top:0}.attachment-list article{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--border)}.attachment-list a,.reference-file a{color:var(--green);text-decoration:underline;overflow-wrap:anywhere}.attachment-list small{font-size:10px;color:var(--muted)}.ticket-attachments form{padding-top:15px}.ticket-attachments input[type=file]{max-width:100%}.reference-file{display:flex;justify-content:space-between;gap:12px;padding:12px 0;overflow-wrap:anywhere}@media(max-width:760px){.permission-presets button{display:block;width:100%;margin:8px 0}.reference-file{flex-wrap:wrap}.attachment-list article{align-items:flex-start;flex-direction:column}}
