/* Shared panel scale. Loaded after module styles; does not change CRM chat layout. */
body.crm-workspace{--ui-text:14px;--ui-caption:12px;--ui-control:44px;font-size:var(--ui-text);line-height:1.55}
body.crm-workspace :is(#view,#modal){font-family:Poppins,Arial,sans-serif;font-size:var(--ui-text)}
body.crm-workspace :is(#view,#modal) :is(p,label,td,dd,dt,.description,.notice,.channel-account,.list-row,.timeline li){font-size:var(--ui-text);line-height:1.6}
body.crm-workspace :is(#view,#modal) :is(small,.small,.muted.small,.map-note,.pill,.badge,.list-row small,.timeline small){font-size:var(--ui-caption);line-height:1.5}
body.crm-workspace #view .section-head h1{font-size:24px;line-height:1.35;overflow-wrap:anywhere}
body.crm-workspace :is(#view,#modal) :is(h2,.tablo-header){font-size:18px;line-height:1.45}
body.crm-workspace :is(#view,#modal) h3{font-size:16px;line-height:1.5}
body.crm-workspace #view :is(.dash-baslik,.dash-kart small){font-size:var(--ui-caption)}
body.crm-workspace :is(#view,#modal) :is(.btn,.btn.small,.panel-tab){box-sizing:border-box;min-height:var(--ui-control);font-size:var(--ui-text);line-height:20px;padding:11px 14px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
body.crm-workspace :is(#view,#modal) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select){box-sizing:border-box;min-height:var(--ui-control);height:var(--ui-control);font-size:16px;line-height:22px;padding:10px 12px;max-width:100%;min-width:0}
body.crm-workspace :is(#view,#modal) :is(textarea,select[multiple]){height:auto;min-height:110px;font-size:16px;line-height:1.5;padding:10px 12px;box-sizing:border-box;max-width:100%}
body.crm-workspace :is(#view,#modal) input:is([type=checkbox],[type=radio]){width:20px;height:20px;min-height:20px;flex:0 0 20px;accent-color:var(--tenant-primary,#af151a)}
body.crm-workspace :is(#view,#modal) label:has(input:is([type=checkbox],[type=radio])){min-height:44px;align-items:center;gap:10px}
body.crm-workspace #view :is(.table-pagination,.filter-bar,.actions){gap:8px}
body.crm-workspace #view .table-pagination :is(label,span){font-size:var(--ui-caption)}
body.crm-workspace #view .table-pagination .btn{min-width:44px;padding:11px}
body.crm-workspace #view th{font-size:var(--ui-caption);line-height:1.5}
body.crm-workspace :is(#view,#modal) :is(.form-grid>* ,.two-col>*,.section-head>*,.filter-bar>*){min-width:0}
body.crm-workspace #view .section-head{align-items:center}
body.crm-workspace .panel-tabs{scrollbar-width:thin;scroll-padding:6px}
body.crm-workspace #modal{max-height:90dvh;overflow:auto}
body.crm-workspace #modal .modal-head{position:sticky;top:0;z-index:4;background:#fff}
body.crm-workspace #modal #closeModal{min-width:44px;min-height:44px;flex-shrink:0}
body.crm-workspace #view .table-scroll:focus-visible{outline:2px solid var(--tenant-primary,#af151a);outline-offset:-2px}
@media(max-width:768px){
 body.crm-workspace #view .section-head{flex-direction:column;align-items:stretch;gap:12px}
 body.crm-workspace #view .section-head h1{font-size:22px}
 body.crm-workspace #view .section-head>.actions{width:100%}
 body.crm-workspace #view .section-head>.btn{align-self:flex-start}
 body.crm-workspace :is(#view,#modal) .actions{align-items:stretch}
 body.crm-workspace :is(#view,#modal) .actions>.btn{flex:0 1 auto}
 body.crm-workspace #view .filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.crm-workspace #view .filter-bar>input{grid-column:1/-1;width:100%}
 body.crm-workspace #view .filter-bar :is(input,select,label){width:100%;min-width:0;max-width:100%}
 body.crm-workspace .request-summary{display:flex;flex-direction:column}
 body.crm-workspace .request-summary>.request-operations{display:contents}
 body.crm-workspace .request-summary .request-action-card{order:-1}
 body.crm-workspace :is(#view,#modal) .form-grid>.form-actions{grid-row:1;grid-column:1/-1;padding:8px 0;margin:0;border-bottom:1px solid #e5e7eb;justify-content:flex-end}
 body.crm-workspace #view table.mobile-records{display:block;min-width:0!important;width:100%}
 body.crm-workspace #view table.mobile-records thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 body.crm-workspace #view table.mobile-records tbody{display:block}
 body.crm-workspace #view table.mobile-records tr{display:flex;flex-direction:column;margin:12px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}
 body.crm-workspace #view table.mobile-records td{display:grid;grid-template-columns:minmax(85px,32%) minmax(0,1fr);gap:10px;width:auto;max-width:100%;padding:10px 12px!important;white-space:normal;overflow-wrap:anywhere;border:0;border-bottom:1px solid #f0f1f4}
 body.crm-workspace #view table.mobile-records td::before{content:attr(data-label);font-size:var(--ui-caption);font-weight:600;color:#667085}
 body.crm-workspace #view table.mobile-records td[colspan]{display:block}
 body.crm-workspace #view table.mobile-records td[colspan]::before{content:none}
 body.crm-workspace #view table.mobile-records td.record-actions{order:-1;display:flex;flex-wrap:wrap;align-items:center;background:#fafafa;gap:8px}
 body.crm-workspace #view table.mobile-records td.record-actions::before{margin-right:auto}
 body.crm-workspace #view .table-pagination>.actions{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;padding:3px}
 body.crm-workspace #view .table-pagination .btn{flex-shrink:0}
}
@media(max-width:360px){body.crm-workspace #view .filter-bar{grid-template-columns:minmax(0,1fr)}}

.cell-value{min-width:0;overflow-wrap:anywhere}.record-actions>.cell-value{display:flex;flex-wrap:wrap;gap:8px;align-items:center}