/* MAILAI INTELLIGENCE V0.2 */
.ai-sidebar-item{width:100%;min-height:35px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:7px 10px;color:#425360;font-size:11px}.ai-sidebar-item strong{font-size:10px;color:#5c6d7a}
.ai-search-wrap{flex:0 0 auto;display:flex;gap:8px;padding:8px 10px;background:#fff;border-bottom:1px solid var(--line)}.ai-search-box{min-width:0;flex:1;height:34px;padding:0 11px;border:1px solid #d6dee5;border-radius:7px;outline:none;font-size:11px}.ai-briefing-button{min-width:70px;border:1px solid #cdd8e0;border-radius:7px;background:#f8fafb;color:#285673;font-size:10px;font-weight:700}
.ai-message-intelligence{margin:0 0 14px;padding:14px;border:1px solid #d8e4ec;border-radius:9px;background:#f9fcfe}.ai-panel-head{display:flex;justify-content:space-between;gap:14px}.ai-kicker{display:block;margin-bottom:5px;color:#56768e;font-size:8px;font-weight:800}.ai-panel-head h3{margin:0;font-size:13px;line-height:1.45}.ai-priority{padding:4px 7px;border-radius:5px;background:#edf1f4;font-size:8px;font-weight:800}.ai-priority.high,.ai-priority.critical{background:#fce8e8;color:#9e3434}
.ai-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin-top:13px;padding-top:11px;border-top:1px solid #e1e8ed}.ai-facts span{display:block;color:#81909c;font-size:8px}.ai-facts strong{display:block;margin-top:3px;font-size:10px}.ai-commitments{margin-top:12px;padding-top:10px;border-top:1px solid #e1e8ed;font-size:10px}.ai-actions{display:flex;gap:7px;margin-top:12px}.ai-action-button{border:0;border-radius:6px;padding:7px 10px;background:#1f6f9f;color:#fff;font-size:9px;font-weight:700}.ai-action-button.secondary{border:1px solid #cdd9e1;background:#fff;color:#476274}
.ai-search-reason{margin-top:6px;color:#527993;font-size:9px}.ai-modal-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:28px;background:rgba(14,28,38,.38)}.ai-modal{width:min(820px,96vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:#fff}.ai-modal>header{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e2e8ed}.ai-modal>header h2{margin:0;font-size:17px}.ai-modal>header button{border:0;background:transparent;font-size:24px}.ai-modal-body{overflow:auto;padding:18px}.ai-draft-card{margin-top:12px;padding:12px;border:1px solid #dde5eb;border-radius:8px}.ai-draft-card textarea{width:100%;min-height:125px}.ai-brief-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ai-brief-stats div{padding:12px;border:1px solid #e0e6eb;border-radius:8px}.ai-brief-list article,.ai-timeline article{padding:12px 4px;border-bottom:1px solid #e5eaee}.ai-brief-list p,.ai-timeline p{font-size:11px;line-height:1.45}
@media(max-width:680px){.ai-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-brief-stats{grid-template-columns:repeat(2,1fr)}}

/* FIX-MAILAI-AI-INBOX-NAVIGATION-V01 */

button.ai-sidebar-item{
  border:0;
  border-radius:7px;
  background:transparent;
  text-align:left;
  font-family:inherit;
  cursor:pointer;
}

button.ai-sidebar-item:hover{
  background:#f1f5f7;
}

button.ai-sidebar-item.active{
  background:#e4eef5;
  color:#234b66;
  font-weight:700;
}

button.ai-sidebar-item.active strong{
  color:#234b66;
}

.ai-inbox-result{
  cursor:pointer;
}

.ai-inbox-result:hover{
  border-color:#91b8d4;
  background:#fbfdff;
}


/* ============================================================
   MAILAI ATTENTION COLOR SYSTEM V01
   Visual severity cues for AI Inbox / attention states
   ============================================================ */

/* Base attention item */
.ai-sidebar-item,
.mail-row {
    position: relative;
}


/* NEEDS MY ACTION */
.ai-sidebar-item[data-ai-view="action"] {
    border-left: 4px solid #2563eb;
    background: #eff6ff;
}

.ai-sidebar-item[data-ai-view="action"]:hover,
.ai-sidebar-item[data-ai-view="action"].active {
    background: #dbeafe;
}


/* URGENT / HIGH ATTENTION */
.ai-sidebar-item[data-ai-view="urgent"] {
    border-left: 4px solid #f97316;
    background: #fff7ed;
}

.ai-sidebar-item[data-ai-view="urgent"]:hover,
.ai-sidebar-item[data-ai-view="urgent"].active {
    background: #ffedd5;
}


/* DEADLINES */
.ai-sidebar-item[data-ai-view="deadlines"] {
    border-left: 4px solid #eab308;
    background: #fefce8;
}

.ai-sidebar-item[data-ai-view="deadlines"]:hover,
.ai-sidebar-item[data-ai-view="deadlines"].active {
    background: #fef9c3;
}


/* WAITING */
.ai-sidebar-item[data-ai-view="waiting"] {
    border-left: 4px solid #0ea5e9;
    background: #f0f9ff;
}

.ai-sidebar-item[data-ai-view="waiting"]:hover,
.ai-sidebar-item[data-ai-view="waiting"].active {
    background: #e0f2fe;
}


/* RISK */
.ai-sidebar-item[data-ai-view="risk"] {
    border-left: 4px solid #b91c1c;
    background: #fef2f2;
}

.ai-sidebar-item[data-ai-view="risk"]:hover,
.ai-sidebar-item[data-ai-view="risk"].active {
    background: #fee2e2;
}


/* Counts inherit the attention color */
.ai-sidebar-item[data-ai-view="action"] strong {
    color: #1d4ed8;
}

.ai-sidebar-item[data-ai-view="urgent"] strong {
    color: #c2410c;
}

.ai-sidebar-item[data-ai-view="deadlines"] strong {
    color: #a16207;
}

.ai-sidebar-item[data-ai-view="waiting"] strong {
    color: #0369a1;
}

.ai-sidebar-item[data-ai-view="risk"] strong {
    color: #991b1b;
}


/* ------------------------------------------------------------
   MESSAGE-LEVEL PRIORITY VISUALS
   ------------------------------------------------------------ */

.ai-priority.critical {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.ai-priority.high {
    background: #ffedd5;
    color: #c2410c;
    border: 1px solid #fed7aa;
}

.ai-priority.normal {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.ai-priority.low {
    background: #f3f4f6;
    color: #4b5563;
    border: 1px solid #e5e7eb;
}


/* ------------------------------------------------------------
   ATTENTION TAGS IN MESSAGE LIST
   ------------------------------------------------------------ */

.tag.action {
    background: #dbeafe !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe;
}

.tag.high {
    background: #fee2e2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca;
}


/* ------------------------------------------------------------
   MOBILE
   Keep accents visible but compact
   ------------------------------------------------------------ */

@media (max-width: 767px) {

    .ai-sidebar-item[data-ai-view] {
        border-left-width: 5px;
    }

}



/* ============================================================
   MAILAI-EDITABLE-AI-REPLY-V01
   ============================================================ */

.ai-editable-draft {
    width: 100%;
    min-height: 150px;

    padding: 12px;

    resize: vertical;

    border: 1px solid #cfd9e1;
    border-radius: 7px;

    background: #ffffff;
    color: #172533;

    font-family: inherit;
    font-size: 13px;
    line-height: 1.55;

    outline: none;
}

.ai-editable-draft:focus {
    border-color: #1f6f9f;
    box-shadow:
        0 0 0 2px rgba(31,111,159,.10);
}


.ai-draft-actions {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-top: 10px;
}


.ai-draft-title {
    margin-bottom: 7px;

    font-size: 12px;
    font-weight: 700;

    text-transform: capitalize;

    color: #344d60;
}


/* Make the actual reply action prominent */

.ai-draft-actions
.ai-action-button:first-child {

    background: #1f6f9f;
    color: #ffffff;
}


/* MOBILE */

@media (max-width: 767px) {

    .ai-editable-draft {
        min-height: 180px;
        font-size: 14px;
    }

    .ai-draft-actions {
        display: grid;
        grid-template-columns:
            1fr 1fr;
    }

    .ai-draft-actions button {
        width: 100%;
        min-height: 42px;
    }
}


@media (max-width: 420px) {

    .ai-draft-actions {
        grid-template-columns: 1fr;
    }

}