.sms-screen{max-width:1200px}.sms-account{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:12px 0 18px;font-size:13px;color:var(--muted)}.sms-account strong{color:var(--ink)}.sms-account-dot{width:8px;height:8px;border-radius:50%;background:#a78847}.sms-account-dot.is-ready{background:#228153}.sms-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.sms-summary>div{border:1px solid var(--line);border-radius:12px;background:var(--white);padding:14px 18px;display:flex;flex-direction:column;gap:5px}.sms-summary span,.sms-summary small{font-size:12px;color:var(--muted)}.sms-summary strong{font-size:26px;line-height:1.2;font-weight:600}.sms-summary strong small{font-size:15px;font-weight:400}.sms-filters{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.3fr 1.3fr auto;gap:12px;align-items:end}.sms-filters label,.sms-test label{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0}.sms-filters input,.sms-filters select,.sms-test input{width:100%;min-width:0;height:43px;margin:0}.sms-filters .btn{min-height:43px}.sms-explanation{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0}.sms-list{border:1px solid var(--line);border-radius:14px;background:var(--white);overflow:hidden}.sms-row{padding:15px 18px}.sms-row+.sms-row{border-top:1px solid var(--line)}.sms-row-main{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 90px;gap:16px;align-items:start;font-size:13px}.sms-row-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.sms-row-main strong{font-size:14px}.sms-row-main time,.sms-row-main small{font-size:12px;color:var(--muted)}.sms-row-main time{font-weight:600}.sms-row-main .sms-credit{align-items:flex-end;gap:2px}.sms-status{display:inline-flex;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.4;background:#f6ecd0;color:#805b14}.sms-status-accepted{background:#e2f1e8;color:#17613b}.sms-status-failed{background:#fbe9e7;color:#a33929}.sms-report{border:0;background:none;color:#17614f;text-decoration:underline;font-size:12px;cursor:pointer;padding:4px 0;min-height:28px}.sms-report:focus-visible{outline:2px solid #17614f;outline-offset:3px}.sms-detail{font-size:12px;margin-top:8px;color:var(--muted)}.sms-detail summary{cursor:pointer;width:fit-content}.sms-detail p{margin:10px 0;overflow-wrap:anywhere}.sms-detail ol{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:5px}.sms-detail li{display:flex;gap:16px;flex-wrap:wrap}.sms-detail time{font-weight:600}.sms-error{color:#a33929}.sms-empty{padding:30px;text-align:center;color:var(--muted)}.sms-pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:14px 0;font-size:13px}.sms-test{margin-top:22px;padding:18px}.sms-test summary{cursor:pointer;font-weight:600;width:fit-content}.sms-test>p{font-size:13px;color:var(--muted);margin:12px 0}.sms-test form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.sms-test label{flex:1;max-width:320px}.sms-test-result{font-size:13px}.sms-screen button:disabled{cursor:default;opacity:.5}
@media(max-width:1350px){.sms-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.sms-row-main{grid-template-columns:1.3fr 1fr 1.2fr 70px;gap:10px}.sms-summary>div{padding:12px}.sms-summary span{min-height:30px}}
@media(max-width:600px){.sms-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sms-summary span{min-height:0}.sms-summary strong{font-size:23px}.sms-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sms-row{padding:13px}.sms-row-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.sms-row-main>div:nth-child(2){align-items:flex-end;text-align:right}.sms-row-main .sms-credit{flex-direction:row;align-items:baseline;justify-content:flex-end;gap:5px;flex-wrap:wrap}.sms-account{gap:8px;font-size:12px}.sms-account>span:last-child{width:100%}.sms-test form{align-items:stretch}.sms-test label{flex-basis:100%;max-width:none}.sms-test .btn{flex:1}.sms-row-main time{font-size:11px}}

/* Keep native iOS date controls within the same cells and height as other filters. */
.sms-filters input:not([type=checkbox]):not([type=radio]),.sms-filters select,.sms-filters .btn{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;padding-top:0;padding-bottom:0}
.sms-filters input[type=date]{appearance:none;-webkit-appearance:none;display:block;max-height:44px;padding:0 10px;line-height:42px;text-align:center}
.sms-filters input[type=date]::-webkit-date-and-time-value{min-width:0;min-height:0;line-height:42px;text-align:center}
.sms-filters input[type=date]::-webkit-datetime-edit{display:inline-flex;align-items:center;min-height:42px;max-width:100%;padding:0}
@media(min-width:1351px){.sms-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.3fr) minmax(0,1.3fr) auto}}