/* =========================================================
   رنين — سلّم المقاسات
   ---------------------------------------------------------
   ملفّ مولَّد. لا يُحرَّر بيد:

       php tools/build-type-scale.php

   البروتوتايب يكتب جسم الواجهة بين ستّة بكسلات وعشرة. وهي مقروءةٌ
   على شاشة المصمّم، ولا تُقرأ على شاشة من يشغّل النظام ثماني ساعات.

   والرفع هنا لا في raneen.css: تلك نسخةٌ أمينة عن الأصل لا تُحرَّر،
   وتعديلُها يُضيّع الفرق. فهذه طبقةٌ تُحمَّل بعدها بالمحدّدات نفسها،
   لا تحمل إلا المقاس — فيبقى ما غُيّر مقروءًا في ملفٍّ واحد.

   السلّم: ‎+2‎ لما دون 14px، و‎+1‎ لما بين 14 و18، وما فوقها كما هو.
   ========================================================= */
/* ------- raneen.css ------- */
.nav-btn { font-size: 14px; }
.help-row { font-size: 14px; }
.language { font-size: 13px; }
.top-left { font-size: 12px; }
.search { font-size: 13px; }
.avatar { font-size: 13px; }
.page-head p { font-size: 13px; }
.btn { font-size: 13px; }
.btn.sm { font-size: 12px; }
.metric-label { font-size: 13px; }
.metric-delta { font-size: 11px; }
.segment button { font-size: 12px; }
.filter label { font-size: 11px; }
.filter select,.filter input { font-size: 12px; }
.legend { font-size: 11px; }
.panel-head h3 { font-size: 15px; }
.panel-head .sub { font-size: 11px; }
.branch-pin text { font-size: 14px; }
.map-note { font-size: 11px; }
.map-stats h4 { font-size: 12px; }
.ms-row { font-size: 11px; }
.summary-box { font-size: 12px; }
.event-title { font-size: 12px; }
.event-sub { font-size: 11px; }
.event-time { font-size: 10px; }
th { font-size: 11px; }
td { font-size: 12px; }
td .muted { font-size: 11px; }
.badge { font-size: 11px; }
.branch-name { font-size: 14px; }
.branch-city { font-size: 11px; }
.thumb-placeholder { font-size: 12px; }
.small-stat b { font-size: 15px; }
.small-stat span { font-size: 10px; }
.report-card .lbl { font-size: 11px; }
.sensor-widget .sw-label { font-size: 11px; }
.sensor-widget .sw-note { font-size: 10px; }
.setting-card h3 { font-size: 15px; }
.setting-card p { font-size: 12px; }
footer { font-size: 11px; }
.modal-head h2 { font-size: 17px; }
.modal-head p { font-size: 11px; }
.field label { font-size: 11px; }
.field input,.field select,.field textarea { font-size: 12px; }
.modal-tabs button { font-size: 12px; }
.pick-item b { font-size: 12px; }
.pick-item span { font-size: 10px; }
.floor-placeholder { font-size: 12px; }
.asset-marker { font-size: 11px; }
.asset-marker-label { font-size: 9px; }
.file-label { font-size: 12px; }
.detail-box .k { font-size: 10px; }
.detail-box .v { font-size: 13px; }
.toast { font-size: 12px; }
.empty { font-size: 12px; }
.map-area .leaflet-control-attribution { font-size: 10px; }
.raneen-cluster { font-size: 14px; }
.raneen-map-tooltip { font-size: 11px !important; }
.map-offline { font-size: 13px; }
.branch-detail-tabs button { font-size: 12px; }
.readonly-marker { font-size: 10px; }
.readonly-marker-label { font-size: 9px; }
.layout-legend { font-size: 11px; }
.tag-dialog-head h3 { font-size: 15px; }
.tag-dialog-head p { font-size: 11px; }
.tag-brief .k { font-size: 10px; }
.tag-brief .v { font-size: 12px; }
.tag-sensor-label { font-size: 11px; }
.tag-sensor-note { font-size: 10px; }
.branch-map-help { font-size: 10px; }
.category-code { font-size: 12px; }
.variable-rule b { font-size: 12px; }
.variable-rule small { font-size: 10px; }
.rule-chip { font-size: 10px; }
.threshold-name { font-size: 13px; }
.threshold-note { font-size: 11px; }
.threshold-range { font-size: 10px; }
.tag-section-title h4 { font-size: 15px; }
.tag-section-title p { font-size: 11px; }
.breach-item .name { font-size: 11px; }
.breach-item .val { font-size: 11px; }
.report-empty { font-size: 12px; }
.report-hub-card h4 { font-size: 12px; }
.report-hub-card p { font-size: 10px; }
.attn-kpi .l { font-size: 10px; }
.attn-source { font-size: 10px; }
.incident-title { font-size: 12px; }
.incident-sub { font-size: 10px; }
.email-status { font-size: 10px; }
.timeline-content b { font-size: 11px; }
.timeline-content p { font-size: 10px; }
.mail-line { font-size: 11px; }
.mail-body { font-size: 11px; }
.routing-title { font-size: 12px; }
.routing-sub { font-size: 10px; }
.recipient-chip { font-size: 10px; }
.template-code { font-size: 10px; }
.template-title { font-size: 12px; }
.template-subject { font-size: 10px; }
.variable-help { font-size: 10px; }
.nav-sub-btn { font-size: 11px; }
.schedule-upcoming { font-size: 10px; }
.tag-search { font-size: 11px; }
.pick-status { font-size: 10px; }
.remove-branch-tag { font-size: 9px; }
.layout-empty-warning { font-size: 10px; }
.report-page-head p { font-size: 12px; }
.report-page-kpi .l { font-size: 10px; }
.asset-kpi .l { font-size: 10px; }
.asset-view-tabs button { font-size: 11px; }
.asset-tag-link b { font-size: 11px; }
.asset-tag-link span { font-size: 10px; }
.branch-editor-stat .n { font-size: 18px; }
.branch-editor-stat .l { font-size: 10px; }
.branch-tag-search input { font-size: 11px; }
.branch-tag-column-head b { font-size: 12px; }
.branch-tag-column-head span { font-size: 10px; }
.branch-tag-card b { font-size: 11px; }
.branch-tag-card .meta { font-size: 9px; }
.branch-tag-category { font-size: 9px; }
.branch-editor-info { font-size: 10px; }
.branch-layout-side-head b { font-size: 12px; }
.branch-layout-side-head div { font-size: 10px; }
.layout-tag-option b { font-size: 11px; }
.layout-tag-option span { font-size: 9px; }
.layout-empty-state h4 { font-size: 13px; }
.layout-empty-state p { font-size: 10px; }
.branch-layout-marker { font-size: 10px; }
.branch-layout-marker label { font-size: 9px; }
.child-modal-head h3 { font-size: 15px; }
.child-modal-head p { font-size: 10px; }
.neen-brand-card p { font-size: 11px; }
.neen-scope span { font-size: 9px; }
.neen-examples-head b { font-size: 12px; }
.neen-examples-head span { font-size: 10px; }
.neen-example-btn { font-size: 10px; }
.neen-chat-head h3 { font-size: 14px; }
.neen-chat-head p { font-size: 10px; }
.neen-bubble .question { font-size: 11px; }
.neen-answer-title { font-size: 13px; }
.neen-answer-copy { font-size: 11px; }
.neen-result-card .n { font-size: 16px; }
.neen-result-card .l { font-size: 9px; }
.neen-mini-row { font-size: 10px; }
.neen-mini-row.head { font-size: 9px; }
.neen-insight { font-size: 10px; }
.neen-evidence { font-size: 9px; }
.neen-input textarea { font-size: 11px; }
.neen-disclaimer { font-size: 9px; }
/* ========================================================= V11 — Premium Neen AI experience ========================================================= */ .neen-header-entry { font-size: 12px; }
.neen-kicker { font-size: 11px; }
.neen-hero-sub { font-size: 14px; }
.neen-main-composer textarea { font-size: 14px; }
.neen-composer-context span { font-size: 9px; }
.neen-primary-send { font-size: 11px; }
.neen-hero-hint { font-size: 10px; }
.neen-suggestion-grid b { font-size: 10px; }
.neen-suggestion-grid small { font-size: 9px; }
.neen-trust-line { font-size: 9px; }
.neen-results-eyebrow { font-size: 10px; }
.neen-results-head p { font-size: 11px; }
.neen-followup-composer textarea { font-size: 11px; }
.neen-results-disclaimer { font-size: 9px; }
.neen-results-section .neen-answer-title { font-size: 14px; }
.neen-results-section .neen-answer-copy { font-size: 11px; }
.neen-hero-sub { font-size: 15px; }
.neen-kicker { font-size: 12px; }
.neen-main-composer textarea { font-size: 15px; }
.neen-composer-context span { font-size: 10px; }
.neen-primary-send { font-size: 12px; }
.neen-trust-line { font-size: 10px; }
.neen-inline-title { font-size: 11px; }
.neen-results-head p { font-size: 12px; }
.neen-messages.premium .neen-bubble { font-size: 12px; }
.neen-results-section .neen-answer-title { font-size: 15px; }
.neen-results-section .neen-answer-copy { font-size: 12px; }
.neen-results-section .neen-insight { font-size: 11px; }
.neen-results-section .neen-evidence { font-size: 10px; }
.neen-results-section .neen-mini-row { font-size: 11px; }
.neen-results-section .neen-mini-row.head { font-size: 10px; }
@media(max-width:760px) { .neen-hero-sub { font-size: 14px; } }
/* ========================================================= Dynamic prompt readability ========================================================= */ .neen-main-composer textarea { font-size: 15px !important; }
.neen-type-hint { font-size: 10px; }
/* --------------------------------------------------------- Neen Intelligence = signal/identity, not a button. --------------------------------------------------------- */ .neen-intelligence-mark { font-size: 12px; }
.notification-badge { font-size: 9px; }
.account-menu-avatar { font-size: 15px; }
.account-menu-user b { font-size: 12px; }
.account-menu-user span { font-size: 10px; }
.account-menu>button { font-size: 11px; }
.account-menu>button em { font-size: 9px; }
.profile-name-block h2 { font-size: 18px; }
.profile-name-block p { font-size: 11px; }
.profile-info-item span { font-size: 10px; }
.profile-info-item b { font-size: 12px; }
.profile-card-head b { font-size: 12px; }
.profile-card-head span { font-size: 10px; }
.access-row { font-size: 10px; }
.profile-activity-row b { font-size: 11px; }
.profile-activity-row span { font-size: 10px; }
.notification-kpi b { font-size: 18px; }
.notification-kpi span:not(.nk-icon) { font-size: 10px; }
.notification-copy b { font-size: 12px; }
.notification-copy p { font-size: 10px; }
.notification-meta { font-size: 9px; }
.notification-empty { font-size: 11px; }
.login-eyebrow { font-size: 10px; }
.login-brand-copy p { font-size: 13px; }
.login-feature-grid b { font-size: 11px; }
.login-feature-grid p { font-size: 9px; }
.login-brand-footer { font-size: 9px; }
.login-title p { font-size: 11px; }
.login-alert { font-size: 10px; }
.login-field label { font-size: 10px; }
.login-input-wrap input { font-size: 11px; }
.remember-option { font-size: 10px; }
.login-options>button { font-size: 10px; }
.login-submit { font-size: 11px; }
.login-demo b { font-size: 10px; }
.login-demo span { font-size: 9px; }
.login-demo button { font-size: 9px; }
.login-security { font-size: 9px; }
.marketing-nav nav button { font-size: 12px; }
.marketing-signin { font-size: 11px; }
.marketing-demo-btn,.marketing-primary { font-size: 11px; }
.marketing-eyebrow { font-size: 11px; }
.marketing-hero-copy>p { font-size: 14px; }
.marketing-secondary { font-size: 11px; }
.marketing-proof span { font-size: 10px; }
.marketing-floating-stat b { font-size: 11px; }
.marketing-floating-stat small { font-size: 9px; }
.marketing-value-strip b { font-size: 11px; }
.marketing-section-head>span,.marketing-faq-copy>span { font-size: 10px; }
.marketing-section-head p,.marketing-faq-copy p { font-size: 12px; }
.marketing-step-number { font-size: 10px; }
.marketing-step h3 { font-size: 15px; }
.marketing-step-tags span { font-size: 9px; }
.marketing-feature-copy>span { font-size: 9px; }
.marketing-feature-copy h3 { font-size: 14px; }
.marketing-feature-copy p { font-size: 10px; }
.mini-map-info b { font-size: 10px; }
.layout-tag { font-size: 9px; }
.mvm-head b { font-size: 10px; }
.mvm-head em { font-size: 9px; }
.mvm-row { font-size: 9px; }
.marketing-alert-mock>small { font-size: 9px; }
.marketing-cost-mock>small { font-size: 9px; }
.mai-question { font-size: 11px; }
.mai-answer b { font-size: 10px; }
.mai-answer span { font-size: 9px; }
.marketing-industry-grid h3 { font-size: 13px; }
.marketing-industry-grid li { font-size: 9px; }
.plan-finder-copy b { font-size: 11px; }
.plan-finder-copy p { font-size: 9px; }
.plan-finder-fields label { font-size: 9px; }
.plan-finder-fields input,.plan-finder-fields select { font-size: 10px; }
.plan-finder-result { font-size: 10px; }
.plan-finder-result b { font-size: 13px; }
.marketing-billing-toggle button { font-size: 10px; }
.plan-name { font-size: 15px; }
.plan-price span { font-size: 9px; }
.plan-price em { font-size: 9px; }
.plan-capacity b { font-size: 12px; }
.plan-capacity span { font-size: 9px; }
.marketing-plan-card>button { font-size: 10px; }
.marketing-pricing-note { font-size: 9px; }
.marketing-faq-item>button { font-size: 11px; }
.marketing-faq-item>button b { font-size: 18px; }
.marketing-faq-item>div { font-size: 10px; }
.marketing-final-cta span { font-size: 9px; }
.marketing-final-cta p { font-size: 10px; }
.marketing-final-cta button { font-size: 10px; }
.marketing-footer-brand p { font-size: 9px; }
.marketing-footer-grid>div>b { font-size: 10px; }
.marketing-footer-grid>div>button { font-size: 9px; }
.marketing-demo-head>div>span { font-size: 9px; }
.marketing-demo-head h3 { font-size: 17px; }
.marketing-demo-head p { font-size: 10px; }
.marketing-demo-grid label { font-size: 9px; }
.marketing-demo-grid input,.marketing-demo-grid select,.marketing-demo-grid textarea { font-size: 10px; }
.marketing-demo-submit { font-size: 10px; }
.marketing-demo-success h3 { font-size: 17px; }
.marketing-demo-success p { font-size: 10px; }
.marketing-demo-success button { font-size: 10px; }
.login-back-site { font-size: 10px; }
@media(max-width:760px) { .marketing-hero-copy>p { font-size: 12px; } }
.marketing-plan-card.recommended:after { font-size: 8px; }
.view-switch button { font-size: 10px; }
.pagination-info { font-size: 10px; }
.pagination-pages button { font-size: 10px; }
.pagination-size { font-size: 10px; }
.pagination-size select { font-size: 10px; }
.pagination-ellipsis { font-size: 10px; }
.neen-chat-identity b { font-size: 12px; }
.neen-chat-identity span { font-size: 9px; }
#neenAI.neen-chat-mode .neen-message.user .question { font-size: 12px; }
#neenAI.neen-chat-mode .neen-answer-title { font-size: 15px; }
.neen-chat-composer textarea { font-size: 12px; }
.neen-chat-identity b { font-size: 13px; }
.neen-chat-identity span { font-size: 9px; }
/* ========================================================= V18.2 — Neen readability + icon enhancement ========================================================= */ /* Better base readability inside Neen AI page */ #neenAI.neen-chat-mode { font-size: 16px; }
#neenAI.neen-chat-mode .neen-message.assistant p, #neenAI.neen-chat-mode .neen-response-card p, #neenAI.neen-chat-mode .result-subtitle, #neenAI.neen-chat-mode .result-note, #neenAI.neen-chat-mode .caption, #neenAI.neen-chat-mode small { font-size: 15px !important; }
/* Chat bubbles and prompts */ #neenAI.neen-chat-mode .neen-message.user .bubble, #neenAI.neen-chat-mode .neen-message.assistant .bubble { font-size: 16px !important; }
#neenAI.neen-chat-mode .neen-composer textarea, #neenAI.neen-chat-mode .neen-composer input, #neenAI.neen-chat-mode textarea, #neenAI.neen-chat-mode input { font-size: 17px !important; }
/* Tables inside AI answers */ #neenAI.neen-chat-mode table { font-size: 15px !important; }
#neenAI.neen-chat-mode th { font-size: 14px !important; }
#neenAI.neen-chat-mode td { font-size: 15px !important; }
#neenAI.neen-chat-mode td b, #neenAI.neen-chat-mode td strong { font-size: 15px !important; }
#neenAI.neen-chat-mode .stat-card .label, #neenAI.neen-chat-mode .metric-card .label, #neenAI.neen-chat-mode .summary-card .label { font-size: 15px !important; }
/* Buttons */ #neenAI.neen-chat-mode .btn, #neenAI.neen-chat-mode button { font-size: 15px !important; }
@media (max-width: 900px) { #neenAI.neen-chat-mode { font-size: 15px; } }
@media (max-width: 900px) { #neenAI.neen-chat-mode .neen-message.assistant h3, #neenAI.neen-chat-mode .neen-response-card h3, #neenAI.neen-chat-mode .result-title { font-size: 18px !important; } }
.neen-chat-identity b { font-size: 16px !important; }
.neen-chat-identity span { font-size: 14px !important; }
.neen-chat-top-actions .btn { font-size: 15px !important; }
#neenAI.neen-chat-mode .neen-message.user .question { font-size: 16px !important; }
#neenAI.neen-chat-mode .neen-answer-copy, #neenAI.neen-chat-mode .neen-message.assistant p, #neenAI.neen-chat-mode .result-subtitle, #neenAI.neen-chat-mode .result-note { font-size: 16px !important; }
#neenAI.neen-chat-mode .neen-result-card .l, #neenAI.neen-chat-mode .stat-card .label, #neenAI.neen-chat-mode .metric-card .label, #neenAI.neen-chat-mode .summary-card .label { font-size: 15px !important; }
#neenAI.neen-chat-mode .neen-mini-row { font-size: 15px !important; }
#neenAI.neen-chat-mode .neen-mini-row.head { font-size: 14px !important; }
#neenAI.neen-chat-mode th { font-size: 14px !important; }
#neenAI.neen-chat-mode td { font-size: 15px !important; }
#neenAI.neen-chat-mode td b, #neenAI.neen-chat-mode td strong { font-size: 15px !important; }
/* --------------------------------------------------------- Insight / evidence --------------------------------------------------------- */ #neenAI.neen-chat-mode .neen-insight { font-size: 15px !important; }
#neenAI.neen-chat-mode .neen-evidence { font-size: 14px !important; }
#neenAI.neen-chat-mode .neen-actions .btn { font-size: 15px !important; }
.neen-chat-composer textarea { font-size: 17px !important; }
.neen-chat-context span { font-size: 13px !important; }
.neen-chat-note { font-size: 13px !important; }
@media(max-width:760px) { .neen-chat-identity b { font-size: 15px !important; } }
@media(max-width:760px) { .neen-chat-identity span { font-size: 13px !important; } }
#neenAI:not(.neen-chat-mode) .neen-hero-sub { font-size: 17px !important; }
#neenAI:not(.neen-chat-mode) .neen-inline-title { font-size: 15px !important; }
#neenAI:not(.neen-chat-mode) .neen-inline-prompts button { font-size: 15px !important; }
#neenAI:not(.neen-chat-mode) .neen-composer-context span { font-size: 15px !important; }
.neen-home-history-head h4 { font-size: 17px; }
.neen-home-history-head p { font-size: 15px; }
.neen-home-history-empty { font-size: 15px; }
/* ---------- shared history triggers ---------- */ .neen-history-trigger { font-size: 15px; }
#neenAI.neen-chat-mode .neen-chat-identity b { font-size: 17px !important; }
#neenAI.neen-chat-mode .neen-chat-identity span { font-size: 14px !important; }
#neenAI.neen-chat-mode .neen-chat-note { font-size: 14px !important; }
.neen-history-card-head h4 { font-size: 17px; }
.neen-history-card-head p { font-size: 14px; }
.neen-history-item b { font-size: 15px; }
.neen-history-item p { font-size: 14px; }
.neen-history-item span { font-size: 13px; }
#neenAI:not(.neen-chat-mode) .neen-intelligence-text { font-size: 15px !important; }
#neenAI:not(.neen-chat-mode) .neen-hero-sub { font-size: 16px !important; }
#neenAI:not(.neen-chat-mode) #neenQuestion { font-size: 18px !important; }
#neenAI:not(.neen-chat-mode) .neen-inline-title { font-size: 14px !important; }
#neenAI:not(.neen-chat-mode) .neen-inline-prompts button { font-size: 14px !important; }
#neenAI:not(.neen-chat-mode) .neen-composer-context span { font-size: 12px !important; }
#neenAI:not(.neen-chat-mode) .neen-primary-send { font-size: 14px !important; }
#neenAI:not(.neen-chat-mode) .neen-trust-line { font-size: 12px !important; }
#neenAI:not(.neen-chat-mode) .neen-home-history-head h4 { font-size: 15px !important; }
#neenAI:not(.neen-chat-mode) .neen-history-item b { font-size: 13px !important; }
#neenAI:not(.neen-chat-mode) .neen-history-item span { font-size: 11px !important; }
/* History button should not dominate the composer */ #neenHomeHistoryBtn { font-size: 12px !important; }
#neenAI:not(.neen-chat-mode) .neen-home-history-head h4 { font-size: 16px !important; }
#neenAI:not(.neen-chat-mode) .neen-home-history-head small { font-size: 13px !important; }
#neenAI:not(.neen-chat-mode) .neen-home-history-item .neen-history-label { font-size: 13px !important; }
#neenAI:not(.neen-chat-mode) .neen-home-history-item .neen-history-title { font-size: 15px !important; }
#neenAI:not(.neen-chat-mode) .neen-home-history-item .neen-history-meta { font-size: 13px !important; }
/* ========================================================= V20 — Assets / Tags model ========================================================= */ .tag-hardware-note { font-size: 10px; }
.tag-mac,.asset-system-code { font-size: 10px; }
.asset-editor-section-label { font-size: 10px; }
.asset-photo-placeholder { font-size: 10px; }
.asset-system-serial { font-size: 16px; }
.asset-qr-value { font-size: 9px; }
.asset-detail-id-copy h3 { font-size: 18px; }
.asset-user-serial { font-size: 10px; }
.asset-detail-qr>b { font-size: 10px; }
.asset-detail-qr>span { font-size: 8px; }
.asset-qr-mini { font-size: 8px; }
.asset-photo-preview.compact .asset-photo-placeholder { font-size: 9px; }
.compact-actions .file-label, .compact-actions .btn { font-size: 9px; }
.readonly-system-field span { font-size: 8px; }
.asset-qr-bottom-copy h4 { font-size: 13px; }
.asset-qr-bottom-copy h4 { font-size: 14px; }
.qr-center-logo-badge span { font-size: 15px; }
.preventive-maint-head h4 { font-size: 13px; }
.preventive-maint-head p { font-size: 9px; }
.preventive-badge { font-size: 9px; }
.preventive-next-box { font-size: 10px; }
.maintenance-ticket-cta b { font-size: 11px; }
.maintenance-ticket-cta span { font-size: 9px; }
.ticket-kpi>div>span { font-size: 9px; }
.ticket-create-summary b { font-size: 11px; }
.ticket-create-summary span { font-size: 9px; }
.maintenance-ticket-banner h3 { font-size: 15px; }
.maintenance-ticket-banner p { font-size: 10px; }

/* ------- raneen-fixes.css ------- */
/* --------------------------------------------------------- ٢ — أخطاء التحقق داخل النماذج البروتوتايب لا يعرض أخطاء تحقق أصلًا: نماذجه تحفظ في الذاكرة ولا ترفض شيئًا. ولمّا صار الحفظ يمرّ بالسيرفر، صارت رسائل الرفض جزءًا من الواجهة وتحتاج شكلًا. --------------------------------------------------------- */ .form-error { font-size: 13px; }
/* --------------------------------------------------------- ٥ — وسم البيانات المحاكاة الجسر الأندرويدي الأصلي غير متوفّر بعد، فبعض الزيارات تُغذّى بحمولات مولَّدة بشكل العقد. والوسم يجب أن يكون ظاهرًا لا لطيفًا: رقم في تقرير لا يُعرَف مصدره أسوأ من غياب الرقم. تُحذف هذه القواعد مع المحاكي حين يصل الجسر. --------------------------------------------------------- */ .sim-badge { font-size: 11px; }
.sim-banner { font-size: 13px; }
.sim-banner b { font-size: 14px; }
/* وسم «أنت»: الأزرار التي تخصّ الصفّ نفسه معطَّلة، وهذا يقول لماذا. */ .user-self-tag { font-size: 10px; }
.handover-box h4 { font-size: 13px; }
.handover-list { font-size: 13px; }
/* ========================================================= 9 — شريط تبويبات المودال على الشاشات الضيّقة ‏.modal-tabs في البروتوتايب flex بلا التفاف: أربعة تبويبات بعناوين طويلة («Overview & Identification») تخرج عن عرض 335px. ========================================================= */ @media (max-width: 620px) { font-size: 11px; }
.chart-legend { font-size: 11px; }
.sensor-card header b { font-size: 12px; }
.sensor-card header span { font-size: 10px; }
.sensor-card footer { font-size: 10px; }
.search-group-label { font-size: 10px; }
.search-hit b { font-size: 13px; }
.search-hit span { font-size: 11px; }
.search-empty { font-size: 12px; }
/* ========================================================= ١٣ — ملاحظة «نسيت كلمة المرور» في صفحة الدخول الزرّ نفسه من البروتوتايب وأنماطه فيه (.login-options>button). الجديد هو الملاحظة التي تظهر تحته: البروتوتايب يفتح حوارًا لا يفعل شيئًا، وهنا تُقال الحقيقة — لا استرجاع ذاتيًّا، والمسؤول يضبطها من صفحة الحسابات. ========================================================= */ .login-forgot-note { font-size: 11px; }
.login-locale a { font-size: 11px; }
.asset-photo-empty { font-size: 11px; }
.asset-identity-main h3 { font-size: 18px; }
/* سريال النظام هو هويّة الأصل: يُبرز، ويبقى LTR لأنه معرّف لا نصّ. */ .asset-serial { font-size: 15px; }
.asset-identity-main .muted { font-size: 12px; }
.asset-qr .k { font-size: 10px; }
.asset-qr-value { font-size: 10px; }
/* ========================================================= ١٦ — عمود «المتغيّرات المتجاوزة» الفيديو (لقطة 25:30) يضع تجاوزات التاج الواحد سطرًا تحت سطر في خلية واحدة: نقطةٌ بلون الخطورة، ثم اسم المتغيّر، ثم قيمته ومستواه. ========================================================= */ .exceeded-variable { font-size: 12px; }
.exceeded-variable .muted { font-size: 11px; }
/* ========================================================= ١٧ — صفحة نين الفيديو (لقطة 28:30) يعرض عنوان «Try asking Neen» وشرائح مجالات وكروت «Recent history». وأنماط البروتوتايب لشبكة الاقتراحات ‏(.neen-suggestion-grid) مبنيّة على بنية مختلفة، فهذه أصناف جديدة. ========================================================= */ .neen-heading { font-size: 14px; }
.neen-domain { font-size: 11px; }
.neen-suggestion-q { font-size: 14px; }
.neen-suggestion-d { font-size: 11px; }
.neen-history-mark { font-size: 10px; }
.neen-history-card b { font-size: 13px; }
.neen-history-card .muted { font-size: 10px; }
.branch-tag-card b { font-size: 13px; }
/* المعرّف العتادي هويّة تقنية: يبقى LTR في الاتجاهين. */ .branch-tag-id { font-size: 10px; }
.branch-tag-readings { font-size: 12px; }
/* ========================================================= ٢٠ — كروت فئات التاجات الأنماط كانت موجودة في raneen.css منذ البداية — منقولةً حرفًا بحرف من البروتوتايب — ولم يستعملها الرسم: كان يبني الكرت بأنماطٍ سطرية وشاراتٍ صغيرة، فظهرت النطاقات الثلاثة صفًّا من الأقراص بدل ثلاث خانات ملوّنة. نفس عيب كروت مؤشّرات الأصول: CSS يصف شيئًا والـHTML يبني غيره. وما يبقى هنا شيئان لا ثالث لهما في البروتوتايب: سطر الظرف الفعلي، وعدّاد التاجات. كلاهما معلومةٌ حقيقية لا زينة، فبقيا تابعين بصريًّا لا منافسين للخانات. ========================================================= */ .rule-envelope { font-size: 10px; }
.category-usage { font-size: 11px; }
/* ========================================================= ٢١ — تحذير نطاق التاج تاجٌ لا يدخل أي زيارة لأن فرعه فارغ بينما أصله في فرع. العيب صامت بطبيعته — الصف موجود والربط موجود ولا شيء يبدو خاطئًا — فالوسم يحتاج أن يُرى في صف الجدول لا في تلميحٍ عند المرور وحده. ========================================================= */ .tag-scope-warning { font-size: 11px; }
/* ========================================================= ٢٣ — محرّر مخطّط الفرع كانت العلامة زرًّا نقرةٌ واحدة تحذفه، فتحريكُ تاجٍ شبرًا يعني حذفه وإعادة وضعه. والشرح يصف غير ذلك: «حتى تحرّك مكانه وتغيّر». فصارت تُسحَب، والحذف زرٌّ صغير يظهر عند المرور — حتى لا تكون الحركة والإزالة إيماءةً واحدة. ========================================================= */ .layout-hint { font-size: 13px; }
.layout-marker { font-size: 11px; }
.layout-marker-x { font-size: 13px; }
.layout-side-head { font-size: 14px; }
.rule-editor-head b { font-size: 13px; }
.rule-editor-head .sub { font-size: 10px; }
.rule-editor-note { font-size: 13px; }
.rule-editor-warning { font-size: 13px; }
.automation-note { font-size: 13px; }
/* تلميح تحت الحقل: صيغة الإدخال المتوقَّعة، كما في النموذج. */ /* والتلميح يُقرأ. ثمانيةُ بكسلاتٍ رماديّةٌ باهتة هي مقاس التسميات الثانوية في النموذج، وهي كثيرةٌ على سطرٍ يقول للمستخدم كيف يكتب — من لم يقرأه كتب العناوين بفاصلة فصارت كلها عنوانًا واحدًا فاسدًا. */ .field-hint { font-size: 12px; }
.neen-search input { font-size: 14px; }
.neen-no-match b { font-size: 14px; }
.neen-no-match p { font-size: 13px; }
/…. فمن يُجرّب نقطةً كان يفتح التفاصيل ليقرأ الرقمَ من شريط العنوان. وهيئتُه هادئة عمدًا: معلومةٌ لمن يبحث عنها، لا وسمٌ يزاحم الحالةَ والفرعَ في صفٍّ يُمسَح بالعين. --------------------------------------------------------- */ .visit-id { font-size: 12px; }