/* QEMB 6.2.7 — tableau desktop horizontal et fiches mobiles par bateau. */
.qemb-content{max-width:1500px}
.live-board-page{
  --live-navy:#06355c;--live-cyan:#009bdd;--live-cream:#fffaf0;
  --live-panel:#102f43;--live-cell:#030a0f;
  width:100%;margin:0 auto 28px;padding:32px 28px 27px;color:var(--live-navy);
  border:1px solid #cbdfea;border-radius:30px;
  background-color:var(--live-cream);
  background-image:radial-gradient(#cad8e1 1px,transparent 1px);
  background-size:18px 18px;box-shadow:0 13px 28px rgba(6,53,92,.09)
}
.live-board-header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.live-board-header p{margin:0 0 7px!important;color:var(--live-cyan);font-size:15px;font-weight:900;letter-spacing:.15em;line-height:1;text-transform:uppercase}
.live-board-header h1{margin:0!important;color:var(--live-navy);font:clamp(31px,4vw,49px)/.95 "Lilita One",Impact,sans-serif!important;letter-spacing:.015em;text-transform:uppercase}
.live-board-connection{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:14px 18px;border-radius:999px;background:#dff9ec;color:#137757;font-size:15px;white-space:nowrap}
.live-board-connection>span{width:13px;height:13px;border-radius:50%;background:#2bd49c;box-shadow:0 0 0 5px rgba(43,212,156,.16)}
.live-board-connection>div{display:flex;flex-direction:column;gap:2px}.live-board-connection small{font-size:10px;font-weight:800;opacity:.76}
.live-board-connection.is-loading{background:#e6f2f7;color:#577388}.live-board-connection.is-loading>span{background:#8ca5b4;box-shadow:none}
.live-board-connection.is-offline{background:#fff0c7;color:#765b0c}.live-board-connection.is-offline>span{background:#e2ac00;box-shadow:0 0 0 5px rgba(226,172,0,.14)}
.live-board-legend{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.live-board-legend span{padding:9px 14px;border-radius:999px;font-size:13px;font-weight:900}
.live-board-legend .is-port{background:#dff8ec;color:#147557}.live-board-legend .is-ais{background:#dff3ff;color:#0879b3}.live-board-legend .is-qemb{background:#fff0b6;color:#735700}
.live-board-frame{padding:12px;border-radius:26px;background:#d6d9d8;box-shadow:0 10px 0 rgba(6,53,92,.10)}
.live-board-scroll{overflow-x:auto;padding:21px 19px 19px;border:3px solid #071b28;border-radius:17px;background:var(--live-panel);scrollbar-color:#ffd400 #071b28}
.live-board-panel{min-width:1100px}
.live-board-panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 17px}
.live-board-panel-title strong{color:#02070b;font:700 clamp(24px,3vw,36px)/1 "Courier New",monospace;letter-spacing:.17em}
.live-board-panel-title span{color:#ffe600;font-size:13px;font-weight:900;white-space:nowrap}
.live-board-columns,.live-board-row{display:grid;grid-template-columns:1.32fr 1.36fr .77fr .77fr .84fr .98fr .56fr;gap:9px}
.live-board-columns{align-items:end;margin:0 7px 9px;color:#9fb2bf;font-size:11px;font-weight:900;line-height:1.02;letter-spacing:.05em;text-transform:uppercase}
.live-board-row{margin-bottom:9px}.live-board-row:last-child{margin-bottom:0}
.live-board-cell{display:flex;min-width:0;min-height:64px;align-items:center;padding:9px;border:1px solid #375569;border-radius:3px;background:linear-gradient(180deg,transparent 49%,rgba(255,255,255,.055) 49.5%,rgba(255,255,255,.055) 50.5%,transparent 51%),var(--live-cell);color:#eef5f8;font:700 14px/1.12 "Courier New",monospace;text-transform:uppercase;overflow-wrap:anywhere}
.live-board-cell.is-route{font-size:12px}.live-board-cell.is-time{flex-direction:column;align-items:flex-start;justify-content:center;font-size:17px}.live-board-cell.is-ais{color:#59d5ff}.live-board-cell.is-qemb{color:#ffe500}.live-board-cell.is-ok{color:#68e5ba}.live-board-cell.is-waiting{color:#aeb9bf;font-size:12px}
.live-board-cell small{display:block;color:inherit;font:700 10px/1.1 "Fredoka",sans-serif;opacity:.8}
.live-board-message{padding:30px 18px;border:1px solid #375569;border-radius:3px;background:#030a0f;color:#b9c8d1;font:700 14px "Courier New",monospace;text-align:center}
.live-board-message.is-warning{color:#ffe28a}.live-board-message.is-error{color:#ff9eb0}
.live-board-footer{display:flex;justify-content:space-between;gap:18px;margin-top:28px;color:#68859d;font-size:13px;font-weight:700}
@media(max-width:860px){
  .live-board-page{padding:22px 13px;border-radius:22px}
  .live-board-header{flex-direction:column;gap:15px}
  .live-board-header h1{font-size:34px!important;line-height:.98!important}
  .live-board-connection{width:100%;padding:11px 14px;font-size:12px;white-space:normal}
  .live-board-connection>div{min-width:0}.live-board-connection b,.live-board-connection small{white-space:normal}
  .live-board-legend{gap:6px;margin:15px 0}.live-board-legend span{padding:7px 9px;font-size:10px}
  .live-board-frame{padding:6px;border-radius:18px;box-shadow:0 7px 0 rgba(6,53,92,.10)}
  .live-board-scroll{overflow-x:visible;padding:13px 9px;border-width:2px;border-radius:14px}
  .live-board-panel{min-width:0}
  .live-board-panel-title{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:13px}
  .live-board-panel-title strong{color:#f6fbff;font-size:22px;letter-spacing:.08em}
  .live-board-panel-title span{font-size:11px}
  .live-board-columns{display:none}
  .live-board-row{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"vessel vessel" "route route" "departure-port arrival-port" "departure-ais arrival-qemb" "gap gap";
    gap:6px;margin-bottom:13px;padding:7px;border:1px solid #47677b;border-radius:12px;background:#173d55;
    box-shadow:0 5px 12px rgba(0,0,0,.18)
  }
  .live-board-cell{position:relative;min-height:69px;padding:24px 9px 8px;border-color:#436174;border-radius:8px;font-size:13px}
  .live-board-cell::before{content:attr(data-label);position:absolute;top:7px;left:9px;color:#8faec1;font:800 8px/1 "Fredoka",sans-serif;letter-spacing:.055em}
  .live-board-cell.is-vessel{grid-area:vessel;min-height:54px;padding-top:23px;color:#fff;font-size:19px}
  .live-board-cell.is-vessel::before{color:#ffe500}
  .live-board-cell.is-route{grid-area:route;min-height:54px;padding-top:23px;color:#eef8ff;font-size:14px}
  .live-board-cell.is-departure-port{grid-area:departure-port}
  .live-board-cell.is-departure-ais{grid-area:departure-ais}
  .live-board-cell.is-arrival-port{grid-area:arrival-port}
  .live-board-cell.is-arrival-qemb{grid-area:arrival-qemb}
  .live-board-cell.is-gap{grid-area:gap;min-height:58px}
  .live-board-cell.is-time{font-size:16px}
  .live-board-cell.is-waiting{font-size:11px}
  .live-board-message{font-size:12px}
  .live-board-footer{flex-direction:column;gap:7px;margin-top:20px;font-size:11px}
}
@media(max-width:760px){
  .qemb-content{padding:20px 7px 40px}
  .qemb-view-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px}.qemb-view-tab{padding:6px;font-size:10px;text-align:center}
}
@media(max-width:380px){
  .live-board-header h1{font-size:29px!important}
  .live-board-page{padding:18px 8px}
  .live-board-scroll{padding:10px 6px}
  .live-board-cell{padding-left:7px;padding-right:7px}
  .live-board-cell::before{left:7px;font-size:7px}
}