/* Estilos do módulo Direção. Todo seletor prefixado por [data-modulo="direcao"]; cor só por token.
   Toolbar, seg, meter, quadro (board/col/kcard), check e rows: as mesmas regras de 05-crm.css / 03-projetos.css,
   repetidas aqui com o prefixo do módulo (sem o prefixo de lá, não chegam nesta tela). */
[data-modulo="direcao"] .page-head{align-items:flex-start}
[data-modulo="direcao"] .dir-cont{font-size:12px;font-weight:600;background:var(--sunk);color:var(--text-2);border-radius:var(--r-pill);padding:1px 8px}
[data-modulo="direcao"] .dir-abas{margin-bottom:20px}
[data-modulo="direcao"] .toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
[data-modulo="direcao"] .toolbar .grow{flex:1}
[data-modulo="direcao"] .toolbar .note{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--text-3)}
[data-modulo="direcao"] .seg{display:inline-flex;padding:3px;border-radius:var(--r-btn);background:var(--sunk);gap:2px}
[data-modulo="direcao"] .seg a{border:0;background:none;font:500 13px var(--font);color:var(--text-2);padding:0 14px;height:32px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer}
[data-modulo="direcao"] .seg .on{background:var(--bg);color:var(--text);box-shadow:0 1px 2px var(--glass-line)}
[data-modulo="direcao"] .meter{height:8px;border-radius:var(--r-pill);background:var(--sunk);overflow:hidden}
[data-modulo="direcao"] .meter i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
[data-modulo="direcao"] .meter i.ok{background:var(--ok)}
[data-modulo="direcao"] .meter i.warn{background:var(--warn)}
[data-modulo="direcao"] .meter i.danger{background:var(--danger)}
[data-modulo="direcao"] .input,[data-modulo="direcao"] .select{height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-input);background:var(--bg);font:400 14px var(--font);color:var(--text);display:flex;align-items:center;gap:8px;min-width:0;width:100%;text-align:left}
[data-modulo="direcao"] .select{justify-content:space-between;cursor:pointer}
[data-modulo="direcao"] .select::after{content:"";width:8px;height:8px;border-right:1.6px solid var(--text-3);border-bottom:1.6px solid var(--text-3);transform:rotate(45deg) translate(-2px,-2px);flex:none}
[data-modulo="direcao"] .select:disabled{background:var(--sunk);color:var(--text-3);border-color:var(--line);cursor:not-allowed}
[data-modulo="direcao"] .input[aria-invalid="true"]{border-color:var(--danger)}
[data-modulo="direcao"] .err{font-size:13px;color:var(--danger)}
[data-modulo="direcao"] .note{font-size:13px;color:var(--text-3)}
[data-modulo="direcao"] .kcard .who,[data-modulo="direcao"] .m-item .who{display:inline-flex;align-items:center;gap:6px}
[data-modulo="direcao"] .muted{color:var(--text-3)}

/* metas */
[data-modulo="direcao"] .dir-metas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}
[data-modulo="direcao"] .dir-meta{display:flex;flex-direction:column;gap:12px;padding:20px 24px;margin:0}
[data-modulo="direcao"] .dir-meta-topo{display:flex;align-items:flex-start;gap:8px}
[data-modulo="direcao"] .dir-meta-topo h2{flex:1;min-width:0;font-size:16px;font-weight:600;line-height:1.35}
[data-modulo="direcao"] .dir-meta-topo .pill{margin-top:1px}
[data-modulo="direcao"] .dir-meta-topo .btn-icon{margin:-6px -8px 0 0}
[data-modulo="direcao"] .dir-meta-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--text-3)}
[data-modulo="direcao"] .dir-valor{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px;color:var(--text-2);font-size:13px}
[data-modulo="direcao"] .dir-valor b{font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.01em}
[data-modulo="direcao"] .dir-barra{position:relative;padding:4px 0}
[data-modulo="direcao"] .dir-marca{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;border-radius:1px;background:var(--text-2)}
[data-modulo="direcao"] .dir-barra-leg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--text-3)}
[data-modulo="direcao"] .dir-barra-leg b{color:var(--text-2);font-weight:600}
[data-modulo="direcao"] .dir-fonte{margin:0;font-size:12px;color:var(--text-3)}
[data-modulo="direcao"] .dir-meta-pe{margin-top:auto;padding-top:4px;gap:8px;flex-wrap:wrap}

/* painel de detalhe */
[data-modulo="direcao"] .dir-mp{width:560px}
[data-modulo="direcao"] .dir-mp-in{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto}
[data-modulo="direcao"] .dir-mp .dialog-body{display:flex;flex-direction:column;gap:16px}
[data-modulo="direcao"] .dir-mp-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
[data-modulo="direcao"] .dir-mp-kpi > div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
[data-modulo="direcao"] .dir-mp-kpi .lbl{font-size:12px;color:var(--text-3)}
[data-modulo="direcao"] .dir-mp-kpi b{font-size:16px;font-weight:600;overflow-wrap:anywhere}
[data-modulo="direcao"] .subsec{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line-soft)}
[data-modulo="direcao"] .subsec h3{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
[data-modulo="direcao"] .subsec h3 .count,[data-modulo="direcao"] .table-head .count{font-size:12px;font-weight:600;background:var(--sunk);color:var(--text-2);border-radius:var(--r-pill);padding:1px 8px}
[data-modulo="direcao"] .subsec .field{margin-bottom:0}
[data-modulo="direcao"] .subsec .btn{align-self:flex-start}
[data-modulo="direcao"] .dir-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
[data-modulo="direcao"] .dir-hist li{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:13px}
[data-modulo="direcao"] .dir-hist li:last-child{border-bottom:0}
[data-modulo="direcao"] .dir-hist-v{min-width:110px;font-weight:600;color:var(--text)}
[data-modulo="direcao"] .dir-hist-x{flex:1;min-width:0;color:var(--text-2)}
[data-modulo="direcao"] .dir-hist-x small{display:block;font-size:12px;color:var(--text-3);margin-top:2px}

/* linhas (acesso, tarefas da meta) */
[data-modulo="direcao"] .rows{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px}
[data-modulo="direcao"] .row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-soft)}
[data-modulo="direcao"] .row:last-child{border-bottom:0}
[data-modulo="direcao"] .row .grow{flex:1;min-width:0}
[data-modulo="direcao"] .row .t{font-weight:500;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
[data-modulo="direcao"] .row .s{font-size:12px;color:var(--text-3);margin-top:2px}
[data-modulo="direcao"] .row .badge{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--neutral-soft);color:var(--neutral);flex:none}
[data-modulo="direcao"] .dir-ac-motivo{font-size:12px;max-width:150px;text-align:right}
[data-modulo="direcao"] .dir-ac-add{margin-bottom:0}
[data-modulo="direcao"] .dir-ac-linha{display:flex;gap:12px;flex-wrap:wrap}
[data-modulo="direcao"] .dir-ac-sel{flex:1;min-width:220px}
[data-modulo="direcao"] .dir-ac-lista{margin-bottom:4px}

/* nova meta: escolha de tarefas */
[data-modulo="direcao"] .dir-nm-tarefas{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding:12px;border:1px solid var(--line);border-radius:12px}
[data-modulo="direcao"] .check{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
[data-modulo="direcao"] .check i{width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:5px;flex:none;margin-top:1px;background:var(--bg);display:grid;place-items:center}
[data-modulo="direcao"] .check.on i{background:var(--accent);border-color:var(--accent)}
[data-modulo="direcao"] .check.on i::after{content:"";width:8px;height:4px;border-left:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);transform:rotate(-45deg) translate(1px,-1px)}

/* concluir tarefa */
[data-modulo="direcao"] .dir-chk{border:0;background:none;padding:6px;margin:-6px;cursor:pointer;display:inline-grid;place-items:center;flex:none;border-radius:8px}
[data-modulo="direcao"] .dir-chk i{width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:50%;background:var(--bg);display:grid;place-items:center}
[data-modulo="direcao"] .dir-chk.on i{background:var(--ok);border-color:var(--ok)}
[data-modulo="direcao"] .dir-chk.on i::after{content:"";width:8px;height:4px;border-left:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);transform:rotate(-45deg) translate(1px,-1px)}
[data-modulo="direcao"] .dir-chk:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
[data-modulo="direcao"] .dir-feita .name,[data-modulo="direcao"] .dir-feita .t,[data-modulo="direcao"] .dir-feita b{color:var(--text-3);text-decoration:line-through}
[data-modulo="direcao"] .dir-tab .dir-c-chk{width:44px}
[data-modulo="direcao"] .dir-late{color:var(--danger)}
[data-modulo="direcao"] .m-item.dir-m{align-items:flex-start;gap:12px}
[data-modulo="direcao"] .m-item.dir-m > div:not(.r){flex:1;min-width:0}

/* quadro */
[data-modulo="direcao"] .board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:16px;overflow-x:auto;padding-bottom:8px;align-items:start}
[data-modulo="direcao"] .col{padding:0;overflow:hidden}
[data-modulo="direcao"] .col-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}
[data-modulo="direcao"] .col-head .count{font-size:12px;font-weight:600;background:var(--sunk);color:var(--text-2);border-radius:var(--r-pill);padding:1px 8px}
[data-modulo="direcao"] .col-body{display:flex;flex-direction:column;gap:10px;padding:12px}
[data-modulo="direcao"] .kcard{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;font-size:13px}
[data-modulo="direcao"] .dir-kc-topo{display:flex;align-items:flex-start;gap:10px}
[data-modulo="direcao"] .dir-kc-topo .t{flex:1;min-width:0;font-weight:500;line-height:1.35}
[data-modulo="direcao"] .dir-kc-topo .btn-icon{margin:-6px -6px 0 0}
[data-modulo="direcao"] .dir-kc-meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}
[data-modulo="direcao"] .kcard .m{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-3)}
[data-modulo="direcao"] .col-empty{font-size:12px;color:var(--text-3);text-align:center;padding:20px 8px;border:1px dashed var(--line);border-radius:12px}

@media (max-width:767px){
  [data-modulo="direcao"] .page-head > .btn{width:100%;justify-content:center}
  [data-modulo="direcao"] .dir-abas{display:flex;width:100%}
  [data-modulo="direcao"] .dir-abas a{flex:1;justify-content:center}
  [data-modulo="direcao"] .toolbar .grow{display:none}
  [data-modulo="direcao"] .toolbar > .btn{width:100%;justify-content:center}
  [data-modulo="direcao"] .seg a{height:40px}
  [data-modulo="direcao"] .dir-meta{padding:16px}
  [data-modulo="direcao"] .dir-mp-kpi{grid-template-columns:1fr 1fr}
  [data-modulo="direcao"] .dir-ac-motivo{display:none}
  [data-modulo="direcao"] .dir-ac-linha > .btn{width:100%;justify-content:center}
  [data-modulo="direcao"] .board{grid-auto-flow:row;grid-auto-columns:auto;overflow-x:visible}
}

/* ---------- Tarefas da direção: CÓPIA das regras de estilos/03-projetos.css (o mesmo motor de Projetos; ver o topo de
   telas/10-direcao.js), só com o prefixo trocado e as cores literais de lá trocadas pelos tokens equivalentes. ---------- */
[data-modulo="direcao"] .dir-agrupa{margin:0 0 0 12px}
[data-modulo="direcao"] .dir-agrupa .lbl{white-space:nowrap}
[data-modulo="direcao"] .dir-agrupa .select{width:auto;min-width:160px;height:36px}
[data-modulo="direcao"] .table-head{flex-wrap:wrap}
[data-modulo="direcao"] .table-head .src{margin-left:auto}
[data-modulo="direcao"] .textarea{height:auto;min-height:96px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--r-input);background:var(--bg);font:400 14px var(--font);color:var(--text);display:flex;align-items:flex-start;line-height:1.5;min-width:0}
[data-modulo="direcao"] .select.is-error{border-color:var(--danger)}
[data-modulo="direcao"] .stack{display:flex;flex-direction:column;gap:16px}
[data-modulo="direcao"] .meter-row{display:flex;align-items:center;gap:12px}
[data-modulo="direcao"] .meter-row .num{font-size:12px;color:var(--text-2);min-width:36px;text-align:right}
[data-modulo="direcao"] .subsec .check.on > span{color:var(--text-3);text-decoration:line-through}
[data-modulo="direcao"] .tl-item{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:12px 0;position:relative}
[data-modulo="direcao"] .tl-item::before{content:"";position:absolute;left:17px;top:44px;bottom:-12px;width:1px;background:var(--line)}
[data-modulo="direcao"] .tl-item:last-child::before{display:none}
[data-modulo="direcao"] .tl-item b{font-weight:600;font-size:13px;display:block}
[data-modulo="direcao"] .tl-item p{font-size:13px;color:var(--text-2);margin-top:2px}
[data-modulo="direcao"] .tl-item small{font-size:12px;color:var(--text-3)}
[data-modulo="direcao"] .rv-cel{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:8px;background:none;padding:4px 6px;margin:-4px -6px;font:inherit;color:inherit;cursor:pointer;text-align:left}
[data-modulo="direcao"] .rv-cel:hover,[data-modulo="direcao"] .rv-cel:focus-visible{border-color:var(--border-strong);background:var(--glass-strong);outline:0}
[data-modulo="direcao"] .rv-cel.num{flex-direction:column;align-items:flex-start;gap:0}
[data-modulo="direcao"] .rv-cel>small{display:none}
[data-modulo="direcao"] .dt.rv-compacta th,[data-modulo="direcao"] .dt.rv-compacta td{padding-left:10px;padding-right:10px}
[data-modulo="direcao"] .dt.rv-compacta th:first-child,[data-modulo="direcao"] .dt.rv-compacta td:first-child{padding-left:20px}
[data-modulo="direcao"] .dt.rv-compacta th:last-child,[data-modulo="direcao"] .dt.rv-compacta td:last-child{padding-right:20px}
[data-modulo="direcao"] .dt.rv-compacta th{white-space:normal;vertical-align:bottom}
[data-modulo="direcao"] .dt.rv-compacta .meter-row{gap:8px}
[data-modulo="direcao"] table.dt.rv-fixa{table-layout:fixed}
[data-modulo="direcao"] table.dt.rv-fixa td{overflow-wrap:anywhere}
[data-modulo="direcao"] details.rv-grupo > summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--sunk);font-size:13px;font-weight:600;cursor:pointer;border-top:1px solid var(--line-soft);flex-wrap:wrap}
[data-modulo="direcao"] details.rv-grupo > summary::-webkit-details-marker{display:none}
[data-modulo="direcao"] details.rv-grupo > summary .seta{display:inline-block;transition:transform .15s;color:var(--text-3)}
[data-modulo="direcao"] details.rv-grupo:not([open]) > summary .seta{transform:rotate(-90deg)}
[data-modulo="direcao"] details.rv-grupo > summary .count{font-size:11px;font-weight:600;padding:0 7px;border-radius:var(--r-pill);background:var(--glass-strong);color:var(--text-2)}
[data-modulo="direcao"] .rv-grp-x{font-size:12px;font-weight:400;color:var(--text-3);margin-left:8px}
[data-modulo="direcao"] .prj-alca{width:24px;height:24px;flex:none;display:inline-grid;place-items:center;border:0;border-radius:6px;background:none;color:var(--text-3);cursor:grab;touch-action:none;padding:0}
[data-modulo="direcao"] .prj-alca:hover{color:var(--text);background:var(--sunk)}
[data-modulo="direcao"] .prj-alca:focus-visible{outline:2px solid var(--focus);outline-offset:1px;color:var(--text)}
[data-modulo="direcao"] td.prj-arr-td{position:relative;padding-left:34px!important;white-space:nowrap}
[data-modulo="direcao"] table.dt.rv-fixa td.prj-arr-td{overflow-wrap:normal}
[data-modulo="direcao"] td.prj-arr-td>a.name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-modulo="direcao"] td.prj-arr-td>.prj-alca{position:absolute;left:6px;top:50%;transform:translateY(-50%)}
[data-modulo="direcao"] .m-item>.prj-alca{align-self:center;margin-right:-4px}
[data-modulo="direcao"] .m-item[data-dir-tid]{cursor:pointer;gap:10px}
[data-modulo="direcao"] .m-item[data-dir-tid] > div:not(.r){flex:1;min-width:0}
[data-modulo="direcao"] .m-item[data-dir-tid] small{display:block}
[data-modulo="direcao"] .m-item[data-dir-tid] .r{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
[data-modulo="direcao"] .m-item[data-dir-tid] .r .btn-icon{margin:-4px -8px -4px 0}
[data-modulo="direcao"] tr[data-dir-tid],[data-modulo="direcao"] .kcard[data-dir-tid]{cursor:pointer}
[data-modulo="direcao"] .kcard .tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
[data-modulo="direcao"] .kcard .prj-kc-topo{display:flex;align-items:flex-start;gap:6px}
[data-modulo="direcao"] .kcard .prj-kc-topo .t{flex:1;min-width:0;padding-top:2px;font-weight:500;line-height:1.35}
[data-modulo="direcao"] .kcard .dir-kc-mais{margin:-6px -6px 0 0}
[data-modulo="direcao"] .col-head h3{font-size:13px;font-weight:600}
[data-modulo="direcao"] .prj-dnd-origem{opacity:.45}
[data-modulo="direcao"] tr.prj-dnd-antes>td{box-shadow:inset 0 2px 0 var(--accent)}
[data-modulo="direcao"] tr.prj-dnd-depois>td{box-shadow:inset 0 -2px 0 var(--accent)}
[data-modulo="direcao"] .m-item.prj-dnd-antes,[data-modulo="direcao"] .kcard.prj-dnd-antes{box-shadow:0 -3px 0 var(--accent)}
[data-modulo="direcao"] .m-item.prj-dnd-depois,[data-modulo="direcao"] .kcard.prj-dnd-depois{box-shadow:0 3px 0 var(--accent)}
[data-modulo="direcao"] .prj-dnd-alvo{outline:2px dashed var(--accent);outline-offset:2px;border-radius:var(--r-card)}
[data-modulo="direcao"] .prj-vazio td,[data-modulo="direcao"] .m-item.prj-vazio,[data-modulo="direcao"] .col-body>.prj-vazio{color:var(--text-3);font-size:13px;text-align:center;padding:16px}
[data-modulo="direcao"].prj-arrastando,[data-modulo="direcao"].prj-arrastando *{cursor:grabbing!important;user-select:none}
[data-modulo="direcao"] .prj-dnd-fantasma{position:fixed;z-index:70;pointer-events:none;max-width:280px;padding:8px 12px;border-radius:var(--r-btn);box-shadow:var(--shadow-glass);font:500 13px var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:767px){
  [data-modulo="direcao"] .dir-agrupa{margin:4px 0 0;width:100%}
  [data-modulo="direcao"] .dir-agrupa .select{flex:1}
  [data-modulo="direcao"] .table-head .src{margin-left:0}
}

/* Alinhamento da lista de tarefas (pedido do Cauê, 10/10): as células da coluna Tarefa começam na esquerda; todos os títulos e as outras células ficam centralizados. Ajuste do Cauê, 15/10: "quero que o titulo da coluna tarefa seja centralizado tambem, mas as tarefas em si mantenham na esquerda". Segue a COLUNA (a célula da Tarefa é td.prj-arr-td), não a posição, porque a ordem pode ser arrastada. Grupos e celular (cartões) não mudam. */
[data-modulo="direcao"] table.dt.rv-compacta:has(td.prj-arr-td) thead th,[data-modulo="direcao"] table.dt.rv-compacta:has(td.prj-arr-td) tbody td{text-align:center}
[data-modulo="direcao"] table.dt.rv-compacta:has(td.prj-arr-td) tbody td.prj-arr-td{text-align:left}
[data-modulo="direcao"] table.dt.rv-compacta:has(td.prj-arr-td) tbody td:not(.prj-arr-td) .meter-row{justify-content:center}
[data-modulo="direcao"] table.dt.rv-compacta:has(td.prj-arr-td) tbody td:not(.prj-arr-td) .who{justify-content:center}
[data-modulo="direcao"] table.dt.rv-compacta:has(td.prj-arr-td) tbody td.prj-vazio,[data-modulo="direcao"] table.dt.rv-compacta:has(td.prj-arr-td) tbody tr.prj-vazio td{text-align:center}
[data-modulo="direcao"] table.dt.rv-compacta:has(td.prj-arr-td) tbody td:not(.prj-arr-td) :is(.rv-cel,.who){text-align:center}
/* Fonte "Formulário" da meta NPS (leitura padrão do consultor, pendente de validação) */
[data-modulo="direcao"] .dir-pend{display:inline-flex;align-items:center;height:18px;padding:0 8px;border:1px dashed var(--line);border-radius:var(--r-pill);font:500 11px var(--font);color:var(--text-3);white-space:nowrap}
[data-modulo="direcao"] .dir-frm-op{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
[data-modulo="direcao"] .dir-frm-op input{margin-top:3px;width:16px;height:16px;accent-color:var(--accent);flex:none}
[data-modulo="direcao"] .dir-frm-op input:disabled,[data-modulo="direcao"] .dir-frm-op input:disabled + span{cursor:not-allowed;color:var(--text-3)}
[data-modulo="direcao"] .dir-mot{margin:0;font-size:13px;color:var(--text-2)}
[data-modulo="direcao"] .dir-frm-lk{font-size:13px;align-self:flex-start}