#mobile-cases-root.case-center-host{container-type:inline-size;container-name:casecenter;inline-size:100%;min-inline-size:0;color:#143f43;font-family:var(--shahdad-font-body,"Shahdad Vazirmatn",Tahoma,Arial,sans-serif)}
#mobile-cases-root[hidden]{display:none!important}
#mobile-cases-root *{box-sizing:border-box;min-inline-size:0}
#mobile-cases-root button,#mobile-cases-root input,#mobile-cases-root select,#mobile-cases-root textarea{font:inherit}
#mobile-cases-root button,#mobile-cases-root select,#mobile-cases-root input{min-block-size:44px}
#mobile-cases-root button{cursor:pointer}
#mobile-cases-root button:disabled{cursor:not-allowed;opacity:.55}
#mobile-cases-root :focus-visible{outline:3px solid rgba(27,126,110,.28);outline-offset:2px}
#mobile-cases-root .cc-app{min-block-size:100%;background:linear-gradient(160deg,#f5fbf8 0%,#fff 48%,#fff8f3 100%);overflow-x:hidden}
#mobile-cases-root .cc-main{display:grid;gap:14px;padding:14px 12px 118px}
#mobile-cases-root .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#mobile-cases-root svg{inline-size:20px;block-size:20px;flex:none}
#mobile-cases-root .cc-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:10px;padding:2px 0 4px}
#mobile-cases-root .cc-head>div{display:grid;gap:2px}
#mobile-cases-root .cc-head p,#mobile-cases-root .cc-head span{margin:0;color:#63827f;font-size:12px;line-height:1.6}
#mobile-cases-root .cc-title{margin:0;color:#103f43;font-family:var(--shahdad-font-display,"Shahdad Estedad",Tahoma,sans-serif);font-size:20px;line-height:1.5;overflow-wrap:break-word}
#mobile-cases-root .cc-icon,#mobile-cases-root .cc-remove{display:grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:1px solid #d8e5e0;border-radius:14px;background:#fff;color:#24635f}
#mobile-cases-root .cc-toolbar,#mobile-cases-root .cc-section,#mobile-cases-root .cc-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
#mobile-cases-root .cc-toolbar{padding:14px;border:1px solid #dceae4;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(21,68,61,.07)}
#mobile-cases-root .cc-toolbar>div,#mobile-cases-root .cc-section>div{display:grid;gap:3px}
#mobile-cases-root .cc-toolbar strong,#mobile-cases-root .cc-section h2{margin:0;font-size:16px;line-height:1.55}
#mobile-cases-root .cc-toolbar span,#mobile-cases-root .cc-section p{margin:0;color:#69817e;font-size:12px;line-height:1.65}
#mobile-cases-root .cc-primary,#mobile-cases-root .cc-secondary,#mobile-cases-root .cc-danger,#mobile-cases-root .cc-pager button,#mobile-cases-root .cc-search>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-block-size:44px;padding:9px 14px;border-radius:13px;border:1px solid transparent;font-weight:750;text-decoration:none}
#mobile-cases-root .cc-primary{background:#277f70;color:#fff;box-shadow:0 8px 20px rgba(39,127,112,.18)}
#mobile-cases-root .cc-secondary,#mobile-cases-root .cc-pager button{background:#fff;color:#226b62;border-color:#cfe0da}
#mobile-cases-root .cc-danger{background:#a33f4f;color:#fff}
#mobile-cases-root .cc-danger-outline{color:#963c4a;border-color:#e7c5cb}
#mobile-cases-root .cc-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
#mobile-cases-root .cc-search label{display:flex;align-items:center;gap:8px;padding-inline:12px;border:1px solid #d6e5df;border-radius:14px;background:#fff}
#mobile-cases-root .cc-search input{inline-size:100%;border:0;outline:0;background:transparent;font-size:16px}
#mobile-cases-root .cc-search>button{background:#ebf6f1;color:#1e6e62;border-color:#d4e9e1}
#mobile-cases-root .cc-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#mobile-cases-root .cc-filters label,#mobile-cases-root .cc-field{display:grid;gap:6px;color:#3c625e;font-size:12px;font-weight:650}
#mobile-cases-root .cc-filters select,#mobile-cases-root .cc-field input,#mobile-cases-root .cc-field select,#mobile-cases-root .cc-field textarea{inline-size:100%;border:1px solid #d4e3de;border-radius:13px;background:#fff;color:#183f42;padding:10px 11px;font-size:16px;line-height:1.5}
#mobile-cases-root .cc-field textarea{resize:vertical;min-block-size:100px}
#mobile-cases-root .cc-field small{color:#748a87;font-size:12px;font-weight:450}
#mobile-cases-root .cc-field [aria-invalid=true]{border-color:#b84656;background:#fff8f9}
#mobile-cases-root .cc-field-error{color:#a43f4f!important}
#mobile-cases-root .cc-list{display:grid;gap:10px}
#mobile-cases-root .cc-case{border:1px solid #dbe8e3;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 25px rgba(22,69,62,.055)}
#mobile-cases-root .cc-case>button{display:grid;gap:9px;inline-size:100%;padding:14px;border:0;background:transparent;color:inherit;text-align:start}
#mobile-cases-root .cc-case-top,#mobile-cases-root .cc-case-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#6a8581;font-size:12px}
#mobile-cases-root .cc-case strong{font-size:16px;line-height:1.65;color:#143f43}
#mobile-cases-root .cc-case small{color:#738a87;font-size:12px}
#mobile-cases-root .cc-badge,#mobile-cases-root .cc-priority{display:inline-flex;align-items:center;min-block-size:26px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}
#mobile-cases-root .cc-badge{background:#e8f4ef;color:#1b6d60}
#mobile-cases-root .cc-status-closed{background:#eef0f1;color:#5c666b}
#mobile-cases-root .cc-status-on_hold{background:#fff3df;color:#8a5a10}
#mobile-cases-root .cc-status-in_progress{background:#e8f1ff;color:#315f99}
#mobile-cases-root .cc-priority{background:#f2f6f4;color:#536f6b}
#mobile-cases-root .cc-priority-urgent{background:#fde9ec;color:#a2394b}
#mobile-cases-root .cc-priority-high{background:#fff0e6;color:#9a5426}
#mobile-cases-root .cc-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
#mobile-cases-root .cc-pager span{text-align:center;font-size:12px;color:#627d79}
#mobile-cases-root .cc-empty,#mobile-cases-root .cc-state,#mobile-cases-root .cc-inline-empty{display:grid;place-items:center;text-align:center;gap:8px;padding:26px 16px;border:1px dashed #d4e4de;border-radius:18px;background:rgba(255,255,255,.7)}
#mobile-cases-root .cc-empty h2,#mobile-cases-root .cc-state h2{margin:0;font-size:17px}
#mobile-cases-root .cc-empty p,#mobile-cases-root .cc-state p{margin:0;color:#69817e;line-height:1.75}
#mobile-cases-root .cc-spinner{inline-size:30px;block-size:30px;border:3px solid #d5e6df;border-top-color:#277f70;border-radius:50%;animation:cc-spin .8s linear infinite}
@keyframes cc-spin{to{transform:rotate(360deg)}}
#mobile-cases-root .cc-alert{display:grid;grid-template-columns:24px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ecc9cf;border-radius:14px;background:#fff7f8;color:#8f3444}
#mobile-cases-root .cc-alert button{display:grid;place-items:center;border:0;background:transparent;color:inherit}
#mobile-cases-root .cc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0;margin:0;list-style:none}
#mobile-cases-root .cc-steps li{display:grid;place-items:center;gap:5px;color:#82928f;text-align:center;font-size:10px}
#mobile-cases-root .cc-steps span{display:grid;place-items:center;inline-size:30px;block-size:30px;border-radius:50%;background:#edf2f0;font-weight:800}
#mobile-cases-root .cc-steps .is-current,#mobile-cases-root .cc-steps .is-done{color:#226e63}
#mobile-cases-root .cc-steps .is-current span,#mobile-cases-root .cc-steps .is-done span{background:#d9eee6;color:#17685b}
#mobile-cases-root .cc-form,#mobile-cases-root .cc-grid,#mobile-cases-root .cc-repeat{display:grid;gap:12px}
#mobile-cases-root .cc-grid{grid-template-columns:1fr}
#mobile-cases-root .cc-repeat fieldset{position:relative;display:grid;gap:10px;margin:0;padding:18px 12px 12px;border:1px solid #dbe7e2;border-radius:17px;background:#fff}
#mobile-cases-root .cc-repeat legend{padding:0 8px;color:#315e59;font-weight:800}
#mobile-cases-root .cc-repeat .cc-remove{position:absolute;inset-block-start:6px;inset-inline-end:6px;color:#a33f4f;border-color:transparent;background:#fff5f6}
#mobile-cases-root .cc-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
#mobile-cases-root .cc-actions>*{flex:1 1 120px}
#mobile-cases-root .cc-review,#mobile-cases-root .cc-detail-grid{display:grid;gap:10px}
#mobile-cases-root .cc-review>div,#mobile-cases-root .cc-info{padding:13px;border:1px solid #dce8e3;border-radius:15px;background:#fff}
#mobile-cases-root .cc-review dt,#mobile-cases-root .cc-info dt{color:#748a87;font-size:12px}
#mobile-cases-root .cc-review dd,#mobile-cases-root .cc-info dd{margin:4px 0 0;font-weight:750}
#mobile-cases-root .cc-hero{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#e8f5ef,#fff5ed)}
#mobile-cases-root .cc-hero>div{display:flex;gap:6px;flex-wrap:wrap}
#mobile-cases-root .cc-hero p{margin:0;color:#607b77;font-size:12px}
#mobile-cases-root .cc-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;border:1px solid #dbe7e2;border-radius:15px;background:#fff}
#mobile-cases-root .cc-tabs button{border:0;border-radius:11px;background:transparent;color:#66807c;font-size:12px}
#mobile-cases-root .cc-tabs button[aria-selected=true]{background:#e2f2eb;color:#176b5e;font-weight:800}
#mobile-cases-root .cc-info h2,#mobile-cases-root .cc-add-member h3{margin:0 0 10px;font-size:15px}
#mobile-cases-root .cc-info dl{display:grid;gap:9px;margin:0}
#mobile-cases-root .cc-info dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
#mobile-cases-root .cc-info p{margin:0;color:#4f6c68;line-height:1.85;white-space:pre-wrap}
#mobile-cases-root .cc-people,#mobile-cases-root .cc-members,#mobile-cases-root .cc-timeline{display:grid;gap:9px;padding:0;margin:0;list-style:none}
#mobile-cases-root .cc-people article,#mobile-cases-root .cc-members article,#mobile-cases-root .cc-timeline li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border:1px solid #dbe7e2;border-radius:15px;background:#fff}
#mobile-cases-root .cc-people article>svg,#mobile-cases-root .cc-members article>svg,#mobile-cases-root .cc-timeline li>svg{inline-size:36px;block-size:36px;padding:8px;border-radius:11px;background:#e7f3ee;color:#247466}
#mobile-cases-root .cc-people article>div,#mobile-cases-root .cc-members article>div,#mobile-cases-root .cc-timeline li>div{display:grid;gap:2px}
#mobile-cases-root .cc-people span,#mobile-cases-root .cc-members span,#mobile-cases-root .cc-timeline span,#mobile-cases-root .cc-timeline time{color:#718884;font-size:12px}
#mobile-cases-root .cc-members select{min-block-size:44px;border:1px solid #d4e3de;border-radius:11px;background:#fff}
#mobile-cases-root .cc-members button{display:grid;place-items:center;inline-size:44px;block-size:44px;border:0;border-radius:11px;background:#fff3f5;color:#a23d4d}
#mobile-cases-root .cc-add-member{display:grid;gap:10px;padding:13px;border:1px solid #d8e5e0;border-radius:16px;background:#fff}
#mobile-cases-root .cc-modal{position:fixed;inset:0;z-index:90;display:grid;align-items:end;padding:16px;background:rgba(12,38,38,.48);backdrop-filter:blur(6px)}
#mobile-cases-root .cc-modal-card{display:grid;gap:13px;inline-size:min(100%,480px);max-block-size:min(85dvh,720px);overflow:auto;margin-inline:auto;padding:18px;border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(8,33,31,.25)}
#mobile-cases-root .cc-modal-card>svg{inline-size:40px;block-size:40px;padding:9px;border-radius:13px;background:#fff1e5;color:#945623}
#mobile-cases-root .cc-modal-card h2,#mobile-cases-root .cc-modal-card p{margin:0}
#mobile-cases-root .cc-modal-card p{color:#647d79;line-height:1.75}
#mobile-cases-root .cc-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#mobile-cases-root .cc-modal-head button{display:grid;place-items:center;inline-size:44px;block-size:44px;border:0;border-radius:12px;background:#eef4f1}
@container casecenter (min-width:520px){#mobile-cases-root .cc-main{padding-inline:18px}#mobile-cases-root .cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mobile-cases-root .cc-wide{grid-column:1/-1}#mobile-cases-root .cc-filters{grid-template-columns:repeat(4,minmax(0,1fr))}#mobile-cases-root .cc-list,#mobile-cases-root .cc-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){#mobile-cases-root *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

#mobile-cases-root .cc-toolbar-actions,#mobile-cases-root .cc-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#mobile-cases-root .cc-category-layout{display:grid;gap:12px}
#mobile-cases-root .cc-category-layout>aside,#mobile-cases-root .cc-category-layout>section{min-inline-size:0;padding:12px;border:1px solid #dbe7e2;border-radius:17px;background:#fff}
#mobile-cases-root .cc-category-list,#mobile-cases-root .cc-category-form,#mobile-cases-root .cc-add-note{display:grid;gap:10px}
#mobile-cases-root .cc-category-list>button{display:grid;gap:3px;inline-size:100%;min-block-size:54px;padding:9px 12px;border:1px solid #dbe7e2;border-radius:13px;background:#fff;color:#234d4b;text-align:start}
#mobile-cases-root .cc-category-list>button.is-active{border-color:#68a99e;background:#e8f5ef;color:#155f55}
#mobile-cases-root .cc-category-list small{color:#718884;font-size:12px;font-weight:450}
#mobile-cases-root .cc-add-note{padding:13px;border:1px solid #d8e5e0;border-radius:16px;background:#fff}
#mobile-cases-root .cc-jalali{margin:0;padding:12px;border:1px solid #d4e3de;border-radius:15px;background:#fff}
#mobile-cases-root .cc-jalali[aria-invalid=true]{border-color:#b84656;background:#fff8f9}
#mobile-cases-root .cc-jalali legend{padding-inline:6px;color:#3c625e;font-weight:750}
#mobile-cases-root .cc-jalali-grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:8px}
#mobile-cases-root .cc-jalali-grid label{display:grid;gap:5px;color:#6b827f;font-size:11px}
#mobile-cases-root .cc-jalali-grid select{inline-size:100%;min-block-size:44px;padding:8px;border:1px solid #d4e3de;border-radius:11px;background:#fff;color:#183f42;font-size:15px}
#mobile-cases-root .cc-next-action{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;border:1px solid #dce8e3;border-radius:17px;background:#f9fcfb}
#mobile-cases-root .cc-calendar-choice{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-block-size:52px;padding:6px 10px;border:1px solid #cfe2db;border-radius:13px;background:#fff;color:#245f59;font-size:14px;font-weight:750;cursor:pointer}
#mobile-cases-root .cc-calendar-choice input{inline-size:20px;block-size:20px;min-block-size:20px;accent-color:#277f70}
#mobile-cases-root .cc-calendar-choice[data-enabled=false]{opacity:.62;cursor:not-allowed}
#mobile-cases-root .cc-calendar-helper{display:block;color:#6d8581;font-size:12px;line-height:1.7}
#mobile-cases-root .cc-calendar-card{grid-column:1/-1;background:linear-gradient(145deg,#edf8f4,#fff)}
#mobile-cases-root .cc-calendar-actions{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:12px}
#mobile-cases-root .cc-calendar-actions>*{flex:1 1 150px}
#mobile-cases-root .cc-related-card small{display:block;margin-block-start:10px;color:#667f7b;line-height:1.7}
#mobile-cases-root .cc-related-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:12px}
#mobile-cases-root .cc-related-actions button{min-height:48px}
@media(max-width:380px){#mobile-cases-root .cc-related-actions{grid-template-columns:1fr}}
@container casecenter (min-width:520px){#mobile-cases-root .cc-next-action{grid-template-columns:minmax(0,1.5fr) minmax(150px,.5fr)}#mobile-cases-root .cc-next-action>.cc-jalali{grid-row:span 2}#mobile-cases-root .cc-calendar-choice,#mobile-cases-root .cc-calendar-helper{grid-column:1/-1}}
@container casecenter (min-width:620px){#mobile-cases-root .cc-category-layout{grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr)}}