/* CEEJAY: a compact connection panel using the same grid, color and typography. */
body #main-content .teacher-google-panel{
 position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;
 margin:14px 0;padding:18px;border:1px solid #92b4ff;border-bottom:3px solid #ff5a1f;border-radius:20px;color:#fff;
 background:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px),radial-gradient(ellipse at 100% 0%,#ff5a1f50,transparent 50%),linear-gradient(120deg,#206cff,#103eac);
 background-size:32px 32px,32px 32px,auto,auto;box-shadow:inset 0 1px #ffffff70,0 8px 20px #10337818;
}
body #main-content .teacher-google-panel[hidden]{display:none!important}
body #main-content .teacher-google-panel .eyebrow{color:#ffb18c;font-size:9px}
body #main-content .teacher-google-panel h2{color:#fff;font-size:clamp(19px,2vw,24px);line-height:1.15;margin:5px 0}
body #main-content .teacher-google-panel p{color:#e2ebff;font-size:12px;line-height:1.45;margin:0;overflow-wrap:anywhere}
body #main-content .teacher-google-panel .teacher-google-status{grid-column:1/-1}
body #main-content .teacher-google-panel .teacher-google-status:empty{display:none}
.teacher-google-booking{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #c8d9f6}
.teacher-google-booking p{font-size:12px;color:#244b8d;line-height:1.5;margin:0}
@media(max-width:600px){body #main-content .teacher-google-panel{grid-template-columns:1fr;padding:15px}.teacher-google-panel>.button{justify-self:start;min-height:44px}}