#smaregiPage .sm-daily-panel{padding:24px}
#smaregiPage .sm-connect-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
#smaregiPage .sm-connect-row .sm-note{margin:5px 0 0}
#smaregiPage .sm-connect-row button{min-height:44px;flex-shrink:0}
#smaregiPage #smLaunchHelp{margin-top:12px;border-top:1px solid #ded0b4;padding-top:10px;font-size:13px}
#smaregiPage #smLaunchHelp summary{cursor:pointer;min-height:30px;line-height:1.7}
#smaregiPage .sm-timing-panel{margin:14px 0;padding:14px 0;border-block:1px solid #ded0b4}
#smaregiPage .sm-timing-panel h3{font-size:14px;margin:0 0 10px}
#smaregiPage .sm-timing-panel button{min-height:44px}
#smaregiPage .sm-timing-panel [aria-pressed=true]{background:#355b46;color:#fffaf0;border-color:#355b46}
#smaregiPage .sm-timing-panel input{min-height:44px;max-width:100%;box-sizing:border-box}
#smaregiPage .sm-connection-error{padding:10px 12px;border-left:3px solid #a04b37;background:#fff0e7;color:#733b2b;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:420px){#smaregiPage .sm-connect-row{align-items:stretch;flex-direction:column;gap:10px}#smaregiPage .sm-connect-row button{width:100%}#smaregiPage .sm-timing-panel .sm-actions{gap:8px}#smaregiPage .sm-timing-panel label{width:100%;min-width:0}#smaregiPage .sm-timing-panel input{width:100%}}
#smaregiPage .sm-page-heading{align-items:center;gap:16px}
#smaregiPage .sm-flow{display:flex;gap:12px;flex-wrap:wrap;list-style:none;margin:18px 0;padding:0;color:#435b47;font-size:13px}
#smaregiPage .sm-flow li{display:flex;align-items:center;gap:7px}
#smaregiPage .sm-flow li:not(:last-child)::after{content:'›';color:#aa9472;margin-left:4px}
#smaregiPage .sm-flow span{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #c5b18b;border-radius:50%;background:#f6ecd7;color:#385643;font-weight:700}
#smaregiPage .sm-date-actions{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:20px 0 12px}
#smaregiPage .sm-date-actions button{min-height:48px;min-width:112px;padding:10px 18px;border:1px solid #baa17a;border-radius:9px;background:#fffaf0}
#smaregiPage .sm-date-actions .sm-date-selected{background:#355b46;color:#fffaf0;border-color:#355b46}
#smaregiPage .sm-date-actions label{display:grid;gap:5px;color:#705f48;font-size:12px}
#smaregiPage .sm-date-actions input{min-height:48px;font-size:15px}
#smaregiPage .sm-daily-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:13px 16px;border:1px solid #d6c4a1;border-radius:9px;background:#f7efd9;font-size:13px;line-height:1.8}
#smaregiPage .sm-daily-status button{min-height:42px;border:1px solid #a99067;border-radius:7px;padding:7px 12px;background:#fffaf0}
#smaregiPage .sm-change-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
#smaregiPage .sm-change-counts>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border:1px solid #d5c29b;border-radius:10px;background:#fffaf0;font-size:13px}
#smaregiPage .sm-change-counts>div:first-child{border-color:#aebda3;background:#eff2e7;color:#355b46}
#smaregiPage .sm-change-counts strong{font-size:25px;line-height:1.4}
#smaregiPage .sm-change-counts small{font-size:12px;font-weight:400;margin-left:5px}
#smaregiPage .sm-change-table table{min-width:0;width:100%;table-layout:fixed}
#smaregiPage .sm-change-table th:first-child{width:54%}
#smaregiPage .sm-change-table th,#smaregiPage .sm-change-table td{padding:12px 14px;white-space:normal;overflow-wrap:anywhere}
#smaregiPage .sm-change-table th:not(:first-child),#smaregiPage .sm-change-table td:not(:first-child){text-align:center}
#smaregiPage .sm-daily-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0 16px}
#smaregiPage .sm-review-button{min-height:50px;min-width:230px;font-size:15px}
#smaregiPage .sm-read-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding-top:12px;border-top:1px solid #ded0b4;color:#806e55;font-size:11px}
#smaregiPage .sm-read-status button{font-size:12px;min-height:38px}
#smaregiPage details.sm-panel>summary{cursor:pointer;font-size:15px;font-weight:700;line-height:1.7;min-height:30px}
#smaregiPage .sm-detail-content{padding-top:12px}
#smaregiPage .sm-advanced-panel>summary span,#smaregiPage .sm-advanced-block>summary span{display:block;margin:5px 0 0 18px;font-size:11px;font-weight:400;color:#887659}
#smaregiPage .sm-advanced-block{padding:18px 0;border-top:1px solid #ded0b4}
#smaregiPage .sm-advanced-block h3,#smaregiPage .sm-advanced-block h2{font-size:15px;margin:0 0 10px}
#smaregiPage details.sm-advanced-block>summary{cursor:pointer;font-weight:700;font-size:14px;line-height:1.8}
#smaregiPage .sm-auto-panel{margin:0;background:transparent;box-shadow:none;border-right:0;border-left:0;border-bottom:0;border-radius:0}
#smaregiPage .sm-auto-panel>summary{color:#66563f}
#smaregiPage .sm-auto-content{padding-top:12px;font-size:13px;line-height:1.8}
#smaregiPage .sm-auto-content label{font-size:12px}
#smaregiPage .sm-auto-content input[type=checkbox],#smaregiPage .sm-connection-panel input[type=checkbox]{width:18px;min-height:18px;vertical-align:middle}
#smaregiPage .sm-errors .text-btn{border:1px solid #cbb48a;border-radius:7px;padding:7px 10px;background:#fff8e9}
@media(max-width:650px){
 #smaregiPage .sm-daily-panel{padding:16px}
 #smaregiPage .sm-page-heading h1{font-size:22px}
 #smaregiPage .sm-flow{gap:7px;font-size:11px}
 #smaregiPage .sm-flow span{width:22px;height:22px}
 #smaregiPage .sm-flow li{gap:4px}
 #smaregiPage .sm-flow li:not(:last-child)::after{margin-left:1px}
 #smaregiPage .sm-date-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #smaregiPage .sm-date-actions label{grid-column:1/-1}
 #smaregiPage .sm-date-actions input{width:100%;box-sizing:border-box}
 #smaregiPage .sm-change-counts{gap:8px}
 #smaregiPage .sm-change-counts>div{padding:10px 12px;font-size:12px}
 #smaregiPage .sm-change-table th,#smaregiPage .sm-change-table td{padding:10px 8px;font-size:12px}
 #smaregiPage .sm-change-table .tag{padding:4px 7px;font-size:11px}
 #smaregiPage .sm-review-button{width:100%;min-width:0}
 #smaregiPage .sm-daily-status{padding:11px 13px}
 #smaregiPage .sm-read-status{align-items:flex-start}
 #smaregiPage .sm-connection-panel .sm-actions{display:flex;align-items:stretch}
 #smaregiPage .sm-connection-panel .sm-actions label{display:flex;align-items:center;gap:7px}
 #smaregiPage .sm-connection-panel .sm-actions input[type=checkbox]{flex:0 0 18px;width:18px}
}