body.app-ui.precise-page .draw-snapshot{position:relative}
body.app-ui.precise-page .draw-switch-slot{position:absolute;left:70%;top:45%;transform:translate(-50%,-50%)}
@media(max-width:900px){body.app-ui.precise-page .draw-switch-slot{position:static;transform:none;grid-column:1/-1;justify-self:end;margin:0 0 4px}}

/* The selected scheme must remain distinct from hover and unselected schemes. */
body.app-ui.precise-page #page-content #plans>button[aria-pressed="true"]{background:#1565c0!important;border-color:#1565c0!important;color:#fff!important;font-weight:600;box-shadow:0 2px 6px #1565c01a}
body.app-ui.precise-page #page-content #plans>button[aria-pressed="false"]:hover{background:#edf5ff!important;border-color:#8bb6e9!important;color:#1557a0!important}

/* Mobile first screen prioritizes the selected plan and its actual history. */
@media(max-width:700px){
 body.app-ui.precise-page #page-content .draw-snapshot{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:6px 8px!important;padding:8px 0!important;margin:6px 0!important}
 body.app-ui.precise-page #page-content .draw-snapshot .draw-lottery-icon{grid-column:1!important;grid-row:1!important;width:40px!important;height:40px!important}
 body.app-ui.precise-page #page-content .draw-snapshot .draw-title{grid-column:2!important;grid-row:1!important;gap:1px!important}
 body.app-ui.precise-page #page-content .draw-snapshot .draw-title h1{font-size:16px!important}
 body.app-ui.precise-page #page-content .draw-switch-slot{position:static!important;transform:none!important;grid-column:3!important;grid-row:1!important;margin:0!important;align-self:center}
 body.app-ui.precise-page #page-content .draw-switch-slot button{font-size:12px!important;min-height:34px!important;padding:6px!important}
 body.app-ui.precise-page #page-content .draw-snapshot #numbers{grid-column:1/-1!important;grid-row:2!important}
 body.app-ui.precise-page #page-content .draw-snapshot .draw-next{grid-column:1/-1!important;grid-row:3!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;max-width:none!important;min-width:0!important}
 body.app-ui.precise-page #page-content .draw-snapshot .draw-schedule-meta,body.app-ui.precise-page #page-content .draw-snapshot .draw-progress{display:none!important}
 body.app-ui.precise-page #page-content #message{font-size:12px;line-height:1.4;margin:6px 0}
 body.app-ui.precise-page #page-content #plans>button{padding:7px 4px!important;min-height:36px!important;font-size:12px!important;line-height:1.4!important}
}
@media(max-width:700px) and (max-height:740px){
 body.app-ui.precise-page #page-content #message{margin:3px 0!important}
}

body.app-ui.precise-page #page-content #plans{
 grid-template-columns:repeat(8,minmax(0,1fr))!important;
 max-height:none;
 overflow:visible;
}
body.app-ui.plan-page.precise-page #page-content #plans>button{
 display:flex!important;
 align-items:center;
 justify-content:center!important;
 text-align:center;
 height:auto!important;
 min-width:0;
 white-space:normal;
 overflow-wrap:anywhere;
 text-wrap:balance;
}
@media(max-width:850px){
 body.app-ui.precise-page #page-content #plans{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:var(--precise-block-gap) 0 0!important;
 }
 body.app-ui.plan-page.precise-page #page-content #plans>button{
  padding:6px 4px!important;
  font-size:clamp(11px,3.2vw,13px)!important;
 }
}

body.app-ui.precise-page .precise-more,
body.app-ui.precise-page .precise-tabs{display:none}
body.app-ui.precise-page #page-content{--precise-block-gap:18px}
body.app-ui.precise-page #page-content .draw-snapshot{margin-bottom:0!important}
body.app-ui.precise-page #page-content #plans,
body.app-ui.precise-page #page-content .precise-workspace,
body.app-ui.precise-page #page-content .precise-more{margin:var(--precise-block-gap) 0 0!important}
body.app-ui.precise-page #page-content #message:empty{display:none}
body.app-ui.precise-page .precise-panel{
 min-width:0;
 padding:18px;
 background:#fff;
 border:1px solid #d8e3f0;
 border-radius:12px;
}
body.app-ui.precise-page .precise-panel-heading{
 display:flex;
 flex-wrap:wrap;
 align-items:baseline;
 gap:4px 10px;
 min-height:36px;
 margin-bottom:10px;
}
body.app-ui.precise-page #page-content .precise-panel-heading h2{
 margin:0;
 padding:0;
 font-size:18px;
 line-height:1.5;
 border:0;
}
body.app-ui.precise-page .precise-stats{font-size:12px;color:#5d718d}
body.app-ui.precise-page .precise-collect{margin-left:auto}
body.app-ui.precise-page .precise-component + .precise-component{margin-top:16px}
body.app-ui.precise-page .precise-component-heading{
 display:flex;
 flex-wrap:wrap;
 align-items:baseline;
 gap:4px 10px;
 margin-bottom:8px;
}
body.app-ui.precise-page #page-content .precise-component-heading h3{
 margin:0;
 font-size:13px;
}
body.app-ui.precise-page #page-content #detail .precise-components{margin:0!important}
body.app-ui.precise-page #page-content .precise-panel .table{
 margin:0!important;
 max-height:420px;
 overflow:auto;
 border:1px solid #e1e8f2;
 border-radius:8px;
}
body.app-ui.precise-page .precise-panel table{
 width:100%;
 min-width:0;
 margin:0;
 table-layout:fixed;
 border-collapse:collapse;
}
body.app-ui.precise-page #page-content .precise-panel th,
body.app-ui.precise-page #page-content .precise-panel td{
 padding:11px 9px!important;
 font-size:12px!important;
 line-height:1.6;
 border-bottom:1px solid #e1e8f2;
 overflow-wrap:anywhere;
 text-align:left;
}
body.app-ui.precise-page .precise-panel th{
 position:sticky;
 top:0;
 background:#edf2f8;
 color:#5b718e;
}
body.app-ui.precise-page .precise-panel tbody tr:nth-child(even){background:#f3f7fc}
body.app-ui.precise-page #detail th:first-child{width:46%}
body.app-ui.precise-page #detail th:last-child{width:19%}
body.app-ui.precise-page #precise-history th:first-child{width:25%}
body.app-ui.precise-page #precise-history th:last-child{width:29%}
body.app-ui.precise-page .precise-current{
 color:#1565c0;
 background:#eef5fd;
 padding:8px 10px;
 border-radius:7px;
}
@media(min-width:851px){
 body.app-ui.precise-page .precise-workspace{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:18px;
 }
 body.app-ui.precise-page .precise-panel-heading{align-content:start}
}
@media(max-width:850px){
 body.app-ui.precise-page #plans:not(.is-expanded)>button:nth-child(n+7){display:none!important}
 body.app-ui.precise-page #page-content{--precise-block-gap:10px}
 body.app-ui.precise-page .precise-more:not([hidden]){display:block}
 body.app-ui.precise-page #page-content #more-plans{width:100%!important;justify-content:center}
 body.app-ui.precise-page .precise-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-bottom:1px solid #d8e3f0;
  background:#f3f7fc;
 }
 body.app-ui.precise-page #page-content .precise-tabs [role="tab"]{
  width:100%;
  justify-content:center;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
 }
 body.app-ui.precise-page #page-content .precise-tabs [aria-selected="true"]{
  background:#1565c0!important;
  border-color:#1565c0!important;
  color:#fff!important;
 }
 body.app-ui.precise-page .precise-workspace{
  border:1px solid #d8e3f0;
  border-radius:12px;
  overflow:hidden;
 }
 body.app-ui.precise-page .precise-workspace[data-panel="detail"] #precise-history,
 body.app-ui.precise-page .precise-workspace[data-panel="precise-history"] #detail{display:none}
 body.app-ui.precise-page .precise-panel{padding:10px;border:0;border-radius:0}
 body.app-ui.precise-page #page-content .precise-panel-heading h2{font-size:15px}
 body.app-ui.precise-page #page-content .precise-panel .table{max-height:none}
 body.app-ui.precise-page #page-content .precise-panel th,
 body.app-ui.precise-page #page-content .precise-panel td{padding:7px 5px!important;font-size:11px!important}
}