/* Staff Today tab: every block is its own premium bordered section */
#sview .panel{position:relative;border:1px solid #C9A96A;border-top:3px solid #B8923F;border-image:none;border-radius:8px;padding:18px 20px 20px;margin:0 0 20px;box-shadow:inset 0 0 0 4px #FFFEFB,inset 0 0 0 5px #E9DDBE,0 6px 22px rgba(26,24,22,.08)}
#sview .panel>h2{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid #E3D6B4;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#7A5A1E;text-align:left;font-family:Montserrat,system-ui,sans-serif}
#sview .panel>h2::before{content:"";width:6px;height:6px;transform:rotate(45deg);background:#B8923F;flex:none}
/* shift card: keep the date as the big title, with the status on the right */
#sview #punchBox .panel:first-of-type>.row h2{font-size:22px;letter-spacing:0;text-transform:none;border:0;padding:0;color:#1A1816;font-family:"Cormorant Garamond",serif}
#sview #punchBox .panel:first-of-type>.row h2::before{display:none}
#sview #punchBox .panel:first-of-type>.row{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #E3D6B4}
#sview .punch{margin:14px 0 6px;gap:12px}
/* tables: bordered rows, label left, value right */
#sview .panel table.plain{width:100%;border:1px solid #E3D6B4;border-radius:6px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff}
#sview .panel table.plain th,#sview .panel table.plain td{padding:10px 14px;border-bottom:1px solid #EFE6CF;font-size:14px;vertical-align:middle}
#sview .panel table.plain tr:last-child>*{border-bottom:0}
#sview .panel table.plain tbody tr:nth-child(even)>*{background:#FCF9F1}
#sview .panel table.plain th{text-align:left;font-weight:600;color:#3A332A;width:42%}
#sview .panel table.plain td{text-align:right}
#sview .panel .wrap{border:0;box-shadow:none;background:none;padding:0}
/* month stats: tidy tile grid */
#sview .tsec-month .strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:0;border:1px solid #E3D6B4;border-radius:6px;overflow:hidden;box-shadow:none;margin:0 0 12px;background:#fff}
#sview .tsec-month .strip>div{text-align:center;padding:12px 8px;border-right:1px solid #EFE6CF;border-bottom:1px solid #EFE6CF;min-width:0}
#sview .tsec-month .muted{text-align:center;margin:0;font-size:13px}
/* notes and forgot-to-sign-in form */
#sview .panel .note{border:1px solid #E3D6B4;border-left:3px solid #B8923F;border-radius:4px}
#sview #msForm{margin-top:14px;padding:14px;border:1px solid #E3D6B4;border-radius:6px;background:#FCF9F1}
#sview #msForm .grid2{margin-bottom:12px}
@media (max-width:640px){
  #sview .panel{padding:14px 12px 16px;margin-bottom:16px}
  #sview .panel table.plain th{width:auto}
  #sview .tsec-month .strip{grid-template-columns:repeat(2,1fr)}
}
/* darker, more prominent section headings */
#sview .panel>h2{font-size:15px;font-weight:700;letter-spacing:.14em;color:#2B1D05;border-bottom:2px solid #B8923F}
#sview .panel>h2::before{width:8px;height:8px}
#sview .ms-list .ms-det{text-align:left;line-height:1.7}
#sview .ms-used{margin:8px 0 0 18px;padding:0;text-align:left;line-height:1.7;font-size:13px}
#sview .panel table.plain tbody th{text-align:left!important}
#sview .panel table.plain tbody td{text-align:right!important}
#sview .panel table.plain.ms-list td.ms-det{text-align:left!important}