*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Tahoma,sans-serif;background:#f6f5f4;color:#171717}button,input,select,textarea{font:inherit}.hidden{display:none!important}.app{min-height:100vh}.top{height:72px;background:#141414;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.logo{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#a71920;color:white;font-size:20px}.brand small{display:block;color:#aaa;font-weight:400;font-size:11px}.top-actions{display:flex;gap:10px;align-items:center}.ghost,.primary,.danger{border:0;border-radius:9px;padding:10px 14px;cursor:pointer}.ghost{background:#292929;color:#fff}.primary{background:#a71920;color:#fff}.danger{background:#fff0f0;color:#a71920}.shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 72px)}.side{background:#1b1b1b;padding:20px 14px}.nav{display:grid;gap:6px}.nav button{background:transparent;color:#d9d9d9;border:0;border-radius:9px;text-align:start;padding:13px 14px;cursor:pointer}.nav button:hover,.nav button.active{background:#8f171c;color:#fff}.main{padding:28px;max-width:1450px;width:100%;margin:auto}.hero{background:linear-gradient(135deg,#151515,#2a191a);color:#fff;border-radius:18px;padding:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.hero h1{margin:0 0 8px;font-size:30px}.hero p{margin:0;color:#d5d5d5;max-width:680px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.card{background:#fff;border:1px solid #e7e3df;border-radius:14px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,.025)}.stat strong{display:block;font-size:28px;margin-top:8px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-title h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card h3{margin-top:0}.service-card p{color:#666;min-height:48px}.tag{display:inline-block;background:#f7e8e9;color:#8f171c;border-radius:999px;padding:5px 9px;font-size:12px}.list{display:grid;gap:10px}.request-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center}.muted{color:#777;font-size:13px}.status{border-radius:999px;padding:6px 10px;font-size:12px;background:#eee}.status.new{background:#fff1d6;color:#8a5a00}.status.in_progress{background:#e8f1ff;color:#205493}.status.completed{background:#e8f8ee;color:#1a6a38}.status.waiting,.status.action_required{background:#ffe8e8;color:#9f1f1f}.panel{display:none}.panel.active{display:block}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:50;display:grid;place-items:center;padding:18px}.modal-box{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px;margin-bottom:12px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #d9d4cf;border-radius:9px;padding:12px;background:#fff}.field textarea{min-height:130px;resize:vertical}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#32191a,#111 55%)}.auth-card{width:min(460px,100%);background:#fff;border-radius:18px;padding:28px}.auth-card h1{margin:0 0 8px}.auth-tabs{display:flex;gap:8px;margin:18px 0}.auth-tabs button{flex:1;border:1px solid #ddd;background:#fafafa;padding:10px;border-radius:8px}.auth-tabs button.active{background:#181818;color:#fff}.notice{padding:12px;border-radius:9px;background:#f5f5f5;margin:10px 0}.notice.error{background:#ffe8e8;color:#8f171c}.notice.ok{background:#eaf7ee;color:#176237}.files{display:grid;gap:8px}.file{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #eee;border-radius:9px}.messages{display:grid;gap:8px;max-height:280px;overflow:auto}.message{padding:10px 12px;border-radius:10px;background:#f6f6f6}.message.customer{background:#fbecee}.mobile-menu{display:none}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{display:none}.side.open{display:block;position:fixed;inset:72px 0 0 auto;width:260px;z-index:30}.mobile-menu{display:inline-block}.main{padding:18px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.hero{display:block}.hero .primary{margin-top:16px}.form-grid{grid-template-columns:1fr}.request-row{grid-template-columns:1fr}.top{padding:0 14px}}@media(max-width:520px){.stats{grid-template-columns:1fr 1fr}.brand span{font-size:14px}.main{padding:12px}.hero{padding:22px}.hero h1{font-size:24px}}

.owner-badge{display:block;color:#ffd9da!important;font-weight:700;margin-top:2px}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.admin-tabs button{border:1px solid #ded8d4;background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer}
.admin-tabs button.active{background:#191919;color:#fff;border-color:#191919}
.admin-tab-panel{display:none}
.admin-tab-panel.active{display:block}
.admin-list{display:grid;gap:10px}
.admin-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center}
.admin-service-form textarea{min-height:82px}
.admin-check{display:flex;align-items:center;gap:8px;padding:10px}
button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.admin-row{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}}

.quota{min-width:140px;text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:10px 14px}.quota strong{display:block;font-size:28px}.quota span{font-size:12px;color:#777}
.ai-layout{display:grid;grid-template-columns:280px 1fr;gap:14px}.ai-side{min-height:540px}.thread-list{display:grid;gap:7px;margin-top:12px;max-height:480px;overflow:auto}.thread-btn{border:1px solid #eee;background:#fff;border-radius:10px;padding:10px;text-align:right;cursor:pointer}.thread-btn strong,.thread-btn small{display:block}.thread-btn small{color:#888;margin-top:3px}.ai-chat{min-height:540px;display:flex;flex-direction:column}.ai-messages{flex:1;min-height:390px;max-height:520px;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:10px}.ai-bubble{max-width:86%;padding:12px 14px;border-radius:14px;line-height:1.7}.ai-bubble.user{align-self:flex-start;background:#f3e7e8}.ai-bubble.assistant{align-self:flex-end;background:#f5f5f5;border:1px solid #e8e8e8}.ai-bubble small{display:block;color:#888;margin-top:6px}.ai-chat textarea{width:100%;min-height:90px;box-sizing:border-box;margin:10px 0}.plan-featured{border:2px solid #ad1a21}.plan-price{font-size:25px;display:block;margin:12px 0}.admin-package-form{margin-bottom:10px}
@media(max-width:850px){.ai-layout{grid-template-columns:1fr}.ai-side{min-height:auto}.thread-list{max-height:200px}.ai-chat{min-height:480px}}

#adminRequestReplyBox textarea{width:100%;min-height:100px;border:1px solid #ddd;border-radius:10px;padding:12px;resize:vertical;margin-bottom:8px}
#adminRequestReplyBox form{display:grid;gap:8px}
button:disabled{opacity:.5;cursor:not-allowed}

#adminSystemStatus .stat strong{word-break:break-word}.meta-note{line-height:1.6}

.ai-bubble.assistant{line-height:1.85}
.ai-bubble.assistant strong{font-weight:800}
.ai-heading{display:inline-block;margin-top:7px}
.ai-list-item{display:inline-block;margin:2px 0}

.brand-logo{width:50px;height:50px;object-fit:contain;background:#fff;border-radius:10px;padding:4px;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.brand-logo-top{width:42px;height:42px;padding:3px}
.brand-auth{align-items:center}
.brand-main span,.brand-auth span{font-size:16px}
.auth-links{margin-top:10px;text-align:center}.text-btn{border:0;background:transparent;color:#8f171c;cursor:pointer;padding:6px 0}
#recoverLookupForm,#recoverResetForm{margin-top:14px}
.notice.inline{margin-top:8px}
@media(max-width:520px){.brand-logo{width:44px;height:44px}.brand-main span,.brand-auth span{font-size:13px}.brand-main small,.brand-auth small{font-size:11px}}

/* V1.13 unified multilingual UI */
.language-select{border:1px solid #ddd;background:#fff;color:#171717;border-radius:9px;padding:9px 12px;min-width:145px;font:inherit}
.auth-language-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:12px 0 4px}.auth-language-row label{font-size:12px;color:#777}
.top-language{min-width:118px;max-width:180px;background:#222;color:#fff;border-color:#3b3b3b}
.danger-zone{margin-top:16px;border-color:#f0c9ca;background:#fff8f8}.danger-btn{background:#9d171c;color:#fff;border:0;border-radius:8px;padding:11px 16px;cursor:pointer}
.store-note{border:1px solid #ddd;background:#f7f7f7;border-radius:10px;padding:12px;color:#555}.i18n-busy{cursor:progress}
@media(max-width:700px){.top-language{min-width:92px;max-width:120px;padding:7px}.auth-language-row{justify-content:center}}


/* V1.15 deterministic direction: Arabic RTL, all other locales LTR. */
html[dir="rtl"],html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="ltr"],html[dir="ltr"] body{direction:ltr;text-align:left}
html[dir="rtl"] .shell{direction:rtl;grid-template-columns:240px minmax(0,1fr)}
html[dir="ltr"] .shell{direction:ltr;grid-template-columns:240px minmax(0,1fr)}
html[dir="rtl"] .top,html[dir="rtl"] .auth-card,html[dir="rtl"] .modal-box{direction:rtl;text-align:right}
html[dir="ltr"] .top,html[dir="ltr"] .auth-card,html[dir="ltr"] .modal-box{direction:ltr;text-align:left}
html[dir="ltr"] .nav button,html[dir="ltr"] .thread-btn{text-align:left}
html[dir="rtl"] .nav button,html[dir="rtl"] .thread-btn{text-align:right}
html[dir="ltr"] .ai-bubble.user{align-self:flex-end}
html[dir="ltr"] .ai-bubble.assistant{align-self:flex-start}
html[dir="rtl"] .ai-bubble.user{align-self:flex-start}
html[dir="rtl"] .ai-bubble.assistant{align-self:flex-end}
@media(max-width:900px){
 html[dir="ltr"] .side.open{inset:72px auto 0 0!important}
 html[dir="rtl"] .side.open{inset:72px 0 0 auto!important}
}


/* V1.20 — AI/Consultation attachments + mobile camera + image editor */
.hidden-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.composer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 6px}
.composer-tools .ghost{background:#222;color:#fff;border-color:#222;padding:9px 12px}
.composer-hint{font-size:12px}
.pending-attachments{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px;min-height:0}
.attachment-chip{display:flex;align-items:center;gap:8px;border:1px solid #ddd;background:#fafafa;border-radius:10px;padding:7px 9px;max-width:100%}
.attachment-chip img{width:42px;height:42px;border-radius:7px;object-fit:cover;background:#eee}
.attachment-chip .attachment-meta{min-width:0;max-width:260px}
.attachment-chip .attachment-name{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.attachment-chip small{display:block;color:#777;font-size:10px}
.attachment-chip button{border:0;background:transparent;color:#a71920;font-weight:900;font-size:18px;cursor:pointer;padding:0 2px}
.ai-bubble .message-attachments{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ai-bubble .message-attachment{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.06);font-size:11px;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.08)}
.ai-bubble.user .message-attachment{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18)}
.image-editor-modal-box{max-width:900px}
.image-editor-stage{background:#111;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:320px;touch-action:none}
#imageEditorCanvas{display:block;max-width:100%;max-height:62vh;background:#111;touch-action:none;cursor:grab}
#imageEditorCanvas:active{cursor:grabbing}
.image-editor-controls,.image-editor-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}
.image-editor-controls label{display:flex;align-items:center;gap:8px;font-size:13px;flex:1;min-width:220px}
.image-editor-controls input[type=range]{width:100%}
.image-editor-actions{justify-content:flex-end}
@media(max-width:700px){.composer-tools{gap:6px}.composer-tools .ghost{flex:1}.composer-hint{width:100%}.image-editor-modal-box{width:96vw;max-width:96vw;padding:14px}.image-editor-stage{min-height:250px}.image-editor-controls label{min-width:100%;order:3}.image-editor-actions button{flex:1}.attachment-chip .attachment-meta{max-width:170px}}


/* V1.23 — unified full-width platform identity */
:root{--mh-red:#a71920;--mh-red-2:#8f171c;--mh-nav:#171717;--mh-bg:#f7f5f4;--mh-line:#e6e1e1;--mh-ink:#1b1b1b;--mh-muted:#707074}
html,body{background:var(--mh-bg)!important}
.top{height:70px!important;padding-inline:clamp(16px,2.2vw,36px)!important;background:#151515!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.top .brand{min-width:0!important}.top-actions{min-width:0!important;gap:10px!important}
.brand-logo-top{width:42px!important;height:42px!important;border-radius:10px!important;background:#fff!important}
.shell{width:100%!important;max-width:none!important;grid-template-columns:235px minmax(0,1fr)!important;align-items:start!important}
.side{min-width:0!important;background:var(--mh-nav)!important;padding:18px 14px!important;position:sticky!important;top:70px!important;height:calc(100vh - 70px)!important;overflow:auto!important;border-inline-end:1px solid rgba(255,255,255,.04)!important}
.nav{gap:5px!important}.nav button{min-height:44px!important;padding:10px 13px!important;border-radius:9px!important;font-size:14px!important;line-height:1.35!important;color:#c8c8cd!important}
.nav button:hover,.nav button.active{background:var(--mh-red-2)!important;color:#fff!important}
.main{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:24px clamp(18px,2.2vw,38px) 42px!important}
.panel{width:100%!important;max-width:none!important;min-width:0!important}
.hero{width:100%!important;min-width:0!important;border-radius:17px!important;padding:28px clamp(22px,2.2vw,34px)!important;background:linear-gradient(135deg,#151515,#311a1c)!important}
.hero h1{font-size:29px!important}.hero p{font-size:14px!important;line-height:1.65!important;max-width:900px!important}
.stats{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.card{min-width:0!important;border:1px solid var(--mh-line)!important;border-radius:14px!important;box-shadow:0 2px 10px rgba(0,0,0,.025)!important}
.stat{min-height:96px!important;padding:18px 20px!important}.stat strong{font-size:27px!important}
.section-title{gap:14px!important;flex-wrap:wrap!important}.section-title h2{font-size:22px!important}
.grid{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.service-card{min-height:178px!important;display:flex!important;flex-direction:column!important}.service-card p{font-size:14px!important;line-height:1.55!important;flex:1!important}
.request-row{width:100%!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:14px!important}
.ai-layout{width:100%!important;grid-template-columns:minmax(260px,310px) minmax(0,1fr)!important;gap:14px!important}
.ai-side,.ai-chat{min-width:0!important}.ai-chat{min-height:560px!important}.ai-messages{max-height:56vh!important}
.thread-btn{font-size:13px!important;border-radius:9px!important}.thread-btn strong{font-size:14px!important}
.language-select{min-height:40px!important;border-radius:9px!important}.top-language{background:#242424!important;color:#fff!important;border-color:#3c3c3c!important}
.modal-box{width:min(860px,96vw)!important;max-width:860px!important;border-radius:16px!important}
.form-grid{gap:14px!important}
@media(max-width:1180px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ai-layout{grid-template-columns:260px minmax(0,1fr)!important}}
@media(max-width:900px){.shell{grid-template-columns:1fr!important}.side{display:none!important;position:fixed!important;top:70px!important;height:calc(100vh - 70px)!important;width:min(290px,86vw)!important;z-index:30!important}.side.open{display:block!important}.main{padding:18px 14px 34px!important}.stats{grid-template-columns:1fr 1fr!important}.grid{grid-template-columns:1fr!important}.ai-layout{grid-template-columns:1fr!important}.ai-side{min-height:auto!important}.thread-list{max-height:220px!important}.request-row{grid-template-columns:1fr!important}}
@media(max-width:520px){.top{padding-inline:10px!important}.main{padding:12px 10px 28px!important}.stats{grid-template-columns:1fr 1fr!important;gap:10px!important}.hero{padding:22px 18px!important}.hero h1{font-size:24px!important}.card{padding:14px!important}.top-actions>div{display:none!important}.top-language{min-width:105px!important;max-width:128px!important}.modal-box{width:calc(100vw - 16px)!important;max-width:none!important;padding:16px 12px!important}}

/* V1.25 navigation + translation stability */
.nav button[data-panel]{pointer-events:auto!important;cursor:pointer!important;user-select:none!important;position:relative!important;z-index:1!important}
.nav button[data-panel]:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
.panel.active{display:block!important;width:100%!important;max-width:none!important}
.main{max-width:none!important;width:100%!important}

/* V1.30 storage + office subscription */
.storage-meter{height:12px;background:#eee;border-radius:999px;overflow:hidden;margin:12px 0}.storage-meter span{display:block;height:100%;width:0;background:#b51f27;transition:width .25s ease}.office-type-grid{margin-bottom:16px}.office-type-card{min-height:150px}.office-subscription-form{margin-top:14px}.status.pending{background:#fff3d9;color:#9a6500}.status.approved{background:#e8f8ef;color:#087f3e}.status.rejected{background:#fff0f0;color:#b42318}@media(max-width:700px){.office-type-grid{grid-template-columns:1fr!important}}

/* V1.31 — authenticated session restoration overlay */
.session-restore{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 78% 28%,rgba(128,20,25,.34),transparent 42%),linear-gradient(115deg,#090909,#181313 58%,#241111);padding:24px}
.session-restore.hidden{display:none!important}
.session-restore-card{width:min(390px,calc(100vw - 40px));background:#fff;border-radius:18px;padding:30px;display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.35);color:#171717}
.session-restore-card img{width:52px;height:52px;border-radius:12px;object-fit:contain}
.session-restore-card strong{font-size:18px}.session-restore-card span{font-size:14px;color:#666;line-height:1.6}
.session-spinner{width:28px;height:28px;border:3px solid #e5e5e5;border-top-color:#a71920;border-radius:50%;animation:mh-spin .75s linear infinite;margin-top:4px}
@keyframes mh-spin{to{transform:rotate(360deg)}}

/* V1.32 public office registration */
.auth-tabs-3 button{font-size:13px;padding:10px 6px}
.office-register-intro{margin:10px 0 14px;padding:12px;border:1px solid #eee;border-radius:10px;background:#fafafa}
.office-register-intro p{margin:6px 0 0}
.office-register-types{display:grid;gap:8px;margin:0 0 14px}
.office-register-type{display:flex;gap:10px;align-items:flex-start;border:1px solid #ddd;border-radius:10px;padding:11px;cursor:pointer;background:#fff;transition:.15s}
.office-register-type:has(input:checked){border-color:#a71920;box-shadow:0 0 0 2px rgba(167,25,32,.08);background:#fff7f7}
.office-register-type input{margin-top:3px}
.office-register-type span{display:grid;gap:3px}
.office-register-type small{color:#777;font-size:11px}
#officeRegisterForm{max-height:58vh;overflow:auto;padding-inline-end:3px}
@media(max-width:520px){.auth-tabs-3{gap:5px}.auth-tabs-3 button{font-size:12px}.auth-card{padding:22px}}

.ai-source-link{overflow-wrap:anywhere;text-decoration:underline;font-weight:600}.ai-bubble.assistant .ai-source-link{color:inherit}

/* V1.41.2 — Internal platform typography: titles 18px, details 16px */
#app .main .service-card h3,
#app .main .card h3,
#app .main .thread-btn strong,
#app .main .panel h3,
#app .main .modal-box h3{
  font-size:18px!important;
  line-height:1.45!important;
}

#app .main .service-card p,
#app .main .service-card .tag,
#app .main .service-card button,
#app .main p,
#app .main label,
#app .main button,
#app .main input,
#app .main select,
#app .main textarea,
#app .main .muted,
#app .main .meta-note,
#app .main .status,
#app .main .request-row,
#app .main .file,
#app .main .message,
#app .main .thread-btn,
#app .main .ai-bubble,
#app .main .composer-hint,
#app .main .attachment-chip,
#app .main .message-attachment{
  font-size:16px!important;
  line-height:1.65!important;
}

#app .side .nav button{
  font-size:16px!important;
  line-height:1.45!important;
}

#app .top .brand span,
#app .top .top-actions,
#app .top .language-select{
  font-size:16px!important;
}

/* Keep major page headings and numeric metrics intentionally larger. */
#app .main .section-title h2{font-size:22px!important}
#app .main .hero h1{font-size:29px!important}
#app .main .stat strong{font-size:27px!important}

@media(max-width:520px){
  #app .main .service-card h3,
  #app .main .card h3,
  #app .main .thread-btn strong,
  #app .main .panel h3,
  #app .main .modal-box h3{font-size:18px!important}
  #app .main .service-card p,
  #app .main .service-card .tag,
  #app .main .service-card button,
  #app .main p,
  #app .main label,
  #app .main button,
  #app .main input,
  #app .main select,
  #app .main textarea,
  #app .main .muted,
  #app .main .meta-note,
  #app .main .status,
  #app .main .request-row,
  #app .main .file,
  #app .main .message,
  #app .main .thread-btn,
  #app .main .ai-bubble,
  #app .main .composer-hint,
  #app .main .attachment-chip,
  #app .main .message-attachment,
  #app .side .nav button{font-size:16px!important}
}

/* V1.42 — universal attachments, memo intake, voice notes, office team */
.request-upload-box,.memo-intake{border:1px solid #eadcdd;border-radius:13px;padding:14px;background:#fffafa}
.memo-sla-title{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.memo-sla-title strong{font-size:20px!important;color:#991820}.memo-sla-title span{color:#666}
.memo-sla-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.memo-sla-option{cursor:pointer;border:1px solid #ddd;border-radius:12px;padding:13px;background:#fff;display:grid!important;gap:6px;text-align:center}.memo-sla-option:has(input:checked){border-color:#a71920;box-shadow:0 0 0 2px #a7192018;background:#fff7f7}.memo-sla-option input{margin:auto}.memo-sla-option strong{color:#a71920;font-size:18px!important}.memo-case-grid{margin-top:8px}
.voice-btn.recording,#reqVoiceBtn.recording,#detailVoiceBtn.recording{background:#a71920!important;color:#fff!important;animation:mhVoicePulse 1.1s infinite}.voice-btn.processing,#reqVoiceBtn.processing,#detailVoiceBtn.processing{opacity:.7;pointer-events:none}@keyframes mhVoicePulse{50%{box-shadow:0 0 0 7px #a7192025}}
.audio-attachment{display:flex;align-items:center;gap:8px;margin-top:8px}.audio-attachment audio{max-width:100%;height:38px}.ai-reply-audio{margin-top:9px}.ai-reply-audio audio{width:min(100%,360px);height:38px}
.request-file-chip{display:flex;align-items:center;gap:9px;border:1px solid #e5e5e5;border-radius:10px;padding:8px 10px;background:#fff}.request-file-chip .attachment-meta{flex:1;min-width:0}.request-file-chip button{border:0;background:transparent;color:#b42318;cursor:pointer;font-size:20px!important}
.office-staff-permissions{display:grid;grid-template-columns:1fr 1fr;gap:9px;border:1px solid #e5e5e5;border-radius:10px;padding:12px}.office-staff-permissions label{display:flex;gap:7px;align-items:center}.office-team-member,.office-partner-task{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center}.office-team-actions{display:flex;gap:7px;flex-wrap:wrap}.office-team-actions button{border:1px solid #ddd;border-radius:8px;padding:7px 10px;background:#fff;cursor:pointer}.office-team-actions .danger{color:#b42318;border-color:#e7b7ba}.office-partner-task select{min-width:210px}
.memo-status-box{border:1px solid #eadcdd;background:#fffafa;border-radius:10px;padding:12px;margin:10px 0}.memo-downloads{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.memo-downloads a{display:inline-block;text-decoration:none;background:#222;color:#fff;border-radius:8px;padding:8px 12px}
@media(max-width:760px){.memo-sla-grid{grid-template-columns:1fr}.office-staff-permissions{grid-template-columns:1fr}.office-team-member,.office-partner-task{grid-template-columns:1fr}}