/* V205 · MODULE COMPOSITIONS Every workspace is shaped around its job. This layer changes information hierarchy and page rhythm without touching application state or calculations. */ /* Shared page rhythm: fewer floating boxes, more deliberate working surfaces. */ #app-shell .tab-panel{--module-accent:var(--court-orange);position:relative} #app-shell .tab-panel>.panel-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding-top:10px!important} #app-shell .tab-panel>.kpi-grid{margin:-4px 0 22px!important} #app-shell .tab-panel>.card{margin-top:12px!important} /* HOME · an asymmetric control room, not a dashboard template. */ #tab-inicio{--module-accent:#ed6b2d} .command-home{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:16px 22px} .command-home__masthead{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;padding:8px 0 22px;border-bottom:4px solid var(--court-ink)} .command-home__masthead h2{font-size:42px!important;line-height:.95!important;max-width:760px} .command-home__scorestrip{grid-column:1/-1;display:grid!important;grid-template-columns:1.25fr .9fr .9fr 1.25fr!important;margin:0!important} .command-home__scorestrip .kpi-card{min-height:106px;padding:17px 20px!important} .command-home__scorestrip .kpi-card:first-child,.command-home__scorestrip .kpi-card:last-child{background:#e8e5de!important} .command-home__body{display:contents!important} .command-home__load{grid-column:1;grid-row:3 / span 2;min-height:520px;border-top:5px solid var(--court-blue)!important} .command-home__load>div:last-child{height:400px!important} .command-home__rail{grid-column:2;display:flex;flex-direction:column;gap:16px!important} .command-home__fixture{min-height:210px!important;background:var(--court-navy)!important;border:0!important;border-top:5px solid var(--court-orange)!important} .command-home__shortcuts{background:transparent!important;border:0!important;padding:0!important} .command-home__shortcuts h3{padding:0 0 8px;border-bottom:1px solid var(--court-ink)} .command-home__shortcuts>div{grid-template-columns:1fr!important;gap:1px!important;background:var(--court-line)} .command-home__shortcuts .btn{height:50px;flex-direction:row!important;justify-content:flex-start!important;padding:10px 14px!important;background:var(--court-white)!important;border:0!important} .command-home__priority{grid-column:1/-1;border-top:5px solid var(--court-orange)!important} /* INTERNAL LOAD · dense daily operations board. */ #tab-cargas{--module-accent:#c84b28} #tab-cargas>.panel-header{border-bottom:4px solid var(--court-ink)!important} #tab-cargas #cargas-kpis{grid-template-columns:1.15fr 1fr 1fr 1.45fr!important;margin-bottom:10px!important} #tab-cargas #alertas-acwr-wrap{margin:0 0 14px} #tab-cargas #cargas-mode-toggle{position:sticky;top:76px;z-index:11;background:var(--court-paper)!important;padding-top:8px!important} #tab-cargas #cargas-day-view,#tab-cargas #cargas-week-view,#tab-cargas #cargas-player-view{border-top:1px solid var(--court-ink);padding-top:12px} #tab-cargas .load-week-nav,#tab-cargas .cargas-week-nav,#tab-cargas .week-navigation{background:#e5e2da!important;border:0!important;border-left:6px solid var(--court-blue)!important;border-radius:0!important} #tab-cargas .player-load-grid{display:grid!important;grid-template-columns:repeat(4,minmax(220px,1fr))!important;gap:8px!important} #tab-cargas .player-load-card{min-height:0!important;padding:13px!important} #tab-cargas .player-load-card .plc-simple-grid{gap:0!important;border-top:1px solid var(--court-line);border-left:1px solid var(--court-line)} #tab-cargas .player-load-card .plc-simple-result>div{padding:9px!important} /* EXTERNAL LOAD · session worksheet with a continuous ledger feel. */ #tab-externa{--module-accent:#7a55b6} #tab-externa>.panel-header{border-bottom:4px solid #7a55b6!important} #tab-externa #ce-day-view{max-width:1500px;margin:0 auto} #tab-externa .ce44-toolbar{position:sticky;top:76px;z-index:10;background:var(--court-paper)!important;border-bottom:1px solid var(--court-ink)!important} #tab-externa .ce44-summary{margin:12px 0 0!important} #tab-externa .ce44-ex{display:grid!important;grid-template-columns:220px minmax(0,1fr);gap:14px 20px;border-left:0!important;border-top:4px solid #7a55b6!important} #tab-externa .ce44-ex>*{grid-column:2} #tab-externa .ce44-ex>h3,#tab-externa .ce44-ex>.ce44-ex-head{grid-column:1;grid-row:1 / span 5;align-self:start;position:sticky;top:145px} #tab-externa .ce44-guide{border-left:4px solid #7a55b6!important;background:#eee9f5!important} #tab-externa #ce-resumen-view>.card:first-child{border-top:5px solid #7a55b6!important} /* WELLNESS · team status matrix followed by one continuous individual trace. */ #tab-wellness{--module-accent:#b43d64} #tab-wellness>.panel-header{border-bottom:4px solid #b43d64!important} #tab-wellness #wellness-kpis{grid-template-columns:1.4fr repeat(3,1fr)!important} #tab-wellness>.card:nth-of-type(1){border-top:5px solid #b43d64!important} #tab-wellness>.card:nth-of-type(2){display:grid!important;grid-template-columns:220px minmax(0,1fr);column-gap:18px} #tab-wellness>.card:nth-of-type(2) .card-title,#tab-wellness>.card:nth-of-type(2) .text-muted{grid-column:1} #tab-wellness>.card:nth-of-type(2) .row{grid-column:1} #tab-wellness #wellness-chart-container{grid-column:2;grid-row:1 / span 4;min-height:360px;border-left:1px solid var(--court-line);padding-left:18px} #tab-wellness>.card:nth-of-type(3){border-top:1px solid var(--court-ink)!important;background:transparent!important} /* READINESS · diagnostic desk, with evidence left and interpretation right. */ #tab-readiness{--module-accent:#0f7e68} #tab-readiness .fr-hero{border:0!important;border-bottom:4px solid var(--court-ink)!important;border-radius:0!important;background:transparent!important} #tab-readiness .fr-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr)!important;align-items:stretch} #tab-readiness .fr-grid>.fr-card:first-child{border-top:5px solid #0f7e68!important} #tab-readiness .fr-grid>.fr-card:last-child{background:#e2eee9!important;border:0!important;border-top:5px solid var(--court-ink)!important} #tab-readiness .fr-legend{grid-template-columns:1fr 1fr!important;gap:1px!important;background:var(--court-line)} #tab-readiness .fr-legend-item{background:var(--court-white);padding:12px!important} /* HEALTH · availability board. Filters form a control band; roster is the page. */ #tab-salud{--module-accent:#087d67} #tab-salud>.panel-header{border-bottom:4px solid #087d67!important} #tab-salud #salud-kpis-equipo{grid-template-columns:1.35fr repeat(3,1fr)!important} #tab-salud .salud-toolbar{display:grid!important;grid-template-columns:auto minmax(130px,1fr) auto minmax(130px,1fr) auto minmax(130px,1fr) minmax(160px,2fr);padding:12px 0;border-top:1px solid var(--court-ink);border-bottom:1px solid var(--court-ink)} #tab-salud .salud-leyenda{border-radius:0!important;background:transparent!important;border-bottom:1px solid var(--court-line);padding:10px 0!important} #tab-salud .salud-tabla-wrap{background:var(--court-white);border-left:5px solid #087d67} /* PLANNING · calendar canvas, with controls kept out of the content. */ #tab-planificación{--module-accent:#2f6ea3} #tab-planificación>.panel-header{border-bottom:4px solid #2f6ea3!important} #tab-planificación .agenda-capabilities{display:flex!important;gap:1px!important;background:var(--court-line);border:1px solid var(--court-line)} #tab-planificación .agenda-capabilities>*{background:var(--court-white)!important} #tab-planificación #plan-pro-v24,#tab-planificación #plan-year-view{border-top:5px solid #2f6ea3;margin-top:16px;background:var(--court-white)} #tab-planificación #plan-calendario-card{border:0!important;padding:18px 0!important} #tab-planificación .cal-grid{border:1px solid var(--court-ink)!important} #tab-planificación .cal-day{border-radius:0!important;box-shadow:none!important} /* MATCHES · schedule and live operations, like a scorer's desk. */ #tab-partidos{--module-accent:#ed6b2d} #tab-partidos>.panel-header{border-bottom:4px solid var(--court-ink)!important} #tab-partidos #partidos-kpis{grid-template-columns:1.5fr repeat(3,1fr)!important} #tab-partidos>#partidos-schedule-card{border-left:5px solid var(--court-orange)!important} #tab-partidos #partido-detalle-card{padding:0!important;border:0!important;background:transparent!important} #tab-partidos #partido-detalle-card>div:first-child{padding:18px;background:var(--court-navy);color:#fff;border-top:5px solid var(--court-orange)} #tab-partidos #partido-detalle-card>div:first-child .card-title,#tab-partidos #partido-detalle-card>div:first-child .muted{color:#fff!important} #tab-partidos .match-tabs-pro{background:#d9d6cf!important;padding-left:12px!important} #tab-partidos .subtab-content{background:var(--court-white);padding:18px;border:1px solid var(--court-line);border-top:0} #tab-partidos .pm-pro-grid{grid-template-columns:minmax(0,1fr) 280px!important;gap:10px!important} #tab-partidos .pm-pro-court{background:#e8e4db!important;border:1px solid var(--court-ink)!important} #tab-partidos .pm-pro-side-card{border-radius:0!important;box-shadow:none!important;border-left:4px solid var(--court-blue)!important} /* PLAYERS · dossiers, not identical ecommerce cards. */ #tab-perfiles{--module-accent:#4a5ea9} #tab-perfiles>.panel-header{border-bottom:4px solid #4a5ea9!important} #tab-perfiles #perfiles-hero{margin-bottom:12px!important;border-bottom:0!important;background:var(--court-navy)!important;color:#fff!important} #tab-perfiles #perfiles-hero h1,#tab-perfiles #perfiles-hero h2,#tab-perfiles #perfiles-hero h3{color:#fff!important} #tab-perfiles #perfiles-grid{display:grid!important;grid-template-columns:repeat(4,minmax(230px,1fr))!important;gap:8px!important} #tab-perfiles #perfiles-grid .player-card:nth-child(4n+1){border-top:5px solid #4a5ea9!important} #tab-perfiles #perfiles-grid .player-card:nth-child(4n+2){border-top:5px solid #0f7e68!important} #tab-perfiles #perfiles-grid .player-card:nth-child(4n+3){border-top:5px solid #c84b28!important} #tab-perfiles #perfiles-grid .player-card:nth-child(4n){border-top:5px solid #a77a21!important} #tab-perfiles .injury-insights-grid{gap:1px!important;background:var(--court-line);border:1px solid var(--court-line)} #tab-perfiles .injury-history-card{border-top:5px solid #9f3340!important} /* REPORT · editorial spread with hierarchy instead of a wall of equal cards. */ #tab-temporada{--module-accent:#b47720} #tab-temporada>.panel-header{border-bottom:4px solid #b47720!important} #tab-temporada #kpi-grid{grid-template-columns:1.4fr repeat(3,1fr)!important} #tab-temporada .report-guide{background:#e5e2da!important;border:0!important;border-left:5px solid #b47720!important} #tab-temporada>.grid-2{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)!important} #tab-temporada>.grid-2>.card:first-child{border-top:5px solid #b47720!important} #tab-temporada>.grid-2>.card:nth-child(2){border-top:5px solid var(--court-blue)!important} #tab-temporada #chart-individual{background:linear-gradient(#fffefa,#f7f5ef)} /* Weight and ISAK use clinical sheets rather than dashboard cards. */ #tab-peso,#tab-antropometria{--module-accent:#526775} #tab-peso>.card,#tab-antropometria>.card{border-left:5px solid #526775!important} #tab-peso>.card:nth-of-type(2),#tab-antropometria>.card:nth-of-type(2){display:grid!important;grid-template-columns:220px minmax(0,1fr);gap:12px 18px} #tab-peso>.card:nth-of-type(2) #peso-chart-container,#tab-antropometria>.card:nth-of-type(2) #isak-chart-container{grid-column:2;grid-row:1 / span 3} @media(max-width:1180px){ .command-home{grid-template-columns:1fr 320px} #tab-cargas .player-load-grid,#tab-perfiles #perfiles-grid{grid-template-columns:repeat(3,minmax(210px,1fr))!important} #tab-externa .ce44-ex{grid-template-columns:180px minmax(0,1fr)} } @media(max-width:900px){ .command-home{display:block}.command-home>*{margin-bottom:14px}.command-home__body{display:block!important}.command-home__load{min-height:0}.command-home__load>div:last-child{height:300px!important} .command-home__scorestrip,#tab-cargas #cargas-kpis,#tab-wellness #wellness-kpis,#tab-salud #salud-kpis-equipo,#tab-partidos #partidos-kpis,#tab-temporada #kpi-grid{grid-template-columns:repeat(2,1fr)!important} #tab-cargas .player-load-grid,#tab-perfiles #perfiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #tab-externa .ce44-ex,#tab-wellness>.card:nth-of-type(2),#tab-peso>.card:nth-of-type(2),#tab-antropometria>.card:nth-of-type(2){display:block!important} #tab-externa .ce44-ex>*,#tab-wellness #wellness-chart-container,#tab-peso #peso-chart-container,#tab-antropometria #isak-chart-container{grid-column:auto;grid-row:auto;position:static} #tab-salud .salud-toolbar{grid-template-columns:auto 1fr auto 1fr!important} #tab-partidos .pm-pro-grid{grid-template-columns:1fr!important} } @media(max-width:560px){ .command-home__masthead{display:block}.command-home__masthead>div:last-child{margin-top:14px}.command-home__masthead h2{font-size:31px!important} #tab-cargas .player-load-grid,#tab-perfiles #perfiles-grid{grid-template-columns:1fr!important} #tab-salud .salud-toolbar{display:flex!important;align-items:stretch!important}.salud-toolbar select{width:100%} #tab-wellness #wellness-chart-container{padding-left:0;border-left:0} } /* V205.1 · PLANTILLA REBUILT The renderer places a .player-grid inside #perfiles-grid. The previous outer grid constrained that single child to one column. This is a full, explicit composition for the module rather than another skin over the old layout. */ #tab-perfiles{padding-top:18px!important} #tab-perfiles>.panel-header{ display:flex!important;align-items:center!important;justify-content:space-between!important; min-height:66px;margin-bottom:12px!important;padding:8px 0 13px 20px!important; } #tab-perfiles>.panel-header .row{justify-content:flex-end!important;gap:7px!important} #tab-perfiles>.panel-header .btn{min-height:36px!important} #tab-perfiles #perfiles-hero{ margin:0 0 14px!important;padding:0!important;overflow:hidden!important; color:var(--court-ink)!important;background:var(--court-white)!important; border:1px solid var(--court-line)!important;border-top:5px solid var(--court-navy)!important; } #tab-perfiles #perfiles-hero:before{display:none!important} #tab-perfiles .profile-focus-toolbar{ display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(220px,340px) auto!important; align-items:center!important;gap:12px!important;margin:0!important;padding:10px 14px!important; color:#fff!important;background:var(--court-navy)!important;border:0!important;border-radius:0!important; } #tab-perfiles .profile-focus-toolbar span{color:#9fb4c2!important} #tab-perfiles .profile-focus-toolbar strong{color:#fff!important;font-size:14px!important} #tab-perfiles .profile-focus-toolbar select{min-height:36px!important;color:var(--court-ink)!important;background:#fff!important} #tab-perfiles .player-hero{ display:grid!important;grid-template-columns:82px minmax(240px,1fr) 80px!important; grid-template-rows:auto auto!important;align-items:center!important;gap:12px 20px!important; min-height:0!important;margin:0!important;padding:20px 24px 0!important; color:var(--court-ink)!important;background:var(--court-white)!important;border:0!important;border-radius:0!important; } #tab-perfiles .player-hero:before{display:none!important} #tab-perfiles .player-hero>.jug-avatar{grid-column:1;grid-row:1;width:72px!important;height:72px!important;border-radius:50%!important} #tab-perfiles .player-hero .ph-info{grid-column:2;grid-row:1} #tab-perfiles .player-hero .ph-nombre{font-size:28px!important;line-height:1!important;color:var(--court-ink)!important} #tab-perfiles .player-hero .ph-meta{margin-top:7px!important;color:#53616a!important;gap:7px!important} #tab-perfiles .player-hero .ph-dorsal{ grid-column:3;grid-row:1;position:static!important;justify-self:end!important; color:var(--court-navy)!important;font-size:58px!important;line-height:1!important;opacity:1!important; } #tab-perfiles .player-hero .ph-dorsal:before{content:"DORSAL";display:block;margin-bottom:3px;font-size:8px;letter-spacing:.15em;text-align:center;color:#71808a} #tab-perfiles .player-hero .ph-stats{ grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; margin:0!important;padding:14px 0 18px!important;border-top:1px solid var(--court-line)!important; } #tab-perfiles .player-hero .ph-stat{min-height:54px!important;padding:0 16px!important;border-right:1px solid var(--court-line)!important} #tab-perfiles .player-hero .ph-stat:first-child{padding-left:0!important} #tab-perfiles .player-hero .ph-stat .val{margin-top:5px!important;font-size:20px!important;color:var(--court-ink)!important} #tab-perfiles .player-hero .ph-stat .sub{margin-top:2px!important;color:#77828a!important} /* The actual roster owns the columns; the wrapper must never be a grid. */ #tab-perfiles #perfiles-grid{display:block!important;width:100%!important;margin:0!important} #tab-perfiles #perfiles-grid>.player-grid{ display:grid!important;width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important; align-items:stretch!important;gap:10px!important; } #tab-perfiles #perfiles-grid .player-card{ position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:318px!important; padding:14px!important;border:1px solid var(--court-line)!important;border-top:4px solid #667a88!important; background:var(--court-white)!important;overflow:visible!important; } #tab-perfiles #perfiles-grid .player-card:nth-child(5n+1){border-top-color:#345d8c!important} #tab-perfiles #perfiles-grid .player-card:nth-child(5n+2){border-top-color:#16816c!important} #tab-perfiles #perfiles-grid .player-card:nth-child(5n+3){border-top-color:#c65b30!important} #tab-perfiles #perfiles-grid .player-card:nth-child(5n+4){border-top-color:#8a5c9d!important} #tab-perfiles #perfiles-grid .player-card:nth-child(5n){border-top-color:#a77a21!important} #tab-perfiles #perfiles-grid .player-card.is-selected{border-color:var(--court-ink)!important;box-shadow:inset 0 0 0 2px var(--court-ink)!important} #tab-perfiles #perfiles-grid .player-card.is-selected:after{ content:"SELECCIONADO"!important;top:10px!important;right:10px!important;left:auto!important;transform:none!important; padding:4px 7px!important;color:#fff!important;background:var(--court-blue)!important;border:0!important;border-radius:2px!important;box-shadow:none!important; } #tab-perfiles #perfiles-grid .pc-head{padding-right:76px!important} #tab-perfiles #perfiles-grid .pc-stats{grid-template-columns:1fr 1fr!important;gap:0!important;border-top:1px solid var(--court-line);border-left:1px solid var(--court-line)} #tab-perfiles #perfiles-grid .pcs{padding:9px!important;border-right:1px solid var(--court-line);border-bottom:1px solid var(--court-line)} #tab-perfiles #perfiles-grid .pc-footer{margin-top:auto!important;padding-top:10px!important} #tab-perfiles #perfiles-grid .pc-actions{display:grid!important;grid-template-columns:1fr 38px!important;gap:7px!important;margin-top:10px!important;padding:10px 0 0!important;border-top:1px solid var(--court-line)} #tab-perfiles #perfiles-grid .pc-actions .btn{min-height:34px!important;justify-content:center!important} #tab-perfiles #lesiones-kpis{margin-top:28px!important;border-top:5px solid #9f3340!important} #tab-perfiles .injury-insights-grid{margin-top:10px!important} @media(max-width:1280px){#tab-perfiles #perfiles-grid>.player-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:900px){ #tab-perfiles .profile-focus-toolbar{grid-template-columns:1fr auto!important}.profile-focus-toolbar select{grid-column:1/-1!important;grid-row:2!important} #tab-perfiles #perfiles-grid>.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:600px){ #tab-perfiles>.panel-header{display:block!important}#tab-perfiles>.panel-header .row{justify-content:flex-start!important;margin-top:10px;overflow-x:auto;flex-wrap:nowrap!important} #tab-perfiles .player-hero{grid-template-columns:60px minmax(0,1fr) 52px!important;padding:14px 12px 0!important;gap:10px!important} #tab-perfiles .player-hero>.jug-avatar{width:54px!important;height:54px!important} #tab-perfiles .player-hero .ph-nombre{font-size:21px!important} #tab-perfiles .player-hero .ph-meta{font-size:9px!important;flex-wrap:wrap!important} #tab-perfiles .player-hero .ph-dorsal{font-size:38px!important} #tab-perfiles .player-hero .ph-stats{grid-template-columns:1fr 1fr!important} #tab-perfiles .player-hero .ph-stat{padding:8px!important;border-bottom:1px solid var(--court-line)} #tab-perfiles #perfiles-grid>.player-grid{grid-template-columns:1fr!important} } /* V207 · SIATE pocket guide. It follows the user instead of occupying the document flow, so the current exercise and its values remain in context. */ #tab-externa .ce44-guide-pocket{position:static!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important} #tab-externa .ce44-guide-pocket>summary::-webkit-details-marker{display:none} #tab-externa .ce44-guide-pocket>summary{list-style:none!important} #tab-externa .ce44-guide-fab{ position:fixed!important;right:24px!important;bottom:24px!important;z-index:82!important; display:grid!important;grid-template-columns:32px auto!important;grid-template-rows:auto auto!important; align-items:center!important;column-gap:9px!important;min-width:158px!important;padding:9px 13px!important; color:#fff!important;background:#172532!important;border:1px solid #314655!important;border-left:4px solid #7a55b6!important; box-shadow:0 10px 26px rgba(10,22,32,.24)!important;text-align:left!important; } #tab-externa .ce44-guide-fab>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;background:#7a55b6;color:#fff;font-size:17px;font-weight:900} #tab-externa .ce44-guide-fab>strong{font-size:11px!important;line-height:1.1;color:#fff!important} #tab-externa .ce44-guide-fab>small{font-size:8px;color:#b9c6cf;letter-spacing:.06em;text-transform:uppercase} #tab-externa .ce44-guide-fab:hover{background:#0d1922!important;transform:translateY(-1px)!important} #tab-externa .ce44-guide-pocket[open]:before{content:"";position:fixed;inset:0;z-index:90;background:rgba(8,18,26,.28)} #tab-externa .ce44-guide-pocket[open]>.ce44-guide-fab{z-index:92!important;top:148px!important;right:16px!important;bottom:auto!important;display:grid!important;place-items:center!important;min-width:34px!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid #667987!important;border-left:1px solid #667987!important;background:transparent!important;box-shadow:none!important} #tab-externa .ce44-guide-pocket[open]>.ce44-guide-fab>*{display:none!important} #tab-externa .ce44-guide-pocket[open]>.ce44-guide-fab:after{content:"×";display:block;color:#fff;font-size:22px;font-weight:500;line-height:1} #tab-externa .ce44-guide-drawer{ position:fixed!important;z-index:91!important;top:132px!important;right:0!important;bottom:0!important;width:min(620px,48vw)!important; display:flex!important;flex-direction:column!important;color:var(--court-ink)!important;background:#f6f3ec!important; border:0!important;border-left:6px solid #7a55b6!important;box-shadow:-18px 0 45px rgba(7,20,29,.22)!important; } #tab-externa .ce44-guide-drawer>header{display:flex;justify-content:space-between;gap:18px;padding:20px 22px 16px;background:var(--court-navy);color:#fff;border-bottom:4px solid #7a55b6} #tab-externa .ce44-guide-drawer>header div{display:flex;flex-direction:column;gap:3px} #tab-externa .ce44-guide-drawer>header small{font-size:8px;font-weight:900;letter-spacing:.15em;color:#b8a3d3} #tab-externa .ce44-guide-drawer>header strong{font-size:20px;color:#fff!important} #tab-externa .ce44-guide-drawer>header span{font-size:10px;color:#b9c5cc;line-height:1.4} #tab-externa .ce44-guide-drawer>header>span{display:none!important} #tab-externa .ce44-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;color:#fff;background:var(--court-navy);border-left:5px solid #7a55b6} #tab-externa .ce44-calendar-head>div{display:grid;grid-template-columns:auto auto;align-items:end;gap:2px 12px} #tab-externa .ce44-calendar-head small{grid-column:1/-1;font-size:8px;font-weight:900;letter-spacing:.14em;color:#b8a3d3} #tab-externa .ce44-calendar-head strong{font-size:15px;color:#fff!important} #tab-externa .ce44-calendar-head span{font-size:10px;color:#b9c5cc} #tab-externa .ce44-calendar-head button{color:#fff!important;background:transparent!important;border:1px solid #617482!important;padding:7px 10px!important} #tab-externa .ce44-guide-drawer .ce44-guide-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0 22px 22px!important;overflow-y:auto!important} #tab-externa .ce44-guide-drawer .ce44-guide-row{padding:15px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid #cfd2cf!important;border-radius:0!important;overflow:visible!important} #tab-externa .ce44-guide-drawer .ce44-guide-row>strong{display:block;margin-bottom:8px!important;font-size:12px!important;color:var(--court-ink)!important} #tab-externa .ce44-guide-drawer .ce44-guide-row>div{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important} #tab-externa .ce44-guide-drawer .ce44-guide-row span{display:block;min-width:0;padding:8px 7px!important;font-size:9px!important;line-height:1.35!important;color:#3d4950!important;background:#fff!important;border:1px solid #d6d8d5!important;border-top:3px solid #9a86b7!important;border-radius:0!important;overflow-wrap:anywhere} #tab-externa .ce44-guide-drawer .ce44-guide-row span:first-child{border-left:1px solid #d6d8d5!important;border-top-color:#73818a!important} #tab-externa .ce44-guide-drawer .ce44-guide-row span:nth-child(5){color:#fff!important;background:#362d41!important;border-color:#362d41!important} @media(max-width:760px){ #tab-externa .ce44-guide-fab{right:10px!important;bottom:12px!important;min-width:138px!important} #tab-externa .ce44-guide-pocket[open]>.ce44-guide-fab{display:grid!important;top:auto!important;right:10px!important;bottom:calc(78dvh - 46px)!important} #tab-externa .ce44-guide-drawer{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-height:78dvh!important;border-left:0!important;border-top:5px solid #7a55b6!important} #tab-externa .ce44-guide-drawer .ce44-guide-grid{padding:0 12px 14px!important} #tab-externa .ce44-guide-drawer .ce44-guide-row>div{grid-template-columns:1fr!important} #tab-externa .ce44-guide-drawer .ce44-guide-row span{padding:7px 9px!important} }