/* Verified tokens from the supplied Curves Collected Shopify email reference.
   Styling only: no notification template or Liquid logic is included. */
:root{--ink:#f3f2ed;--muted:#aeb8a8;--paper:#101210;--line:#343a33;--green:#f87532;--lime:#f87532;--soft:#171b17;--brand-header:#171b17;--brand-panel:#1a1d1a;--brand-footer:#131613;--brand-body:#c2c7bf;--brand-link:#ff8a4c;color-scheme:dark}
body{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
button,input,textarea,select{font-family:Arial,Helvetica,sans-serif}
a{color:var(--brand-link)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #ff9a62;outline-offset:4px}
.demo-bar{background:var(--brand-footer);color:#b9c1b6;border-bottom:1px solid var(--line)}
.dot,.connection-dot,.unread-dot{background:#f87532}
.sidebar{background:var(--brand-header);border-color:var(--line)}
.wordmark{margin:0 0 45px;font-size:0;line-height:normal;letter-spacing:normal}
.wordmark::before{content:none!important}
.wordmark img{display:block;width:100%;height:auto;max-width:184px;margin:0 auto}
.brand-mark{font-size:0;margin-bottom:24px}
.brand-mark img{width:205px;max-width:100%;height:auto;display:block;margin:auto}
.workspace-label,.eyebrow{color:#aeb8a8;font-size:9px;letter-spacing:1.5px}
.primary{background:#f87532;color:#141812;border-radius:4px;font-weight:700}
.primary:hover{background:#ff8a4c;color:#141812}
.nav-item{color:#c2c7bf;border-radius:4px}
.nav-item.active{background:#2c342e;color:#f3f2ed;box-shadow:inset 2px 0 #f87532}
.nav-item b{background:#1a1d1a;color:#c2c7bf;border:1px solid #343a33}
.sidebar-note p{font:14px/1.6 Arial,Helvetica,sans-serif;letter-spacing:0;color:#c2c7bf}
.tiny-circle{color:#f87532}
.sidebar-note small,.account small{color:#aeb8a8}
.account{border-color:#343a33}
.avatar,.avatar.small{font:15px Arial,Helvetica,sans-serif;background:#2c342e;color:#f3f2ed}
.icon-btn:hover{background:#2c342e}
.main{background:#101210}
.topbar{background-color:#171b17;background-image:repeating-radial-gradient(ellipse at 105% -10%,transparent 0px,transparent 16px,#2c342e 17px,transparent 18px,transparent 31px);border-color:#343a33}
.topbar h1{font:600 34px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.7px}
.topbar h1 span{color:#f87532}
.mailbox-id{color:#f3f2ed}.mailbox-id small{color:#b9c1b6}
.message-pane{background:#131613;border-color:#343a33}
.search-box{background:#1a1d1a;border-color:#596451;border-radius:4px}
.search-box>span{color:#b9c1b6}
.search-box input{color:#f3f2ed}.search-box input::placeholder{color:#aeb8a8}
.search-box kbd{background:#171b17;color:#aeb8a8;border-color:#343a33}
.filter{color:#b9c1b6;border-radius:4px}
.filter.selected{background:#2c342e;color:#f3f2ed}
.list-caption{color:#aeb8a8}
.message-row{color:#f3f2ed;border-color:#343a33}
.message-row.selected{background:#242d25;border-left-color:#f87532}
.message-row:hover{background:#252b25}
.row-top time,.message-row .snippet,.list-footer{color:#aeb8a8}
.reader{background:#1a1d1a}
.reader-toolbar{color:#aeb8a8}
.pill{background:#2c342e;color:#f3f2ed;border-radius:4px}
.pill.bad{background:#3b2117;color:#ff9a62}
.reader h2{font:600 26px/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.4px;color:#f3f2ed}
.sender-detail strong{color:#f3f2ed}
.sender-detail small,.sender time{color:#aeb8a8}
.mail-body{color:#c2c7bf;font-size:13px}
.file-link{background:#171b17;border-color:#596451;border-radius:4px;color:#ff8a4c}
.file-link small{color:#aeb8a8}
.reply-box{background:#171b17;border-color:#343a33;border-radius:4px}
.reply-box p{font:600 14px/1.5 Arial,Helvetica,sans-serif;color:#f3f2ed}
.reply-box small,.safe-note{color:#aeb8a8}
.workspace-footer{background:#131613;border-color:#343a33;color:#aeb8a8}
.workspace-footer span:first-child{font:11px Arial,Helvetica,sans-serif}
.empty{font:16px/1.6 Arial,Helvetica,sans-serif;color:#b9c1b6}
dialog{background:#1a1d1a;border-color:#343a33;border-radius:6px;box-shadow:0 30px 100px #0009;color:#f3f2ed}
dialog::backdrop{background:#101210bd}
.composer-header{background:#171b17;border-color:#343a33}
.composer-header h2{font:600 26px Arial,Helvetica,sans-serif;letter-spacing:-.4px}
.compose-from,.field-row{color:#aeb8a8;border-color:#343a33}
.compose-from strong{color:#c2c7bf}
.field-row input,textarea{color:#f3f2ed;background:transparent}
.field-row:focus-within{background:#202720}
.field-row input::placeholder,textarea::placeholder{color:#aeb8a8}
.attach-button{border-color:#596451;color:#c2c7bf;border-radius:4px}
.attachment-row small,.failure-toggle,.compose-footer small{color:#aeb8a8}
.file-chip{background:#2c342e;color:#f3f2ed;border-radius:4px}
.error{background:#3b2117;color:#ff9a62;border-radius:4px}
.compose-footer{border-color:#343a33}
#toast{background:#f87532;color:#141812;border-radius:4px;font-weight:600}
.login{background:#101210}
.login-card h1{font:600 35px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.7px}
.login-card>p,.login-card>small{color:#aeb8a8}
.login-box{background:#1a1d1a;border-color:#343a33;border-radius:6px;box-shadow:none}
.login-box h2{font:600 22px Arial,Helvetica,sans-serif;color:#f3f2ed}
.login-box p,.login-box label{color:#c2c7bf}
.login-box select,.login-box input{background:#171b17;border-color:#596451;color:#f3f2ed;border-radius:4px}
.demo-code{background:#2c342e;color:#f3f2ed;border-radius:4px}
.text-btn{color:#ff9a62}
.thread-note{color:#c2c7bf;border-color:#596451}
.sender-security{color:#b9c1b6;background:#171b17;border-color:#343a33;border-radius:4px}
.sender-security strong{color:#f3f2ed}
.message-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:-10px 0 24px}.message-actions button{font-size:11px;color:#ff9a62;border:1px solid #596451;padding:8px 12px;border-radius:4px}.message-actions span{font-size:10px;color:#aeb8a8}.forward-note{color:#b9c1b6;font-size:11px;line-height:1.6;margin:15px 30px;padding:10px;border:1px solid #343a33;border-radius:4px}
@media(max-width:1100px){.wordmark img{max-width:158px}.reader h2{font-size:24px}}
@media(max-width:820px){.wordmark{margin:4px 0 32px}.wordmark img{width:100%;min-width:0;max-width:100%}}
@media(max-width:620px){.wordmark{margin:8px 0 28px}.topbar h1{font-size:29px}.reader h2{font-size:23px}.reply-box p{font-size:12px}.login-card h1{font-size:30px}.composer-header h2{font-size:23px}}
