/* SnappyMail Gmail-Lite — LIGHT-ONLY */

:root{
  /* Force light color interpretation */
  color-scheme: light;

  /* Gmail-ish palette */
  --sm-primary:#1a73e8;
  --sm-primary-hover:#185abc;
  --sm-bg-app:#f6f8fc;
  --sm-bg-surface:#ffffff;
  --sm-bg-hover:#e8f0fe;
  --sm-text:#202124;
  --sm-text-muted:#5f6368;
  --sm-border:#dadce0;
  --sm-danger:#d93025;
  --sm-success:#188038;
  --sm-radius:10px;
  --sm-radius-sm:8px;
}

/* Base */
html,body{
  background:var(--sm-bg-app)!important;
  color:var(--sm-text)!important;
  font-family:Inter,Roboto,"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  font-size:14px; line-height:1.45;
}

/* Header / toolbar */
header,.top-toolbar,.b-toolbar,.toolbar,.app-header{
  background:var(--sm-bg-surface)!important;
  border-bottom:1px solid var(--sm-border);
  box-shadow:0 1px 2px rgba(60,64,67,.15);
}
header .search,.toolbar input[type="search"],.toolbar .search input,input[type="search"].search-input{
  background:#eef3fc;border:1px solid transparent;border-radius:24px;outline:0;padding:10px 14px;
}
header .search:focus-within input,.toolbar input[type="search"]:focus,input[type="search"].search-input:focus{
  background:#fff;border-color:var(--sm-primary);box-shadow:0 1px 3px rgba(26,115,232,.25);
}

/* Sidebar / folders */
aside,.sidebar,.b-folders,nav[role="navigation"]{
  background:var(--sm-bg-surface)!important;border-right:1px solid var(--sm-border);
}
aside .item,.sidebar .item,.b-folders .e-item,.b-folders li a{
  display:flex;align-items:center;gap:10px;color:var(--sm-text);
  border-radius:0 24px 24px 0;padding:8px 12px;
}
aside .item:hover,.sidebar .item:hover,.b-folders .e-item:hover,.b-folders li a:hover{background:var(--sm-bg-hover);}
aside .item.active,.sidebar .item.active,.b-folders .e-item.active,.b-folders li.active>a{
  background:var(--sm-bg-hover);color:var(--sm-primary);font-weight:600;
}

/* Buttons */
button,.btn,.button,[role="button"]{border-radius:var(--sm-radius-sm);border:1px solid var(--sm-border);background:#fff;color:var(--sm-text);padding:6px 12px;}
button:hover,.btn:hover,.button:hover,[role="button"]:hover{background:#f8f9fa;}
button.primary,.btn.primary,.button.primary,.btn-main,.is-primary{background:var(--sm-primary)!important;border-color:var(--sm-primary)!important;color:#fff!important;}
button.primary:hover,.btn.primary:hover,.button.primary:hover,.btn-main:hover,.is-primary:hover{background:var(--sm-primary-hover)!important;}
button.danger,.btn.danger,.is-danger{background:var(--sm-danger)!important;border-color:var(--sm-danger)!important;color:#fff!important;}

/* Compose “FAB” look */
a[rel="compose"],[data-action="compose"],.compose,.btn-compose,.button-compose{
  position:sticky;bottom:16px;margin:8px 12px;display:inline-flex;align-items:center;gap:10px;
  background:#c5221f!important;color:#fff!important;border:none!important;border-radius:28px!important;
  padding:12px 18px!important;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.2);
}

/* Message list */
table,.list,.message-list,.b-list{background:var(--sm-bg-surface);}
.message-list tr,.b-list .e-item,.list .item{border-bottom:1px solid #f1f3f4;}
.message-list tr:hover,.b-list .e-item:hover,.list .item:hover{background:#f8fbff;}
.message-list .subject,.list .subject,.b-list .subject{color:var(--sm-text);font-weight:500;}
.message-list .snippet,.list .snippet,.b-list .snippet,.preview,.sub{color:var(--sm-text-muted);}
.unread,.is-unread,.message-list tr.unseen,.b-list .unseen{background:#eaf1fb!important;font-weight:700;}

/* Labels */
.label,.tag,.badge{background:#e8f0fe;color:#174ea6;border-radius:10px;padding:2px 8px;font-weight:600;border:1px solid #d2e3fc;}

/* Message view */
.message-view,.b-message,.message{
  background:var(--sm-bg-surface);border:1px solid var(--sm-border);border-radius:var(--sm-radius);
  box-shadow:0 1px 2px rgba(60,64,67,.15);
}

/* Forms */
input[type="text"],input[type="email"],input[type="password"],textarea,select{
  border:1px solid var(--sm-border);border-radius:8px;padding:8px 10px;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--sm-primary);box-shadow:0 0 0 3px rgba(26,115,232,.15);outline:0;
}

/* Avatars */
.avatar,.from .avatar,.b-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;}

/* Utilities */
.text-muted{color:var(--sm-text-muted);} .separator{border-color:var(--sm-border)!important;}

/* *** IMPORTANT: disable any dark overrides from system *** */
@media (prefers-color-scheme: dark){
  :root,html,body,[class],[id]{
    background:var(--sm-bg-app)!important;
    color:var(--sm-text)!important;
  }
}
/* No dark theme rules below this line. */