/* Producción GT — pensada para el celular del operario (v1.1).
   Pulgar: las acciones van justo debajo del campo (el teclado tapa el fondo); todo lo que se toca mide 48 px o más; los campos tienen
   16 px o más de letra para que el iPhone no haga zoom al tocarlos. */
:root{
  --bg:#f4f5f7; --card:#fff; --txt:#1c1f24; --mut:#6b7280; --borde:#e3e5e9;
  --acc:#2563eb; --acc-d:#1d4ed8; --acc-bg:#eaf1ff;
  --warn:#d97706; --warn-bg:#fff6e5; --err:#dc2626; --ok:#16a34a;
  --r:16px; --sombra:0 1px 2px rgba(16,24,40,.06),0 2px 8px rgba(16,24,40,.06);
}
@media (prefers-color-scheme:dark){
  :root{--bg:#111318;--card:#1b1e25;--txt:#eef0f3;--mut:#9aa1ad;--borde:#2c3039;
        --acc:#4f8cff;--acc-d:#3b7af0;--acc-bg:#1d2a44;--warn:#f0a43a;--warn-bg:#33270f;--err:#f26464;--ok:#3ccf73;
        --sombra:0 1px 2px rgba(0,0,0,.4);}
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--txt);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17px;line-height:1.35;}
.hidden{display:none !important;}
.mut{color:var(--mut);} .chico{font-size:14px;margin:2px 0 0;}

/* cada pantalla ocupa el alto del celular; los botones quedan abajo */
.pantalla{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
  padding:0 16px calc(16px + env(safe-area-inset-bottom));padding-top:env(safe-area-inset-top);}
/* v1.9 (Thomas): los botones van JUSTO DEBAJO del campo, no pegados abajo: el teclado del iPhone tapa el fondo. */
.acciones{margin-top:16px;padding:0 0 calc(4px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;}

/* botones */
button{font:inherit;cursor:pointer;touch-action:manipulation;border-radius:14px;transition:transform .08s,background .15s;}
button:active{transform:scale(.97);}
.primary-btn{width:100%;min-height:56px;border:0;background:var(--acc);color:#fff;font-size:19px;font-weight:600;
  box-shadow:0 4px 14px rgba(37,99,235,.28);}
.primary-btn:active{background:var(--acc-d);}
.sec-btn{width:100%;min-height:50px;border:1.5px solid var(--borde);background:var(--card);color:var(--txt);font-size:17px;font-weight:500;}
#histBtn{margin-top:16px;}

/* encabezado fijo */
.top-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;margin:0 -16px 10px;
  padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--borde);}
.back-top{width:44px;height:44px;flex:0 0 44px;border:0;background:var(--card);color:var(--txt);font-size:30px;line-height:1;
  border-radius:50%;box-shadow:var(--sombra);display:flex;align-items:center;justify-content:center;padding:0 2px 4px 0;}
.top-esp{width:44px;flex:0 0 44px;}
.op-name{flex:1;text-align:center;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 1.43: el tiempo muerto, abajo del nombre */
.op-cab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.2;}
.op-cab .op-name{flex:none;max-width:100%;}
.muerto{font-size:13px;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap;}
.muerto.corre{color:var(--warn);}
.muerto .m-c{display:none;}
@media (max-width:360px){.muerto .m-l{display:none;}.muerto .m-c{display:inline;}}
.sync{flex:0 0 auto;font-size:12px;font-weight:600;padding:5px 9px;border-radius:999px;background:var(--acc-bg);color:var(--ok);}
.sync.pend{background:var(--warn-bg);color:var(--warn);}

/* tarjetas */
.tarjeta{background:var(--card);border-radius:var(--r);box-shadow:var(--sombra);padding:16px;margin-top:12px;}
.label{display:block;font-size:19px;font-weight:600;text-align:center;}
.error{color:var(--err);font-size:15px;text-align:center;min-height:1.2em;margin-top:8px;font-weight:500;}
.text-input{width:100%;height:64px;margin-top:12px;border:2px solid var(--borde);border-radius:14px;background:var(--bg);
  color:var(--txt);font-size:32px;font-weight:600;text-align:center;outline:none;}
.text-input:focus{border-color:var(--acc);background:var(--card);box-shadow:0 0 0 4px var(--acc-bg);}
.text-input::placeholder{color:var(--mut);opacity:.5;font-weight:400;}
/* 1.42: el código con la E (y G, W) al lado */
.cod-fila{display:flex;gap:8px;margin-top:12px;}
.cod-fila .text-input{margin-top:0;flex:1;min-width:0;}
.sufijos{display:flex;gap:6px;}
.suf-btn{width:52px;height:64px;padding:0;border:2px solid var(--borde);background:var(--bg);color:var(--txt);font-size:24px;font-weight:800;}
.suf-btn.activo{background:var(--acc);border-color:var(--acc);color:#fff;}
.suf-btn.sugerida{border-color:var(--warn);color:var(--warn);box-shadow:0 0 0 3px var(--warn-bg, transparent);}

/* ingreso */
.marca{text-align:center;margin:12vh 0 8px;}
.marca-logo{width:72px;height:72px;margin:0 auto 12px;border-radius:22px;background:var(--acc);color:#fff;font-size:30px;
  font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,99,235,.35);}
.marca h1{font-size:28px;margin:0;}
.marca p{margin:4px 0 0;}
.input-clave{width:100%;height:76px;margin-top:14px;border:2px solid var(--borde);border-radius:16px;background:var(--bg);color:var(--txt);
  font-size:42px;font-weight:700;letter-spacing:.45em;text-indent:.45em;text-align:center;outline:none;font-variant-numeric:tabular-nums;}
.input-clave:focus{border-color:var(--acc);background:var(--card);box-shadow:0 0 0 4px var(--acc-bg);}
.version{text-align:center;color:var(--mut);font-size:13px;}
.version a{color:var(--mut);}

/* ¿quién sos? (1.29, «que puedan aparecer 16 operarios en la pantalla… de cualquier dispositivo»): la lista es una grilla
   que ocupa el lugar libre de la pantalla. acomodarNombres() (app.js) elige columnas, alto de fila y letra según ese lugar:
   2 × 8 en el celular parado, 4 × 4 acostado, 3 × 6 en la tablet… Sin JS queda 2 columnas. */
#nombreScreen{height:100vh;height:100dvh;min-height:0;max-width:760px;}
.nombres{flex:1 1 0;min-height:0;overflow-y:auto;display:grid;gap:8px;align-content:start;padding:2px 2px 4px;
  grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));grid-auto-rows:var(--alto,56px);}
.nombres button{display:flex;align-items:center;gap:8px;min-width:0;height:100%;padding:4px 10px;border:0;background:var(--card);
  color:var(--txt);box-shadow:var(--sombra);font-size:var(--letra,17px);font-weight:600;line-height:1.15;text-align:left;}
.nombres button span{min-width:0;}
.nombres.parte button span{overflow-wrap:anywhere;}
.nombres button::before{content:attr(data-ini);flex:0 0 var(--ini,36px);height:var(--ini,36px);border-radius:50%;background:var(--acc-bg);
  color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:calc(var(--ini,36px) * .42);font-weight:700;}
.nombres.sin-ini button{justify-content:center;text-align:center;padding:4px 5px;}
.nombres.sin-ini button::before{display:none;}

/* área en curso */
.abierta{display:flex;align-items:center;gap:12px;margin-top:4px;padding:14px;border-radius:var(--r);background:var(--warn-bg);
  border:1.5px solid color-mix(in srgb,var(--warn) 45%,transparent);}
.ab-punto{flex:0 0 12px;height:12px;border-radius:50%;background:var(--warn);animation:latido 1.6s ease-in-out infinite;}
.ab-txt{flex:1;min-width:0;}
.ab-area{font-size:18px;font-weight:700;}
.ab-det{font-size:14px;color:var(--mut);margin-top:2px;}
.ab-tiempo{font-size:22px;font-weight:700;color:var(--warn);font-variant-numeric:tabular-nums;}
@keyframes latido{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}

/* botonera de áreas (1.30, Elías: «aplicá lo mismo a esta botonera, y centrá el texto y la imagen»): la grilla ocupa el lugar
   que dejan el encabezado y los botones de abajo; acomodarAreas() (app.js) elige columnas, alto, ícono y letra. Sin JS: 2 col. */
#optionsScreen{max-width:760px;}
#botonera.midiendo{flex:1 1 0;min-height:0;}
.row{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));grid-auto-rows:var(--alto,104px);gap:10px;margin-top:12px;}
.box{position:relative;height:100%;min-width:0;padding:6px;border-radius:var(--r);background:var(--card);box-shadow:var(--sombra);
  cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;
  border:2px solid transparent;transition:transform .08s;user-select:none;-webkit-user-select:none;}
.box:active{transform:scale(.97);}
.box-ico{font-size:var(--ico,28px);line-height:1;}
.box-title{font-size:var(--letra,16px);font-weight:700;line-height:1.15;}
.row.parte .box-title{overflow-wrap:anywhere;}
.box-desc{font-size:max(11px,calc(var(--letra,16px) * .8));font-weight:600;color:var(--acc);}
.row.sin-desc .box-desc{display:none;}
.row.fila .box{flex-direction:row;gap:6px;}   /* tarjeta baja (celular acostado): el ícono al costado del nombre */
.row.sin-ico .box-ico{display:none;}   /* 1.55: si ni así entra el nombre, sin el ícono */
.row.sin-ico .box{padding:6px 3px;}
.box.abierta{background:var(--warn-bg);border-color:var(--warn);}
.box.abierta .box-desc{color:var(--warn);}

/* resumen de hoy */
#hist{display:flex;flex-direction:column;gap:8px;}
/* v1.10: pop-up del Resumen de hoy (hoja que sube desde abajo en el celular) */
.pop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;}
.pop.hidden{display:none;}
.pop-caja{width:100%;max-width:520px;max-height:85dvh;background:var(--bg);border-radius:20px 20px 0 0;display:flex;flex-direction:column;
  padding:0 16px calc(16px + env(safe-area-inset-bottom));}
.pop-cab{display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px;}
.pop-cab h2{margin:0;font-size:19px;}
.pop-x{width:44px;height:44px;border-radius:999px;border:0;background:var(--card);color:var(--txt);font-size:18px;cursor:pointer;}
.pop-cuerpo{overflow-y:auto;-webkit-overflow-scrolling:touch;}
body.sin-scroll{overflow:hidden;}
@media (min-width:560px){.pop{align-items:center;}.pop-caja{border-radius:20px;}}
/* 1.47: avisos de la pareja en una ventana: quién, qué código y, resaltado, quién carga las cantidades */
.aviso .pop-caja{text-align:center;padding-top:18px;overflow-y:auto;}
.aviso-ico{font-size:44px;line-height:1;}
.aviso h2{margin:8px 0 4px;font-size:21px;line-height:1.25;}
.aviso-txt{font-size:16px;color:var(--mut);line-height:1.35;}
.aviso-txt b{color:var(--txt);}
.aviso-nota{margin:14px 0 2px;padding:12px 14px;border-radius:14px;background:var(--warn-bg);border:1.5px solid color-mix(in srgb,var(--warn) 45%,transparent);
  font-size:16px;line-height:1.4;}
.aviso-btns{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.aviso-btns button{margin:0;}
@media (max-height:520px){
  .aviso .pop-caja{padding-top:10px;max-height:96dvh;}
  .aviso-ico{font-size:28px;}
  .aviso h2{margin:4px 0 2px;font-size:18px;}
  .aviso-txt{font-size:15px;}
  .aviso-nota{margin-top:8px;padding:8px 12px;font-size:15px;line-height:1.3;}
  .aviso-btns{margin-top:10px;}
  .aviso-btns button{min-height:48px;}
}
/* acostado: los dos botones («Sí, me fui» / «Sigo con …») en una fila */
@media (max-height:520px) and (min-width:560px){.aviso-btns{flex-direction:row;}.aviso-btns button{flex:1 1 0;}}
.hist-row{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:14px;padding:12px 14px;box-shadow:var(--sombra);}
.hist-main{flex:1;min-width:0;}
.hist-area{font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hist-det{font-size:13px;color:var(--mut);margin-top:2px;font-variant-numeric:tabular-nums;}
.hist-cant{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;}
.hist-row.curso{background:var(--warn-bg);}
.hist-row.curso .hist-cant{font-size:13px;color:var(--warn);}
.hist-vacio{text-align:center;color:var(--mut);padding:16px;}

/* terminé / código */
.cant-sub{text-align:center;font-size:15px;margin-top:-2px;}
.sigue .label{font-size:18px;}
.cod-hint{text-align:center;font-size:16px;font-weight:600;color:var(--acc);min-height:1.3em;margin-top:8px;}
.cod-hint.nuevo{color:var(--warn);}
.cod-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;}
.cod-opts button{min-height:84px;border:2px solid var(--borde);background:var(--bg);color:var(--txt);font-size:21px;font-weight:700;}
.cod-opts button:active{border-color:var(--acc);background:var(--acc-bg);}
.cod-opts button small{display:block;font-size:13px;font-weight:500;color:var(--mut);margin-top:4px;line-height:1.2;}   /* 1.59: el artículo del 3080 */
.cod-opts.muchas{gap:8px;}
.cod-opts.muchas button{min-height:52px;font-size:17px;padding:6px 8px;line-height:1.2;}
.cod-opts.muchas button:last-child:nth-child(odd){grid-column:1/-1;}   /* sin hueco al lado del último */
.paso-resp{font-size:15px;font-weight:600;color:var(--acc);margin-bottom:6px;text-align:center;}
.cod-pend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;}
.cod-pend button{min-height:60px;padding:8px;border:1.5px solid color-mix(in srgb,var(--warn) 50%,transparent);
  background:var(--warn-bg);color:var(--txt);font-size:16px;font-weight:700;}
.cod-pend small{display:block;font-size:12px;font-weight:500;color:var(--mut);margin-top:2px;}
.cod-pend-t{grid-column:1/-1;text-align:center;font-size:14px;color:var(--mut);}
.cod-hijas{display:grid;gap:8px;margin-top:12px;}   /* 1.50: Puesta a punto encoladora */
.cod-pend.junta button{border-color:color-mix(in srgb,var(--acc) 55%,transparent);background:var(--acc-bg);}   /* 1.45: sumarse */

.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:20;
  width:max-content;max-width:calc(100% - 32px);background:#1c1f24;color:#fff;padding:12px 18px;border-radius:14px;
  font-size:15px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.25);text-align:center;}
/* los avisos vacíos no dejan hueco */
.error:empty,.cod-hint:empty{min-height:0;margin:0;}
.tarjeta .chico{text-align:center;}
/* v1.3: almuerzo y terminar día */
.pie{display:flex;flex-direction:column;}
.jornada{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
.jornada .sec-btn{margin:0;min-height:56px;font-weight:600;}
#almuBtn.activo{background:var(--warn-bg);border-color:var(--warn);color:var(--warn);}
.fin-btn{min-height:56px;border:0;background:var(--txt);color:var(--bg);font-size:17px;font-weight:700;}
.abierta.fin{background:var(--acc-bg);border-color:color-mix(in srgb,var(--acc) 40%,transparent);}
.hist-row.fin{background:var(--acc-bg);}
.hist-row.fin .hist-cant{font-size:16px;}
.termine-btn{display:block;width:100%;min-height:96px;margin:4px 0 0;border:0;border-radius:18px;background:var(--ok);color:#fff;font-size:26px;font-weight:800;cursor:pointer;}
.termine-btn:active{filter:brightness(.92);}
.termine-btn.mefui{background:var(--acc);}   /* 1.47: el que se sumó a un compañero se va, no termina */
/* 1.33: Baño y Movimiento como pausa dentro del área abierta, debajo de «Terminé» */
.pausas{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:10px;}
.pausas .sec-btn{margin:0;min-height:56px;font-weight:600;}
.texto-libre{font-size:20px;font-weight:500;height:56px;}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.row-2 .sec-btn{margin:0;}

/* 1.30 / 1.31: pantalla baja (celular chico o acostado): Almuerzo, Terminar día y Resumen en una sola fila de 48 px, para
   dejarle el alto a las áreas */
@media (max-height:600px){
  .pie{flex-direction:row;gap:8px;margin-top:10px;}
  .pie .jornada{display:contents;}
  .pie .sec-btn,.pie .fin-btn,.pie #histBtn{flex:1 1 0;min-width:0;margin:0;min-height:48px;padding:2px 4px;font-size:15px;line-height:1.15;}
}
/* 1.31: pantalla de 500 px de alto o menos (celular acostado o muy chico): encabezado y márgenes más chicos en la botonera */
@media (max-height:500px){
  #optionsScreen{padding-bottom:calc(8px + env(safe-area-inset-bottom));}
  #optionsScreen .top-bar{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:4px;margin-bottom:4px;}
  #optionsScreen .row{margin-top:6px;}
  #optionsScreen .pie{margin-top:6px;}
}

/* 1.43 (Elías: «¿en estas partes y otras de los botones también es responsive?»). Medido en los 16 tamaños: el ancho, los
   textos y los botones ya se acomodaban; lo que no entraba era el ALTO (Terminé pedía bajar 81 a 161 px en celulares chicos;
   el código, «¿Con quién?» y la clave, en el celular acostado). Con 620 px de alto o menos, las pantallas de carga se
   compactan: encabezado, tarjetas y campos más bajos, botones de 48 a 50 px */
@media (max-height:620px){
  .pantalla:not(#optionsScreen):not(#nombreScreen) .top-bar{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:4px;margin-bottom:6px;}
  .pantalla:not(#optionsScreen) .tarjeta{padding:10px 12px;margin-top:6px;}
  .label{font-size:17px;}
  .text-input{height:52px;font-size:28px;margin-top:8px;}
  .cod-fila{margin-top:8px;}
  .suf-btn{height:52px;}
  .cod-hint,.error{margin-top:4px;}
  .acciones{margin-top:10px;gap:8px;}
  .primary-btn{min-height:50px;}
  .sec-btn{min-height:48px;}
  .cod-opts{margin-top:10px;gap:8px;}
  .cod-opts button{min-height:60px;}
  .marca{margin:3vh 0 6px;}
  .marca-logo{width:48px;height:48px;margin-bottom:6px;font-size:20px;border-radius:14px;}
  .marca h1{font-size:22px;}
  .input-clave{height:60px;margin-top:8px;}
}
/* con 520 px o menos: en Terminé, «Cambiar de área», «Almorzar» y «Terminé el día» en una sola fila; en la clave, sin el logo */
@media (max-height:520px){
  #cantScreen .acciones{flex-direction:row;flex-wrap:wrap;}
  #cantScreen #cantBtn{flex:1 1 100%;}
  #cantScreen #salidaBox{display:contents;}
  /* 1.51: la puesta a punto, en la fila de «Terminar y seguir» y con el nombre corto */
  #cantScreen #sigueHijas{display:contents;}
  #cantScreen #sigueHijas .sec-btn{flex:1 1 calc(36% - 6px);min-width:0;margin:0;padding:2px 4px;font-size:14px;line-height:1.15;order:-1;}
  #cantScreen .acciones:has(#sigueHijas:not(.hidden)) #cantBtn{flex:2 1 calc(64% - 6px);order:-2;}
  #cantScreen .h-l{display:none;}
  #cantScreen #cambioBtn,#cantScreen #salidaBox .sec-btn{flex:1 1 0;min-width:0;margin:0;padding:2px 4px;font-size:14px;line-height:1.15;}
  .marca-logo,.marca p{display:none;}
  .marca{margin:2vh 0 4px;}
}
@media (max-height:520px){
  .pantalla:not(#optionsScreen) .tarjeta{padding:8px 10px;}
  .cod-pend{margin-top:6px;gap:6px;}
  .cod-pend button{min-height:48px;padding:4px 6px;line-height:1.15;}
  .text-input{height:48px;font-size:26px;}
  .suf-btn{height:48px;}
}
/* acostado (bajo y ancho): Terminé con las dos tarjetas lado a lado y los botones en una fila; «¿Con quién?» en 3 columnas */
@media (max-height:520px) and (min-width:560px){
  #cantScreen{max-width:900px;flex-direction:row;flex-wrap:wrap;align-content:flex-start;column-gap:10px;}
  #cantScreen>.top-bar,#cantScreen>.cant-sub,#cantScreen>.acciones{flex:1 1 100%;}
  #cantScreen>.tarjeta{flex:1 1 0;min-width:0;}
  #cantScreen .acciones{flex-wrap:nowrap;}
  #cantScreen #cantBtn{flex:1.4 1 0;}
  #cantScreen .acciones:has(#sigueHijas:not(.hidden)) #cantBtn{flex:1.4 1 0;}
  #cantScreen #sigueHijas .sec-btn{flex:1 1 0;}
  .cod-opts.muchas{grid-template-columns:repeat(3,1fr);}
  .cod-opts.muchas button:last-child:nth-child(odd){grid-column:auto;}
}
@media (max-height:400px){
  .termine-btn{min-height:72px;font-size:22px;}
}
/* 1.45: celular acostado muy bajo: para sumarse alcanza con el nombre y el código (sin la descripción) */
@media (max-height:340px){
  .cod-pend.junta small{display:none;}
}
/* 1.52: modo vista (clave del administrador): no graba nada */
.sync.vista{background:var(--warn-bg);color:var(--warn);}
/* 1.53: el código de la planta que muestra el encargado */
.cod-planta{display:inline-block;font-size:56px;font-weight:700;letter-spacing:8px;line-height:1.1;margin:6px 0 2px;}
.llave-top{flex:0 0 44px;font-size:22px;padding:0;}
#llaveBtn{margin-top:4px;}

/* 1.63: monitor del encargado abajo de la botonera */
.monitor-box{display:flex;flex-direction:column;align-items:center;gap:2px;margin:10px auto 0;padding:8px 18px;border:1px solid var(--borde,#ddd);border-radius:14px;width:max-content;}
.monitor-num{font-size:44px;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums;line-height:1.1;}