/* Logo original e paleta da OMNI publicada. Folha restrita ao Channel. */
.omni-connection{margin-top:20px;padding:18px;background:#fff;border:1px solid #e2e9f2;border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.omni-connection p{font-size:12px;color:#62728b;margin:5px 0}.connection-actions{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.connection-actions label{font-size:12px;margin:0;min-width:180px}.connection-actions select{font-size:12px;max-width:300px}.connection-actions button{font-size:12px;padding:12px}.portfolio-card{padding:14px 0;border-bottom:1px solid #e2e9f2}.portfolio-card:last-child{border-bottom:0}.transfer-panel{margin:15px 0;padding:12px;border:1px solid #e2e9f2;border-radius:8px}.transfer-panel summary{cursor:pointer;color:#0065d6}.transfer-panel input,.transfer-panel select,.transfer-panel button{margin-top:10px}
:root {
  --omni-navy: #061b46;
  --omni-blue: #0065d6;
  --omni-blue-bright: #2c7be5;
  --omni-turquoise: #22c4ce;
  --omni-ink: #122344;
  --omni-muted: #62728b;
  --omni-line: #e2e9f2;
  color: var(--omni-ink);
  background: #f5f8fc;
}
button { color: var(--omni-ink); border-color: #d9e3ef; }
button:hover { border-color: var(--omni-blue-bright); background: #f2f7fe; }
button:focus-visible { outline: 3px solid #2c7be552; outline-offset: 3px; }
input,select,textarea { color: var(--omni-ink); border-color: #ccd9e9; }
input:focus,select:focus,textarea:focus { outline: 3px solid #2c7be526; border-color: var(--omni-blue-bright); }
h1 { color: var(--omni-navy); }
small,footer { color: var(--omni-muted); }
.brand { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.brand img { display: block; width: 176px; height: auto; object-fit: contain; }
.brand span { font-size: 10px; font-weight: 700; letter-spacing: 4px; color: var(--omni-blue); margin: 0; }
#login { padding: 24px; background: radial-gradient(ellipse at 10% 0%,#174d70,transparent 65%),var(--omni-navy); }
#login form { padding: 36px 40px; width: min(460px,100%); border: 1px solid var(--omni-line); box-shadow: 0 24px 70px #0003; }
#login .brand { gap: 2px; margin-bottom: 25px; }
#login .brand span { margin-left: 10px; }
#login h1 { font-size: 26px; }
#login p { color: var(--omni-muted); line-height: 1.6; }
#login button,.toolbar button,.actions button:last-child { background: var(--omni-blue); border-color: var(--omni-blue); color: #fff; }
#login button { font-weight: 600; }
#login button:hover,.toolbar button:hover,.actions button:last-child:hover { background: #0055b5; }
aside { background: var(--omni-navy); border-right: 1px solid #163763; }
aside .brand img { background: #fff; padding: 4px 8px; width: 188px; max-width: 100%; border-radius: 10px; }
aside .brand span { color: #67e0e8; padding: 0 10px; margin-top: 4px; }
aside small { margin-top: 26px; padding: 0 12px; color: #9eb6d8; }
aside button { color: #b8c8de; }
aside button:hover { background: #143363; color: #fff; }
aside button.active { background: #143363; color: #fff; box-shadow: inset 3px 0 0 var(--omni-turquoise); }
.aside-bottom { color: #b8c8de; }
.aside-bottom p { padding: 0 10px; overflow-wrap: anywhere; line-height: 1.5; }
.badge { background: #e7f1ff; color: #175ba9; }
.notice { background: #fff8e8; border-color: #eedfb9; line-height: 1.5; }
.metrics article { border-color: var(--omni-line); }
.metrics small { line-height: 1.6; }
.metrics strong { color: var(--omni-navy); }
.inbox,#conversations { border-color: var(--omni-line); }
.conversation-item.selected { background: #eaf3ff; border-color: #aacdf6; }
.conversation-item span,.empty { color: var(--omni-muted); }
.message { background: #eaf3ff; }
.message.note { background: #fff4d6; }
footer { line-height: 1.6; }
dialog { border-color: var(--omni-line); color: var(--omni-ink); box-shadow: 0 24px 80px #061b4633; }
dialog::backdrop { background: #061b4670; }
#catalog-view article { border: 1px solid var(--omni-line); }
#toast { background: var(--omni-navy); max-width: min(420px,90vw); line-height: 1.5; }
@media(max-width:1000px) and (min-width:721px) { aside .brand img { width: 166px; } }
@media(max-width:720px) {
  aside { align-items: center; padding: 16px; gap: 10px; }
  aside .brand { flex-direction: row; align-items: center; width: 100%; gap: 16px; }
  aside .brand img { width: 150px; padding: 2px 8px; }
  aside .brand span { padding: 0; margin: 0; }
  aside button { font-size: 12px; padding: 10px 12px; }
  .aside-bottom { display: flex; align-items: center; margin: 0 0 0 auto; }
  .metrics article { padding: 14px 12px; }
  .metrics small { letter-spacing: .5px; }
  .toolbar { align-items: center; flex-wrap: wrap; }
  .toolbar button { font-size: 12px; }
  #login { padding: 18px; }
  #login form { padding: 28px 24px; }
  #login h1 { font-size: 24px; }
}

.portfolio-editor{display:grid;gap:16px;margin:24px 0;padding:24px;border:1px solid #dbe5f1;border-radius:12px;max-width:780px}.portfolio-editor label{display:grid;gap:7px}.portfolio-editor input,.portfolio-editor select{max-width:100%;min-width:0}.portfolio-editor fieldset{max-height:320px;overflow:auto;border:1px solid #dbe5f1;border-radius:8px;min-width:0}.portfolio-editor .company-choice{display:flex;align-items:flex-start;gap:10px;margin:12px 0}.company-choice input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:2px 0}.company-choice span{overflow-wrap:anywhere}#catalog-view details{margin:20px 0}#catalog-view article>h2{margin-top:28px}@media(max-width:600px){.portfolio-editor{padding:14px}}


.company-team{color:inherit}.company-team-intro h2{margin:0 0 10px}.company-team-intro p{line-height:1.6;color:#62728b}.company-team-layout{display:grid;grid-template-columns:minmax(240px, .8fr) minmax(0,1.6fr);gap:22px;margin:24px 0}.company-team-directory,.company-team-editor{min-width:0;border:1px solid #dbe5f1;border-radius:10px;padding:20px;background:white}.company-team h3{margin:0 0 16px}.company-team input,.company-team select{width:100%;box-sizing:border-box;min-width:0;padding:11px;border:1px solid #ccd9e9;border-radius:7px;font:inherit;background:white;color:inherit}.company-team-list{max-height:520px;overflow:auto;display:grid;gap:8px}.company-team .company-team-company{display:grid;text-align:left;gap:6px;width:100%;padding:14px;background:#fff;border:1px solid #dbe5f1;border-radius:8px;color:inherit;white-space:normal}.company-team-company strong,.company-team-company small{overflow-wrap:anywhere}.company-team .company-team-company.selected{border-color:#0065d6;background:#edf5ff;box-shadow:inset 3px 0 #22c4ce}.company-team-company small,.company-team-note{font-size:12px;color:#62728b}.company-team-rows{display:grid;gap:14px;margin-top:22px}.company-team-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.4fr) auto;align-items:end;gap:12px;padding-bottom:14px;border-bottom:1px solid #e3eaf3}.company-team-row label{display:grid;gap:7px;font-size:13px;min-width:0}.company-team button{cursor:pointer;font:inherit;border:1px solid #ccd9e9;border-radius:7px;padding:11px;color:#0065d6;background:white}.company-team-row button{font-size:12px}.company-team-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.company-team-actions button[type=submit]{background:#0065d6;color:white;border-color:#0065d6}.company-team button:disabled{opacity:.5;cursor:default}.company-team-status{font-size:14px;line-height:1.5}.company-team-status:empty{display:none}@media(max-width:1050px){.company-team-layout{grid-template-columns:1fr}.company-team-list{max-height:260px}}@media(max-width:650px){.company-team-row{grid-template-columns:1fr}.company-team-row button{justify-self:start}.company-team-directory,.company-team-editor{padding:14px}}

.employee-team-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.employee-team-fields label{display:grid;gap:8px;min-width:0}.employee-team-list{max-height:500px;overflow:auto;border:1px solid #dbe5f1;border-radius:9px;padding:12px}.company-team .employee-team-choice{display:flex;align-items:flex-start;gap:12px;padding:12px 4px}.employee-team-choice>input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:3px 0}.employee-team-choice>span{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.employee-team-choice small{font-size:12px;color:#62728b}.employee-team-warning{font-size:13px;line-height:1.6;color:#715722}.company-team-actions button[aria-pressed=true]{background:#0065d6;color:white}@media(max-width:650px){.employee-team-fields{grid-template-columns:1fr}}

.company-team-summary{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.company-team-summary th,.company-team-summary td{text-align:left;padding:14px 10px;border-bottom:1px solid #e3eaf3;overflow-wrap:anywhere}.company-team-summary th{background:#f2f6fb;color:#061b46}.company-team-summary td:first-child{width:35%;font-weight:600}.company-team-editor>h4{margin-top:24px}.company-team-actions[hidden]{display:none}@media(max-width:650px){.company-team-summary{font-size:13px}.company-team-summary th,.company-team-summary td{padding:12px 7px}}

.attendance-table-wrap{max-width:100%;overflow-x:auto}.attendance-table-wrap .company-team-summary{min-width:650px}.attendance-table-wrap .company-team-summary td:first-child{width:auto}.company-team-layout>.company-team-list{border:1px solid #dbe5f1;border-radius:10px;padding:12px;box-sizing:border-box}.portfolio-editor{max-width:900px}.portfolio-editor select,.portfolio-editor input:not([type=checkbox]){width:100%;box-sizing:border-box}
