/* Tela NFC-e: cabeçalho, indicadores, abas, filtros e tabela com ações em ícones */
.nf2-head{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.nf2-head h1{margin:0}
.nf2-strip{display:flex;align-items:stretch;padding:10px 6px;margin-left:auto}
.nf2-strip>div{display:grid;gap:4px;padding:2px 18px;border-left:1px solid var(--line)}
.nf2-strip>div:first-child{border-left:0}
.nf2-strip .lbl{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.nf2-strip b{display:flex;align-items:center;gap:8px;white-space:nowrap}
.nf2-refresh{min-height:48px;padding:0 22px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.nf2-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px}
.nf2-kpi{display:flex;align-items:center;gap:14px;padding:16px 18px}
.nf2-kpi .tile{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;flex:none;font-size:1.5rem;font-weight:800}
.nf2-kpi .tile .ui-icon{width:26px;height:26px}
.nf2-kpi .tile.ok{background:var(--ok-l);color:var(--ok)}.nf2-kpi .tile.warn{background:var(--warn-l);color:var(--warn)}.nf2-kpi .tile.bad{background:var(--bad-l);color:var(--bad)}.nf2-kpi .tile.mut{background:var(--bg);color:var(--mut)}
.nf2-kpi .l{font-size:.85rem;color:var(--mut)}.nf2-kpi .v{font-size:1.8rem;font-weight:800;line-height:1.1}.nf2-kpi .s{font-size:.85rem;color:var(--mut)}
.nf2-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin:-4px 0 12px}
.nf2-card{padding:18px}
.nf2-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.nf2-tabs{display:flex;gap:8px;flex-wrap:wrap}
.nf2-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-weight:650;font-size:.95rem;cursor:pointer}
.nf2-tabs button.on{background:var(--pri);border-color:var(--pri);color:#fff}
.nf2-tabs .ui-icon{width:20px;height:20px}
.nf2-filters{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(120px,170px)) auto;gap:10px;align-items:end;margin-bottom:14px}
.nf2-filters.two{grid-template-columns:minmax(220px,1fr) minmax(120px,170px) auto}
.nf2-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:0 14px;min-height:56px}
.nf2-search .ui-icon{color:var(--mut);width:20px;height:20px}
.nf2-search input{border:0!important;background:transparent!important;box-shadow:none!important;flex:1;min-width:0;max-width:none!important;padding:0!important;outline:0;font-size:.95rem}
.nf2-sel{display:grid;gap:2px;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:7px 12px;min-height:56px}
.nf2-sel span{font-size:.72rem;color:var(--mut)}
.nf2-sel select{border:0;background:transparent;font-weight:600;font-size:.95rem;padding:0;min-height:0;outline:0;color:var(--ink);width:100%}
.nf2-filters .btn{min-height:56px;display:inline-flex;align-items:center;gap:8px}
.nf2-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-bottom:10px;border-radius:12px;background:var(--pri-l);color:var(--pri-d)}
:root[data-theme=dark] .nf2-bar{color:#fdba74}
.nf2tab{width:100%;border-collapse:collapse}
.nf2tab thead th{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);text-align:left;padding:12px 10px;background:var(--bg);white-space:nowrap}
.nf2tab thead th:first-child{border-radius:12px 0 0 12px}.nf2tab thead th:last-child{border-radius:0 12px 12px 0}
.nf2tab td{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.nf2tab .right{text-align:right}
.nf2tab .nf2-ck{width:36px;padding-right:0}
.nf2tab input[type=checkbox]{width:20px;height:20px;accent-color:var(--pri)}
.nf2-sort{all:unset;cursor:pointer;display:inline-flex;gap:6px;align-items:center;font:inherit;text-transform:inherit;letter-spacing:inherit}
.nf2-sort span{font-size:.65rem}
.nf2-cli{display:flex;align-items:center;gap:12px;min-width:150px}
.nf2-av{width:38px;height:38px;border-radius:50%;background:var(--bg);color:var(--mut);display:grid;place-items:center;flex:none}
.nf2-av .ui-icon{width:20px;height:20px}
.nf2-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;font-weight:600;font-size:.85rem;background:var(--bg);color:var(--mut);white-space:nowrap}
.nf2-pill i{width:8px;height:8px;border-radius:50%;background:currentColor}
.nf2-pill.ok{background:var(--ok-l);color:var(--ok)}.nf2-pill.warn{background:var(--warn-l);color:var(--warn)}.nf2-pill.bad{background:var(--bad-l);color:var(--bad)}.nf2-pill.info{background:var(--info-l);color:var(--info)}
.nf2-acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
.nf2-ib{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--card);display:inline-grid;place-items:center;cursor:pointer;color:var(--ink);padding:0;text-decoration:none}
.nf2-ib:hover{background:var(--bg)}.nf2-ib:disabled{opacity:.5;cursor:default}
.nf2-ib .ui-icon{width:19px;height:19px}
.nf2-menuwrap{position:relative;display:inline-block}
.nf2-menu{position:fixed;left:0;top:0;z-index:60;min-width:200px;max-width:calc(100vw - 16px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0003;padding:6px;display:grid}
.nf2-menu button{all:unset;cursor:pointer;padding:10px 12px;border-radius:8px;font-weight:550;font-size:.92rem;display:flex;gap:10px;align-items:center}
.nf2-menu button:hover{background:var(--bg)}.nf2-menu .danger{color:var(--bad)}
.nf2-msg{font-size:.8rem;color:var(--mut);max-width:320px;white-space:normal;margin-top:4px}
.nf2-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px}
.nf2-pg{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nf2-pg select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-height:44px;background:var(--card);color:var(--ink);font-weight:600;margin-left:6px}
.nf2-pages{display:flex;gap:6px}
.nf2-pages .btn{min-width:44px;min-height:44px}
@media (max-width:1100px){
  .nf2-filters{grid-template-columns:1fr 1fr 1fr}.nf2-filters .nf2-search{grid-column:1/-1}.nf2-filters.two{grid-template-columns:1fr 1fr}
  .nf2-strip{flex-wrap:wrap;margin-left:0;width:100%}.nf2-strip>div{flex:1 1 120px}
}
@media (max-width:900px){
  .nf2tab thead{display:none}.nf2tab,.nf2tab tbody{display:block}
  .nf2tab tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:14px 0;border-bottom:1px solid var(--line)}
  .nf2tab td{display:block;border:0;padding:0}
  .nf2tab td::before{content:attr(data-l);display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
  .nf2tab td[data-l=""]::before{display:none}
  .nf2tab td.nf2-actcell{grid-column:1/-1}.nf2tab td.nf2-actcell::before{display:none}
  .nf2-acts{justify-content:flex-start;flex-wrap:wrap}
}
@media (max-width:560px){.nf2-filters,.nf2-filters.two{grid-template-columns:1fr}.nf2-refresh{width:100%;justify-content:center}.nf2-tabs button{flex:1;justify-content:center;padding:0 12px}}
@media (max-width:560px){
  .nf2-kpis{grid-template-columns:1fr 1fr;gap:10px}.nf2-kpi{padding:12px;gap:10px}.nf2-kpi .tile{width:40px;height:40px;border-radius:12px;font-size:1.1rem}.nf2-kpi .tile .ui-icon{width:20px;height:20px}.nf2-kpi .v{font-size:1.4rem}.nf2-kpi .s{font-size:.75rem}
  .nf2-tools{justify-content:stretch}.nf2-tools .btn{flex:1 1 auto;font-size:.85rem;padding:0 10px}
}
@media (max-width:900px){.nf2tab td.nf2-ck:empty{display:none}}
.nf2-dck{display:flex;align-items:center;gap:12px;cursor:pointer;text-transform:inherit;letter-spacing:inherit;font:inherit}.nf2tab thead .nf2-dck{font-size:inherit;font-weight:inherit}
@media (min-width:1360px){.nf2tab{table-layout:fixed}.nf2tab th.nf2-ck{width:44px}.nf2tab th.w-d{width:165px}.nf2tab th.w-n{width:100px}.nf2tab th.w-p{width:70px}.nf2tab th.w-v{width:100px}.nf2tab th.w-x{width:170px}.nf2tab th.w-a{width:260px}}
.nf2tab td input[data-nfdoc]{height:38px;min-height:38px;padding:0 12px;box-sizing:border-box;width:100%;max-width:160px;margin:0}.nf2-dck{margin:0;padding:0;min-height:0}.nf2tab input[type=checkbox]{margin:0;flex:none}
.nf2tab input[type=checkbox]{width:20px;height:20px;min-height:0;padding:0}

/* NF-e: linhas de itens da venda avulsa e parcelas */
.nfe-it{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(140px,2fr) 70px 90px 40px;gap:6px;align-items:center}
.nfe-it select,.nfe-it input{min-width:0}
.nfe-dup input{flex:1;min-width:0}
@media (max-width:640px){.nfe-it{grid-template-columns:1fr 1fr 40px}.nfe-it .nfe-nm{grid-column:1/-1}.nfe-it select{grid-column:1/-1}}
.nfe-dvrow{display:grid;grid-template-columns:1fr 110px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.nfe-dvrow input{min-width:0;text-align:right}

/* abas em linha (NF-e): ícone + texto, a ativa fica em destaque com o sublinhado */
.nf2-tabs.line{gap:4px;flex:1;min-width:0;border-bottom:1px solid var(--line);margin-bottom:-1px}
.nf2-top:has(.nf2-tabs.line){align-items:flex-end;border-bottom:1px solid var(--line)}
.nf2-top .nf2-tabs.line{border-bottom:0;margin-bottom:0}
.nf2-tabs.line button{min-height:46px;padding:0 18px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:var(--mut);font-weight:650}
.nf2-tabs.line button:hover{color:var(--ink)}
.nf2-tabs.line button.on{background:none;border-bottom-color:var(--pri);color:var(--pri)}
.nf2-top:has(.nf2-tabs.line) .period,.nf2-top:has(.nf2-tabs.line)>:last-child:not(.nf2-tabs){margin-bottom:8px}

/* emissão da NF-e na própria tela: área larga, campos em colunas */
.nfe-sc .nfe-type{max-width:520px}
.nfe-sc textarea{width:100%}
.nfe-cli{position:relative}
.nfe-cres{position:absolute;left:0;right:0;z-index:20;max-height:280px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.14);margin-top:2px}
.nfe-cres button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:9px 12px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.nfe-cres button:last-child{border-bottom:0}.nfe-cres button:hover,.nfe-cres button:focus-visible{background:var(--bg)}

/* lista de municípios (mun-ui.js) */
.mun-box{position:fixed;z-index:1000;max-height:300px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.mun-box button{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;padding:9px 12px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.mun-box button:last-child{border-bottom:0}.mun-box button:hover,.mun-box button.on{background:var(--bg)}

/* cadastro de cliente em tela cheia */

/* telas cheias (cliente e emissão de NF-e): largura total, campos em até 4 colunas; títulos, avisos e botões ocupam a linha toda */
.cl-sc,.nfe-sc{padding:22px}
.card.cl-sc,.nfe-sc #nfe-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px 16px;align-items:start}
.cl-sc>*,.nfe-sc #nfe-form>*{grid-column:1/-1;margin:0}
.cl-sc>label,.nfe-sc #nfe-form>label,.cl-sc>.grid2,.nfe-sc #nfe-form>.grid2{grid-column:auto}
.cl-sc>.grid2,.nfe-sc #nfe-form>.grid2{display:contents}
.cl-sc label.wide,.nfe-sc #nfe-form label.wide{grid-column:span 2}
.nfe-sc>.nfe-type{max-width:520px}
@media (max-width:700px){.cl-sc,.nfe-sc #nfe-form{grid-template-columns:1fr}.cl-sc label.wide,.nfe-sc #nfe-form label.wide{grid-column:auto}}
.cl-sc label:has(textarea),.nfe-sc #nfe-form label:has(textarea),.nfe-sc #nfe-form label.ck{grid-column:1/-1}

/* cadastro do produto em tela cheia (mesma grade das telas de cliente e NF-e) */
.card.pf-sc{padding:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px 16px;align-items:start}
.pf-sc>*{grid-column:1/-1;margin:0}
.pf-sc>label,.pf-sc>.grid2{grid-column:auto}
.pf-sc>label.pf-description{grid-column:1/-1;min-width:0}
.pf-sc>.grid2{display:contents}
.pf-ident{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr) minmax(0,1.3fr);gap:14px 16px;align-items:start}
.pf-ident>label{min-width:0}
.pf-ident input{min-width:0;width:100%}
.pf-ident>.pf-name{grid-column:1/-1}
@media(max-width:900px){.pf-ident{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-ident>.pf-gtin{grid-column:1/-1}}
@media(max-width:700px){.pf-ident{grid-template-columns:minmax(0,1fr)}}
.pf-sc>label:has(textarea),.pf-sc>label.ck{grid-column:1/-1}
.pf-sc .pf-h{margin:10px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:1.05rem}
.pf-sc>.pf-h:first-child{border-top:0;padding-top:0;margin-top:0}
.pf-sc>.row:last-child{position:sticky;bottom:0;background:var(--card);padding:12px 0 0;margin-top:6px;border-top:1px solid var(--line)}
@media (max-width:700px){.card.pf-sc{grid-template-columns:1fr}}

/* biblioteca de imagens do produto (tela cheia): bloco em duas colunas, filtros lado a lado, miniaturas compactas */
.media-option span:not(.product-visual):not(.visual-fallback){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.media-option{padding:6px;gap:5px;font-size:.72rem}
.pf-sc .media-field{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);grid-template-areas:"head head" "sel panel" "tabs panel" "msg panel";gap:12px 22px;align-items:start}
.pf-sc .media-field:has(#media-panel[hidden]){grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "sel" "tabs" "msg"}
.pf-sc .media-field>.row{grid-area:head}
.pf-sc .media-field>.media-selection{grid-area:sel}
.pf-sc .media-field>.media-tabs{grid-area:tabs}
.pf-sc .media-field>#media-panel{grid-area:panel;min-width:0}
.pf-sc .media-field>#media-message{grid-area:msg}
.pf-sc .media-field #media-panel[data-tab=library]{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,240px);gap:10px 14px;align-items:end}
.pf-sc .media-field #media-panel[data-tab=library]>*{grid-column:1/-1;margin:0}
.pf-sc .media-field #media-panel[data-tab=library]>label:has(#media-search){grid-column:1}
.pf-sc .media-field #media-panel[data-tab=library]>label:has(#media-category){grid-column:2}
@media (max-width:900px){.pf-sc .media-field,.pf-sc .media-field:has(#media-panel[hidden]){grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "sel" "tabs" "panel" "msg"}}
/* barra de ações do cadastro: acompanha a largura do cartão */
.pf-sc>.row:last-child{margin:6px -22px -22px;padding:14px 22px;border-radius:0 0 var(--r,16px) var(--r,16px);box-shadow:0 -8px 16px -12px #0003}
@media (max-width:700px){
  .pf-sc .media-field #media-panel[data-tab=library]{grid-template-columns:minmax(0,1fr)}
  .pf-sc .media-field #media-panel[data-tab=library]>label:has(#media-search),.pf-sc .media-field #media-panel[data-tab=library]>label:has(#media-category){grid-column:1}
  .media-field .media-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px;max-height:360px}
}
/* a barra fixa vai até a borda de baixo da área rolável (descontando o respiro do main), senão o conteúdo aparece por baixo dela */
.pf-sc>.row:last-child{bottom:calc(-1 * var(--main-pb, 40px))}
.card.pf-sc{padding-bottom:0}
.pf-sc>.row:last-child{margin-bottom:0}
/* cadastro do produto: a grade de imagens cresce e a página rola uma vez só (sem rolagem dentro de rolagem) */
.pf-sc .media-grid{max-height:none;overflow:visible;padding:3px}

/* Blocos fiscais do cadastro: controles originais agrupados por assunto. */
.fx-panel{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:12px;container:fx-layout / inline-size}
.fx-summary{display:flex;align-items:center;gap:14px;padding:12px;list-style:none;cursor:pointer;border-radius:12px;background:linear-gradient(110deg,var(--card),var(--bg));border:1px solid var(--line)}
.fx-summary::-webkit-details-marker{display:none}
.fx-summary:focus-visible{outline:3px solid var(--pri);outline-offset:3px}
.fx-symbol{display:inline-flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:12px;color:var(--pri);background:var(--pri-l)}
.fx-symbol .ui-icon{width:27px;height:27px}
.fx-title{display:grid;gap:3px;min-width:0;flex:1}
.fx-title>b{font-size:1.15rem;line-height:1.3;color:var(--ink)}
.fx-title>span,.fx-group-head p,.fx-tip p{font-size:.84rem;color:var(--mut);font-weight:400;margin:0;line-height:1.45}
.fx-badge{flex:none;border:1px solid var(--pri);border-radius:99px;padding:5px 11px;font-size:.76rem;color:var(--pri);background:var(--card)}
.fx-chevron{display:flex;flex:none;color:var(--mut);transform:rotate(90deg)}
details[open]>.fx-summary .fx-chevron{transform:rotate(-90deg)}
.fx-content{padding-top:14px;display:grid;gap:14px;min-width:0}
.fx-group{border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,var(--card),var(--bg));padding:16px;min-width:0}
.fx-group-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.fx-group-head h4{font-size:1rem;margin:0 0 3px;color:var(--ink);line-height:1.3}
.fx-fields{display:grid;gap:14px 18px;align-items:start;min-width:0}
.fx-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fx-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fx-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fx-fields>label,.fx-fields input,.fx-fields select{min-width:0;max-width:100%}
.fx-fields label{font-weight:500;color:var(--ink)}
.fx-fields input,.fx-fields select{width:100%}
.fx-fields label>.sm{font-weight:400;font-size:.75rem}
.fx-nfe{min-width:0;border:1px solid var(--line);border-radius:14px;padding:10px;background:var(--card)}
.fx-nfe .fx-title>b{font-size:1rem}
.fx-explanation{font-size:.82rem;color:var(--mut);margin:0;line-height:1.5}
.fx-tip{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--pri) 28%,var(--line));border-radius:12px;background:var(--pri-l)}
.fx-tip .fx-symbol{width:32px;height:32px;background:var(--card)}
.fx-tip .fx-symbol .ui-icon{width:21px;height:21px}
.fx-tip b{font-size:.86rem}
.fx-panel .ncmhint:empty{display:none}
.fx-panel [data-regime=simples] .fx-icms .fx-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
@container fx-layout (max-width:1000px){.fx-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container fx-layout (max-width:600px){.fx-fields,.fx-panel [data-regime=simples] .fx-icms .fx-fields{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1150px){.fx-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.fx-panel{padding:8px}.fx-summary{gap:9px;padding:10px}.fx-title>b{font-size:1rem}.fx-symbol{width:36px;height:36px}.fx-symbol .ui-icon{width:23px;height:23px}.fx-summary>.fx-badge{display:none}.fx-group{padding:12px}.fx-fields{grid-template-columns:minmax(0,1fr)}.fx-group-head{align-items:flex-start}.fx-title>span{font-size:.78rem}.fx-nfe{padding:7px}}

/* tela Pedidos: indicadores clicáveis */
button.op-kpi{text-align:left;cursor:pointer;font:inherit;color:inherit;border:1px solid var(--line)}
button.op-kpi.on{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri-l)}
.nf2-ib.op-go{background:var(--ok-l);color:var(--ok);border-color:transparent}
/* tela Pedidos: colunas sem largura fixa (a área útil varia com o menu lateral) */
#dt-pedidos td{white-space:nowrap}
#dt-pedidos td .nf2-cli{min-width:200px;white-space:normal}
#dt-pedidos .nf2-acts{justify-content:flex-end;flex-wrap:nowrap}
/* tela Pedidos: o cartão não passa da largura da tela; só a tabela rola na horizontal */
.nf2-card.gap>*,#obody{min-width:0}
.nf2-card.gap{min-width:0;max-width:100%}
#obody .dt-scroll{max-width:100%}
#dt-pedidos tr.op-row{cursor:pointer}