.message-work { max-width: 760px; margin: 0 auto 12px; padding: 14px 16px; border: 1px solid #c7dbd4; border-radius: 12px; background: #fff; color: #183f35; font-size: 14px; line-height: 1.5; }
.message-work[hidden] { display: none; }
.message-work-title,.message-work-owner { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.message-work-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.message-work .soft-button { min-height: 38px; font-size: 14px; padding: 8px 12px; }
.message-work-actions [aria-pressed="true"] { background: #174e3b; color: #fff; opacity: 1; }
.message-work p { font-size: 13px; margin: 8px 0 0; color: #4c675c; }
.message-work-state { font-size: 13px; font-weight: 700; border-radius: 6px; padding: 3px 8px; background: #edf4f1; }
.message-work-state[data-state="action"] { background: #fff0cd; color: #775000; }
.message-work-state[data-state="waiting"] { background: #e9f1fa; color: #24507a; }
.sms-notifications-panel { width: min(430px, calc(100vw - 32px)); max-height: calc(100dvh - 110px); overflow-y: auto; }
.message-work-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 10px 0; }
.message-work-tabs button { font: inherit; font-size: 14px; min-height: 38px; padding: 6px; border: 1px solid #c7dbd4; border-radius: 7px; color: #244434; background: #fff; cursor: pointer; }
.message-work-tabs button[aria-pressed="true"] { background: #174e3b; color: white; border-color: #174e3b; }
.message-work-page { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
[data-message-work-count] { margin-left: 6px; padding-left: 6px; border-left: 1px solid #a9c5b9; }
.sms-notification-item strong,.sms-notification-item span span { font-size: 14px; }
.sms-notification-item small,.sms-notifications-panel header small { font-size: 12px; color: #486354; }
.sms-notifications-panel > p { font-size: 13px; }
.sms-notifications-panel footer { font-size: 12px; }
.message-work :focus-visible { outline: 3px solid #428d75; outline-offset: 3px; }
@media (max-width: 480px) { .message-work { padding: 12px; } .message-work-actions { display: grid; grid-template-columns: repeat(3,1fr); } .message-work-actions .soft-button { padding: 8px 6px; } }