/* MC Law phone app styles. Based on the PTS phone app standard. */
:root{--sm-brand:#1C7A55;--sm-ink:#1F2A24;--sm-muted:#56645C;--sm-line:#E3E9E5;--sm-soft:#EEF5F1;--sm-bg:#fff;--sm-r:18px;--sm-safe:env(safe-area-inset-bottom,0px);--sm-bar:64px}
.sm-ui,.sm-ui *{box-sizing:border-box}
.sm-ui{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--sm-ink);-webkit-tap-highlight-color:transparent;line-height:1.35;letter-spacing:normal;text-transform:none}
.sm-ui a{text-decoration:none;color:inherit}
.sm-ui button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer}
.sm-ico{width:24px;height:24px;flex:none;display:block}
@media (min-width:901px){.sm-ui{display:none!important}}
@media (max-width:900px){body.sm-has-bar{padding-bottom:calc(var(--sm-bar) + var(--sm-safe) + 8px)!important}}
html.sm-lock,html.sm-lock body{overflow:hidden!important;overscroll-behavior:none}

/* Sheet */
.sm-sheet-wrap{position:fixed;inset:0;z-index:2147483000}
.sm-scrim{position:absolute;inset:0;background:rgba(10,20,15,.45);opacity:0;transition:opacity .22s}
.sm-sheet{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;overscroll-behavior:contain;background:var(--sm-bg);border-radius:var(--sm-r) var(--sm-r) 0 0;padding:6px 16px calc(18px + var(--sm-safe));transform:translateY(102%);transition:transform .26s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 30px rgba(0,0,0,.18);outline:none}
.sm-full .sm-sheet{top:0;max-height:none;border-radius:0;padding-top:calc(env(safe-area-inset-top,0px) + 10px)}
.sm-sheet-wrap.on .sm-scrim{opacity:1}
.sm-sheet-wrap.on .sm-sheet{transform:none}
.sm-grab{width:40px;height:5px;border-radius:3px;background:#CCD6D0;margin:4px auto 10px}
.sm-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 12px}
.sm-h h2{font-size:20px;line-height:1.2;margin:0;font-weight:700;color:var(--sm-ink)}
.sm-x{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--sm-soft)!important;flex:none}
.sm-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sm-muted);margin:18px 2px 8px}

/* Rows */
.sm-list{display:flex;flex-direction:column;gap:8px}
.sm-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--sm-line)}
.sm-row:active{background:var(--sm-soft)}
.sm-row-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--sm-soft);color:var(--sm-brand);flex:none}
.sm-row-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.sm-row-txt b{font-size:16px;font-weight:600}
.sm-row-txt small{font-size:13px;color:var(--sm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-row-go{color:#9AA8A0}
.sm-row-go .sm-ico{width:18px;height:18px}

.sm-ui .sm-btn,.sm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;background:var(--sm-brand)!important;color:#fff!important;font-weight:700;font-size:16px}
.sm-btn.ghost{background:var(--sm-soft)!important;color:var(--sm-ink)!important}
.sm-btn.block{display:flex;width:100%}

.sm-search{display:flex;align-items:center;gap:8px;background:var(--sm-soft);border-radius:14px;padding:0 12px;min-height:48px;color:var(--sm-muted)}
.sm-search input{flex:1;border:0!important;background:none!important;font:inherit;font-size:16px!important;color:var(--sm-ink);outline:none;min-height:46px;padding:0!important;box-shadow:none!important;margin:0}
.sm-notice{background:#FFF7E0;border:1px solid #F1DFA6;color:#5A4A12;border-radius:12px;padding:10px 12px;font-size:14px;margin:0 0 12px}
.sm-empty{color:var(--sm-muted);font-size:14px;padding:12px 2px}

/* Home screen prompt */
.sm-a2hs{position:fixed;left:10px;right:10px;bottom:calc(var(--sm-bar) + var(--sm-safe) + 14px);z-index:2147482990;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--sm-line);border-radius:16px;padding:10px 10px 10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.16);transform:translateY(20px);opacity:0;transition:all .25s}
.sm-a2hs.on{transform:none;opacity:1}
.sm-a2hs div{flex:1;display:flex;flex-direction:column}
.sm-a2hs b{font-size:15px}.sm-a2hs small{font-size:13px;color:var(--sm-muted)}
.sm-a2hs .sm-btn{min-height:40px;padding:0 14px}
.sm-a2hs .sm-x{width:40px;height:40px}

@media (prefers-reduced-motion:reduce){.sm-sheet,.sm-scrim,.sm-a2hs{transition:none}}
.sm-ui button:focus{outline:none}
.sm-ui a:focus-visible,.sm-ui button:focus-visible,.sm-ui input:focus-visible{outline:3px solid var(--sm-brand);outline-offset:2px;border-radius:12px}
.sm-search input:focus-visible{outline:none}
.sm-search:focus-within{box-shadow:0 0 0 2px var(--sm-brand)}
.sm-ui button.sm-row{width:100%;text-align:left;justify-content:flex-start}
.sm-ui .sm-row-txt{align-items:flex-start;text-align:left}
.sm-ui button.sm-row{border:1px solid var(--sm-line)}