.ar-page { max-width:1320px; }
.ar-page .ar-preview-note { color:#84938e; font-size:11px; font-weight:400; }
.ar-tabs { display:flex; gap:27px; margin:2px 0 23px; border-bottom:1px solid var(--line); }
.ar-tabs > button { display:flex; gap:9px; padding:0 0 14px; color:var(--muted); font-size:13px; position:relative; }
.ar-tabs > button span { color:#88958f; font-size:11px; padding-top:2px; }
.ar-tabs > button.active { color:var(--petrol); font-weight:600; }
.ar-tabs > button.active:after { position:absolute; content:""; bottom:-1px; left:0; right:0; height:2px; background:var(--petrol); }
.ar-toolbar { margin-bottom:20px; }
.ar-toolbar .search-box { width:340px; padding:10px 12px; background:white; }
.ar-list { border:1px solid var(--line); border-radius:12px; background:white; overflow:hidden; }
.ar-list-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 25px; }
.ar-list-row + .ar-list-row { border-top:1px solid var(--line); }
.ar-list-content { min-width:0; }
.ar-list-title { text-align:left; font-size:16px; line-height:1.45; font-weight:600; overflow-wrap:anywhere; }
.ar-list-title:hover { color:var(--petrol); }
.ar-list-content > p { font-size:12px; color:var(--muted); margin-top:7px; overflow-wrap:anywhere; }
.ar-list-content > small { display:block; font-size:10px; color:#83938d; margin-top:12px; }
.ar-list-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.ar-list-actions .icon-button { border:0; background:transparent; }
.ar-empty { display:grid; place-items:center; min-height:260px; color:var(--muted); font-size:13px; }
.ar-editor-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; }
.ar-editor-heading h1 { font-size:25px; margin-top:14px; }
.ar-back { display:inline-flex; gap:8px; align-items:center; font-size:12px; color:var(--muted); }
.ar-back .icon { width:16px; height:16px; }
.ar-editor-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; align-items:start; }
.ar-writing,.ar-publication { background:white; border:1px solid var(--line); border-radius:12px; }
.ar-writing { padding:25px; }
.ar-writing > label { display:grid; gap:9px; margin-bottom:24px; }
.ar-writing > label > span { font-size:11px; font-weight:600; color:#5e726a; }
.ar-writing input,.ar-writing textarea { width:100%; padding:11px 12px; border:1px solid #dde5e0; border-radius:7px; background:white; font-size:13px; line-height:1.7; }
.ar-writing .ar-title-field input { font-size:20px; font-weight:600; padding:9px 11px; }
.ar-writing .ar-body-field { margin-bottom:10px; }
.ar-writing .ar-body-field textarea { min-height:330px; }
.ar-format-tools { display:flex; gap:7px; }
.ar-format-tools button { padding:6px 10px; border:1px solid var(--line); border-radius:5px; color:var(--muted); font-size:10px; }
.ar-format-tools button:hover { border-color:#a6c2b8; color:var(--petrol); }
.ar-publication { padding:21px; }
.ar-publication h2 { font-size:14px; margin-bottom:17px; }
.ar-audience { display:grid; gap:13px; }
.ar-audience label { display:flex; align-items:center; gap:9px; font-size:12px; cursor:pointer; }
.ar-audience input,.ar-client-list input { accent-color:var(--petrol); width:15px; height:15px; margin:0; flex-shrink:0; }
.ar-client-selection { margin-top:19px; }
.ar-client-selection .search-box { padding:8px 10px; background:#f8faf8; }
.ar-client-selection .search-box input { font-size:11px; min-width:0; }
.ar-client-selection .search-box .icon { width:15px; height:15px; }
.ar-client-list { display:grid; max-height:250px; overflow:auto; margin:9px 0; }
.ar-client-list > label { display:flex; gap:8px; align-items:center; padding:9px 0; font-size:11px; cursor:pointer; }
.ar-client-list > p { padding:13px 0; font-size:11px; color:var(--muted); }
.ar-client-avatar { width:25px; height:25px; border-radius:50%; background:#edf3ef; display:grid; place-items:center; color:#5d7c71; font-size:9px; }
.ar-selected-count { font-size:10px; color:var(--muted); }
.ar-publish-actions { display:grid; gap:9px; margin-top:24px; padding-top:21px; border-top:1px solid var(--line); }
.ar-publish-actions .button { width:100%; font-size:11px; }
.ar-unpublish { color:#8e6661; font-size:11px; padding:8px; }
.ar-edit-status { margin-top:16px; color:var(--muted); font-size:10px; }
.ar-error { color:var(--danger); font-size:11px; margin-top:13px; line-height:1.6; }
.ar-feed-status { font-size:11px; color:#85705f; margin-top:16px; }
.ar-inline { color:var(--petrol); text-decoration:underline; margin-left:4px; font-size:inherit; }
.ar-operation { display:grid; gap:10px; margin-top:15px; font-size:11px; color:var(--muted); }
.ar-operation .button { width:100%; }
.ar-writing input[readonly],.ar-writing textarea[readonly] { background:#fafcfb; }
.ar-modal { width:min(530px,calc(100vw - 32px)); }
.ar-reading-modal { width:min(760px,calc(100vw - 32px)); }
.ar-modal .modal-header h2 { font-size:15px; }
.ar-modal .modal-body > p { font-size:13px; }
.ar-modal .modal-footer { flex-wrap:wrap; }
.ar-reader { padding:7px 16px 20px; max-width:650px; margin:auto; }
.ar-reader-meta { font-size:11px; color:var(--muted); margin-bottom:17px; }
.ar-reader h1 { font-size:29px; letter-spacing:-.7px; line-height:1.3; margin-bottom:17px; overflow-wrap:anywhere; }
.ar-reader-summary { color:#75887e; font-size:15px; line-height:1.7; margin-bottom:28px; overflow-wrap:anywhere; }
.ar-reader-body { font-size:14px; line-height:1.85; color:#465b52; overflow-wrap:anywhere; }
.ar-reader-body p { margin:0 0 17px; }
.ar-reader-body h2 { font-size:19px; margin:27px 0 11px; color:var(--ink); }
.ar-reader-body h3 { font-size:16px; margin:24px 0 9px; color:var(--ink); }
.ar-reader-body li { padding-left:3px; margin-bottom:6px; }
.ar-reader-body ul { padding-left:23px; margin:0 0 21px; }
.ar-standalone-header { display:flex; align-items:center; justify-content:space-between; padding:18px 32px; background:white; border-bottom:1px solid var(--line); font-size:12px; }
.ar-brand { font-size:25px; font-weight:750; color:#15343c; letter-spacing:-1px; }
.ar-brand span { color:#16aaa6; }
.ar-preview-shell .clinic-header { justify-content:flex-start; }
@media(max-width:1000px) { .ar-editor-layout { grid-template-columns:minmax(0,1fr) 250px; gap:17px; } .ar-publication { padding:17px; } }
@media(max-width:760px) { .ar-editor-layout { grid-template-columns:1fr; } .ar-list-row { padding:20px; } .ar-list-actions { gap:4px; } .ar-list-actions .button { font-size:0; } .ar-list-actions .button .icon { width:17px; height:17px; } .ar-toolbar .search-box { width:100%; } .ar-writing { padding:19px; } .ar-reader { padding:0 0 10px; } .ar-reader h1 { font-size:25px; } }
@media(max-width:999px) { .ar-preview-shell .clinic-sidebar { display:none; } }