/* RampAware v6.45 — line-free Closing Shift layout */
.closing-shift-hidden-view{display:none!important}
.closing-shift-launcher{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:26px auto 12px;
  padding:7px 11px;
  border:0;
  background:transparent;
  color:#7890a4;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  opacity:.78
}
.closing-shift-launcher:hover{opacity:1;color:#d8e4ed}
.closing-shift-launcher>span:first-child{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#243746;
  color:#dbe8f1;
  font-size:.72rem
}
.closing-shift-view{
  width:min(1180px,calc(100% - 24px));
  margin:0 auto;
  padding:22px 0 42px;
  color:#e7edf2
}
.closing-shift-header{
  display:flex;
  justify-content:space-between;
  gap:26px;
  align-items:flex-start;
  margin-bottom:12px
}
.closing-shift-kicker{
  margin:0 0 5px;
  color:#7f96a8;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.14em
}
.closing-shift-header h1{
  margin:0;
  font-size:1.72rem;
  line-height:1.05;
  letter-spacing:-.02em
}
.closing-shift-subtitle{
  margin:8px 0 0;
  color:#93a6b5;
  font-size:.78rem
}
#closingShiftBack{
  border:0;
  background:transparent;
  color:#aebdca;
  font-size:.72rem;
  font-weight:800;
  padding:6px 0;
  cursor:pointer
}
.closing-shift-meta{
  display:flex;
  gap:18px;
  margin:18px 0 28px;
  color:#71889a;
  font-size:.67rem;
  font-weight:750
}
.closing-shift-tabs{
  display:flex;
  gap:18px;
  margin:16px 0 4px;
  align-items:center
}
.closing-shift-tabs button{
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:#72899b;
  padding:5px 1px 6px;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer
}
.closing-shift-tabs button.active{
  color:#ffffff;
  border-bottom-color:#a9bdcb
}
.closing-history-pane{
  margin-top:20px
}
.closing-history-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:20px
}
.closing-history-toolbar h2{
  margin:0;
  color:#ffffff;
  font-size:1.1rem
}
.closing-history-toolbar p{
  margin:4px 0 0;
  color:#748a9a;
  font-size:.65rem
}
#closingHistoryRecordSelect{
  width:min(380px,100%);
  min-height:28px!important;
  height:28px!important;
  padding:2px 28px 2px 8px!important;
  border:1px solid #465b6a;
  border-radius:4px;
  background:#18242d;
  color:#ffffff;
  color-scheme:dark;
  font-size:.66rem
}
#closingHistoryRecordSelect option{
  background:#18242d;
  color:#ffffff
}
.closing-history-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin:0 0 26px
}
.closing-history-summary div{
  display:flex;
  flex-direction:column;
  gap:3px
}
.closing-history-summary span,
.closing-history-notes>span{
  color:#748a9a;
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase
}
.closing-history-summary strong{
  color:#ffffff;
  font-size:.76rem
}
.closing-history-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px 46px
}
.closing-history-section h3{
  margin:0 0 7px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(130,151,167,.22);
  color:#b5c4cf;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase
}
.closing-history-row{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 110px;
  gap:9px;
  align-items:center;
  min-height:28px;
  color:#dce5eb
}
.closing-history-row strong{
  color:#ffffff;
  font-size:.76rem
}
.closing-history-status{
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border:1px solid #607789;
  border-radius:3px;
  font-size:.64rem
}
.closing-history-status.done{
  background:#d7e4ec;
  border-color:#d7e4ec;
  color:#14212a;
  font-weight:1000
}
.closing-history-status.not-done{
  color:#73899a;
  background:transparent
}
.closing-history-value{
  justify-self:start;
  min-width:72px;
  color:#ffffff;
  font-size:.68rem;
  text-align:left
}
.closing-history-notes{
  margin-top:28px
}
.closing-history-notes p{
  margin:7px 0 0;
  color:#dce5eb;
  font-size:.72rem;
  line-height:1.45
}
.closing-shift-columns{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0 18px;
  align-items:start
}
.closing-lane{
  min-width:0
}
.closing-lane+ .closing-lane{
  border-left:0;
  padding-left:18px
}
.closing-section{
  break-inside:avoid;
  margin:0 0 20px
}
.closing-section h2{
  width:470px;
  max-width:100%;
  margin:0 0 4px;
  padding:0 0 5px;
  border-bottom:0;
  color:#d0dbe2;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.085em;
  text-transform:uppercase
}
.closing-task{
  display:grid;
  grid-template-columns:24px minmax(0,360px) 84px;
  justify-content:start;
  gap:7px;
  align-items:center;
  width:470px;
  max-width:100%;
  min-height:27px;
  padding:0;
  cursor:pointer;
  user-select:none
}
.closing-task:hover{background:rgba(255,255,255,.018)}
.closing-check{
  position:absolute;
  opacity:0;
  pointer-events:none
}
.closing-box{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  box-sizing:border-box;
  border:1.5px solid #71899a;
  border-radius:4px;
  background:rgba(13,24,32,.35);
  color:#14212a;
  font-size:.79rem;
  font-weight:1000;
  line-height:1
}
.closing-check:checked + .closing-box{
  background:#d7e4ec;
  border-color:#d7e4ec
}
.closing-check:checked + .closing-box::after{
  content:'✓'
}
.closing-check:focus-visible + .closing-box{
  outline:2px solid #a8c0d0;
  outline-offset:2px
}
.closing-task-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:1px;
  white-space:nowrap;
  overflow:visible
}
.closing-task-copy strong{
  color:#ffffff;
  font-size:.99rem;
  line-height:1.01;
  font-weight:800
}
.closing-task-input{display:flex;justify-content:flex-end}
.closing-task-input input,
.closing-task-input select{
  width:84px;
  min-height:19px!important;
  height:19px!important;
  box-sizing:border-box;
  padding:0 5px!important;
  border:1px solid #465b6a;
  border-radius:3px;
  outline:0;
  background:#18242d;
  color:#ffffff;
  font-size:.6rem;
  line-height:17px;
  text-align:right
}
.closing-task-input select{
  color-scheme:dark;
  text-align-last:right
}
.closing-task-input select option{
  background:#18242d;
  color:#ffffff
}
.closing-task-input input::placeholder{color:#8fa0ad;opacity:1}
.closing-task-input input:focus,
.closing-task-input select:focus{
  border-color:#94a9b8;
  background:#1d2b35
}
.closing-notes-wrap{
  margin-top:18px
}
.closing-notes-wrap label{
  display:block;
  margin-bottom:5px;
  color:#8297a7;
  font-size:.61rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em
}
#closingShiftNotes{
  width:100%;
  box-sizing:border-box;
  border:0;
  border-bottom:0;
  border-radius:0;
  background:transparent;
  color:#e0e8ee;
  padding:7px 0;
  resize:vertical;
  font:inherit;
  font-size:.72rem;
  outline:0
}
.closing-complete-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-top:28px;
  color:#8195a5;
  font-size:.64rem
}
.closing-complete-row strong{color:#dbe5ec;font-size:.72rem}
#closingShiftSubmit{
  min-width:190px;
  height:34px;
  border:0;
  border-radius:7px;
  background:#d6e3eb;
  color:#18242d;
  font-size:.66rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.045em;
  cursor:pointer
}
#closingShiftSubmit:disabled{opacity:.55;cursor:default}
.closing-shift-message{
  margin:12px 0 0;
  color:#adc1cf;
  font-size:.68rem;
  min-height:18px
}
@media(max-width:900px){
  .closing-shift-columns{gap:0 14px}
  .closing-lane+ .closing-lane{padding-left:14px}
  .closing-task{grid-template-columns:23px minmax(0,1fr) 82px;width:100%}
  .closing-task-copy{white-space:normal}
  .closing-section h2{width:100%}
  .closing-history-groups{grid-template-columns:1fr}
}
@media(max-width:620px){
  .closing-shift-view{width:min(100% - 24px,1180px);padding-top:20px}
  .closing-shift-columns{grid-template-columns:1fr}
  .closing-lane+ .closing-lane{border-left:0;padding-left:0;margin-top:14px}
  .closing-shift-header h1{font-size:1.4rem}
  .closing-task{grid-template-columns:22px minmax(0,1fr) 82px;width:100%}
  .closing-task-input input,.closing-task-input select{width:80px}
  .closing-history-toolbar{align-items:stretch;flex-direction:column}
  #closingHistoryRecordSelect{width:100%}
  .closing-history-summary{grid-template-columns:1fr;gap:10px}
  .closing-complete-row{align-items:stretch;flex-direction:column}
  #closingShiftSubmit{width:100%}
}